@charset "UTF-8";
/***************2023-2-01***************/
@font-face {
    font-family: YouSheBiaoTiHei;
    src: url("../fonts/youshebiaotihei-2.ttf");
}
body{
	font-size:14px;
	font-family: 'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;
	-webkit-font-smoothing:antialiased;
	letter-spacing:1px;
	color: #333333;
	background:#FBFBFB;
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: 'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;
    vertical-align: baseline;

    box-sizing: border-box; 
}
*{
	padding:0px;
	margin:0px;
	border:0px;
	outline:0px;
	vertical-align: baseline;
    background: 0 0;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
	color:#333333;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
    -ms-interpolation-mode: bicubic;
    border: none;
    height: auto;
    width: auto\9;
    max-width: 100%;
}
input,select{
	outline:none;
}
select option{
	padding:5px 0px;
	font-family: HarmonyOS_Sans_SC_Regular;
    color: #C9C9C9;
}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #C9C9C9;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #C9C9C9;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #C9C9C9;
}
.clear::after,.clearfix{
	content:'';
	display:block;
	clear:both;
	zoom:1;
	overflow:hidden;
}
.content{
	max-width: 1200px;
    margin: 0px auto;
}
.banner img{
	width:100%;
	min-width: 1200px;
}
/***********头部**********/
#top{
	background:#ffffff;
}
.logo{
	width:18%;
	float:left;
	padding:17.5px 0px;
}
.logo>img{
	width:129px;
}
.menu{
	width:82%;
	float:left;
	margin-top:20px;
}
.nav li a{
	font-size:16px;
	font-weight:bold;
}
#cssmenu > ul > li:last-child > a{
	margin-right:0px;
	position:relative;
	display:block;
}
.menu_list li:hover a::after {
    content: '';
    display: block;
    width: 20px;
    height: 4px;
    background: #e43550;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 15px auto 0px;
}
/********首页海报轮播**************/
.banner .swiper-button-next {
    background: url(../images/arrow-right.png) no-repeat;
    width: 44px;
    height: 44px;
    right: 5%;
    top: 50%;
}
.banner .swiper-button-prev {
    background: url(../images/arrow-left.png) no-repeat;
    width: 44px;
    height: 44px;
    top: 50%;
	left: 5%;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:7%;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#ffffff;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0px 24px;
}
.banner .swiper-pagination-bullet{
	width:15px;
	height:15px;
	border:2px solid #ffffff;
	background:none;
	opacity:1;
}
/***********服务项目***********************/
#service-item{
	margin-top:100px;
}
.service-item-left{
	width:430px;
	float:left;
}
.service-item-left .title{
	width: 430px;
    height: 144px;
    background: #e0e6ec;
    padding: 30px 0px 30px 30px;
    border-radius: 10px;
}
.service-item-left .title p{
	font-size:38px;
	font-weight:bold;
}
.service-item-left .title span{
	font-size:22px;
}
.service-item .list{
	position:relative;
	margin-top:8px;
}
.service-item .service-item-left .list img{
	height:262px;
}
.service-item .list .name{
	position: absolute;
    top: 30px;
    left: 30px;
    color: #ffffff;
}
.service-item .list .name p{
	font-size:24px;
	font-weight:bold;
}
.service-item .list .name span{
	display:block;
	padding-top:10px;
	line-height: 32px;
	font-size:16px;
}
.service-item-right{
	width:760px;
	float:left;
	margin-left:8px;
}
.service-item .service-item-right .list:nth-child(1),.service-item .service-item-right .list:nth-child(2){
	margin-top:0px;
}
.service-item-right .list{
	float:left;
	margin-right:8px;
}
.service-item .service-item-right .list:nth-child(1) img,.service-item .service-item-right .list:nth-child(3) img{
	width:383px;
	height:285px;
}
.service-item .service-item-right .list:nth-child(2) img,.service-item .service-item-right .list:nth-child(4) img{
	width:369px;
	height:285px;
}
.service-item .service-item-right .list:nth-child(2),.service-item .service-item-right .list:nth-child(4){
	margin-right:0px;
}
.logo-bg{
	height:80px;
	padding-top:20px;
}
.service_summary_detail{
	background:#F80D4A;
	color:#ffffff;
	padding:65px;
	margin-top:8px;
	height:300px;
}
.service_summary_detail.platform2 {
	background: linear-gradient(180deg, #FF3C00 0%, #FF7400 100%);
}
.service_summary_detail.platform3{
	background: #F60000;
}
.service_summary_detail.platform4{
	background:#0D0D0D;
}
.service_summary_detail.platform5{
	background:#F10009;
}
.service-name-text h4{	
	font-size: 38px;
	font-weight: bold;
}
.service-name-text p{
	font-size:22px;
	padding:15px 0px;
}
.service-name-text span{
	font-size:22px;
}
.service-name-text{
	float:left;
}
.service-name-logo{
	float: right;
    padding-top: 30px;
}
.platform4 .service-name-logo img{
	position:relative;
	top:-50px;
}
.platform5 .service-name-logo img{
	position:relative;
	top:-20px;
}
.service-item .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#ffffff;
}
.service-item .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0px 15px;
}
.service-item .swiper-pagination-bullet{
	width:13px;
	height:13px;
	border:2px solid #ffffff;
	background:none;
	opacity:1;
}
.service-item .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:25px;
}
.hotfor{
	width:60%;
	margin:0px auto;
}
.commerce{
	width: 80%;
    margin: 0px auto;
    position: relative;
    z-index: 5;
    margin-top: -70px;
}
#data_wrap .block_box{
	background:url("../images/data-bg.png") no-repeat;
	width:100%;
	height:193px;
	position:relative;
	z-index:99;
	margin-top:-70px;
}
.data_li{
	display: inline-block;
    text-align: center;
    width: 24.6%;
    margin-top: 40px;
}
.data_li span{
	font-size:62px;
	font-family: Arabic;
}
.data_li .data-desc{
	font-size:16px;
	color:#333333;
}
.data_li p{
	color:#F80D4A;
	font-weight: bold;
}
.data_li span.puls{
	font-size:20px;
	font-weight:bold;
	position:absolute;
}
/**************流量推广******************/
#flow-promote{
	margin-top:50px;
}
.flow-promote .title{
	text-align:center;
	padding-bottom:50px;
}
.flow-promote .title h3{
	font-size:38px;
}
.flow-promote .title h3 span{
	color:#F80D4A
}
.flow-promote .title p{
	font-size:22px;
	padding-top:10px;
}
.run_flow_detail_each{
	position:relative;
}
.run_flow_detail_each .cover{
	background: #000000;
    opacity: 0.49;
	width:100%;
	height:115px;
	position:absolute;
	bottom:0px;
	z-index:8;
}
.run_flow_detail_each p{
	color:#ffffff;
	opacity:1;	
	position:absolute;
	z-index:99;
	line-height: 32px;
    font-size: 16px;
    padding: 25px 25% 30px 25px;
	bottom:0px;
}
.run_flow_detail_each.on{
	display:block;
}
.run_flow_detail_each{
	display:none;
}
.flow_promote_category_each{
	float: left;
    width: 25%;
    background: #f1f4f5;
    height: 155px;
    padding: 30px 0px 0px 3%;
	position:relative;
}
.flow_promote_category_each .name{
	font-size:20px;
	font-weight:bold;
	padding-bottom:20px;
}
.flow_promote_category_each .text{
	font-size:16px;
	line-height:30px;
}
.flow_promote_category_each.on{
	background:#ffffff;
}
.flow_promote_category_each.on::after{
	content:"";
	background:#F80D4A;
	width:100%;
	height:5px;
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 0) 0s;
}
/***********成功案例**************/
#success_case{
	margin-top:100px;
}
.success_case .title{
	text-align:center;
	padding-bottom:50px;
}
.success_case .title h3{
	font-size:38px;
}
.success_case .title h3 span{
	color:#F80D4A
}
.success_case .title p{
	font-size:22px;
	padding-top:10px;
}
.select_adj .list {
    width: 377px;
    float: left;
    margin-right: 34px;
    background: #fff;
    padding-bottom: 30px;
}
.select_adj .list p {
    padding: 10px 20px;
}
.select_adj .list span {
    display: block;
    width: 100px;
    padding: 6px 0px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #707070;
    margin-left: 25px;
}
.select_adj .list:last-child {
    margin-right: 0px;
}
/**************服务流程****************/
#service-process{
	margin-top:100px;
}
.service-process .title{
	text-align:center;
	padding-bottom:50px;
}
.service-process .title h3{
	font-size:38px;
}
.service-process .title h3 span{
	color:#F80D4A
}
.service-process .title p{
	font-size:22px;
	padding-top:10px;
}
.process-list li p{
	font-size:18px;
	font-weight:bold;
}
.process-list li span{
	font-size:16px;
	display:block;
	padding-top:5px;
}
.process-list li{
	display:inline-block;
	vertical-align:top;
	margin:0px 60px;
	padding-top:10px;
	text-align:center;
}
.process-list li:nth-child(2){
	margin-left:90px;
}
.process-list li:nth-child(3){
	margin-left:70px;
}
.process-list li:nth-child(4){
	margin-left:75px;
}
.process-list li:nth-child(5){
	margin-left:100px;
}
/***********品牌合作**************/
#partner{
	margin-top:100px;
	padding:50px 0px 30px;
	background:#ffffff;
}
.partner .title{
	text-align:center;
}
.partner .title h3{
	font-size:38px;
}
.partner .title p{
	font-size:22px;
	padding-top:10px;
}
/*.partner_box ul li{
	width:100%;
	padding:45px 0px;
	border-bottom:1px dotted #707070;
}
.partner_box{
	margin-top:20px;
}
.partner_box ul li:nth-child(1) a img{
	height:40px;
}
.partner_box ul li:nth-child(2) a img{
	height:70px;
}
.partner_box ul li:nth-child(3) a img{
	height:80px;
}
.partner_box ul li:nth-child(4) a img{
	height:60px;
}
.partner_box ul li:nth-child(1) a {
	margin-right: 60px;
}
.partner_box ul li:nth-child(2) a {
	margin-right: 68px;
}
.partner_box ul li:nth-child(3) a {
	margin-right: 64px;
}
.partner_box ul li:nth-child(4) a {
	margin-right: 44px;
}
.partner_box ul li a:last-child{
	margin-right:0px;
}
.partner_box ul li:last-child{
	border-bottom:none;
}*/

.partner .content{
	padding: 0 20px;
	max-width: 1240px;
}

.partner .partner_box{
	margin-top: 20px;
}

.partner .partner_list{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin:-20px 0 0 -20px;
}

.partner .partner_list li{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;		
	padding:20px 0 0 20px;
	border-bottom: unset;
}

.partner .partner_list li img{
	box-shadow: 0px 0px 5px rgb(55 99 170 / 10%);
}	
	
@media only screen and (min-width: 768px) {
	.partner .partner_list li{
		width:33.333%;
	}
}

@media only screen and (min-width: 1024px) {
	.partner .partner_list li{
		width:25%;
	}			
}	

@media only screen and (min-width: 1280px) {
	.partner .partner_list li{
		width:16.667%;
	}			
}

@media only screen and (min-width: 1600px) {
	.partner .partner_list li{
		width:16.667%;
	}				
}

@media only screen and (min-width: 1920px) {
	.partner .partner_list li{
		width:16.667%;
	}				
}
/**************关于火蝠************/
#about-hf{
	background: url("../images/about-bg.jpg") no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
	height:466px;
    color:#ffffff;
    padding-top:50px;
}
.about-hf .title h3{
	font-size:38px;
}
.about-hf .title p{
	font-size:22px;
	padding-top:10px;
}
.about-hf .about-description{
	font-size:18px;
	line-height:40px;
	width:80%;
	padding-top:45px;
}
.about-hf .idea{
	padding-top:45px;
	font-size:22px;
}
/************ 首页新闻列表**********/
@font-face {
    font-family: Arabic;
    src: url("../fonts/Arabic UI Text Semibold.ttf");
}
.indexnews {
    position: relative;
	margin-top: 100px;
	padding-bottom:80px;
}
.news-main-head h3{
	font-size: 38px;
	font-weight: bold;
	line-height: 48px;
	display: inline-block;
}
.news-main .news-main-head .news-learn-more {
    position: absolute;
    display: inline-block;
    top: 24px;
    right: 0;
    font-size: 18px;
    line-height: 16px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.news-main .list {
	margin-top:50px;
}
.news-main .list li{
	float:left;
	width:377px;
	margin-right:34px;
	background:#ffffff;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.05);
}
.news-main .list li:last-child{
	margin-right:0px;
}
.news-main .list span{
	font-family:Arabic;
	font-size: 22px;
	line-height: 39px;
	color: #DC0238;
}
.news-main .list p{
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
}
.news-main .list .mask{
	padding:25px;
}
/**********首页表单****************/
#free_diagnosis{
	background: url(../images/free-diagnosis-i-bg.jpg) no-repeat top/contain;
    margin-top: 0px;
    background-position: center;
    background-size: 100%;
    padding: 112px 0px;
    width: 100%;
}
#free_diagnosis .diagnosis{
	max-width:1200px;
	margin:0px auto;
	margin-top:70px;
}
.free_diagnosis_form{
	width: 533px;
	height: 541px;
	background: #ffffff;
	opacity: 1;
	border-radius: 8px;
	float:right;
}
.free_diagnosis_form h3{
	font-size: 42px;
    text-align: left;
    padding: 50px 0px 20px 11.5%;
}
.free_diagnosis_form h3 span{
	color: #f80d4a;
    display: block;
    font-size: 30px;
    padding-top: 5px;
}
.free_diagnosis_form div input{
	padding: 19px 30px;
    background: #f3f3f3;
    border: none;
    border-radius: 5px;
    width: 65%;
    margin: 20px auto;
    display: block;	
	border: 1px solid #707070;
}
.free_diagnosis_form .submit {
    display: block;
    padding: 19px 30px;
    width: 65%;
    text-align: center;
    background: #f80d4a;
    border: 1px solid #ee6a12;
    color: #fff;
    transition: 0.3s;
    font-size: 23px;
    color: #ffffff;
    border-radius: 5px;
    margin: 20px auto 0;
}
/***************底部代码*******************/
.footer{
	width:100%;
	background:#ffffff;
}
.footer-menu{
	width:1000px;
	float:left;
}
.footer-menu ul li{
	float:left;
	margin-right: 30px;
}
.footer-menu ul li a{
	font-size:17px;
	font-weight: bold;
}
.footer-logo{
	width: 128px;
    float: right;
    position: relative;
    top: -7px;
}
.footer-top{
	padding-bottom:105px;
	padding-top:70px;
}
.footer-contact-left{
	width:75%;
	float:left;
	margin-top: 30px;
}
.footer-contact-left .foot-address p{
	font-size:15px;
}
.footer-contact-left p{
	font-size:15px;
	color: #7B7B7B;
	padding-bottom:15px;
}
.foot-address{
	float: left;
    margin-right: 70px;
}
.footer-contact-left p span{
	color:#000000;
}
.footer-contact-right{
	float:right;
}
.footer-contact-right p{
	font-size: 16px;
    padding-bottom: 5px;
    padding-left: 13px;
    font-weight: bold;
}
.footer-contact-right ul li{
	float:right;
	text-align:center;
	padding-left:15px;
}
.footer-contact-right ul li span{
	display:block;
	padding-top:10px;
}
.foot-contact{
	overflow: hidden;
    padding-bottom: 30px;
}
.foot-contact::after{
	content:'';
	display:inline-block;
	zoom:1;
}
.copy-right  {
	border-top:1px solid #BFBFBF;
	padding:50px 0px 30px 0px;
	text-align:center;
}

/****************关于我们********************/
#news-category{
	margin:60px auto;
}
.new-category-list{
	text-align:center;
}
.new-category-list ul li a{
	font-size:18px;
	padding:20px 0px
}
.new-category-list ul li{
	display:inline-block;
	text-align:center;
	padding:0px 45px;
	position:relative;
}
.new-category-list ul li:after{
	content:'';
	width:2px;
	height:15px;
	background:#cccccc;
	display:block;
	position:absolute;
	right:0px;
	top:7px;
}
.new-category-list ul li:last-child:after{
	display:none;
}
.new-category-list ul li.selected a {
    background: url(../images/tag.png) no-repeat;
    background-position: center 50px;
    color: #f80d4a;
}
.news-list{
	margin-top:30px;
}
.news-list li{
	width:100%;
	overflow:hidden;
	padding:30px 0px;
	border-bottom: 1px dotted #707070;
}
.news-list li:last-child{
	border-bottom:none;
}
.news-list .news-image{
    width: 20%;
	float:left;
}
.news-list .media-content {
    width: 78%;
    text-align: left;
    margin-left: 2%;
	float:left;
	padding-top:5px;
}
.news-list .media-content h2{
	font-size:18px;
}
.news-list .media-content p{
	padding-top:15px;
	font-size:16px;
}
.news-list .media-content h4{
	font-size:18px;
}
.news-list .media-content .public {
    margin-top: 15px;
}
.news-list .media-content .public span {
    margin-right: 30px;
    color: #a8a8a8;
}
.news-list .media-content .public img {
    position: relative;
    top: 6px;
    padding-right: 10px;
}
#classify{
	margin-bottom:30px;
}
.news-list #classify ul li a {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4c4c4c;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    padding: 10px 20px;
}
.news-list #classify ul li {
    margin-right: 23px;
    float: left;
    position: relative;
    line-height: 60px;
    width: auto;
    border-bottom: none;
	padding:0px;
}
.news-list .vinfo ul{
	margin-right:-33px;
	overflow:hidden;
}
.news-list .vinfo ul li {
    width: 378px;
    position: relative;
    float: left;
    margin: 10px 33px 10px 0px;
	border-bottom:none;
	padding:0px;
}
.news-list .vinfo{
	margin-bottom:20px;
}
.container-video-player {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 35%;
    left: 45%;
}
.news-list .vinfo ul li span {
    color: #000;
    padding-top: 15px;
    display: block;
}
.news-list #classify ul li.current a {
    color: #ffffff;
    border: none;
    background: #f80d4a;
}
.rcsort{
	float:left;
}
#rpage{
	float:right;
}
.page_links a {
    color: #333;
    padding: 0px 8px;
}
.page_links a.current {
    color: #f80d4a;
}
.news-list li span.title{
	font-size:18px;
	font-weight:bold;
}
.news-list li p{
	padding: 10px 0px 20px 0px;
    color: #666666;
}
.news-list li span.more{
	padding-top: 20px;
    display: block;
    float: right;
}
.news-list li span.data{
	float:right;
}
.news-list li span.data img{
	position: relative;
    top: 5px;
    padding-right: 10px;
}
.news-list li .library-short{
	line-height:25px;
}

.news-list li .fridays-short li{
	border-bottom:none;
	float:left;
	margin-right:20px;
	width:auto;
}
.news-list li .fridays-short li span{
	background: #f80d4a;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    text-align: center;
    color: #ffffff;
    float: left;
    margin-right: 10px;
}
/*********淘宝天猫页面**************/
#locatit{
	background:#ffffff;
}
.xflrtit{
	font-size: 16px;
    padding: 34px 0px;
	font-weight: bold;
}
#tm_solution{
	margin-top:70px;
}
.tm_solution .title{
	text-align:center;
}
.tm_solution .title h3{
	font-size:36px;
}
.tm_solution .title p {
    font-size: 22px;
    padding-top: 10px;
}
.tm_solution .solution_list {
    margin-top: 60px;
}
.tm_solution .solution_list ul li {
    width: 176px;
    text-align: center;
    margin-right: 28px;
    margin-bottom: 28px;
    background: #ffffff;
    padding: 35px 0px;
    float: left;
    box-shadow: 0px 2px 12px rgba(0,0,0,0.06);
    border-radius: 15px;
}
.solution_list h4 {
    font-size: 16px;
    padding-top: 25px;
}
.s_icon {
    height: 87px;
}
.tm_solution .solution_list ul li:nth-child(6n) {
    margin-right: 0px;
}
#full_solve_pro{
	width: 100%;
    height: 428px;
    background: linear-gradient(180deg, #FF3C00 0%, #FF7400 100%);
    color: #ffffff;
    padding-top: 40px;
    margin-top: 50px;
}
.full_solve_pro .title{
	text-align:center;
}
.full_solve_pro .title h3{
	font-size:36px;
}
.full_solve_pro .title p {
    font-size: 22px;
    padding-top: 10px;
}
.solve-list{
	text-align:center;
	margin-top:35px;
}
.solve-list .each{
	display:inline-block;
	vertical-align:top;
	margin:0px 48px 35px;
}
.solve-list p{
	width: 237px;
    height: 87px;
    font-size: 18px;
    font-weight: 500;
    line-height: 87px;
    color: #FF4E00;
    background: url(../images/solve-bg.png) no-repeat;
    padding-left: 35px;
	text-align: left;
}
#adv_security{
	margin-top:60px;
}
.adv_security .title{
	text-align:center;
}
.adv_security .title h3{
	font-size:36px;
}
.adv_security .title p {
    font-size: 22px;
    padding-top: 10px;
}
.adv_security_list h4{
	font-size:17px;
}
.adv_security_list{
	margin-top:45px;
}
.adv_security_list ul li .title p{
	font-size: 16px;
	line-height: 32px;
	color:#666666;
}
.adv_security .adv_security_list ul li {
    width: 380px;
    float: left;
    margin-right: 30px;
    margin-bottom: 40px;
    border-radius: 24px 24px 0px 0px;
}
.adv_security .adv_security_list ul li:nth-child(3n){
	margin-right:0px;
}
.adv_security .adv_security_list ul li .title {
    padding: 25px 20px 25px 20px;
    background: #ffffff;
    position: relative;
    z-index: 444;
    text-align: center;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	height:180px;
}
.tm_blockbox{
	margin-top:40px;
}
.marketing_each ul li .mark_workset_icon img{
    height:74px;
}
.marketing_each{
	background: #ffffff;
	box-shadow: 0px 0px 30px rgba(223, 211, 253, 0.35);
	border-radius: 10px;
	margin-top: 50px;
	padding:30px 0px;
}
.marketing_each ul li{
	width:24.6%;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}
.marketing_each ul li .ser-con-i h3 {
    font-size: 18px;
    font-weight: bold;
	padding-top:20px;
}
.marketing_each ul li .ser-con-i p{
	line-height: 30px;
    padding-top: 15px;
    color: #333;
	font-size:16px;
}
#qteam{
	margin:60px auto;
}
#qteam .title{
	text-align:center;
}
#qteam .title h3{
	font-size:38px;
}
.professional-team ul {
	margin-right:-65px;
	margin-top:50px;
}
.professional-team ul li{
	width: 219px;
	background: #ffffff;
	box-shadow: 0px 0px 30px rgba(223, 211, 253, 0.35);
	border-radius: 10px;
	float:left;
	padding: 20px 0px;
	margin-right:25px;
}
.professional-team ul li h4{
	font-size:18px;
	padding-top:15px;
}
.professional-team ul li span{
	font-size:12px;
	text-transform:uppercase;
	position:relative;
	z-index:2;
}     
.professional-team ul li p{
	font-size: 15px;
    line-height: 32px;
    text-align: center;
}
.team-title-name{
    padding-bottom: 20px;
    text-align: center;
}
.professional-team ul li img{
	width:74px;
}
#tm-success-case .title{
	color:#ffffff;
	position:relative;
}
#tm-success-case h3{
	font-size:38px;
}
#tm-success-case .title a{
	position: absolute;
    right: 0px;
    font-size: 16px;
    top: 15px;
	display:block;
	color:#ffffff;
}
.tm-success-case {
    background: url(../images/tm-success-case-bg.jpg) no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
    height: 768px;
    padding-top: 55px;
	margin-top:100px;
}
.case-list-info {
	margin-top:40px;
}
.case-list-info .list {
    width: 380px;
    float: left;
    margin-right: 30px;
    background: #fff;
    padding-bottom: 30px;
}
.case-list-info .list p {
    font-size: 20px;
    padding: 20px 0px;
    margin-left: 25px;
}
.case-list-info .list span {
    display: block;
    width: 100px;
    padding: 6px 0px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #707070;
    margin-left: 25px;
}
.case-list-info .list:last-child{
	margin-right:0px;
}
/***********京东代运营**************/
#jd{
	margin-bottom:50px;
}
#jd .title {
	text-align:center;
}
#jd .title h3{
	font-size:36px;

}
#jd .title p{
	font-size: 22px;
    padding-top: 10px;
}
#jd .problem-encountered .title{
	color:#ffffff;
}
.problem-encountered{
    width: 100%;
	height: 566px;
	background: #B52627;
	padding-top:60px;
}
#jd .problem-encountered .title p{
	font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.encountered{
    margin-top: 40px;
}
.encountered-list:nth-child(2n){
	margin-right:0px;
}
.encountered-list{
	width: 569px;
	background: #ffffff;
	border-radius: 7px;
	float:left;
	margin-right:62px;
	padding:20px 25px;
	margin-bottom:23px;
}
.encountered-list .problem-list{
	width:100%;
	margin:0px;
}
.encountered-list h4{
	font-size: 18px;
	line-height: 24px;
	color: #B52627;
	font-weight:bold;
}
.encountered-list p{
	font-size: 16px;
	line-height: 32px;
	color: #969696;
	padding-top:25px;
}
.problem-encountered .wp1360 .title{
	color:#ffffff;
}
.problem-encountered .wp1360 .title p{
	text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
}
.laws{
	margin-top:100px;
}
.jd-service{
	height: 344px;
	background: #B52627;
	padding-top:64px;
	margin-top: 100px
}
.jd-service .title{
	color:#ffffff;
}
.jd-serive-each{
	margin-top:66px;
}
.jd-serive-each .each:last-child{
	margin-right:0px;
}
.jd-serive-each .each {
	text-align: center;
    float: left;
    margin-right: 142px
}
.jd-serive-each .each img{
	height:35px;
}
.jd-serive-each .each p{
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	padding-top:25px;
	color:#ffffff;
}
.jd_team{
	margin-top:60px;
}
.jd_team ul{
	margin-top:50px;
}
.jd_team.team ul li{
	float: left;
    width: 362px;
    margin-right: 57px;
    text-align: center;
    background: #fff;
    border-radius: 24px;
    padding-bottom: 30px;
}
.jd_team.team ul li:last-child{
	margin-right:0px;
}
.jd_team.team ul li span{
	font-size:18px;
	font-weight:bold;
	padding-top: 20px;
    display: block;
}
.jd_team.team ul li p{
	color: #666666;
	padding-top: 10px;
}
.jd_team.team ul li img {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.jd_team .title p{
	text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 30px;
}
.advantage-list{
	margin-top:80px;
}
.jdcase{
	background: #fbfbfb;
    padding-top: 50px;
}
.jd-case .case_list{
	margin-top:60px;
}
.jd-case .case_list img{
	margin-bottom:60px;
}
.process_list{
	margin-top:45px;
}
.pro_list_icon{
	height: 111px;
    background: #f6f6f6;
    border-radius: 65px;
    text-align: center;
    padding: 19px 0px;
    margin-top: 40px;
}
.pro_list_icon li{
	float:left;
	padding: 0px 64px;
	position:relative;
	text-align:center;
}
.pro_list_icon li i:after {
    content: '';
    position: absolute;
    width: 120px;
    border: 1px dashed #785DEE;
    right: -61px;
    top: 34px;
}
.pro_list_icon li:last-child{
	padding-right:0px;
}
.pro_list_icon li:last-child i:after{
	display:none;
}
.pro_list_txt li{
	float: left;
    text-align: center;
    width: 200px;
	font-size:18px;
	padding-top:20px;
	font-weight:bold;
}
.pro_list_txt li:nth-child(4){
	margin-left:5px;
}
.pro_list_txt li:last-child{
	width: 190px;
    margin-left: 5px;
}
.pro_list_icon img{
	height:73px;
}
#jd .tm-success-case .title h3{
	text-align:left;
}
/************拼多多代运营****************/
.poperating{
	margin-top:80px;
}
.pinadvantage .title h3{
	font-size:36px;
}
.pinadvantage .title p{
	font-size:20px;
	padding-top:10px;
}
.pincode {
    width: 409px;
	float:left;
}
.pinadvantage {
   width: 700px;
    float: left;
    margin: 20px 0px 0px 90px;
}
.pinadvantage .list {
    display: inline-block;
    margin-top: 55px;
}
.pinadvantage .list ul li {
    float: left;
    width: 50%;
    margin: 20px 0px;
}
.pinadvantage .list ul li span {
    font-size: 18px;
}
.pinadvantage .list ul li span img {
    position: relative;
    top: 7px;
    padding-right: 10px;
}

.pinadvantage .list ul li p {
    color: #969696;
    padding: 10px 0px 0px 32px;
    font-size: 15px;
}
.one-stop-information-flow{
	background: url(../images/infor-one-stop-bg.jpg) no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
    height: 499px;
    color: #ffffff;
    padding-top: 30px;
    margin-top: 80px;
}
.one-stop ul li{
	font-size: 16px;
	line-height: 24px;
	padding-bottom:55px;
	position:relative;
	font-weight: bold;
}
.one-stop ul li img{
	height: 30px;
    position: absolute;
    /*right: 0;
    top: -3px;*/
    right: 15px;
    top: 15px;	
}
.one-stop .info{
	width: 403px;
    background: #ffffff;
    float: left;
    color: #333333;
    height: 332px;
    padding: 55px 30px 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
/*.one-stop{
	margin-top:50px;
	box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35);
	border-radius: 10px;
	display:inline-block;
}*/
.one-stop-box{
	margin-top:50px;
	box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35);
	border-radius: 10px;
	display:inline-block;
}
.one-stop .oneimg{
	float:right;
	font-size: 0;
}
.one-stop .oneimg img{
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.one-stop .a4{
	width: 144px;
	height: 43px;
	background: linear-gradient(73deg, #5A67FF 0%, #9B2BCC 100%);
	border-radius: 10px;
	display:block;
	font-size: 14px;
	line-height: 43px;
	color: #FFFEFE;
	text-align:center;
}
.cservices{
	margin-top:80px;
}
.cservices .title{
	text-align:center;
	padding-bottom:50px;
}
.cservices .title h3{
	font-size:38px;
}
.cservices .title p{
	font-size:22px;
	padding-top:10px;
}
.cservices .core-service-list ul li img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.cservices .core-service-list ul li {
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 50px;
    width: 362px;
    box-shadow: 0px 0px 30px rgb(223 211 253 / 35%);
    border-radius: 10px;
}
.cservices .core-service-list ul li:nth-child(3n){
	margin-right:0px;
}
.core-service-list ul li .title {
    padding: 23px 30px 23px 30px;
    background: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.core-service-list ul li .title h4 {
    font-size: 16px;
    position: relative;
    font-weight: bold;
}
.core-service-list ul li .title p {
    font-size: 16px;
    color: #333;
    padding-top: 10px;
    line-height: 25px;
}
#pdd .partner{
	padding: 30px 0px 50px 0px;
}
#pdd .tm-success-case{
	background:none;
	height:auto;
	margin-top:30px;
}
#pdd .tm-success-case .title{
	position:relative;
}
#pdd .tm-success-case .title h3{
	font-size:36px;
	text-align:left;
}
#pdd .tm-success-case .title a {
    position: absolute;
    right: 0px;
    font-size: 16px;
    top: 15px;
    display: block;
}
/****************关于我们*******************/
.classification {
    width: 100%;
    height: 90px;
	background:#ffffff;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 5%);
}
.classification .about ul li {
    margin-right: 160px;
    font-size: 18px;
    float: left;
}
.classification ul li {
    font-size: 18px;
    float: left;
    margin-right: 115px;
    padding: 32.5px 0px;
    position: relative;
}
.classification .about ul li.current:after {
    content: '';
    width: 80px;
    height: 4px;
    background: #dc0137;
    display: block;
    position: absolute;
    bottom: 0px;
    margin: 0px auto;
    left: 0px;
}
.classification ul li a {
    color: #7B7B7B;
}
.classification ul li.current a {
    color: #333333;
}
.b1p-lis {
    position: relative;
    display: none;
    width: 100%;
}
.b1p-lis-block {
    display: block !important;
    width: 100%;
    transition: all 0.3s;
}
.b1-p-list{
	width: 1200px;
    margin: 0px auto;
    background: #ffffff;
    box-shadow: 0px 3px 20px rgb(216 178 178 / 15%);
    border-top-left-radius: 5px;
	border-top-right-radius:5px;
	margin:60px auto;
}
/*.b1p-l1,.b1p-l3 {
	width: 550px;
	float:left;
}
.b1p-l2,.b1p-l4 {
	width:495px;
	float:left;
	margin-left: 55px;
}
.b1p-l2 li:nth-child(1),.b1p-l2 li:nth-child(2),.b1p-l2 li:nth-child(11),.b1p-l2 li:nth-child(3),.b1p-l2 li:nth-child(4),.b1p-l2 li:nth-child(5),.b1p-l2 li:nth-child(6),.b1p-l2 li:nth-child(7),.b1p-l2 li:nth-child(8),.b1p-l2 li:nth-child(9),.b1p-l2 li:nth-child(10){
	padding-left:6px;
}
.b1p-l4 li:nth-child(2),.b1p-l4 li:nth-child(3),.b1p-l4 li:nth-child(4),.b1p-l4 li:nth-child(5),.b1p-l4 li:nth-child(7),.b1p-l4 li:nth-child(8),.b1p-l4 li:nth-child(10),.b1p-l4 li:nth-child(11),.b1p-l4 li:nth-child(12),.b1p-l4 li:nth-child(13){
	padding-left:6px;
}
.b1p-l2 li:nth-child(1):hover:before, .b1p-l2 li:nth-child(1).b1p-l-act:before,
.b1p-l2 li:nth-child(2):hover:before, .b1p-l2 li:nth-child(2).b1p-l-act:before,
.b1p-l2 li:nth-child(3):hover:before, .b1p-l2 li:nth-child(3).b1p-l-act:before,
.b1p-l2 li:nth-child(4):hover:before, .b1p-l2 li:nth-child(4).b1p-l-act:before,
.b1p-l2 li:nth-child(5):hover:before, .b1p-l2 li:nth-child(5).b1p-l-act:before,
.b1p-l2 li:nth-child(6):hover:before, .b1p-l2 li:nth-child(6).b1p-l-act:before,
.b1p-l2 li:nth-child(7):hover:before, .b1p-l2 li:nth-child(7).b1p-l-act:before,
.b1p-l2 li:nth-child(8):hover:before, .b1p-l2 li:nth-child(8).b1p-l-act:before,
.b1p-l2 li:nth-child(9):hover:before, .b1p-l2 li:nth-child(9).b1p-l-act:before,
.b1p-l2 li:nth-child(10):hover:before, .b1p-l2 li:nth-child(10).b1p-l-act:before,
.b1p-l2 li:nth-child(11):hover:before, .b1p-l2 li:nth-child(11).b1p-l-act:before{
	width:25px;
	right: 6.8%;
}
.b1p-l4 li:nth-child(2):hover:before, .b1p-l4 li:nth-child(2).b1p-l-act:before,
.b1p-l4 li:nth-child(3):hover:before, .b1p-l4 li:nth-child(3).b1p-l-act:before,
.b1p-l4 li:nth-child(4):hover:before, .b1p-l4 li:nth-child(4).b1p-l-act:before,
.b1p-l4 li:nth-child(5):hover:before, .b1p-l4 li:nth-child(5).b1p-l-act:before,
.b1p-l4 li:nth-child(7):hover:before, .b1p-l4 li:nth-child(7).b1p-l-act:before,
.b1p-l4 li:nth-child(8):hover:before, .b1p-l4 li:nth-child(8).b1p-l-act:before,
.b1p-l4 li:nth-child(13):hover:before, .b1p-l4 li:nth-child(13).b1p-l-act:before,
.b1p-l4 li:nth-child(10):hover:before, .b1p-l4 li:nth-child(10).b1p-l-act:before,
.b1p-l4 li:nth-child(11):hover:before, .b1p-l4 li:nth-child(11).b1p-l-act:before,
.b1p-l4 li:nth-child(12):hover:before, .b1p-l4 li:nth-child(12).b1p-l-act:before{
	width:25px;
	right: 6.8%;
}
.b1p-l2 li,.b1p-l4 li{
	font-size: 16px;
    color: #7B7B7B;
    padding-bottom: 20px;
    transition: all ease-out .3s;
    position: relative;
}
.b1p-l2 li:last-child,.b1p-l4 li:last-child{
	padding-bottom:0px;
}
.b1p-l2 li.b1p-l-act,.b1p-l4 li.b1p-l-act{
	margin-left:-15px;
	transition: all ease-out .3s;
	color: #F80D4A;
}
.b1p-l2 li:hover:before,.b1p-l2 li.b1p-l-act:before,.b1p-l4 li:hover:before,.b1p-l4 li.b1p-l-act:before {
    content: " ";
    display: block;
    width: 30px;
    height: 1px;
    border-bottom: 1px dotted #F80D4A;
    position: relative;
    right: 6.8%;
    top: 11px;
}
.b1p-l2 li:hover:after ,.b1p-l2 li.b1p-l-act:after,.b1p-l4 li:hover:after ,.b1p-l4 li.b1p-l-act:after{
    content: " ";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #F80D4A;
    border-radius: 50%;
    position: absolute;
    left: -3px;
    top: 10px;
}
.b1p-l2 li:hover i:after,.b1p-l2 li.b1p-l-act i:after,.b1p-l4 li:hover i:after,.b1p-l4 li.b1p-l-act i:after{
	content: " ";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #F80D4A;
    border-radius: 50%;
    position: absolute;
    left: -35px;
    top: 10px;
}*/
.b1p-img-list {
	width:550px;
	float:left;
}
.b1p-title-list {
	width:495px;
	float:left;
	margin-left: 55px;
}
.b1p-lis{
    position: relative;
    display: none;
    width: 100%;
}

.b1p-lis.b1p-lis-block {
    display: block !important;
    width: 100%;
    transition: all 0.3s;
}

.b1p-title-list li{
	font-size: 15px;
    color: #7B7B7B;
    padding-bottom: 20px;
	padding-left:6px;
    transition: all ease-out .3s;
    font-weight: bold;
    position: relative;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: "center";
    align-items: center;	
}

.b1p-title-list li i{
	display:none;
	width:23px;
	height:1px;
	margin-right:10px;
	border:1px dashed #F80D4A;
	position: relative;
	
}


.b1p-title-list li.b1p-l-act{
	margin-left:-15px;
	transition: all ease-out .3s;
	color: #F80D4A;
}

.b1p-title-list li.b1p-l-act i{
    display:block;	
}

.b1p-title-list li:hover i:before,
.b1p-title-list li:hover i:after,
.b1p-title-list li.b1p-l-act i:before,
.b1p-title-list li.b1p-l-act i:after{
	content: " ";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #F80D4A;
    border-radius: 50%;
    position: absolute;
    top: -2.5px;
}

.b1p-title-list li:hover i:before,
.b1p-title-list li.b1p-l-act i:before{
	left:-5px;	
}

.b1p-title-list li:hover i:after,
.b1p-title-list li.b1p-l-act i:after{
	right:-5px;
}
.b1-p-list .swiper-container-horizontal>.swiper-pagination-bullets, .b1-p-list .swiper-pagination-custom, .b1-p-list .swiper-pagination-fraction{
	bottom:0px;
}
.b1-p-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.b1-p-list .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.honor-list{
	padding:50px 50px 0px;
}
.b1-p-list .swiper-container {
	padding-bottom:60px;
	margin-bottom: 60px;
}
.b1-p-list .swiper-pagination-bullet-active {
    background: #1F4485;
	opacity:1;
}
/**************联系我们********************************/
#con{
	margin:50px auto;	
}
.contact_adr{
	padding:50px;
	background:#ffffff;
	box-shadow: 0px 3px 20px rgba(216,178,178,0.16);
}
.contact_adr .common_title p {
    font-size: 36px;
	font-weight: bold;
}
.contact_adr .common_title p::after {
    content: '';
    display: block;
    width: 35px;
    height: 2px;
    background: #c5c5c5;
    margin: 15px 0px;
}
.common_title span {
    font-size: 16px;
    color: #7B7B7B;
    line-height: 32px;
}
.contact_company_address{
	margin-top:50px;
}
.contact_company_address li{
	position:relative;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.06);
	padding:50px;
	margin-bottom:46px;
}
.contact_company_address li:last-child{
	margin-bottom:0px;
}
.contact_company_address ul li span {
    font-size: 24px;
    font-weight: bold;
}
.contact_company_address ul li .company_address{
	font-size:17px;
	padding-top:20px;
	line-height:32px;
}
.contact_company_address ul li .add{
	position:absolute;
	right:0px;
	top:0px;
	z-index:50;
}
.contact_company_address ul li .weixin{
	position:absolute;
	right:50px;
	bottom:50px;
}
.weixin{
	position: relative;
}
.on .weixin_nr {
    display: block;
}
.weixin_nr {
    width: 100px;
    height: 100px;
    padding: 10px;
    background: #ccc;
    text-align: center;
    position: absolute;
    left: -41px;
    top: 35px;
    display: none;
	z-index:100;
}
.weixin_nr .arrow {
    width: 0;
    height: 0;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 50px;
    top: -10px;
	
}
.weixin_nr img {
    margin-bottom: 5px;
}
/**************抖音代运营******************/
#dy-case{
	margin-top:100px;
}
.dy-case .title{
	text-align:center;
}
.dy-case .title h3{
	font-size:36px;
}
.dy-case.wrap {
	margin:90px auto 0px auto;
}
.case-list{
	margin-top:70px;
}
.case-list .info:nth-child(2n){
	margin-right:0px;
}
.case-list .info{
	width: 550px;
	height: 342px;
	background: rgba(255, 255, 255, 0.39);
	box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35);
	border-radius: 10px;
	float:left;
	margin-right:100px;
	margin-bottom:75px;
}
.case-list .case-text{
	float:left;
	padding:64px 0px 0px 40px;
}
.case-img-show{
	float:right;
}
.case-list .case-text span{
	font-size: 22px;
	line-height: 32px;
	font-weight: bold;
}
.case-list .case-text p{
	font-size: 16px;
	line-height: 32px;
	padding:20px 0px;
}
.case-list .case-text .url1{
	width: 144px;
	height: 43px;
	background: linear-gradient(73deg, #5A67FF 0%, #9B2BCC 100%);
	border-radius: 10px;
	color: #FFFEFE;
	font-size:14px;
	line-height:43px;
	text-align:center;
	display: block;
}
.dy-service-content {
    position: relative;
    overflow: hidden;
}
.img_feature {
    width: 100%;
    min-width: 1200px;
}
.service-txt {
    position: absolute;
    width: 1200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #ffffff;
}
.dy-service-content .title{
	text-align:center;
}
.dy-service-content .title h3{
	font-size:36px;	
	padding-top: 40px;
}
.index-dy-each {
    text-align: center;
    margin-top: 50px;
}
.index-dy-each .each {
    width: 236px;
    height: 261px;
    background: #ffffff;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 6%);
    border-radius: 24px;
    display: inline-block;
    margin: 0px 28px;
    text-align: center;
    padding-top: 35px;
    margin-bottom: 40px;
    color: #333333;
}
.index-dy-each .each img {
    height: 87px;
}
.index-dy-each .each h4 {
    font-size: 22px;
    padding: 26px 0px;
}
.index-dy-each .each .url0 {
    font-size: 16px;
    color: #969696;
}
.categorydiv_r ul{
	 overflow:hidden;
}
.categorydiv_r ul li {
    float: left;
    border-right: 1px dotted #B9B9B9;
    border-bottom: 1px dotted #B9B9B9;
    padding: 95px 0px;
    text-align: center;
    width: 199.8px;
	background:#ffffff;
}
.categorydiv_r ul li img {
    height: 60px;
}
.categorydiv_r ul li p {
    font-size: 16px;
    padding-top: 45px;
}
#dy-category {
	margin-top:80px;
}
#dy-category .title{
	text-align:center;
}
#dy-category .title h3{
	font-size:36px;
}

#dy-category .title p {
    font-size: 22px;
    padding-top: 10px;
}
.categorydiv{
	margin-top:50px;
	background:#ffffff;
	box-shadow: 0px 0px 19px rgba(215,215,215,0.35);
}
.categorydiv_r ul li:nth-child(6n){
	border-right:none;
}
.categorydiv_r ul li:nth-child(7),.categorydiv_r ul li:nth-child(8),.categorydiv_r ul li:nth-child(9),.categorydiv_r ul li:nth-child(10),.categorydiv_r ul li:nth-child(11),.categorydiv_r ul li:nth-child(12){
	border-bottom:none;
}
.dy-adv {
    position: relative;
    overflow: hidden;
    margin-top: 100px;
}
.dy-adv .dy-adv-txt {
    position: absolute;
    width: 1360px;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #ffffff;
}
.dy-adv .adv-list {
    margin-top: 70px;
}
.dy-adv .adv-list li {
    width: 370px;
    height: 549px;
    background: #FFFFFF;
    box-shadow: 0px 12px 24px rgb(0 0 0 / 10%);
    border-radius: 24px;
    text-align: center;
    padding: 60px 35px;
    float: left;
    margin-right: 45px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.dy-adv .adv-list li:last-child{
	margin-right:0px;
}
.dy-adv .adv-list li h4 {
    font-size: 22px;
    padding: 28px 0px 20px 0px;
    color: #333;
}
.dy-adv .adv-list li p {
    height: 126px;
    font-size: 16px;
    line-height: 32px;
    color: rgba(51, 51, 51, 0.5);
}
.dy-adv .adv-list li .a2 {
    font-size: 16px;
    color: #333333;
    display: block;
    padding-top: 25px;
}
.dy-adv .adv-list li i {
    padding-left: 5px;
    position: relative;
    top: 3px;
}
.icon-youjiantou:before {
    content: "\e624";
}
.dy-adv .title{
	text-align:center;
}
.dy-adv .title h3{
	font-size:36px;
}
.dy-adv .title p{
	padding-top:10px;
	font-size:16px;
}
.dy_operat{
	background:#ffffff;
	padding-bottom:50px;
}
.dy_operat .title{
	text-align:center;
}
.dy_operat .title h3{
	font-size:36px;
}
.dy_operat .title p{
	font-size:22px;
	padding-top:10px;
}
.dy_operat_box{
	margin-top:50px;
}
.dy_operat_box .list {
    width: 225px;
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 0px 19px rgb(215 215 215 / 35%);
    border-radius: 10px;
    text-align: center;
    padding: 80px 0px;
    float: left;
    margin-right: 100px;
    margin-bottom: 32px;
}
.dy_operat_box .list:nth-child(4n){
	margin-right:0px;
}
.dy_operat_box .list p {
    font-size: 18px;
    padding-top: 40px;
}

#hot_services{
	margin-top:38px;
}
.hot_services .title{
	text-align:center;
}
.hot_services .title h3{
	font-size:36px;
}
.hot_services .title p{
	font-size:22px;
	padding-top:10px;
}
.serive_list{
	margin-top:50px;
}
.hot_services .serive_list .list_each {
    float: left;
    margin-right: 30px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.serive_list .list_each {
    width: 380px;
    height: 468px;
    box-shadow: 0px 0px 19px rgb(215 215 215 / 35%);
    border-radius: 10px;
    text-align: center;
    padding: 38px 50px;
	background:#ffffff;
}
.serive_list .list_each:last-child{
	margin-right:0px;
}
.serive_list .list_each h4 {
    font-size: 22px;
    color: #000000;
    padding-top: 15px;
}
.serive_list .sub_green {
    font-size: 16px;
    line-height: 24px;
    color: #65CCB7;
    padding: 28px 0px;
}
.serive_list .detial_p {
    font-size: 16px;
    line-height: 26px;
    color: #969696;
}
.serive_list .list_each .a4 {
    width: 202px;
    height: 53px;
    background: #5A67FF;
    border-radius: 27px;
    display: block;
    font-size: 18px;
    line-height: 21px;
    color: #ffffff;
    line-height: 47px;
    margin: 28px auto 0px auto;
}
.serive_list .list_each .a4 i {
    padding-left: 15px;
    padding-top: 2px;
    position: relative;
    top: 3px;
}
.enterprise {
    height: 1317px;
    background: url(../images/qi-ye-hao.jpg) no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
    color: #ffffff;
    margin-top: 100px;
    padding-top: 70px;
}
.enterprise .title{
	text-align:center;
}
.enterprise .title h3{
	font-size:36px;
}
.enterprise .title p{
	font-size:22px;
	padding-top:10px;
}
.enterprise-list {
    float: left;
    background: #fff;
    box-shadow: 1px 18px 34px rgb(108 35 108 / 35%);
    border-radius: 10px;
    width: 100%;
    color: #333;
    margin-top: 35px;
}
.enterprise .index-dy-each{
	margin-bottom:30px;
}
.enterprise-list ul li {
    float: left;
    padding: 55px 0px 85px 0px;
    width: 25%;
    text-align: center;
}
.enterprise-list ul li img {
    height: 54px;
}
.enterprise-list ul li h4 {
    font-size: 18px;
    line-height: 36px;
    padding-top: 5px;
}
.enterprise-list ul li p {
    font-size: 14px;
    line-height: 24px;
    color: #7B7B7B;
    padding-top: 10px;
}
#privilege{
	margin-top:100px;
	margin-bottom:100px;
}
.privilege .title{
	text-align:center;
}
.privilege .title h3{
	font-size:36px;
}
.privilege .title p{
	font-size:22px;
	padding-top:10px;
}
.privilege-each {
    background: url(../images/privilege-each-bg.jpg) no-repeat;
    width: 1200px;
    height: 1289px;
    padding: 80px 50px 0px 50px;
    margin-top: 50px;
}
.privilege-each .each {
    background: #ffffff;
    box-shadow: 1px 18px 34px rgb(108 35 108 / 35%);
    border-radius: 10px;
    padding: 40px 57px;
    overflow: hidden;
    margin-bottom: 60px;
}
.privilege-each .each p.subtitle {
    font-size: 18px;
    border-bottom: 1px dotted #7f7f7f;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.privilege-each .each p.subtitle span {
    color: #7B7B7B;
    padding-left: 25px;
}
.privilege-each .each li {
    position: relative;
    padding-left: 85px;
    width: 33.3%;
    float: left;
    text-align: left;
}
.privilege-each .each li img {
    position: absolute;
    top: 0px;
    left: 0px;
}
.privilege-each .each img {
    height: 69px;
}
.privilege-each .each h4 {
    font-size: 18px;
    padding-bottom: 10px;
}
.privilege-each .each li p {
    font-size: 14px;
    line-height: 20px;
    color: #7B7B7B;
}
.dy-one-stop-information-flow{
    background: url(../images/dy-infor-one-stop-bg.jpg) no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
    height: 685px;
    color: #ffffff;
    padding-top: 60px;
    margin-top: 40px;
}
.dy-one-stop-information-flow .title{
	text-align:center;
}
.dy-one-stop-information-flow .title h3{
	font-size:36px;
}
.dy-one-stop-information-flow .title  p{
	font-size:22px;
	padding-top:10px;
}
.dy-one-stop ul li{
	font-size: 16px;
	line-height: 24px;
	padding-bottom:55px;
	position:relative;
}
.dy-one-stop ul li img{
	height: 30px;
    position: absolute;
    right: 0;
    top: -3px;
}
.dy-one-stop .info{
	width: 617px;
    background: #ffffff;
    float: left;
    color: #333333;
    height: 390px;
    padding: 55px 80px 0px 75px;
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.dy-one-stop{
	margin-top:50px;
	box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35);
	border-radius: 10px;
	display:inline-block;
}
.dy-one-stop .oneimg{
	float:right;
	font-size: 0;
}
.dy-one-stop .oneimg img{
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dy-one-stop .a4{
	width: 144px;
	height: 43px;
	background: linear-gradient(73deg, #5A67FF 0%, #9B2BCC 100%);
	border-radius: 10px;
	display:block;
	font-size: 14px;
	line-height: 43px;
	color: #FFFEFE;
	text-align:center;
}
.information-flow-advantage{
	margin-top:30px;
	margin-bottom:100px;
}
.information-flow-advantage .title{
	text-align:center;
}
.information-flow-advantage .title h3{
	font-size:36px;
}
.information-flow-advantage .title p{
	font-size:22px;
	padding-top:10px;
}
.flow-advantage-each{
	margin-top:50px;
}
.flow-advantage-each .list {
    width: 236px;
    height: 310px;
    background: #ffffff;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 6%);
    border-radius: 10px;
    text-align: center;
    margin-right: 5px;
    padding: 35px 30px;
    float: left;
}
.flow-advantage-each .list:last-child{
	margin-right:0px;
}
.flow-advantage-each .list img {
    height: 87px;
}
.flow-advantage-each .list h4 {
    font-size: 22px;
    line-height: 32px;
    padding: 25px 0px;
}
.flow-advantage-each .list p {
    font-size: 16px;
    line-height: 32px;
    color: #969696;
}
/**************企业概况*************/
.company-description{
	width:721px;
	float:left;
	padding-bottom:30px;
}
.company-description h3{
	font-size:36px;
	padding-bottom:15px;
}
.company-description p{
	font-size: 16px;
	line-height: 32px;
	color: #7B7B7B;
	padding:15px 0px;
}
.company-data{
	width:290px;
	float:left;
	margin-left:89px;
}
.company-data li{
	width: 100%;
	height: 133px;
	background: #F80D4A;
	border-radius: 10px;
	margin-bottom:29px;
	color:#ffffff;
	text-align:center;
}
.company-data #servicer-pix,.company-data #servicer-number,.company-data #year,.company-data #servicer-people{
	font-size:70px;
	font-family: Arabic;
}
/*****************企业文化*****************/
.compamy-values .each p{
	font-size:22px;
	color: #F80D4A;
	font-weight:bold;
	padding-bottom:15px
}
.compamy-values .each span{
	font-size:16px;
}
.compamy-values .each{
	float:left;
	margin-bottom:60px;
	margin-right:280px;
}
.compamy-values .each:last-child{
	margin-right:0px;
}
.compamy-values .each li{
	font-size:16px;
	overflow:hidden;
	height:40px;
	line-height:40px;
}
.compamy-values .each li span{
	display:inline-block;
	color:#7B7B7B;
}
.company-enterprise-v{
	margin-bottom:50px;
}
.company-enterprise-v li{
	position:relative;
	width:290px;
	float:left;
	margin-right:115px;
}
.company-enterprise-v li:last-child{
	margin-right:0px;
}
.company-enterprise-v li p{
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
}
.company-enterprise-v li span{
	font-size:16px;
	line-height:28px;
}
.company-enterprise-v li .txt{
	position:absolute;
	left:20px;
	bottom:20px;
	color:#ffffff;
}
/*************发展历程*******************/
.honor-data .year{
	font-size: 28px;
	font-weight: bold;
	line-height: 59px;
	color: #F80D4A;
	position: absolute;
    top: 15px;
    right: 35px;
    text-align: right;
}
.honor-data .concept p{
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #F80D4A;
}
.honor-data .concept .hotfor{
	font-size:12px;
	color: #F80D4A;
}
.honor-list-text p{
	line-height:32px;
	font-size:16px;
}
.honor .course{
	color:#ffffff;
	position:relative;
	margin: 0px auto 30px auto;
}
.cou-bg0{
	background: url(../images/2022-bg.jpg) no-repeat top/contain;
    width: 1100px;
    height: 305px;
    padding: 25px 30px;
}
.cou-bg1{
	background: url(../images/2021-bg.jpg) no-repeat top/contain;
    width: 1100px;
    height: 400px;
    padding: 35px 30px;
}
.cou-bg2{
	background: url(../images/2020-bg.jpg) no-repeat top/contain;
    width: 1100px;
    padding: 10px 30px;
    height: 375px;
}
.cou-bg3{
	background: url(../images/2019-bg.jpg) no-repeat top/contain;
    width: 1100px;
    padding: 15px 30px;
    height: 320px;
}
.cou-bg4{
	background: url(../images/2018-bg.jpg) no-repeat top/contain;
    width: 1100px;
    height: 430px;
    padding: 18px 30px;
}
.cou-bg5{
	background: url(../images/2017-bg.jpg) no-repeat top/contain;
    width: 1100px;
    height: 190px;
    padding: 35px;
}
.cou-bg6{
	background: url(../images/2016-bg.jpg) no-repeat top/contain;
    width: 1100px;
    height: 240px;
    padding: 25px 30px;
}
.cou-bg7{
	background: url(../images/2015-bg.jpg) no-repeat top/contain;
    width: 1100px;
    height: 204px;
    padding: 25px 30px;
}
.cou-bg8{
	background: url(../images/2014-bg.jpg) no-repeat top/contain;
    width: 1100px;
    height: 205px;
    padding: 35px 30px;
}
.concept{
	position:absolute;
	bottom:35px;
	right:35px;
	text-align:right;
}
.contact_company_address .adrtitle{
	font-size: 36px;
    font-weight: bold;
    text-align: left;
    display: block;
    padding: 0px 0px 30px 0px;
}
/**************新闻内页*****************/
#fridays-view{
	margin:50px auto;
	background:#ffffff;
	box-shadow: 0px 3px 20px rgb(216 178 178 / 15%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	padding:50px;
	text-align:center;
}
#fridays-view .new-title h1 {
    font-weight: normal;
    font-size: 24px;
    color: #f80d4a;
}
#fridays-view .new-title p {
    color: #999999;
	padding-top:10px;
}
#fridays-view .public_data {
    margin-top: 35px;
}
#fridays-view .public_data img {
    position: relative;
    top: 4px;
    padding-right: 5px;
}
#fridays-view .new-desction {
    margin-top: 30px;
}
.new-desction .desction {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    color: #666;
}
#prenext {
    background: #f7f7f7;
    overflow: hidden;
    padding: 12px 30px;
    font-size: 14px;
    color: #666;
	margin-top: 50px;
}
#prenext .prev {
    width: 48%;
    overflow: hidden;
    height: 22px;
	float: left;
}
#prenext .next {
    width: 48%;
    overflow: hidden;
    height: 22px;
	float:right;
}
#prenext a {
    color: #333;
}
/*****************运营案例******************/
#categories-item{
	max-width:1200px;
	margin:45px auto 50px auto;
	overflow: hidden;
}
#categories-item ul.design-sort{
	text-align: center;
    margin: 0 auto;
}
#categories-item ul li{
	margin-right:8px;
    float: left;
    position: relative;
    line-height: 70px;
}
#categories-item ul li a{
	font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4c4c4c;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    padding: 10px 20px;
}
#categories-item ul li.current a{
	color:#ffffff;
	border:none;
	background:#f80d4a;
}
.design-list ul li {
    float: left;
    margin: 0px 0px 10px 0.8%;
    width: 32.5%;
}
#design{
	margin-bottom:50px;
}
#design .design-list{
	max-width:1200px;
	margin:0px auto;
	clear:both;
}
.design-list ul li{
	float:left;
	margin: 0px 0px 10px 0.8%;
	width:32.5%;
}
#design .shopname{
	margin-top: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
	height: 43px;
}
#design .shopname a span{
    font-size: 15px;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
	color:#333333;
}
#design .shopname p{
	margin-top: 5px;
    color: #666666;
    font-size: 14px;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
#design .projectitem{ 
	width:100%; 
	height:auto; 
	float:left; 
	position:relative; 
}
#design .projectitem a{ 
	display:block; 
	overflow:hidden
}
#design .projectitem a img{
	transition:all ease-out .3s;
}
#design .projectitem p.title img{
	height:35px;
}
#design .projectitem a:hover img{ 
	transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2); 
	-webkit-transform:scale(1.2,1.2); 
	-o-transform:scale(1.2,1.2); 
	transition:all ease-out .3s;
}
#design .projectitem .project_info{ 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0); 
	position:absolute; 
	left:0; 
	top:0; 
	transition:all ease-out .3s;
}
#design .projectitem a:hover .project_info{
	background:#f80d4a;
	filter:alpha(Opacity=90);
	-moz-opacity:0.9;opacity: 0.9;
	transition: all ease-out .3s;
}
#design .projectitem .project_info p{ 
	text-align:center; 
	color:#fff; 
	padding:0 20px
}
#design .projectitem .project_info div{ 
	position:relative;
	top:36%; 
	margin-top:-15px
}
#design .projectitem .project_info p.title,#design .projectitem .project_info .detail{
	margin-top:10px; color:rgba(0,0,0,0); 
	font-size:12px; 
	transition:all ease-out .3s;
	font-size:20px; 
	display:none;
    font-size: 12px;
}
#design .projectitem a:hover .project_info p.title,#design .projectitem a:hover .project_info .detail{
	margin-top:0px; 
	color:#fff;
	display:block;
}
#design .project_info .detail span{
	display:block;
}
#design .project_info .detail{
	color:#fff;
}
#design .projectitem a:hover .project_info .detail{
	width:100px;
	padding-top:25px;
	text-align:center;
	position:relative;
	top:35%; 
	left:145px;
	font-size:14px;
}
/**********案例内页****************/
#successcase_desctions{
	width:100%;
	background:#fff;
	padding-top:80px;
}
.success_content{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
.success_content h2{
	font-size:26px;
	font-weight:normal;
	color:#4d4d4d;
}
.success_title span img{
	padding-top:5px;
}
.success_data{
	font-size:18px;
	color:#f80d4a;
	margin-top:30px;
}
.success_data span img{
	padding-top: 5px
}
.case_images{
	max-width:1200px;
	margin:0 auto;
	position:relative;
	margin-top:40px;
}
.case_images .bg{
	position:absolute;
	top:25.7%;
	right:0px;
}
.casebackground{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	margin-top:50px;
}
.casebackground div{
	line-height: 35px;
    font-size: 16px;
    margin-top: 40px;
	color: #404040;
}
#takebefore{
	width:100%;
	margin-top:100px;
	position:relative;
}
#takebefore .beforebg{
	background: #e21a45;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 40%;
}
.beforetitle,.before_images{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	position: relative;
}
#takebefore p,#takeover p{
	text-align:center;
	color:#c3c3c3;
	margin:30px auto;
	width:83%;
	line-height:25px;
}
#takeover{
	max-width:1200px;
	padding-top:90px;
	text-align:center;
	margin: 0px auto;
}
#takeover .beforetitle span{
	display:block;
	color:#666666;
	margin-top:5px;
}
#question{
	width:100%;
	background:#fafafa;
	display:inline-block;
}
.question_content{
	max-width:1200px;
	margin:0px auto;
	padding-top:60px;
}
.question_content p{
	text-align:center;
	padding-bottom:60px;
}
#question .leftquestion{
	width:40%;
	float:left;
}
#question .rightquestion{
	width:58%;
	float:left;
	margin-left:2%;
}
#question .rightquestion  p{
	float:right;
	width:100%;
}
#question .rightquestion  p img{
	padding:10px  0px 0px 55px;
}
.rightquestion ul li{
	color:#fff;
	background:#f80d4a;
	border-radius:30px;
	padding:7px 20px;
	margin-bottom: 35px;
	display: table;
}
.rightquestion ul li span.querstonsort{
	font-size:20px;
	color:#fff;
	padding: 0px 10px 0px 10px;
}
.rightquestion ul li span.que{
	position:relative;
	top: -2px;
}
.rightquestion ul{
	padding-top: 15px;
    clear: both;
}
#question .strategy{
	clear:both;
	padding-top:50px;
	text-align:center;
}
.strategy ul.point{
	padding:0px 0px 20px 0px;
	display: inline-block;
}
.strategy ul li.point_list{
	background: url(../images/round.png) no-repeat 48% 0px;
    width: 190px;
    padding-bottom: 55px;
    padding-top: 30px;
}
.strategy ul li{
	float:left;
}	
.strategy ul.point li img{
	padding-top:45px;
}
.strategy ul.point li span{
	font-family:Arial;
	font-weight:bold;
	color:#f80d4a;
	font-size:43px;
}
.strategy ul.point li span.point_desction{
	font-size:14px;
	font-weight:normal;
	display:block;
	color:#7a7a7a;
	margin-top:60px;
}
#classicontent{
	margin: 0px 0px 60px 0px;
    overflow: hidden;
}
#classicontent .classic{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
.theme{
	padding-top:50px;
}
.lefttheme{
	width:36%;
	float:left;
	position:relative;
}
.absoimg img{
	position: absolute;
    top: 10%;
    right: -60%;
}
.absoimg span{
    font-size: 20px;
    position: absolute;
    right: 0px;
    color: #ffffff;
    left: 50%;
    width: 100%;
    font-size: 16px;
}
.righttheme {
	float:right;
	width:64%
}
.righttheme .year{
	clear:both;
	padding-top:30px;
}
.righttheme .year .imagesa {
	width:20%;
	float:left;
}
.righttheme .year ul {
	text-align:left;
	width:80%;
	float:left;
}
.righttheme .year ul li{
	color:#515151;
	padding-bottom:15px;
	line-height:30px;
	background:url("../images/quire.png") no-repeat 0 30%;
	padding-left:15px;	
}
.status{
	padding-top:70px;
	clear:both;
}
.status .store{
	width:48%;
}
.status .store img{
	float:left;
	width:65px;
}
.status .store div{
	float:left;
	margin:20px 0px 0px 50px;
	width:400px;
}
.status .store p.storechina{
	text-align:left;
	font-size:16px;
	color:#f80d4a;
	line-height:25px;
	border-bottom:2px solid #fee6ed;
	padding-bottom:25px;
}
.status .store p.storeenglish{
	padding-top:25px;
	color:#fed1dd;
	font-size:12px;
	font-family:Arial;
	text-align:left;
	text-transform : uppercase;
	line-height:18px;
}
/**********品牌案例******************/
#case_info{
	background:#f4f4f4;
	padding:60px 0px;
}
.strategy h4{
	font-size:36px;
	text-align:center;
}
.strategy_info{
	font-size: 16px;
	line-height: 36px;
	color: #7B7B7B;
	padding-top:15px;
	text-align:center;
}
.classic-t ul li{
	width:550px;
	float:left;
	margin-right:75px;
	margin-bottom:75px;
}
.classic-t ul li:nth-child(2n){
	margin-right:0px;
}
.classic-t ul li p{
	font-size: 18px;
	line-height: 36px;
	color: #FFFFFF;
	padding-right:100px;
	text-align:left;
	padding-top:25px;
}
.classic-t ul li img{
	border-radius:5px;
}
.classicontent{
	background: url(../images/classicontent-bg.jpg) no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
    height: 770px;
    padding-top: 60px;
	margin-top: 60px;
}
.case-problem {
	margin-top:60px;
}
.case-problem  h4{
	font-size: 36px;
    text-align: center;
}
.case-problem .pro_list{
	margin-top:40px;
}
.pro_list li{
	width: 362px;
    background: #ffffff;
    opacity: 1;
    border-radius: 24px 24px 0px 0px;
    float: left;
    margin-right: 44px;
    text-align: center;
    padding-bottom: 20px;
}
.pro_list li:last-child{
	margin-right:0px;
}
.pro_list li h4{
	font-size: 16px;
	padding:20px 0px;
}
.pro_list li p{
	padding:0px 35px;
	font-size: 14px;
	line-height: 24px;
	color: rgba(51, 51, 51, 0.5);
}
.classic_info_list {
	margin-top:60px;
}
.classic_info_list ul li{
	display: inline-block;
	width:100%;
	margin-bottom:50px;
}
.classic_info_list ul{
	padding-left:210px;
}
.classic_info_list ul li:nth-child(2n){
	padding-left:95px;
}
.classic_info_list ul li span{
	width: 60px;
    height: 60px;
    background: #781bff;
    border-radius: 50%;
    opacity: 1;
    line-height: 60px;
    color: #ffffff;
    font-size: 24px;
    display: inline-block;
    text-align: center;
	width:60px;
}
.classic_info_list ul li p{
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #000B33;
	padding-left: 35px;
}
.trend{
	background: url(../images/trend-bg.jpg) no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
    height: 1000px;
    padding-top: 60px;
	margin-top: 60px;
}
.classic-t ul li span{
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	padding-right:45px;
	padding-top:25px;
	display:block;
}
.pack{
	background: url(../images/pack-bg.jpg) no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
    height: 450px;
    padding-top: 60px;
	margin-top: 60px;
}
.pack_info h4{
	font-size: 36px;
    text-align: center;
	color:#ffffff;
}
.pack_list ul li{
	width: 566px;
    background: #ffffff;
    border-radius: 7px;
    float: left;
    margin-right: 66px;
    padding: 8px;
    position: relative;
    padding-left: 250px;
    height: 240px;
}
.pack_list ul li:last-child{
	margin-right:0px;
}
.pack_list ul li img{
	position: absolute;
    top: px;
    left: 8px;
	bottom:8px;
}
.pack_list ul li p{
	font-size: 18px;
	color: #534A9C;
}
.pack_list{
	margin-top:30px;
}
.pack_list ul li span{
	font-size: 14px;
    line-height: 32px;
    color: #969696;
    display: block;
    padding-top: 20px;
}
/***************面向客户********************/
.hall-fame .title,.face-customer .title{
	text-align:center;
}
.hall-fame .title h3,.face-customer .title h3{
	font-size:36px;
}
.hall-fame .title p,.face-customer .title p{
	font-size:16px;
	letter-spacing:2px;
	padding-top:10px;
}
.hall-fame{
	max-width:1200px;
	margin:60px auto;
	overflow:hidden;
}
.hall-list{
	margin-top: 40px;
    max-width: 1200px;
    height: 500px;
    overflow-y: scroll;
}
.hall-list ul li{
	float: left;
    width: 30.7%;
    margin: 10px 15px;
    font-size: 16px;
    letter-spacing: 2px;
    position: relative;
    padding-bottom: 10px;
}
.hall-list ul li a{
	color: #424242;
}
.hall-list ul li a:hover{
	color:#ce1e1d;
}
.hall-list ul li img {
    position: relative;
    top: 15px;
    padding-right: 10px;
    height: 35px;
}
.hall-list ul li span{
	display: block;
    float: right;
    padding-top: 18px;
    margin-right: 20px;
}
.hall-list ul li::after{
	content: '';
    position: absolute;
    width: 80%;
    height: 1px;
    background: #ce1e1d;
    bottom: 0px;
    left: 50px;
}
.frame{
	width:100%;
	background:#f9f9f9;
}
.face-customer{
	max-width:1200px;
	margin:50px auto;
	  overflow: hidden;
}
.previous-metting .bx-prev,.walk-previous-metting .bx-prev {
    position: absolute;
     top: 165px;
    background: url(../images/m-left-arrow.png) no-repeat;
    width: 26px;
    height: 26px;
    z-index: 0;
    left: 0;
    margin-left: 0px;
}
.previous-metting .bx-next, .walk-previous-metting .bx-next{
    position: absolute;
    top: 165px;
    background: url(../images/m-right-arrow.png) no-repeat;
    width: 26px;
    height: 26px;
    z-index: 0;
    right: 0;
    margin-right: 0px;
}
.face-customer .item{
	margin:50px 0px;
	position: relative;
}
.face-customer .swiper-container {
    margin: 15px 40px;
}
