body,div,span,a,img,input,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,ol{margin:0;padding:0;border: 0;list-style: none;}
body{font-size: 12px;font-family:microsoft yahei,PingFang SC!important;color:#333; overflow-x:hidden; background:#fff}
h1,h2,h3,h4,h5,h6{ font-weight:normal;font-size:18px;}
a{color:#333;text-decoration: none;font-family:microsoft yahei,PingFang SC!important;}
a:hover{color:#333;text-decoration: none;font-family:microsoft yahei,PingFang SC!important;}
table{border-collapse:collapse;border-spacing:0}
input{vertical-align:middle;display:table-cell;}
button,input,select,textarea{font-size:100%; outline:none;}
b,em,strong{font-style: normal; font-weight: normal;}
img{display: block; margin:0 auto;}
.container{ width:1200px; height:auto; margin:0 auto; }
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
@font-face{font-family: Montserrat;src: url("../Montserrat/Montserrat-Regular.otf");}
body,html{ height:100%;  }


.con{max-width:990px; margin:0 auto;} 
.section { width: 100%; z-index: 10; position: relative; margin: 0 auto;  }
.inner { position: relative; }
.subMenu { position: absolute; top: 391px; z-index: 1000; width: 100%; }
.subMenu2 { position: absolute; top: 391px; z-index: 1000; width: 100%; max-width: 990px; left: 50%;  transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}
.nav{  max-width:990px;z-index: 1000; width: 100%;position: absolute; top: 397px;}
.nav ul{ overflow:hidden ; position:relative; display: flex; }
.nav ul li{ margin: 0 1%;font-size: 16px; align-items: center; justify-content: center;flex: 1; text-align: center;line-height: 20px; padding-bottom: 5px;}
.fixed{ position: fixed; top: 0;}
.nav .current a.subNavBtn{background:#FCE013; color: #333;}
.nav ul li a.subNavBtn{ display:block; width:100%; border-radius: 5px 5px 0 0 ; -webkit-border-radius: 5px 5px 0 0 ; -moz-border-radius: 5px 5px 0 0 ; -ms-border-radius: 5px 5px 0 0 ; -o-border-radius: 5px 5px 0 0 ;background: #29668D; font-weight: bold; color: #fff; padding-top: 5px; padding-bottom: 3px;}
.nav ul li a.btn{ width: 100%; display: block;background: #29668D; color: #fff;padding-bottom: 5px;}

.nav .current1 a.btn1,.nav .current2 a.btn2,.nav .current3 a.btn3,.nav .current4 a.btn4,.nav .current5 a.btn5,.nav .current6 a.btn6,.nav .current7 a.btn7,.nav .current8 a.btn8,.nav .current9 a.btn9,.nav .current10 a.btn10{background:#FCE013; color: #fff;}

.nav .current1 a span,.nav .current2 a span,.nav .current3 a span,.nav .current4 a span,.nav .current5 a span,.nav .current6 a span,.nav .current7 a span,.nav .current8 a span,.nav .current9 a span,.nav .current10 a span{ background: #5dabbf; padding: 1px 20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; font-size: 14px;}

.nav .current1 a.xh1,.nav .current2 a.xh2,.nav .current3 a.xh3,.nav .current4 a.xh4,.nav .current5 a.xh5,.nav .current6 a.xh6,.nav .current7 a.xh7,.nav .current8 a.xh8,.nav .current9 a.xh9,.nav .current10 a.xh10{background:#FCE013; color: #333;}

.fxd{ background:none;}


.bannerBox{ margin-bottom: 50px;}

.section .zfright-sp{ width: 100%; border: 1px solid #333; background:#fff; min-height:225px; overflow: hidden; box-sizing: border-box; max-width: 814px; margin: 0 auto 30px; padding-bottom: 20px;font-size: 0; }
.section .zfright-sp h2{ font-size:24px; height:50px; line-height:50px; background: #1e748c; display: inline-block; padding: 0 50px 0 20px; border-radius:0 50px 0 0 ; -webkit-border-radius:0 50px 0 0 ; -moz-border-radius:0 50px 0 0 ; -ms-border-radius:0 50px 0 0 ; -o-border-radius:0 50px 0 0 ; color: #fff; font-weight: bold; margin-bottom:20px;}
.section .zfright-sp .zfwz{font-size: 14px;margin-top:10px;}
.section .zfright-sp .zfwz p{ width:90%; font-size:16px; color:#333; line-height:32px; display: block; margin: 0 auto;}
.section .zfright-sp .zfwz a{ color: #2d95b0;}
.section .zfright-sp .zfimg{font-size: 14px; text-align: center;}
.section .zfright-sp .zfimg img{ height: 135px;}

.section .zfright{ width: 100%; border: 1px solid #333; background:#fff; min-height:225px; overflow: hidden; box-sizing: border-box; max-width: 814px; margin: 0 auto 30px; padding-bottom: 20px;font-size: 0; }
.section .zfright h2{ font-size:24px; height:50px; line-height:50px; background: #1e748c; display: inline-block; padding: 0 50px 0 20px; border-radius:0 50px 0 0 ; -webkit-border-radius:0 50px 0 0 ; -moz-border-radius:0 50px 0 0 ; -ms-border-radius:0 50px 0 0 ; -o-border-radius:0 50px 0 0 ; color: #fff; font-weight: bold; margin-bottom:10px;}
.section .zfright .zfwz{ width:68%; display: inline-block; vertical-align: middle;font-size: 14px;}
.section .zfright .zfwz p{ font-size:16px; color:#333; line-height:32px; display: block; margin-left: 20px;}
.section .zfright .zfwz a{ color: #2d95b0;}
.section .zfright .zfimg{font-size: 14px;width:30%;display: inline-block; vertical-align: middle;}
.section .zfright .zfimg img{ height: 200px;}


.tuwen{clear: both;width:95%; margin: 0 auto; line-height:30px;font-size: 14px;}
.tuwenimg{float:right!important; clear: both;margin-top:8px; margin-left: 10px;}
.tuwenimg img{position:inherit!important;}


.section .zfleft{ width: 100%; height: auto; min-height:144px;background:#5dabbf; box-sizing: border-box; max-width: 814px; margin: 0 auto 20px; overflow: hidden;}
.section .zfleft .zfwz{ width:73%;float:right; position:relative; background: url(../images/bg.jpg) no-repeat 0 0; min-height: 144px;}
.section .zfleft .zfwz h2{ font-size:16px; height:30px; line-height:30px; padding: 10px 0 5px 40px; color: #fff; font-weight: bold;}
.section .zfleft .zfwz p{ width:87%; font-size:14px; color:#fff; line-height:30px; display: block; margin-left: 40px; /*display: -webkit-box;
  overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  text-overflow: ellipsis; height: 88px; */ margin-bottom: 10px; }
.section .zfleft .zfwz a{ color: #fff;}
.section .zfleft .zfimg{ width:27%; float:left; background: #fff; height: 144px;}
.section .zfleft .zfimg a{display: block;}
.section .zfleft .zfimg img{  width: 220px; height: 96px; margin-top: 24px;}
.section .zfleft .zfwz p em,.section .zfleft .zfwz p a{ color: #FCE013; cursor: pointer;}
.section .zfleft .zfwz p em b{color: #fff;}


.section .zfleft2{ width: 100%; height: auto; min-height:144px;background:#5dabbf; box-sizing: border-box; max-width: 814px; margin: 0 auto 20px; overflow: hidden;}
.section .zfleft2>a{ display: block; height: 144px;}
.section .zfleft2 .zfwz{ width:73%;float:right; position:relative; background: url(../images/bg.jpg) no-repeat 0 0; min-height: 144px;}
.section .zfleft2 .zfwz h2{ font-size:16px; height:30px; line-height:30px; padding: 10px 0 5px 40px; color: #fff; font-weight: bold;}
.section .zfleft2 .zfwz p{ width:87%; font-size:14px; color:#fff; line-height:30px; display: block; margin-left: 40px; /* display: -webkit-box;
  overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  text-overflow: ellipsis; */height: 88px; }
.section .zfleft2 .zfwz a{ color: #fff;}
.section .zfleft2 .zfimg{ width:27%; float:left; background: #fff; height: 144px;}
.section .zfleft2 .zfimg a{display: block;}
.section .zfleft2 .zfimg img{  width: 220px; height: 96px; margin-top: 20px;}

.lxwm{ text-align:center; color:#333; padding:0 0 50px; }
.lxwm p{ font-size:18px;}

.pp{ background: #2d95b0; margin-bottom: 50px; padding-bottom: 20px;}
.pp h4{ padding: 25px 0; height: 61px; color: #fff; font-weight: bold; background: url(../images/tit.png) no-repeat center;  text-align: center; padding-right: 190px; font-size: 24px; line-height: 42px;}
.pp ul { width: 100%; margin: 0 auto; overflow: hidden;    max-width: 814px; }
.pp ul li { width: 238px; float: left; _display: inline; overflow: hidden; text-align: center;  margin-right: 50px;}
.pp ul li .pic { text-align: center; overflow: hidden; background: #fff;}
.pp ul li .pic img { width: 230px; height: 100px; display: block;}
.pp ul li .detail{padding: 5px 0;}
.pp ul li .detail h3 { font-size: 16px; height: 36px; line-height: 36px; font-weight: normal; display: block; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;color: #fff; }
.pp ul li .detail h3 a,.pp ul li .detail h3 a:hover{color: #fff; text-decoration: none;}
.pp ul li:nth-of-type(3n) { margin-right: 0;}

.index_fanhtop { bottom: 15%; right: 2%; display: none;position: fixed; z-index: 999; width:2.9375rem; height:2.9375rem;}
.index_fanhtop .fhdb { display: block; background: url(https://xiongan.ibuychem.com/static/mooncake/images/top.png) center no-repeat; background-size: 100%; width:2.9375rem; height:2.9375rem;}