@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: #efefef;}
.main_container{ max-width:1190px; margin: 0 auto;}
.bot30{padding-bottom:3%}
.title_container{ width: 100%; text-align: center; padding-top:3%}
.title_container span{ font-size:37px; line-height: 64px; border-bottom: 2px solid #005a9e; color:#005a9e;font-weight: bold; display:inline-block; }
.boldp{font-size:24px; font-weight: bold; color:#1a1a1a; text-indent: 2em; line-height: 34px; margin-top: 2%;}
.boldp b{ color:#ff7200; font-weight: bold; text-decoration: underline;}

.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;}
.nav li:hover{border-bottom:2px solid #ff6600;}
.nav li:hover 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; margin-top:60px; display: none;}
.mobilenav li{  line-height: 40px; margin-left:14px;margin-right:14px; border-bottom:1px solid #EBEBEB}
.mobilenav li a{ color:#333333; display: block;}

/*banner*/
.banner_container{ width:100%; }
.banner_pc{position:relative;}
.banner_pc .banner_top{ background:url(../../images/wlst/wlsn/banner_01.jpg)no-repeat center center; width:100%; height: 500px; }
.banner_mobile img{ width:100%;}

/*项目背景*/
.project_bg_container{ margin-top: 6%;}
.project_bg_container ul li{ float:left; width: 48.73%; position: relative; margin-right:2.5%; margin-bottom: 8%;}
.project_bg_container ul li:nth-child(2n){ margin-right:0;}
.project_bg_container ul li .project_txt{ background-color:#005a9e;padding:2%; color:white; font-size:16px; line-height: 30px; min-height: 150px;}
.project_bg_container ul li .project_txt span{ display:block; width: 48%; float:right;}
.project_bg_container ul li .project_img{ position:absolute; top:-12px; left: 0; box-shadow: 0 0 7px #6d6d6d; width: 50%;}
.project_bg_container ul li .project_img img{width:100%;}
.project_bg_container ul li .project_img span{ position:absolute; top: 0; left: 0; background-color: #005a9e; color: white; font-size:24px; font-weight: bold; padding:0 16px;}

/*发展目标*/
.target_container{ margin-top:2%;}
.target_container ul li{position:relative; margin-bottom: 3%;}
.target_container ul li span{ font-size:18px;color:#1a1a1a; background-color: white; box-shadow: 1px 1px 7px #ccc; display: block;width: 92%; padding:1% 0; padding-left:4%; margin-left:2%;padding-right: 2%;}
.target_container ul li b{ font-size:28px; color:white; background: url(../../images/wlst/wlsn/num_bg.png) no-repeat; display: block;width: 61px; height: 53px; line-height: 53px; background-size:100%;text-align: center; position: absolute; top: -3px; left:0; }

/*政策规划*/
.books_name{font-size:24px; font-weight: bold; color:#333333; text-align: center; margin-top:2%;}
.books_desc{ font-size:16px; color:#999999; margin-top:1%; display: block; text-align: center;}
.books_txt{ font-size:16px; color:#333333; line-height: 32px; text-indent: 2em; display: block; margin-top:1%;}
.books_txt b{ color:#ff7200;}
.download_box{ width:28%; margin: 2% auto; border:1px solid #ff7200; padding:2%; text-align: center}
.download_box img{ display: inline-block;}
.download_box span{ display: block; font-size:14px; color:#666; margin:1% 0;}
.download_box a{ color:white; background-color: #ff7200; padding:6px 20px; display: inline-block; margin-top:2%;}
.download_box a i{display:inline-block; background: url(../../images/wlst/wlsn/icons.png) no-repeat; background-position: -6px -4px; width: 19px; height: 19px; vertical-align: middle;}

/*枢纽城市*/
.title_level2{ position: relative; margin-top: 2%;}
.title_level2 span{font-size:24px; font-weight: bold; color:#333333; background-color: white; display: block;width: 95%;padding:0.5% 0; padding-left:3%; margin-left:2%;}
.title_level2 b{ position: absolute; top:-5px; left: 0; background-color: #005a9e; font-size:24px; font-weight: bold; padding:1%; display: block; width: 30px;height: 30px; border-radius: 50px; text-align: center; color:white;}
.citys{ font-size:18px; color:#333333; line-height: 46px; margin-top:2%;}

/*业务联系*/
.floor_container{margin-top:2%;}
.floor_container .contact_p{ font-size:25px; color:#333333; font-weight: bold;}
.consultation_container{ margin-top:2%; margin-bottom: 2%;}
.consultation{ float:left; width: 50%;}
.consul_icon{float:left;  width: 30%;}
.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:7% }
.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; width: 40%; padding: 3% 0; text-align: left;}
.bottom_right{ float:right; width: 27%; margin-top: 5%;}
.bottom_right img{ width:100%}
.bottom_left p{ font-size:20px; font-weight: bold; color:white;}
.bottom_left span{ display:block; font-size: 14px; color:#bac3db; line-height: 38px;}
.bottom_left a{ color:white;}
.bottom_left span b{ color:white; }
.bottom_left .phone_icon{ display:inline-block; background: url(../../images/wlst/wlsn/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;} 
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/wlsn/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/wlsn/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:white;}


@media screen and (max-width:1000px){
	.PCheader_container{display:none;}
	.mobileheader_container{ display:block;}
	.banner_container{ margin-top:60px;}
	.target_container ul li span{ padding-left:9%;width: 87%;}
	.target_container{ width:90%; margin:auto; margin-top: 2%;}
	.title_level2 span{ padding-left:5%; width: 93%;}
}
@media screen and (min-width:1000px){
	.PCheader_container{display:block;}
	.mobileheader_container{ display:none;}
}

@media screen and (max-width:1190px){
   .banner_pc{ display: none}
   .banner_mobile{display:block}
	.project_bg_container ul li{ float:none; width: 90%; margin: auto; margin-right: 5%!important; margin-bottom:12%;}
	.project_bg_container ul li .project_txt{ min-height:auto;}
	.project_bg_container ul li .project_img{ width:30%;}
}
@media screen and (min-width:1190px){
   .banner_pc{ display: block}
   .banner_mobile{display:none}
}
@media screen and (max-width:700px){
	.bottom_left{ float:none;width: 90%; margin:auto;}
	.bottom_middle{ float:none; width: 90%; margin: 3% auto;}
    .bottom_right{ float:none; width: 90%; margin: 5% auto;}
	.bottom_right img{ width:auto; width:100%}
	.content_box01 li span{ font-size: 20px;}
	.content_box01 li b{ font-size:22px;}
	.copyright span{padding:4%;}

    .title_container span{ font-size:26px;}
	.project_bg_container ul li .project_img{ width:40%;}
	.project_bg_container ul li .project_txt span{width:56%;}
	.boldp{font-size:20px; line-height: 30px; width: 90%; margin: auto; margin-top: 2%;}
	.target_container ul li span{ padding-left:12%;width: 84%;}
	
	.books_txt{width:90%; margin: auto; margin-top:1%;}
	.download_box{ width:50%;}
	.books_name{font-size:20px;}
	.title_level2{ width:90%; margin: auto; margin-top: 2%;}
	.citys{ width:90%; margin:auto; margin-top:2%;}
	.title_level2 span{font-size:20px; padding-left:8%; width:90%;}
	.floor_container .contact_p{font-size:20px; margin-left: 3%;}
	.consultation{float:none; width:90%; margin: auto; margin-bottom: 7%;}
	.consul_content span b{font-size:20px;}
	.consul_content span{font-size:14px;}
}
@media screen and (max-width:600px){
	.project_bg_container ul li{margin-bottom:6%;}
	.target_container ul li span{padding:4% 0; padding-left:15%; padding-right:3%;width: 77%;font-size:16px;}
}
@media screen and (min-width:401px) and (max-width:500px){
	.title_container span{ font-size:22px; line-height: 48px;}
	.boldp{font-size:18px; }
	.project_bg_container ul li .project_txt span{font-size:16px;}
	.download_box{ width:80%;}
	.books_name{font-size:18px;}
	.books_txt{font-size:16px;}
	.title_level2 span{font-size:18px; padding-left:10%;width: 88%;}
	.citys{font-size:16px; line-height: 32px;}
	.floor_container .contact_p{font-size:16px;}
	.consul_content span b{font-size:16px;}
	.consul_content span{font-size:14px;}
	.consul_content p{font-size:14px; line-height: 14px;}
}
@media screen and (min-width:320px) and (max-width:400px){	
	.title_container span{ font-size:18px;line-height: 40px;}
	.boldp{font-size:16px; }
	.project_bg_container ul li .project_txt span{font-size:14px;}
	.target_container ul li span{ padding-left:19%;padding-right:3%;width: 74%; font-size:14px;}
	.download_box{ width:80%;}
	.books_name{font-size:16px;}
	.books_txt{font-size:14px;}
	.title_level2 span{font-size:14px;padding-left:12%;width: 86%;}
	.citys{font-size:14px; line-height: 28px;}
	.floor_container .contact_p{font-size:14px;}
	.consul_content span b{font-size:14px;}
	.consul_content span{font-size:12px;}
	.consul_content p{font-size:12px; line-height: 12px;}
}