@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}


/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }


/*yz*/


.bt{text-align: center;font-size: 0;line-height: 0;}
.bt span b{display: inline-block;width: 1rem;height: 0.05rem;color: #358ee4;content: "";background: #358ee4;
    margin: 0 1rem;vertical-align: middle;}
.bt span{display:block;font-size: 1.5rem;color: #358ee4;line-height: 1.5rem;}
.bt i{display: block;font-size: 0.7rem;color: #666666;line-height: 0.7rem;text-transform: uppercase;font-family: "Arial";padding-top: 0.6rem;}

.wb_yz ul{ display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;} 
.wb_yz ul li{ float: left; width: 25%;position: relative;margin-top: 1rem;}
.wb_yz ul li:after{ position: absolute;left: 0;top: 0;width: 0.1rem;height: 3rem;background: #9b9b9b;content: "";}
.wb_yz ul li:first-child:after{ background: 0;}
.wb_yz ul li img{  display: block;width: 5rem;height: 3rem;margin: 0 auto;}
.wb_yz ul li span{ display: block;font-size: 0.8rem;line-height:0.8rem ;color:#333333 ;margin-top: 0.9rem;text-align: center;}

.wb_xm{ padding-top: 2.3rem;}
.wb_xm .wb_xmcon{ margin: 1rem 1.4% 0;}
.wb_xm .wb_xmcon li{ float: left;width:49.19% ;}
.wb_xm .wb_xmcon li:nth-child(2n){ float: right;}
.wb_xm .wb_xmcon li img{ display: block;width: 100%;}
.wb_xm .wb_xmcon li span{ display: block;font-size:0.8rem ;line-height: 2.1rem;color: #000000;}
.wb_xmcon .swiper-pagination{margin-top:0.6rem;position: relative;}
.wb_xmcon  .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: 0; width: 1rem; height: 1rem;margin: 0 0.3rem;border:1px solid #c2c2c2;}
.wb_xmcon  .swiper-pagination .swiper-pagination-bullet-active{background: #358ee4;border:1px solid #358ee4;}

.wb_yd{ padding-top: 3.3rem;}
.wb_yd ul{ margin: 2.3rem 1.4% 0;border:1px solid #eeeeee;box-sizing: border-box;}
.wb_yd ul li{ height: 2.8rem;line-height: 2.8rem;border-bottom: 1px solid #eeeeee;box-sizing: border-box;font-size: 1rem;color: #333333;}
.wb_yd ul li:last-child{ border-bottom: 0;}
.wb_yd ul li img{ display: block;float: left;width: 2.75rem;height: 2.75rem;margin-right: 1.6rem;}


.wb_js{ padding-top: 3rem;}
.wb_jscon{ background:url(../images/wb_jsbg.jpg) no-repeat center;background-size: 100% 41.9rem;height: 40.4rem;padding-top: 1.5rem;margin-top: 1.6rem;}
.wb_jscon .wb_jst{ margin: 0 1.25% 0 1.875%;}
.wb_jscon .wb_jst li{ width: 50%;height: 11.8rem;margin-bottom:0.5rem ;float: left;}
.wb_jscon .wb_jst li img{ display: block;width: 100%;}
.wb_liu{ margin: 0 1.25% 0 1.875%;height: 13.4rem;background:url(../images/wb_liubg.jpg) no-repeat center;background-size: 100% 13.4rem;}
.wb_liu h3{ display: block;text-align: center;font-size: 1rem;line-height: 1.8rem;color: #333333;font-weight: bold;}

.wb_xq{ padding-top: 3.8rem;}
.wb_xqt{ margin:1.2rem 1.875% 0;}
.wb_xqt li{float: left;width: 25%;background: #cdcdcd;height:3.2rem ;line-height:3.2rem ;text-align: center;font-size: 1.2rem;color: #fffefe;margin-bottom: 0.5rem;}
.wb_xqt li.cur{ background: #358ee4;}
.wb_xqcon{ margin: 0.5rem 1.875% 0;}
.wb_xqcon dl{position: relative;}
.wb_xqcon dt img{ display: block;width: 100%;}
.wb_xqcon dd{ position: absolute;left: 0;bottom: 0;height: 12.9rem;padding: 0 11%;background: rgba(0,0,0,0.5);}
.wb_xqcon dd h3{ display: block;font-size: 1.3rem;line-height:1.3rem ;color: #fff;padding:1.1rem 0 ;}
.wb_xqcon dd p{ font-size:0.7rem ;line-height:1.5rem ;color: #ffffff;}

.wb_db{ padding-top: 3rem;}
.wb_db p{ margin-top: 0.8rem;width: 100%;}
.wb_db p img{ display: block;width: 100%;}


.wb_ys{ padding-top: 2.2rem;}
.wb_yscon{ padding-top: 1.4rem;margin-top: 1.5rem;height: 34.6rem;background: #f0f0f0;}
.wb_yscon .wb_ysqie{ margin:0 1.7%;}
.wb_yscon dt{display: block;width: 96.6%; }
.wb_yscon dt img{ display: block;width: 100%;}
.wb_yscon dd h3{ display: block;font-size: 1.5rem;line-height:1.5rem ;color: #358ee4;padding:1.8rem 0 0;font-weight: bold;margin-bottom: 0.4rem;}
.wb_yscon dd p{ font-size:0.9rem ;line-height:1.8rem ;color: #333333;padding-left: 2.2rem;position: relative;width:87%;}
.wb_yscon dd p:after{ position: absolute;left: 0;top: 0.9rem;width:1.6rem ;height: 0.1rem;background: #0463c9;content: "";}
.wb_yst{ margin-top: -2.3rem;margin-left: 6.9rem;z-index: 100;position: relative;}
.wb_yst li{ float: left;width: 4.4rem;height: 1.2rem;border-right:1px solid #fff;line-height: 1.2rem;font-size:0.9rem ;color: #fff;text-align: center;background: #358ee4;}
.wb_yst li.cur{ background: #07437e;}


.wb_zz{ padding-top: 4rem;}
.wb_zzcon{ background:url(../images/wb_zzbg.jpg) no-repeat center;background-size: 100% 42.6rem;height: 41.9rem;padding-top: 0.7rem;margin-top: 0.7rem;}
.wb_zzcon ul{ margin: 0 6.25%;}
.wb_zzcon li{ float: left;width: 48.2%;margin-bottom: 1rem;}
.wb_zzcon li:nth-child(2n){ float: right;}
.wb_zzcon li img{ display: block;width: 100%;}


.wb_dw{ padding-top: 2.5rem;}
.wb_dw p{width: 100%;margin-top: 1.1rem;}
.wb_dw p img{width: 100%;display: block;}


.wb_abt{ padding-top: 2.2rem;}
.wb_abt dl{ margin: 1.5rem 0 0;}
.wb_abt dt img{ display: block;width: 100%;}
.wb_abt dd{ margin: 0 12.5% 0;height: 10.3rem;}
.wb_abt dd h3 a{ display: block;font-size:1rem ;line-height: 2.2rem;color: #010101;text-align: center;}
.wb_abt dd p{ font-size:0.8rem ;line-height: 1.4rem;color: #666666;}


@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {	font-size: 11.25px;}}
@media screen and (min-width:375px) {html {	font-size: 11.7px;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}