*{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 }
.bgb{ background: #fff; border-top: 1px #e8e8e8 solid;border-bottom: 1px #e8e8e8 solid }
.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: #f0f0f0; border-top: 0.3rem #007e4a solid }
/*inav index*/
.inav{background: #fff;
    height: auto;overflow: hidden; margin:.6rem 0}
.inav a{ width:33.1%; display: block; float:left; text-align: center; color: #333; font-size:1.2rem; padding:2.5% 0;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc; text-align-last: center;}
.inav a:nth-child(3n+0){border-right:none}
.inav a img{ width: 40%; margin:0.3rem auto;  }
.bt{ padding-top: 20px;font-size:1rem }
.hide{ color: #000; background: #ffa24b; line-height: 3rem}
.idaohang{ padding: 1rem 0 2rem 0; background:#f5f5f5 }
.idaohang li{  width: 6rem; height:8rem;  text-align: center; float: left; margin-left:1.6rem; margin-top:1rem;  }
.idaohang li img{width: 6rem; height:5.8rem;border-radius: 50%;background: #007e4a; margin-bottom: 0.5rem; display: block;}
/*banner index*/
.header{ background:#fbfbfb; }
.logo{width:60%; float: left; padding:.8rem .5rem; }
.toptel{ float: right; padding: 1.3rem 0.5rem 1rem 0rem; font-size:0.8rem; }
.toptel b{ font-size: 2.0em; color: #007e4a; display: block;}
#flash{ width: 100%;  max-width: 750px;}
#flash img{width: 100%;}
.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;  max-width:750px; 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*/
#scrollDiv{ width: 100%;background: #ec4500; display: none; position: fixed; left: 0; top:0; text-align: center; z-index: 999; border-bottom: 1px #f78c60 solid; box-shadow: #666 0 0 10px }
#scrollDiv a{ color: #fff; }
#scrollDiv a{ width:19.7%; display: block; float:left; text-align: center; color: #fff; font-size:1.2rem; padding:1.5rem 0;border-right: 1px solid #f78c60;border-bottom: 1px solid #f78c60;}
#scrollDiv a:nth-child(5){border-right:none}
.find_nav_list,.find_nav_list2{height: auto;overflow: hidden; margin-left: 0.5rem; font-size: 1.2rem; }
.find_nav_list li,.find_nav_list2 li{float: left;width:9.5rem !important;  margin-right:.5rem;line-height: 2.2rem;background:#f0f0f0; border:1px #ccc solid; border-radius: 0.2rem; margin-top: 0.5rem   }
.find_nav_list a,.find_nav_list2 a{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display: block; }
.find_nav_list a:last-child,.find_nav_list2 a:last-child{margin-right: 0%;}
.icpzx{ background:#ec4500 !important; color: #fff; border:1px #d13d00 solid !important; }
.iproduct{ height: auto; overflow: hidden; margin-top: .6rem }
.icpzx a{ color: #fff }
.mainny{ margin: .6rem 0; padding:0.6rem; }
.iabout{ line-height: 1.8 }
.swipe{ padding:0rem 0.5rem 0.8rem 0 !important; line-height: 1.8; overflow: hidden;}
.zlm a{float: left;width:9.5rem !important;  margin-right:.4rem;line-height: 2.2rem;background:#f0f0f0; border:1px #ccc solid; border-radius: 0.2rem; margin-bottom: 0.5rem; display: block;  text-align-last: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zlm a:last-child{margin-right: 0%;}
.zlm{  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:#ff8a00;color: #fff; border:1px #ee8100 solid;font-size: 1.2rem }
.imore{ width: 30%; margin:0rem 35%; height: 2.5rem; line-height: 2.5rem; border: 1px #888 solid; text-align:center; clear: both; }
.adv2{ margin-top: 0.8rem }
.ys{ margin: 0.6rem 0; padding: .8rem 0; text-align-last: center;}
.ysbg{background:#01a064 url(../Image/ys_bg.jpg) no-repeat top center; background-size: 100%}
.ystit{ font-size: 1.7rem; color: #fff; font-weight: bold; line-height: 3.8rem; border-bottom: 1px #59aa88 solid; }
.ystit span{ color: #ffa11a }
.yslist li{ width:33.1%; display: block; float:left; text-align: center; color: #fff; font-size:1.2rem; padding:2.5% 0;border-right: 1px solid #59aa88;border-bottom: 1px solid #59aa88; text-align-last: center;}
.yslist li:nth-child(3n+0){border-right:none}
.yslist li img{ width: 50%; margin:0.3rem auto;  }
.casedian{ clear: both; }
.casedian li{ float: left; width: 1.5rem; height: 1.5rem; background: #000; }

/*hotproduct index*/
.fltit{ padding:10px 0 0 0; }
.tjtit{background: #fff; height:3.2rem; line-height: 3.2rem; color: #444; padding: 0 0.5rem 0 0; margin-bottom:0.5rem; border-bottom: 0.1rem #ddd solid;font-weight: normal; font-size: 1.3rem; padding-left: 1.3rem; background:#fff url(../Image/lm_bg.jpg) no-repeat .5rem .8rem; background-size:0.5rem 1.8rem}
.tjtit a{ display: block; float: right; color: #666;  font-size: 0.95rem; padding-left: 2.5rem; padding-top: 0.5rem }
.ilcimg{ padding:1rem 0; }
.irxal_nr { width:100%; height:auto; margin-top:8px}
.lytit{ background: #1860c1 !important }

.company{ margin: .6rem 0; position: relative; z-index: 66; padding-bottom: 2rem }
.igsjj{ line-height: 1.8; padding: .6rem !important}
.ilx{ background: #007e4a; color: #fff; width: 94%; margin:-2.5rem auto .6rem auto; z-index: 88;position: relative; padding: .5rem .5rem 1rem .5rem}
.ilxtit{ text-align-last: center; line-height:3rem; border-bottom: 1px #33986e solid; font-size: 1.4rem; margin-bottom: .6rem}
.ilxtit b{ width: 25%; border-bottom: 3px #ff9f16 solid; margin: 0 auto; display: block; }
.iwx{ width:7.5rem; height: 7.5rem; float: left; border:3px #fff solid; margin:0.2rem .4rem 0 0 }
.ilxtxt{ line-height: 1.5;  font-size: 1.125rem}
.ilxtxt b{ color:#ff9f16;  }

.sycplist{ font-size: 1.2rem;border:1px #ddd solid; display: block; width: 48% !important; text-align: left; float: left; margin:0 0 0.8rem 1% !important; text-indent: .5rem;height:15rem}
.sycplist img{ height:12rem !important; width: 100% !important; display: block; }
.sycplist span{ display: block; line-height: 3rem; background:url(../Image/cp_bg.jpg) no-repeat bottom left;color: #fff; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xq{ display: block; text-align: center; background:#e9f7d3; padding: 3px 0 }

.cpzxk a{ display: block; float: left; width: 45%; text-align: center; margin-left:3%; background: #0550c7; color: #fff; padding:6px 0}
.rcolor{ background: #ff8a00 !important }
.dhzx{ background: #ff8a00!important; color: #fff !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 }

.kehupj li{ width: 14.83rem !important; height: 12.5rem; background: #fff ; margin:0 auto 0.8rem 0.6rem;border:1px #ddd solid; text-align: center !important; float: left; text-align-last: center;  background:#f5f5f5}
.kehupj li img{ height: 10rem !important; width: 100% !important }
.kehupj li p{ padding-top: 0.5rem !important }
.casezx{ margin:0 0 .6rem 0rem }
.casezx a{ display: block; height: 2.3rem; width: 13rem; margin-left: 1.5rem; color: #fff; text-align-last: center; float: left; border-radius: 1.25rem; line-height: 2.3rem;border: 2px #e32f00 solid; background:#e32f00 url(../Image/ca_1.jpg) no-repeat 0.2rem 0.2rem ;  background-size: 2rem 2rem}
.casezx .cxzz{ border: 2px #007e4a solid; color: #007e4a; background: #fff url(../Image/ca_2.jpg) no-repeat 0.2rem 0.2rem;background-size: 2rem 2rem }

.company .gspic{ width: 98%; margin:0 1% .5rem 1% }
.i_news{ width:96%; margin: .5rem 2%  }
.inlist a,.inews li{ display: block; background: #f0f0f0; line-height: 2.2rem; margin-bottom: .5rem; padding:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.inlist a span,.inews li a span{ float: right; color: #666; font-size: 1.1rem  }

/* 表单样式 */
.form_div{height:auto; margin-top:8px;border-collapse: separate;border-spacing: 2px;margin-bottom: 0.5rem;}
.form_div .a{display:block; color:#929292; text-align: left; margin-left:1rem; padding-bottom: .5rem; padding-top: 0.3rem}
.form_div .selcet_p{display: block;width:33%; height:2rem; line-height: 2rem; float:left; padding-left: 0.5rem;text-align: left;
    -webkit-margin-before: 0.8em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
input[type="checkbox" i] {margin:0 8px;}

.form_div .form_divtitle{padding: 0 10px 0 0; }

.form_div .form_divtitle strong{ color: #0550c7 }

.form_div form{  width:97%; padding:0.3rem 0 0.5rem 0 !important;  margin:0 auto; text-align: center;}
.form_div table{ width:98%; margin:0 auto;}
.form_div table #tel{display:inline-block; width:95%; border: 1px #ddd solid; height:3.5rem; line-height:2.8rem;font-size: 1.5rem;margin-top:0.2rem;margin-bottom:0.5rem; border-radius: 0.5rem; padding-left:0.5rem;}
.form_div table #tel::-webkit-input-placeholder{
            color:black;
        }
.form_div table #tel::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:black;
        }
.form_div table #tel:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:black;
        }
.form_div table #tel:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:black;
        }
.form_div table #submit {width: 50%;height:3rem; border: 0;cursor: pointer;

  color: #000;background: #ff9c00;font-size: 1.2rem;border-radius:1.5rem; margin:0 auto;}

/*marquee index*/
#marquee1{overflow:hidden;width: 31rem; padding:.5rem 0 0 0;  text-align: center; height: 13rem; margin-bottom: 0.8rem}
#marquee1 ul li{float:left; padding:0 .5rem; float: left;}
#marquee1 ul li p{ line-height:2.0 !important;}
#marquee1 ul li img{display:block; height:11rem !important; width:14rem !important;border: 0.1rem #ddd solid}
#zy_pro_nav{width: 100%;height: 3rem;margin:1rem auto;border-bottom:1px #ddd solid;clear: both;}
#zy_pro_nav a{float: left;display: block;width: 25%;text-align: center; line-height: 3rem;color: #333333!important;font-size: 1.2em!important; border-bottom: 3px #007e4a solid }

.bqsy{ text-align: center; background: #373737;color: #fff;  font-size: 1.2rem; padding:.3rem .3rem 6rem .3rem; margin-top: .6rem}
.bqsy a{ color: #fff }
.bottom{ position: fixed; bottom: 0;left:0; width: 100%; z-index: 999; clear; font-size:1.2em;height:4.8rem; background:#333; border-top:1px #666 solid; }

.bottom a{ display: block; float: left; width:24.3%; text-align: center; color: #fff;border-right: 1px #606060 solid ;border-left: 1px #333 solid ;height:4.2rem; padding-bottom: .6rem}
.bottom a img{  width:auto !important; display: block; margin:0 auto; height: 2rem !important}
.bottom .bh{  width:26%; height: 6rem !important; margin-top: 0 !important; border: 0 !important }
.bottom .bh img{ width:6rem !important;height: 6rem !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; clear: both;}
.rmtj{ padding:0.5rem 0; }
.rel_center{ text-align: center;}
.rel_center img{ width: 100% }
#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;}


.rxcplist3 img{  width: 100% !important; padding:1px; }
.tupic{border-radius:5px; border:3px #ddd solid;}
.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}
.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%;line-height:3rem;border: 0;cursor: pointer;color: #FFF; background: #ffa24b;  margin: 5px 30%; font-size: 1.2rem; border-radius: 1.5rem}
.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: 750px) {
html { font-size: 24px; }
}