@charset "utf-8";
/* CSS Document */

/*全局 begin*/
body{font-family:微软雅黑; background:#f8f8f8;}
body,p,h1,h2,h3,h4,h5,h6{margin: 0;}
ol,ul{list-style: none;margin: 0;padding: 0;}
img{border: none;width: 100%;}
input{margin: 0;padding: 0;}
a img{vertical-align: top;}
select{border: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
a{text-decoration: none;color: #000;}
.clearfix:after{content: ""; display: block;height: 0;visibility: hidden;clear: both;} 
.center{max-width: 640px;margin: 0 auto;width: 100%;}
.bgfff{ background:#fff;}
.padding{ padding:0px 3.125%;}
.mt20{ margin-top:.2rem;}

/*全局 end*/

/*头部*/
.header{width:100%;height:1rem;position: relative;background:#fff; max-width:640px;}
.tb{height:1.03rem;position: relative;background:url(../images/topbg.png) top center no-repeat;}
.logo{width:69.53125%;height:1; position:relative; z-index:999; margin-left:3.125%; float:left;}
.logo a{display: block;}
.logo img{display:block; width:71%; height:.8rem;padding: .1rem;}
.headerIndex{position: fixed;  top:0;  z-index:9999;width:100%;}
.pa{position:absolute; width:100%; left:0;top:1rem;z-index:99;}

.nyright{float: right;width:6.25%;margin-top: .35rem;height: .28rem; position:relative; z-index:9995; margin-right:3.125%;}
.nyright a{height:.88rem; float:left;}
.nyright img{ width:100%;}
.phone_nav_click{display:block;}
.phone_nav_click .nav_click{width:100%; height: .4rem;  background: url(../images/menu-button-bg.png) no-repeat; background-size:100%;}
.phone_nav_click .nav_click1{width:100%; height: .4rem;  background: url(../images/menu-button-bg.png) no-repeat; background-size:100%;}
.slide_nav{ background:#1b94d0; background-size:100%;  transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; width: 100%; 
position:fixed;left: -100%; top: 0; height: 100%;overflow-y: scroll; z-index: 99999; max-width:640px;}
.slide_nav.left_active{left: 0;}
.slide_nav .slide_logo{background: #fff; text-align: center; padding: .15rem 0;}
.slide_nav .slide_logo a{display: block; vertical-align:top; height:.85rem;}
.slide_nav .slide_logo a img{ width:25.78125%;}
.slide_nav .slide_nav_ul{margin-top: 8%;}
.slide_nav .slide_nav_ul li{ text-align: center;height: .8rem; position: relative; width: 100%;line-height: .8rem;}
.slide_nav .slide_nav_ul li a{font-size: 15px; color: #fff;}
.slide_nav .slide_nav_ul .slide_nav_bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.slide_nav .slide_nav_ul .slide_nav_bg span{background: #fff;height: 50px;}
.slide_nav .slide_nav_ul .slide_nav_wz{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.phone_back{ width:.32rem; height: 1rem; display: block;  border: 0; background: url(../images/gb_03.png) right center no-repeat; background-size:100%;line-height: .85rem; 
float:right; margin-right:5.15625%;}
.list{width : 100%;}
.list ul{list-style: none;}
.list>ul>li{width: 100%; height:auto;-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease; border-bottom:#d7d7d7 1px solid; text-align:left; text-indent:.3rem; }
.list>ul>li p[class=dhtitle]{width: 100%; color:#fff; line-height:.8rem;height: .8rem;padding: 0;border: none;position: relative;font-size: .26rem;}
.list>ul>li a{ color:#fff; display:block; height:.8rem; line-height:.8rem; font-size:.24rem; text-align:left; text-indent:.3rem; width:100%;}
.list>ul>li p span{float:left; width:80%; }
.list>ul>li p a span img{ margin-top:.25rem;}
.list>ul>li p b{ float:right; background:url(../images/s.png) right center no-repeat; width:3.75%; height:.65rem; background-size:100%; margin-right:4.375%;}
.list>ul>li p:hover{background:#fff;}
.list>ul>li p:hover span{ color:#161616; }
.list>ul>li p:hover b{ color:#fff; display:block; background:url(../images/x.png) right center no-repeat; background-size:100% !important;}
.list-se{overflow: hidden;display: none;}
.list-se>p{background: #fff !important;color:#161616 !important; line-height:.65rem !important;}
.list-se>p:hover{background:#c9a061;}
.list-se>p:hover span{ color:#161616;}
.list-se>p:hover b{float:right; background:url(../images/x.png) right center no-repeat; width:3.75%; height:.65rem; background-size:100%; margin-right:4.375%;}
.list-se>p a{ color:#fff;}
.list-se>p span{ width:100%; float:left;}
.list-se>p b{float:right; background:url(../images/x.png) right center no-repeat !important; width:3.75% !important; height:.65rem !important; background-size:100% !important; margin-right:4.375% !important;}
.list-se>li{position: relative;right: -100%; height:.8rem; line-height:.8rem; -webkit-transition: right .5s;-moz-transition: right .5s;-o-transition: right .5s;
transition: right .5s; float:left; width:100%;}
.list-se>li>p{background: #1b94d0;color: #ffffff; font-size:.22rem;height: .8rem;-webkit-box-sizing :border-box;box-sizing :border-box; text-indent:.3rem;line-height : .8rem;
-webkit-transition: border .5s; transition: border .5s;-webkit-transition: background .3s;transition: background .3s;}
.list-se>li>p a{color: #ffffff !important; display:block;}
.list-se>li>p:hover{background:#49aada !important;}
.list-se>li>p:hover a{ color:#fff !important;}

/* 焦点图 */
.slideBox{ position:relative; overflow:hidden; margin-top:.88rem;  max-width:640px; height:3.00rem;/* 设置焦点图最大宽度 */}
.slideBox .hd{ position:absolute; height:.16rem; line-height:.16rem; bottom:.10rem; left:45%; z-index:1; }
.slideBox .hd li{width:.16rem; height:.16rem; border-radius: 100%; background:#ffffff; text-indent:-9999px; overflow:hidden; margin:0 .07rem; float:left;   }
.slideBox .hd li.on{ background:#005daa;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ vertical-align:top; width:100%; height:3.00rem;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*首页_产品&案例*/
.title{ height:.8rem; line-height:.8rem; box-sizing:border-box;margin-bottom: .3rem; }
.title h1{ font-size:.34rem; color:#000; float:left; font-weight:normal; margin-left:.15rem; }
.title span{ font-size:.22rem; color:#999999; margin-left:.2rem; float:left;}
.title a{height:.66rem;font-size: .2rem; float:right; margin-right:3.125%;color: #999;}
.title a img{display:inline-block;width: .2rem;height: .2rem;margin-top: .31rem;margin-left: .1rem; }
.cpfl{ font-size:0; margin-top:.1rem;margin: 0 auto;width: 90%;text-align: left;}
.cpfl a{ width:31%; height:.45rem; line-height:.45rem; border:#999999 1px solid; border-radius:.05rem; display:inline-block; box-sizing:border-box; margin-right:.2rem; margin-top:.2rem; font-size:.2rem; color:#000000; text-align:center; overflow:hidden;}
.cpfl a.on{background-color:#1b94d0 ;color: #fff;}
.cpfl a:nth-child(3n+0){ margin-right:0;}
.chanpin{ margin-top:.12rem;}
.chanpin ul{ font-size:0;}
.chanpin ul li{ width:48.3333333%; height:2.5rem; float:left; margin-right:.2rem; margin-top:.2rem;}
.chanpin ul li:nth-child(2n+0){ margin-right:0;}
.chanpin ul li a{ display:block;}
.chanpin ul li img{ width:100%; height:1.93rem; border:#c9c9c9 1px solid;}
.chanpin ul li p{ height:.55rem; line-height:.55rem; background:#f8f8f8; text-align:center; font-size:.22rem; color:#000000;}
.more{ text-align:center; padding:.3rem 0; height:.45rem;}
.more a{ width:25%; height:.45rem; line-height:.45rem; border:#999999 1px solid; display:inline-block; text-align:center; font-size:.2rem; color:#333333; border-radius:.25rem; box-sizing:border-box; vertical-align:top;}

/*首页_关于我们*/
.tijj{color: #2783e5;font-size: .3rem;font-weight: bold;}
.injj{ font-size:.24rem; color:#000000; line-height:.5rem; margin-top:.18rem;}
.mt1fr{ width:100%; margin-top:.2rem;}

.scrollBox{ text-align:center;   position:relative; }
.scrollBox .tempWrap{ margin-left:.31rem;}
.scrollBox .bd li{width:2.6rem; height:3.74rem; float:left; margin-right:.2rem; }
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li img{ width:2.58rem; height:3.72rem; border:#ddd 1px solid; }
.scrollBox .hd{ overflow:hidden; font-size:0; }
.scrollBox .hd ul{ display:inline-block; }	
/*	.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; 
-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 
}
.scrollBox .hd .on{ background:#BA2636;  }*/
.scrollBox .prev{  width:.15rem; height:.27rem; background:url(../images/left_10.jpg) no-repeat; background-size:100%; overflow:hidden; vertical-align:top; position:absolute; left:0px; top:1.74rem;}
.scrollBox .next{  width:.15rem; height:.27rem; background:url(../images/right_10.jpg) no-repeat; background-size:100%; overflow:hidden;  vertical-align:top; position:absolute; right:0px; top:1.74rem;}

/*首页_新闻中心*/
.innew{}
.innew ul{ font-size:0;}
.innew ul li{display: block;}
.innew ul li a{ display:block;padding: .3rem 0; border-bottom:#c1c1c1 .01rem dashed; }
.innew ul li em{display: inline-block; width: 78%; font-size:.24rem; color:#0b0b0b; font-style:normal;}
.innew ul li span{ display: inline-block;width: 22%; font-size:.2rem; color:#c6c6c6;}


/*尾部*/
.copyright{background: #f8f8f8;margin-bottom:.98rem; padding:.44rem 3.125%;}
.dianhua{ font-size:.36rem; color:#1b94d0; font-weight:bold; background:url(../images/dianhua_03.jpg) 1.45rem center no-repeat; background-size:.45rem .35rem;}
.dianhua h1{ margin-left:2.05rem; font-size:.36rem;}
.dianhua a{color:#1b94d0;}
.copyright p{font-size: .2rem;text-align: center;margin-top: .18rem; color:#666666;}

.f1{background: url(../images/f1_03.png) no-repeat center .17rem;background-size:29.375%;}
.f2{background: url(../images/f2_03.png) no-repeat center .16rem;background-size:29.375%;}
.f3{background: url(../images/f3_03.png) no-repeat center .16rem;background-size:26.25%;}
.f4{background: url(../images/f4_03.png) no-repeat center .16rem;background-size:30%;}
.footer{position: fixed;bottom: 0;z-index: 99;max-width: 640px;width: 100%;height:.98rem;background: #1b94d0;}
.footer ul{font-size: 0;}
.footer li{display: inline-block;font-size: .18rem;width: 25%;height:.98rem;text-align: center;}
.footer li a{display: block;padding-top: .67rem; color:#ffffff;}


/*关于我们*/
.fanhui{ width:6.5625%; height:.88rem; float:left;  margin-left:3.125%;}
.fanhui img{ width:100%; height:.38rem; margin-top:.25rem;}
.lanmu{ width:80.46875%; text-align:center; font-size:.30rem; line-height:.88rem; color:#000000; float:left;}
.lanmu span{ background:url(../images/lmxl_03.jpg) left center no-repeat; background-size:100%; width:.2rem; height:.8rem; display:inline-block; vertical-align:top; margin-left:.1rem;}

.mian{ background:#fff;  margin-top:1.08rem; padding:0 3.125%;}
.abtitle{ height:.9rem; border-bottom:#00a0e9 .03rem solid; box-sizing:border-box; font-size:.28rem; color:#00a0e9; line-height:.9rem; padding:0 3.125%;}
.about{ padding-top:.12rem;font-size:.24rem; color:#000000; line-height:.55rem; padding-bottom:.2rem;}
.about h1{ font-size:.3rem; color:#00a0e9; text-align:center; margin-bottom:.25rem;}
.about img{ max-width:100%; height:auto !important; margin-bottom:.15rem; margin-top:.15rem;}

/* screening */
div.screening{width: 100%;overflow: hidden;background: #fff;position: fixed;z-index: 4; max-width:640px; }
div.screening>ul{margin: 0;padding: 0;list-style-type: none;overflow: hidden; }
div.screening>ul>li{float: left;text-align: center;}
/* grade */
.Sort-eject{position:fixed; max-width:640px;top: -90%;width: 100%;height:95%;z-index:991;-webkit-transition-duration: 0.4s;}
.Sort-eject>ul{margin: 0;padding: 0;overflow: auto;height: 100%;width: 100%;-webkit-transition-duration: 0.4s; border-top: solid 1px #ddd;}
.Sort-eject>ul>li{line-height:.75rem; text-align:center;font-size:.25rem;border-bottom: solid 1px #ddd;}
.Sort-eject>ul>li .hover{ color:#1b94d0;}
.grade-w-roll{top:.89rem;}
.grade-w-roll::after{position: fixed;content: "";width: 100%;height: 100%;display: block;background:#fff; max-width:640px;top: 0; }
/*Sort-eject*/
.Sort-Sort{background: #fff;position: absolute;z-index: 3;left: 0;list-style-type: none;}
.Sort-height{height:7.00rem;}

/*新闻*/
.new{ width:100%; height:auto; margin-top:.1rem; }
.new ul{ font-size:0;}
.new ul li{ width:100%; height:auto; border-bottom:#cfcfcf 1px dashed;}
.new ul li a{ width:100%; height:auto; padding:.22rem 0px; display:block;}
.new ul li .newa{ width:100%; height:auto; position:relative; }
.new ul li .newa h1{ font-size:.24rem; color:#000000;  overflow:hidden; font-weight:normal; background:url(../images/yuan_03.jpg) left center no-repeat; padding-left:.18rem; background-size:.08rem .08rem;}
.new ul li .newa .sjyan{ margin-top:.1rem; margin-left:.18rem;}
.new ul li .newa .sjyan  span.zhong{ font-size:.18rem; color:#9f9f9f; background:url(../images/zhong_07.jpg) left center no-repeat; background-size:.16rem .16rem; padding-left:.24rem;}
.new ul li .newa .sjyan  span.yan{ font-size:.18rem; color:#9f9f9f; background:url(../images/yan_10.jpg) left center no-repeat; background-size:.22rem .14rem; padding-left:.30rem; margin-left:.4rem;}
.sxy{ width:3.58rem; height:.57rem; margin:0 auto; padding-top:.4rem; padding-bottom:.4rem; text-align:center; font-size:.24rem;}
.sxy span{font-size:.24rem; vertical-align:top; line-height:.57rem;}
.shang{ width:1.63rem; height:.57rem; line-height:.57rem; background:#fff; float:left; color:#626262; font-size:.24rem; text-align:center; border:#d9d9d9 1px solid; border-radius:.05rem; box-sizing:border-box;}
.shang a{ display:inline-block; color:#626262;  }
.xia{ width:1.63rem; height:.57rem; line-height:.57rem; background:#1b94d0; float:right; color:#ffffff; font-size:.24rem; text-align:center; border-radius:.05rem;}
.xia a{ display:inline-block; color:#ffffff; }

.sbg{ width:1.63rem; height:.57rem; line-height:.57rem; background:#fff;  color:#626262 !important; font-size:.24rem; text-align:center; border:#d9d9d9 1px solid; border-radius:.05rem; box-sizing:border-box;}
.sbg a{color:#626262 !important;}
.xbg{ width:1.63rem; height:.57rem; line-height:.57rem; background:#1b94d0;  color:#ffffff; font-size:.24rem; text-align:center; border-radius:.05rem;}
.xbg a{color:#ffffff; }

/*新闻详细页*/
.newsshow{ padding-top:.25rem;}
.newsshow1{ font-size:.32rem; color:#000000; line-height:.55rem; text-align:center; font-weight:normal;}
.newsshow2{ height:.50rem; border-bottom:#d4d3d6 .02rem solid; margin-top:.2rem; color:#999999; font-size:.2rem; text-align:center;}
.newsshow2 span{ margin-left:.2rem;}
.fhlb{ border-top:#dfdede .02rem solid; margin-bottom:.3rem; float:left; width:100%;}
.fhlb a.xx{ width:1.30rem; height:.45rem; border:#39a2d6 1px solid; border-radius:.05rem; float:right; font-size:.22rem; color:#39a2d6; text-align:center; line-height:.45rem; margin-top:.2rem; box-sizing:border-box;}

/*产品详细页*/
.prodshow{ padding-bottom:.1rem;}
.prodshowa{ padding-top:.28rem; text-align:center;}
.prodshowa h1{ font-size:.36rem; color:#000000; text-align:center; padding-bottom:.25rem; border-bottom:#f1eeee .02rem solid; font-weight:normal;}
.prodshowa img{ width:auto !important; max-width:100% !important; height:auto !important; margin-top:.3rem; vertical-align:top;}
.prodshowb{ margin-top:.3rem;}
.prodshowb h1{ height:.55rem; line-height:.55rem; background:#1b94d0; font-size:.24rem; color:#ffffff; font-weight:normal; padding-left:.2rem;}

/*荣誉资质*/
.honor{}
.honor ul{}
.honor ul li{ width:48.33333%; height:4.00rem; float:left; margin-right:.2rem; margin-top:.2rem;}
.honor ul li img{ width:100%; height:4.00rem; border:#d7d7d7 1px solid; box-sizing:border-box;}
.honor ul li:nth-child(2n+0){ margin-right:0;}

/*联系我们*/
.contact{ font-size:0; padding:.35rem 0px;}
.contactdt{ width:100%; height:3.35rem;}
.contacta{ width:100%; height:auto; margin-top:.2rem;}
.contactafl{ width:100%; color:#585858;}
.contactafl strong{ color:#197ce0;}
.contactafl a{color:#585858;}
.contactafl p{ line-height:.38rem; font-size:.22rem; }
.contactafl p span{ float:left; width:81.2933025%; margin-left:2.3094688%;}
.contactafl p b{ font-weight:normal;}
.contactafl img{ position:relative; top:8px; width:6.6974595%; float:left;}
.contactafr{ width:100%; margin-top:.2rem;}
.contactafr img{ width:1.67rem; height:1.67rem; float:left;}
.contactafr span{ float:left; margin-left:.3rem; margin-top:.8rem;}
.contactafr p{ font-size:.2rem; color:#858585; line-height:.36rem; vertical-align: top; width:100%;}
.shag{ margin-top:.15rem;}


/*留言栏目*/
.OneOfTwo{width:100%; margin:0 auto; padding-top:.2rem; padding-bottom:.2rem;}
.OneOfTwo table{ width:100%;}
.OneOfTwo table tr{ width:100%;}
.OneOfTwo table tr td{ text-align:center; font-size:.18rem; color:#333333;}
.OneOfTwo table tr td .input1{width:80%; border:#dddddd 1px solid; height:.5rem; margin-left:.10rem; text-indent:.10rem;  outline:none; margin-top:.10rem;  margin-bottom:.10rem;}
.OneOfTwo table tr td .input{width:80%; border:#dddddd 1px solid; height:.5rem; margin-left:.10rem; text-indent:.10rem; outline:none; margin-top:.10rem;  margin-bottom:.10rem;}
.OneOfTwo table tr td .input2{width:80%; border:#dddddd 1px solid; height:.5rem; margin-left:.10rem; text-indent:.10rem; outline:none; margin-top:.10rem;  margin-bottom:.10rem;}
.OneOfTwo table tr td b{ color:#F00; margin-left:.09rem;}
.OneOfTwo table tr td .select{ width:60%; height:.3rem; border:#dddddd 1px solid; margin-left:.10rem;  text-indent:.10rem; margin-top:.10rem;  margin-bottom:.10rem;}
.OneOfTwo table tr td .textarea{ width:90%; height:1.25rem; border:#dddddd 1px solid; margin-left:.10rem; margin-top:.10rem;  float:left; margin-bottom:.10rem; text-indent:.10rem;   outline:none;}

.tj{ width:25%; height:.5rem; background:#00a2e9; float:left; font-size:.15rem; color:#fff; margin-left:.1rem; text-align:center; line-height:.5rem; transition:all .2s linear; display:block; border-radius:.05rem; border:none; cursor:pointer; margin-top:.15rem;  margin-bottom:.15rem;}
.tj:hover{background: #008ac6;color: #fff000;}
.xb{ margin-left:.10rem; margin-top:.15rem;  margin-bottom:.15rem;}

/*案例*/
.case{ margin-top:.12rem;}
.case ul{ font-size:0;}
.case ul li{ width:48.3333333%; height:2.09rem; float:left; background:#f8f8f8; margin-right:.2rem; margin-top:.2rem;}
.case ul li:nth-child(2n+0){ margin-right:0;}
.case ul li a{ display:block;}
.case ul li img{ width:100%; height:1.54rem;}
.case ul li p{font-size:.18rem; color:#000000; text-align:center; line-height:.55rem;}