/*banner*/

.g-adv .m-box img {
    display: block;
}


/*nav*/
nav{height:8.27rem; width:100%; overflow:hidden; background:#fefefe; 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{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.54rem; overflow:hidden; background:#f5f5f5;}
.logo { display:block; float:left; width:24.7%; margin:1.17rem 2.5% 0 4.7%;}

.zil { float:left; height:2.67rem; margin-top:1.38rem; padding-left:2.5%; width:65%;}
.zil i { font-size:1.0rem; color:#da251c; font-weight:bold;}
.zil i span { color:#153a92;}
.zil em { display:block;}
.zil em span { font-size:0.93rem; color:#000;}


.zs {
    height: 6.75rem;
    overflow: hidden;
	background:#2572ca;
}

.zs li {

 border-color: #007fc8 #007fc8 #005192 #005192;
    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: 24.8%;
}

.zs li a {
    background: #2572ca none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 1.12rem;
    height: 3.25rem;
    line-height: 3.25rem;
    text-align: center;
}

/*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{ height:24.75rem; 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; height:12.38rem; overflow:hidden;}
.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: #da251c 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: #2572ca;
    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: #da251c 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: #da251c;
}


.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: #2572ca;
    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: #da251c;
}

.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:80%; margin:0 auto;}
.ms .m-box .con dd em { display:block; font-size:0.83rem; color:#333333; border-bottom:1px dashed #bfbfbf; padding:0.5rem 0; 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: #da251c;
}


.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: #2572ca;
    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: #da251c;
}


@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%;}
}