@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;}
.main_container a{ color:#ffffff;}

.title_level{ padding-top: 4%;}
.title_level span{ display:block; background-color: #1534e6; 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_leve2{  width: 250px; height: 60px; background: url(../../images/wlst/ecang/title_bg.png) no-repeat; margin: auto;margin-top:4%;}
.title_leve2 span{ display:block; text-align: center; line-height: 60px;font-size:24px; color:#1534e6;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 #1e82c2;}
.nav .currentNav a{ color:#1e82c2;}
.nav li:hover{border-bottom:2px solid #1e82c2;}
.nav li:hover a{color:#1e82c2;}

.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: 1.8rem; height:1.6rem; border:2px solid #1b2c69; border-radius: 4px; float:right; margin-top:10%;}
.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/ecang/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/ecang/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-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{position: relative;}
.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;}

/*仓库短视频风口*/
.videobox{background-color:white; padding:20px; margin-top: 3%;}
.videobox .videotitle{text-align: center; font-weight: bold; font-size:24px; color:#333;}
.fengkou_box{ margin-top: 20px;}
.fengkou_box .fengkou_lf{ float:left; width: 34% ; margin-left: 5%}
.fengkou_box .fengkou_lf ul li{ font-size:18px; color:#333; margin-bottom: 40px;}
.fengkou_box .fengkou_lf ul li b{ display: inline-block; font-size:20px; color:white; width:24px; height: 24px; border-radius: 100px; background-color:#1937eb; text-align: center; margin-right: 10px;}
.fengkou_box .fengkou_center{float:left; width: 22.78%;}
.fengkou_box .fengkou_center img{ width:100%;}
.fengkou_box .fengkou_rg{float:right;  text-align: right; width: 30%}
.fengkou_box .fengkou_rg p{ font-size:22px; color:#2b47e8; margin-bottom: 14px;}
.fengkou_box .fengkou_rg img{display:inline-block!important;text-align: right;margin-bottom: 14px; width: 96.7%;}
.fengkou_box .fengkou_rg span{display: block; text-align: right;color:#666666; font-size:14px;}
.fengkou_box .fengkou_rg b{ font-size:12px; color:#999999;}
.arrowdown{ width: 100px; margin:20px auto;}
.arrowdown img{ width:100%;}
.video_level2box{ background-color:white;padding:3%; text-align: center;}
.video_level2box p{ font-size:18px; line-height: 30px; color:#333333; text-align: left;}
.video_level2box span{ display: inline-block; font-size:18px; color:#2b47e8; border:1px solid #2b47e8;text-align: center; padding:6px 20px;margin-top: 20px;}

/*短视频的优势*/
.advantage_box{ margin-top: 3%;}
.advantage_box li{float:left; width: 32%; background-color: white; min-height: 420px; text-align: center; margin-right: 2%}
.advantage_box li:nth-child(3){ margin-right:0;}
.advantage_box li p{ font-size:20px; font-weight: bold; color:#333; text-align: center; padding-top:6%;}
.advantage_box li img{ display: inline-block; width: 49.2%;}
.advantage_box li span{font-size:16px; color:#333333; line-height: 28px; display: block; padding:20px; text-align: left;}

/*合作流程*/
.liucheng_content{ background-color:white; padding:3% 0; margin-top: 3%;}
.pcliucheng_box{ text-align: center;display: block;}
.pcliucheng_box img{ display:inline-block; width: 94.28%;}
.mbliucheng_box{text-align: center;display: none;}
.mbliucheng_box img{ display:inline-block; width: 100%;}

/*成功案例*/
.more_a{display: block;font-size:14px; color:#1534e6; text-align: right; margin-top: 2%; text-decoration: none;}
.anli_container{ margin-top: 1%;}
.anli_box{ float:left; width:23.69%; border:1px solid #dedede; margin: auto; margin-right: 1.7%; box-sizing: border-box; margin-bottom: 20px;}
.anli_box:nth-child(4n){ margin-right:0;}
.anli_box:hover{border:1px solid #1534e6;}
.anli_box .video_box{ width:100%; height:auto; overflow: hidden; position: relative;}
.anli_box .video_box .pauseicon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.anli_box .videoimg{ width:100%;}
.anli_box .recommend_textbox{ padding:10px; background-color: white;}
.anli_box .recommend_textbox p{font-size:14px; color:#252525;}
.anli_box .recommend_textbox .recommend_price{ margin: 6px 0;}
.recommend_textbox .recommend_price span{ font-size:14px; color:#ff7200; 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/ecang/icons.png) -12px -6px; 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/ecang/icons.png) -14px -29px; width: 12px; height: 16px; vertical-align: middle;margin-right: 4px;}

/*平台介绍*/
.introduction{
	background-color:white; padding:3% 0;
}
.title_leve1{
	font-size: 28px;
	color: #3D3D3D;
	font-weight: bold;
	text-align: center;
}
.title_leve1 span{
	padding: 8px 25px;
	background: #09328F;
	color: #ffffff;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.introduction_box{
	width: 100%;
	position: relative;
	margin-top: 50px;
}
.introduction_box img{
	width: 100%;
}
/*平台三部曲*/
.trilogy{
	background-color:white; padding:3% 0;
}
.trilogy_box{
	margin-top: 50px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.trilogy_content{
	width: 340px;
	padding: 10px 20px;
	border: 1px solid #C1C1C1;
	position: relative;
	min-height: 360px;
	margin: 20px auto 0;
}
.trilogy_content:hover .trilogy_img{
	transform: scale(1.1);
}
.trilogy_content .trilogy_title{
	background: url(../../images/wlst/ecang/trilogy_bg.png);
	width: 203px;
	text-align: center;
	height: 31px;
	line-height: 31px;
	margin: -11px auto 10px;
	font-weight: bold;
	font-size: 18px;
}
.trilogy_content p{
	color: #3D3D3D;
	font-size: 16px;
	line-height: 32px;
}
.trilogy_content .trilogy_title p{
	color: #FFFFFF;
}
.trilogy_content .trilogy_img{
	width: 150px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	transition: all 0.6s;
}
/*平台方向*/
.direction{
	background-color:white; padding:3% 0;
}
.direction_box{
	margin-top: 50px;
	width: 100%;
}
.direction_title{
	color: #3D3D3D;
	text-align: center;
}
.direction_title p{
	font-size: 16px;
	font-weight: normal;
	line-height: 32px;
	margin-bottom: 20px;
}
.direction_title span{
	font-family: Microsoft YaHei, serif;
	font-weight: bold;
	font-size: 16px;
}
.direction_img{
	width: 60%;
	max-width: 600px;
	margin: 30px auto 20px;
}
.direction_bg{
	margin-top: 50px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.direction_desc{
	border: 1px solid #C1C1C1;
	border-radius: 10px;
	width: 200px;
	padding: 10px;
	margin: 20px auto 0;
	transition: all 0.6s;
}
.direction_desc:hover {
	transform: scale(1.1);
}
.direction_desc p{
	font-size: 18px;
	font-weight: bold;
	color: #3D3D3D;
	text-align: center;
	margin: 20px 0;
}
.direction_desc span{
	font-size: 14px;
	color: #3D3D3D;
	line-height: 30px;
	width: 90%;
	display: block;
	margin: 20px auto;
}
.direction_number{
	background: url(../../images/wlst/ecang/direction02.png);
	width: 100px;
	height: 86px;
	line-height: 86px;
	margin: 20px auto;
	font-weight: bold;
	font-size: 18px;
}
.direction_number span{
	display: inline-block;
	margin-left: 30px;
	color: #ffffff;
}
/*承载策略*/
.strategy{
	background-color:white; padding:3% 0;
}
.diagram{
	background-color:white; padding:3% 0;
	position: relative;
}

.pagination2 {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 40px;
	width: 100%;
	z-index: 888;
}
.diagram_box{
	margin-top: 50px;
	width: 100%;
	overflow: hidden;
}
.diagram_box::after{
	clear: both;
}
.diagram_box .swiper-wrapper ,.diagram_box .swiper-slide,.diagram_box .swiper-slide img{
	max-height: 580px;
}

@media screen and (max-width:700px){
	.diagram_box .swiper-wrapper ,.diagram_box .swiper-slide,.diagram_box .swiper-slide img{
		max-height: 190px;
	}
	.title_leve1{
		font-size: 18px;
	}
}

/*市场模式*/
.model{
	background-color:white; padding:3% 0;
}
.model_box{
	margin-top: 50px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.model_box img{
	width: 100%;
}
.model_box .model_txt{
	width: 50%;
}
.model_box .model_txt p{
	font-size: 16px;
	color: #3D3D3D;
	padding: 10px 20px;
	line-height: 36px;
}
.model_box .model_txt p b{
	font-weight: bold;
}
.model_box .model_txt p span{
	display: inline-block;
	width: 25px;
	height: 25px;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	background: #0070C0;
	color: #FFFFFF;
	margin-right: 10px;
	border-radius: 50%;
}
/*平台支持*/
.support{
	background-color:white; padding:3% 0;
}
.support_box{
	margin-top: 50px;
	width: 100%;
}
.support_box img{
	width: 100%;
}

/*业务咨询*/
.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:18px; color:#343434; margin-left:8%; margin-top:10px;}
.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%;}

.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/ecang/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;} 
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/ecang/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/ecang/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;}



@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;}
	.nav_right{display:none;}
	
}
@media screen and (min-width:1000px){
	.PCheader_container{display:block;}
	.mobileheader_container{ display:none;}
}

@media screen and (max-width:700px){
	.pcliucheng_box{display: block;}
	.mbliucheng_box{display: none;}
}

@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}
	.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%;}
	/*不变*/
	
	.fengkou_box .fengkou_lf{float:none; width: 100%; margin-left: 0; }
	.fengkou_box .fengkou_lf ul li{margin-bottom:20px;}
	.fengkou_box .fengkou_center{float:none; width:50%; margin: auto;}
	.fengkou_box .fengkou_rg{ float:none; width:100%;}
	
	.advantage_box li{float:none; width: 90%; margin: auto; min-height: auto; margin-bottom: 3%;}
	.advantage_box li:nth-child(3){ margin-right:5%;}
	
	.pcliucheng_box{display: none;}
	.mbliucheng_box{display: block;}
	
	.anli_box{ float:none; width: 90%; margin: auto; margin-bottom: 3%;}
	.anli_box:nth-child(4n){ margin-right:5%;}
	.more_a{ margin-right: 20px; margin-bottom: 14px;}
	
}

@media screen and (min-width:401px) and (max-width:500px){
	.title_level span{width:160px; height: 48px; line-height: 48px; font-size:20px;}
	.advantage_container li .adv_img p{font-size:20px;}
	.videobox .videotitle{font-size:20px;}

}
@media screen and (min-width:320px) and (max-width:400px){	
	.title_level span{width:138px; height: 42px; line-height: 42px; font-size:18px;}
	.advantage_container li .adv_img p{font-size:16px;}
	.videobox .videotitle{font-size:18px;}
	.fengkou_box .fengkou_lf ul li{font-size:16px;}
	.video_level2box p{font-size:16px;}
	.video_level2box span{font-size:14px;}
}