.wrap img{width: 100%;}
/*---------------------------------------------------------*/
.g-banner{width: 100%; line-height:0;}

/*备受市场青睐*/
.g-three{padding: 3.5rem 0 0; width:100%;height: 35.4rem; background:url(../images/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;}
.m-bt01{font-size: 1.8rem;color: #fff;font-weight: bold;width: 100%;text-align: center;height: 4.2rem;margin-bottom: 0.9em; background:url(../images/three_line.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;}
.m-bt01 i{display: block;}
.g-three ul li{width: 13.9rem;height: 13.9rem;float: left;text-align: center;margin-bottom: 0.5rem;}
.g-three ul li b{display: block;font-size: 1.4rem;color: #0967ac;height: 2.2rem;line-height: 2rem;overflow: hidden;padding: 3.8rem 0 0;}
.g-three ul li span{display: block;font-size: 1.1rem;color: #333;}
.g-three ul li em{display: block;}
.g-three ul li i{color: #ee713c;font-weight: bold;}
.g-three ul li:nth-child(2){ background:url(../images/three_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-three ul li:nth-child(3){ background:url(../images/three_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-three ul li:nth-child(4){ background:url(../images/three_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-three ul li:nth-child(1),.g-three ul li:nth-child(3){margin-left: 1.7rem;margin-right: 0.5rem;}

/*产品*/
.g-cp{width: 93.75%;margin:0 auto;padding: 3.5rem 0 4.2rem;}
.m-bt02{display: block; font-size: 1.8rem; color: #222; font-weight: bold; width: 100%; text-align: center;height: 2.5rem;line-height: 2.5rem;overflow: hidden; background:url(../images/cp_line.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;}
.cp01{width: 100%;padding: 1rem 0;}
.cp01 ul li{width: 50%; float: left; height: 4rem; line-height: 4rem; background: #0967ac;border-bottom: #3a85bd 1px solid;position: relative;} 
.cp01 ul li:before{content: "";width: 1px;height: 100%;background: #3a85bd;position: absolute;top: 0;right: 0;}
.cp01 ul li a{font-size: 1.4rem;color: #fff;padding-left: 2.2rem;display: block;}
.cp01 ul li:first-child{background: #ee713c;}
.cp02{position: relative;}
.cp02 ul li,.cp02 span{height: 2.2rem;line-height: 2.2rem;float: left;width: 50%;border-bottom: #d9d9d9 1px dashed;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #555;}
.cp02 ul li a,.cp02 span a{font-size: 1.2rem;color: #555;padding-left: 0.3rem;}
.cp02 ul li:last-child,.cp02 span{border-bottom: none;}
.cp02 span{display: block;}
.cp03 ul li{width: 46.66%;float: left;border: #dcdcdc 0.15rem solid;line-height: 0;margin-right: 1rem;margin-top: 1.1rem;}
.cp03 ul li span{font-size: 1.1rem;color: #555;display: block; width: 90%; text-align: center; height: 2.7rem; line-height: 2.7rem;padding: 0 5%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-top: #dcdcdc 0.15rem solid;}
.cp03 ul li:nth-child(2n){margin-right: 0;}
.g-cp .u-more{display: block; width: 100%; text-align: center; font-size: 1.2rem; color: #fff; height: 3rem; line-height: 3rem; background: #ee713c; overflow: hidden;border-radius: 0.3rem;margin-top: 1.3rem;}

/*恪守品质*/
.g-six{ width:100%; overflow:hidden;padding: 0 0 4rem;}
.m-bt03{width: 100%;height: 6rem;line-height: 6rem;font-size: 1.8rem;color: #fff;font-weight: bold; text-align: center;background:url(../images/six_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-six .m-pic{width: 100%;line-height: 0;}
.g-six .sclwrap_box{ height:20.7rem; overflow:hidden;}
.g-six .m-box .con{ display:inline; float:left;}
.g-six dl{ width:14rem;height: 19.2rem;margin-left: 1.3rem;float: left;background:url(../images/six_k.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-six dl dt{width: 3.45rem;height: 3.45rem;margin:0 auto;padding: 0.7rem 0;}
.g-six dl dt img{width: 3.45rem;height: 3.45rem;}
.g-six dl dd{margin:0 auto; width:85%;}
.g-six dl dd b{display: block;font-size: 1.2rem;color: #0967ac;height: 2.7rem;line-height: 2.7rem;overflow: hidden;}
.g-six dl dd p{ font-size:1.1rem; color:#666;line-height: 1.8rem;height: 9rem;overflow: hidden;padding: 0.3rem 0 0;}
.g-six .m-cnt,.g-ys .m-cnt{ width:100%; display:inline-block; }
.g-six .m-cnt li,.g-ys .m-cnt li{ width:0.8rem; height:0.8rem; background:#c9c9c9; float:left;margin-right: 1rem;  border-radius:2rem;}
.g-six .m-cnt li.z-on,.g-ys .m-cnt li.z-on{ background:#0967ac;width: 2.7rem;}
.g-six .m-cnt li:first-child{margin-left: 12.5rem;}

/*小广告*/
.g-ban01{width: 100%;line-height: 0;position: relative;}
.g-ban01 p{width: 11.6rem;position: absolute;top: 9.5rem;right: 0;}
.g-ban01 p a{display: block; width: 8rem; text-align: center; height: 2.2rem; line-height: 2.2rem;border:#fff 0.15rem solid;font-size: 1.1rem;color: #fff;font-weight: bold;}
.g-ban01 p a:last-child{background: #fff;color: #0967ac;}

/*案例展示*/
.g-case{width: 93.75%;margin:0 auto;padding: 3.5rem 0 1.4rem;}
.g-case .m-cnt{ height:8.7rem; width:100%; background:#f0f0f0;border-top: #e5e5e5 1px solid;margin-top: 1rem;}
.g-case .m-cnt li{ width:16.66%; text-align:center; float:left; position:relative;font-size: 1.4rem;color: #3a3a3a; height:7.2rem;padding: 1.5rem 0 0;z-index: 10;}
.g-case .m-cnt li span{display: block;padding: 0.6rem 0 0;width: 70%;margin:0 auto;}
.g-case .m-cnt li:before{ position:absolute; content:""; width:1px; height:100%; background:#e5e5e5; top:0; right:0;}
.g-case .m-cnt li em{display: block; width: 1.8rem; height: 1.8rem; margin:0 auto; line-height: 0; overflow: hidden;} 
.g-case .m-cnt li em img{width: 1.8rem;height: 3.6rem;}
.g-case .m-cnt li.z-on{ background:#0967ac; color:#fff;}
.g-case .m-cnt li.z-on:after{ position:absolute; content:""; width:99%; height:1.3rem; background:#0967ac; bottom:-1.3rem; left:0;}
.g-case .m-cnt li.z-on em img{margin-top: -1.8rem;}
.g-case .m-cnt li:last-child:before{ background:none;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{width: 100%;}
.g-case dl dt{width: 100%;line-height: 0;}
.g-case dl dd{width: 100%;padding: 1rem 0 0;}
.g-case dl dd h5{height: 2rem;line-height: 2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case dl dd h5 a{font-size: 1.3rem;color: #333;}
.g-case .case_desc{font-size: 1.1rem;color: #666;line-height: 1.6rem;padding: 0.3rem 0 0;}
.g-case dl dd span{display: block;line-height: 2rem;}
.g-case dl dd span a{font-size: 1.1rem;color: #333;}

/*优势*/
.g-ys{ width:100%; overflow:hidden;padding: 0 0 4rem;}
.m-bt04{width: 100%;height: 6.3rem;padding-top: 0.9rem;font-size: 1.8rem;color: #fff;font-weight: bold; text-align: center;background:url(../images/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;}
.m-bt04 i{display: block;}
.g-ys .sclwrap_box{ height:50.7rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{ width:100%;line-height: 0;}
.g-ys dl{ width:90.63%; margin:0 auto 2.7rem;height: 9.6rem;}
.g-ys dl dt{width: 8.6rem;height: 9.6rem;float: left; text-align: center;background:url(../images/ys_k.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 dl dt b{ display:block;font-size: 2rem;color: #0967ac;padding-top: 1.8rem; font-family:Arial, Helvetica, sans-serif;}
.g-ys dl dt span{font-size: 1.3rem;color: #222;display: block;padding: 0.2rem 0 0;}
.g-ys dl dt i{ display:block;}
.g-ys dl dd{float: right; width:19rem;}
.g-ys dl dd p{font-size: 1.1rem;color: #444;line-height: 1.9rem;}
.g-ys dl dd p em{display: block;padding-left: 1rem;}
.g-ys dl dd i{ color:#ee713c;font-weight: bold;}
.g-ys .m-cnt li:first-child{margin-left: 13.7rem;}

/*走进诚淘*/
.g-about{width: 100%;position: relative;padding-bottom: 1.5rem;}
.m-bt05{font-size: 1.8rem; color: #fff; font-weight: bold; display: block; width: 14.3rem; text-align: center; height: 6.2rem; background: #0967ac;padding: 1.7rem 0 0;position: absolute;top: 0;left: 8.9rem;} 
.m-bt05 em{width: 3rem;height: 2.3rem;display: block;margin:0 auto;padding-bottom: 0.3rem;}
.m-bt05 em img{width: 3rem;height: 2.3rem;}
.g-about dl{width: 100%;padding: 3.5rem 0 0;}
.g-about dl dt{width: 100%;line-height: 0;}
.g-about dl dd{width: 93.75%;margin:0 auto;padding: 1.5rem 0 0;}
.g-about .ab_desc{font-size: 1.1rem;color: #666;line-height: 1.9rem;width: 91%;margin:0 auto;}
.g-about dl dd span{display: block;line-height: 1.9rem;margin-top: -1.9rem;margin-left: 10rem;}
.g-about dl dd span a{color: #0967ac;font-size: 1.1rem;}
.g-about ul{margin-top: 2rem;}
.g-about ul li{width: 25%;float: left;text-align: center;position: relative;}
.g-about ul li:before{ position:absolute; content:""; width:1px; height:100%; background:#d1d1d1; top:0; right:0;}
.g-about ul li a{font-size: 1.1rem;color: #666;}
.g-about ul li em{width: 2rem;height: 1.6rem;display: block;margin:0 auto;padding-bottom: 0.3rem;}
.g-about ul li em img{width: 2rem;height: 1.6rem;}
.g-about ul li:last-child:before{background: none;}
.g-about ul li:first-child a{font-weight: bold;color: #ee713c;}


/**/

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;}}