.wrap img{width: 100%;display: block;}
/*广告*/
.g-adv { clear:both;height:auto;overflow:hidden;position: relative;}
.g-adv .m-cnt{position: absolute;top:16rem;left:44%;width:44%;z-index: 1;}
.g-adv .m-cnt li{width: 0.7rem;height: 0.7rem;border-radius: 0.7rem;background: #9d9483;margin: 0 0.75rem 0 0;float: left;}
.g-adv .m-cnt li.active{background: #fff;}

/*导航*/
nav{height:6.9rem;overflow: hidden;position: relative;font-size:1.2rem;background: #26365a;}
nav:before{content:"";position:absolute;left:0;top:3.45rem;width: 100%;height:1px;overflow: hidden;background: #4f5c79;}
nav a{width:33.3%;float:left;display: block;height:3.45rem;line-height:3.45rem;text-align: center;color: #fff;font-size:1.2rem;position: relative;z-index: 1;}
nav a:before{content: "";position: absolute;width:1px;height:100%;left: 0;top:0;background: #4f5c79;}
nav a:nth-child(1){background:#d40000;}
nav a:nth-child(3n-2):before{background:none;border: 0;}
nav a:hover,nav a:link,nav a:visited,nav a:active{ color:#fff;}

/*产品*/
.m-pro{padding:2.45rem 3.44% 0;height:41.2rem;background: #efeef4;overflow: hidden;}
.m-pro h2{height:2.1rem;line-height: 2.1rem;border-bottom: solid 1px #c6c9d5;overflow: hidden;font-size: 1.2rem;font-weight: bold;margin-bottom: 1.25rem;color: #233357;}
.pro_c dt{height: 21.8rem;position: relative;}
.pro_c dt span{width:1.35rem;height:3.9rem;padding:0.4rem 0.8rem;line-height: 1.45rem;background:url(../images/icobg1.png) no-repeat center 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;position: absolute;top: 0;left: 5%;color: #fff;font-weight: bold;font-size: 1.2rem;font-weight: bold;text-align: center;}
.pro_c dd h3{height:2.6rem;line-height: 2.6rem;border-bottom: solid 1px #c6c9d5;overflow: hidden;font-size: 1.2rem;margin-bottom:0.95rem;color: #233357;}
.pro_c dd h3 b{background:url(../images/ico03.gif) no-repeat right center; -webkit-background-size:1.05rem 1.05rem; -moz-background-size: 1.05rem 1.05rem; -o-background-size: 1.05rem 1.05rem; background-size: 1.05rem 1.05rem;display: inline-block;padding: 0 1.8rem 0 0;}
.pro_c dd p{height: 4.95rem;overflow: hidden;line-height: 1.9rem;font-size: 1rem;}
.pro_c dd span a{display: block;width: 7.85rem; line-height:2.05rem;font-size:0.9rem;font-weight: bold;background: #233357;color: #fff;text-align: center;border-radius: 0.15rem;}

.tit{text-align: center;font-weight: normal;}
.tit b{display: block;font-size: 2.4rem;color: #0f0f0f;line-height: 2.4rem;}
.tit i{display: block;font-size: 1.1rem;color: #4d4d4d;line-height: 1.1rem;padding-top: 0.8rem;}
/*pro*/
.pro{height: 36.4rem;padding: 4rem 4% 0;box-sizing: border-box;background: url(../images/pro_bg.jpg) no-repeat;background-size: 100% 42.4rem;}
.pro_ctg{height: 11.7rem;background: #fff;margin: 1.5rem 0;padding: 0 1rem;}
.pro_ctg li{float: left;width: 29%;margin-right: 6.5%;height: 11.7rem;}
.pro_ctg li:last-child{margin-right: 0;}
.pro_ctg li h3{height: 3.2rem;line-height: 3.2rem;font-size: 1.2rem;color: #030713;font-weight: normal;border-bottom: 1px solid #999ca2;margin-bottom: 0.5rem;}
.pro_ctg li h3 a{display: block;color: #030713;background: url(../resource/images/42d97ea70b4b42e0af7d776de5e54317_2.png) no-repeat right center;background-size: 1.3rem 1.3rem;}
.pro_ctg li p a{display: block;font-size: 1rem;color: #0f0f0f;line-height: 1.8rem;padding-left: 0.8rem;background: url(../resource/images/42d97ea70b4b42e0af7d776de5e54317_4.png) no-repeat left center;background-size: 0.4rem 0.6rem;white-space: nowrap;}
.pro_list li{float: left;width: 48%;background: #fff;}
.pro_list li span{display: block;height: 3.2rem;line-height: 3.2rem;font-size: 1.1rem;color: #0F0F0F;border-top: 1px solid #e9eaeb;font-weight: normal;background: url(../resource/images/42d97ea70b4b42e0af7d776de5e54317_6.png) no-repeat 94.5% center;background-size: 1.3rem 1.3rem;padding: 0 1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*品质*/
.m-gord{padding: 3.35rem 3.125% 0;height:39.1rem;}
.til01{font-size:1.5rem;height:6.15rem;text-align: center;position: relative;color: #333;line-height:2.05rem;z-index: 1;white-space: nowrap;font-weight: bold;}
.til01:before{content: "";position: absolute;width:3.7rem;height:0.1rem;left:50%;margin-left:-1.85rem;top:4.2rem;z-index: -1;background:#2a395c;}
.til01 b{color: #c00;}
.til01 em{font-size:0.65rem;line-height: 2.1rem;color: #9c9b9e;display: block;font-family: Arial;text-transform: uppercase;}
.til01 span{font-size:1rem;line-height:1.4rem;color: #2f2c35;display: block;font-weight: normal;}
.gord_c dl{width: 46.5%;float: left;height: 15.5rem;color: #555;font-size: 0.9rem;line-height: 1.25rem;}
.gord_c dt,.gord_c dt img{width:100%;display: block;}
.gord_c dd{padding: 0 0 0 15.77%;position: relative;}
.gord_c dd h3{height: 3.3rem;line-height: 2.4rem;font-size:1rem;color: #26365a;font-weight: bold;position: relative;color: #26365a;white-space: nowrap;}
.gord_c dd h3 a{color: #26365a;}
.gord_c dd h3:before{content: "";position: absolute;width: 2.95rem;height: 0.15rem;background: #26365a;left: 0;top: 2.4rem;}
.gord_c dd:before{content: "01";position: absolute;width: 1.7rem;height: 3.6rem;text-align: center;overflow: hidden;line-height: 5rem;font-family: Arial;font-size: 1.05rem;color: #fff;left: 0;top: -0.9rem;background: #26365a;}
.gord_c dl:nth-child(2n){margin-left:7%;}
.gord_c dl:nth-child(2) dd:before{content: "02";}
.gord_c dl:nth-child(3) dd:before{content: "03";}
.gord_c dl:nth-child(4) dd:before{content: "04";}

/*案例*/
.m-plan{padding: 3.5rem 3.125% 0;height: 46.1rem;background: #eee;line-height: 1.5rem;font-size: 1rem;color: #333;overflow: hidden;position: relative;}
.m-plan .til01{color: #233357;}
.part{height:7.5rem;overflow: hidden;padding:1.15rem 0 0;}
.part li{float: left;width: 33.3%;}
.part li img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #cfcfcf;padding: 0 0.4rem;border-left: 0;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.part li.cur img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);}
.part li:last-child img{border-right: 0;}
.plan_l{position: relative;overflow: hidden;height: 31rem;}
.plan_c dl{font-size: 1rem;color: #333;line-height: 1.5rem;}
.plan_c dt{height: 11.9rem;}
.plan_c dd ul{height:12.65rem;overflow: hidden;}
.plan_ico a{height:1.9rem;width: 7.15rem;text-align: center;background: #233357;line-height: 1.9rem;color: #fff;margin: 0 0.6rem 0 0;display: inline-block;}
.plan_ico a:nth-child(1){background: #df0000;}
.prev1,.next1{width:2.3rem;height: 1.5rem;display: block;overflow: hidden;position: absolute;top:27rem;right: 31.29%;z-index:99;}
.prev1{left: 31.29%;}

/*广告*/
.m-gg,.m-gg img{display: block;width: 100%;color: #fff;position: relative;font-size: 0.8rem;}
.gg01{height: 2.1rem;line-height: 2.1rem;top:6.1rem;left:38.59%;position: absolute;color: #fff;}
.gg02{width: 31.72%;height: 2.6rem;line-height:1.05rem;top:3.95rem;right:0.3rem;position: absolute;color: #fff;}
.gg02 b{display: block;font-size: 1.3rem;letter-spacing: -1px;line-height: 1.3rem;white-space: nowrap;}

/*优势*/
.m-edge{padding:2.85rem 3.125% 0;height:46rem;color: #666;font-size:0.8rem;line-height:1.4rem;clear: both;position: relative;overflow: hidden;margin-bottom: 1.5rem;}
.m-edge .prev1,.m-edge .next1{top:45rem;}
.edge_c{height:40rem;}
.witn_c{height:22rem;}
.edge_c,.witn_c{overflow: hidden;}
.edge_c dd{height:14.2rem;padding: 0 0 0 17.66%;position: relative;}
.edge_c dd:before{content: "";position: absolute;width:3.95rem;height: 6.15rem;top: 0;left: 0;background:url(../images/edge_ico1.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge_c  .swiper-slide:nth-child(3) dl dd:before{background:url(../images/edge_ico2.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge_c  .swiper-slide:nth-child(4) dl dd:before{background:url(../images/edge_ico3.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge_c  .swiper-slide:nth-child(5) dl dd:before{background:url(../images/edge_ico4.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge_c  .swiper-slide:nth-child(5) dd{height: 11.9rem;}
.edge_c dd h3{font-size: 1.2rem;height:4.3rem;line-height:1.7rem;color: #030f28;margin-bottom: 0.7rem;border-bottom: dashed 1px #666;}
.edge_c dd h3 b{display: block;color: #ea1919;line-height:1.65rem;}
.edge_c dd li{clear: both;padding: 0 0 0.8rem 0.65rem;line-height: 1.4rem;position: relative;}
.edge_c dd li:before{content: "";position: absolute;width: 0.35rem;height: 0.1rem;background: #ccc;left: 0;top: 0.8rem;}

/*见证*/
.m-witn{padding:3.05rem 4.688% 0;font-size:0.9rem;color: #555;line-height:1.3rem;height: 27.5rem;position: relative;overflow: hidden;margin-bottom:2rem;}
.m-witn .til01,.m-about .til01{font-size:2rem;color: #26365a;line-height:2.2rem;}
.witn_c dl{height: 15rem;background: #f1f1f1;overflow: hidden;}
.witn_c dt{width: 47.8%;float: right;position: relative;}
.witn_c dt span{width:44.68%;position: absolute;top: 3.15rem;left: -1.2rem;display: block;}
.witn_c dt span img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding:0.15rem;background: #fff;}
.witn_c dd{width: 37.29%;padding: 2.1rem 0 0 6.78%;float: left;font-size: 0.9rem;color: #555;line-height: 1.3rem;}
.witn_c dd h3{height: 3.3rem;border-bottom: solid 0.1rem #d3d3d3;overflow: hidden;margin-bottom: 0.65rem;font-size: 0.9rem;color: #333;white-space: nowrap;}
.witn_c dd h3 b{color: #233357;line-height: 1.2rem;display: block;}
.witn_c dd p{display: block;height:6rem;overflow: hidden;background:url(../images/ico02.gif) no-repeat 0 bottom; -webkit-background-size:0.8rem 0.8rem; -moz-background-size: 0.8rem 0.8rem; -o-background-size: 0.8rem 0.8rem; background-size: 0.8rem 0.8rem;padding: 0 0 1rem;}

/*关于*/
.m-box1{padding: 3.6rem 3.125% 0.8rem;background: #f1f1f1;line-height: 1.55rem;}
.m-about{height:32.8rem;overflow: hidden;line-height: 1.5rem;color: #666;font-size:1rem;position: relative;clear: both;display: block;}
.about_c dt{width:100%;display: block;height: 19.6rem;}
.about_c dd{color: #666;}
.about_c dd p b{font-weight: normal;display: block;}

/*相册*/
.m-show{height:20.4rem;overflow: hidden;position: relative;}
.showtil{height: 3rem;line-height: 2rem;font-size: 1rem;color: #3f3f3f;font-weight: bold;}
.showtil li{float: left;padding: 0 1.5rem 0 0;}
.showtil li.cur{color: #df0000;}
.swiper-slide{overflow: hidden;}
.show_c{height: 17.1rem;}
.show_l{position: relative;}
.show_l .prev1,.show_l .next1{top:13.1rem;}
.show_cl p{float: left;float: left;padding-bottom: 1.2rem;}
.show_cl p img{display: block;}
.show_cl p span{display: block;line-height:2.35rem;height:2.35rem;color: #666;white-space: nowrap;overflow: hidden;font-size:0.9rem;border-bottom: solid 1px #bbb;padding: 0 2.1rem 0 0.15rem;background:url(../images/ico03.gif) no-repeat 89.8% 0.7rem; -webkit-background-size:1.05rem 1.05rem; -moz-background-size: 1.05rem 1.05rem; -o-background-size: 1.05rem 1.05rem; background-size: 1.05rem 1.05rem;}

/*资讯*/
.m-news{height:16.3rem;overflow: hidden;clear: both;margin: 3.2rem 0 0;}
.newstil{height:3rem;line-height:3rem;font-size:0.8rem;font-weight: bold;margin-bottom: 1.05rem;background: #233357;color: #fff;}
.newstil li a{color: #fff;height:3rem;display:block;}
.newstil li{float: left;color: #fff;width: 32.5%;text-align: center;}
.newstil li em{display: inline-block;padding: 0 0 0 2.2rem;position: relative;}
.newstil li em:before{content: "";position: absolute;width:1.7rem;height: 1.3rem;left: 0;top: 0.9rem; background:url(../images/ico04.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.newstil li:nth-child(2) em:before{background:url(../images/ico05.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.newstil li.cur{background: #df0000;font-size: 1rem;}
.newstil span{float: right;width: 13.44%;color: #fff;display:block;}
.news_c li{height:2.45rem;line-height: 2.45rem;padding: 0 7%;position: relative;color: #666;font-size:1rem;}
.news_c li:before{content: "";position: absolute;width:0.45rem;height:0.45rem;border-radius: 0.45rem; left:3.44%;top:1.1rem; background: #666;}
.news_c ul{height: 18.3rem;}
.news_c ul a:last-child li{border: 0;}




html {font-size: 10px;}
@media screen and (min-width: 320px) {
    html {
        font-size: 10.625px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 11.875px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 13.125px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 14.375px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 15.625px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 16.875px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 18.125px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 19.375px;
    }
}
@media screen and (min-width: 640px) {
        html {
            font-size: 20px;
        }
    }