@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;}/*清除浮动*/

.sectiondiv{ 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;}

.title_level2{ text-align: center; border-bottom: 2px solid #3960d9; margin-top: 3%; padding-bottom: 1%;}
.title_level2 span{display: inline-block; font-size:36px; color:#3960d9; 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;}
.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 #485cff;}
.nav .currentNav a{ color:#485cff;}
.nav li:hover{border-bottom:2px solid #485cff;}
.nav li:hover a{color:#485cff;}

.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: 0 5px 7px #ccc;  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/3pl/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/3pl/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_container .swiper-slide .typepc{display:block}
.banner_container .swiper-slide .typemobile{display:none}
.banner_text{ position: absolute;top:0; left: 50%; margin-left:-31%; margin-top: 7%; width: 28%; animation: move 3s infinite;}

/*3PL介绍*/
.tpl_container{ background-color:white; padding:2%; margin-top: 4%; box-shadow: 2px 2px 7px #ccc;}
.tpl_container img{ float:left; width: 30.8%;}
.tpl_container .tpl_txt{ float:left; margin-left:2%; width: 65%}
.tpl_container .tpl_txt b{ display: inline-block; color:white; background-color:#3960d9; font-size:24px; font-weight: bold; padding:4px 20px;}
.tpl_container .tpl_txt span{ display: block; font-size:18px; color:#333333; line-height: 36px; margin-top: 16px;}

/*服务优势*/
.advantage_title{text-align: center; margin: 4% 0;}
.advantage_title span{ display: inline-block;font-size:32px; font-weight: bold; color:#3960d9; border:1px solid #3960d9; padding:3px 20px; }
.advantage_content li{float:left; width: 23.69%; background-color:white; box-shadow: 2px 2px 7px #ccc; margin-right: 1.7%;}
.advantage_content li+li+li+li{margin-right:0;}
.advantage_content li img{ width:100%;}
.advantage_content li span{font-size:28px; font-weight: bold; color:#333333; display: block; text-align: center; padding:8% 0;}

/*项目案例*/
.search_container{ background:url(../../images/wlst/3pl/225-fh643gsh.jpg) no-repeat; background-size: 100% 100%; width: 100%; height: auto; margin-top: 4%;}
.search_container p{font-size:32px; font-weight: bold; color:white; text-align: center; padding:16px 0;}
.search_container .search_box{ padding:3%; padding-top: 2%;}
.search_container .search_box>div{ float:left; width: 50%;}
.search_container .search_box>div+div label{ text-align: right;}
.search_container .search_box label{ display: inline-block;overflow: hidden; width: 100%;}
.search_container .search_box label input{ width:70%; padding:0 2.2%; height: 40px; line-height: 40px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; border:none; outline: none; float:left;}
.search_container .search_box label a{color:white;font-size:16px; background-color:#002aab;height: 40px; line-height: 40px; float:left; width: 20%; text-align: center; border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
.search_container .search_box label a i{ display: inline-block; background:url(../../images/wlst/3pl/search_icon.png) no-repeat; width:14%; height: 16px; background-size:100%; vertical-align: middle; margin-right:10%;}
.anli_container{ margin-top:3%;}
.anli_container li{ margin-bottom: 2%; background-color:white; padding:3%; box-shadow: 0 0 7px #ccc; border:1px solid transparent; position:relative; }
.anli_container li:hover{ border:1px solid #3960d9;}
.anli_container li>p{ display: inline-block;font-size:20px; color:#3960d9; font-weight: bold; background-color:white; border-left:6px solid #3960d9; line-height: 40px;box-shadow: 0 0 7px #ccc; padding:0 3%;  }
.anli_container li>b{ display:block; font-size:18px; font-weight: bold; color:#333333; margin-top: 20px;}
.anli_container li>span{ display:block; font-size:16px;color:#666; margin-top: 14px;}
.anli_container li .tab_number{ position: absolute; top:40px; right:-6px; }
.anli_container li .tab_number i{ color:white; background-color:#3960d9;font-size:12px; display: block; padding:3px 10px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.anli_container li .tab_number i:after{ content:""; position:absolute; bottom:-6px; right:0; border-top: 3px solid #0028a4;border-right:3px solid transparent;border-bottom: 3px solid transparent; border-left:3px solid #0028a4;}
.anli_container li .anli_tips{  margin-top: 16px;}
.anli_container li .anli_tips .tips_s{font-size:12px; color:#999999; display: block;text-align: left; float:left;}
.anli_container li .anli_tips .tips_s i{ color:#ff0000;}
.anli_container li .anli_tips .comment_s{ font-size:14px; color:#333333; float:right; cursor: pointer;}
.anli_container li .anli_tips .comment_s i{display:inline-block; background: url(../../images/wlst/3pl/icons.png) no-repeat -5px -2px; width: 24px; height: 22px; vertical-align: middle; margin-right: 6px;}
.anli_container li .leveup_btn{ position:absolute; top:42%; right:3%;}
.anli_container li .leveup_btn a{ color:white; background-color: #ff7200; padding:6px 18px; border-radius: 5px;}

/*项目联系*/
.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%; }
.contact_container .contact_box .contact{ width:33.3%; 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%;}
/*分页*/
.pages{padding:20px 0 10px 0;text-align:center;font-size:12px;color:#666}.pages a:link,.pages a:visited,.pages a:active{color:#049;background:#fff;border:#9aafe5 1px solid;padding:1px;text-decoration:none}.pages a:hover{background:#fff;border:#2e6ab1 1px solid;color:#f60;padding:1px;text-decoration:none}.pages strong{background:#2e6ab1;padding:1px;border:#1d589e 1px solid;color:#fff}.pages_inp{border:#2e6ab1 1px solid;padding:1px;width:30px;text-align:center;color:#666}.pages_btn{width:26px;background:#f1f7fc;border:#2e6ab1 1px solid;color:#049;font-weight:bold;font-size:11px}.pages label{background:#fff;border:#2e6ab1 1px solid;color:#049;padding:1px 5px 1px 5px}.pages label em{color:red;font-weight:bold;font-style:normal}.pages label span{font-weight:bold}.pages cite{font-style:normal}
#mealchoose{position: relative;width: auto;max-width: 600px;  background:white; margin: 20px auto;border-radius:6px;}
.tan_title{ font-size: 16px;text-indent: 2em;color: #fff;width: 100%;background-color: #345da1;height: 46px;line-height: 46px; position:absolute; left:0; top:0;border-radius: 5px 5px 0 0; }
.tan_content{padding:20px;padding-top:60px;font-size:15px; }
.tan_content span{display:block; font-size:16px;  margin-bottom: 16px;line-height: 28px;}
.tan_content .meal_list{overflow:hidden;}
.tan_content .meal_list a{ float:left; width:38.2%; margin-left:8%; margin-bottom: 3%; box-shadow: 2px 2px 7px #ccc; }
.tan_content .meal_list a img{ display:block; width: 100%;}

/*底部*/
.bottom_container{ background-color:#2c4979; width: 100%; margin-top: 3%; }
.bottom_left{ float:left; width: 40%; padding: 3% 0;}
.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/3pl/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;} 
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/3pl/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/3pl/icons.png); background-position: -9px -155px; width: 18px; height: 18px; vertical-align: middle;}
.copyright{ background:#253e69;border-top:1px solid #253e69;}
.copyright span{ font-size:14px; color:#fff; display: block;padding:1% 0;}
.copyright span a{ color: #96a4bc;}

@keyframes move{
	0%{transform: translateX(0)}
	30%{transform: translateX(30px)}
	60%{transform: translateX(0)}
	100%{transform: translateX(0)}
}

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

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

@media screen and (min-width:701px){	
	.swiper-container.bannerheight{min-height:386px;}
}

@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%;}
	
	.banner_container .swiper-slide .typepc{display:none}
	.banner_container .swiper-slide .typemobile{display:block}
	
	.title_level2 span{font-size:24px;}
	.contact_container .contact_tit{font-size:18px;}
	.contact_container .contact_box .contact{ float:none; width: 100%; margin: auto; margin-bottom: 5%;}
	.contact_container .contact_box .contact .contact_txt p{font-size:18px;}
	.contact_container .contact_box .contact .contact_txt p b{font-size:16px;}
	
	.tpl_container{ width:90%; margin: auto; margin-top: 4%; padding:0; padding-top: 1%;}
	.tpl_container img{float:none; width: 90%; margin:3% auto;}
	.tpl_container .tpl_txt{float:none; width: 90%; margin: auto; padding-bottom: 3%;}
	.tpl_container .tpl_txt b{ font-size:18px; display: block;}
	
	.advantage_content li{float:none; width:90%; margin:auto; margin-bottom: 4%;}
	.advantage_content li+li+li+li{ margin-right:5%;}
	.advantage_title span{font-size:20px;}
	.advantage_content li span{font-size:18px; padding:5% 0;}
	
	.search_container .search_box>div{float:none; width: 100%; margin-bottom: 3%;}
	.search_container .search_box label input{ width:75%;}
	.search_container p{font-size:20px;}
	
	.anli_container li .tab_number{right:10px; top:20px;}
	.anli_container li>p{font-size:18px;}
	
	
}

@media screen and (min-width:401px) and (max-width:500px){
	.tpl_container .tpl_txt span{ font-size:16px; line-height: 32px; margin-top: 12px;}
	.anli_container li>span{font-size:16px; line-height: 32px;}
	
}
@media screen and (min-width:320px) and (max-width:400px){	
	.tpl_container .tpl_txt span{ font-size:14px; line-height: 28px;margin-top: 12px;}
	.anli_container li>span{font-size:14px; line-height: 28px;}
	
}