@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_level{ padding-top: 4%;}
.title_level span{ display:block; background-color: #006ad7; width: 200px; height: 60px; background-size: 100%; margin: auto; text-align: center; line-height: 60px; font-size:24px; color:#fff; border-radius: 5px; font-weight: bold;}
.title_lv2{ padding-top: 4%; position: relative;}
.title_lv2 span{ display: inline-block;font-size:24px; color:#ffffff;font-weight: bold;background-color:#3085dd; padding:1.2% 5%;position: relative;}
.title_lv2 span i{ display:inline-block; background:url(../../images/wlst/logistics-data/title-core.png) no-repeat; width: 32px; height: 60px; position: absolute; right: -32px; top: 0;}
/*.title_lv2 b{ position: absolute; left: 600px; bottom: 0; font-size:22px; color:#ff4142;}*/
.remarks_p{ font-size:16px; color:#666666; margin-top: 20px;}
.remarks_p label{color:#ff0000;}

.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 #f5ae1e;}
.nav .currentNav a{ color:#f5ae1e;}
.nav li:hover{border-bottom:2px solid #f5ae1e;}
.nav li:hover a{color:#f5ae1e;}

.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: 90%; }
.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:fixed;top:0; left:0;right: 0;bottom: 0; z-index: 999; width: 100%;box-shadow: 0 5px 7px #ccc;  display: none;}
.mobilenav{ background-color:white;}
.mobilenav li{  line-height: 40px; margin-left:14px;margin-right:14px; border-bottom:1px solid #EBEBEB}
.mobilenav li a{ color:#333333; display: block;}
.mobilenav_list .mask{ background-color:#000; opacity: 0.7; width: 100%; height: 100%;}

/*banner*/
.device {width: 100%;margin: 0 auto;position: relative;overflow: hidden;}
.arrow-left{background: url(../../images/wlst/logistics-data/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/logistics-data/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:138px;width: 100%;z-index: 888}
.swiper-container1 {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{ margin-bottom: 150px;}
.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: 34%; animation: move 3s infinite;}
.ban_coverbox{ position:relative;}
.ban_coverbox .coverbox_out{ position:absolute; bottom:-150px; left: 50%; margin-left: -53%; width: 100%; padding:3%; background:rgba(255,255,255,0.5);}
.ban_coverbox .coverbox_out .coverbox_in{ width: 100%;  background:rgba(174,114,241,0.8)}
.coverbox_in ul li{ float:left; width:25%; text-align: center;}
.coverbox_in ul li i{ display: inline-block;width:73px; height: 73px;  margin-top: 15%;background: url(../../images/wlst/logistics-data/icons.png) no-repeat; }
.coverbox_in ul li i.m-icon01{ background-position: -3px -5px;}
.coverbox_in ul li i.m-icon02{ background-position: -86px -7px;}
.coverbox_in ul li i.m-icon03{ background-position: -45px -95px;}
.coverbox_in ul li i.m-icon04{ background-position: -127px -95px;}
.coverbox_in ul li p{ font-size:36px; font-weight: bold;color:white;}
.coverbox_in ul li p b{font-size:16px; font-weight: normal;}
.coverbox_in ul li span{font-size:16px; color:white; display: block; margin-top: 1%; padding-bottom: 15%;}

/*详情走势*/
.content_box{ background-color:white; padding:30px 20px;}
.content_box img{ width:100%;}

/*城市的需求数量*/
.content_box2{background-color:white; padding:20px;}
.tab_areabox_pc{ border-bottom:3px solid #0058b2; margin-top: 20px; display: block;}
.tab_areabox_pc li{ float:left; width:12.5%; text-align: center; padding:10px 0; cursor: pointer;}
.tab_areabox_pc li span{font-size:24px;color:#252525;}
.tab_areabox_pc li span i{font-size:14px;}
.tab_areabox_pc li.active{ background-color:#0058b2; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.tab_areabox_pc li.active span{ color:white;}
.page_container .pagebox{display: none;}
.page_container .pagebox:nth-child(1){display:block;}
.tab_areabox_mobile{display:none;}
.tab_areabox_mobile .tabline01{display:flex; justify-content: space-between; flex-wrap: wrap;}
.tab_areabox_mobile .tabline01 li{ width: 24%; background-color:#EFEFEF; text-align: center; padding:10px 0; cursor: pointer; margin-bottom: 14px;}
.tab_areabox_mobile .tabline01 li span{font-size:16px;color:#252525;}
.tab_areabox_mobile .tabline01 li span i{font-size:14px;}
.tab_areabox_mobile .tabline01 li.active{ background-color:#0058b2;}
.tab_areabox_mobile .tabline01 li.active span{ color:white;}

/*全国仓库价格走势图*/
.page_container{ margin-top: 20px;}
.pagebox table{width: 48%; border-collapse: collapse;}
.pagebox table.table_lf_01{float:left; }
.pagebox table.table_rg_01{float:right;}
.pagebox table tr td{ background-color:#eaf4ff; font-size:16px; color:#333333; text-align: center; border:1px solid #cccccc; width: 33.33%}
.pagebox table tr:nth-child(1) th{ background-color:#3085dd; font-size:16px; color:white;}
.pagebox table tr:nth-child(2n) td{ background-color:#ffffff;}

/*业务咨询*/
.contact_container{ background-color:white; padding:3%; padding-bottom: 0;  margin-top: 3%;}
.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:50%;margin-bottom: 5%; float: left;}
.contact_container .contact_box .contact img{ float:left; width: 28%;}
.contact_container .contact_box .contact .contact_txt{ float:left; width: 72%;}
.contact_container .contact_box .contact .contact_txt p{font-size:24px; color:#343434; font-weight: bold; margin-left:8%; margin-top:10%;}
.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:#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/logistics-data/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;} 
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/logistics-data/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/logistics-data/icons.png); background-position: -9px -155px; width: 18px; height: 18px; vertical-align: middle;}
.copyright{ background:#253e69;border-top:1px solid #596d8e;}
.copyright span{ font-size:14px; color:#fff; display: block;padding:1% 0;}

/*图表*/
.main_chart{position: relative;z-index:1}
.main_chart .diqu {font-size: 16px;color: #666;font-weight: normal;cursor: pointer;display: inline-block;text-align: right;padding: 1.2%;position: absolute;right: 0;}
.main_chart .diqu .d-arrow {display: inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid gray;margin-bottom: 3px;}
.main_chart .diqu .region {position: absolute;top: 51px;right: 0;z-index: 999;width: 400px;border: 1px solid #dedede;box-shadow: 2px 2px 4px 4px #ccc;background: #fff;padding: 15px 0 15px 15px;overflow: hidden;display: none;}
.main_chart .diqu:hover .region{display:block}
.main_chart .diqu .region a{font-weight:normal;color:#666;font-size:14px;padding:5px 7px;margin-right:15px;float:left}
.main_chart .diqu .region a:hover{color:#fff;background: #3085dd}
.main_chart .detial {background: #ffffff;padding: 30px 20px;}
.main_chart .price_chart ul {height: 30px;width: 100%;margin: 0 auto;overflow: hidden;}
.main_chart .price_chart ul li.active, .main_chart .price_chart ul li:hover {background: #ff7720;color: #fff;}
.main_chart .price_chart ul li {float: left;background: #e5e5e5;width: 20%;margin-right: 1%;text-align: center;font-size: 14px;line-height: 32px;position: relative;cursor: pointer;}
.remark{text-align: center;color: #6a6a6a;font-size: 12px;margin-top: 10px}

@media screen and (max-width:1640px){
	.ban_coverbox .coverbox_out{ bottom:-190px;}
	.banner_container{ margin-bottom:180px;}
}
@media screen and (max-width:1260px){
	.ban_coverbox .coverbox_out{ width:94%; margin-left: -50%}
}
@media screen and (max-width:1200px){
	.ban_coverbox .coverbox_out{ bottom:-270px;}
	.banner_container{ margin-bottom:260px;}
}
@media screen and (max-width:1000px){
	.PCheader_container{display:none;}
	.mobileheader_container{ display:block;}
    .title_lv2 b{display:none;}
	.tab_areabox li span{font-size:20px;}
	.tab_areabox_pc{ display:none;}
	.tab_areabox_mobile{ display:block;}
}

@media screen and (min-width:1000px){
	.PCheader_container{display:block;}
	.mobileheader_container{ display:none;}
	
}
@media screen and (max-width:1016px){
	.coverbox_in ul li p{font-size:32px;}
}
@media screen and (max-width:930px){
	.coverbox_in ul li p{font-size:24px;}
}

@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%}
	.copyright span{padding:4%;}
	.banner_container .swiper-slide .typepc{display:none}
	.banner_container .swiper-slide .typemobile{display:block}
	
	.ban_coverbox .coverbox_out{ position:static; margin-left:0; width: 94%;}
	.banner_container{margin-bottom:20px;}
	.coverbox_in ul li{float:none; width: 90%; margin: auto; }
	.coverbox_in ul li:last-child{margin-bottom:5%;}
	.pagination{bottom:20px;}
	.coverbox_in ul li i{margin-top:7%;}
	.coverbox_in ul li span{padding-bottom:0;}
	.content_box{padding:30px 20px;}
	.pagebox table.table_lf_01,.pagebox table.table_rg_01{float:none;}
	.pagebox table{width:100%;}
	
	.contact_container .contact_box .contact{ width:100%;}
	.contact_container .contact_tit{ font-size:16px;}
	.contact_container .contact_box .contact .contact_txt p{ font-size:18px; margin-left:4%; margin-top: 5%;}
	.contact_container .contact_box .contact .contact_txt span{ margin-left:4%;}
	
}

@media screen and (min-width:401px) and (max-width:500px){
	.title_level span{width:160px; height: 48px; line-height: 48px; font-size:20px;}
	.title_lv2 span{ font-size:20px;}
	.title_lv2 b{font-size:16px;}
}
@media screen and (min-width:320px) and (max-width:400px){	
	.title_level span{width:138px; height: 42px; line-height: 42px; font-size:18px;}
	.title_lv2 span{ font-size:18px;}	
	.coverbox_in ul li span{font-size:14px;}
	.title_lv2 b{font-size:14px;}
}