header{ display:none;}
.footered{ display:none;}

@media screen and (max-width:320px) {html { font-size: 75% } } /*12px*/
@media screen and (min-width:321px) and (max-width:393px) {html { font-size: 87.5% }} /*14px*/
@media screen and (min-width:394px) and (max-width:414px) {html { font-size: 100% }} /*16px*/
@media screen and (min-width:415px) and (max-width:540px) {html { font-size: 112.5%; }} /*18px*/
@media screen and (min-width:541px) and (max-width:640px) {html { font-size: 125%; }} /*20px*/
@media screen and (min-width:641px) and (max-width:720px) {html { font-size: 137.5%; }} /*22px*/
@media screen and (min-width:721px) and (max-width:768px) {html { font-size: 150% } } /* 24px*/
@media screen and (min-width:769px) {html { font-size: 150% }.gka__live{ right:-4rem!important;}} /* 24px */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; list-style: none; border: 0; }
html, body { position: relative; height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); margin: 0 auto; font-family: Microsoft Yahei, Hiragino Sans GB, Arial, Helvetica; min-width: 320px; max-width:990px; background:#fff; }
article, aside, details, figcaption, figure, footer , hgroup, menu, nav, section { display: block; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
input, textarea, select, label, button {/* -webkit-appearance: none;*/ outline: none; resize: none; font-family:microsoft yahei,PingFang SC!important; }
table { border-collapse: collapse; border-spacing: 0; }
em, i, strong { font-style: normal; font-weight: normal; }
img { max-width: 100%; display:block; margin:0 auto;border: 0; }
a, a:hover { color: #333; text-decoration: none; font-family:microsoft yahei,PingFang SC!important;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus { outline: none; }


.zw{height: 5rem; display: none;}
.con{max-width:750px; margin:0 auto;} 
.section { width: 100%; z-index: 10; position: relative; margin: 0 auto;  }
.inner { position: relative; }
.subMenu { position: absolute; bottom: 0; z-index: 1000; width: 100%; }
.subMenu2 { position: absolute; bottom: 0; z-index: 1000; width: 100%; }
.nav{  max-width:990px;position: absolute; top:9.3em; z-index: 1000; width: 100%;}
/* .nav ul{ overflow:hidden ; position:relative; display: flex;}.nav ul li{margin: 0 1%;font-size: 14px; align-items: center; justify-content: center;flex: 1; text-align: center; line-height: 1em;}*/
.nav ul{ overflow:hidden ; position:relative; width: 100%; overflow-x: scroll; display: -webkit-box; -webkit-overflow-scrolling: touch;}
.nav ul::-webkit-scrollbar {width:0;height:0;display: none;  } 
.nav ul li{ margin: 0 0.2rem;font-size: 14px; line-height: 1.2em;}
.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; color: #fff; padding: 0.2em 0.5em;}
.nav ul li a.btn{ padding-bottom: 0.1rem; width: 100%; display: block;background: #29668D; color: #fff; text-align: center;}

.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: 0 5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; font-size: 12px;}

.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;}

.fixed{ position: fixed; top: 0;}
.fxd{ background:none;}


.bannerBox{ margin-bottom: 2.5rem;}

.subMenu3 { position:fixed; left:50%; transform: translate(-50%,0);top:0; z-index: 1000; width: 100%; display: none;}
.subMenu3 ul{ overflow:hidden ; position:relative; width:100%; margin:0 auto; background:#fff; -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.15);box-shadow: 0 0px 12px rgba(0, 0, 0, 0.15); /*overflow-x: scroll; display: -webkit-box; -webkit-overflow-scrolling: touch;*/ }
/*.subMenu ul::-webkit-scrollbar {width:0;height:0;display: none;  }*/
.subMenu3 ul li{ height:2.75rem; font-size:0.9375rem; float:left; width:20%; text-align:center;line-height: 3rem;}
.subMenu3 ul li a{ display:block; width:100%; height:2.75rem; color:#086590; display:block;}
.subMenu3 ul li.current a{ color:#086590;  font-weight:bold; font-size:1rem;}

.section .zfright-sp{ width: 94%; border: 1px solid #333; background:#fff;  box-sizing: border-box; margin: 0 auto 1.5rem; overflow: hidden;font-size: 0; padding-bottom: 1rem;  }
.section .zfright-sp h2{ font-size:1rem; height:2rem; line-height:2rem; background: #1e748c; display: inline-block; padding: 0 2rem 0 0.8rem; 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; margin-bottom:10px; font-weight: bold;}
.section .zfright-sp .zfwz{ width:100%; font-size: 1rem; }
.section .zfright-sp .zfwz p{ font-size:0.875em; color:#333; line-height:1.75em; display: block; width: 90%; margin: 0 auto;}
.section .zfright-sp .zfwz a{ color: #2d95b0;}
.section .zfright-sp .zfimg{ font-size: 1rem; text-align: center;}
.section .zfright-sp .zfimg img{ height: 6em;}

.section .zfright{ width: 94%; border: 1px solid #333; background:#fff;  box-sizing: border-box; margin: 0 auto 1.5rem; overflow: hidden;font-size: 0; padding-bottom: 1rem;  }
.section .zfright h2{ font-size:1rem; height:2rem; line-height:2rem; background: #1e748c; display: inline-block; padding: 0 2rem 0 0.8rem; 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; margin-bottom:10px; font-weight: bold;}
.section .zfright .zfwz{ width:61%; display: inline-block; vertical-align: middle;font-size: 1rem; }
.section .zfright .zfwz p{ font-size:0.875em; color:#333; line-height:1.75em; display: block; width: 90%; margin: 0 auto;}
.section .zfright .zfwz a{ color: #2d95b0;}
.section .zfright .zfimg{ width:39%;display: inline-block; vertical-align: middle; font-size: 1rem; padding-right: 3%;}
.section .zfright .zfimg img{ height: 12em;}
.tuwen{clear: both;width:92%; margin: 0 auto; line-height: 1.75rem;font-size: 0.875rem;}
.tuwenimg{width:11rem!important;padding-left: 1rem;float:right!important; clear: both;margin-top: 0.5rem;}
.tuwenimg img{position:inherit!important;}

.section .zfleft{ width: 90%;background:#5dabbf; box-sizing: border-box; margin: 0 auto 1rem; overflow: hidden;font-size: 0;}
.section .zfleft .zfwz{ position:relative;  width: 62%; display: inline-block; vertical-align: top;padding: 0 2% 0 5%;  box-sizing: border-box;overflow: hidden;}
.section .zfleft .zfwz h2{ font-size:0.875rem; height:1.5rem; line-height:1.5rem; color: #fff; font-weight: bold; text-align: left; margin-top: 0.2rem;}
.section .zfleft .zfwz p{ font-size:0.875rem; color:#fff; line-height:1.35rem; display: block; margin: 0 auto;/*display: -webkit-box;
  overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  text-overflow: ellipsis;  height: 4rem;*/  }
  .section .zfleft .zfwz p em,.section .zfleft .zfwz p a{ color: #FCE013;}
  .section .zfleft .zfwz p em b{color: #fff;}
.section .zfleft .zfwz a{ color: #fff;}
.section .zfleft .zfimg{ width:38%; display: inline-block; vertical-align: middle; height: 6rem; background: #fff; position: relative;}
.section .zfleft .zfimg::after{ content: ''; display: block; position: absolute; right: -0.5rem; top: 0; width:1rem; height: 6rem; background:url(../images/bg.jpg) no-repeat center; background-size: 100% 100%;}
.section .zfleft .zfimg a{display: block; margin-top: 1rem;}
.section .zfleft .zfimg img{  width: 11rem; margin-top: 1rem;}

.section .zfleft2{ width: 90%;background:#5dabbf; box-sizing: border-box; margin: 0 auto 1rem; overflow: hidden; padding-bottom: 1rem;}
.section .zfleft2 .zfwz{ position:relative; }
.section .zfleft2 .zfwz h2{ font-size:0.875rem; height:1.5rem; line-height:1.5rem; color: #fff; font-weight: bold; text-align: center;}
.section .zfleft2 .zfwz p{ width:94%; font-size:0.875rem; color:#fff; line-height:1.75rem; display: block; margin: 0 auto;}
.section .zfleft2 .zfwz a{ color: #fff;}
.section .zfleft2 .zfimg{ width: 11rem; margin: 1rem auto 0.5rem;}
.section .zfleft2 .zfimg a{display: block;}
.section .zfleft2 .zfimg img{  width: 11rem;}


.lxwm{ text-align:center; color:#333; padding:0 0 1.5rem; }
.lxwm p{ font-size:0.875rem;}

.pp{ background: #2d95b0; margin-bottom:2rem; overflow: hidden; }
.pp h4{ padding: 1rem 0; padding-right:8rem; height: 4rem; color: #fff; font-weight: bold; background: url(../images/tit.png) no-repeat center; background-size: 1rem;  text-align: center;background-size: 90% 1.75rem; font-size:1rem; line-height: 1.4rem; }
.pp ul { width: 94%; margin: 0 auto; overflow: hidden;    max-width: 814px; }
.pp ul li { width: 46%; float: left; _display: inline; overflow: hidden; text-align: center; margin:0 2% 1rem;}
.pp ul li .pic { text-align: center; overflow: hidden; background: #fff;}
.pp ul li .pic img { width: 11rem;display: block;}
.pp ul li .detail{ padding-top: 0.2rem;}
.pp ul li .detail h3 { font-size: 0.875rem; height: 1.5rem; line-height: 1.5rem; 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;}

.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;}