@charset "utf-8";
/* CSS Document */

/*css reset*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{margin:0;padding:0;}
body{font-size:14px;font-family: '微软雅黑';}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
a,u{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
input{outline:none;}
img{display:block; border:0;}
.clearfix:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility: hidden;}/*清除浮动*/

section{ min-width: 320px;  width: 100%;}
.white_container{ width:100%; background-color:white;}
.gray_container{ width:100%; background-color: #f6f6f6;}
.main_container{ max-width:1190px; margin: 0 auto;}
.top48{margin-top:2.5%;}
.paddingtop48{ padding-top:2.5%}
.aligncenter{ text-align:center;}
.arrow1{display:inline-block; background: url(../../images/wlst/kj/icons.png); background-position: -8px -60px; width: 21px; height: 20px;vertical-align: middle; }

.PCheader_container{ box-shadow:none; background-color: white; }
.header{padding:16px 0;}
.logo_left{ float:left; }
.logo_left img{ display: inline-block; float:left;}
.logo_left span{ display: inline-block; float:left; line-height: 60px; font-size:24px; color:#1b2c69; margin-left:10px;}
.nav_right{ float:right;}
.nav{ margin-top:10px;}
.nav li{ float:left; line-height: 30px;margin: 0 14px; cursor: pointer;}
.nav li a{float:left;   color:#333333; font-size:16px;}
.nav .currentNav{ border-bottom:2px solid #ff6600;}
.nav .currentNav a{ color:#ff6600;}

.mobileheader_container{ display:none; position:fixed; top:0; left:0; z-index: 999;border-bottom:1px solid #eeeeee}
.mob_header{ padding:6px 14px;}
.mobile_logoleft{ float:left; width: 80%}
.mobile_logoleft img{display: inline-block; float:left; width: 100%; }
.mobile_logoleft span{ display: block;width: 70%;  float:left; margin-top: 10px; font-size:24px; color:#1b2c69; margin-left:10px;}
.mobile_nav{ float:right; width: 15%}
.mov_navbtn{ width: 30px; height:26px; border:2px solid #1b2c69; border-radius: 4px; float:right; margin-top:18px;}
.mov_navbtn i{ display: block;margin:13%; border-bottom:2px solid #1b2c69}
.btnnav{ margin-top:6px;}
.mobilenav_list{position:absolute;top:0; left:0; z-index: 999; width: 100%; background-color: white;box-shadow: 4px 4px 14px; margin-top:64px; display: none;}
.mobilenav li{  line-height: 40px; margin-left:14px;margin-right:14px; border-bottom:1px solid #EBEBEB}
.mobilenav li a{ color:#333333;}

/*banner*/

.device {width: 100%;margin: 0 auto;position: relative;}
.arrow-left{background: url(../../images/wlst/kj/arrows.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 99}
.arrow-right{background: url(../../images/wlst/kj/arrows.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 99}
.pagination{position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;z-index: 888}
.swiper-container {width: 100%;}
.swiper-slide{ position:relative;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.banner_container .swiper-slide img{ display:block;}
.banner_text{ position: absolute;top:0; left: 50%; margin-left:-31%; margin-top: 7%}
.banner_text p{ font-size:72px; color:white; font-weight: bold; text-shadow: 2px 2px 10px #101010;}
.banner_text span{font-size:52px; color:#fffc00; display: block;text-shadow: 2px 2px 10px #101010;}

/*公司介绍*/
.title_container{ width: 100%; text-align: center;}
.title_container span{ font-size:37px; line-height: 64px; border-bottom: 2px solid #005a9e; color:#333333;font-weight: bold; display: block; }
.floor_container{ margin-top: 26px;}
.floor1_top img{ float:left; width: 22.8%;}
.floor1_top .floor1_advan{ float:left; width:77.2%; }
.floor1_top .floor1_advan>span{ font-size:18px; color: #333333; display: block; margin-left:40px; line-height: 48px; margin-top: 4px;}
.rect_icon{ display:inline-block; background: url(../../images/wlst/kj/icons.png); background-position: -8px -6px; width: 19px; height: 19px;vertical-align: middle;}
.chara{ margin-left:40px; margin-top:14px;}
.chara span{ float:left; width: 110px; line-height: 40px; font-size:18px; color:#565cbc; text-align: center; border:1px solid #565cbc; border-radius: 3px; display: inline-block; margin-right: 14px;}
.floor1_bottom{ background-color: #eeeff2; margin-top: 30px;}
.floor1_bottom .title1{ text-align:center; font-size:24px; color:#000000; font-weight: bold; padding: 20px 0;}
.floor1_desc{ margin-left:40px;}
.floor1_desc span{font-size:18px; color: #333333;}
.floor1_desc i{display:inline-block; background: url(../../images/wlst/kj/icons.png); background-position: -8px -33px; width: 47px; height: 21px;vertical-align: middle;}
.floor1_img{ padding:40px 0 40px 40px; }
.img_box1{float:left;margin-right: 78px;}
.img_box2{float:left;margin-right: 78px;}
.img_box3{float:left;}
.floor1_img img{   border:1px solid #dbdbdb;}

/*背景原因*/
.blue_title>p{ font-size:24px; color: #005a9e; font-weight: bold; line-height: 36px; padding-top:22px;}
.blue_title span{ font-size:22px; color:#ff7200; display: block;padding-top:14px;}
.reson_imgcont{ padding:4.5% 0;}
.reson_imgcont li{ float:left; width: 33.33%; text-align: center;}
.reson_imgcont li b{ display: inline-block; width: 160px; height: 160px; background-color: white; border:2px solid #565cbc; border-radius: 50%;}
.reson_imgcont .resicon_01{ display:inline-block; background: url(../../images/wlst/kj/reson.png); background-position: -8px -10px; width: 102px; height: 66px; margin-top:47px; }
.reson_imgcont .resicon_02{ display:inline-block; background: url(../../images/wlst/kj/reson.png); background-position: -9px -92px; width: 84px; height: 81px; margin-top:40px; }
.reson_imgcont .resicon_03{ display:inline-block; background: url(../../images/wlst/kj/reson.png); background-position: -7px -188px; width: 86px; height: 100px; margin-top:30px; }
.reson_imgcont li span{ display:inline-block; font-size:18px; color:#333333; margin-top:20px; text-align: center;width: 80%; line-height: 36px;}

/*发展情况*/
.mini_cang{ text-align: center; margin-top:2%;}
.mini_cang img{ display:inline-block}
.famous_container{ margin-top: 20px;}
.faomous_left{ float:left; width: 27.73%; height: 300px; border:1px solid #565cbc; text-align: center;}
.faomous_left p{ font-size: 22px;  color: #333333; font-weight: bold; padding:20px 0 46px 0;}
.faomous_left img{ display: inline-block;}
.faomous_left span{ display: block; font-size:22px; color:#ff7200; margin-top:17%;}
.faomous_right{ float:right;border:1px solid #565cbc; width: 69.75%; height: 300px; text-align: center}
.fam_topright ul li{ float:left; text-align: center; margin-left:9%;}
.fam_topright ul li p{font-size: 22px;  color: #333333; font-weight: bold; padding:20px 0 46px 0;}
.fam_topright ul li img{ display:inline-block;}
.faomous_right>span{display: block; font-size:22px; color:#ff7200; margin-top:30px; }
.fam_topright .li01{width:38%}
.fam_topright .li02{ width: 37%;}
.situation_container{border:1px solid #565cbc; margin-top: 20px; }
.situation_left{ float: left;width: 19.83%; padding:26px;}
.situation_right{float: left; margin-left:7%; width: 67.9%;}
.situation_right span{ display:block; font-size:18px; color:#333333; margin-top:6%}
.situation_right span b{ font-weight:bold; margin-left:2%; margin-right:6%}

/*商业模式*/
.pattern{ margin-top:50px; padding-bottom: 10%;}
.pattern li{ float:left; width: 29.91%; text-align: center; margin-right: 5%;}
.pattern .lastli01{ margin-right: 0;}
.pattern li div{ width: 100%; height: 320px; background-color: #ebebeb; }
.pattern li div img{ display:inline-block;  }
.imgtop01{ margin-top:88px;}
.imgtop02{ margin-top:55px;}
.imgtop03{ margin-top:95px;}
.pattern li span{ display:block; font-size:30px; color:#333333; margin-top:20px;}

/*联盟组织*/
.organ_img{ text-align: center; height: 158px;}
.organ_img{ display:inline-block; }
.reson_imgcont li span i{ font-weight:bold;}

/*立法条例*/
.regulations_content{ margin-top:2.5%;}
.regulations_left{ float:left; width: 27.73%;}
.regulations_right{ float:left; margin-left: 4%; width: 68.06%;}
.regulations_right span{ font-size:18px; color:#333333; display: block;  padding-bottom: 3.5%;}
.summary{ background-color:#2e91d8; margin-top:2%; }
.summary span{ display:block; padding:20px; font-size:18px; color: white; font-weight: bold; line-height: 34px;}

/*业务咨询*/
.consultation_container{ margin-top:4%; margin-bottom: 10%}
.consultation{ float:left; width: 50%;}
.consul_icon{float:left;  width: 36.97%;}
.consul_content{ float:left; margin-left:3%; width: 58.82%;}
.consul_content span{ font-size:16px; color:#333333; font-weight: bold; display: block; margin-top:12% }
.consul_content span b{ font-size:24px;font-weight: bold; margin-right: 3%;}
.consul_content p{ margin-top:4%;}


/*底部*/
.bottom_container{ background-color:#0f479c; width: 100%; margin-top: 3%; }
.bottom_left{ float:left;padding: 3% 0; width: 30%;}
.bottom_left p{ font-size:20px; color:white; font-weight: bold;}
.bottom_left span{font-size:16px;color:white; line-height: 36px; display: block;margin-top: 4%}
.bottom_middle{ float:left; width: 40%; padding: 3% 0;}
.bottom_right{ float:right; width: 27%; margin-top: 5%;}
.bottom_right img{ width:100%}
.bottom_middle p{ font-size:20px; font-weight: bold; color:white;}
.bottom_middle span{ display:block; font-size: 14px; color:#bac3db; line-height: 38px;}
.bottom_middle span b{ color:white; }
.bottom_middle .phone_icon{ display:inline-block; background: url(../../images/wlst/kj/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;}
.bottom_middle .time_icon{display:inline-block; background: url(../../images/wlst/kj/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_middle .address_icon{display:inline-block; background: url(../../images/wlst/kj/icons.png); background-position: -9px -155px; width: 18px; height: 18px; vertical-align: middle;}
.copyright{ background:#0a3372;}
.copyright span{ font-size:14px; color:#6e7c9e; display: block;padding:1% 0;}
.copyright span a{color: #6e7c9e;}


@media screen and (max-width:1000px){
	.PCheader_container{display:none;}
	.mobileheader_container{ display:block;}
	.banner_container{ margin-top:76px;}
}
@media screen and (min-width:1000px){
	.PCheader_container{display:block;}
	.mobileheader_container{ display:none;}
}

@media screen and (max-width:1170px){
	.banner_container .swiper-slide img{ max-height:350px; width: auto; }
	.device{max-height:350px;}
	.swiper-container{max-height:350px;}


}

@media screen and (max-width:700px){
	.banner_container .swiper-slide img{ max-height:250px;  }
	.device{max-height:250px;}
	.swiper-container{max-height:250px;}
	.banner_text p{ font-size:42px; }
    .banner_text span{font-size:26px; }
	.banner_text{ margin-left:-43%;}
	.title_container span{ font-size:22px;}
	.bottom_left{ float:none;width: 90%; margin:auto;}
	.bottom_middle{ float:none; width: 92%; margin: 3% 4%;}
    .bottom_right{ float:none; width: 92%; margin-top: 5%; margin-left:4%; margin-bottom: 4%;}
	.bottom_right img{ width:auto}
	.content_box01 li span{ font-size: 20px;}
	.content_box01 li b{ font-size:22px;}
	.copyright span{padding:4%;}

	.floor1_top img{ float:none; width: 60%; margin: auto;}
	.floor1_top .floor1_advan{ float:none; width: 100%;}
	.floor1_top .floor1_advan>span{ margin:4px 20px 0 20px;}
	.chara span{ font-size: 16px; width: 100px;}
	.floor1_desc{ margin:0 20px;}
	.floor1_img>div{ margin-bottom:20px; }

	.reson_imgcont li{ float:none; width: 100%;}
	.blue_title>p{ margin:0 20px; font-size: 22px;}
	.blue_title span{ margin:0 20px; font-size:18px;}

	.faomous_left{float:none; width:90%; height: auto;margin:auto}
	.faomous_left span{ margin:20px 0;}
	.faomous_right{ float:none; width: 90%; height: auto;margin:auto}
	.fam_topright ul li{ float:none; margin-left:0; }
	.faomous_right>span{ margin-bottom:20px;}
	.fam_topright .li01{width:100%}
    .fam_topright .li02{ width: 100%;}

	.situation_container{ padding:20px; width: 80%; margin:auto;}
	.situation_left{ float:none; width: 76%;margin: auto;padding:0;}
	.situation_right{ float:none; width: 100%; margin-left:0; }
	.situation_right span{ line-height: 30px;}

	.pattern li{ float:none; width: 90%; margin:auto;}
	.pattern li div{ height:auto;}
	.pattern li div img{ padding:30px 0;}
	.pattern .lastli01{ margin-right: 5%;}
	.pattern li span{ margin-bottom:20px; font-size:20px;}
	.imgtop01{ margin-top:0;}
	.imgtop02{ margin-top:0;}
	.imgtop03{ margin-top:0;}

	.regulations_left{float:none; width:90%; margin: auto;}
	.regulations_right{float:none; width:90%; margin:20px auto;}
	.regulations_right span{ line-height:28px;}

	.consultation{ float:none; width: 90%; margin: auto; margin-top:7%;}
	.consul_content span{ margin-top:0; font-size: 14px;}
	.consul_content span b{ font-size:18px;}

}
@media screen and (max-width:500px){

}
@media screen and (min-width:401px) and (max-width:500px){
	.title_container span{ font-size:26px;}
	.floor1_bottom .title1{ font-size:18px;}
	.summary span{ font-size:16px;}

}
@media screen and (min-width:320px) and (max-width:400px){
	.title_container span{ font-size:16px;}
	.chara{ margin-left:20px;}
	.chara span{ font-size: 14px; width: 80px;}
	.title_container span{ font-size:20px;}
	.floor1_bottom .title1{ font-size:16px;}
	.blue_title>p{ margin:0 20px; font-size: 18px;}
	.blue_title span{ margin:0 20px; font-size:16px;}
	.reson_imgcont li span{ font-size:14px;}
	.floor1_top .floor1_advan>span{ font-size:14px;}
	.floor1_desc span{ font-size:14px;}
	.situation_right span{ font-size:14px;}
	.summary span{ font-size:14px;}

}