@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_level1{ margin-top: 5%; }
.title_level1 .linwid01{ width:35%;}
.title_level1 .txtwid01{width:30%}
.title_level1 .linwid02{ width:30%;}
.title_level1 .txtwid02{width:40%}
.title_level1 .linwid03{ width:30%;}
.title_level1 .txtwid03{width:40%}
.title_level1 .title_line{  border-top: 4px solid #0067b5;  transform: translateY(14px)}
.title_level1 .title_textbox{ text-align: center; }
.title_level1 .title_textbox .tit_blue{ display: block; font-weight: bold; font-size:24px; color:#0067b5;}
.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%; }
.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/vnroute/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/vnroute/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_text{ position: absolute;top:0; left: 40%; transform: translateX(-50%);margin-top: 7%}
.banner_text i{display: inline-block;background:url(../../images/wlst/vnroute/ban1_text.png) no-repeat; width: 811px; height: 136px; background-size: 100%;}
.mobileban_box{display:none;position: relative;}
.banner_text2{ position: absolute;top:0; right: 20%; margin-top:3%}
.banner_text2 i{display: inline-block;background:url(../../images/wlst/vnroute/ban2_text.png) no-repeat; width: 300px; height: 300px; background-size: 100%;}

/*合理运输方案*/
.programme{ background-color: white;  padding:2%; margin-top: 2%; box-shadow: 0 0 14px #ccc;}
.programme_p{color:#1a1a1a;font-size:24px; font-weight: bold;}
.prog_span{color:#1a1a1a; font-size:18px;line-height: 32px; display: block; margin-top: 14px;}
.prog_ul{ margin-top: 4%;}
.prog_ul li{float:left; text-align: center; width: 20%;}
.prog_ul li img{ display: inline-block;}
.prog_ul li span{ font-size:24px; color:#333333; font-weight: bold; display: block; margin: 2% 0;}
.programme a{display:block; font-size:24px; color:#ff7200;font-weight: bold; text-align: center; border:1px solid #ff7200;margin-top: 2%; padding:8px 0;}
.pro_desc{font-size:22px;line-height: 40px; color: #fff; background-color: #0067b5;font-weight: bold;padding:2%;}

/*中越运输相关报道*/
.report_ul{ margin-top: 2%;}
.report_ul li{float:left; margin-right: 2%; margin-bottom: 2%; width: 48.7%; background-color: white;border:1px solid transparent;overflow: hidden;}
.report_ul li:nth-child(2n){margin-right: 0;}
.report_ul li:hover{border:1px solid #0067b5;}
.report_ul li p{font-size:24px; color:#0067b5; border-bottom: 1px dashed #ccc; padding:3%;}
.report_ul li span{display: block; padding:3%; padding-bottom: 0; font-size:16px; line-height: 32px; color: #252525;}
.report_ul li .detail_btn{font-size:16px; color: #0067b5;border:1px solid #0067b5; float: right; margin-right: 2%;margin-bottom: 2%; padding:4px 14px;}
.more_btn{ text-align: center;}
.more_btn a{font-size:18px; color:#0067b5;position: relative;}
.more_btn a:before{ content:""; position: absolute;left:-36px;top:10px;width: 30px; height: 1px;border-bottom: 1px solid #0067b5;}
.more_btn a:after{ content:""; position: absolute;left:54px;top:10px;width: 30px; height: 1px;border-bottom: 1px solid #0067b5;}
.more_btn a i{display:inline-block; background: url(../../images/wlst/vnroute/icons.png) -10px -7px; width: 13px;height: 13px; vertical-align: middle;}

/*往返于中国和东南亚各国间*/
.crosscountry_ul{ margin-top: 3%;}
.crosscountry_ul li{float:left; width: 23.109%; margin-right: 2.5%; text-align: center;box-shadow: 0 0 14px #ccc;}
.crosscountry_ul li:nth-child(4){margin-right:0;}
.crosscountry_ul li .imgbox{width: 100%; overflow: hidden;}
.crosscountry_ul li img{width:100%;transition: all 1s;}
.crosscountry_ul li img:hover{transform:scale(1.1,1.1);}
.crosscountry_ul li span{display:block; font-size:24px; color:#333333; background-color: white; padding: 5% 0;}

/*中国——东南亚的门到门一站式服务*/
.server_ul{margin-top:3%;}
.server_ul li{float:left;width: 14.957%;height: 200px; background:linear-gradient(#157fea,#0067b5); border-radius: 10px;overflow: hidden; text-align: center; margin-right: 2%;}
.server_ul li:nth-child(6){margin-right:0;}
.server_ul li img{ display:inline-block; margin-top: 15%;}
.server_ul li p{font-size:24px;font-weight: bold; color: white; margin-top: 6%;}
.server_ul li span{font-size:16px;display: block;color: white; font-family: Arial;margin-top: 2%;}
.server_line{ margin-top: 2.5%;}
.server_line>div{float:left; background-color:white; width:16.806%;min-height: 340px; text-align: center;}
.server_line>div img{width:100%;}
.server_line>div span{ display:inline-block; font-size:18px; color:#333333; line-height: 36px; margin-top: 8%;}
.server_line .ser_arrow01{float:left;display:inline-block; background: url(../../images/wlst/vnroute/orang_arrow01.png) no-repeat; background-size: 100%;width: 3.949%; height: 15px; margin-top: 13%;}
.server_line .ser_arrow02{float:left;display:inline-block; background: url(../../images/wlst/vnroute/orang_arrow02.png) no-repeat; background-size: 100%;width: 3.697%; height: 15px; margin-top: 13%;}

/*散货运输二干线+最初/最后一公里*/
.lastkilometer{background-color:white;padding:2.1%; margin-top: 3%;border-bottom: 1px dashed #ccc;}
.lastkilometer img{width:100%;}
.lastkilometer .lastpc_img{display:block;}
.lastkilometer .lastmobile_img{display:none;}
.characteristic{ background:white;padding:2%; padding-bottom: 5%;}
.characteristic .charact_p{font-size:24px; color:#1570ce; font-weight: bold;}
.charact_box>img{float:right; width: 47.394%; margin-right: 3%; margin-top: 3%;}
.charact_desc{float:left;margin-left:4%; margin-top: 2%;}
.charact_desc li{ margin-top: 5%;}
.charact_desc li i{ color:#1570ce;}
.charact_desc li span{font-size:18px; color:#333333; border:1px solid #1570ce;line-height: 30px; width: 170px; display: inline-block; padding-left:12px; margin-left:16px;}

/*长三角/珠三角集散中心*/
.entrepot{ background:white; padding:3.4%; margin-top: 3%;}
.entrepot img{width:100%;}


/*业务联系*/
.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 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/vnroute/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;}
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/vnroute/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/vnroute/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;}




@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:1054px){
	.banner_container .swiper-slide .banner_bg2{display:none;}
	.banner_container .swiper-slide .mobileban_box{display:block; height: 100%;}
	
}
@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: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:30%;transform: translateX(7%);}
	.banner_text2{ right: 20%; margin-top: 13%; }
	.banner_text2 i{width:170px; height: 180px;}


    .title_level1 .title_textbox .tit_blue{ font-size:22px; }
	.title_level1 .linwid01{ width:30%;}
	.title_level1 .txtwid01{width:40%}
	.title_level1 .title_line{ transform:translateY(14px)}
	.title_level2 span{font-size:22px;}
	
	.programme_p{font-size:20px;}
	.prog_span{font-size:16px;}
	.prog_ul li{float:none; width: 90%; margin: auto;}
	.prog_ul li span{font-size:20px;}
	.programme a{font-size:18px;}
	.pro_desc{font-size:18px;}
	
	.report_ul li{float:none;width: 90%; margin: auto; margin-bottom: 3%;}
	.report_ul li:nth-child(2n){margin-right:5%;}
	.report_ul li p{font-size:20px;}
	
	.crosscountry_ul li{float:none; width:90%; margin:auto;margin-bottom: 3%; }
	.crosscountry_ul li:nth-child(4){margin-right:5%;}
	
	.server_ul li{float:none;width:90%; margin:auto;margin-bottom: 3%; height: auto;}
	.server_ul li:nth-child(6){margin-right:5%;}
	.server_ul li img{margin-top:6%;}
	.server_ul li span{padding-bottom:6%;}
	.server_line>div{float:none;width:90%;height: auto;margin:auto;margin-bottom: 3%;}
	.server_line .ser_arrow01{float:none;margin-top: 0; margin: auto;display: block;transform: rotate(90deg);width: 5%; margin-bottom: 3%;}
	.server_line .ser_arrow02{float:none;margin-top: 0;margin: auto;display: block;transform: rotate(90deg);width: 5%;margin-bottom: 3%;}
	.server_line>div span{margin-bottom:6%; font-size:16px;}
	.charact_desc{float:none;}
	.charact_box>img{float:none; width: 80%; margin: auto; margin-top: 5%;}
	.characteristic .charact_p{font-size:20px;}
	.charact_desc li{margin-top:2%;}
	.charact_desc li span{font-size:16px; width: 80%;}
	
	.lastkilometer .lastpc_img{display:none;}
	.lastkilometer .lastmobile_img{display:block;}
	
	.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%);}
	.banner_text2{ right: 10%; margin-top: 18%; }
	.banner_text2 i{width:170px; height: 180px;}
	
    .title_level1 .title_textbox .tit_blue{ font-size:20px; }
	.title_level1 .linwid01{ width:20%;}
	.title_level1 .txtwid01{width:60%}
	.title_level1 .linwid02{ width:20%;}
	.title_level1 .txtwid02{width:60%}
	.title_level1 .linwid03{ width:20%;}
	.title_level1 .txtwid03{width:60%}
	.title_level2 span{font-size:20px;}

	.crosscountry_ul li span{font-size:16px;}
	.server_ul li p{font-size:20px;}
	.server_ul li span{font-size:14px;}
	
	.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_text2{ right: 3%; margin-top: 18%; }
	.banner_text2 i{width:170px; height: 180px;}

    .title_level1 .title_textbox .tit_blue{ font-size:16px; }
	.title_level1 .linwid01{ width:25%;}
	.title_level1 .txtwid01{width:50%}
	.title_level1 .linwid03{ width:20%;}
	.title_level1 .txtwid03{width:60%}
	.title_level2 span{font-size:16px;}
	
	.programme_p{font-size:16px;}
	.prog_span{font-size:14px;line-height: 24px;}
	.prog_ul li span{font-size:18px;}
	.programme a{font-size:14px;}
	.pro_desc{font-size:14px;}
	.report_ul li p{font-size:16px;}
	.report_ul li span{font-size:14px;line-height: 24px;}
	.report_ul li .detail_btn{font-size:14px;}
	.more_btn a{font-size:14px;}
	
	.crosscountry_ul li span{font-size:16px;}
	.server_ul li p{font-size:18px;}
	.server_ul li span{font-size:14px;}
	.server_line>div span{font-size:14px;}
	
	.characteristic .charact_p{font-size:16px;}
	.charact_desc li span{font-size:14px;}
	
	.contact_container .contact_tit{font-size:16px;}
	.contact_container .contact_box .contact .contact_txt p{font-size:16px;}
	
}