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

/*产品中心*/
.g-cp{width: 92.5%;margin:0 auto;padding: 2.5rem 0; position:relative;}
.m-bt{display: block; width: 100%; text-align: center; height: 2.5rem; line-height: 2.5rem; font-size: 1.8rem; color: #333; overflow: hidden; background:url(../images/cp_tbg.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-cp .m-box .con{ display:inline; float:left;}
.g-cp .m-box ul li{width: 100%;padding: 2.5rem 0 0;}
.g-cp .m-box ul li p{width: 100%;line-height: 0;}
.g-cp .cp_ul01 li a{display: block;font-size: 1.5rem;color: #333;width: 100%;height: 5rem;line-height: 1.8rem;overflow: hidden;padding: 1.6rem 0 0;text-align: center;}
.g-cp .cp_ul01 li em{display: block;font-size: 1rem;color: #999; font-family:Arial, Helvetica, sans-serif;}
.g-cp .cp_ul01 .cp_ul02 li{height: 8.5rem;width: 8.5rem;background: #f1f1f1;border: #bfbfbf 1px solid;float: left;border-radius: 0.3rem;margin-left: 1.6rem;padding:0;}
.g-cp .cp_ul01 .cp_ul02 li:first-child{margin-left: 0;}
.g-cp .cp_ul01 .cp_ul02 li a{font-size: 1.2rem;color: #666;height: 8.5rem;width: 5.5rem;padding: 0 1.5rem;line-height: 1.5rem;}
.g-cp .cp_ul01 .cp_ul02 li span{width: 2.2rem;height: 2.2rem;display: block;margin:0 auto;padding: 1rem 0 0.5rem;line-height: 0;}
.g-cp .cp_ul01 .cp_ul02 li span img{width: 2.2rem;height: 2.2rem;}
.g-cp .cp_ul01 li .u-more{font-size: 1.2rem;color: #fff;height: 4rem;line-height: 4rem;background:#e41e1e none;padding: 0;width: 100%;margin:2rem auto 0;}
.g-cp .m-box ul li.cp_li01{padding: 4.5rem 0 0;}
.g-cp .m-cnt{ width:10rem; display:inline-block;position: absolute;top: 48rem;left: 13.5rem;}
.g-cp .m-cnt li{ width:0.8rem; height:0.8rem; background:#e8e8e8; float:left; margin:0 0.5rem 0 0; border-radius:2rem; }
.g-cp .m-cnt li.z-on{ background:#e41e1e; }

/*引子*/
.g-yin{ width:100%; overflow:hidden;border-top: #f0f0f0 1.2rem solid;border-bottom: #f0f0f0 1.2rem solid;position: relative;padding: 2.5rem 0 4.2rem;}
.g-yin .m-bt{width: 92.5%;margin:0 auto; background:url(../images/yin_tbg.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-yin .m-box .con{ display:inline; float:left;}
.g-yin dl{ width:92.5%; margin:0 auto;padding: 2.5rem 0 0;}
.g-yin dl dt{ width:100%;line-height: 0;}
.g-yin dl dd{ width:100%;padding: 1.7rem 0 0;}
.g-yin dl dd h5{font-size: 1.5rem;color: #111;height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.g-yin dl dd p{font-size: 1.2rem;color: #666;padding: 0.5rem 0 0;line-height: 1.7rem;height: 3.4rem;overflow: hidden;}
.g-yin .m-cnt{ width:10rem; display:inline-block;position: absolute;top: 22.2rem;left: 14.5rem;}
.g-yin .m-cnt li{ width:0.8rem; height:0.8rem; background:#e8e8e8; float:left; margin:0 0.5rem 0 0; border-radius:2rem; }
.g-yin .m-cnt li.z-on{ background:#e41e1e; }

/*应用案例*/
.g-case{ width:100%; overflow:hidden;padding: 2.5rem 0 4.5rem;}
.g-case .m-bt,.g-about .m-bt{ background:url(../images/case_tbg.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-case .m-cnt{width: 100%;border-top: #efefef 1px solid;margin-top: 1.7rem;}
.g-case .m-cnt li{width: 25%;float: left;height: 4rem;line-height: 4rem;font-size: 1.1rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-bottom: #efefef 1px solid;}
.g-case .m-cnt li em{width: 1.5rem;height: 1.3rem;display: block;float: left;line-height: 0;padding: 1.4rem 0.5rem 0 1rem;}
.g-case .m-cnt li em img{width: 1.5rem;height: 1.3rem;}
.g-case .m-cnt li.z-on{color: #e41e1e;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{ width:92.5%; margin:0 auto;padding: 2rem 0 0;}
.g-case dl dt{width: 100%;line-height: 0;}
.g-case dl dd{width: 100%;padding: 1.8rem 0 0;}
.g-case dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-case dl dd h5 a{font-size: 1.4rem;color: #333;font-weight: bold;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case .case_desc{font-size: 1rem;color: #666;line-height: 1.6rem;padding: 1rem 0 0;height: 4.8rem;overflow: hidden;}

/*合作客户*/
.g-hz{background: #eee;position: relative;padding: 3.5rem 0 2rem;}
.m-bt01{display: block; font-size: 1.5rem; color: #fff; width: 82.81%; text-align: center; height: 4rem; line-height: 4rem; background: #e41e1e;border-radius: 0.5rem;position: absolute;top: -1.5rem;left: 2.8rem;} 
.g-hz ul li{width: 26.56%;float: left;line-height: 0;border: #cbcbcb 1px solid;margin: 1.5rem 0 0 1.5rem; height:6rem;}

/*品牌殊荣*/
.g-honor{display: block;width: 100%;line-height: 0;padding:0 0 1rem;}

/*优势*/
.g-ys{ width:100%; overflow:hidden;padding: 2.2rem 0 2.5rem;position: relative;border-bottom: #f0f0f0 1.2rem solid;border-top: #f0f0f0 1.2rem solid;}
.g-ys .m-bt{ background:url(../images/ys_tbg.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-box .con{ display:inline; float:left;}
.g-ys dl{padding: 2.5rem 0 0;width: 100%;}
.g-ys dl dt{ width:100%;line-height: 0;}
.g-ys dl dd{ width:92.5%; margin:0 auto;padding: 2.5rem 0 0;}
.g-ys dl dd h5{ font-size:1.5rem; color:#333;height: 2.5rem;line-height: 2.5rem;overflow: hidden;text-align: center;}
.g-ys dl dd p{font-size: 1rem;color: #666;line-height: 1.5rem;padding: 0.8rem 0 0;}
.g-ys dl dd i{ color:#e41e1e;}
.g-ys .m-cnt{ width:19rem;position: absolute;top: 25rem;left: 11.7rem;}
.g-ys .m-cnt li{ width:1.8rem; height:0.3rem; background:#1f1a17; float:left; margin:0 0.5rem 0 0;}
.g-ys .m-cnt li.z-on{ background:#e41e1e;}

/*走进东宇音响*/
.g-about{width: 100%;padding: 2.5rem 0 2.5rem;}
.g-about dl{ width:100%; padding:2rem 0 0;}
.g-about dl dt{ width:100%;height: 18rem; background:url(../images/ab_k.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-about dl dt a{display: block;width: 72.81%;margin:0 auto;padding: 1rem 0 0;}
.g-about dl dd{ width:92.5%;margin:0 auto; padding: 2.5rem 0 0;}
.g-about .ab_desc{ font-size:1.1rem; color:#666;line-height: 2.1rem;height: 16.8rem;overflow: hidden;}
.g-about dl dd em{ display:inline-block; width:100%; padding:2.5rem 0 0;}
.g-about dl dd em a{ display:block; width:9.5rem; font-size:1.2rem; color:#fff; height:3.6rem; line-height:3.6rem; float:left;text-align: center;background: #e41e1e;border-radius: 2rem;margin-left: 0.5rem;}
.g-about dl dd em a:first-child{margin-left: 0;}

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