@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: #eff6ff;}
.main_container{ max-width:1190px; margin: 0 auto;}
.lf{float:left;}
.rg{float:right}
.title_level1{ padding-top: 30px;}
.title_level1 .linwid35{ width:32%;}
.title_level1 .linwid30{ width:34%;}
.title_level1 .linwid40{ width:40%;}
.title_level1 .linwid20{ width:20%;}
.title_level1 .title_line{  border-top: 1px solid #da251c; border-bottom: 1px solid #1b2c69; height: 4px; transform: translateY(32px)}
.title_level1 .title_textbox{ text-align: center; }
.title_level1 .title_textbox .tit_red{ display: block; font-weight: bold; font-size:32px; color:#da251c;}
.title_level1 .title_textbox .tit_blue{ display: block;font-size:18px; color:#243570;}
.title_level2{ display:inline-block; padding:0.5% 1.5%;border:1px solid #da251c; border-left:5px solid #1b2c69; background-color: #ffeceb; margin-top: 2%; }
.title_level2 span{ font-size:24px; font-weight: bold;color:#da251c; display: inline-block;}
.title_level2 span b{ font-size:18px; font-weight: bold;color:#da251c; display: inline-block; margin-left: 6px; }

.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_bar_container{ width:100%; background-color: #da251c;}
.nav_bar_container .nav{ margin-top:10px; width: 1190px; margin: auto;}
.nav_bar_container .nav li{ float:left; line-height: 36px;margin: 0 20px; cursor: pointer; position: relative;}
.nav_bar_container .nav li>a{float:left;   color:#fff; font-size:16px;}
.nav_bar_container .nav li .environment{ position: absolute; top:38px; left:0; width: 100%; background-color:#DA251C; z-index: 100; display: none;}
.nav_bar_container .nav li .environment a{ display: block; color:white; padding-left:5px;border-bottom:2px solid transparent;}
.nav_bar_container .nav li .environment a:hover{border-bottom:2px solid #fff;}
.nav_bar_container .nav .currentNav{ border-bottom:2px solid #fff;}
.nav_bar_container .nav .currentNav a{ color:#fff; font-weight: bold;}
.nav_bar_container .nav li:hover{border-bottom:2px solid #fff;}
.nav_bar_container .nav li:hover a{color:#fff;}
.nav_bar_container .nav li:hover .environment{display:block}

.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: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*/
.device {width: 100%;margin: 0 auto;position: relative;}
.arrow-left{background: url(../../images/wlst/vietnam/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/vietnam/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%; transform: translateX(-50%);margin-top: 7%}
.banner_text i{display: inline-block;background:url(../../images/wlst/vietnam/ban1_text.png) no-repeat; width: 1064px; height: 130px; background-size: 100%;}

/*中越的贸易数字*/
.contentbox_one{ margin-top: 2%;}
.contentbox_one p{ font-size:24px;color:#333333; font-weight: bold;}
.contentbox_one p b{ color:#da251c;font-weight: bold; line-height: 36px;}
.level1_btm{ margin-bottom: 3%;}
.level1_btm .level1_lf{ float:left; width: 80%;}
.level1_btm .level1_rg{ float:right; width: 19.83%;}
.level1_btm .level1_rg img{ width:100%;}
.content_txt{ margin-top: 2%;}
.content_txt p{ text-indent:2em;font-size:16px;line-height: 40px;}

/**新闻资讯*/
.new_box{width: 48%;float:left;margin-top: 20px}
.new_box:nth-child(2){margin-left: 4%}
.new_box li{font-size: 16px;line-height: 32px;}
.new_box li:before{ content:''; width:5px; height:5px; background:#da251c; display:inline-block; vertical-align:middle; margin-top:-22px;}
.new_box li a{color: #000000;}
.new_box li a:hover{color: #da251c;}
.new_box li span{display: inline-block;}
.new_box li .new_title{width: 70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.new_box li .new_time{width: 26%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: right;font-size: 14px;color: #6c6c6c;}
.clear{clear: both}
.new_more{padding: 5px 10px;display: block;border: 1px #ff7200 solid;color: #ff7200;font-size: 14px;transition: all .3s;margin:20px auto 0;width: 150px;text-align: center;}
.new_more:hover{background: #ff7200;color: #ffffff}

/*基础设施*/
.content_box2{ padding-bottom: 3%;}
.content_box2 .facilities_box{ width:48.3%; float:left; border-radius: 10px; overflow: hidden; margin-top: 3%; margin-right: 3.3%; box-shadow: 0 0 7px #ccc;}
.content_box2 .facilities_box:nth-child(2n){margin-right:0;}
.facili_imgbox{ position:relative; }
.facili_imgbox img{width:100%;}
.facili_imgbox .facili_mask{ position:absolute; bottom: 0; left: 0; width: 100%; height: 40px; background-color: #d82c23; opacity: 0.9;}
.facili_imgbox .facili_text{ position:absolute; bottom: 0.5%; left:50%; transform: translateX(-50%); width:90%; margin-left: 3%}
.facili_imgbox .facili_text i{display:inline-block; float:left; }
.facili_imgbox .facili_text .road_icon{background: url(../../images/wlst/vietnam/icons.png) -6px -3px no-repeat; width: 34px; height: 27px;}
.facili_imgbox .facili_text .railway_icon{background: url(../../images/wlst/vietnam/icons.png) -10px -38px no-repeat; width: 24px; height: 29px;}
.facili_imgbox .facili_text .plane_icon{background: url(../../images/wlst/vietnam/icons.png) -47px -40px no-repeat; width: 44px; height: 29px;}
.facili_imgbox .facili_text .ship_icon{background: url(../../images/wlst/vietnam/icons.png) -47px -81px no-repeat; width: 28px; height: 28px;}
.facili_imgbox .facili_text span{ float:left; color:white; font-size:24px; font-weight: bold; margin-left: 2%; }
.facili_imgbox .facili_text span b{ display:inline-block; font-size:16px; font-weight: bold;}
.facili_bombox{ background-color: #fff; padding:3%; padding-bottom: 4%; position: relative;}
.facili_bombox span{ display: inline-block;font-size:16px;color:#333333; line-height: 30px; }
.facili_bombox a{ display: inline-block;font-size:14px; color:#ff7200; border:1px solid #ff7200; padding:0.8% 1.8%; float: right;}

/*经贸关系*/
.economy_container{ margin-top:3%;}
.economy_box{ float:left; width: 31.09%;position: relative;  margin-right: 3%; }
.economy_box:nth-child(3){ margin-right:0;}
.economy_box .economy_img{  border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden}
.economy_box .economy_img img{width:100%;}
.economy_box .flag_icontop{ position: absolute; top: -6px;left: 50%;transform: translateX(-50%); padding:1.5% 5%; }
.economy_box .flag_icontop span{font-size:22px; color:#fff; font-weight: bold; display: inline-block}
.economy_box .economy_bombox{ padding:3%; padding-bottom: 4%; position: relative; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.economy_box .economy_bombox span{ display: inline-block;font-size:16px;color:#fff; line-height: 30px; }
.economy_box .economy_bombox a{ display: inline-block;font-size:14px; background-color: white; color:#ff7200;  padding:0.8% 1.8%; float: right;}
.redbg{ background-color:#da251c;}
.bluebg{ background-color:#1b2c69;}
.orangebg{ background-color:#ff7200;}
.exchange_content{ margin-top: 2%; margin-bottom: 3%;}
.exchange_content .exchange_lf{float:left; width: 42.01%; border-radius: 10px; overflow: hidden;}
.exchange_content .exchange_lf img{ width:100%;}
.exchange_content .exchange_rg{float:right; width:55.46%;}
.exchange_content .exchange_rg p{ background-color:#da251c; text-align: center; font-size:22px; color:white; font-weight: bold; padding:2%; margin-bottom: 3%;}
.exchange_content .exchange_rg span{ text-indent:2em; font-size:16px; color:#333; display: block; line-height: 30px;}

/*劳动力及工薪*/
.laborforce{ padding-bottom: 6%; position: relative;}
.swiper-container2{  height: 346px; overflow: hidden;}
.laborforce .laborforce_tit{ text-align:center; font-size:20px; font-weight: bold; padding:2% 0;}
.laborforce .laborforce_content{ padding:20px; background-color: white;}
.laborforce .laborforce_content .labor_lf{ width:68%; float:left;}
.laborforce .laborforce_content .labor_img{ width:28.57%; float:right;}
.laborforce .laborforce_content .labor_img img{width:100%;}
.laborforce .laborforce_content .labor_lf span{font-size:16px; color:#333; line-height: 26px; display: block;text-indent: 2em;}
.laborforce .laborforce_content .labor_lf span a{ font-size:14px; border:1px solid #ff7200; color:#ff7200; padding:0.3% 0.6%;}
.laborforce .arrow-left2{background: url(../../images/wlst/vietnam/arrows2.png) no-repeat 0 0;position: absolute;left: -70px;top: 50%;margin-top: -15px;width: 60px;height: 60px;z-index: 99}
.laborforce .arrow-right2{background: url(../../images/wlst/vietnam/arrows2.png) no-repeat -63px 0;position: absolute;right: -70px;top: 50%;margin-top: -15px;width: 60px;height: 60px;z-index: 99}

/*工作规定*/
.content_box2{ padding-bottom: 3%;}
.content_box2 .regulations_box{ width:31.09%; float:left; border-radius: 10px; overflow: hidden; margin-top: 3%; margin-right: 3.3%; box-shadow: 0 0 7px #ccc;}
.content_box2 .regulations_box:nth-child(3){margin-right:0;}
.regul_imgbox{ position:relative; }
.regul_imgbox img{width:100%;}
.regul_imgbox .regul_mask{ position:absolute; bottom: 0; left: 0; width: 100%; height: 40px; background-color: #d82c23; opacity: 0.9;}
.regul_imgbox .regul_text{ position:absolute; bottom: 2.5%; left:50%; transform: translateX(-50%); width:90%; }
.regul_imgbox .regul_text i{display:inline-block; float:left; }
.regul_imgbox .regul_text span{ float:left; color:white; font-size:20px; font-weight: bold; margin-left: 2%; }
.regul_bombox{ background-color: #fff; padding:3%; padding-bottom: 4%; position: relative; height: 250px;}
.regul_bombox span{ display: inline-block;font-size:16px;color:#333333; line-height: 30px; }
.regul_bombox a{ display: inline-block;font-size:14px; color:#ff7200; border:1px solid #ff7200; padding:0 1.8%; float: right;}

/*越南经济的增长动力*/
.power_container{ margin-top: 2%; margin-bottom: 3%;}
.power_container .power_lf{float:left; width: 42.01%; border-radius: 10px; overflow: hidden;}
.power_container .power_lf img{ width:100%;}
.power_container .power_rg{float:right; width:55.46%;}
.power_container .power_rg span{ text-indent:2em; font-size:16px; color:#333; display: block; line-height: 34px;}
.power_container .power_rg a{display: inline-block;font-size:14px; color:#ff7200; border:1px solid #ff7200; padding:0.8% 1.8%; float: right;}

/*越南仓库推荐*/
.vn_recommend{ margin-top:2%;}
.vn_recommend li{float:left; width:24.4%; margin-right:0.8%; margin-bottom: 1%;}
.vn_recommend li:nth-child(4n){margin-right:0;}
.vn_recommend .recommend_box{ border:1px solid #dedede; margin: auto;}
.vn_recommend .recommend_box .recommend_img{ width:100%; height: 165px; overflow: hidden;}
.vn_recommend .recommend_box img{ width:100%;}
.vn_recommend .recommend_box .recommend_textbox{ padding:10px; background-color: white;}
.vn_recommend .recommend_box .recommend_textbox p{font-size:14px; color:#252525;}
.vn_recommend .recommend_box .recommend_textbox .recommend_price{ margin: 6px 0;}
.recommend_textbox .recommend_price span{ font-size:14px; color:#da251c; float:left;}
.recommend_textbox .recommend_price span b{font-weight:bold; font-size:20px;}
.recommend_textbox .recommend_price em{ float:right; margin-top: 4px; font-size:12px; color:#929292;}
.recommend_textbox .recommend_local{margin: 6px 0;}
.recommend_textbox .recommend_local span{float:left; font-size:12px; color:#929292;}
.recommend_textbox .recommend_local span i{ display:inline-block; background:url(../../images/wlst/vietnam/icons.png) -97px -4px; width: 12px; height: 12px;vertical-align: middle; margin-right: 4px;}
.recommend_textbox .recommend_local em{float:right;font-size:12px; color:#929292;}
.recommend_textbox .recommend_local em i{display:inline-block; background:url(../../images/wlst/vietnam/icons.png) -48px -155px; width: 12px; height: 16px; vertical-align: middle;margin-right: 4px;}
.more_recommend{ display:block;text-align:center; color:#ff7200; font-size:16px; border:1px solid #ff7200; padding:2px 14px; width: 100px; margin: auto; margin-top:2%;transition: all 0.3s;}
.more_recommend:hover{ background-color:#ff7200; color:white;}

/*越南运输路线*/
.transport_container{ margin-top:3%; margin-bottom: 3%;}
.transport_container .transport_box{padding:1%; border:1px solid #dedede; width: 21.52%; border-radius: 5px; float:left; margin-right: 1.6%; margin-top: 2%;}
.transport_container .transport_box:nth-child(4n){ margin-right:0;}
.transport_container .transport_box .transport_route{text-align: center;}
.transport_container .transport_box .transport_route span{font-size:16px; color:#333333; font-weight: bold;}
.transport_container .transport_box .transport_route i{display:inline-block; background:url(../../images/wlst/vietnam/icons.png) -90px -119px; width:20px; height: 14px;vertical-align: middle; margin-right: 4px; margin-left: 4px; }
.transport_container .transport_box .transport_msg{ margin: 8% 0; margin-bottom: 5%;}
.transport_container .transport_box .transport_msg .tran_lf{ float:left; width: 50%;}
.transport_container .transport_box .transport_msg .tran_rg{ float:right;width: 50%; text-align: right;}
.transport_container .transport_box .transport_msg .tran_lf .tran_line1 i{display:inline-block; background:url(../../images/wlst/vietnam/icons.png) -88px -144px; width:22px; height: 20px;vertical-align: middle; margin-right: 1%;}
.transport_container .transport_box .transport_msg .tran_lf .tran_line2 i{display:inline-block; background:url(../../images/wlst/vietnam/icons.png) -89px -90px; width:16px; height: 20px;vertical-align: middle; margin-right: 1%;}
.transport_container .transport_box .transport_msg .tran_lf .tran_line2{ margin-top:12%;}
.transport_container .transport_box .transport_msg .tran_lf>div{}
.transport_container .transport_box .transport_msg .tran_lf>div span{ font-size:14px; color:#333333;}
.transport_container .transport_box .transport_msg .tran_lf>div span b{color:#da251c;}
.transport_container .transport_box .transport_msg .tran_rg span{ font-size:12px; color:#333333; background-color: #d5deff; padding:3% 4%; display:inline-block; margin-top:15%;}

/*业务联系*/
.contact_container{ background-color:white; padding:3%; padding-bottom: 0; margin-top: 1%;}
.contact_container .contact_tit{ font-size:18px; font-weight: bold; color:#333;}
.contact_container .contact_box{ margin-top:4%; margin-bottom: 3%;}
.contact_container .contact_box .contact{ width:32%; 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:3%; margin-top:3%;}
.contact_container .contact_box .contact .contact_txt span{font-size:13px; color:#343434; display: block;padding-top:1%;margin-left:3%; 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/vietnam/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;}
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/vietnam/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/vietnam/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 a{color:white;}

#pop1,#pop2,#pop3,#pop4,#pop5,#pop6,#pop7,#pop8,#pop9,#pop10,#pop11,#pop12,#pop13 {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	max-height: 500px;
	border-radius: 10px;
}
.pop{position:relative;}
.pop .pop_box{ max-height: 500px;overflow-y: scroll;}
.mfp-close-btn-in .mfp-close{position: absolute; top:-12px; right:-12px; opacity: 1; background-color: #000; border-radius: 100%; width: 30px; height: 30px; border:2px solid #fff;color:white!important; line-height: 28px;}
#pop1 span{ font-size:14px; line-height: 38px;}
#pop2 span{ font-size:14px; line-height: 38px;}
#pop3 span{ font-size:14px; line-height: 38px;}
#pop4 span{ font-size:14px; line-height: 38px;}
#pop5 span{ font-size:14px; line-height: 38px;}
#pop6 span{ font-size:14px; line-height: 38px;}
#pop7 span{ font-size:14px; line-height: 38px;}
#pop8 span{ font-size:14px; line-height: 38px;}
#pop9 span{ font-size:14px; line-height: 38px;}
#pop10 span{ font-size:14px; line-height: 38px;}
#pop11 span{ font-size:14px; line-height: 38px;}
#pop12 span{ font-size:14px; line-height: 38px;}
#pop13 span{ font-size:14px; line-height: 38px;}

@media screen and (max-width:1000px){
	.PCheader_container{display:none;}
	.mobileheader_container{ display:block;}
	.nav_bar_container{display:none;}
	.banner_container{ margin-top:76px;}
	.banner_text{width:700px!important;}
	.banner_text i{ width:100%;}
	.swiper-container2{height:420px}
}

@media screen and (max-width:1010px){
	.new_box{width: 90%;float:none;margin: 0 auto}
	.new_box:nth-child(2){margin: 0 auto}
	.new_box li .new_title{width: 60%}
}
@media screen and (min-width:1000px){
	.PCheader_container{display:block;}
	.mobileheader_container{ display:none;}
	.nav_bar_container{display:block;}

}

@media screen and (max-width:1250px){
	.banner_text{width:1000px;}
	.banner_text i{ width:100%;}
	.laborforce .arrow-left2{display:none;}
	.laborforce .arrow-right2{display:none;}

}
@media screen and (max-width:1170px){
	.banner_container .swiper-slide .banner_bg{ max-height:350px; width: auto; }
	.device{max-height:350px;}
	.swiper-container{max-height:350px;}
}
@media screen and (max-width:820px){
	.vn_recommend li{min-height:304px;}
}

@media screen and (max-width:700px){
	.banner_container .swiper-slide .banner_bg{ max-height:280px;  }
	.banner_container{ margin-top:10px;}
	.device{max-height:280px;}
	.swiper-container{max-height:280px;}
	.banner_text{left:20%;transform: translateX(0); margin-top: 20%;}
	.banner_text i{background:url(../../images/wlst/vietnam/ban1_mobile_txt.png) no-repeat; width: 400px; height: 200px; background-size:100%;}

	.title_level1 .title_textbox .tit_red{ font-size:20px; }
	.title_level1 .title_textbox .tit_blue{ font-size:14px; }
	.title_level1 .title_line{ transform:translateY(17px)}
	.contentbox_one p{font-size:20px; display: block;width: 90%; margin: auto;}
	.content_box2 .facilities_box{ float:none; width: 90%;  margin: auto;margin-right:5%!important; margin-top: 3%;}
	.economy_box{ float:none;width: 90%;  margin: auto; margin-top:3%;margin-right:5%!important;}
	.exchange_content .exchange_lf{ float:none;width: 90%;  margin: auto;}
	.exchange_content .exchange_rg{ float:none;width: 90%;  margin: auto; margin-top: 2%;}
	.laborforce .arrow-left2{display: none;}
	.laborforce .arrow-right2{ display: none;}
	.swiper-container2{ height:584px;}
	.laborforce .laborforce_content .labor_lf{float:none;width:96%; margin: auto;}
	.laborforce .laborforce_content .labor_img{float:none; width:50%; margin:auto; margin-top: 2%;}
	.content_box2 .regulations_box{ float:none; width: 90%;  margin: auto;margin-right:5%!important; margin-top: 3%;}
	.power_container .power_lf{float:none; width: 90%;  margin: auto; }
	.power_container .power_rg{float:none; width: 90%;  margin: auto;}
	
	.vn_recommend li{float:none; width: 90%; margin: auto; margin-bottom: 4%; min-height:auto; }
	.vn_recommend li:nth-child(4n){margin-right:5%;}

	.transport_container .transport_box{ float:none;width: 90%;  margin: auto;margin-right:3%!important; margin-top: 3%;}
	.contact_container .contact_box .contact{ float:none;width: 90%; margin:auto; margin-top: 3%;}

	.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{left:10%;margin-top: 20%}
	.banner_text i{ width:350px; height: 200px;}
	.title_level1 .title_textbox .tit_red{ font-size:16px; }
	.title_level1 .title_textbox .tit_blue{ font-size:12px; }
	.title_level1 .linwid35{ width:25%;}
	.title_level1 .linwid30{ width:50%;}
	.title_level2 span{ font-size:18px;}
	.title_level2 span b{ font-size:14px;}
	.contentbox_one p{font-size:16px;}
	.level1_btm .level1_lf{float:none; width: 90%; margin: auto;}
	.level1_btm .level1_rg{float:none;width: 80%; margin: auto;}
	.content_txt p{font-size:14px; line-height: 24px; }
	.facili_imgbox .facili_text span{font-size:18px}
	.facili_imgbox .facili_text{ margin-left:0; width: 98%;}
	.economy_box .flag_icontop span{ font-size:16px;}
	.economy_box .economy_bombox span{ font-size:16px;}
	.exchange_content .exchange_rg p{ font-size:16px;}
	.swiper-container2{ height:660px;}
	.regul_imgbox .regul_text span{ font-size:16px;}
	.regul_bombox span{ font-size:16px;}
	.power_container .power_rg span{font-size:16px;}
	.recommend_textbox .recommend_price span b{font-size:16px;}
	.contact_container .contact_tit{font-size:16px;}
	.contact_container .contact_box .contact .contact_txt p{ font-size:18px;}
}
@media screen and (min-width:320px) and (max-width:400px){
	.banner_text{left:10%; margin-top: 20%}
	.banner_text i{ width:280px; height: 200px;}
	.title_level1 .title_textbox .tit_red{ font-size:16px; }
	.title_level1 .title_textbox .tit_blue{ font-size:12px; }
	.title_level1 .linwid35{ width:25%;}
	.title_level1 .linwid30{ width:50%;}
	.title_level1 .linwid40{ width:35%;}
	.title_level1 .linwid20{ width:30%;}
	.title_level2 span{ font-size:16px;}
	.title_level2 span b{ font-size:14px;}
	.contentbox_one p{font-size:14px;}
	.level1_btm .level1_lf{float:none; width: 90%; margin: auto;}
	.level1_btm .level1_rg{float:none;width: 80%; margin: auto;}
	.content_txt p{font-size:14px;line-height: 24px;}
	.facili_imgbox .facili_text span{font-size:16px}
	.facili_imgbox .facili_text{ margin-left:0; width: 98%;}
	.economy_box .flag_icontop span{ font-size:14px;}
	.economy_box .economy_bombox span{ font-size:14px;}
	.facili_bombox span{font-size:14px;}
	.exchange_content .exchange_rg p{ font-size:16px;}
	.exchange_content .exchange_rg span{font-size:14px;}
	.swiper-container2{ height:650px;}
	.laborforce .laborforce_content .labor_lf span{ font-size:14px;}
	.regul_imgbox .regul_text span{ font-size:16px;}
	.regul_bombox span{ font-size:14px; line-height: 24px;}
	.regul_bombox{height:270px;}
	.power_container .power_rg span{font-size:14px;}

	.recommend_textbox .recommend_price span b{font-size:14px;}
	.contact_container .contact_tit{font-size:14px;}
	.contact_container .contact_box .contact .contact_txt p{ font-size:16px;}
}