﻿.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.7rem;overflow: hidden;position: relative;background: #787878;font-size:1.2rem;}
nav:before{content:"";position:absolute;left:0;top:3.35rem;width: 100%;height:1px;overflow: hidden;background: #8e8e8e;}
nav a{width:33.3%;float:left;display: block;height:3.35rem;line-height:3.35rem;text-align: center;color: #fff;font-size:1.2rem;position: relative;z-index: 1;}
nav a:before{content: "";position: absolute;width:1px;height:1.35rem;left: 0;top:1rem;background: #afafaf;}
nav a:nth-child(1){background:#29166f;}
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-case{padding: 2.65rem 0 0;}
.til01{font-size:1.1rem;height: 6.1rem;text-align: center;position: relative;color: #363636;line-height: 1.7rem;z-index: 1;white-space: nowrap;}
.til01:before{content: "";position: absolute;width: 61.875%;height: 2.3rem;border: solid 0.15rem #e5e5e5;left:19.84%;top:1.05rem;z-index: -1;}
.til01 b{padding: 0 0.15rem;background:#fff;font-size: 2rem;line-height: 2.5rem;display: block;margin: 0 36.8%;}
.til01 span{padding: 0 0.15rem;background:#fff;}
.casetil{height: 20rem;}
.casetil li{width:33.3%;float: left;text-align: center;font-size: 1.33rem;border-bottom: solid 1px #e0e1e0;padding: 1.5rem 0 0;height:8.9rem;color: #363636;line-height: 3.5rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.casetil a:nth-child(3n-1) li{border-left: solid 1px #e0e1e0;border-right: solid 1px #e0e1e0;}
.casetil li span{width:31.92%;display: block;margin:0 auto;}
.casecon{padding: 0 4.375%;}
.casecon dt,.casecon dt img{display: block;width: 100%;}
.casecon dt img{border: solid 1px #c5c5c4;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.casecon dd{padding: 1.1rem 0 0;height: 15.25rem;color: #8d8d8d;text-align: center;font-size: 1.3rem;line-height: 2rem;}
.casecon dd h4{font-size: 1.33rem;color: #363636;height: 3rem;line-height: 3rem;overflow: hidden;}
.casecon dd p{height:8rem;overflow: hidden;}
.casecon dd span{display: block;}
/*产品*/
.m-pro{padding:1.55rem 0 0;height:42.45rem;background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#fff), to(#e5e5e5)); 
    background-image: -webkit-linear-gradient(top, #e5e5e5, #fff, #e5e5e5); 
    background-image: -moz-linear-gradient(top, #e5e5e5, #fff, #e5e5e5); 
    background-image: -o-linear-gradient(top, #e5e5e5, #fff, #e5e5e5); 
    background-image: -ms-linear-gradient(top, #e5e5e5, #fff, #e5e5e5); 
    background-image: linear-gradient(top, #e5e5e5, #fff, #e5e5e5);}
.m-pro .til01{height:5.65rem;}
.m-pro .til01:before{width: 61.875%;left: 18.75%;border-color: #363636;}
.m-pro .til01 b,.m-pro .til01 span{background: #e8e8e8;}
.m-pro .til01 b{margin: 0 30%;}
.protil{height:6.7rem;line-height:2.4rem;text-align: center;}
.protil li{font-size: 1.2rem;color: #fff;width:39%;height:2.4rem;background: #666;margin: 0 0 0.7rem 8.75%;float: left;}
.protil li:nth-child(2n-1){margin-left:6.25%;}
.protil li.cur{background: #c90e1b;}
.pro_c li{width: 47.34%;float: left;margin: 0 0 0.2rem 0.625%;font-size: 1.3rem;}
.pro_c ul a:nth-child(2n-1) li{margin-left: 2%;}
.pro_c li img{width:100%;margin: 0 0 1px;display:block;}
.pro_c li span{display: block;text-align:center;line-height:1.8rem;color: #fff;background: #838282;}
/*优势*/
.m-edge{padding: 2.2rem 0 0;height:47.9rem;color: #fff;font-size: 1rem;line-height: 2rem;clear: both;}
.m-edge .til01:before{width:70.625%;left:14.375%;}
.m-edge .til01 b{margin: 0 30%;}
.edge_c{background:url(../images/index/edgebg.jpg) no-repeat 0 0 #666; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;padding: 2.5rem 0 0;height:35.65rem;}
.edge_c dt{height:19.3rem;}
.edge_c dd{padding:1.2rem 5% 0;height:15.15rem;font-size: 1rem;}
.edge_c dd h3{font-size: 1.55rem;font-weight: bold;height: 3.5rem;line-height: 3.5rem;white-space: nowrap;}
.edgetil{height: 2.8rem;font-size: 1.2rem;}
.edgetil li{width: 25%;float: left;height: 2.8rem;line-height: 2.8rem;background: #666;text-align: center;color: #fff;}
.edgetil li.cur{background: #c90e1b;}
/*流程*/
.m-tec{padding: 1.9rem 0 0;font-size: 1.2rem;color: #434343;line-height: 2rem;}
.m-tec h2{text-align: center;font-size: 1.1rem;line-height:2.3rem;position: relative;color: #434343;height: 7.2rem;}
.m-tec h2 b{display: block;font-size: 2rem;line-height: 3rem;}
.m-tec h2:before,.m-tec h2:after{content: "";position: absolute;width: 23.9%;height: 1px;background: #ccc;top:4.25rem;right: 0;}
.m-tec h2:before{left: 0;}
.tec_dz{height: 27.4rem;padding: 0 12%;}
.tec_dz dd h3{height:2.9rem;line-height: 2.9rem;font-size: 1.2rem;font-weight: bold;color: #434343;text-align: center;}
.tec_lb{background:url(../images/index/line1.gif) no-repeat center 9.15rem; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;height: 23.9rem;}
.tec_lb li{width:12.66%;float: left;height: 12rem;text-align: center;line-height: 1.5rem;font-size: 1.2rem;color: #666;position: relative;padding: 0 0 0 12.81%;}
.tec_lb li:before{content: "";position: absolute;left:1.7rem;top:5.65rem;width:1.25rem;height: 1.35rem;background:url(../images/index/ico01.jpg) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.tec_lb li:nth-child(4n-3){padding:0 0 0 4.6875%;}
.tec_lb li:nth-child(4n-3):before{background:none;}
.tec_lb li:nth-child(6):before,.tec_lb li:nth-child(7):before,.tec_lb li:nth-child(8):before{transform:rotateY(180deg);-webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
.tec_lb li span{display: block;}
.tec_lb li b{display: block;font-weight: normal;padding: 0.6rem 0 0;}
/*关于*/
.m-about{height:27.5rem;overflow: hidden;background: #666;line-height: 1.75rem;color: #fff;font-size: 1rem;position: relative;clear: both;display: block;}
.m-about h2{position: absolute;background:url(../images/index/ico02.gif) no-repeat center 5.35rem #29166f; -webkit-background-size:2.5rem 0.7rem; -moz-background-size: 2.5rem 0.7rem; -o-background-size: 2.5rem 0.7rem; background-size: 2.5rem 0.7rem;text-align: center;font-size: 1.5rem;color: #fff;line-height: 2.3rem;padding: 0.8rem 0 0;height:6.3rem;top: 9.9rem;left: 28.125%;width: 46.875%;}
.m-about h2 p{display: block;font-size: 0.8rem;text-transform: uppercase;line-height: 1.4rem;}
.about_c dt,.about_c dt img{width:100%;display: block;}
.about_c dd{padding:5.7rem 3.125% 0;color: #fff;}
/*相册*/
.m-show{height:17.8rem;overflow: hidden;position: relative;padding: 1rem 0 0;}
.showtil{height:2.5rem;line-height:2.5rem;border-bottom: solid 1px #b1b4b1;font-size:1rem;color:#2f2f2f;margin: 0 3.75% 1.25rem;}
.showtil a{float: left;margin: 0 1.7rem 0 0;position: relative;color:#2f2f2f;display: block;}
.showtil a.active:before{position: absolute;content: "";width: 100%;height: 0.15rem;background: #29166f;left: 0;bottom: 0;}
.m-show .arr01,.m-show .arr02{position: absolute;right:0.6%;top:4.8rem;width:0.7rem;height:1.3rem;display: block;overflow: hidden;background: url(../images/index/next.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;z-index: 2;}
.m-show .arr01{left:0.6%;transform:rotateY(180deg);-webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
.m-show .nowarp{width:79.375%;margin:0 auto;}
.swiper-slide{overflow: hidden;}
.show1 p{float: left;width:97.3%;text-align: center;float: left;margin: 0 0 0 1.875%;}
.show1 p span{display: block;line-height:2.25rem;height:2.25rem;color: #fff;white-space: nowrap;overflow: hidden;background: #646963;}
.show1 .js-swiper-nest-bas-in{width: 92.9%;margin: 0 auto; overflow: hidden;
}
/*资讯*/
.m-news{height:26.5rem;}
.newstil{height:3.2rem;line-height:3.2rem;background: #666;font-size: 1rem;margin-bottom: 1.4rem;}
.newstil li{float: left;width: 33.3%;text-align: center;color: #fff;}
.newstil li.cur{background:#29166f;color: #fff;}
.news_c li{height:2.85rem;line-height: 2.85rem;padding: 0 3.75%;position: relative;color: #363636;font-size:1.2rem;border-bottom: solid 1px #ddd;}
.news_c ul{height: 18.3rem;}
.news_c ul a:last-child li{border: 0;}
.news_c li a{color: #363636;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;width:60%;float:left;}
.news_c li span{float: right;}
.more01{margin:0 3.44%;height: 2.75rem;line-height: 2.75rem;background: #f0f0f0;font-size: 1rem;text-align: center;text-transform: uppercase;font-size: 1rem;color: #363636;}
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;
        }
    }