@charset "utf-8";     
/* reset */  
*{ box-sizing: border-box; margin:0; padding:0; font-weight: normal;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;
font-size: 14px;}  /* 初始化标签在所有浏览器中的margin、padding值 */  
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
input,select,textarea,button {vertical-align:middle; border:none; background:none;}  /* 重置表单控件垂直居中*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
body {background:#fff}   /* 重置body 页面背景为白色 */  
body,th,td,input,select,textarea,button {font-size:14px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */  
a {color:#666;text-decoration:none}  /* 重置链接a标签 */  
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
caption {display:none;}    /* 重置表格标题为隐藏 */  
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */  
img{ display: block; max-width: 100%;}  /* 图片在当前行内的垂直位置 */  
select{ outline: none;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());} 
.bg-block{ height: 15px; background: #F5F5F5;}

.wrap{ max-width: 16rem; width: 100%;  margin:auto; overflow: hidden; position: relative; }

header{position: fixed; top: 0; width: 16rem;  z-index: 222; padding:0 0;  height:  50px; background: #fff; transition: all 0.6s;} 
/*header.on{ background: #222;}*/
.logo{width: 90%; display: block;b}
.logo img{ max-width: 100%; height: 50px; display: block;}
.nav-btn{ position: absolute; top: 14px;  right: 10px;}
.nav-btn img{ width: 26px;  }


.navbar{ position: absolute; top:50px; max-width: 16rem;  background: #F5F5F5;  padding:0.625rem 0.25rem;
 display: none;z-index: 33; right: 0;  left: 0;} 
.navbar li a{ display: block; text-align: center; font-size: 16px; padding:15px 1rem 15px 1rem; color: #222; width: 100%;  }
.navbar li{  transition:all  0.36s;  animation-duration:1s;  animation-name:fadeLeft; animation-fill-mode:both;  width:100%;}

#banner{ position: relative; margin-top: 50px;}
#banner .hd{ position: absolute; bottom: 0.7rem; text-align: center; height: 10px; left: 0; width: 100%; z-index: 33;}
#banner .hd li{ display: inline-block; width: 10px; height: 10px;  margin:0 5px; background: #fff;
border-radius: 100%;  text-indent: -99999px;}
#banner .hd li.on{ background: #ffcc00;}


.index-sec1{ background: url(../img/wenli.png) no-repeat top center; width: 100%; padding-bottom: 50px; background-size: cover;}
.index-sec1 .ul1 { height: 180px;}
.index-sec1 .swiper-slide{ float: left; width: 50%; padding: 20px; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;
transition: all 0.6s; position: relative; z-index: 22; background: transparent; cursor: pointer;}
.index-sec1 .p1{ color: #000; font-weight: bold; font-size: 18px; text-align: center;}
.index-sec1 .p2{ color: #999;  font-size: 14px; text-align: center; margin:10px 0 5px 0; line-height: 26px; height:52px; overflow: hidden;}
.index-sec1 i{ display: block; margin: 0 auto; height: 6px; width: 6px; background: #FFCC00; border-radius: 100%;}

.tit .p1 img{ display: block; margin: 0 auto; height: 20px; }
.tit .p2{ font-size:18px; font-weight: bold; text-align: center; color: #000; padding:15px 0 10px 0;}
.tit .p3{ color: #666; font-size: 14px; text-align: center;}

.index-sec2 ul{ display: flex; flex-wrap: wrap; padding-left: 10px; margin-top: 20px;}
.index-sec2 li{ width: 50%;}
.index-sec2 li figure img{ display: block; width: 100%;}
.index-sec2 li a{ display: block; padding: 0 10px 0 0;}
.index-sec2 li p{ text-align: center; font-size: 14px; color: #000; padding: 20px 0; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis;}

.more{ display: block; width: 180px; height: 45px; line-height: 45px; text-align: center; color: #000;
font-size: 14px; background: #ffcc00; text-align: center; margin:20px auto 0 auto;}

.index-sec3{ padding: 0 10px; background: url(../img/bg.jpg) no-repeat top center; margin-top: 40px; background-size: contain;}
.index-sec3 .cont{ background: #fff; padding:20px 10px;}
.index-sec3 .title{ border-bottom: 1px solid #E0E0E0; padding-bottom: 25px; position: relative; margin: 10px;}
.index-sec3 .title img{ height: 22px;}
.index-sec3 .title .p2{ font-weight: bold; color: #000; font-size: 18px; padding: 15px 0 0 0; line-height: 1;}
.index-sec3 .title b{ position: absolute; bottom: 0; left:0 ; height: 1px; background: #FFCC00; width: 0%; transition: all 2s;}
.index-sec3{ padding-top: 110px;}
.index-sec3 .p3{ line-height: 32px; color: #000;  font-size: 14px; margin: 0 auto; text-indent: 2em; height:196px; overflow: hidden;}

.index-sec4{ border-top: 8px solid #F5F5F5; padding-top: 40px; margin-top: 30px; border-bottom: 8px solid #F5F5F5; padding-bottom: 30px;}
.index-sec4 .bd{ padding: 0 10px; margin-top: 25px;}
.index-sec4 .bd li p{ font-size: 14px; line-height: 28px; margin: 10px 0 25px 0; height: 56px;}
.index-sec4 .hd ul{ display: flex; justify-content:center; }
.index-sec4 .hd li{ display: block; border:2px solid #000; height: 12px; width: 12px; font-size: 0px; border-radius: 100%;
margin: 0 10px;}
.index-sec4 .hd li.on{ border-color: #FFCC00;}

.index-sec5{ padding-top: 30px;}
.index-sec5 ul{ padding: 0 10px; display: flex; flex-wrap: wrap; justify-content:space-between; margin-top: 30px;}
.index-sec5 li{ width: 45%; border-right: 1px solid #f5f5f5; margin-bottom: 20px;}
.index-sec5 li:nth-child(2n){ border-right: none;}
.index-sec5 li:nth-child(2n+1){ padding-right: 5%; width: 50%;}
.index-sec5 li .p1{ font-weight: bold; color: #000; font-size: 16px; white-space: nowrap; overflow: hidden;}
.index-sec5 li .p1 span{ color: #FFCC00; font-size: 36px; font-family: '宋体'; font-weight: bold;} 
.index-sec5 li .p2{ line-height: 28px;; height: 84px; overflow: hidden; font-size: 14px; color: #666; margin-top: 10px;}

.index-sec6{ background: url(../img/tu3.png) no-repeat top center; padding: 50px 0; background-size: 100%; display: flex;
justify-content: flex-end; margin-top: 35px; align-items: flex-end; }
.index-sec6 a{ display: block; background: #FFCC00; color: #000; text-align: center; width: 100px; height: 36px; line-height: 36px;
margin-right: 20px; margin-top:30px;}

.index-sec7{ padding:25px 10px;}
.index-sec7 .div1 a{ display: flex; justify-content: space-between; align-items: center; margin-top: 25px;} 
.index-sec7 .div1 figure{  flex-shrink: 0; width: 100px; overflow: hidden;}
.index-sec7 .div1 img{ display: block;  height: 75px; width: 100px; object-fit: cover;}
.index-sec7 .div1 figcaption{ overflow: hidden; padding-left: 10px;  }
.index-sec7 .div1 .p1{ font-weight: bold; color: #000; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-sec7 .div1 .p2{ height: 48px; line-height: 24px; overflow: hidden;  margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; text-overflow: ellipsis;}
.index-sec7 ul{ margin-top: 20px;}
.index-sec7 li i{ display: inline-block; height: 5px; width: 5px; background: #222; border-radius: 100%; vertical-align: middle;
margin-right: 5px;}
.index-sec7 li a{ white-space: nowrap; text-overflow:ellipsis; overflow: hidden; display: block;  padding: 13px 0;} 

.copyright{ background: #222; color: #fff; text-align: center; font-size: 14px; padding: 20px 10px 70px 10px; line-height: 32px;}
.dibu{ height: 50px; align-items: center; display: flex; position: fixed; bottom: 0; left: 0; right: 0; justify-content: space-around;background: #fff;
padding: 0 30px; max-width: 640px; width: 100%; margin: 0 auto; }
.dibu img{ display: inline-block; vertical-align: middle; margin-right: 5px; }


.neibanner{ padding-top: 50px;}
.casepage{ padding-top: 45px;}
.fenlei{ display: flex; padding:30px 20px 0px 20px; flex-wrap: wrap; }
.fenlei a{ display: block; padding: 0 20px; height: 40px; background: #F5F5F5; color: #000; line-height: 40px; text-align: center;
 margin-bottom: 10px;  width: 30%; margin: 0 1% 10px 1%; flex-grow: 1; }
.fenlei a.on{ background: #FFCC00;  } 


.pager{ padding:20px 0 40px 0;  display: flex; justify-content: center; } 
.pager a{ background:#fff;   height: 36px; line-height: 36px; padding:0 15px;
  margin-left:-1px; font-size:14px; border:1px #e0e0e0 solid; color:#000;}
.pager a.current{ background:#FFCC00;}

.newspage{ padding: 45px 10px 0px 10px;}
.newspage ul{ margin-bottom: 20px;}
.newspage li a{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #F5F5F5;
padding: 15px 0;} 
.newspage li figure{ flex-shrink: 0; width: 100px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.newspage li figure img{ display: block; width: 100px; height: 75px; object-fit: cover;}
.newspage li figcaption{  padding-left: 10px; overflow: hidden;}
.newspage li .p1{ font-weight: bold; color: #000; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newspage li .p2{ height: 48px; line-height: 24px; overflow: hidden;  margin-top: 10px;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}

.detail-container{ padding: 20px 10px;}
.detail-container h1{ font-size: 16px; color: #000; text-align: center; font-weight: bold; padding: 15px 0 0px 0;}
.detail-container h2 { display: flex; justify-content: space-around;  padding:15px 0 10px 0;
border-bottom: 1px solid #F5F5F5; margin-bottom: 20px; }
.detail-container h2 span{ color: #666; font-size:14px;}
.detail-container p{ font-size:14px; color: #000; line-height:32px;}
.detail-container img{ display: block; margin:10px auto;}
.fenpian{ border-top: 1px solid #F5F5F5; margin-top: 0.875rem; padding-top: 0.5rem;}
.fenpian h3{ padding:10px 0; font-size: 14px; color: #333;}
.fenpian h3 span{ font-size: 14px; color: #666; display: inline-block; padding-right: 10px;}
.fenpian h3:hover span{ color: #000;}
.fenpian h3:hover{ color: #FFCC00;}