.wrap img{width: 100%;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{width: 100%;}
.ban img{ display:block; width:100%;}

/*产品中心*/
.g-cp{background: #d9dce1; padding:3rem 0 0;}
.g-cp .m-bt{display: block;font-size: 1.8rem;color: #333;font-weight: bold;height: 5.5rem;position: relative; padding:0.5rem 0 0;text-align: center;}
.g-cp .m-bt i{display: block;font-size: 1rem;color: #666;font-weight: normal; padding:0.2rem 0 0;}
.g-cp .m-bt:before,.g-ys .m-bt:before,.g-case .m-bt:before,.g-about .m-bt:before{ content:"";width: 2rem;height: 2px;background: #004482;position: absolute;top: 0;left: 47%;}

/*产品切换*/
.m-cp{ width:100%;background: #fff; overflow:hidden; position:relative;padding:0 0 1rem;}
.m-cp .prev{ width:3.3rem; position:absolute; bottom:2rem; left:12rem;z-index: 5;}
.m-cp .next{ width:3.3rem; position:absolute; bottom:2rem; right:12rem;z-index: 5;}
.m-cp .nowarp { margin:0 1rem;}
.m-cp .m-box .con{ float:left;width: 40.75%!important; }
.m-cp dl{float:left;width: 50%!important; margin:0 auto;}
.m-cp dl dt{width: 93.33%; margin:0 auto;padding:1rem 0 0;}
.m-cp dl dd{width: 93.33%;margin:0 auto;}
.m-cp dl dd em{display: block;width: 100%;height: 4rem;line-height: 4rem;position: relative;}
.m-cp dl dd em a{font-size: 1.2rem;color: #2c2c2e;font-weight: bold;}
.m-cp .cp_btn{ padding:0.5rem 0 0; display:inline-block;width: 100%;}
.m-cp .cp_btn a{display: block;float: left;font-size: 1rem;color: #333;width: 7.3rem;text-align: center;height: 2.3rem;line-height: 2.2rem; border:#333 1px solid; margin:0 1rem 0 0;
border-radius:10rem;               
-webkit- border-radius:10rem;
-moz-border-radius:10rem;
-o-border-radius:10rem;}
.m-cp .cp_btn a:first-child{background: #004482;color: #fff; border:#004482 1px solid;}

/*产品分类*/
.m-fenl{width: 100%;background: #004482;height: 7.3rem;}
.m-fenl b{display: block;width: 100%;text-align: center;height: 3.4rem;line-height: 3.4rem; border-bottom:#0d4e88 1px solid;}
.m-fenl b a{font-size: 1.4rem;color: #fff;}
.m-fenl p{height: 3.8rem;line-height: 3.8rem;text-align: center;}
.m-fenl p a{font-size: 1.2rem;color: #fff; padding:0 1rem;}
.m-fenl02{background: #0072bf;}

/*产品图片*/
.u-cp{width: 100%; display:inline-block;background: #d9dce1; padding:1.5rem 0 1.8rem;}
.u-cp ul li{width: 43.75%;float: left; margin:0 0 1.2rem 1.2rem;line-height: 0;}
.u-cp ul li span{display: block;font-size: 1.2rem;color: #333;height: 2.9rem;line-height: 2.9rem;width: 100%;background: #fff; margin:1px 0 0;text-align: center;}

/*优势*/
.g-ys{width: 93.75%; margin:0 auto; padding:3rem 0;overflow: hidden;}
.g-ys .m-bt,.g-case .m-bt,.g-about .m-bt{width: 100%;text-align: center;font-size: 1.8rem;color: #333;font-weight: bold;height: 4.3rem;position: relative; padding:0.3rem 0 0;}
.g-ys .sclwrap_box{ height:33.5rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{ width:100%;}
.g-ys dl{ width:100%; padding:1.2rem 0 0; display:inline-block;}
.g-ys dl dt{width: 3.9rem;float: left; padding:0 1rem 0 0;}
.g-ys dl dt img{width: 3.9rem;height: 3.9rem;}
.g-ys dl dd{width: 25rem;float: left;}
.g-ys dl dd b{display: block;font-size: 1.3rem;color: #333;height: 3.3rem;width: 100%;position: relative;}
.g-ys dl dd b i{display: block;font-size: 0.5rem;color: #ccc;font-weight: normal;text-transform: uppercase; padding:0.2rem 0 0;}
.g-ys dl dd b:before{ content:"";width: 5.5rem;height: 2px;background: #333;position: absolute;bottom: 0;left: 0;}
.g-ys dl dd p{font-size: 1.2rem;color: #555;line-height: 1.6rem;position: relative; padding:0.8rem 0 0 1rem;}
.g-ys dl dd p:before{ content:"";width: 0.3rem;height: 0.3rem;background: #004482;position: absolute;left: 0;top: 1.4rem;
}
.g-ys dl dd span{display: block; padding:1rem 0 0;}
.g-ys dl dd span a{display: block;font-size: 1.2rem;color: #fff;width: 7.5rem;height: 2.5rem;text-align: center;line-height: 2.5rem;background: #004482;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-ys .m-cnt{ display:inline-block; padding:0 0 0 26%;width: 74%;position: relative;height: 2.7rem;}
.g-ys .m-cnt:before{ content:"";width: 100%;height: 1px;background: #ccc;position: absolute;top: 50%;left: 0;}
.g-ys .m-cnt li{ font-family:Arial, Helvetica, sans-serif; font-size:1.5rem; color:#fff;font-weight: bold; width:2.2rem; height:2.7rem; background:#7c7c7c; float:left; margin:0 0.9rem; text-align:center; line-height:2.7rem;position: relative;z-index: 5;}
.g-ys .m-cnt li.z-on{ background:#126daf;}

/**/
.g-case{background: #f0f1f3; padding:3rem 0 2rem;}
.g-case .m-bt{display: block;height: 3.7rem;}
.g-case ul li{width: 44.06%;float: left; padding:0 0 0 1.2rem;}
.g-case ul li span{display: block;width: 100%;text-align: center;height: 2.5rem;line-height: 2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case ul li span a{font-size: 1rem;color: #444;}

/**/
.g-news{ width:93.75%; margin:0 auto; overflow:hidden; padding:1.5rem 0;position: relative;}
.g-news .u-more{display: block;font-size: 1.2rem;color: #666;height: 3rem;line-height: 3rem;position: absolute;top: 1.5rem;right: 1rem;z-index: 5;}
.g-news .m-cnt{width: 100%; height:3rem; border-bottom:#d9d9d9 1px solid;}
.g-news .m-cnt li{ width:30%; text-align:center; float:left;height: 3rem;line-height: 3rem; position:relative;font-size: 1.4rem;color: #555; margin:0 1.5rem 0 0;}
.g-news .m-cnt li.z-on{color: #333;font-weight: bold;}
.g-news .m-cnt li.z-on:before{ position:absolute; content:""; width:100%; height:0.15rem; background:#004482;bottom: -2px;left: 0;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ padding:2% 0 0;}
.g-news .m-box ul li{ height:3rem; line-height:3rem;position: relative; display:inline-block;width: 100%;}
.g-news .m-box ul li a{ font-size:1.2rem; color:#666; padding:0 0 0 1.5rem;display: block;float: left;width: 70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li span{ font-size:1.2rem; color:#666;float: right;display: block;width: 25%;}
.g-news .m-box ul li:before{ content:"";width: 0.4rem;height: 0.4rem;background: #fff; border:#004482 2px solid;position: absolute;left: 0;top: 1.2rem;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}

/*走进上海华绳*/
.g-about{ width:100%; overflow:hidden; padding:1.8rem 0 2.5rem;background: #f0f1f3;}
.g-about .m-bt{display: block;}
.g-about dl{ width:93.75%; margin:0 auto;}
.g-about dl dt{ width:100%;}
.g-about dl dd{ width:100%; padding:0.5rem 0 0;}
.g-about dl dd p{ width:100%; font-size:1.2rem; color:#666; line-height:1.8rem;height: 7.2rem;overflow: hidden;}
.g-about dl dd em{ display:block; width:7.5rem; padding:1.2rem 0 0; margin:0 auto;}
.g-about dl dd em a{ display:block; width:7.5rem; font-size:1.2rem; color:#fff; height:2.5rem; line-height:2.5rem; text-align:center; background:#004482;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}

/**/

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