@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%; }
.white_container{ width:100%; background-color:white; }
.gray_container{ background:#f3f3f3; width: 100%;}
.main_container{ max-width:1190px; margin: 0 auto;text-align:center;}
.top48{margin-top:4.5%;}
.top60{margin-top:8%;}
.paddingtop48{ padding-top:2.5%}
.nomargin{ margin:0!important;}
.aligncenter{ text-align:center;}

.title_container{ width: 100%; text-align: center; padding-top: 4%;}
.title_container span{ font-size:35px; color:#333333;font-weight: bold; display: inline-block; width: 25%;}
.title_container i{display: inline-block;border-bottom:2px solid #b8b8b8; width: 37%; margin-top:2%}
.line_left{ float:left; }
.line_right{float:right;}

.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; background-color: white;}
.mobile_logoleft{ float:left; width: 84%}
.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: 2px 6px 6px #3f3f3f; 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/hwc/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/hwc/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%; margin-left:-23%; margin-top: 10%; width: 75%;}
.banner_text .banner_p01{ font-size:66px;float:left; color:white; font-weight: bold; text-shadow: 2px 2px 10px #101010;}
.banner_text .banner_span01{font-size:66px;float:left; color:#fffc00;font-weight: bold; display: inline-block;text-shadow: 2px 2px 10px #101010; margin-left:3%;}
.banner_text02{position: absolute;top:0; left: 30%;  margin-top: 7%; width: 75%;}
.banner_text02 .banner_p02{background-color: white; opacity: 0.8; width: 60%;  text-align: center;}
.banner_text02 .banner_p02 p{ font-size:66px; color:#040404; font-weight: bold;padding:2% 0; }
.banner_text02 .banner_span02{background-color: #ed6c00;  width: 60%;  text-align: center;}
.banner_text02 .banner_span02 span{font-size:35px; color:white;display:block;padding:1% 0;}
.banner_text03{ position: absolute;top:0; left: 50%; margin-left:-23%; margin-top: 7%; width: 75%;}
.banner_text03 .banner_p03{ font-size:75px; color:white; font-weight: bold; text-shadow: 2px 2px 10px #101010;}
.banner_text03 .banner_span03{font-size:75px;color:#f8f503;font-weight: bold; display: inline-block;text-shadow: 2px 2px 10px #101010; margin-left:22%;}

/*简介*/
.introduce_container{ margin-top: 3%;}
.introduce_container .introduce_lf{ float:left; width: 46.21%;}
.introduce_container .introduce_rg{float:left; margin-left: 2%; width: 51.79%;}
.introduce_container .introduce_rg p{ font-size:25px; color:#333333; font-weight: bold; margin-bottom: 1%;}
.introduce_container .introduce_rg div{ width:100%;}
.introduce_container .introduce_rg div i{display: inline-block;  background: url(../../images/wlst/hwc/icons.png) -10px -5px; width: 3%; height: 12px; margin-top: 1.7%; margin-right: 1%; float:left;}
.introduce_container .introduce_rg div span{ float:left; font-size:18px; color:#646464; display: block; line-height: 34px;width: 96%;text-align: left;}
.introduce_container .introduce_rg a{ font-size:25px; color:#fba705; border:2px solid #fba705; padding:1%; display: block;margin-top: 2%;text-align: center}


/*服务范围*/
.scope_container{ padding-bottom: 3%; }
.scope_container li{ float:left; background:white; margin-left:5%; width: 44.53%; position: relative;margin-top: 3%;}
.scope_container li div{position: absolute;top:19%; left:-4%;display: inline-block;text-align: center;width:48px; height: 48px; background:#333333;transform-origin: center;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.scope_container li i{ font-size:28px; font-weight: bold; color:white;position: absolute;top:24%; left:-2.2%;}
.scope_container li span{color:#333333; font-size:25px;display: inline-block;padding:22px 0; margin-left:13%;}
.scope_container li.yellow_li div{background:#fba705;}
.scope_container li.yellow_li span{ color:#fba705;}
.scope_container li span.fontsize22{ font-size:21px; padding:12px 0!important;}

/*服务优势*/
.advantage_container{margin-top: 3%;}
.advantage_container .advantage_lf{ float:left; width: 46.21%;}
.advantage_container .advantage_rg{float:left;margin-left: 2%; width: 51.79%; }
.advantage_container .advantage_rg .per_advantage{margin-bottom: 4.5%;}
.advantage_container .advantage_rg .per_advantage i{ font-size:35px; color: white;font-weight: bold;background:#333333;  padding:0 0.6%; float:left; width: 7%;}
.advantage_container .advantage_rg .per_advantage span{display: inline-block; margin-left:2%; font-size: 15px; color:#646464; line-height: 22px; float: left; vertical-align: middle; width: 88%;text-align: left;}
.advantage_container .advantage_rg .per_advantage i.yellow_bg{ background:#fba705;}

/*业务联系*/
.contact_container{padding-top: 3%;}
.contact_container>p{font-size:25px; color:#333333;}
.contact_container .cus_serverbox{ margin-top: 2%; padding-bottom: 3%;}
.contact_container .cus_serverbox .cus_server{ float:left; width: 50%;}
.contact_container .cus_serverbox .cus_server>img{ float:left; width: 32%;}
.contact_container .cus_serverbox .cus_server .contact_msg{ float:left; margin-left: 7%; margin-top: 7%; width: 60%}
.contact_container .cus_serverbox .cus_server .contact_msg p{ font-size:25px; color: #343434; font-weight: bold; margin-bottom: 2%;text-align: left;}
.contact_container .cus_serverbox .cus_server .contact_msg span{ display: block; font-size:14px; color:#343434; line-height: 26px;text-align: left;}
.contact_container .company_address{ padding-bottom: 4%;}
.contact_container .company_address p{float:left; font-size:35px; color:#333333; font-weight: bold; padding-right: 1%;}
.contact_container .company_address span{ float:left; font-size: 15px; color:#333333; display: block; padding-left:1%; border-left:1px solid #bfbfbf;}


/*底部*/
.bottom_container{ background-color:#454444; 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:white; line-height: 38px;}
.bottom_left span b{ color:white; }
.bottom_left .phone_icon{ display:inline-block; background: url(../../images/wlst/hwc/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;}
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/hwc/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/hwc/icons.png); background-position: -9px -155px; width: 18px; height: 18px; vertical-align: middle;}
.copyright{ background:#2b2b2b;}
.copyright span{ font-size:14px; color:white; display: block;padding:1% 0;}
.copyright span a{color:white}

/*海外仓展示*/
.warehousetable{ width: 100%; margin-top:3%; border:1px solid black; border-collapse: collapse;}
.warehousetable tr th{ font-size:22px; font-weight: bold; color:black;border:1px solid black; padding:0.6%;}
.warehousetable tr td{border:1px solid black;padding:0.6%; font-size:18px; text-align: center;}
.warehousetable tr td.blodtd{font-size:22px;font-weight: bold;}
.warehousetable tr td.blodtd2{ font-weight: bold;}
.warehousetable tr td p{ line-height: 30px;}
.blodP{ font-size:18px; font-weight: bold; margin:2% 0;}
table.table06 td{ text-align:left;}
.explain_container{ margin-top:2%;}
.explain_container ul{ margin-left:3%;}
.explain_container ul li{ list-style:decimal ; font-size:18px; color:#646464; line-height: 34px;text-align: left;}


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

@media screen and (max-width:1640px){
	.banner_text02{left:25%;}
	.banner_text02 .banner_p02,.banner_text02 .banner_span02{width:70%;}
}
@media screen and (max-width:1320px){
	.banner_text02 .banner_p02,.banner_text02 .banner_span02{width:80%;}
	.banner_text03{  margin-left:-30%; margin-top: 4%; }
}

@media screen and (max-width:1170px){
	.banner_container .swiper-slide img{ max-height:350px; width: auto; }
	.device{max-height:350px;}
	.swiper-container{max-height:350px;}
	.banner_text02{left:15%;}
	.banner_text02 .banner_p02,.banner_text02 .banner_span02{width:95%;}

}
@media screen and (max-width:1000px){
	.PCheader_container{display:none;}
	.mobileheader_container{ display:block;}
	.banner_container{ margin-top:62px;}
	.banner_text02{margin-top: 12%;}
	.banner_text02 .banner_p02 p{ font-size:50px;}
	.banner_text02 .banner_span02 span{ font-size:28px;}
	.banner_text03{  margin-left:-36%; margin-top: 16%; width: 77%; }
	.banner_text03 .banner_p03,.banner_text03 .banner_span03{ font-size:50px;}

	.scope_container li span{ font-size:20px; margin-left:16%;}

	.advantage_container .advantage_rg .per_advantage i{ font-size:24px;}

}
@media screen and (max-width:700px){
	.banner_container .swiper-slide img{ max-height:250px;  }
	.device{max-height:250px;}
	.swiper-container{max-height:250px;}
	.banner_text .banner_p01{ font-size:34px; }
	.banner_text .banner_span01{font-size:34px; margin-left: 0;}
	.banner_text{ margin-left:-38%;  margin-top:18%;width: 74%;}
	.banner_text02{margin-top: 12%;}
	.banner_text02 .banner_p02 p{ font-size:28px;}
	.banner_text02 .banner_span02 span{ font-size:20px;}
	.banner_text03{  margin-left:-36%; margin-top: 16%; width: 77%; }
	.banner_text03 .banner_p03,.banner_text03 .banner_span03{ font-size:30px;}
	.title_container span{ font-size:22px; }
	.title_container2 span{ font-size: 20px;}
	.bottom_left{ float:none;width: 90%; margin:auto;}
	.bottom_middle{ float:none; width: 92%; margin: 3% 4%;}
	.bottom_right{ float:none; width: 90%; margin: 5% auto; }
	.bottom_right img{ 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:22px;}

	.introduce_container .introduce_lf,.introduce_container .introduce_rg{ float:none;width: 90%; margin:auto; }
	.introduce_container .introduce_rg p{ font-size:20px; margin-top: 3%;}
	.introduce_container .introduce_rg div span{ font-size:16px;}
	.introduce_container .introduce_rg div i{ margin-top:2.5%;}
	.introduce_container .introduce_rg a{ font-size:16px;}

	.scope_container li{ float:none;width: 86%; margin:3% auto; }
	.scope_container li span{ font-size:16px;}
	.scope_container li span.fontsize22{ font-size:16px;}
	.scope_container li div{ width: 40px; height: 40px;}
	.scope_container li i{ font-size:20px; top:27%;}

	.advantage_container .advantage_lf{float:none;width: 90%; margin:auto;}
	.advantage_container .advantage_rg{float:none;width: 90%; margin:auto; margin-top: 3%;}
	.advantage_container .advantage_rg .per_advantage i{ font-size:20px;}

	.contact_container>p{ font-size:18px; margin-left: 2%;}
	.contact_container .cus_serverbox .cus_server{float:none;width: 90%; margin:8% auto; }
	.contact_container .cus_serverbox .cus_server>img{ width:30%; }
	.contact_container .cus_serverbox .cus_server .contact_msg{ margin-left:1%; margin-top: 3%;}
	.contact_container .company_address{ width:90%; margin:auto;}
	.contact_container .company_address p{ font-size:18px;}
	.contact_container .company_address span{ border-left:none; padding-left: 0;}
	.contact_container .cus_serverbox .cus_server .contact_msg p{font-size:18px;}

	.warehousetable tr td{ font-size:16px;}
	.warehousetable tr th{ font-size:16px;}
	.warehousetable tr td.blodtd{ font-size:16px;}
	.explain_container{ width:90%; margin: auto;}
	.explain_container ul li{ font-size:16px; line-height: 28px;}

}

@media screen and (min-width:401px) and (max-width:500px){
	.title_container span{ font-size:26px;}
	.floor1_bottom .title1{ font-size:18px;}
	.summary span{ font-size:16px;}

	.title_container span{ font-size:20px; width: 25%;}
	.title_container i{ margin-top:2.5%; width: 34%;}

	.contact_container .cus_serverbox .cus_server .contact_msg{ width:68%;}

}
@media screen and (min-width:320px) and (max-width:400px){
	.title_container span{ font-size:16px;}
	.chara{ margin-left:20px;}
	.chara span{ font-size: 14px; width: 80px;}
	.title_container span{ font-size:20px;}

	.title_container span{ font-size:16px;}

}