

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:12.5rem; overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.wrap nav{height:15rem; overflow:hidden;}
.wrap nav a{ color:#666; font-size:1rem; line-height:1.2rem; height:7.291rem; width:33.33%; text-align:center;  overflow:hidden; display:block; float:left; border-top:1px dashed #dcdcdc; border-left:1px dashed #dcdcdc; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.wrap nav a img{width:5.958rem;margin:1.6rem auto 0;}
.wrap nav a span{display:block;}
.wrap nav a:nth-child(1),.wrap nav a:nth-child(4){border-left:0;}
.wrap nav a:nth-child(1),.wrap nav a:nth-child(2),.wrap nav a:nth-child(3){border-top:0;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-roll{height:11.58rem; overflow:hidden; position: relative;}
.m-roll .nowarp{width:79%; margin:0 auto;}
.m-roll .con{float:left; display:inline; width:100%;}
.m-roll .con ul li{float:left; width:10.166rem; margin-left:3%; }
.m-roll .con ul li:nth-child(1){margin-left:0;}
.m-roll .con ul li span{display:block; font:1rem/2.5rem "Microsoft Yahei"; text-align: center; color:#111;}
.m-roll .prev,.m-roll .next{position:absolute; top:3.1rem; width:1.291rem; height:1.291rem; }
.m-roll .prev{left:0.833rem; z-index:5;}
.m-roll .next{right:0.833rem;}
.m-pro .con ul li img {
    height: 100%;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pro{height:38.2rem; overflow:hidden; background:#f7f8f8;}
.tits{height:3.3rem; font:1.5rem/1.7rem "Microsoft Yahei"; text-align:center; color:#d32e12; font-weight:bold; margin-top:1.85rem; padding-top:0.5rem; background:url(/mobile/Images/Index/pro_bt.jpg) no-repeat center top; -webkit-background-size:100% 3.791rem; -moz-background-size:100% 3.791rem; -o-background-size:100% 3.791rem; background-size:100% 3.791rem;}
.tits span{display:block; font:1rem/1.8rem "Microsoft Yahei"; color:#fff;}
.m-pro .m-cnt{height:9.375rem; margin-top:1.541rem;}
.m-pro .m-cnt li{float:left; width:44.5%; height:3.875rem; border:1px solid #dbdbdb; margin:0 0 0.5rem 3.5%; background:#fff; position:relative;}
.m-pro .m-cnt li img{float:left; width:1.416rem; height:1.458rem; margin:1.125rem 0.5rem 0 0.66rem;} 
.m-pro .m-cnt li span{float:left; font:0.916rem/0.85rem "Microsoft Yahei"; color:#333; margin-top:1.15rem;}
.m-pro .m-cnt li span em{display:block; font:0.5rem/1rem Verdana, Geneva, sans-seri; color:#989898; text-transform:uppercase; letter-spacing:0.1rem;}
.m-pro .m-cnt li::before{position:absolute; content:""; width:0.541rem; height:0.541rem; top:2.2rem; right:0.875rem; background:url(/mobile/Images/Index/p_nav.gif) no-repeat; -webkit-background-size:0.541rem; -moz-background-size:0.541rem; -o-background-size:0.541rem; background-size:0.541rem;} 
.m-pro ul li.z-on span,.m-pro ul li.z-on em{color:#d32e12;}
.m-pro .con{float:left; display:inline; width:100%;}
.m-pro .con ul li {float:left; width:44.68%; height:8.916rem; margin:0 0 1rem 3.5%; position:relative;}
.m-pro .con ul li span{position:absolute; top:7.166rem; left:0; display:block; width:100%; height:1.75rem; text-align:center; font:1rem/1.75rem "Microsoft Yahei"; color:#fff; background:url(/mobile/Images/Index/pro_imgs.png) no-repeat center top; -webkit-background-size:100% 3.833rem; -moz-background-size:100% 3.833rem; -o-background-size:100% 3.833rem; background-size:100% 3.833rem;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-partner{height:16.375rem; overflow:hidden; background:url(/mobile/Images/Index/partner_bj.jpg) no-repeat center top; -webkit-background-size:100% 16.375rem; -moz-background-size:100% 16.375rem; -o-background-size:100% 16.375rem; background-size:100% 16.375rem; position:relative;}
.m-partner h2{background:url(/mobile/Images/Index/partner_bt.png) no-repeat center bottom; -webkit-background-size:100% 3.833rem; -moz-background-size:100% 3.833rem; -o-background-size:100% 3.833rem; background-size:100% 3.833rem; color:#fff;    padding-bottom: 1.5rem;margin-bottom: -1.5rem;}
.m-partner h2 span{color:#333;text-indent: -10px; }
.m-partner .con{float:left; display:inline; width:100%;}
.m-partner .con ul li{float:left; width:33.125%; height:5.9rem; line-height:5.9rem; margin-left:5%; margin-top:2.083rem; position:relative;}
.m-partner .con ul li:nth-child(1){margin-left:14%;}
.m-partner .con ul li img{width:8.833rem; height:4.541rem; border:1px solid #cccbcb; float:left; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-partner .con ul li span{position:absolute; top:4.55rem; left:0; height:1.291rem; width:8.833rem; font:1rem/1.291rem "Microsoft Yahei"; text-align: center; color:#333; background:#fff;  float:left;}
.m-partner .prev,.m-partner .next{position:absolute; top:10.75rem; width:1.291rem; height:1.291rem; }
.m-partner .prev{left:0.833rem; z-index:5;}
.m-partner .next{right:0.833rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-case{height:35.166rem; overflow:hidden;}
.m-case h2{margin-top:2.44rem; background:url(/mobile/Images/Index/case_bt.jpg) no-repeat center top; -webkit-background-size:100% 3.833rem; -moz-background-size:100% 3.833rem; -o-background-size:100% 3.833rem; background-size:100% 3.833rem;}
.m-case .c-list{height:8.25rem; margin:1.66rem 0 0 0.833rem;}
.m-case .c-list li{float:left; width:23%; height:2.56rem; margin-bottom:0.833rem; padding:0.66rem 0 0 2.3rem; border:1px solid #e4e3e3; border-left:0; font:1rem/1rem "Microsoft Yahei"; color:#333; position:relative;}
.m-case .c-list li em{display:block; font:0.5rem/0.8rem Verdana, Geneva, sans-seri; color:#989898; text-transform:uppercase;}
.m-case .c-list li:nth-child(1),.m-case .c-list li:nth-child(4){border-left:1px solid #e4e3e3;}
.m-case .c-list li:nth-child(1){background:url(/mobile/Images/Index/case_1.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(2){background:url(/mobile/Images/Index/case_2.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(3){background:url(/mobile/Images/Index/case_3.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(4){background:url(/mobile/Images/Index/case_4.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(5){background:url(/mobile/Images/Index/case_5.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(6){background:url(/mobile/Images/Index/case_6.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(1).z-on{background:url(/mobile/Images/Index/case_01.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(2).z-on{background:url(/mobile/Images/Index/case_02.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(3).z-on{background:url(/mobile/Images/Index/case_03.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(4).z-on{background:url(/mobile/Images/Index/case_04.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(5).z-on{background:url(/mobile/Images/Index/case_05.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li:nth-child(6).z-on{background:url(/mobile/Images/Index/case_06.jpg) no-repeat 0.7rem center; -webkit-background-size:1.208rem 1.125rem; -moz-background-size:1.208rem 1.125rem; -o-background-size:1.208rem 1.125rem; background-size:1.208rem 1.125rem;}
.m-case .c-list li.z-on,.m-case .c-list li.z-on em{color:#ee0000;}
.m-case .c-list li.z-on::before{position:absolute; content:""; width:100%; height:0.208rem; top:3.14rem; left:0; background:#d32e12;}

.m-case .m-case_s{position:relative;}
.m-case .m-case_s .no_ov{width:79.21%; margin:0 auto; overflow:hidden;}
.m-case .m-case_s p{width:100%; height:16.04rem; margin:0 auto; overflow:hidden;}
.m-case .m-case_s p img{width:21.125rem; height:12.33rem; float:left;}
.m-case .m-case_s p span{float:left; display:block; width:19.675rem; height:3.3rem; background:#d32e12; font:0.833rem/1.5rem "Microsoft Yahei"; color:#fff; padding:0.4rem 0.2rem 0 1.25rem;}
.m-case .m-case_s p span b{font-size:1rem; font-weight:bold;} 
.m-case_s .prev,.m-case_s .next{position:absolute; top:7.45rem; width:1.291rem; height:1.291rem; }
.m-case_s .prev{left:0.833rem; z-index:5;}
.m-case_s .next{right:0.833rem; }
.m-case_s .sclwrap_box { height: 20rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-ly{height:43.083rem; overflow:hidden; background:#f7f8f8;}
.m-ly h2{margin-top:1.1rem; height:6.3rem; background:url(/mobile/Images/Index/ly_bt.jpg) no-repeat center bottom; -webkit-background-size:100% 3.625rem; -moz-background-size:100% 3.625rem; -o-background-size:100% 3.625rem; background-size:100% 3.625rem;}
.m-ly h2 span{display:inline-block; font-size:2.375rem; font-weight: bold; color:#333;}
.m-ly h2 span i{color:#d32e12; font-size:3rem; font-weight: bold;}
.m-lyimg{width:93.75%; height:11.625rem; margin:1.125rem auto 0;}
.m-ly .con{float:left; display:inline; width:100%;}
.m-ly dl{width:94.75%; height:7.4rem; margin:2.125rem auto 0;}
.m-ly dl dt{float:left; width:93.75%; overflow:hidden;}
.m-ly dl dt h3{float:left; font:1.083rem/1.5rem "Microsoft Yahei"; width:16.16rem; height:1.8rem; color:#d32e12; font-weight:bold; border-bottom:1px dashed #d6d7da; margin-left:0.7rem;}
.m-ly dl dt h3 em{padding-left:0.6rem; text-transform:uppercase; font:0.8rem/1rem "Microsoft Yahei"; color:#dddede; font-weight:normal;}
.m-ly dl dt img{width:3.166rem; float:left;}
.m-ly dl dd{float:left; margin-left:3.75rem;}
.m-ly dl dd p{font:1rem/1.25rem "Microsoft Yahei"; color:#666; margin-bottom:0.8rem; background:url(/mobile/Images/Index/ly_s.gif) no-repeat left 0.3rem; -webkit-background-size:0.416rem; -moz-background-size:0.416rem; -o-background-size:0.416rem; background-size:0.416rem; padding-left:0.75rem;}
.m-ly .m-box{height:32.58rem; overflow:hidden;}
.m-ly .ly01{height:10.15rem; margin-top:0;}
.m-ly .m-cnt{width:23%; margin:0 auto;}
.m-ly .m-cnt li{float:left; width:1.25rem; height:1.25rem;margin-right:10%; border-radius:50%; background:#8e8e8e;}
.m-ly .m-cnt .z-on{background:#d32e12;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-about{overflow:hidden;}
.m-about h2{padding-top:0.25rem; background:url(/mobile/Images/Index/about_bt.jpg) no-repeat center bottom; -webkit-background-size:100% 3.625rem; -moz-background-size:100% 3.625rem; -o-background-size:100% 3.625rem; background-size:100% 3.625rem;}
.m-about dl{width:93.75%; margin:1.416rem auto 0;}
.m-about dl dt{height:15.05rem; margin-left:2.5%; background:url(/mobile/Images/Index/about_s.gif) no-repeat center bottom; -webkit-background-size:100% 1.416rem; -moz-background-size:100% 1.416rem; -o-background-size:100% 1.416rem; background-size:100% 1.416rem;}
.m-about dl dt img{width:23.33rem; height:13.08rem; padding:0.208rem; border:1px solid #dad8d9;}
.m-about dl dd{font:1rem/1.5rem "Microsoft Yahei"; color:#626262;}
.m-about dl dd h3{font:1rem/2.3rem "Microsoft Yahei"; color:#333; font-weight:bold;}
.m-about dl dd a{color:#d32e12;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-cj{height:15.458rem; overflow:hidden; position:relative;}
.m-cj h2{width:100%; height:1.58rem; background:#f3f2f2; border-top:1px solid #c6c4c5; border-bottom:1px solid #c6c4c5;}
.m-cj h2 span{display:block; width:5.416rem; height:1.7rem; background:#d32e12; font:1rem/1.7rem "Microsoft Yahei"; color:#fff; font-weight:bold; text-align:center; position:relative;}
.m-cj h2 span::before{position:absolute; content:""; width:0; height:0; top:1.7rem; left:33%; border-top:0.4em solid #d32e12;
border-right:0.4em solid transparent; border-left:0.4em solid transparent;} 
.m-cj .nowarp{width:78.125%; margin:0 auto;}
.m-cj .con{float:left; display:inline; width:100%;}
.m-cj .con ul{height:10rem; overflow:hidden; margin-top:2rem;}
.m-cj .con ul li{float:left; width:10rem; margin-left:3.5%; }
.m-cj .con ul li img{width:9.541rem; height:6.58rem; padding:0.208rem; border:1px solid #dad8d9;}
.m-cj .con ul li:nth-child(1){margin-left:0;}
.m-cj .con ul li span{display:block; font:1rem/2rem "Microsoft Yahei"; text-align: center; color:#666;}
.m-cj .prev,.m-cj .next{position:absolute; top:7rem; width:1.291rem; height:1.291rem; }
.m-cj .prev{left:0.833rem; z-index:5;}
.m-cj .next{right:0.833rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-zz{height:22.08rem; overflow:hidden; position:relative; background:#d32e12;}
.m-zz h2{background:url(/mobile/Images/Index/zz_bt.jpg) no-repeat center bottom; -webkit-background-size:100% 3.625rem; -moz-background-size:100% 3.625rem; -o-background-size:100% 3.625rem; background-size:100% 3.625rem;  color:#fff; padding-top:0.3rem;}
.m-zz h2 span{color:#333; text-transform:uppercase; font:0.833rem/1.9rem "Microsoft Yahei";}
.m-zz .nowarp{width:73.43%; margin:0 auto;}
.m-zz .con{float:left; display:inline; width:100%;}
.m-zz .con ul{height:13.33rem; overflow:hidden; margin-top:2.1rem;}
.m-zz .con ul li{float:left; margin-left:6%; }
.m-zz .con ul li img{width:8.958rem; height:11.125rem; border:1px solid #e4e4e4;}
.m-zz .con ul li:nth-child(1){margin-left:0;}
.m-zz .con ul li span{display:block;width:8.958rem; font:1rem/1.8rem "Microsoft Yahei"; text-align: center; color:#fff;}
.m-zz .prev,.m-zz .next{position:absolute; top:13rem; width:1.291rem; height:1.291rem; }
.m-zz .prev{left:0.833rem; z-index:5;}
.m-zz .next{right:0.833rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-news{height:30.833rem; overflow:hidden;}
.m-news h2{height:3.4rem; padding-top:0.8rem; background:url(/mobile/Images/Index/news_bt.gif) no-repeat center 3.48rem; -webkit-background-size:100% 0.125rem; -moz-background-size:100% 0.125rem; -o-background-size:100% 0.125rem; background-size:100% 0.125rem;}
.m-news h2 span{color:#333; text-transform:uppercase; font:1.5rem/1.9rem "Microsoft Yahei";}
.m-news .m-cnt{width:93.75%; margin:1.7rem auto 1.5rem; height:2.25rem; overflow:hidden; background:#d2d2d2;}
.m-news .m-cnt li{float:left; border-left:1px solid #efefef; font-size:1rem; width:33.333%; text-align:center; color:#333; font-weight:bold; line-height:2.25rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-news .con{float:left; display:inline; width:100%;}
.m-news .m-cnt .z-on{background:#d32e12; color:#fff;}
.m-news dl{width:93.75%; height:8.541rem; margin:0 auto; overflow:hidden;}
.m-news dl dt{float:left; width:;}
.m-news dl dt img{width:10.66rem; height:7.583rem; padding:0.2rem; border:1px solid #e4e4e4;}
.m-news dl dd{float:right; width:12.91rem; font:1rem/1.5rem "Microsoft Yahei"; color:#666;}
.m-news dl dd h3{ font:1rem/1rem "Microsoft Yahei"; height:1.66rem; color:#333; font-weight:bold;}
.m-news dl dd em{display:block; margin-top:0.6rem; color:#d32e12;}
.m-news p{width:25rem; margin:0 auto; height:1.958rem; border-bottom:1px dashed #e0e0e0; font:1rem/1.958rem "Microsoft Yahei"; color:#666; padding-left:1.33rem; background:url(/mobile/Images/Index/news_r.gif) no-repeat 0.2rem center; -webkit-background-size:0.833rem; -moz-background-size:0.833rem; -o-background-size:0.833rem; background-size:0.833rem;}
.m-news p span{float:right;}
.m-news a{ color:#000;}
.m-news p a {
    display: block;
    height: 1.958rem;
    overflow: hidden;
    width: 75%;    float: left;
}
/*-----------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
	.tits span{ font:1rem/2.25rem "Microsoft Yahei"}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:384px) {
	html { font-size:90%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}  

@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
	.tits span{ font:1rem/1.8rem "Microsoft Yahei"}
}
