﻿
body{ background:#fff;}

/**/
nav li{ width:33.3%; float:left; background:#065da4; font-size:1rem; font-weight:bold; color:#fff; line-height:2.8rem; text-align:center; border-right:1px solid #518ebf; border-top:1px solid #518ebf; box-sizing:border-box;}


/**/
.m-ban img{ width:100%; height:auto;}

/**/
.g-busi{ width:93.9%; margin:1rem auto 2rem; height:autol; overflow:hidden;}
.g-busi h3{ font-size:1rem; font-weight:bold; color:#065da4; line-height:3.4rem; text-align:center; background:url(/mobile/Images/Index/bu_tx.gif) no-repeat center center; background-size:25rem 1px;}
.g-busi li{ float:left; width:31.3%; height:6.25rem; margin-right:3%; background:#065da4; text-align:center;}
.g-busi ul a:nth-child(3) li{ margin-right:0;}
.g-busi li img{  width:45.7%; height:auto; margin-top:0.75rem;}
.g-busi li span{ font-size:1rem; color:#fff; line-height:2.1rem; display:block;}

/**/
.g-hon h3{ height:3rem; background:url(/mobile/Images/Index/hon_tb.gif) no-repeat center top;  background-size:25rem 3rem; font-size:1rem; font-weight:bold; color:#065da4; line-height:1rem; padding-left:35.8%; width:57.5%; margin:0 auto 0.75rem;}
.g-hon h3 span{ display:block; font:0.9rem Arial; font-weight:normal; color:#c2c2c2; line-height:1.2rem; text-transform:uppercase;}
.g-hon .m-hon{ width:70.3%; height:14rem; margin:0 auto; position:relative;}
.g-hon .m-hon .nowarp{ width:79.5%; margin:0 auto;}
.m-hon .nowarp .con{ float:left;}
.m-hon .nowarp em{ width:100%; height:10.9rem; text-align:center; display:block; background:url(/mobile/Images/Index/hon_tb.jpg) no-repeat center top; background-size:14.9rem 10.9rem;}
.m-hon .nowarp em img{ width:93%; height:auto; margin-top:0.5rem;}
.m-hon .nowarp  span{ font-size:1rem; color:#000000; line-height:3rem; text-align:center; display:block;}
.g-hon p{ width:39.4%; font-size:0.91rem; background:#ff5b03; color:#fff; line-height:1.58rem; text-align:center; margin:0 auto 2.1rem;}
.m-hon .prev ,.m-hon .next{ width:4.4%; height:1.9rem; position:absolute; top:4.33rem;}
.m-hon .prev img ,.m-hon .next img{ width:100%; height:auto;}
.m-hon .prev{ left:0;} 
.m-hon .next{ right:0;}
/**/
.g-case{ background:url(/mobile/Images/Index/ca_bj.jpg) no-repeat center top; overflow:hidden; background-size:100% 19.25rem;}
.g-case h3{ font-size:1.25rem; font-weight:bold; color:#f6fdd6; line-height:5.4rem; text-align:center;	}
.m-case{ width:100%; margin:0 auto; position:relative;}
.m-case .prev , .m-case .next{ width:3.4%; height:1.9rem; position:absolute; top:2.7rem;}
.m-case .prev img , .m-case .next img{ width:100%; height:auto;}
.m-case .prev{ left:1.25%;}
.m-case .next{ right:1.25%;}
.m-case .nowarp{ width:88.7%; margin:0 auto; overflow:hidden;}
.m-case .nowarp .con{ float:left;}
.m-case .nowarp li{ float:left; width:48.7%; text-align:center;height:10.8rem;}
.m-case .nowarp li img{ box-sizing:border-box; border:0.2rem solid #5289b8; width:100%;}
.m-case .nowarp a:nth-child(2) li{ float:right;}
.m-case .nowarp li span{ font-size:0.91rem; color:#b8c6d9; line-height:2.6rem; }
.g-case p{ height:3rem;}
.g-case p strong{ width:82%; float:right; display:inline-block; height:3rem;}
.g-case p em{ font-size:1rem; font-weight:bold; color:#fff; line-height:3rem; background:url(/mobile/Images/Index/pho.jpg) no-repeat left center; background-size:1rem 1rem; padding-left:6%; padding-right:6%;}
.g-case p span{ width:35%; height:1.4rem; margin-top:0.75rem; display:inline-block; background:#ff5b03; font-size:0.91rem; font-weight:normal; color:#f6fdd6; line-height:1.4rem; text-align:center;}
/**/
.g-ys h3{ height:5.8rem; padding-left:5.9%; text-align:center; background:url(/mobile/Images/Index/ys_tx.gif) no-repeat center bottom; background-size:100% 1.3rem; padding-top:2.8rem;}
.g-ys h3 img{ width:85%; height:auto; display:block;}
.g-ys h3 em{ width:11%; display:inline-block; font-size:2rem; font-weight:bold; text-align:left; color:#065da4; line-height:2.8rem; background:url(/mobile/Images/Index/ys_d.gif) no-repeat right center; background-size:0.375rem; margin-right:1%; float:left;}
.g-ys h3 em:nth-child(4){ width:8%; background:none;}
.g-ys h3 span{ display:block; float:left; font-size:1.25rem; color:#000; line-height:1.8rem;}
.g-ys h3 strong{ display:block; float:left; font:0.58rem "Microsoft YaHei"; font-style:oblique; color:#d1d1d1; line-height:0.58rem;}
.g-ys .m-ys { width:100%; height:auto; overflow:hidden;}	
.m-ys .con{ float:left;}
.m-ys dt{ width:90.6%; margin:0 auto; padding-top:0.5rem;}
.m-ys dt img{ width:100%; height:auto;}
.m-ys dd{ width:87.5%; margin:0 auto;}
.m-ys dd span{ display:block; font-size:1rem; font-weight:bold; color:#065da4; line-height:2.7rem; border-bottom:1px dashed #ccc; margin:0.5rem 0;}
.m-ys dd p{ height:5.4rem; font-size:0.91rem; color:#838383; line-height:1.25rem;}
.m-ys ul{ height:2.5rem; background:url(/mobile/Images/Index/ys_x2.gif) no-repeat center center; background-size:25rem 1px; margin-bottom:2.25rem;}
.m-ys li{ width:9.3%;float:left; background:#ababab; font:1.25rem Impact; color:#f6fdd6; line-height:2.5rem; text-align:center; margin-left:2%;}
.m-ys ul li:nth-child(1){ margin-left:33.4%;}
.m-ys .z-on{ background:#065da4;}
/**/
.g-part{background-image: -webkit-gradient(linear, left top, left bottom, from(#065da4), to(#015198)); 
background-image: -webkit-linear-gradient(top,   #065da4, #015198); 
background-image: -moz-linear-gradient(top, #065da4, #015198);
background-image: linear-gradient(top,  #065da4, #015198);}
.g-part h3{ font-size:1rem; font-weight:bold; color:#fff; line-height:2.1rem; background:url(/mobile/Images/Index/pa_b1.jpg) no-repeat left top; background-size:100% 2.1rem; padding-left:8.5%; margin-bottom:1.16rem;}
.g-part .m-pa{ width:93.9%; margin:0 auto; position:relative;}
.m-pa .prev , .m-pa .next{ width:3.6%; height:1.9rem; position:absolute; top:1rem;}
.m-pa .prev img , .m-pa .next img{ width:100%; height:auto;}
.m-pa .prev{ left:0;}
.m-pa .next{ right:0;}
.m-pa .nowarp{ width:88.5%; margin:0 auto;}
.m-pa .nowarp .con{ float:left;}
.m-pa .nowarp li{ width:31.2%; height:8.3rem; float:left; margin-right:3%; text-align:center;}
.m-pa .nowarp a:nth-child(3) li{ margin-right:0;}
.m-pa .nowarp li img{ width:100%; height:auto; border-radius:5px;}
.m-pa .nowarp li span{ font-size:0.91rem; color:#c2cedf; line-height:2.2rem;}
/**/
.g-about{ background:#f1f1f1;}
.g-about h3{ height:3.6rem; text-align:center; margin-top:1.25rem;}
.g-about h3 span{ font-size:1.5rem; font-weight:bold; color:#065da4; line-height:3.6rem;}
.g-about h3 img{ width:30.6%; height:auto; vertical-align:text-bottom; margin-left:1%;}
.g-about dl{ width:73.7%; margin:0 auto;padding-bottom:2.5rem;}
.g-about dt{ width:100%; height:10.75rem; margin-bottom:0.75rem;}
.g-about dt img{ width:100%; height:auto; box-sizing:border-box; border:0.125rem solid #fff;}
.g-about dd p{ font-size:0.91rem; color:#666; line-height:1.25rem; height:4.4rem;} 
.g-about dd span{ font-size:0.91rem; color:#ec6c00; line-height:0.91rem; text-align:center; display:block; }
/**/
.g-dy .m-cnt{ height:3rem; background:#065da4; overflow:hidden; padding-left:3.1%; margin-bottom:0.75rem;}
.g-dy .m-cnt span{ float:right; width:14.3%; font:0.75rem Arial; color:#fff; text-transform:uppercase; line-height:3rem; background:url(/mobile/Images/Index/dy_t1.gif) no-repeat right center;background-size:0.91rem; margin-right:3.1%;}
.g-dy .m-cnt li{ float:left; padding:0 3.4%; font-size:0.91rem; color:#fff; line-height:3rem;}
.g-dy .m-cnt .z-on{ background:#ec6c00;}
.g-dy .sclwrap_box{ width:93.7%; margin:0 auto;}
.g-dy .sclwrap_box .con{ float:left;}
.g-dy .sclwrap_box li{ font-size:1rem; color:#737373; line-height:2.6rem; border-bottom:1px dashed #dad9d9; padding-left:6.3%; background:url(/mobile/Images/Index/dy_d.gif) no-repeat 2.5% center; background-size:0.33rem 0.58rem;} 
.g-dy .sclwrap_box a:nth-last-child(1) li{ border-bottom:0;}




/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/

@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:83%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}

@media screen and (min-width:414px) {
	html { font-size:98%;}
}

@media screen and (min-width:480px) {
	html { font-size:112%;}
}
@media screen and (min-width:568px) {
	html { font-size:120%;}
}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}