﻿.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:5.6rem;overflow: hidden;position: relative;font-size:1.2rem;background: #2a2a2a;}
nav:before{content:"";position:absolute;left:0;top:2.75rem;width: 100%;height:1px;overflow: hidden;background: #0d0d0d;border-top: solid 1px #474747;}
nav a{width:33.3%;float:left;display: block;height:2.75rem;line-height:2.75rem;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: #474747;border-left: solid 1px #0d0d0d;}
nav a:nth-child(1){background:#af0016;}
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-grua{background: #ededed;padding: 0 4.688% 0;overflow: hidden;font-size: 1.2rem;color: #666;line-height: 1.85rem;position: relative;}
.m-grua:before{content: "";position: absolute;widows: 1px;height: 25.4rem;border-left:dashed 1px #af0016;left:3.3rem;top:9.8rem;z-index:-1;}
.m-grua h2,.m-case h2{margin-bottom: 10px;height:6.15rem;font-size: 1.5rem;color: #000;line-height:2.1rem;text-align: center;}
.m-grua h2 b,.m-case h2 b,.til01 b{position:relative;font-size:1.8rem;line-height:2.95rem;}
.m-grua h2 b em,.til01 b em{font-size:2.7rem;color: #af0016;font-style:italic;}
.m-grua h2 span,.m-case h2 span,.til01 span{position: relative;}
.m-grua h2 b:before,.m-grua h2 span:before,.m-pro h2 b:before,.m-pro h2 b:after,.til01 span:before,.til01 span:after{content: "";position: absolute;width:2.6rem;height: 1rem;background:url(../images/ico01.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.m-grua h2 b:before,.m-case h2 b:before{top:0.85rem;right: 0;}
.m-grua h2 span:before,.m-case h2 span:before{top:0.5rem;left: 0;}
.grua_c li{height:8.9rem;}
.grua_c li span{width: 12.41%;float: left;display: block;}
.grua_c li img{width: 100%;}
.grua_c li p{width:81.72%;float: left;padding: 0.6rem 0 0 5.87%}
.grua_c li p b{display: block;height: 2.35rem;font-size: 1.5rem;color: #000;}

/*案例*/
.m-case{padding:2.65rem 0 0;height:29.7rem;overflow: hidden;background:url(../images/casebg.jpg) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;clear: both;}
.swiper-slide{overflow: hidden;}
.m-case h2,.m-case h2 b{color: #fff;}
.m-case h2 b:before,.m-case h2 span:before{content: "";position: absolute;width:2.6rem;height: 1rem;background:url(../images/ico02.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.caset1{height:7.5rem;}
.casetil li,.caset1 p{width:27.81%;float: left;text-align: center;font-size: 1.2rem;border: solid 1px #676876;height:2.35rem;color: #fff;line-height:2.35rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;margin: 0 0 0.7rem 3.75%;}
.casetil li:nth-child(3n-1){margin-left: 4.53%;}
.casetil li.cur{border: solid 1px #fff;}
.casecon dl{padding:0 0 1.9rem;background:url(../images/ge02.png) no-repeat center bottom; -webkit-background-size:100% 1.9rem; -moz-background-size: 100% 1.9rem; -o-background-size: 100% 1.9rem; background-size: 100% 1.9rem;}
.casecon dt,.casecon dt img,.edge_c dt,.edge_c dt img{display: block;width: 100%;}
.casecon dd{padding:0.15rem 5% 0;height:7.5rem;color: #6c6b6b;font-size: 1.2rem;line-height:1.5rem;background: #eee;}
.casecon dd h4{font-size: 1.2rem;color: #4a4a4a;height:3.05rem;line-height:3.05rem;overflow: hidden;font-weight: bold;}
.casecon dd p{height:3rem;overflow: hidden;}
.casecon dd b{color:#005faf;font-weight: normal;}
.case_c{overflow: hidden;height: 18rem;position: relative;}
.case_cl p{width: 87.8%;margin-left:6.5%;}
.case_cl p span{display: block;text-align: center;color: #fff;font-size: 0.9rem;line-height: 1.2rem;margin-top: 0.2rem;}
.prev,.next{width: 5rem;height: 1.95rem;display: block;position: absolute;top:10.7rem;right: 32.8125%;z-index: 1;}
.prev{left: 32.8125%;}


/*产品*/
.m-pro{padding:0.95rem 2.344% 0;height:68.5rem;position: relative;background: #ededed;}
.m-pro h2{font-size:2rem;height:5rem;text-align: center;position: relative;color: #af0016;line-height: 5rem;z-index: 1;white-space: nowrap;font-style: italic;font-weight: bold;}
.m-pro h2 b{padding: 0 3.6rem;position: relative;display: inline-block;}
.m-pro h2 b:before,.m-pro h2 b:after{top:2rem;right: 0;}
.m-pro h2 b:before{left: 0;}
.protil{height:6.9rem;line-height:2.35rem;text-align: center;font-size: 1.2rem;}
.protil li{font-size: 1.2rem;color: #000;width:44.219%;height:2.35rem;margin: 0 0 0.7rem 2.5%;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #d5d5d5;text-align: center;}
.protil li:nth-child(2n-1){margin-left: 4.53%;}
.protil li.cur{color: #af0016;border-color: #af0016;}
.pro_c dl{height:29.1rem;line-height:1.9rem;font-size: 1.2rem;color: #666; overflow: hidden;}
.pro_c dd h3{height:3.1rem;line-height:3.1rem;font-size: 1.5rem;color: #000;}
.pro_c li{width:48%;float: left;font-size: 1.2rem;text-align: center;height: 13.15rem;}
.pro_c li,.chara_c ul a,.show1 p{/*background:url(../images/ge01.png) no-repeat center bottom;*/ -webkit-background-size:100% 1.2rem; -moz-background-size: 100% 1.2rem; -o-background-size: 100% 1.2rem; background-size: 100% 1.2rem;}
.pro_c ul a:nth-child(2n) li{margin-left: 4%;}
.pro_c li img{width:100%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;display:block;border: solid 1px #dedede;}
.pro_c li span{display: block;text-align:center;line-height:2.25rem;color: #6c6b6b;}

/*PK 1*/
.m-ppk{height: 32.7rem;color: #fff;font-size: 1.2rem;line-height: 1.8rem;background:url(../images/pkbg.jpg) no-repeat 0 bottom #ededed; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.til01{height:6.2rem;font-size: 1.5rem;color: #000;text-align: center;font-style: italic;}
.til01 b{padding: 0;display: block;}
.til01 span{padding: 0 3rem;}
.til01 span:before,.til01 span:after{top:0.55rem;}
.til01 span:before{left: 0;}
.ppktil{height: 7.5rem;text-align: center;font-weight: bold;line-height: 4.8rem;}
.ppktil li{height: 4.8rem;width: 15%;float: left;margin: 0 0 0 11.56%;font-size: 1rem;background:url(../images/pk_ico4.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.ppktil li.cur{background:url(../images/pk_ico5.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.ppktil li:nth-child(1){margin: 0 0 0 2.81%;}
.ppk_cl{position: relative;}
.ppk_ico1{width:4.85rem;height: 4.85rem;top: 1.45rem;left:50%;margin-left:-2.425rem;position: absolute;display: block;z-index: 1;}
.ppk_cl dl{width: 50%;height: 17.5rem;float: left;}
.ppk_cl dt{position: relative;}
.ppk_cl img{width: 100%;}
.ppk_cl dt img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;background: #fff;padding: 0.1rem;border: solid 1px #c8c8c7;}
.ppk_cl dt em{position:absolute;width: 2.4rem;height: 2.4rem;left: 0;top: 0;background:url(../images/pk_ico3.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.ppk_cl dd h3{height:2.7rem;line-height: 2.7rem;font-size: 1.5rem;font-weight: bold;}

/*PK 2*/
.m-pkk{height: 29.05rem;padding: 0.5rem 0 0;overflow: hidden;font-size: 1.2rem;color: #666;line-height: 1.8rem;background: #ededed;}
.m-pkk h2{height:5.3rem;line-height: 5.3rem;color: #000;font-size: 1.3rem;font-weight: bold;text-align: center;}
.pkk_c{height: 20rem;overflow: hidden;}
.pkk_c .ppk_cl dt img{border-color:#f7f7f7;}
.pkk_c .ppk_cl dd h3{color: #222;}
.pkktil li,.edgetil li{width: 0.95rem;height: 0.95rem;border-radius: 0.95rem;background: #9e9e9e;float: left;margin: 0 0 0 5.938%;}
.pkktil li.cur,.edgetil li.cur{background: #af0016;}
.pkktil li:nth-child(1){margin: 0 0 0 44%;}

/*优势*/
.m-edge{padding:2.2rem 4.688% 0;height:53.4rem;color: #666;font-size:1.1rem;line-height:1.95rem;clear: both;position: relative;border-top: solid 0.35rem #af0016;}
.m-edge:before{content: "";position: absolute;width: 0;height: 0;left: 50%;top: 0;border-top: solid 0.5rem #af0016;border-left: solid 0.5rem transparent;border-right: solid 0.5rem transparent;}
.edge_c{height: 42.8rem;}
.edge_c dt{height: 23.3rem;}
.edge_c dd h3{font-size: 1.4rem;height:5.3rem;line-height:2rem;color: #000;padding: 0 0 0 1.3rem;}
.edge_c dd h3 b{display: block;font-size: 1.8rem;color: #af0016;line-height: 2.4rem;}
.edge_c dd li{clear: both;padding: 0 0 0.5rem 1.3rem;position: relative;}
.edge_c dd li:before{content: "";position: absolute;width: 0.55rem;height: 0.55rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);border-top: solid 0.15rem #999;border-right: solid 0.15rem #999;display: block;left: 0;top: 0.65rem;}
.edgetil li:nth-child(1){margin: 0 0 0 35%;}

/*关于*/
.m-about{height:24.7rem;overflow: hidden;line-height: 1.8rem;color: #666;font-size:1.2rem;position: relative;}
.m-about h2{position: absolute;font-size:1.1rem;color: #000;line-height:1.6rem;top:1.65rem;left:0;width:100%;text-align: center;}
.m-about h2 b{display: block;font-size:1.6rem;line-height: 1.8rem;color: #af0016;}
.about_c dl{height: 21.5rem;overflow: hidden;}
.about_c dt,.about_c dt img{width:100%;display: block;}
.about_c dd{padding:1rem 6.8% 0;color: #666;}
.about_c dd h3{display: block;font-size: 1.2rem;color: #000;height:2.65rem;line-height:2.65rem;text-align: center;}
.more02{border-top: solid 1px #dedede;border-bottom: solid 1px #dedede;height: 3.05rem;line-height: 3.05rem;display: block;text-align: center;background-color:#fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0)); 
    background-image: -webkit-linear-gradient(top, #fff, #f0f0f0); 
    background-image: -moz-linear-gradient(top,  #fff, #f0f0f0); 
    background-image: -o-linear-gradient(top,  #fff, #f0f0f0); 
    background-image: -ms-linear-gradient(top, #fff, #f0f0f0); 
    background-image: linear-gradient(top, #fff, #f0f0f0);}
.more02 span{display:inline-block;padding: 0 0 0 1.7rem;color: #888;background:url(../images/ico03.gif) no-repeat 0 1.05rem; -webkit-background-size:0.95rem 0.95rem; -moz-background-size: 0.95rem 0.95rem; -o-background-size: 0.95rem 0.95rem; background-size: 0.95rem 0.95rem;}

/*资讯*/
.m-news{height:19rem;overflow: hidden;clear: both;}
.m-news h2{height:3.75rem;overflow: hidden;line-height: 3.75rem;background: #af0016;text-align: center;font-size: 1.5rem;color: #fff;font-weight: bold;}
.newt01{padding: 0 4.688%;height: 4.8rem;line-height: 4.8rem;font-size: 1.2rem;overflow: hidden;color: #000;}
.newt01 .more01{float: right;color: #000;}
.newstil li{float: left;}
.newstil li.cur{font-weight: bold;}
.news_c dl{height:8.2rem;line-height:1.8rem;color: #555;font-size:1.2rem;overflow: hidden;}
.news_c dt{width:40.625%;float: left;margin: 0 0 0 4.688%;}
.news_c dd{width:45.31%;float: left;padding: 0 0 0 4.219%;}
.news_c dd h3{font-size: 1.2rem;color: #000;height:1.8rem;line-height: 1.2rem;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.news_c dd b{font-weight: normal;color: #af0016;}


/*展示*/
.m-show{height:22.5rem;padding:0 3.125%;overflow: hidden;position: relative;}
.showtil{text-align: center;height:3.65rem;font-size: 1.2rem;line-height:1.75rem;}
.showtil li{width:29.83%;height:1.75rem;line-height:1.75rem;float: left;margin: 0 0 0 4.5%;overflow: hidden;background: #4d921b;color: #fff;}
.showtil li.cur{background: #fba412;}
.showtil li:nth-child(1){margin-left: 20.33%;}
.show_c{overflow: hidden;height:17.1rem;}
.swiper-slide{overflow: hidden;}
.show_cl{position: relative;height:19.2rem;}
.show_c .prev3,.show_c .next3{top:14.15rem;right:25.67%;}
.show_c .prev3{left:25.67%;}
.show_c ul li{float: left;height: 10.7rem;width: 47%;}
.show_c ul li span{display: block;font-size: 1.1rem;color: #303030;text-align: center;line-height: 2.8rem;}
.show_c ul a:nth-child(2n) li{margin-left:6%;}


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