/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination{height:0.6rem;bottom: 3.7rem;}
.g-adv .swiper-pagination .swiper-pagination-bullet{width:0.6rem;height:0.6rem;background: #ddd;opacity: 1;margin:0 1.3rem;vertical-align:top;border-radius:50%;position:relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #076f6d;}
.g-adv .swiper-pagination .swiper-pagination-bullet:nth-child(2):before{position:absolute;width: 2rem;height:1px;background: #ddd;content: "";left: -2.3rem;top: 0.25rem;}
.g-adv .swiper-pagination .swiper-pagination-bullet:nth-child(2):after{position:absolute;width: 2rem;height:1px;background: #ddd;content: "";right: -2.3rem;top: 0.25rem;}

/*标题*/
.title{text-align: center;}
.title a{display: block;}
.title img{width: auto!important;margin: 0 auto;display: block;height: 2.9rem;}
.title span{display: block;font-size: 1.1rem;color: #333;line-height: 1.1rem;margin-top: 0.8rem;letter-spacing: 0.08rem;}

/*引子*/
.yz{padding-bottom:2.3rem;padding-top: 3rem;position: relative;}
.yz:after{content: "";display: block;height: 16.2rem;background: #f6f6f6;position: absolute;left: 0;width: 100%;bottom: 0;}
.yz h2{padding: 0 4.5% 0 3%;box-sizing: border-box;}
.yz h2 img{width: 22.95rem;}
.yz .desc{padding: 0 4.5% 0 3%;position: relative;z-index: 1;}
.yz .desc p{font-size: 1rem;color: #666;line-height: 1.6rem;margin-top: 1rem;}
.yz .desc em{color: #666;font-size: 1rem;line-height: 1rem;margin-top: 1rem;display: block;height: 3rem;text-align: right;}
.yz .desc em img{display: inline-block;width: 6.8rem;vertical-align: middle;}
.yz .desc i{display: block;margin-top: 1rem;line-height: 0;margin-left: -3%;}
.yz .info{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;margin-top: 3.5rem;position: relative;z-index: 1;}
.yz .info li{text-align: center;height: 4.35rem;border-right: 1px solid #D3D3D3;box-sizing: border-box;width: 25%;}
.yz .info li:last-child{border-right: none;}
.yz .info li em{font-size: 2rem;color: #076f6d;line-height: 1.7rem;display: block;font-weight: bold;letter-spacing: -0.05rem;}
.yz .info li em img{width:auto;height:1.35rem;margin:0 auto;display:block;}
/*.yz .info li em i{width: 1.1rem;height: 1.1rem;background: #076f6d;color: #fff;text-align: center;line-height: 1.1rem;font-size: 0.7rem;display: inline-block;border-radius: 50%;vertical-align: bottom;font-weight: normal;margin-left: 0.2rem;}*/
.yz .info li em span{display: block;color: #999;font-size: 0.6rem;line-height: 0.6rem;text-transform: uppercase;font-weight: normal;margin-top: 0.55rem;margin-bottom: 0.55rem;}
.yz .info li b{display: block;font-size: .9rem;line-height: 0.9rem;color: #0B0B0B;font-weight: normal;}


/* */
.tb{padding-top: 2.5rem;}
.tb .con{margin: 1.35rem 3.125% 0;}
.tb .con dl{transition: all .25s linear;}
.tb .con dt img{display: block;}
.tb .con dd{padding-left: 2.7rem;padding-top: 2.15rem;position: relative;}
.tb .con dd h3{display: block;font-weight: normal;}
.tb .con dd h3 b{font-size: 1.9rem;color: #232323;font-weight: normal;display: inline-block;width: 34%;line-height: 1.9rem;vertical-align: top;}
.tb .con dd h3 b span{font-size: .6rem;line-height: .6rem;text-transform: uppercase;color: #232323;display: block;margin-top: .35rem;}
.tb .con dd h3 p{display: inline-block;width: 66%;font-size: 1.2rem;line-height: 1.4rem;vertical-align: top;}
.tb .con dd > p{font-size: 1rem;line-height: 1.4rem;color: rgba(35,35,35,0.7);margin-top: 1rem;margin-bottom: 2rem;}
.tb .con dd em{background: url(../images/tb-tbg.png) no-repeat;width: 2rem;height: 5.55rem;box-sizing: border-box;background-size: 100% 100%;display: block;position: absolute;left: 0;top: -1.5rem;text-align: center;color: #fff;font-size: 1.3rem;padding-top: 3.65rem;}
.tb .con dl.none{height: 0;overflow: hidden;}
.tb .con dl.cur{height: auto;overflow: hidden;}
.tb .con dl:last-child{margin-bottom: 0;}
.tb .more{margin: 0 3.125%;}

/*产品品鉴*/
.pro{padding-top: 0.3rem;}
.pro .tit{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;margin: 1.5rem 3.125% 0.5rem;background: #E7E7E7;}
.pro .tit h3{width: 33%;text-align: center;line-height: 3rem;height: 3rem;border-right: 1px solid #fff;box-sizing: border-box;border-bottom: 1px solid #fff;}
.pro .tit h3 a{display: block;}
.pro .tit h3.cur{background: #076f6d;}
.pro .tit h3.cur a{color: #fff;}

.pro .con{margin: 0 1.125% 0;overflow: hidden;}
.pro .con2{margin: 0.5rem 3.125% 0;overflow: hidden;display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;position: relative;}
.pro .con2 h4{display: block;text-align: center;height: 2.5rem;line-height: 2.5rem;background: #eee;margin-top: 1px;}
.pro .con2 .prev{position: absolute;z-index: 1;width: 1.5rem;box-shadow:0.15rem 0.05rem 0.25rem 0px rgba(0, 0, 0, 0.57);top:4.5rem;left: 0;}
.pro .con2 .next{position: absolute;z-index: 1;width: 1.5rem;box-shadow:0.15rem 0.05rem 0.25rem 0px rgba(0, 0, 0, 0.57);top:4.5rem;right: 0;}


.pro11{padding-top: 0.3rem;}
.pro11 .tit{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;margin: 1.5rem 3.125% 0.5rem;background: #E7E7E7;}
.pro11 .tit h3{width: 49%;text-align: center;line-height: 3rem;height: 3rem;border-right: 1px solid #fff;box-sizing: border-box;border-bottom: 1px solid #fff;}
.pro11 .tit h3 a{display: block;}
.pro11 .tit h3.cur{background: #076f6d;}
.pro11 .tit h3.cur a{color: #fff;}


/*工程应用*/
.yy{padding-top: 3.85rem;padding-bottom: 1rem;border-bottom: 0.5rem solid #DEDEDE;}
.yy .tit{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;margin: 1.5rem 3.125% 0.5rem;border-top: 1px solid #959595;border-left: 1px solid #959595;}
.yy .tit h3{width:50%;border-right: 1px solid #959595;border-bottom: 1px solid #959595;box-sizing: border-box;height:50px;line-height:50px;}
.yy .tit h3:nth-child(3n-1){width: 50%;}
.yy .tit h3 em{display: inline-block;vertical-align: middle;width: 1.3rem;height: 1.3rem;background: #0E0E0C;text-align: center;line-height: 1.3rem;border-radius: 50%;overflow: hidden;color: #fff;font-weight: bold;font-size: .8rem;}
.yy .tit h3 p{display: inline-block;vertical-align: middle;font-size: 1.3rem;line-height: 0.2rem;}
.yy .tit h3 p span{display: block;font-size: .6rem;line-height: 0.6rem;color: #999;text-transform: uppercase;margin-top: 0.3rem;}
.yy .tit h3.cur{background: #EDEDED;}
.yy .tit h3.cur em{background: #076f6d;}
.yy .con{margin: 0 3.125% 0;overflow: hidden;position: relative;}
.yy .con2{margin: 0 3.125% 0;overflow: hidden;margin-top: 0.5rem;}
.yy .swiper-pagination{line-height: 0;text-align: left;width: auto;display: inline-block;margin-top: 1.8rem;width: 100%;text-align: center;bottom: 1.4rem;}
.yy .swiper-pagination-bullet{width: 0.5rem;height: 0.5rem;background: #000;opacity: 1;border-radius:50%;margin: 0 0.2rem!important;}
.yy .swiper-pagination-bullet-active{background: #076f6d;width: 2rem;border-radius: 0.25rem;}
.yy .code{margin: 0 3.125% 0;background: #076f6d;display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;box-sizing: border-box;padding: 0.9rem 0 .85rem 0;border-bottom: 0.2rem solid #000;}
.yy .code em{font-size: 1.7rem;line-height: 1.7rem;font-weight: bold;color: #fff;letter-spacing: 0;padding-left: 4.5%;width: 42%;}
.yy .code em a{color: #fff;}
.yy .code em span{display: block;font-weight: normal;font-size: 1rem;line-height: 1rem;margin-bottom: .7rem;margin-top: 0.5rem;white-space: nowrap;}
.yy .code p{height: 4.5rem;width: 29%;border:1px solid #fff;border-radius: 0.5rem;padding: 0.5rem 0 0 0.75rem;box-sizing: border-box;color: #fff;font-size: 1.1rem;line-height: 1.6rem;}
.yy .code i{margin-right: 4%;width: 15%;}



/*匠人优势*/
.ys{padding-top: 3.5rem;}
.ys .con{margin: 1.35rem 3.125% 0;}
.ys .con dl{transition: all .25s linear;}
.ys .con dt{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.ys .con dt li{display: block;width: 49%;height:auto;}
.ys .con dt li:nth-child(1){width:100%;margin-bottom: 0.5rem;}
.ys .con dd{background: #f5f5f5;margin-top: 0.15rem;box-sizing: border-box;position: relative;padding: 1rem 0.8rem 1rem .9rem;margin-bottom: 1.8rem;}
.ys .con dd i{display: block;font-size: 3.5rem;color: #076f6d;font-weight: bold;line-height: 82%;}
.ys .con dd h3{display: block;font-size: 1.85rem;color: #000;line-height: 1.8rem;margin-top: 0.7rem;margin-bottom: 2.2rem;}
.ys .con dd p{display: block;font-size: 1rem;line-height: 1.8rem;color: #666;}
.ys .con dd ul{position: absolute;top: 0.8rem;left: 10rem;}
.ys .con dd ul:before{content: "";display: block;border-left: 1px solid rgba(0,0,0,0.5);height: 4.4rem;position: absolute;left: 1.67rem;top: .85rem;}
.ys .con dd ul li{font-size: 1.2rem;line-height: 2rem;padding-left: 1.5rem;position: relative;}
.ys .con dd ul li:before{content: "";display: inline-block;width:0.4rem; height:0.4rem; background:rgba(0,99,97,1); border-radius:50%;vertical-align: top;margin-top: .85rem;margin-right: 1.1rem;}
.ys .con dl.none{height: 0;overflow: hidden;}
.ys .con dl.cur{height: auto;overflow: hidden;}
.ys .more{margin: 0 3.125%;}



/*彩钢艺术馆*/
.ysg{height: 26.65rem;padding-top: 2.65rem;margin-top: 0.65rem;background-size: 100% 100%;box-sizing: border-box; background-color:#FFFFFF}
.ysg h2 span{color: #000;}
.ysg .con{margin: 1.8rem 3.125% 0;overflow: hidden;display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;position: relative;}
.ysg .con h4{display: block;text-align: center;height: 3.5rem;line-height: 3.5rem;background: #fff;margin-top: 1px;box-shadow:0px 0.15rem 0.25rem 0px rgba(0, 0, 0, 0.13);margin-bottom: 1rem;font-size: 1rem;color: #000;}
.ysg .con .prev{position: absolute;z-index: 1;width: 1.5rem;box-shadow:0.15rem 0.05rem 0.25rem 0px rgba(0, 0, 0, 0.57);top:4.85rem;left: 0;}
.ysg .con .next{position: absolute;z-index: 1;width: 1.5rem;box-shadow:0.15rem 0.05rem 0.25rem 0px rgba(0, 0, 0, 0.57);top:4.85rem;right: 0;}



/*彩钢资讯*/
.new{padding-top: 2.6rem;padding-bottom: 1.75rem;}
.new .tit{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;margin: 1.6rem 3.125% 1rem;}
.new .tit h3{width: 46.33%;text-align: center;font-weight: bold;}
.new .tit h3 a{display: block;}
.new .tit h3.cur a{color: #016c6b;}
.new .con{margin: 0 3.125% 0;background: #f7f7f7;overflow: hidden;}
.new .con dt{width: 46.65%;line-height: 0;display:block;float: left;}
.new .con dd{display: block;float: left;margin-left: 2.66%;width: 48.5%;position: relative;}
.new .con dd h4 a{font-size: 1.1rem;color: #000;line-height: 1.1rem;display: block;margin-top: 1.1rem;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.new .con dd p{font-size: 1rem;line-height: 1.3rem;color: #666;margin-top: .6rem;}
.new .con dd em a{display: block;width: 6.5rem;line-height: 1.8rem;background: url(../images/new-more.png) no-repeat;background-size: 100% 100%;margin-top: 0.65rem;color: #fff;text-indent: 0.9rem;}
.new .con ul{padding:0.7rem .8rem 1.2rem .8rem;}
.new .con ul li{line-height: 2.5rem;height: 2.5rem;border-bottom: 1px dashed #959595;}
.new .con ul li a{display: block;}
.new .con ul li em{float: right;}



/*匠人印象*/
.abt{background: url(../images/abt-pic.jpg) no-repeat center top;background-size: 100% 27.6rem;padding-top: 14rem;}
.abt .con{background: #fff;margin: 0 3.125% 0;padding-top: 3rem;}
.abt .desc{text-align: center;font-size: 1rem;color: #666;line-height: 1.5rem;margin-top: 1.75rem;padding: 0 6%;}
.abt .desc a{font-size: 1rem;display: block;color: #076f6d;}
.abt .info{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;margin: 0 6%;}
.abt .info dl{width: 50%;margin-top: 3.1rem;position: relative;box-sizing: border-box;}
.abt .info dl:nth-child(odd):after{content: "";display: block;width: 2rem;height: 1px;background:rgba(0,0,0,0.2);position: absolute;right: 0;top: 1rem;}
.abt .info dl:nth-child(even){padding-left: 6%;}
.abt .info dl dt{display: inline-block;width: 2.3rem;margin-right: 0.5rem;}
.abt .info dl dd{display: inline-block;}
.abt .info dl dd a{display: block;}
.abt .info dl dd h3{font-size: 1rem;line-height: 1rem;color: #333;}
.abt .info dl dd h3 span{display: block;font-size: 0.6rem;line-height: 0.6rem;text-transform: uppercase;color: #999;margin-top: 0.45rem;}



/**/
@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;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}