.wrap img{width: 100%;}
/*广告*/
.g-adv {clear:both;height:auto;overflow:hidden;}
.g-adv img{width:100%;display: block;}

/*导航*/
nav{background: #0e4ca9;height: 8.05rem;overflow: hidden;position: relative;}
nav a{width:33.33%;height:4.05rem;background: #0e4ca9;text-align: center;color: #fff;float: left;font-size: 1.2rem;line-height:4.05rem;position: relative;}
nav a:before,nav a:after{content:"";position: absolute;left:0;bottom:0;width: 100%;height: 1px;background: #093476;}
nav a:before{border-top: solid 1px #1e5abd;}
nav a:after{width: 1px;height:100%;border-left: solid 1px #1e5abd;top: 0;}
nav a:nth-child(3n-2):after{background: none;border: 0;}
nav a:hover,nav a:link,nav a:visited,nav a:active{ color:#fff;}
nav a:nth-child(1){background: url(../images/index/mhbg.gif) repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;color: #0e4ca9;}

/*案例*/
.m-case{padding:2.5rem 4.688% 0;height:46.3rem;overflow: hidden;position: relative;}
.m-case:before,.m-case:after,.m-edge:before,.m-edge:after,.m-show:before,.m-show:after{content: "";position: absolute;width:24.5%;height: 1px;background: #888;top: 50.5rem;right:0;}
.m-case:before,.m-edge:before,.m-show:before{left:0;}
.til01{text-align: center;font-size: 1.2rem;color: #555;line-height:1.6rem;height:5.35rem;padding:2.25rem 0 0;white-space: nowrap;background: url(../images/index/ico01.png) no-repeat center 0; -webkit-background-size:2.1rem 2.1rem; -moz-background-size: 2.1rem 2.1rem; -o-background-size: 2.1rem 2.1rem; background-size: 2.1rem 2.1rem;position: relative;}
.til01:before,.til01:after{content: "";position: absolute;width:4.05rem;height: 1px;background: #cfcfcf;top: 3.65rem;right:0rem;}
.til01:before{left:0rem;}
.m-case .til01:after,.m-witn .til01:after{right: -1.5rem;}
.m-case .til01:before,.m-witn .til01:before{left: -1.5rem;}
.til01 b{color: #0e4ca9;font-size: 1.7rem;line-height: 2.25rem;display: block;letter-spacing: 8px;}
.til01 b a{color: #0e4ca9;}
.case01{position: relative;height: 34.2rem;}
.prev,.next{width:3rem;height: 3rem;display: block;position: absolute;right:24.827%;z-index:1;background: #fff;}
.prev{left:24.827%;}
.next{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.case01 .prev,.case01 .next{top:29rem;}

.casetil{height:9.95rem;font-size: 1.2rem;overflow: hidden;}
.casetil li,.protil li{height:3.5rem;line-height:3.5rem;width:47.41%;float: left;color: #777;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #1861b2;margin-bottom: 1.55rem;font-weight: bold;}
.casetil li span{width:1.7rem;height: 1.35rem;display: block;overflow: hidden;margin: 1.1rem 0.75rem 0 2.6rem;float: left;background: url(../images/index/case_ico1.png) no-repeat 0 0; -webkit-background-size:1.7rem 4.6rem; -moz-background-size: 1.7rem 4.6rem; -o-background-size: 1.7rem 4.6rem; background-size: 1.7rem 4.6rem;}
.casetil li:nth-child(2) span{background: url(../images/index/case_ico2.png) no-repeat 0 0; -webkit-background-size:1.7rem 4.6rem; -moz-background-size: 1.7rem 4.6rem; -o-background-size: 1.7rem 4.6rem; background-size: 1.7rem 4.6rem;}
.casetil li:nth-child(3) span{background: url(../images/index/case_ico3.png) no-repeat 0 0; -webkit-background-size:1.7rem 4.6rem; -moz-background-size: 1.7rem 4.6rem; -o-background-size: 1.7rem 4.6rem; background-size: 1.7rem 4.6rem;}
.casetil li:nth-child(4) span{background: url(../images/index/case_ico4.png) no-repeat 0 0; -webkit-background-size:1.7rem 4.6rem; -moz-background-size: 1.7rem 4.6rem; -o-background-size: 1.7rem 4.6rem; background-size: 1.7rem 4.6rem;}
.casetil li:nth-child(2n){margin-left:5.17%;}
.casetil li.z-on,.protil li.z-on,.newtil li.z-on,.witntil li.z-on{background: url(../images/index/icobg1.gif) no-repeat center 0; -webkit-background-size:100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%;color: #0e4ca9;border: 0;}
.casetil li.z-on span{background-position: 0 bottom;}

.case_c1{float: left;display: inline;position: relative;}
.case_c1 img{float: left;display:block;}
.case_c1 span{display: block;height:2.7rem;line-height: 2.7rem;text-align: center;background: rgba(0 , 0, 0, 0.5);font-size: 1.2rem;color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;}

/*产品*/
.m-pro{padding: 2.55rem 4.688% 0;height: 48.5rem;}
.m-pro,.witn_c{background: url(../images/index/bg01.gif) repeat 0 0; -webkit-background-size:10rem 10rem; -moz-background-size: 10rem 10rem; -o-background-size: 10rem 10rem; background-size: 10rem 10rem;}
.protil{height: 10.3rem;text-align: center;}
.protil li{width: 30.52%;font-weight: normal;color: #333;height: 3.45rem;line-height: 3.45rem;font-size: 1.2rem;font-size: 0.9rem;}
.protil li:nth-child(3n-1){margin: 0 4.22% 1.55rem;}

.pro_c li{width: 46.9%;height: 14.9rem;text-align: center;float: left;}
.pro_c li img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #e5e5e5;display: block;}
.pro_c li span{display: block;line-height: 4.3rem;height: 4.3rem;color: #222;font-size: 1.2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_c ul a:nth-child(2n) li{margin-left:6.2%;}

/*品质*/
.m-qual{padding: 2.45rem 0 0;height: 27.3rem;position: relative;z-index: 1;}
.m-qual .til01:before,.m-qual .til01:after{width: 1.1rem;}
.qual_w1{width: 22.81%;text-align: center;padding: 0 4.688%;font-size: 1.2rem;}
.qual_w1 span{display: block;height: 2.8rem;line-height: 2.8rem;background: #0e4ca9;color: #fff;margin-bottom: 1.65rem;color: #fff;}
.qual_p{position: absolute;top: 10.6rem;left: 4.688%;width:90.625%;z-index:-1;}

/*荣誉*/
.m-hon,.m-edge,.m-news{clear: both;background: url(../images/index/bg01.gif) repeat 0 0; -webkit-background-size:5.4rem 5.4rem; -moz-background-size: 5.4rem 5.4rem; -o-background-size: 5.4rem 5.4rem; background-size: 5.4rem 5.4rem;padding: 3.55rem 4.688% 0;height: 38.2rem;position: relative;font-size: 1.2rem;line-height: 1.7rem;color: #666;}
.hon_text{height: 9.4rem;overflow: hidden;}
.hon_c{width: 74.483%;margin:0 auto;}
.hon_c p{float: left;display: inline;}
.hon_c p img{ -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding: 1.05rem;}
.hon_c p span{display: block;text-align: center;line-height: 4.1rem;font-size: 1.2rem;color: #666;}

/*优势*/
.m-edge,.m-witn,.m-about{background: url(../images/index/ge01.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;padding: 2.55rem 0 0;position: relative;height:55.2rem;}
.m-edge:before,.m-edge:after{top:55.75rem;}
.m-edge .prev,.m-edge .next{top:54.2rem;}
.m-edge .til01{height: 8.7rem;}
.m-edge .til01:before,.m-edge .til01:after{width:0;}
.m-edge .til01 p{background: url(../images/index/edgetbg.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;width: 64.53%;display: block;height: 4.3rem;line-height: 4.3rem;font-weight: bold;color: #fff;font-size: 1.3rem;margin: 0 auto;}
.m-edge .til01 p span{width: 50%;display: inline-block;}
.edge1{float: left;display: inline;}
.edge1 dl{height:40.9rem;}
.edge1 dt{height: 18.2rem;}
.edge1 dd{margin: 0 4.688%;padding: 0 0 0 13.44%;position: relative;text-align: justify;}
.edge1 dd:before{content: "";position: absolute;width:2.8rem;height: 3.5rem;left: 0;top: 0;background: url(../images/index/edge_ico1.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge_c .edge1:nth-child(2) dd:before{content: "";position: absolute;width:2.8rem;height: 3.5rem;left: 0;top: 0;background: url(../images/index/edge_ico2.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge_c .edge1:nth-child(3) dd:before{content: "";position: absolute;width:2.8rem;height: 3.5rem;left: 0;top: 0; background: url(../images/index/edge_ico3.gif) no-repeat 0 0;-webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge_c .edge1:nth-child(4) dd:before{content: "";position: absolute;width:2.8rem;height: 3.5rem;left: 0;top: 0;background: url(../images/index/edge_ico4.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge_c .edge1:nth-child(5) dd:before{content: "";position: absolute;width:2.8rem;height: 3.5rem;left: 0;top: 0;background: url(../images/index/edge_ico5.gif) no-repeat 0 0;-webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edge1 dd h3{height: 5.25rem;font-size: 1.2rem;color: #333;line-height: 2.05rem;border-bottom: solid 1px #dcdcdc;margin-bottom: 1.2rem;}
.edge1 dd h3 b{font-size: 1.5rem;color: #0e4ca9;line-height:1.9rem;display: block;}
.edge_sz{text-align: center;height: 3rem;line-height: 3rem;font-family: Arial;font-size: 1.8rem;color: #888;font-weight: bold;}
.edge_sz b{font-size: 3rem;color: #0e4ca9;font-weight: normal;}

/*流程*/
.m-tec{padding: 2.5rem 4.688% 0;height: 31.6rem;color: #fff;font-size:0.9rem;line-height: 1.5rem;background: #0f4eaa;overflow: hidden;}
.m-tec .til01{background: url(../images/index/ico02.png) no-repeat center 0; -webkit-background-size:2.1rem 2.1rem; -moz-background-size: 2.1rem 2.1rem; -o-background-size: 2.1rem 2.1rem; background-size: 2.1rem 2.1rem;}
.m-tec .til01,.m-tec .til01 b{color: #fff;}
.m-tec .til01:before,.m-tec .til01:after{background: #fff;}
.tec_c{height: 19.2rem;overflow: hidden;}
.tec_c li{width: 13.8%;float: left;height: 10.55rem;position: relative;padding: 0 14.9% 0 0;text-align: center;}
.tec_c li:nth-child(4){padding: 0;}
.tec_c li:before{content: "";position: absolute;top: 1.45rem;left:5.5rem;width: 1.3rem;height: 0.95rem;background: url(../images/index/ico03.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.tec_c li:nth-child(4):before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);left: 1.4rem;top: 8.5rem;}
.tec_c li:nth-child(5):before,.tec_c li:nth-child(7):before,.tec_c li:nth-child(6):before,.tec_c li:nth-child(8):before{transform:rotatey(180deg);-webkit-transform:rotatey(180deg);-o-transform:rotatey(180deg);}
.tec_pho{margin:0 9.2%;background: url(../images/index/c_pho.png) no-repeat 0 0; -webkit-background-size:1.85rem 1.85rem; -moz-background-size: 1.85rem 1.85rem; -o-background-size: 1.85rem 1.85rem; background-size: 1.85rem 1.85rem;font-size: 1rem;color: #fff;line-height:2.15rem;height:2.15rem;padding: 0 0 0 2.65rem;clear: both;}
.tec_pho a{float: right;width:27.48%;height: 2.15rem;line-height:2.15rem;border: solid 0.1rem #fff;color: #fff;display: block;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;text-align: center;}
.tec_pho b{font-size: 1.4rem;font-weight: normal;letter-spacing: -0.1rem;}

/*案例*/
.m-witn{height:45.85rem;padding: 2.9rem 4.688% 0;clear: both;overflow: hidden;}
.witntil{height: 2.3rem;overflow: hidden; background: #0e4ca9 none repeat scroll 0 0;color: #fff;font-size: 1.1rem;margin-bottom: 1.1rem;}
.witntil li{width: 23.5%;float: left;color: #fff;height:4.05rem;line-height:2.05rem;text-align: center;position: relative;}
.witntil li:nth-child(2){margin:0 2.42%;}
.witntil li img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #b5b5b5;}
.witntil li.z-on img{border: solid 0.1rem #0e4ca9;}
.witn_c{height: 30rem;}
.witn_c dt{height: 16.2rem;overflow: hidden;margin: 1.2rem 1.2rem 0;}
.witn_c dd{height:9.2rem;overflow: hidden;margin:0 1.2rem;color: #717171;font-size: 1.2rem;line-height: 2rem;}
.witn_c dd h3{font-size: 1.2rem;height: 3.3rem;line-height: 1.3rem;color: #333;font-weight: bold;}

/*关于*/
.m-about{height: 42rem;padding: 2.9rem 4.688% 0;overflow: hidden;}
.abo_c dd{font-size: 1.2rem;color: #717171;line-height: 2rem;padding: 1.3rem 0 0;}

/*展示*/
.m-show{height: 24.4rem;position: relative;overflow: hidden;}
.m-show:before,.m-show:after{top: 20.5rem;}
.newtil{margin-bottom: 1.1rem;height:4.05rem;background: #0e4ca9;color: #fff;font-size: 1.4rem;}
.newtil li{width: 33.3%;float: left;color: #fff;height:4.05rem;line-height:4.05rem;text-align: center;position: relative;}
.newtil li:before{content: "";position: absolute;width:1px;height:100%;border-left: solid 1px #1e5abd;background: #0b3f8d; left:0;top:0;}
.newtil li:nth-child(1):before{width: 0;height: 0;border: 0;}
.show01{padding: 1.9rem 4.688% 0;position: relative;}
.show01 .prev,.show01 .next{top: 13.9rem;}
.show_c{height: 12.9rem;text-align: center;font-size: 1.2rem;line-height: 3.2rem;}
.show_c li{width: 47.93%;float: left;color: #717171;}
.show_c li span,.show_c li img{display: blockline-height: 1.5rem;;}
.show_c ul a:nth-child(2n) li{margin-left:4.1%;}
.more01{text-align: center;height: 6rem;line-height: 3.2rem;font-size: 1.2rem;text-align: center;color: #555;}

/*资讯*/
.m-news{height:20.5rem;overflow: hidden;font-size: 1.2rem;color: #434343;line-height:3rem;padding: 0;background: #fff;}
.news_c ul{float: left;display: inline;}
.news_c li{height:3rem;line-height:3rem;padding:0 1.55rem;font-size: 1.2rem;color: #434343;position: relative;margin:0 4.688%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_c li:before{content: "";position: absolute;width:0.5rem;height: 0.5rem;left:0;top:1.25rem;background: #434343;border-radius: 0.5rem;}


html {font-size: 10px;}
@media screen and (min-width: 320px) {
    html {
        font-size: 10px;
    }
}
@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;
        }
    }