﻿.wrap img{width: 100%;font-family: "微软雅黑";}
/*广告*/
.g-adv { clear:both;height:12.17rem;position:relative; overflow:hidden;}
.g-adv .sclwrap_box,.g-adv .m-box{ height:12.17rem;}
.g-adv .m-box li img{ width:100%;height:189px;position: relative;top: -23px}

/*导航*/
nav{padding: 1.25rem 0 0;height: 7.92rem;overflow: hidden;}
nav a{width: 29.2%;float: left;display: block;margin:0 0 0.42rem 1.56%;height: 3.125rem;line-height: 3.125rem;text-align: center;color: #fff;font-size: 1rem;background: #008fd1;border-radius:0.125rem;}
nav a:nth-child(3n-2){margin-left: 4.7%;}
nav a em{display: inline-block;width:1.5rem;height:3.125rem;vertical-align:middle;margin-top:5px;margin-right:5px;}
nav a:hover,nav a:link,nav a:visited,nav a:active{ color:#fff;}


/*产品导航*/
.m-class{height: auto;overflow: hidden;padding: 0 4.7%;}
.til01{border-bottom:solid 1px #d3d3d3;height: 2.58rem;position: relative;text-align: center;color: #666;font-size: 1.5rem;padding-bottom: 0.5em;}
.til01:before{content: "";position: absolute;width: 5.125rem;height:0.125rem;background: #666;bottom: -1px;left: 50%;margin-left: -2.56rem;}
.til01 a{color: #666;}
.m-class .til01 img{width:47.9%;display: block;margin:0 auto;}
.proctil{height: 2.8rem;line-height: 2.8rem;background: #008fd1;font-size: 1rem;margin: 1.25rem 0 0;}
.proctil li{width: 33.3%;float: left;color: #fff;text-align: center;}
.proctil li.z-on,.protil li.z-on{font-weight: bold;background: #b5b5b5;}
.clasl1{float: left;display: inline;float: left; display: block; width: 100%;margin-top:10px;height:auto;}
.clasc1{width: 100%;float: left;}
.clasc1 li{width:45%;height:2rem;font-size:0.92rem;float:left;color: #666;line-height: 158%;padding: 0 0 0 1.17rem;white-space: nowrap;overflow: hidden;}
.clasc1 h3{position: relative;height: 2.25rem;line-height: 2.25rem;color: #008fd1;font-size: 1rem;padding: 0 0 0 1.17rem;white-space: nowrap;overflow: hidden;}
.clasc1 h3:before{content: "";position: absolute;width:0.5rem;height: 0.5rem;border-top: solid 1px #bebebe;border-right: solid 1px #bebebe;top:0.85rem;left:0.4rem; transform:rotate(45deg);-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.clasc1 a:nth-child(2) h3{margin: -0.3rem 0 0;}

/*产品列表*/
.m-pro{padding:2.08rem 4.7% 0;height:27.33rem;  margin:0 0 2rem; overflow: hidden;background:url(../images/probg.jpg) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.protil{height: 2.92rem;text-align: center;}
.protil li{width: 32.4%;background: #008fd1;line-height:1.67rem;height:1.67rem;float: left;color: #fff;font-size: 1rem;border-radius:0.58rem;}
.protil li:nth-child(2){margin: 0 1.4%;height:;}
.pro01{position: relative;height: 25rem;overflow: hidden;}
.pro01:before,.pro01:after,.m-case:before,.m-case:after,.m-hon:before,.m-hon:after,.m-hon h2:before,.m-hon h2:after{content:"";position:absolute;width: 38.8%;height: 1px;/*background: #e6e6e6;*/top:21.4rem;right: 0;}
.pro01:before,.m-case:before,.m-hon:before,.m-hon h2:before{left: 0;}
.pro01:before,.pro01:after{top:23.4rem;}
.m-pro .prev,.m-pro .next,.m-case .prev,.m-case .next,.m-hon .prev,.m-hon .next{position: absolute;top:20.54rem; width:2.29rem;height:1.83rem;background:url(../images/prev.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-pro .prev,.m-case .prev,.m-hon .prev{left: 38.8%;}
.m-pro .next,.m-case .next,.m-hon .next{right:38.8%;background:url(../images/next.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-pro .prev,.m-pro .next{top:22.54rem;}
.m-pro .no_ov{width:100%;height: 21.54rem;}
.pro01 ul{float: left;display:inline;}
.pro01 li{width:43.23%;float:left;margin:0 0 1.83rem 5%;position: relative; overflow:hidden;}
.pro01 li img{width:100%;height:10rem;display: block;}
.pro01 li span{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display: block;text-align: center;font-size: 1rem;color: #fff;height:1.71rem;line-height:1.71rem;position: absolute;bottom: 0;left: 0;background: rgba(0 , 143 , 209 , 0.8);width: 100%;}
.pro_fenlei{width:100%;float:left;height:auto;border:1px solid #000;}

/*追求*/
.m-char{background:url(../images/charbg.jpg) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;height: 24.58rem;color: #fff;font-size: 1rem;line-height:158%;clear: both;padding: 0 4.7%;}
.m-char h2{text-align: center;font-size:1rem;font-weight: bold;height: 4.375rem;line-height: 437.5%;display: block;overflow: hidden;}
.char_c{padding:12.1rem 0 0;}
.char_c li{position: relative;padding: 0 0 0 2.08rem;height: 1.58rem;overflow: hidden;}
.char_c li:before{border-color:#d1eaf4;left:1.17rem;top: 0.54rem;}

/*优势*/
.m-edge{clear: both;padding:1.75rem 4.7% 0;height:44rem;overflow: hidden;background:url(../images/edgebg.jpg) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-edge h2{height: 3.83rem;text-align: center;font-size:1rem;color: #008fd1;line-height:175%;white-space: nowrap;}
.m-edge h2 b{color: #666;}
.m-edge h2 img{display: block;width:63.45%;margin:0 auto;}
.edge01{float: left;display: inline;height:27.75rem;overflow: hidden;}
.edgec1{height:12.25rem;padding:1.13rem 0 0;overflow: hidden;}
.edgec1 h4{height:3.625rem;white-space: nowrap;}
.edgec1 h4 span{font-weight: bold;float: left;width:74%;padding: 0 0 0 3.1%;line-height: 133%;font-size: 1rem;color: #008fd1;}
.edgec1 h4 span b{display: block;color: #333;font-size: 1.08rem;}
.edgec1 h4 em{color: #fff;font-weight: bold;float: left;width:20.2%;height:2.67rem;font-size: 1.17rem;background:url(../images/edge_ico1.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;line-height: 200%;text-align: center;margin: 0 0 0 1.7%;display: block;font-style: normal;}
.edgec1 img{width:96.3%;height:7.5rem;background: #fff;padding:1.5%;display: block;box-shadow: 0.125rem 0.17rem 0.17rem #aeafb0;}

.edgtil{height:4.08rem;display: block;font-size: 1rem;text-align: center;position: relative;}
.edgtil:before{content: "";position: absolute;width: 0;height: 0;border-right:0.34rem solid transparent;border-bottom:0.34rem solid #008fd1;border-left:0.34rem solid transparent;bottom: 0;left: 50%;}
.edgtil li{width:4.46rem;height:2.46rem;margin: 0 0 0 5.69%;float: left;color: #666;text-align: center;border: solid 1px #bcbcbd;line-height: 2.46rem;font-family: Arial;font-size: 1.5rem;}
.edgtil li:nth-child(1){margin: 0 0 0 28.44%;}
.edgtil li.z-on{background: #008fd1;border: solid 1px #008fd1;color: #fff;}

/*电话*/
.m-pho{clear:both;width: 100%;display: block;background:url(../images/phobg.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;text-align: center;font-size: 1rem;color: #fff;padding: 0.42rem 0 0;height: 5.67rem;overflow: hidden;line-height: 2.83rem;}
.m-pho b{font-size: 1.33rem;}
.m-pho p{display: block;line-height:1.5rem;height:1.5rem;}
.m-pho p span{border: solid 1px #fff;height:1.5rem;width: 27.24%;display: inline-block;}
.m-pho p span:nth-child(2){margin-left: 0.79rem;}

/*案例*/
.m-case{padding:2rem 4.7% 0;height:30.71rem;overflow: hidden;position: relative;}
.m-case .til01,.m-bran .til01{height:2.08rem;font-size:1.5rem}
.m-case .til01 img,.m-bran .til01 img{display: block;width: 73.45%;margin:0 auto;}
.m-case .nowarp{width:100%;margin:0 auto;height: 23.58rem;overflow: hidden;}
.m-case ul{float: left;display: inline;width: 100%;}
.m-case li{float: left;width: 48.1%;float: left;padding:1.25rem 0 0;}
.m-case a:nth-child(2n) li{margin-left:3.5%;}
.m-case li img{width: 100%;height:8rem;display: block;}
.m-case li span{width: 100%;display: block;line-height: 175%;font-size: 1rem;color: #666;text-align: center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m-case .prev,.m-case .next{top: 17.833rem;}
/*.m-case:before,.m-case:after{top: 18.74rem;}*/

/*实力*/
.m-bran{clear: both;padding:2rem 4.7% 0;height:38rem;overflow: hidden;background:url(../images/branbg.jpg) no-repeat 0 0 #f5f5f5;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;b}
.m-bran .til01 img{width: 91.4%;}
.m-bran .edgtil:before{border: 0;}
.m-bran dl{float: left;display: inline;text-align:center;padding: 1.25rem 0 0;height:28.52rem;}
.m-bran dl img{width:80%;height:auto;}
.m-bran dd li{position: relative;clear: both;padding: 0.375rem 0 0 0.92rem;font-size: 1rem;line-height: 146%;}
.m-bran dd li:before{content:"";position: absolute; width:0.42rem;height: 0.42rem;border-radius: 0.42rem;left: 0;top:0.83rem;border: solid 1px #c9c9c9;}

/*合作*/
.m-part{padding:2rem 4.7% 0;height:12.75rem;color:#666;line-height:164%;text-align:center;position:relative;}
.m-part .til01 img{width:86.55%;}
.m-part .prev,.m-part .next{position: absolute;top:7.46rem; width:2.58rem;height:1.88rem;background:url(../images/prev1.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-part .prev,{left: 4.22%;}
.m-part .next{right:4.22%;background:url(../images/next1.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-part .nowarp{width:80%;height: 18.54rem;margin:0 auto;}
.m-part ul,.m-hon ul{float: left;display:inline;}
.m-part li{width:49.9%;float:left;padding: 1.25rem 0 0;}
.m-part a:nth-child(2n) li{margin-left:-1px;}
.m-part li img{width:99%;display: block;border: solid 1px #e4e4e4;}
.m-part li span{display: block;text-align: center;font-size: 1rem;color: #666;height:1.67rem;line-height:1.67rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/*荣誉*/
.m-hon{padding:2.08rem 4.7% 0;background:url(../images/edgebg.gif) repeat 0 0;-webkit-background-size:2rem 2rem;-ms-background-size:2rem 2rem;-o-background-size:2rem 2rem;background-size:2rem 2rem;height:14.38rem;overflow: hidden;position: relative;}
.m-hon h2{height: 2.17rem;position: relative;}
.m-hon h2 img{width:22%;margin:0 auto;display: block;}
.m-hon:before,.m-hon:after{top:13.5rem;}
.m-hon h2:before,.m-hon h2:after{top:0.67rem;width: 36.8%;}
.m-hon .prev,.m-hon .next{top:12.58rem;}
.m-hon .nowarp{width:80%;height:8.25rem;margin:0 auto;}
.m-hon li{width:47.4%;float:left;position: relative;}
.m-hon a:nth-child(2n) li{margin-left:5.2%;}
.m-hon li img{width:95%;display: block;padding: 2.5%;background: #fff;}
.m-hon li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position: absolute;width: 100%;background: rgba(0 , 145 , 203 , 0.8); display: block;text-align: center;font-size: 1rem;color: #fff;height:1.58rem;line-height:1.58rem;left: 0;bottom: 0;}

/*关于*/
.m-about{height:28.645rem;overflow:hidden;padding:2rem 4.7% 21rem;}
.m-about .til01{border: 0;font-size:1.5rem;    padding-bottom: 2px;}
.m-about .til01 img{width: 83.8%;margin:0 auto;display: block;}
.abo_c dt{height: 19.5rem;overflow: hidden;}
.abo_c dt img{ width:100%;height:100%;display: block;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;padding: 1.25rem 0;}
.abo_c dd{color:#666; line-height:170%;font-size: 1rem;padding: 5% 5.7% 0;height: 5.75rem;text-align: center;}
.abo_c dd span{color: #008fd1;}


/*资讯*/
.m-news{height:14.92rem; overflow:hidden;clear: both;padding:2.08rem 4.7% 0;background: #f7f7f7;}
.newtil{font-size:1rem;height:2.71rem;line-height:2.71rem;overflow:hidden;position:relative;padding:0.17rem 0 0;}
.newtil:before{content: "";position: absolute;width: 100%;height: 0.17rem;background: #a1a1a1;top:0;left:0;}
.newtil span{float: right;text-transform: uppercase;font-size: 1rem;color: #666;}
.newtil li{float:left;width:50%;text-align:center;color: #333;float: left;}
.newtil li.z-on{color: #008fd1;font-weight: bold;z-index: 2;position: relative;}
.newtil li.z-on:before{content: "";position: absolute;width: 100%;height: 0.17rem;background: #008fd1;left: 0;top: -0.17rem;z-index:3;}
.m-news .con{ float:left; width:100%; display:inline;}
.m-news .con p,.m-news .con p img{width: 100%;display: block;}
.m-news .con li{ line-height:200%;height:2rem; color:#666; padding-left:2.4%; font-size:13px;white-space: nowrap;overflow: hidden;border-bottom: dashed 1px #d5d5d5;position: relative;}
.m-news .con li span{float: right;color: #888;}
.m-news .con li:before{content: "";position: absolute;width: 0.3rem;height: 0.3rem;left:1px;top:0.5rem;background: #d0d0d0;transform:rotate(45deg);-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.m-news .con a:last-child li{border: 0;}

@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:87%;}
}
@media screen and (min-width:375px) {
	html { font-size:88%;}
}
@media screen and (min-width:400px) {
	html { font-size:98%;}
}
@media screen and (min-width:414px) {
	html { font-size:100%;}
}
@media screen and (min-width:480px) {
	html { font-size:112%;}

}
@media screen and (min-width:568px) {
	html { font-size:131%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}