*{font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}
html,body{width:100%;color:#d5d5d5; font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; background: #f1f1f1; font-size: 1.2rem; color: #333}
ul,li,html,body,h1,h2,h3,h4{margin:0px;padding:0px;}
a{text-decoration:none; color: #333 }
li{ display: block;}
img{border:none;}
.f12{ font-size: 1.2rem}
.left{ float: left}
.right{ float: right}
.clear{  clear: both; }
.red{ color: #ef0000 }
.hid{ height: auto; overflow: hidden; }
button {-webkit-appearance: none;resize: none; }
select{ -webkit-appearance:none;}
input[type="text"] {-webkit-appearance: none;resize: none;}
input[type="radio"] { width: 12px}
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{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
img{ max-width: 100% !important; height: auto !important; display: block;}
p{ padding: 0 !important; margin: 0 !important; }
body { font-size: 1.2rem; width: 32rem; margin: 0 auto; background: #fff }
/*.main{max-width:640px; margin:0 auto; overflow: hidden; background: #fff}*/
/*inav index*/
.inav{background: #006ada;
    height: auto;overflow: hidden;}
.inav a{ width:24.7%; display: block; float:left; text-align: center; color: #fff; font-size:1.2rem; padding:2.5% 0;border-right: 1px solid #007fdb;border-bottom: 1px solid #007fdb;}
.inav .in{border-right:none}
.bt{ padding-top: 20px;font-size:1rem }
.nav{ width:12%; padding-top:6px; position: relative; z-index: 888}
.navbox{ position: absolute; background: #006ada; width:100%; text-align: center;top:6rem;opacity: 0.9; padding: 10px 0 0 0; display: none;z-index: 999;max-width: 640px;z-index: 999}
.navbox ul{ position: relative;opacity:1.0}
.navbox ul li{ line-height:3rem; border-bottom: 1px #4cb0eb solid}
.navbox ul li a{ color: #fff}
.hide{ color: #000; background: #ffa24b; line-height: 3rem}
/*banner index*/
.logo{width:80%; float: left; padding:1rem 0;}
.bt{ padding:26px 0 0 1% }
.toptel{ float: right; padding: 20px 10px 0 30px; font-size:1rem;background:url(../Image/header_tel.png) no-repeat 0 23px; background-size:18% }
.toptel b{ color: #f98e26; font-size: 1.4em }
#flash{ width: 100%;  max-width: 680px;}
#flash img{width: 100%;}
.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;  max-width:680px; max-height:447px; }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:99; bottom:0px; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5); width: 100%; }
.focus .hd ul li{ -moz-box-flex:1;width: 20%; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#f8da3a; }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto;background:url(../images/loading.gif) center center no-repeat;  vertical-align:top;   }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }

/*iprocla index*/
.iprocla{ width: 96%;padding:1% 2% 2% 2%;color: #fff;height: auto;overflow: hidden;}
.iprocla a,.zlm a{float: left;width:32%; text-align:center;border:1px solid #006ada; margin-right: 0.5%;margin-bottom:5px;color: #fff;font:1.2rem/1.8 "Microsoft Yahei";white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:#006ada;}
.iprocla a:last-child,.zlm a:last-child{margin-right: 0%;}
.zlm{ width: 96%;padding:3% 2% 2% 2%;color: #f5f5f5; height: auto; overflow: hidden;}
/*search index*/
.search{ padding: 10px; background: #ececec; }
#search_text{ width:73%; height:2.45rem; border: 1px #ddd solid;font-size: 1.2rem}
.search-btn{ width: 25%;height: 2.5rem; background:#006ada;color: #fff; border:1px #058ee0 solid;font-size: 1.2rem }
/*hotproduct index*/
.fltit{ padding:10px 0 0 0; }
.itit{ height: 3.3rem; background: #f1f1f1; margin-bottom: 10px}
.itit b{  display: block; width: 35%; background: #006ada; line-height: 3.3rem; font-size: 1.6rem; text-align: center; color: #fff}
.itit a{ float: right; font-size: 1.2rem; padding-top: 1rem; padding-right: 1rem }
.tjtit{background: #ebebeb; height:3.5rem; line-height: 3.5rem; color: #fff; font-size: 1.2em; padding: 0 10px 0 0; margin-bottom: 15px}
.tjtit b{ display:block; float: left;background: #006ada !important;  width: 30%; text-align: center;  position: relative;}
.tjtit a{ display: block; float: right; width:26%; padding-top: 5px}
.irxal_nr { width:100%; height:auto; margin-top:8px}
.lytit{ background: #006ada !important }
.irxal_nr ul li,.rxal_nr ul li,.fwxm li{ width:48%; height:auto;float:left; text-align:center; overflow: hidden;}
.cptit{ background: #006ada; height:3rem; overflow: hidden;   }
.cptit a{ color: #fff;  }
.cpt{float: left; width: 54% ; text-align: left;padding-left:1% !important; }
.ckmore{ height:3rem; font-weight: bold; line-height: 3rem; font-size: 1.2rem; background:#006ada;  clear: both; text-align: center;}
.ckmore a{ color: #fff }
.rxcplist{ margin: 0 0 13px 1%; font-size: 1.2rem;border:1px #ddd solid; display: block;  }
.rxcplist p{ line-height:2.2 !important;}
.xq{ display: block; text-align: center; background:#e9f7d3; padding: 3px 0 }
.iTel{width:100%;background:#0e87d6; height: auto; overflow:hidden;}
.iTelfl{background: #666 !important;
    color: #fff !important; border: 1px #555 solid !important}
.iTelTitle{float: left;width: 30%; display:block;overflow:hidden; color:#fff;font:1.0em/3 "Microsoft Yahei"; text-align: left;background:#0075c1;}
.iTelTitle .iconfont{float:left;width: 30%;margin-left:10%; display: block;font-size:1.4em;}
.iTelTitle img{ padding-top:6px}
.iTelCon{float: left;width: 67%;padding-left:3%;color:#ffffff;font:1.0em/3 "Microsoft Yahei"; text-align: left; font-weight: bold;}
.itl{position:relative;width:93.75%;margin:2.125% auto 0 auto ;} 
.itl-tl{display:inline-block;width: 30%;color:#ffffff;font:1.0em/2.0 "Microsoft Yahei"; text-align: center;background: #0e87d6;}
.cpzxk a{ display: block; float: left; width: 45%; text-align: center; margin-left:3%; background: #006ada; color: #fff; padding:6px 0}
.rcolor{ background: #666 !important }
.dhzx{ background: #fff000!important; color: #222 !important; width:36% !important;display: block; float: left;margin:0.5rem 0 0 0; background-size:26%; border-radius: 5px; font-size: 0.9rem; height:1.8rem; line-height:2rem }
.itl-more{position:absolute;top:0;right:0;width: 20.5%;color:#0e87d6;font:1.0em/2.0 "Microsoft Yahei"; text-align: right;}
.itl-more a{ display:block;color:#0e87d6; }
/*.bgcolor{background: #efefef;}*/
.kehupj li{ height:5rem; background: #fff ; width:94% !important; margin:0 auto 0.8rem 1%;border:1px #ddd solid; text-align: left !important; padding: 0.8rem 0.5rem; background: #f1f1f1 }
.kehupj li img{ width:25%; float: left; }
.kehupj li p{ float: left; padding-left:0.5rem !important; line-height: 1.6; width:72%; font-size: 0.9rem}
.kehupj li p b{ display: block; font-size:1.3rem; color: #0170c1; }


.iabout,.i_nwes,.ilx,.icase,.rxal_nr{width:96%;margin: 0 auto;padding:0 1%;
color: #555;font: normal 1.2rem/2.0 "Microsoft YaHei";margin-bottom:3%;background: #fff; height: auto; overflow: hidden;}
.inews{ width:96%; margin: 0 auto  }
.inews li{padding:3px 2%;border-bottom: 1px dashed #dfe6ea;font:normal 1.0em/2.0 "Microsoft YaHei";white-space:nowrap;overflow:hidden;text-overflow:ellipsis; clear: both; width: 100% !important; text-align: left !important}
.inews li:last-child{border-bottom: none;}
.inews li .biao{color:#006ada; font-size:1.0em; font-weight: bold;}
.inews .idate{float: right;color:#999;  }


.irxal_nr{ height: auto;overflow: hidden;  clear: both; }
.fhdb{ width: 94%; margin:10px auto; height: 35px;border:2px #006ada solid; text-align: center; font-size: 1.1em; line-height: 35px; border-radius: 5px }


/*marquee index*/
#marquee1{height:auto;overflow:hidden;width: 100%; padding:5px 0 0 0;  text-align: center;}
#marquee1 ul li{float:left; padding:0 1px;}
#marquee1 ul li p{ line-height:2.0 !important;}
#marquee1 ul li img{display:block; height: 110px !important; width:185px !important}
.aboutimg img{ width: 100%; padding-bottom: 8px}
.bq{line-height:1.8;  font-size: 1.2rem; color: #333;background: #006ada;  height: auto; overflow: hidden; padding-bottom: 8px}
.bq a{ color: #fff}
.bottom{ position: fixed; bottom: 0;left:0; width: 100%; z-index: 999; clear; font-size:1.0em;}

.bottom a{ display: block; float: left; width:40%; text-align: center; color: #fff;height:5.2rem; }
.bb1{ background: #006ada }
.bb2{ background: #ff6005 }
.bb3{ width:20% !important ;background: #2f3841; }
.bb1 img{  width:auto !important; display: block; margin:0 auto; height: 2rem !important}
.bb2 img{  width:auto!important;display: block; margin:0 auto;height: 2rem !important }
.bb3 img{  width:auto !important;display: block; margin:0 auto;height: 2rem !important  }
.bottom span{padding: 5px 0; display: block;}
.bottom b{display: block; font-weight:normal;}
.cpy{ clear: both; margin: 8px 0; height: auto; overflow: hidden; }
#page_num{ padding:0 6px !important; font-size:1.0em}
.page{ padding:0 5% 10px 5%;font-size:1.0em}
.rel_center{ text-align: center;}
#prev_next{ line-height: 1.6;border-top: 1px #444 dashed; padding-bottom: 20px; margin-top:10px; clear:both;}
#prev_next li{ padding-top:8px;}
.b_tit{ display: block; text-align: center; font-size:1.2em; line-height: 2.2}
.meta{ text-align: center; background: #f3f3f3; padding:5px 0; font-size: 1em; margin-bottom:10px;}
.tjtit2{ height: 3.3rem; background: #f1f1f1; margin-bottom: 10px}
.tjtit2 b{  display: block;  line-height: 3.3rem; font-size: 1.2rem; text-align: left; color: #333;padding-left:5px}
.rxcplist{ background: #f3f3f3;}
.rxcplist img{  width: 100%; margin:0 auto;  height:11rem !important}
.rxcplist2{ padding: 5px 1%; height: auto; overflow: hidden;width: 48% !important; font-size: 1rem; float: left !important;}
.rxcplist3{ margin: 0 0 10px 1%; font-size: 1.2rem;border:1px #ddd solid; width: 31% !important; float: left; }
.rxcplist3 img{  width: 100% !important; padding:1px; }
.tupic{border-radius:5px; border:3px #ddd solid; height: 10rem !important; width: 99% !important}
.nywz{  text-align: center; font-size: 1.1em; line-height: 1.8 }
.cnyzx{  margin-top:2px !important }
.nywz .cnyzx a{ height: 25px; line-height: 25px; text-align: center; display: block; float: left; background: #ddd; width: 35%; border-radius: 5px }
.nytel{ background: #f09c42 !important; color: #fff !important; margin-left: 5px}
.cpnrtxt{ font-size:0.9rem; color: #777;  line-height: 1.5}
.wxb{ background: #007cc6; line-height:2.4rem; padding-left: 8px !important; margin-bottom: 5px  !important; }
.wxl img{ width: 100% }
.wxl{ width:25%; padding:1%; border: 1px #ddd dashed; margin: 8px 0 0 8px }
.wxt{ color: #fff; line-height: 1.6; width: 69%; padding-top: 10px;font-size: 1rem}
.bqsy{ text-align: center; background: #555; padding-bottom:7rem;color: #fff;  font-size: 1rem; padding-top: 5px}
.bqsy a{ color: #fff }
.cpny{ position: relative; z-index: 888 }
.shuiyin{ position: absolute; top: 0;  background:url(../Image/sy.png) repeat-y center top; height: 100%; z-index: 999; width: 100%;  background-size: 100%}
#name,#tel,#content,#email{ width:90%; border: 1px #ddd solid; line-height:2.8rem;font-size: 1.2rem}
#form1{ padding:0 10px; font-size:1.2rem }
#submit{width: 40%;height: 35px;border: 0;cursor: pointer;color: #FFF; background: #ffa24b;  margin: 5px 30%; font-size: 1.2rem}
.heartbeat{-webkit-animation:heartbeat 1.2s infinite;animation:heartbeat 1.2s infinite;}
.rotate{-webkit-animation:rotating 1.6s linear infinite;-moz-animation:rotating 1.6s linear infinite;animation:rotating 1.6s linear infinite;}
@-webkit-keyframes mapJump{0%{-webkit-transform:translateY(0);}20%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-15px);}50%{-webkit-transform:translateY(0);}60%{-webkit-transform:translateY(-7px);}80%{-webkit-transform:translateY(0);}100%{-webkit-transform:translateY(0);}}
@keyframes mapJump{0%{transform:translateY(0);}20%{transform:translateY(0);}40%{transform:translateY(-15px);}50%{transform:translateY(0);}60%{transform:translateY(-7px);}80%{transform:translateY(0);}100%{transform:translateY(0);}}
@-webkit-keyframes tada2{0%,100%{-webkit-transform:scale(1) rotate(0deg);}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}}
@keyframes tada2{0%,100%{transform:scale(1) rotate(0deg);}10%,20%{transform:scale(.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}}
@-webkit-keyframes heartbeat{0%,30%,50%,60%,80%{-webkit-transform:scale(1);}40%,70%{-webkit-transform:scale(1.1);}}
@keyframes heartbeat{0%,30%,50%,60%,80%{transform:scale(1);}40%,70%{transform:scale(1.1);}}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes rotating {from {transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:.6}}
@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:.6}}

html { font-size: 10px; font-size: calc(100vw / 32); }
@media all and (max-width: 320px) {
html { font-size: 10px; }
}
@media all and (min-width: 640px) {
html { font-size: 20px; }
}