﻿.wrap img{width: 100%;}
/*广告*/
.g-adv { clear:both;height:auto;overflow:hidden;}
.g-adv img{ width:100%;display: block;}

/*导航*/
nav{padding: 2rem 0 0;height:12.45rem;}
nav a{width:22.66%;height:4.95rem;background: #999;text-align: center;color: #fff;float: left;margin:0 0 0.5rem 1.56%;font-size: 1.2rem;line-height:2rem;border-radius: 0.4rem;}
nav a span{width:37.24%;height:1.5rem;margin:0.9rem auto 0;display: block;}
nav a:nth-child(1){background: #1666d4;}
nav a:nth-child(4n-3){margin-left: 3.125%;}
nav a:hover,nav a:link,nav a:visited,nav a:active{ color:#fff;}

/*产品*/
.m-pro,.m-tec,.m-edge,.m-show,.m-news{padding: 0 3.125%;}
.m-pro{height: 44.7rem;}
.til01{text-align: center;font-size: 1.8rem;color: #333;line-height: 3.55rem;position: relative;height:6.95rem;line-height: 3.55rem;}
.til01:before,.til01:after{content: "";position: absolute;left: 0;top: 3.55rem;width: 100%;height: 1px;background: #c1c1c1;}
.til01:after{left:50%;top: 3.5rem;width:4.4rem;height:0.15rem;background: #666;margin-left: -2.2rem;}
.til01 p{display: block;font-family: Times New Roman;text-transform: uppercase;font-size: 0.7rem;line-height: 2rem;}
.til01 span{display: block;font-size:1.2rem;line-height: 2rem;}
.protil{height: 4.5rem;text-align: center;}
.protil li,.protil span{width: 24.48%;float: left;height:3rem;margin: 0 0.69% 0 0;line-height: 3rem;border: solid 1px #999;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;color: #333;font-size: 1.2rem;}
.protil li a{color:#333;}
.protil li.z-on,.newtil li.z-on{background: #1666d4;border-color: #1666d4;color: #fff;}
.protil span{margin: 0;}
.pro_c ul{float: left;display: inline;}
.pro_c li{width: 47%;float: left;text-align: center;font-size: 1.2rem;    border: 1px solid #efefef;margin-bottom:1rem;}
.pro_c li span{display: block;height: 3.35rem;line-height: 2.27rem;color: #666;}
.pro_c a:nth-child(2n) li{margin-left:3.34%;}

/*流程*/
.m-tec{height: 60.3rem;font-size: 1.1rem;line-height: 1.6rem;text-align: center;overflow: hidden;}
.tec_c dl{width: 48.17%;float: left;height: 24.05rem;border-bottom: solid 0.15rem #1d6bd5;overflow: hidden;margin-bottom: 1.5rem;}
.tec_c dl:nth-child(2n){margin-left:3.66%;}
.tec_c dt,.tec_c dt img{display: block;}
.tec_c dd h3{display: block;padding: 0.95rem 0 0;height: 4.9rem;font-size: 1.2rem;font-weight: bold;line-height:2.3rem;color: #333;}
.tec_c dd h3 b{display: block;font-family: Impact;font-weight: normal;color: #666;font-size: 2.1rem;line-height: 2.6rem;}
.tec_c dd p{display: block;height: 3rem;overflow: hidden;color: #666;}

/*案例*/
.m-case{background:#f7f7f7;padding:2rem 3.125% 0;height:31.2rem;margin-bottom:2rem;position:relative;overflow:hidden;}
.m-case .prev,.m-case .next,.m-show .prev,.m-show .next{width:2.55rem;height:4.7rem;position: absolute;top: 13.25rem;right: 3.125%;display: block;background: url(../images/next.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;z-index:1;}
.m-case .prev,.m-show .prev{left: 3.125%;background: url(../images/prev.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.case_c dl,.edge_c dl,.show_c ul{float:left;display: inline;}
.case_c dt,.case_c dt img,.edge_c dt,.edge_c dt img{width: 100%;display: block;}
.case_c dd{font-size: 1.1rem;color: #666;line-height: 1.6rem;padding: 0.25rem 0;}
.case_c dd h3{font-size: 1.2rem;color: #333;line-height:2.65rem;display: block;overflow: hidden;}

/*优势*/
.m-edge{position: relative;height: 37rem;overflow: hidden;}
.m-edge .prev,.m-edge .next{width:2.9rem;height:3.25rem;position: absolute;top:31.7rem;right:21.25%;display: block;background: url(../images/next1.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;z-index: 2;}
.m-edge .prev{left:21.25%;transform:rotateY(180deg);-webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
.edge_c dd{position: relative;padding:0.55rem 0 0 12.67%;height: 12.4rem;}
.edge_c dd:before{content: "04";position: absolute;left: 0;top: 1.4rem;width: 2.8rem;height: 3.7rem;line-height: 3rem;color: #fff;font-family: Impact;font-size: 2.3rem;text-align: center;background: #1666d4;}
.edge_c dl:nth-child(1) dd:before{content: "01";}
.edge_c dl:nth-child(2) dd:before{content: "02";}
.edge_c dl:nth-child(3) dd:before{content: "03";}
.edge_c dd:after{content: "";position: absolute;left: 0.45rem;top:4.4rem;width:1.95rem;height:1px;background: #fff;}
.edge_c dd h3{height: 3rem;line-height: 3rem;color: #333;font-size: 1.3rem;background: url(../images/line1.gif) no-repeat 0 bottom; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;white-space: nowrap;overflow: hidden;margin-bottom: 0.5rem;font-weight: bold;}
.edge_c dd ul{height: 6.35rem;overflow: hidden;}
.edge_c dd li{line-height:2rem;color: #666;font-size: 1.1rem;padding: 0 0 0 1.1rem;position: relative;white-space: nowrap;overflow: hidden;}
.edge_c dd li:before{content: "";position: absolute;width:0.45rem;height: 0.45rem;border-radius: 0.45rem;background: #999;left: 0;top: 0.75rem;}
.edge_ico{clear: both;height: 1.2rem;margin: 0 29% 0 17%;text-align: center;}
.edge_ico em{width: 0.9rem;height: 0.9rem;border-radius: 0.9rem;background: #999;display: inline-block;margin: 0 0 0 1.8rem;}
.edge_ico em:nth-child(1){margin: 0;}
.edge_ico em.cur{width:2.75rem;background: #1666d4;}

/*展示*/
.m-show{position: relative;height: 23.4rem;overflow: hidden;}
.m-show .prev,.m-show .next{top: 9.8rem;}
.show_c li{width:48%;float: left;}
.show_c li img{width: 100%;display: block;}
.show_c li span{display: block;font-size: 1.2rem;line-height: 2rem;color: #666;text-align: center;}
.show_c ul a:nth-child(2n) li{margin-left: 4%;}

/*资讯*/
.m-news{height:26.4rem;overflow: hidden;position: relative;font-size: 1.1rem;color: #555;line-height: 1.65rem;}
.newtil{height: 4.95rem;font-size: 1.2rem;color: #666;line-height: 3.5rem;text-align: center;}
.newtil li,.newtil span{width: 33.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 #999;margin-left:-1px;color: #666;text-transform: uppercase;}
.news_c dl{height: 6.9rem;overflow: hidden;}
.news_c dt{width: 34.33%;float: left;padding: 0.3rem 0 0;}
.news_c dd{width: 62.33%;float: left;padding:0 0 0 3%;color: #666;}
.news_c dd h3{height:2.5rem;line-height: 2.5rem;color: #333;font-weight: bold;font-size: 1.2rem;}
.news_c dd b,.m-about dd b{color: #1666d4;font-weight:normal;}
.news_c li{height: 3.05rem;line-height: 3.05rem;border-bottom: dashed 1px #d1d1d1;padding: 0 0 0 1.5rem;font-size: 1.2rem;color: #555;position: relative;}
.news_c li:before{content: "";position: absolute;width:0.55rem;height: 0.55rem;border-radius: 0.55rem;border: solid 0.1rem #9c9c9c;left: 0;top:1.05rem;}
.news_c ul a:last-child li{border: 0;}

/*关于*/
.m-about{height:24.4rem;padding:2.2rem 0 0;font-size:1.1rem;line-height: 1.6rem;background: #f7f7f7;}
.m-about dl{padding: 0 3.125%;height: 16.2rem;overflow: hidden;}
.m-about dt,.m-about dt img{display: block;width: 100%;}
.m-about dd{padding:0.3rem 0;height: 3.3rem;color: #666;}
.m-about dd h3{color: #333;font-size: 1.2rem;height: 2.7rem;line-height: 2.7rem;font-weight: bold;}




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;
        }
    }