/*banner*/

.g-adv .m-box img {
    display: block;
}


/*nav*/
nav{height:8.27rem; width:100%; overflow:hidden;  padding-top:1.08rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
nav a{
	 background:url(../images/nav_bor.png) repeat-y scroll right top;
    border-bottom: 1px solid #eb5141;
    border-top: 1px solid #9a2115;
	margin:0 0 0.71rem 0.42rem; 
	float:left;  
	color:#fcf5da; 
	text-align:center; 
	font:1.2rem/2.67rem "microsoft Yahei";
	width:8.1rem; 
	height:2.67rem; 
	overflow:hidden; 
	display:block; 
	background:#0b31a0;
	border-radius: 0.5rem;
	-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;
}
.top { height:5.14rem; overflow:hidden;}
.logo { display:block; float:left; width:38%; margin:0.87rem 1.5% 0 1.2%;}

.zil { float:left; height:3.07rem; margin-top:0.87rem; width:59%;}
.zil i { font-size:1.2rem; color:#ee1c25; font-weight:bold;}
.zil i span { color:#153a92;}
.zil em { display:block;}
.zil em span { font-size:1.0rem; color:#000;}


.zs {
    height: 3.35rem;
    overflow: hidden;
	background:#333;
	margin-top:0.2rem;
}

.zs li {
    border-color: #4a4a4a;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: left;
    font-size: 1rem;
    height: 3.35rem;
    line-height: 3.35rem;
    text-align: center;
    text-transform: uppercase;
    width: 19.95%;
}

.zs li a {
    color: #fff;
    display: block;
    font-size: 1.0rem;
    height: 3.25rem;
    line-height: 3.25rem;
    text-align: center;
}


.line1 {
    background: #ee1c25 none repeat scroll 0 0;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    height: 2.3em;
    line-height: 2.3rem;
    padding-left: 28%;
    position: relative;
    width: 72%;
}

.line1 b {
    font-family: arial;
    font-size: 1.2rem;
    font-weight: normal;
}

/*m-case-------------------------------------------------------------------------------------------------------------------------------*/
.m-case{ height:32.33rem; width:100%; overflow:hidden; background:#fefefe; border-bottom: 0.12rem solid #333; }
.m-case h2{ height:8.71rem; width:100%; overflow:hidden;}
.m-case dl{ margin-bottom:1.42rem; width:25.83rem; height:9.33rem; overflow:hidden; background:url(../images/case_ibj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-case dt{ padding-left:0.42rem; float:left; width:11.25rem; height:8.92rem; overflow:hidden;}
.m-case dd{ float:right; display:inline; padding-right:0.42rem; width:13.0rem; overflow:hidden; color:#222; font:1rem/1.5rem "Microsoft Yahei";}
.m-case dd a{ margin-top:1.5rem; display:block; font:bold 1.17rem/2.33rem "Microsoft Yahei"; color:#333;}
.cs_dl02 dt{ float:right; padding:0 0.42rem 0 0;}
.cs_dl02 dd{ float:left; padding:0 0 0 0.42rem;}


/*m-fag-------------------------------------------------------------------------------------------------------------------------------*/
.m-fag{ height:17.46rem; width:100%; overflow:hidden; background:url(../images/bann1.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; }
.m-fag a{ display:block; margin:13.42rem auto 0; width:10.0rem; height:1.88rem; overflow:hidden; color:#fcf5da; font:0.92rem/1.88rem "Microsoft Yahei"; text-align:center;
border:1px solid #853908; border-radius:0.2rem;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#853908+0,82461e+52,562e15+100 */
background: #000; /* Old browsers */
background: -moz-linear-gradient(top,  #333 0%, #222 52%, #111 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #333 0%,#222 52%,#111 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #333 0%,#222 52%,#111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#111',GradientType=0 ); /* IE6-9 */

}


/*m-xt-------------------------------------------------------------------------------------------------------------------------------*/
.m-xt{ position:relative; height:32.46rem; width:100%; overflow:hidden;  background:url(../images/xt_bj.jpg) repeat-x left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:3.38rem 100%;}
.m-case h2{ height:5.92rem; width:100%; overflow:hidden;}

.m-xt .prev , .m-xt .next{ position:absolute; z-index:999; width:7.21rem; height:2.17rem; overflow:hidden; top:27.92rem;}
.m-xt .prev { left:4.25rem;}
.m-xt .next{ right:4.25rem;}

.m-xt .sclwrap_box ,.m-xt .m-box{ height:22.0rem; overflow:hidden;}
.m-xt .con{ display:inline; float:left; width:100%;}
.m-xt .con ul{ margin:0 auto; line-height:0rem; height:19.46rem;  width:24.58rem; overflow:hidden;}
.m-xt .con ul li{ float:left; height:19.46rem;  width:11.5rem; overflow:hidden;background:url(../images/xt_ibj.jpg) repeat-x left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-xt .con ul li:nth-child(1){ margin-right:1.25rem;}
.m-xt .con ul li em{ display:block; margin:2.17rem auto 0.2rem; width:6.96rem; height:6.96rem; overflow:hidden;}
.m-xt .con ul li b{ position:relative; margin-bottom:0.42rem; display:block; text-align:center; color:#333; height:2.33rem; overflow:hidden; font: bold 1.33rem/2.33rem "Microsoft Yahei";}
.m-xt .con ul li b:before{ z-index:100; position:absolute; content:""; left:3.75rem; top:2.28rem; height:0.08rem; width:4.0rem; background:#795b47; }
.m-xt .con ul li p{ display:block; text-align:center; color:#333; font:0.83rem/1.46rem "Microsoft Yahei";}



/*m-xq-------------------------------------------------------------------------------------------------------------------------------*/
.m-xq{ height:18.58rem; width:100%; overflow:hidden; background:#fff;}
.m-xq h2{ height:6.08rem; width:100%; overflow:hidden;}
.m-xq ul{ padding:0 0.42rem;}
.m-xq li{ float:left; width:7.88rem; height:7.13rem; overflow:hidden; margin:0 1rem 1.75rem 0; color:#fcf5da; font:bold 1.17rem/1.5rem "Microsoft Yahei"; text-align:center; padding-top:2.04rem;	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
 background:url(../images/xq_p2.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-xq ul .z-on{ color:#333;background:url(../images/xq_p1.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-xq li:nth-child(3n){ margin-right:0rem;}


/*m-dz-------------------------------------------------------------------------------------------------------------------------------*/
.m-dz{ position:relative; height:24.17rem; width:100%; overflow:hidden; background:#fff;}
.m-dz p{ line-height:0rem;}
.m-dz h2{ position:absolute; left:0rem; top:0rem; height:6.48rem; width:100%; overflow:hidden;}
.m-dz ul{ position:absolute; top:7.29rem; right:0rem; width:10.25rem; overflow:hidden;}
.m-dz li{ display:block; margin-bottom:3rem; color:#333; font:1rem/1.17rem "Microsoft Yahei";}
.m-dz li b{ display:block; color:#333; font:bold 1.17rem/1.33rem "Microsoft Yahei";}


/*m-bann1-------------------------------------------------------------------------------------------------------------------------------*/
.m-bann1{ height:5.83rem; width:100%; overflow:hidden;  background:url(../images/bann2.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}


/*m-pro-------------------------------------------------------------------------------------------------------------------------------*/
.m-pro{ position:relative; height:54.67rem; width:100%; overflow:hidden; background:#fff;}
.m-pro h2{ margin:1.75rem auto 1rem; height:2.75rem; width:100%; text-align:center; color:#333; font:bold 1.5rem/1.71rem "Microsoft Yahei";}
.m-pro h2 i{ display:block; text-transform:uppercase; color:#333; font:1rem/1rem "Microsoft Yahei";}

.m-pro .m-cnt{ margin:0 auto 1.67rem; height:2.71rem; width:25.83rem; overflow:hidden; background:url(../images/pro_p.gif) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-pro .m-cnt li{ position:relative; float:left; width:8.61rem; height:2.71rem;overflow:hidden; font:1rem/2.5rem "microsoft Yahei"; color:#222; text-align:center; padding-top:0.21rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .m-cnt li:before{ position:absolute; content:""; right:0rem; top:0.21rem; width:1px; height:2.5rem; background:#ddd;}
.m-pro .m-cnt .z-on:before{ background:none;}
.m-pro .m-cnt .z-on{ color:#fff; background-color:#0b31a0;
}

.m-pro span{ position:absolute; right:0.42rem; top:5.71rem;  height:2.71rem; width:6.25rem; text-align:center;  font:0.83rem/2.5rem "Microsoft Yahei"; color:#222;}

.m-pro .sclwrap_box , .m-pro .m-box{ height:43.97rem; overflow:hidden;}
.m-pro .con{float:left; width:100%; display:inline;}
.pro ul{ padding:0 1.14rem;}
.pro li{ float:left; width:11.5rem; height:11.1rem; overflow:hidden;}
.pro li:nth-child(2n){ margin-left:1.13rem;}
.pro li img{ width:11.33rem; height:8.6rem; padding:1px; border:1px solid #000; background:#fff5d9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }
.pro li p{ display:block; height:2.5rem; overflow:hidden; text-align:center; color:#444; font:1rem/2.5rem "Microsoft Yahei";}

.pro em{ margin:1.8rem auto 0; display:block; width:18.75rem; height:2.5rem; background:none;  color:#333; font:1rem/2.5rem "Microsoft Yahei"; text-align:center; border:1px solid #333; border-radius:1.1rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}



/*m-ys-------------------------------------------------------------------------------------------------------------------------------*/
.m-ys{ position:relative; height:97.70rem; overflow:hidden; width:100%; background:#fff;}
.m-ys p{ line-height:0rem;}
.ys{ position:absolute; left:0rem; top:0rem; height:97.79rem; width:100%; overflow:hidden;}
.ys h2{ margin-top:2rem; height:4.58rem; overflow:hidden;  text-align:center; color:#db0c0c; text-align:center; font:bold 2rem/2.17rem "Microsoft Yahei";}
.ys h2 em{ display:block; color:#333; font:bold 1rem/1.17rem "Microsoft Yahei";}
.ys h2 i{ display:block; color:#dfc9a2; font:1rem/1rem "Times New Roman", Times, serif; text-transform:uppercase;}

.ys dl{ padding:0 0.42rem; width:25.83rem; overflow:hidden;}
.ys dt{ height:3.04rem; overflow:hidden; color:#333; font:bold 1.33rem/3.04rem "Microsoft Yahei";  border-bottom:1px solid #dbbf95; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.ys dt em{ float:left; padding-right:0.42rem; display:inline-block; width:2.25rem; height:2.33rem; overflow:hidden;}
.ys dd{ position:relative; float:left;padding-left:0.75rem; width:12.72rem; overflow:hidden;  color:#333; font:1rem/2.08rem "Microsoft Yahei"; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.ys dd:before{ position:absolute; content:""; left:0rem; top:1rem; width:0.29rem; height:0.29rem; overflow:hidden; background:#333; border-radius:100%; border-bottom:1px solid #333; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.ys01{ position:absolute; left:0rem; top:18.0rem;}
.ys02{ position:absolute; left:0rem; top:44.0rem;}
.ys03{ position:absolute; left:0rem; top:68.0rem;}
.ys04{ position:absolute; left:0rem; top:88.54rem;}
.ys04 dd{ font-size:0.92rem;}

/*m-jm-------------------------------------------------------------------------------------------------------------------------------*/
.m-jm{ position:relative; height:11.58rem; overflow:hidden; background:#fff;}  
.m-jm h2{ height:5.54rem; overflow:hidden;}

.m-jm .prev , .m-jm .next{ position:absolute; z-index:999; width:2.5rem; height:3.42rem; overflow:hidden; top:5.02rem;}
.m-jm .prev { left:0.42rem;}
.m-jm .next{ right:0.42rem;}

.m-jm .sclwrap_box ,.m-jm .m-box{ height:11.42rem; overflow:hidden;}
.m-jm .con{ display:inline; float:left; width:100%;}
.m-jm .con ul{ margin:0 auto; line-height:0rem;  width:24.13rem; overflow:hidden; background:url(../images/jm_ibj2.jpg) no-repeat left 0.75rem;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-jm .con ul li{ position:relative; margin:0 auto; height:11.42rem;  width:17.08rem; overflow:hidden; background:url(../images/jm_ibj.gif) no-repeat left bottom;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:17.08rem 0.83rem;}
.m-jm .con ul li em{ display:block; margin:0 auto; width:15.17rem; height:10.58rem; overflow:hidden;}

.m-jm .con ul li p{ display:block; position:absolute; left:0.95rem; top:9.25rem; width:15.2rem; height:1.33rem; overflow:hidden; display:block; text-align:center; color:#fcf5da; font:0.8rem/1.33rem "Microsoft Yahei"; background:url(../images/jm_span.png) repeat-x left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:15.17rem 1.33rem;}



/*m-lc-------------------------------------------------------------------------------------------------------------------------------*/
.m-lc{ height:18.88rem; width:100%; overflow:hidden;background:url(../images/lc_bj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; }
.m-lc h2{ height:5.96rem; overflow:hidden;}
.m-lc ul{ padding:0 1.42rem; margin:0 auto;}
.m-lc li{ float:left; margin:0 2.75rem 1.29rem 0; height:8.17rem; width:6.08rem; overflow:hidden;}
.m-lc li em{ display:block; text-align:center; height:2.08rem; overflow:hidden; font: bold 1rem/2.08rem "Microsoft Yahei"; color:#000;}
.m-lc li:nth-child(3n){ margin-right:0rem;}

/*m-kh-------------------------------------------------------------------------------------------------------------------------------*/
.m-kh{ height:23.5rem; overflow:hidden; background:#fff; }
.m-kh h2{ height:5.83rem; overflow:hidden;}
.m-kh dl{ position:relative; margin:0 auto 1.33rem; width:24.92rem; height:6.96rem; overflow:hidden; background:#fcf5da;}
.m-kh dt{ float:left; width:6.96rem; height:6.96rem; overflow:hidden;}
.m-kh dd{ float:right; padding-right:0.67rem; width:16.67rem; font:0.83rem/1.29rem "Microsoft Yahei";color:#333;}
.m-kh dd h3{ padding:0.5rem 0 0; font:bold 0.83rem/1.5rem "Microsoft Yahei"; color:#333;}
.m-kh dd em{ position:absolute; right:0rem; bottom:0rem; display:block; width:3.33rem; height:1.5rem; overflow:hidden; font:bold 0.5rem/1.5rem "Microsoft Yahei"; text-align:center; color:#fcf5da; background:#76563c;}


/*m-reg-------------------------------------------------------------------------------------------------------------------------------*/
.m-reg{ position:relative; height:28.17rem; width:100%; overflow:hidden;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; }
.m-reg p{ line-height:0rem;}
.m-reg h2{ position:absolute; top:3.42rem; left:4.48rem; width:19.75rem; height:3.96rem; overflow:hidden; font:bold 1.33rem/1.75rem "Microsoft Yahei"; color:#000;}
.m-reg h2 i{ display:block; font:1rem/1.33rem "Microsoft Yahei";color:#000;}

.m-reg ul{ position:absolute; top:7.38rem; left:4.48rem; width:19.75rem;}
.m-reg li{ margin-bottom:0.83rem; height:1.83rem; width:17.92rem; line-height:1.83rem; vertical-align:middle; overflow:hidden; color:#f30; background:#fff; border:1px solid #d2c8c0; border-radius:0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-reg li span{ float:left; width:3.75rem; display:inline-block; text-align:center; font:bold 0.83rem/1.83rem "Microsoft Yahei"; color:#666;}

.m-reg .li01{float:left; width:8.67rem; overflow:hidden;}
.m-reg .li01:nth-child(2){ margin-left:0.5rem;}
.m-reg li .inp1{ float:left; padding-right:0.2rem; padding-left:0.3rem; width:4.0rem; height:1.83rem; overflow:hidden; background:none; resize:none; border:0; color:#666; font:1rem/1.83rem "microsoft Yahei"; resize:none; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-reg li .inp2{ float:left; padding-right:0.2rem; padding-left:0.3rem; width:13rem; height:1.83rem; overflow:hidden; background:none; resize:none; border:0; color:#666; font:1rem/1.83rem "microsoft Yahei"; resize:none; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.m-reg .li03{ height:3.71rem; overflow:hidden;}
.m-reg .li03 .inp3{float:left; padding-right:0.2rem; padding-left:0.3rem; width:13rem; height:3.71rem; overflow:hidden; background:none; resize:none; border:0; color:#666; font:1rem/1.83rem "microsoft Yahei"; resize:none; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.m-reg .li04{ border:none; background:none;}
.m-reg .li04 em{ float:right; width:3.42rem; height:1.29rem; overflow:hidden; padding-top:0.25rem; line-height:0rem;}
.m-reg .li04 p{ float:left; width:13.58rem; height:1.83rem; overflow:hidden; line-height:1.83rem; vertical-align:middle; overflow:hidden; color:#f30; background:#fff; border:1px solid #d2c8c0; border-radius:0.2rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-reg .li04 .inp4{ width:8.8rem; padding-right:0.2rem;float:left; padding-left:0.3rem; height:1.83rem; overflow:hidden; background:none; resize:none; border:0; color:#666; font:1rem/1.83rem "microsoft Yahei"; resize:none; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.m-reg .li05{ margin:0 auto; width:8.42rem; height:2.46rem; overflow:hidden; border:none; background:url(../images/reg_btn.gif) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-reg .li05 .btn1{ float:left; border:0; background:none;width:8.42rem; height:2.46rem; overflow:hidden; }


/*m-tel-------------------------------------------------------------------------------------------------------------------------------*/
.m-tel{ height:5.50rem; overflow:hidden; background:#fff;}

.m-tel p{ margin:1.75rem auto 0; width:25.83rem; height:3.75rem; overflow:hidden; background:#000; border-radius:1.87rem;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; }
.m-tel p em{ margin-left:5.67rem; float:left; display:inline-block; padding:0.75rem 0.58rem 0 0; vertical-align:top; line-height:0rem; width:2.29rem; height:2.33rem; overflow:hidden;}
.m-tel p em img{width:2.29rem; height:2.33rem;}
.m-tel p span{ display:inline-block; padding-top:0.5rem; float:left; font:0.96rem/1rem "Microsoft Yahei"; color:#fff;}
.m-tel p span b{ display:block; color:#fff; font: bold 1.67rem/1.67rem Arial, Helvetica, sans-serif; font-style:italic;}



/*m-ab-------------------------------------------------------------------------------------------------------------------------------*/
.m-ab{  overflow:hidden; background:#fff;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-ab h2{ height:5.33rem; overflow:hidden;}

.m-ab dl{ margin:0 auto; overflow:hidden; width:25.67rem;}
.m-ab dt{ width:25.67rem; overflow:hidden; margin-bottom:1rem;}
.m-ab dd{ text-align:center; padding:0 1.25rem; color:#222; font:0.83rem/1.5rem "Microsoft Yahei";}
.m-ab dd a{ margin:0.87rem auto 0; display:block; color:#222; font:bold 1rem/2.17rem "Microsoft Yahei";}


/* news-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ position:relative; height:20.08rem; overflow:hidden;background:#fff; }
.m-news .m-cnt{ margin:1.75rem auto 1.17rem; height:3rem; width:100%; overflow:hidden;}
.m-news .m-cnt li{float:left; margin-left:0.42rem; display:inline; width:8.33rem; height:3.0rem;overflow:hidden; text-align:center; font:1.08rem/2.67rem "microsoft Yahei"; color:#fcf5da;}

.m-news .m-cnt li{
    background: #2572ca none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-size: 0.92rem;
    font-weight: bold;
    height: 2.38rem;
    line-height: 2.38rem;
    text-align: center;
    width: 30.35%;
	}

.m-news .m-cnt li.z-on{
   background: #ee1c25 none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-size: 0.92rem;
    font-weight: bold;
    height: 2.38rem;
    line-height: 2.38rem;
    text-align: center;
    width: 32.35%;
}
.m-news span{ position:absolute; right:0rem; top:0rem;  height:2.83rem; width:4.9rem; text-align:center;  font:0.75rem/2.83rem Arial, Helvetica, sans-serif; color:#464646;}

.m-news .sclwrap_box , .m-news .m-box{ height:16.67rem; overflow:hidden;}
.m-news .con{float:left; width:100%; display:inline;}

.news_c ul{ padding:0 1.14rem; margin:0 auto;}
.news_c ul li{ padding-left:0.67rem; position:relative; height:2.04rem; overflow:hidden; font:1rem/2.04rem "Microsoft Yahei"; color:#333;}
.news_c ul li:before{ position:absolute; content:""; left:0rem; top:0.92rem; height:0.29rem; width:0.29rem; overflow:hidden; border:1px solid #333; background:#333; border-radius:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }



.dz {
    background: url(../Images/Index/dzbj.jpg) no-repeat scroll 0 0 / 100% 44.08rem;
    height: 36.15rem;
    overflow: hidden;
    position: relative;
}

.dz h4 {
    height: 5.04rem;
    padding-top: 1.5rem;
    text-align: center;
}

.dz h4 em {
    color: #333;
    display: block;
    font-size: 1.67rem;
    font-weight: bold;
}

.dz h4 span {
    color: #333333;
    display: block;
    font-size: 0.83rem;
    font-weight: bold;
}

.dz h4 span {
    color: #333333;
    display: block;
    font-size: 0.83rem;
    font-weight: bold;
}

.dz .c-list {
    border-bottom: 1px solid #9c9c9c;
    font-size: 0.83rem;
    height: 3.04rem;
    line-height: 3rem;
    overflow: hidden;
}


.dz .c-list li.z-on {
    background: #ee1c25 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
}
.dz .c-list li {
    border-color: #9c9c9c;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0 0;
    color: #494d43;
    float: left;
    height: 3rem;
    text-align: center;
    width: 24.6%;
}
.m-cpcon .m-box .page {
    float: left;
    position: relative;
}

.m-cpcon .m-box .page dt {
    display: block;
    width: 100%;
}

.m-cpcon .m-box .page dt {
    display: block;
    width: 100%;
}

.m-cpcon .m-box .page em {
    display: block;
    padding: 1rem 15.8% 0;
}

.m-cpcon .m-box .page em a:nth-child(1) {
    background: #2572ca none repeat scroll 0 0;
    float: left;
}




.dz h4 em i {
    color: #ee1c25;
}


.index_case {
    margin-left: 0.8rem;
}

.index_case li:nth-child(2n+1) {
    margin-right: 1rem;
}
.index_case li {
    float: left;
    height: 12.46rem;
    overflow: hidden;
    width: 11.83rem;
}

.index_case li img {
    background: #193ea9 none repeat scroll 0 0;
    box-sizing: border-box;
    height: 8.8rem;
    padding: 1px;
    width: 11.7rem;
}

.index_case li p {
    color: #444;
    display: block;
    font: 1rem/2.5rem "Microsoft Yahei";
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
}

.ms h4 {
    height: 5.04rem;
    padding-top: 1.5rem;
    text-align: center;
}

.ms h4 em {
    color: #333;
    display: block;
    font-size: 1.67rem;
    font-weight: bold;
}

.ms h4 span {
    color: #333333;
    display: block;
    font-size: 0.83rem;
    font-weight: bold;
}
.ms h4 em i {
    color: #ee1c25;
}

.ms .m-box .con { display:inline; float:left;}
.ms .m-box .con dl { margin:0 2.8% 0 6.1%; height:26.85rem;}
.ms .m-box .con dt { width:100%; margin:0 auto;}
.ms .m-box .con dd em { display:block; font-size:0.73rem; color:#333333;  padding-left:3.2%; background:url(../images/msy.png) no-repeat left 0.8rem; background-size:0.63rem 0.63rem;}
.ms .m-box .con dd em:nth-child(3) { border:0;}
.ms .m-cnt { width:100%; display:inline-block;}
.ms .m-cnt li { width:47%; height:2.21rem; line-height:2.21rem; background:url(../images/msk.jpg) no-repeat; background-size:100% 2.21rem; overflow:hidden; margin-left:2%; margin-bottom:1rem; float:left;}
.ms .m-cnt li i { display:block; float:left; width:9%; margin:0 6.4%; }
.ms .m-cnt li span { display:block; float:left; font-size:0.63rem; color:#fff; line-height:2.21rem; margin-left:4.8%;}
.ms .m-cnt li.z-on { font-weight:bold; background:url(../images/msk1.jpg) no-repeat; background-size:100% 2.21rem;}


.dz h4 em i {
    color: #ee1c25;
}


.index_case {
    margin-left: 0.8rem;
}

.index_case li:nth-child(2n+1) {
    margin-right: 1rem;
}
.index_case li {
    float: left;
    height: 12.46rem;
    overflow: hidden;
    width: 11.83rem;
}

.index_case li img {
    background: #193ea9 none repeat scroll 0 0;
    box-sizing: border-box;
    height: 8.8rem;
    padding: 1px;
    width: 11.7rem;
}

.index_case li p {
    color: #444;
    display: block;
    font: 1rem/2.5rem "Microsoft Yahei";
    height: 2.5rem;
    overflow: hidden;
    text-align: center;
}

.list h4 {
    height: 5.04rem;
    padding-top: 1.5rem;
    text-align: center;
}

.list h4 em {
    color: #333;
    display: block;
    font-size: 1.67rem;
    font-weight: bold;
}

.list h4 span {
    color: #333333;
    display: block;
    font-size: 0.83rem;
    font-weight: bold;
}
.list h4 em i {
    color: #ee1c25;
}


/*资讯*/
.g_zx{height: 18rem;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 15rem; }

.g_zx .m-cnt {position: relative;background: #f8dc3a; }
.g_zx .m-cnt li{position: relative;  }
.g_zx .m-cnt li,.g_zx .m-cnt{height: 2.33rem;line-height: 2.33rem;}
.g_zx .m-cnt li { color: #fff; position: relative; text-align: center;
    display: inline;
    float: left;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    width: 33%;}
.g_zx .m-cnt li:nth-child(3n){margin-right: 0;}
.g_zx .m-cnt li.z-on { color: #fff;background: #ee1c25;}
.g_zx .m-cnt li.z-on:before {
    border-left: 0.6em solid transparent;
    border-right: 0.6em solid transparent;
    border-top: 0.6rem solid #ee1c25;
    bottom: -16%;
    content: "";
    left: 50%;
    margin-left: -2px;
    position: absolute;
}

.m_dtc{float: left;display: inline;}
.m_dtc dl{padding: 1.8rem 2% 0 2%; }
.m_dtc dt{float: left;width: 36%;margin-right: 3%;}
.m_dtc dt img{width: 100%;display: block; border: 1px solid #e5e5e5;}
.m_dtc dd{float: left;width: 60%;}
.m_dtc dd h3{height: 1.2rem;line-height: 1.2rem;overflow: hidden;font-size: 0.9rem; }
.m_dtc dd h3 a{color: #050000;font-weight: normal; display: block;}
.m_dtc dd p{color: #535353;font-size: 0.8rem;line-height: 1.2rem;height: 2.4rem;overflow: hidden;}
.m_dtc dd span{display: block; width:6.3rem;height: 1.5rem;line-height: 1.5rem;background: #c2c2c2;text-align: center; color: #fff;font-size: 0.9rem; margin-top: 3%;}
.m_dtc dd span a{color: #fff;}


.m_dtc ul {
    margin: 0 auto;
    padding: 10px 20px 5px 10px;
}
.m_dtc ul li {
    border-bottom: 1px dashed #ececec;
    font-size: 0.9rem;
    height: 2.0rem;
    line-height: 2.0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m_dtc  ul li a {
    color: #000;
}
.m_dtc ul li span {
    color: #000;
    float: right;
}

.g_pro {height: 37.33rem;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 30.8rem;}

.g_pro .m-cnt {position: relative;background: #f8dc3a; }
.g_pro .m-cnt li{position: relative;  }
.g_pro .m-cnt li,.g_pro .m-cnt{height: 2.33rem;line-height: 2.33rem;}
.g_pro .m-cnt li { color: #fff; position: relative; text-align: center;
    display: inline;
    float: left;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    width: 25%;}
.g_pro .m-cnt li:nth-child(3n){margin-right: 0;}
.g_pro .m-cnt li.z-on { color: #fff;background: #ee1c25;}
.g_pro .m-cnt li.z-on:before {
    border-left: 0.6rem solid transparent;
    border-right: 0.6rem solid transparent;
    border-top: 0.6rem solid #ee1c25;
    bottom: -16%;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
}


.g_pro .m-cnt span{position: absolute; right:3%;top:1%;text-transform: uppercase; color: #fff;font-size: 1rem;}
.g_pro .m-cnt span a{color: #fff;}

.g_pro .con{float: left; display: inline;}
.g_pro .u_lst8{padding:5% 2% 0 2%; }
.g_pro .u_lst8 li{float: left; width: 47%; margin-right: 4%; z-index: 2; margin-bottom: 2%; }
.g_pro .u_lst8 li img{width: 100%;display: block;
border: 1px solid #dadada;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.g_pro .u_lst8 li em{font-size: 0.9rem; color: #333333; height: 2.6rem; line-height: 2.6rem; text-align: center; display: block; font-weight: normal; overflow: hidden;width: 100%;}
.g_pro .u_lst8 a:nth-child(2n) li{margin-right: 0}

.g_pro .btn1{text-align: center; margin: 0 5%;height: 2rem;line-height: 2em;text-align: center; font-size: 1rem; color: #333333; border: 2px solid #bcbcbc; width: 90%;display: block;}


@media screen and (min-width:320px){
	html{ font-size:75%;}
}
@media screen and (min-width:360px){
	html{ font-size:85%;}
}
@media screen and (min-width:375px){
	html{ font-size:87.5%;}
}
@media screen and (min-width:400px){
	html{ font-size:93.75%;}
}			
@media screen and (min-width:414px){
	html{ font-size:96%;}
}
@media screen and (min-width:480px){
	html{ font-size:112.5%;}
}
@media screen and (min-width:568px){
	html{ font-size:131.25%;}
}
@media screen and (min-width:639px){
	html{ font-size:150%;}
}