@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%;}
body{background-color:#efefef;}
.white_container{ width:100%; background-color:white;}
.gray_container{ width:100%; background-color: #efefef;}
.main_container{ max-width:1190px; margin: 0 auto; }
.lf{float:left;}
.rg{float:right}
.title_level2{ text-align: center; border-bottom: 2px solid #005a9e; margin-top: 3%; padding-bottom: 1%;}
.title_level2 span{display: inline-block; font-size:36px; color:#005a9e; font-weight: bold;}


.PCheader_container{ box-shadow:none; background-color: white; }
.header{padding:16px 0;}
.logo_left{ float:left; }
.logo_left img{ display: inline-block; float:left;}

.nav_right{ float:right;}

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

/*banner*/
.device {width: 100%;margin: 0 auto;position: relative;}
.arrow-left{background: url(../../images/wlst/vnlp/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/vnlp/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-container.bannerheight{height:375px;}
.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_text{ position: absolute;top:0; left: 18%; margin-top: 7%}
.banner_text img{ display:inline-block; float: left;}
.banner_text img.bantxt1{width: 73%}
.banner_text img.bantxt2{ padding-top:37px; width:26.9%; animation: move 3s ease 0s infinite; }

/*工业园列表*/
.industriallist{ overflow: hidden; margin-top: 5%; margin-bottom: 3%;}
.industriallist li{ float: left; width: 32.1%; min-height: 790px; padding-bottom: 20px; margin-right:1.8%; background-color:white; border:1px solid transparent; border-radius: 16px; box-sizing: border-box;}
.industriallist li+li+li{ margin-right:0;}
.industriallist li:hover{border:1px solid #005a9e;}
.industriallist li .listtopbox{ width:100%; height: 210px; border-radius: 16px 16px 0 0; position: relative;}
.industriallist li .listtopbox.ltb1{ background:url(../../images/wlst/vnlp/224-dg1h54dfg5.jpg) no-repeat; background-size: cover;}
.industriallist li .listtopbox.ltb2{ background:url(../../images/wlst/vnlp/224-m74f4g54s.jpg) no-repeat;background-size: cover;}
.industriallist li .listtopbox.ltb3{ background:url(../../images/wlst/vnlp/224-64b6d8748cx.jpg) no-repeat;background-size: cover;}
.industriallist li .listtopbox p{ text-align: center; color:white; font-size:24px; font-weight: bold; padding-top: 50px;}
.industriallist li .listtopbox span{ display: block; text-align: center;color:white; font-size:18px; padding-top: 20px;}
.industriallist li .listtopbox a{ display: block; color:white; font-size:18px; position: absolute; right: 20px; bottom: 20px;}
.industriallist li .desc_p{ padding:20px 12px 0 12px; overflow: hidden;}
.industriallist li .desc_p b{ float:left; font-size:14px; color:#1a1a1a;}
.industriallist li .desc_p span{ float:right; font-size:16px; color:#1a1a1a; text-align: right;}


/*业务联系*/
.contact_container{ background-color:white; padding:3%; padding-bottom: 0; }
.contact_container .contact_tit{ font-size:24px; font-weight: bold; color:#333;}
.contact_container .contact_box{ margin-top:4%; margin-bottom: 3%;}
.contact_container .contact_box .contact{ width:50%; float:left; margin-bottom: 5%;}
.contact_container .contact_box .contact img{ float:left; width: 30%;}
.contact_container .contact_box .contact .contact_txt{ float:left; width: 70%;}
.contact_container .contact_box .contact .contact_txt p{font-size:24px; color:#343434; font-weight: bold; margin-left:8%; margin-top:5%;}
.contact_container .contact_box .contact .contact_txt p b{font-size:20px;}
.contact_container .contact_box .contact .contact_txt span{font-size:13px; color:#343434; display: block;padding-top:1%;margin-left:8%; margin-top:2%;}

/*底部*/
.bottom_container{ background-color:#0f479c; width: 100%; }
.bottom_left{ float:left; width: 40%; padding: 3% 0;}
.bottom_left a{color:white;}
.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 span b{ color:white; }
.bottom_left .phone_icon{ display:inline-block; background: url(../../images/wlst/vnlp/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;} 
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/vnlp/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/vnlp/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;text-align: center;}
.copyright a{color:white;}

@keyframes move{
	0%{ transform:scale(1)}
	30%{ transform:scale(1.1)}
	60%{ transform:scale(1)}
	100%{ transform:scale(1)}
}


@media screen and (min-width:1000px){
	.PCheader_container{display:block;}
	.mobileheader_container{ display:none;}	
}
@media screen and (max-width:1170px){
	.banner_container .swiper-slide .banner_bg{ max-height:350px; width: auto; }
	.banner_bg2{max-height:350px;width: auto;  }
	.banner_bg3{max-height:350px; }
	.device{max-height:350px;}
	.swiper-container{max-height:350px;}	
}

@media screen and (max-width:1000px){
	.PCheader_container{display:none;}
	.mobileheader_container{ display:block;}
	
	.banner_container{ margin-top:76px;}
	.banner_text{width:640px!important;left:0;top:12%; transform: translateX(7%)}
	.banner_text i{ width:100%;}
	.banner_text2{ right: 11%; margin-top: 5%; }
	.banner_text2 i{width:260px;}
}
@media screen and (max-width:900px){
	.industriallist li{float:none; width: 90%; margin: auto; margin-bottom: 3%; min-height: auto;}
	.industriallist li+li+li{ margin-right:5%;}
}
@media screen and (max-width:700px){
	.banner_container .swiper-slide .banner_bg{ max-height:280px;  }
	.banner_bg3{max-height:280px; }
	.banner_container{ margin-top:10px;}
	.device{max-height:280px;}
	.swiper-container{max-height:280px;}
	.arrow-left{top:60%;}
	.arrow-right{top:60%}
	.banner_text{width:440px!important;left:0;top:20%;transform: translateX(7%);}
	.banner_text img.bantxt2{ padding-top: 22px;}


	.title_level2 span{font-size:22px;}
	
	
	.contact_container .contact_box .contact{float:none;width: 100%; margin: auto; margin-bottom: 5%;}
	.contact_container .contact_tit{font-size:20px;}
	.contact_container .contact_box .contact .contact_txt p{font-size:20px;}
	.contact_container .contact_box .contact .contact_txt span{font-size:12px;}
	.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%;}

	
}

@media screen and (min-width:401px) and (max-width:500px){
	.banner_text{width:354px!important;left:0;top:30%;transform: translateX(7%);}
	.title_level2 span{font-size:20px;}
	.contact_container .contact_tit{font-size:18px;}
	
}
@media screen and (min-width:320px) and (max-width:400px){	
    .banner_text{width:280px!important;left:0;top:30%;transform: translateX(7%);}
	.banner_text img.bantxt2{ padding-top:14px;}

	.title_level2 span{font-size:16px;}
	
	.industriallist li .desc_p b,.industriallist li .desc_p span{font-size:14px;}

	.contact_container .contact_tit{font-size:16px;}
	.contact_container .contact_box .contact .contact_txt p{font-size:16px;}
	
}