@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%;}
.white_container{ width:100%; background-color:white;}
.gray_container{ width:100%; background-color: #eff6ff;}
.main_container{ max-width:1190px; margin: 0 auto;}
.lf{float:left;}
.rg{float:right}
.top30{ margin-top:3%;}
.title_levele1{ text-align: center;}
.title_levele1 img{ display: inline-block;}
.title_levele1 span{ display: inline-block; margin: 0 2%; font-size:36px; color:#1e65d3; font-weight: bold;}
.title_levele2{ text-align: center; padding-top: 2%;}
.title_levele2 img{ display: inline-block; transform: translateY(-7px)}
.title_levele2 span{ display: inline-block; margin: 0 1%; font-size:24px; color:#1e65d3; font-weight: bold;}
.content_whitebox{background-color: white; margin-top:3.5%; box-shadow: 0 0 30px #cdd1fa;border-radius: 10px; padding:2%;}

.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_bar_container{ width:100%; background-color: #1187e1;}
.nav_bar_container .nav{ margin-top:10px; width: 1190px; margin: auto; padding:20px 0;}
.nav_bar_container .nav li{ float:left; margin: 0 14px; cursor: pointer;}
.nav_bar_container .nav li a{float:left;   color:#fff; font-size:16px; padding:6px 24px; border-radius: 5px;  }
.nav_bar_container .nav .currentNav a{  font-weight: bold;background-color:#3cb8ff;}
.nav_bar_container .nav li:hover a{background-color:#3cb8ff;}

.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 #ccc; 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*/
.banner_container{ width:100%; }
.banner_pc{position:relative;}
.banner_pc .banner_top{ background:url(../../images/wlst/video/bannerpc_01.jpg) no-repeat center center; width:100%; height: 490px; }
.banner_pc .bannner_btm{background:url(../../images/wlst/video/bannerpc_02.jpg) no-repeat center center; width:100%; height: 665px;}
.banner_mobile img{ width:100%;}

.ban_coverbox{position: relative;}
.coverbox{position: absolute; width: 100%; margin: auto; top: -388px;left: 50%; margin-left: -50%}
.ul_box{ width:100%;}
.ul_box li{ float:left; text-align: center; background-color: white; margin-top: 2%; box-shadow: 0 0 30px #cdd1fa;  width: 19.32%; min-height:276px;  border-radius: 10px; margin-right: 0.8%;}
.ul_box li:last-child{ margin-right:0;}
.ul_box li img{ display: inline-block; width: 33%; margin-top: 18%;}
.ul_box li p{ font-size:20px; color:#1a0e1c; line-height: 30px; margin-top: 17%;}
.douyin_container{background-color: white;margin-top: 1%; box-shadow: 0 0 45px #cdd1fa; border-radius: 10px; padding:0.5% 2%;}
.douyin_container img{ float:left;}
.douyin_container p{float:left; font-size:36px; color:#1b0c1b; font-weight: bold; margin-top: 2%; margin-left:2%;}
.douyin_container span{float:left; font-size:24px; color:#4c4c4c; margin-top: 3%; margin-left:2%;}

/*流量算法*/
.algorithm{}
.algorithm p{ font-size:18px; font-weight: bold; color:#333; margin-top: 1%;}
.algorithm span{ font-size:18px;color:#4c4c4c; display: block; line-height: 36px; margin-top: 1%;}
.algorithm .imgwidth1{ width:98.36%;}
.algorithm .imgwidth2{ width:99.2%; margin-top: 2%;}
.algorithm .imgwidth3{ width:69.32%; margin:1% auto;}
.algorithm .imgwidth4{ width:98.9%; margin:1% auto;}

/*关连行业流量*/
.flowcontent{}
.flowcontent .flow_lfbox{float:left; width: 73%;}
.flowcontent img{float:right; width: 25.37%}
.flowcontent .flow_lfbox p{ font-size:18px; color:#1b0c1b; line-height: 36px; margin-top: 2%;}
.flowcontent .flow_lfbox ul{}
.flowcontent .flow_lfbox ul li{ float:left; width: 50%; margin-top: 3%;}
.flowcontent .flow_lfbox ul li i{ font-size:24px; color:white;  background-color:#2858d1; display: block;padding:2%; float:left;}
.flowcontent .flow_lfbox ul li .point_txt{float:left;margin-left:2%;}
.flowcontent .flow_lfbox ul li .point_txt b{font-size:18px; color:#1b0c1b; font-weight: bold; display: block;}
.flowcontent .flow_lfbox ul li .point_txt span{font-size:16px; color:#1b0c1b; display: block;}

/*更新率*/
.update_fre p{ font-size:18px; color:#080613; line-height: 28px; margin-top: 2%;}
.update_fre ul{ margin-top:2%;}
.update_fre ul li{float:left;  margin-right: 4%;  width: 21.84%; text-align: center; border-radius: 10px;}
.update_fre ul li:last-child{ margin-right:0;}
.update_fre ul li i{ display:inline-block;text-align: center; margin-top: 10%;}
.update_fre ul li i.upadate_icon01{ background:url(../../images/wlst/video/icons.png) -3px -4px; width: 40px; height: 35px;}
.update_fre ul li i.upadate_icon02{ background:url(../../images/wlst/video/icons.png) -2px -50px; width: 40px; height: 35px;}
.update_fre ul li i.upadate_icon03{ background:url(../../images/wlst/video/icons.png) -55px -4px; width: 25px; height: 35px;}
.update_fre ul li i.upadate_icon04{ background:url(../../images/wlst/video/icons.png) -54px -47px; width: 35px; height: 36px;}
.update_fre ul li.bgc01{ background-color:#e32d91;}
.update_fre ul li.bgc02{ background-color:#00b0f0;}
.update_fre ul li.bgc03{ background-color:#8971e1;}
.update_fre ul li.bgc04{ background-color:#c830cc;}
.update_fre ul li span{ display:block;font-size:18px; color:white; padding:10% 0;}

/*企业抖音号的优势*/
.advantage_content{ margin-top: 2%;}
.advantage_content li{ float:left; border-radius:15px; width: 49.5%;background-color:#2294df;overflow: hidden; margin-right: 1%; margin-top: 1%;}
.advantage_content li:nth-child(2n){ margin-right:0;}
.advantage_content li>div{ float:left; width: 50%;}
.advantage_content li>img{ float:left; width: 50%}
.advantage_content li>div p{font-size:24px; color:white; margin-top:13%; margin-bottom: 10%; margin-left:4%;}
.advantage_content li>div span{ font-size:18px; color:white; margin-top:4%; margin-left:4%; display: block;}
.advantage_content li.bgc05{ background-color:#990fa4;}
.advantage_content li.bgc06{ background-color:#f3295f;}

/*内容核心*/
.core_content{margin-top:3%;}
.core_content li{ float:left; width: 27.93%; min-height: 274px; padding:2% 2%; background-color: white;box-shadow: 0 0 30px #cdd1fa;border-radius: 10px; text-align: center; margin-right: 2%;}
.core_content li:last-child{margin-right:0;}
.core_content li img{ display:inline-block;}
.core_content li p{ font-size:20px;font-weight: bold;color:#1b0c1b;margin:2% 0;}
.core_content li span{ display: block;text-align:left; font-size:16px; color:#666666; line-height: 32px;}
.core_desc{ border:1px solid #ee1c54; text-align: center; margin-top: 3%; }
.core_desc p{ font-size:22px; color:#ee1c54; margin-top: 1%}
.core_desc b{font-size:22px; color:#ee1c54;display: inline-block;font-weight: bold;margin:1% 0; }
.core_content li .morearrow_down{ display:inline-block;background: url(../../images/wlst/video/icons.png); background-position: -73px -108px; width: 16px; height: 16px; margin-top: 4px}
.core_content .more_box{ display:none;}
.core_tabcontainer .core_tab ul li{ float:left; text-align: center; padding:0 2%; cursor: pointer;border-bottom:2px solid transparent; margin-top: 2%;}
.core_tabcontainer .core_tab ul li.activeli{ border-bottom:2px solid #1e65d3;}
.core_tabcontainer .core_tab ul li.activeli span{color:#1e65d3; font-weight: bold;}
.core_tabcontainer .core_tab ul li span{ font-size:24px; color:#1b0c1b;line-height: 40px;}
.core_tabcontainer .core_perlist{background-color: white; margin-top:2%; box-shadow: 0 0 30px #cdd1fa;border-radius: 10px; padding:2%; display: none; }
.core_tabcontainer .core_perlist p{ font-size:20px; color:#1b0c1b; font-weight: bold;}
.core_tabcontainer .core_perlist>div{ margin-top:2%; }
.core_tabcontainer .core_perlist>div img{float:left;width: 13.44%;}
.core_tabcontainer .core_perlist>div span{float:left; display: block;width: 80%; margin-left:2%; font-size:16px; color:#666666; line-height: 32px; margin-top: 2%;} 

/*合作流程*/
.process_box{ background:url(../../images/wlst/video/step_h45f4h54.jpg) no-repeat; width: 100%; height: 508px; position: relative}
.process_box p{margin-left:8%;font-size:18px; color:#1b0c1b; margin-bottom: 36px;  }
.content_whitebox{position: relative}
.content_whitebox>img{position:absolute; bottom: 5%; right: 2%; width: 45%;}
.programme_table{background-color: white; margin-top:3.5%; box-shadow: 0 0 30px #cdd1fa;overflow: hidden}
.situ_table{ border-collapse: collapse; }
.situ_table tr th{ background-color:#1e65d3; color:#fff; font-size:18px; font-weight: bold; padding:1% 0; border:1px solid #fff; }
.situ_table tr td{ font-size:16px; color:#2A2A2A;  border:1px solid #1e65d3; line-height: 24px;padding:1% 0; padding-left:1%;}
.package_table{border-collapse: collapse; }
.package_table tr th{ background-color:#1e65d3; color:#fff; font-size:22px; font-weight: bold; padding:1% 0; border:1px solid #fff; }
.package_table tr td{ font-size:16px; color:#2A2A2A; text-align: center;border:1px solid #1e65d3; line-height: 24px;padding:1% 0; padding-left:1%;}

/*业务联系*/
.contact_box{ float:left; width: 33.33%;}
.contact_box p{font-size:24px; font-weight: bold; color:#1b0c1b; margin-bottom: 4%;}
.contact_box span{font-size:16px; color:#1b0c1b; display: block; margin-bottom: 2%;}
.contact_box span i{ display:inline-block; background: url(../../images/wlst/video/icons.png) no-repeat; vertical-align: middle; margin-right: 2%;;}
.contact_box span i.mobile_icon{ background-position: -47px -108px; width: 14px; height: 22px;}
.contact_box span i.phone_icon{ background-position: -46px -138px; width: 18px; height: 18px;}
.contact_box span i.email_icon{ background-position: -47px -166px; width: 18px; height: 12px;}

/*底部*/
.bottom_container{ background-color:#0f479c; width: 100%; margin-top: 3%; }
.bottom_left{ float:left; width: 40%; padding: 3% 0;}
.bottom_left span 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/video/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;} 
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/video/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/video/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 (max-width:1000px){
	.PCheader_container{display:none;}
	.mobileheader_container{ display:block;}
	.nav_bar_container{display:none;}
	.banner_mobile{ margin-top:9%}
	.flowcontent .flow_lfbox ul li{float:none; width:100%;}
	.advantage_content li{ float:none; width:90%; margin: auto; margin-top: 2%;}
	.advantage_content li:nth-child(2n){ margin-right:5%;}
	.process_box p{font-size:16px;}
}
@media screen and (min-width:1000px){
	.PCheader_container{display:block;}
	.mobileheader_container{ display:none;}
	.nav_bar_container{display:block;}
	
}
@media screen and (max-width:1190px){
   .banner_pc{ display: none}
   .banner_mobile{display:block}
	.coverbox{position: static; margin-left: 0;}
	.content_whitebox{ width:86%; margin: auto; margin-top: 2%;padding:4%;}
	.process_box p{margin-left:12%}
}
@media screen and (min-width:1190px){
  .banner_pc{ display: block}
   .banner_mobile{display:none}
}
@media screen and (max-width:1250px){
	.banner_text{width:1000px;}
	.banner_text i{ width:100%;}	
}
@media screen and (max-width:800px){
	.process_img{display:none;}
	.process_box p{margin-bottom:36px;}
}

@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_mobile{ margin-top:11%}
	.ul_box li:last-child{ margin-right:3%;}
	.ul_box li img{ width:28%; margin-top: 10%;}
	.ul_box li{ float:none; width: 93%; margin: auto; margin-top: 3%; min-height: auto;}
	.ul_box li p{ margin-top:4%; padding-bottom: 12%; }
	.douyin_container{ width:89.5%; margin:auto; margin-top: 3%;}
	.douyin_container img{float:none;}
	.douyin_container p{float:none;}
	.douyin_container span{float:none;}
	.flowcontent .flow_lfbox{float:none; width: 100%; margin: auto;}
	.flowcontent img{ display:none;}
	.update_fre ul li{float:none; width: 90%; margin: auto; margin-top: 2%;}
	.update_fre ul li:last-child{ margin-right:5%;}
	.core_content li{float:none;width: 86%; margin: auto; margin-top: 2%; padding:4%;}
	.core_content li:last-child{ margin-right:3%;}
	.core_desc{width:90%; margin: auto; margin-top: 3%;}
	.core_tabcontainer{ width:94%; margin:auto;}
	.core_tabcontainer .core_perlist>div img{float:none; width: 30%; margin: auto; margin-top: 2%;}
	.core_tabcontainer .core_perlist>div span{float:none; width: 90%; margin: auto;margin-top: 2%;}
	.core_tabcontainer .core_perlist p{ margin-top:2%;}
	.process_box p{ margin-left:18%;}
	.contact_box{float:none; width: 90%; margin: auto; margin-top: 2%;}
}

@media screen and (min-width:401px) and (max-width:500px){
	.banner_mobile{ margin-top:15%}
	.ul_box li p{ font-size:16px;}
	.douyin_container p{font-size:28px;}
	.douyin_container span{font-size:20px;}
	.title_levele1 span{ font-size:28px;}
	.title_levele1{ margin-top:7%;}
	.title_levele2 span{ font-size:22px;}
	.algorithm span{font-size:16px;line-height: 28px;}
	.flowcontent .flow_lfbox p{font-size:16px; line-height: 28px;}
	.update_fre p{ font-size:16px;}
	.update_fre ul li span{font-size:16px;}
	.advantage_content li>div p{font-size:18px;}
	.advantage_content li>div span{font-size:14px;}
	.core_content li p{font-size:18px;}
	.core_desc p{font-size:16px;}
	.core_desc b{font-size:16px;}
	.core_tabcontainer .core_tab ul li span{ font-size:18px;}
	.core_tabcontainer .core_perlist>div span{ font-size:16px;}
	.core_tabcontainer .core_perlist p{font-size:16px;}
	.process_box p{ margin-left:22%; margin-bottom: 31px;}
	.contact_box p{ font-size:20px;}
	.contact_box span{font-size:14px;}
}
@media screen and (min-width:320px) and (max-width:400px){	
   .banner_mobile{ margin-top:18%}
	.ul_box li p{ font-size:14px; line-height: 28px;}
	.douyin_container p{font-size:22px;}
	.douyin_container span{font-size:16px;}
	.title_levele1 span{ font-size:22px;}
	.title_levele1{ margin-top:7%;}
	.title_levele1 img{width:8%;}
	.title_levele2 span{ font-size:18px;}
	.algorithm span{font-size:14px;line-height: 26px;}
	.flowcontent .flow_lfbox p{font-size:14px;line-height: 26px;}
	.flowcontent .flow_lfbox ul li .point_txt span{ font-size:12px;}
	.flowcontent .flow_lfbox ul li .point_txt b{ font-size:16px;}
	.flowcontent .flow_lfbox ul li i{font-size:20px;}
	.update_fre p{ font-size:14px;}
	.update_fre ul li span{font-size:14px;}
	.advantage_content li>div p{font-size:16px;}
	.advantage_content li>div span{font-size:12px;}
	.core_content li p{font-size:16px;}
	.core_content li span{font-size:14px;}
	.core_desc p{font-size:14px;}
	.core_desc b{font-size:16px;}
	.core_tabcontainer .core_tab ul li span{ font-size:16px;}
	.core_tabcontainer .core_perlist>div span{font-size:14px;}
	.core_tabcontainer .core_perlist p{font-size:16px;}
	.process_box p{ margin-left:28%; margin-bottom: 36px; font-size:14px;}
	.situ_table tr th{font-size:16px;}
	.situ_table tr td{ font-size:14px;}
	.contact_box p{ font-size:18px;}
	.contact_box span{ font-size:14px;}
}