.wrap img{width: 100%;}

/*loading*/
.loading{position:fixed;width:100%;height:100%;top:0;left:0;background:#f6f6f6 url(../images/index/show.jpg) no-repeat 50% 50%;background-size:cover;z-index:105;}
.loading.fade{-webkit-transition: all .75s ease;transition: all .75s ease;}
.loading.hide{opacity:0;visibility:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{width: 100%;}
.ban img{ display:block; width:100%;}

/**/
.g-three{width: 96.88%; margin:0 auto; padding:2.7rem 0 0;}
.g-three .m-bt{display: block;width: 77.419%; margin:0 auto; padding:0 0 2rem;}
.g-three p{width: 100%; display:inline-block;height: 8.5rem;background: #f7f7f7; margin:0 0 0.8rem;}
.g-three p em{display: block;float: left;width: 3.1rem;line-height: 0;}
.g-three p em img{width: 3.1rem;height: 8.5rem;}
.g-three p span{display: block;float: left;font-size: 1.1rem;color: #333;line-height: 2rem; padding:0 0 0 1.5rem;width: 78%;}
.g-three p b{display: block;font-size: 1.2rem;color: #0166b4; padding:1rem 0 0.3rem;}

/*产品中心*/
.g-cp{width: 100%; padding:1.3rem 0 1.8rem;}
.g-cp .m-bt{display: block;width: 75%; margin:0 auto; padding:0 0 1rem;}
.g-cp ul li{width: 47.81%;float: left; padding:1.1rem 0 0 0.5rem;}
.g-cp ul li span{display: block;width: 100%;text-align: center;font-size: 1.1rem;color: #333;height: 3rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*广告条*/
.g-ban01{ display:block; width:100%; overflow:hidden; height:11.35rem; line-height:18rem; font-size:1.1rem; color:#fff; background:url(../images/index/ban01.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-ban01 em{ display:inline-block;width: 1.5rem; padding:0 2% 0 5.3rem;}
.g-ban01 em img{width: 1.5rem;height: 1.5rem; vertical-align:middle;}
.g-ban01 b{ font-family:"Times New Roman", Times, serif; font-size:2rem;}

.g-ban02{ background:url(../images/index/ban02.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{ width:100%; padding:2.5rem 0 0;position: relative;}
.g-ys .m-bt{width: 75%; margin:0 auto; padding:0 0 2rem;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:100%;}
.g-ys dl dt{ width:96.88%; margin:0 auto;line-height: 0;}
.g-ys dl dd{width: 94%; padding:3rem 3% 2.5rem;background: #f7f7f7;}
.g-ys dl dd b{display: block;font-size: 1.2rem;color: #333; padding:0 0 1rem;}
.g-ys dl dd p{font-size: 1.1rem;color: #5f5f5f;line-height: 1.8rem;}
.g-ys .m-cnt{ width:100%; display:inline-block;position: absolute;top: 25.2rem;left: 0.45rem;}
.g-ys .m-cnt li{ font-size:1.1rem; color:#fff; width:7rem; height:3rem; background:#0166b4; float:left; margin:0 1rem 0 0; text-align:center; line-height:3rem;}
.g-ys .m-cnt li.z-on{ background:#fe5732;}
.g-ys .m-cnt li:last-child{margin: 0;}

/*客户见证*/
.g-jz{ width:96.88%; margin:0 auto;position: relative; padding:2.8rem 0 3rem;}
.g-jz .m-bt{display: block;width: 77.419%; margin:0 auto; padding:0 0 1.8rem;}
.g-jz .m-cnt{width:29%; height:15.5rem; padding:1rem 0 0;float: left;}
.g-jz .m-cnt li{width: 100%;height: 3.6rem;line-height: 3.6rem;font-size: 1.1rem;color: #333;position: relative;z-index: 10;}
.g-jz .m-cnt li:before{ content:"";width: 1rem;height: 1rem;background: #fff; border:#e9e9e9 2px solid;position: absolute;top: 35%;right: -5%;
border-radius:2rem;               
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-jz .m-cnt li:after{ content:"";width: 0.5rem;height: 0.5rem;background: #0166b4;position: absolute;top: 45%;right: -1.3%;
border-radius:2rem;               
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-jz .m-cnt li.z-on{color: #fe5732;font-weight: bold;}
.g-jz .m-cnt li.z-on:after{background: #fe5732;}
.g-jz .sclwrap_box{width: 71%;height: 16.5rem;float: left;}
.g-jz .m-box .con{ display:inline; float:left;}
.g-jz p{float: left;width: 100%;height: 16.5rem;position: relative;line-height: 0;}
.g-jz p span{display: block;font-size: 1.2rem;color: #fff;width: 100%;text-align: center;height: 3rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position: absolute;bottom: 0;left: 0; background:rgba(0,0,0,0.4);}

/*合作客户*/
.g-hz{width: 100%; padding:2.5rem 0 3.2rem;}
.g-hz .m-bt{display: block;width: 75%; margin:0 auto; padding:0 0 1.5rem;}
.g-hz ul li{width: 22.19%;float: left; float:left; margin:0.5rem 0 0 0.5rem;box-shadow: 0 3px 5px 3px #f3f3f3; border:#f3f3f3 1px solid;border-radius:0.5rem;               
-webkit- border-radius:0.5rem;
-moz-border-radius:0.5rem;
-o-border-radius:0.5rem;}
.g-hz ul li img{width: 100%; display: block;
border-radius:0.5rem;               
-webkit- border-radius:0.5rem;
-moz-border-radius:0.5rem;
-o-border-radius:0.5rem;}

/*走进美诚铝业*/
.g-about{ width:100%;height: 41.75rem; overflow:hidden; background:url(../images/index/ab_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-about .m-bt{display: block;width: 75%; margin:0 auto; padding:1rem 0 2.8rem;}
.g-about dl{ width:100%;}
.g-about dl dt{ width:61.25%; margin:0 auto;}
.g-about dl dd{ width:90.63%; margin:0 auto; padding:2.5rem 0 0;}
.g-about dl dd b{ display:block; width:100%; text-align:center; overflow:hidden;}
.g-about dl dd b a{ font-size:1.2rem; color:#333;}
.g-about .ab_desc{ font-size:1.1rem; color:#333; line-height:1.8rem;height: 7.2rem; padding:0.6rem 0 0; text-indent:2em;overflow: hidden;}
.g-about dl dd em{ display:inline-block; width:100%; padding:3rem 0 0;}
.g-about dl dd em a{ display:block; width:8.3rem; font-size:1.1rem; color:#333; height:2.5rem; line-height:2.5rem; text-align:center; border:#ccc 1px solid; float:left;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-about dl dd em a:nth-child(2){ background:#fe5732;border:#fe5732 1px solid; margin:0 1.5rem;color: #fff;}


/**/
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;}}