.wrap img{ width:100%; height:100%}	

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 320px) {html {font-size: 10px;}}
@media screen and (min-width: 360px) {html {font-size: 11.25px;}}
@media screen and (min-width: 375px) {html {font-size: 11.7px;}}  /*ipone6*/
@media screen and (min-width: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} /*ipone6P*/
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}



/*导航样式*/
.g-nav { position:relative;width: 100%;background: #1857a3;height: 7rem;}
.g-nav:before{ position:absolute; content:""; width:100%; height:1px; background:#164e92; top:50%; left:0;z-index: 5;}
.g-nav:after{ position:absolute; content:""; width:100%; height:1px; background:#3068ac; top:51%; left:0;z-index: 5;}
.g-nav a { font-size:1.2rem; color:#fff;height: 3.5rem;line-height: 3.5rem; width:33.3%; text-align:center; display:block; float:left; position:relative;}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#3068ac; top:0; right:1px;}
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#164e92; top:0; right:0;}
.g-nav a:nth-child(3n):before,.g-nav a:nth-child(3n):after{ background:none;}

/*通栏广告*/
.g-adv{ width:100%; overflow:hidden; margin-bottom: -5px;}

/**/
.g-fenl{ padding:1.4rem 0 1.2rem;width: 100%; background-color: #1857A3;margin-top: -2px;}
.g-fenl .m-bt{display: block;width: 75.94%; margin:0 auto; padding:0 0 1.5rem;}
/*.g-fenl ul li{width: 9rem;height: 9rem;float: left;text-align: center; margin:0 0 1rem 1.2rem; background:url(../image/fenl_k01.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-fenl ul li a{font-size: 1rem;color: #333;}
.g-fenl ul li em{display: block;width: 3.4rem; margin:0 auto; padding:1.5rem 0 0.5rem;}
.g-fenl ul li em img{width: 3.4rem;height: 2.9rem;}
*/
/**/
.g-wei{ background:#f7f7f7; padding:1.2rem 0 0.8rem;}
.g-wei .m-bt{width: 87.97%;display: block; margin:0 auto;}
.g-wei .wei_pic{display: block;width: 100%; padding:1rem 0 0;}
.g-wei p{ display:inline-block;width: 100%; padding:0.75rem 0;}
.g-wei p em{display: block;float: left;width: 2.45rem; padding:0 0.7rem 0 1.5rem;}
.g-wei p em img{width: 2.45rem;height: 2.65rem;}
.g-wei p span{display: block;float: left;font-size: 1rem;color: #5f5f5f;width: 25.8rem;}
.g-wei p i{color: #1857a3;}

/**/
.g-guany{width: 82%; margin:0 auto; padding:1rem 0 2.3rem;}
.g-guany .m-bt{display: block;width: 80.4%; margin:0 auto;}
.g-guany dl{width: 100%; padding:1.1rem 0 0;}
.g-guany dl dt{width: 95.24%; margin:0 auto;}
.g-guany dl dd{width: 100%; padding:1rem 0 0;}
.g-guany dl dd p{font-size: 1rem;color: #333;line-height: 1.5rem;}
.g-guany dl dd span{ display:inline-block;width: 100%; padding:1rem 0 0;}
.g-guany dl dd span a{font-size: 1rem;color: #fff;display: block;float: left;width: 10rem;height: 2.4rem;line-height: 2.4rem;text-align: center;background: #88bc43;}
.g-guany dl dd span a:first-child{background: #1857a3; margin:0 1.5rem 0 2rem;}

/*三大点*/
.g-three{ width:100%; overflow:hidden; height:33.75rem; background:url(../image/three_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-three .m-bt{display: block;width: 100%; padding:1.2rem 0 0;}
.g-three .sclwrap_box{ height:27rem; overflow:hidden;}
.g-three .m-box .con{ display:inline; float:left;}
.g-three dl{ width:68%; margin:0 auto; padding:2.8rem 0 0;}
.g-three dl dt{ width:100%; padding:0 0 0.5rem;}
.g-three dl dt em{ display:block;font-size: 2rem;color: #fff;width: 9.2rem;text-align: center;height: 3.6rem;line-height: 3.6rem; margin:0 auto; background:url(../image/three_k01.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-three dl dt b{ display:block;text-align: center;width: 100%; padding:0.5rem 0 0;}
.g-three dl dt b a{ font-size:1.1rem; color:#1857a3;}
.g-three dl dd{ font-size:1rem; color:#555; line-height:1.5rem; width:81.6%; border-top:#f0f0f0 1px solid; padding:0.5rem 0 0; margin:0 auto;}
.g-three .m-cnt{ width:10rem; display:inline-block; padding:0 0 0 12.8rem;}
.g-three .m-cnt li{ width:0.6rem; height:0.6rem; background:#1857a3; float:left; margin:0 1.3rem 0 0; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-three .m-cnt li.z-on{ background:#88bc43;width: 3rem;}

/*经典检测案例*/
.g-case{width: 90.63%; margin:0 auto; padding:0.5rem 0 2rem;}
.g-case .m-bt{display: block;width: 71.38%; margin:0 auto;}
.g-case dl{width: 100%; padding:1.2rem 0 0;}
.g-case dl dt{width: 100%;}
.g-case dl dd{width: 100%; padding:1rem 0 0;}
.g-case dl dd b{display: block;width: 100%;text-align: center;position: relative;height: 2.5rem;line-height: 2rem;}
.g-case dl dd b a{font-size: 1.2rem;color: #1857a3;}
.g-case dl dd b:before{ content:"";width: 5.7%;height: 2px;background: #1857a3;position: absolute;bottom: 0;left: 44%;}
.g-case dl dd p{font-size: 1rem;color: #555;line-height: 1.5rem; padding:0.5rem 0 0;}
.g-case dl dd p a{color: #88bc43;font-size: 1rem;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; padding:0 0 1rem;}
.g-ys .m-bt{width: 100%;height: 10.2rem;font-size: 1.8rem;color: #fff;font-weight: bold; padding:1rem 0 0;text-align: center; background:url(../image/ys_tbg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-bt span{display: block;font-size: 1.1rem;font-weight: normal; padding:1.4rem 0 0;}
.g-ys .sclwrap_box{ height:36rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .m-box .con p{ width:90.63%; margin:0 auto; overflow:hidden; padding:1.4rem 0 0;}
.g-ys dl{ width:90.63%; margin:0 auto; padding:2.5rem 0 0;}
.g-ys dl dt{ width:66.2%;}
.g-ys dl dd{ width:100%;}
.g-ys dl dd p{ display:inline-block;width: 100%;}
.g-ys dl dd p em{display: block;float: left;width: 0.6rem; padding:0.5rem 0.5rem 0 3.5rem;}
.g-ys dl dd p em img{width: 0.6rem;height: 0.6rem;}
.g-ys dl dd p span{font-size: 1rem;color: #333;width: 82%;float: left;display: block;line-height: 1.8rem;}
.g-ys .m-cnt{ width:46.88%;height: 3.3rem; margin:0 auto; background:url(../image/ys_botbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-cnt li{ width:1rem; height:1rem; background:#1857a3; float:left; margin-top:0.5rem; margin-right:1rem; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-ys .m-cnt li.z-on{ background:#88bc43;width: 3rem;}
.g-ys .m-cnt li:first-child{ margin-left:3rem;}

/*.g-ys .m-cnt li:first-child{ margin-left:4rem;}*/
.g-liuc{width: 100%;height: 36rem; background:url(../image/liuc_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc .m-bt{display: block;width: 81.25%; margin:0 auto; padding:1.2rem 0 0;}
.g-liuc ul li{width: 6.3rem;height: 10.9rem;float: left;text-align: center;line-height: 1.5rem;font-size: 1rem;color: #333;font-weight: bold; margin:1.2rem 0 0 1.3rem;}
.g-liuc ul li b{display: block; padding:4.2rem 0 0;}
.g-liuc ul li:nth-child(1){ background:url(../image/liuc_k01.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc ul li:nth-child(2){ background:url(../image/liuc_k02.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc ul li:nth-child(3){ background:url(../image/liuc_k03.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc ul li:nth-child(4){ background:url(../image/liuc_k04.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc ul li:nth-child(5){ background:url(../image/liuc_k05.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc ul li:nth-child(6){ background:url(../image/liuc_k06.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc ul li:nth-child(7){ background:url(../image/liuc_k07.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc ul li:nth-child(8){ background:url(../image/liuc_k08.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/**/
.g-news{ width:90%; margin:0 auto; overflow:hidden;}
.g-news .m-bt{display: block;width: 59.03%; margin:0 auto; padding:1rem 0;}
.g-news .m-cnt{ height:3rem; width:100%;}
.g-news .m-cnt li{ width:38%; text-align:center; float:left;height: 3rem;line-height: 3rem;font-size: 1.2rem;color: #fff; background:#1857a3;}
.g-news .m-cnt li:first-child{ width:24%;}
.g-news .m-cnt li.z-on{ background:#88bc43; color:#fff;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:100%; padding:2% 0 0;display: block;}
.g-news .m-box ul li{height:2.7rem; line-height:2.7rem; border-bottom:#ddd 1px dashed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li a{ font-size:1rem; color:#555;}
.g-news .m-box ul li em{ display:block; width:0.6rem; padding:0 2% 0 0;float: left;}
.g-news .m-box ul li em img{width: 0.6rem;height: 0.6rem;}
.g-news .m-box ul li:last-child{ border:none;}