/*清除浮动*/

.clearfix:after {
	display: block;
	content: "";
	clear: both;
	overflow: hidden;
}

.clearfix {
	/* 触发 hasLayout */
	zoom: 1;
}

.container-chl{max-width: 1440px; margin: 0 auto; padding: 0 15px;}

.page-banner{position: relative;}
.page-banner img{display: block; width: 100%;}
.page-category{position: absolute; top: 50%; left: 50%; z-index: 1; margin-left: -19%; margin-top: -62px; width: 38%; color: #fff; text-align: center;}
.page-category h3{font-size: 34px; padding-bottom: 20px;}
.page-category h3 span{text-transform: uppercase; font-size: 30px; font-family: simsun;}
.page-category p{position: relative; font-size: 22px; padding-bottom: 15px;}
.page-category p:before{position: absolute;bottom: 0;left: 50%;content: ''; margin-left: -2px; width: 40px; height: 2px ; background-color: #fff; }

.page-navpath{position: absolute;left: 0; bottom: 0; z-index: 1; width: 100%;background-color: rgba(0,0,0,.4); color: #fff; line-height: 65px; font-size: 16px;}
.page-navpath a{color: #fff;}

.page-catetitle{padding-top: 90px; text-align: center;}
.page-catetitle h3{font-size: 30px;}
.page-catetitle span{display: block; max-width: 80px; height: 3px; margin: 25px auto 0; background-color: #0780D3;}


@media(max-width:1300px){
	.page-category h3{font-size: 28px;}
	.page-category h3 span{ font-size: 24px;}
	.page-category p{font-size: 18px;}
}
@media(max-width:1030px){
	.page-category{ margin-left: -25%; width: 50%; }
	.page-category h3{font-size: 24px; padding-bottom:15px;}
	.page-category h3 span{ font-size: 20px;}
	.page-category p{font-size: 16px;}
	.page-navpath{ line-height: 45px; font-size: 14px; }
}
@media(max-width:768px){
	.page-category{display: none;}
	.page-catetitle{padding-top: 60px; }
	.page-catetitle h3{font-size: 24px;}
}

/* 业务范围 */
.page-design-buss{padding: 40px 0;}
.page-design-buss ul li{float: left; width: 25%; padding: 50px; text-align: center;}
.page-design-buss ul li img{max-width: 100%;}
.page-design-buss ul li h3{padding: 10px 0 ; font-size: 22px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.page-design-buss ul li p{font-size: 16px; color: #777; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.page-design-buss ul li:hover{box-shadow: 0 0 15px rgba(0,0,0,.3);}
.page-design-buss>a{display: block;max-width: 140px; line-height: 40px;border:1px solid #1d7ae3; background-color: #1d7ae3; border-radius: 4px; color: #fff; font-size: 16px; text-align: center; margin: 40px auto 0;}
.page-design-buss>a:hover{background: #fff;color: #1d7ae3;}
@media(max-width:940px){
	.page-design-buss ul li{width: 50%; padding: 25px;}
}
@media(max-width:768px){
	.page-design-buss ul li{width: 50%; padding:20px 10px ; }
}
@media(max-width:640px){
	.page-design-buss ul li{width: 100%;}
}

/* 业务阐述 */
.page-design-info{position: relative;background-color: #3b95ed;}
.page-design-info-left{float: left; width: 60%; padding: 50px 80px 0 15px;color: #fff;}
.page-design-info-left h3{padding-bottom: 35px; font-size: 30px;}
.page-design-info-left h3 span{display: block;font-size: 16px; text-transform: uppercase;}
.page-design-info-left p{line-height: 24px; margin-bottom: 25px;}
.page-design-info-left>a{position: relative;top:0;display: block;max-width: 140px; line-height: 40px; background-color: #fff; border-radius: 40px; color: #666; font-size: 16px; text-align: center;}
.page-design-info-left>a:hover{top:10px;}
.page-design-info-right{position: absolute; top: 0; right: 0; width: 40%; text-align: center;}
.page-design-info-right img{width: 100%;}
@media(max-width:1600px){
	.page-design-info-left{padding: 60px 80px 0 15px;}
}
@media(max-width:1360px){
	.page-design-info-left{padding: 40px 80px 0 15px;}
}
@media(max-width:1360px){
	.page-design-info-left{padding: 30px 80px 0 15px;}
	.page-design-info-left h3{padding-bottom: 15px; }
}
@media(max-width:1360px){
	.page-design-info-left{padding: 30px 40px 30px 15px;}
}
@media(max-width:1360px){
	.page-design-info-left p{line-height: 24px; margin-bottom: 15px;}
}
@media(max-width:1070px){
	.page-design-info-left{padding: 20px 40px 30px 15px;}
}
@media(max-width:1048px){
	.page-design-info-left{ width: 100%;padding: 20px 0; color: #fff; text-align: center;}
	.page-design-info-right{position: static; width: 70%; margin: 0 auto; padding: 15px;}
	.page-design-info-left>a{margin: 0 auto;}
}
@media(max-width:768px){
	.page-design-info-left h3{font-size: 24px;}
	.page-design-info-left h3 span{font-size: 14px;}
}

/* swiper样式覆盖 */
.swiper-button-next,
.swiper-button-prev{background: none!important; outline: none;}
.page-design-case-list .swiper-button-next{right: -7px!important;}
.page-design-case-list .swiper-button-prev{left: -7px!important;}

.page-design-casebg{background-color: #f7f7f7; padding-bottom: 80px;}

.page-design-case-title{padding: 60px 0; text-align: center;}
.page-design-case-title ul{display: inline-block;}
.page-design-case-title ul li{float: left; text-align: center; padding: 0 30px; border-radius: 4px; line-height: 48px; font-size: 20px; cursor: pointer;}
.page-design-case-title ul li.active,.page-design-case-title ul li:hover{background-color: #00A0E9; color: #fff;}

.page-design-case-list{position: relative; padding: 0 60px; display: none;}
.page-design-case-list .swiper-container{}
.page-design-case-list .swiper-container .swiper-slide{overflow: hidden;}
.page-design-case-list .swiper-container .swiper-slide img{width: 100%;}
.page-design-mask{position: absolute; top: 0; left: 0; z-index: 1; padding: 30px 40px; width: 100%; height: 100%; background-color: #fff; transform: translateY(65%);}
.page-design-mask h3{font-size: 20px; color: #0780D3; padding-bottom: 15px;}
.page-design-mask h4{font-size: 14px; line-height: 20px;}
.page-design-mask p{font-size: 14px; padding-top: 30px;opacity: 0;}
.page-design-mask a{margin-top: 35px; display: block; max-width: 100px; line-height: 35px;border:1px solid #1e82e5; background-color: #1e82e5; color: #fff; text-align: center; border-radius: 4px; font-size: 14px;opacity: 0;}
.page-design-mask a:hover{color: #1e82e5;background: #fff;}
@media(min-width:768px){
.page-design-case-list .swiper-container .swiper-slide:hover .page-design-mask{ transform: translateY(0);}	
.page-design-case-list .swiper-container .swiper-slide:hover .page-design-mask p,
.page-design-case-list .swiper-container .swiper-slide:hover .page-design-mask a{opacity: 1;}
}
@media(max-width:1200px){
	.page-design-case-list{position: relative; padding: 0 60px;}
}
@media(max-width:860px){
	.page-design-case-list{position: relative; padding: 0 30px;}
	.page-design-mask{padding: 15px 20px;  transform: translateY(65%);}
	.page-design-mask p,
	.page-design-mask a{display: none;}
	
}
@media(max-width:768px){
	.page-design-case-title ul li{width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
}

@media(max-width:640px){
	.page-design-case-list{position: relative; padding: 0;}
	.page-design-mask{padding: 15px;  transform: translateY(65%);}
	.page-design-mask h3{font-size: 18px;padding-bottom: 10px;}
	.page-design-mask h4{font-size: 14px; line-height: 20px;}
}

.case-show{display: block;}

/* index-ad */
.page-design-adver{background-image: url(../images/ad-p1.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 15px 50px; text-align: center;}
.page-design-adver h3{font-size: 40px; font-weight: bold; padding-bottom: 20px; color: #fff;}
.page-design-adver p{font-size: 20px; padding-bottom: 40px; color: #fff;}
.page-design-adver a{position: relative;top:0;display: inline-block; padding: 0 20px; line-height: 38px; font-size: 16px;background-color: #4886ff; color: #fff;  margin: 0 15px;}
.page-design-adver a:last-child{color: #4886ff; background-color: #fff;}
.page-design-adver a:hover{top:10px;}
@media (max-width:768px) {
	.page-design-adver{padding: 25px 0;}
	.page-design-adver h3{font-size: 24px;}
}

/* 天猫 */
/* 业务范围 */
.page-tm-buss{padding: 40px 0;}
.page-tm-buss ul li{float: left; width: 25%; padding: 15px; text-align: center;}
.page-tm-box{border: 1px solid #eee; padding: 40px; border-radius: 6px;}
.page-tm-box img{max-width: 100%;}
.page-tm-box h3{padding: 30px 0 50px; font-size: 18px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.page-tm-box a{display: inline-block;  padding: 0 20px; line-height: 40px; border:1px solid #1d7ae3; border-radius: 4px; color: #1d7ae3; font-size: 16px;}
.page-tm-buss li:hover .page-tm-box{box-shadow: 0 0 15px rgba(0,0,0,.2);}
.page-tm-buss li:hover .page-tm-box h3{color: #1d7ae3;}
.page-tm-buss li:hover .page-tm-box a{border:1px solid #1d7ae3;background-color:#1d7ae3 ; color: #fff;}
@media(max-width:940px){
	.page-tm-buss ul li{width: 50%; }
}
@media(max-width:768px){
	.page-tm-buss ul li{width: 100%; }
}
/*  */
.page-tm-faq{background-color: #f9f9fa;}
.page-tm-faq .container-chl{padding-top: 35px;}
.page-tm-faq ul li{position: relative; float: none; margin-bottom: 90px;}
.page-tm-faq ul li h3{padding-bottom: 15px; font-size: 18px;}
.page-tm-faq ul li p{padding-bottom: 15px; font-size: 14px; color: #666;}
.page-tm-faq-left,
.page-tm-faq-right{float: left; width: 35%; padding-top: 45px;}
.page-tm-faq-center{float: left; width: 30%; text-align: center; padding: 0 20px;}
.page-tm-faq-center img{max-width: 100%;}
.page-tm-faq-left{text-align: right;}
.page-tm-faq-left ul li{ padding-right: 70px;}
.page-tm-faq-left ul li span{position: absolute; top: 0; right: 0; display: block; width: 60px; height: 60px;}
.page-tm-faq-left ul li span img{max-width: 100%;}

.page-tm-faq-right ul li{ padding-left: 70px;}
.page-tm-faq-right ul li span{position: absolute; top: 0; left: 0; display: block; width: 60px; height: 60px;}

@media(max-width:1200px){
	.page-tm-faq ul li{position: relative; float: none; margin-bottom: 60px;}
}

@media(max-width:940px){
	.page-tm-faq ul li{position: relative; float: none; margin-bottom: 40px;}
}
@media(max-width:840px){
	.page-tm-faq-left,
	.page-tm-faq-right{float: left; width: 35%; padding-top: 10px;}
}
@media(max-width:768px){
	.page-tm-faq-left,
	.page-tm-faq-right{ text-align: center; width: 100%; padding-top: 10px;}
	.page-tm-faq-left ul li,
	.page-tm-faq-right ul li{ padding: 0; margin-bottom: 20px;}
	.page-tm-faq-center{display: none;}
	.page-tm-faq-left ul li span,
	.page-tm-faq-right ul li span{position: static;  width:auto;height: auto; margin: 15px auto;}
}

/*  */
.page-tm-adv{padding: 70px 0;}
.page-tm-adv>a{display: block; max-width: 100px; line-height: 35px;margin: 0 auto; margin-top: 35px;  background-color: #1e82e5; color: #fff; text-align: center; border-radius: 4px; font-size: 14px;}
.page-tm-adv>a:hover{opacity: .6;}
.page-tm-adv-left,
.page-tm-adv-right{float: left; width: 50%; padding-top: 60px;}
.page-tm-adv-left{text-align: center; padding: 65px 35px 0;}
.page-tm-adv-left img{max-width: 100%;}
.page-tm-adv-right>h3{position: relative; margin-bottom: 50px; padding-left: 40px; font-size: 30px;}
.page-tm-adv-right>h3 span{position: absolute; top: 0; left: 0; z-index: -1;  color: #eee; font-size: 40px; font-weight: bold; text-transform: uppercase; font-family: arial;}
.page-tm-adv-right ul li{position: relative; float: none;padding-left: 70px; padding-bottom: 50px;}
.page-tm-adv-right ul li span{position: absolute; top: 0; left: 0; display: block; width: 60px; height: 60px;}
.page-tm-adv-right ul li h3{padding-bottom: 10px; font-size: 18px;}
.page-tm-adv-right ul li p{padding-bottom: 15px; font-size: 14px; color: #666;}

@media(max-width:1080px){
	.page-tm-adv-right ul li{ padding-bottom: 30px;}
}

@media(max-width:1080px){
	.page-tm-adv-right>h3{position: relative; margin-bottom: 30px;}
	.page-tm-adv-right ul li{ padding-bottom: 20px;}
}
@media(max-width:768px){
	.page-tm-adv{padding: 0 0 40px;}
	.page-tm-adv-left,
	.page-tm-adv-right{width: 100%; padding-top: 60px;}
	.page-tm-adv-left img{ max-width: 80%;}
}

.page-tm-casebg{background-image: url(../images/mt-case-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 0 15px 50px; text-align: center;}
.page-tm-casebg .page-catetitle h3{color: #fff;}
.page-tm-case-title{padding: 60px 0; text-align: center;}
.page-tm-case-title ul{display: inline-block;}
.page-tm-case-title ul li {float: left; padding:0 10px;text-align: center;}
.page-tm-case-title ul li span {display: inline-block;  color: #fff; padding: 0 30px; border: 1px solid #fff; border-radius: 4px; line-height: 48px; font-size: 20px; cursor: pointer; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.page-tm-case-title ul li.active span,.page-tm-case-title ul li:hover span{background-color: #00A0E9; border-color: #00A0E9;}

.page-tm-case-list{position: relative; padding: 0 60px;display: none;}
.page-tm-case-list .swiper-container{}
.page-tm-case-list .swiper-container .swiper-slide{overflow: hidden; text-align: center;}
.page-tm-case-list .swiper-container .swiper-slide img{width: 100%;}

.tm-show{display: block;}
@media(max-width:860px){
	.page-tm-case-title ul li {width: 50%; margin-bottom: 15px;}
	.page-tm-case-title ul li span {display: block; width: 100%; line-height: 38px;}
}

/* 运维 */
.page-operat-buss{padding: 50px 0; text-align: center;}
.page-operat-buss>a{margin-top: 40px; display: inline-block;padding: 0 30px; line-height: 38px; border-radius: 4px; background-color: #3591f4; color: #fff;}
.page-operat-buss>a:hover{opacity: .7;}
.page-operat-buss ul li{float: left; width: 16.666%; padding: 15px;}
.page-operat-buss ul li img{max-width: 100%;}
.page-operat-buss ul li h3{height: 40px; font-size: 18px; margin-top: 15px;}
@media(max-width:940px){
	.page-operat-buss ul li{width: 25%;}
}
@media(max-width:768px){
	.page-operat-buss ul li{width: 33.33%;}
}
@media(max-width:640px){
	.page-operat-buss ul li{width: 50%;}
	
}

/* index-ad */
.page-operat-adver{background-image: url(../images/ad-adver-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 15px 50px; text-align: center;}
.page-operat-adver h3{font-size: 40px; font-weight: bold; padding-bottom: 30px; color: #fff;}
.page-operat-adver a{position: relative;top:0;display: inline-block; padding: 0 20px; line-height: 38px; font-size: 16px;color: #0f79ee; background-color: #fff;  margin: 0 15px;}
.page-operat-adver a:last-child{background-color: #0f79ee; color: #fff;}
.page-operat-adver a:hover{top:10px;}
@media (max-width:768px) {
	.page-operat-adver{padding: 25px 0;}
	.page-operat-adver h3{font-size: 24px;}
}

.page-operat-faq{background-color: #f3f6fb;}
.page-operat-faq ul{padding:50px 0;}
.page-operat-faq ul li{float: left; width: 25%; text-align: center; padding: 0 3px;}
.page-operat-faqbox{border-left: 3px solid #666; border-right: 3px solid #666;}
.page-operat-faqbox img{max-width: 100%;}
.page-operat-faq ul li:first-child .page-operat-faqbox{border-left: 3px solid transparent;}
.page-operat-faq ul li:last-child .page-operat-faqbox{border-right: 3px solid transparent;}

@media(max-width:840px){
.page-operat-faq ul li{ width: 50%;  padding: 25px;}	
.page-operat-faqbox{border:none;}
}
@media(max-width:640px){
.page-operat-faq ul li{ width: 100%;  padding: 25px;}	
}


/* seo */
.page-seo-quick{background-color: #f5f6fc;}

.page-seo-quick ul li{float: left; width: 16.66%; padding: 30px 0; padding-left: 50px;}
.page-seo-quick ul li:first-child{width: 66.66%;padding-left : 0;}

.page-seo-quick ul li a,
.page-seo-quick-s{display: block; height: 140px; background-color: #fff;}

.page-seo-quick ul li a{position: relative; padding: 0 20px; padding-top: 52px;}
.page-seo-quick ul li a h3{font-size: 16px;}
.page-seo-quick ul li a p{color: #777;}
.page-seo-quick ul li a>img{position: absolute; top: 50px; right: 20px; z-index: 1; max-width: 100%;}
.page-seo-quick-s{padding: 30px;}
.page-seo-quick-s h3{font-size: 18px; font-weight: bold; padding-bottom: 15px;}
.page-seo-quick-s button{width: 20%;  line-height: 45px; margin-top: -7px; font-size: 16px;border:1px solid #277eff; background-color: #277eff; color: #fff;border-radius: 4px; cursor: pointer;}
.page-seo-quick-s button:hover{background: #fff;color: #277eff; }

.page-seo-quick-f{ float: left; width: 40%;}
.page-seo-quick-f input{ width: 75%; padding:0 10px; line-height: 30px; margin-left: 10px; border-radius: 4px;border: 1px solid #ccc;}

.page-seo-quick ul li a:hover,
.page-seo-quick-s:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
@media (max-width:1400px) {
	.page-seo-quick ul{margin: 0 -10px;}
	.page-seo-quick ul li{float: left; width: 25%; padding: 10px;  margin-top: -10px;}
	.page-seo-quick ul li:first-child{width: 100%; padding-left: 10px; margin-top: 0;}
	
}
@media (max-width:960px) {
	.page-seo-quick ul{margin: 0 -10px;}
	.page-seo-quick ul li{float: left; width: 50%; padding: 10px;  margin-top: -10px;}
	.page-seo-quick ul li:first-child{width: 100%; padding-left: 10px; margin-top: 0;}
	
}
@media (max-width:768px) {
	.page-seo-quick-s h3{padding-bottom: 10px;}
	.page-seo-quick-f{ padding-right: 15px;}
	.page-seo-quick-f input{ display: block; width: 100%; margin: 0;  margin-top: 10px;}
}

@media (max-width:640px) {
	.page-seo-quick-s{padding: 30px 15px;height: auto;}
	.page-seo-quick-f{ width: 100%; padding-bottom: 15px;}
	
	.page-seo-quick ul li{float: left; width:100%; padding: 10px;  margin-top: -10px;}
	.page-seo-quick ul li:first-child{padding-left: 10px; margin-top: 0;}
	.page-seo-quick-s button{width:100%;  line-height: 35px; margin-top: 0;}
}

/* seo介绍 */


.page-seo-intro-left,
.page-seo-intro-right{float: left; width: 50%; }
.page-seo-intro-left{padding: 50px 50px 50px 0;}
.page-seo-intro-left h3{margin-top: 30px; padding-bottom: 30px; font-size: 30px; font-weight: bold;}
.page-seo-intro-left p{margin-bottom: 35px; font-size: 16px;line-height: 30px; color: #777;}
.page-seo-intro-left a{position: relative;top:0;display:inline-block; padding: 0 30px; line-height: 38px; font-size: 16px; color: #fff; background-color: #277eff;border-radius: 4px;}
.page-seo-intro-left a:hover{top:10px;}
.page-seo-intro-right{text-align: center; padding: 50px 25px;}
.page-seo-intro-right img{max-width: 100%;}
@media (max-width:768px) {
	.page-seo-intro-left,
	.page-seo-intro-right{ width: 100%; padding: 20px 0;}
	.page-seo-intro-left h3{margin-top: 20px; padding-bottom: 20px; font-size: 24px; }
	.page-seo-intro-left p{margin-bottom: 15px; }
	.page-seo-intro-right img{max-width: 60%;}
}

/*  */
.page-seo-title{text-align: center; padding: 80px 0 60px; font-size: 30px;}
@media (max-width:768px) {
	.page-seo-title{ padding: 40px 0 30px; font-size: 22px;}
}

.page-seo-do-bg{background-color: #f8f8f9;}
.page-seo-do-left,
.page-seo-do-right{float: left; width: 35%; padding-top: 40px;}
.page-seo-do-left ul li,
.page-seo-do-right ul li{float: none; margin-bottom: 70px;}
.page-seo-do-left ul li h3,
.page-seo-do-right ul li h3{font-size:20px;color: #333;}
.page-seo-do-left ul li p,
.page-seo-do-right ul li p{padding-top: 5px; color: #666;}
.page-seo-do-center{position: relative; float: left; width: 30%; text-align: center; padding: 25px;}
.page-seo-do-center img{ max-width:100%;}
.page-seo-do-left{text-align: right;}

@media (max-width:1300px) {
	.page-seo-do-left ul li h3,
	.page-seo-do-right ul li h3{font-size: 18px;}
	.page-seo-do-center{padding-top:70px;}
	
}
@media (max-width:1050px) {
	.page-seo-do-center{padding-top:90px;}
}
@media (max-width:940px) {
	.page-seo-do-center{padding-top:120px;}
}
@media (max-width:768px) {
	.page-seo-do-left,
	.page-seo-do-right{width: 100%; padding-top: 0; text-align: center;}
	.page-seo-do-left ul li,
	.page-seo-do-right ul li{float: none; margin-bottom: 25px;}
	
	
	.page-seo-do-center{display: none;}
}

.page-seo-play-bg{background-image: url(../images/play-bg.jpg); background-repeat: no-repeat; background-size: cover; padding-bottom: 45px;}
.page-seo-play li{float: left; width: 30%; text-align: center;}

.page-seo-play-title{ padding: 40px 0 30px; background-color: #a0a3ab; color: #fff;}
.page-seo-play-title h3{font-size: 24px; font-weight: bold;}
.page-seo-play-title p{font-size: 16px;}
.page-seo-play-content{padding-bottom: 40px;}
.page-seo-play-content p{ background-color: #fff; font-size: 16px; line-height: 35px; padding: 15px 0;}
.page-seo-play-content a{margin-top: 45px; display: inline-block; padding: 0 30px; border-radius: 38px; line-height: 38px; font-size: 16px; background-color: #a0a3ab; color: #fff;}

.play-active{ position: relative; width: 40%!important; box-shadow: 0 0 15px rgba(0,0,0,.4);}
.play-active .page-seo-play-title{background-color: #277eff;}
.play-active .page-seo-play-content a{background-color: #277eff;position: relative;top:0;}
.play-active .page-seo-play-content a:hover{top:10px;}

@media (max-width:768px) {
	
	.page-seo-play-title{ padding: 20px 0 15px;}
	.page-seo-play-title h3{font-size: 20px; }
	.page-seo-play li{width: 100%; }
	.play-active{ width: 100%!important; box-shadow: none;}
	.page-seo-play-content p{ background-color: #fff; font-size: 16px; line-height: 35px; padding: 5px 0;}
	.page-seo-play-content a{margin-top: 15px; }
}

.page-seo-adver{background-image: url(../images/page-adver.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 15px 50px; text-align: center;}
.page-seo-adver h3{font-size: 32px;  padding-bottom: 15px; color: #fff;}
.page-seo-adver p{font-size: 18px;padding-bottom: 25px; color: #fff;}
.page-seo-adver a{position: relative;top:0;display: inline-block; padding: 0 20px; line-height: 38px; font-size: 16px;color: #0f79ee; background-color: #fff;  margin: 0 15px; border-radius: 4px;}
.page-seo-adver a:last-child{background: none; color: #fff; border: 1px solid #fff;}
.page-seo-adver a:hover{top:-5px;}
@media (max-width:768px) {
	.page-seo-adver{padding: 25px 15px;}
	.page-seo-adver h3{font-size: 24px;}
}

.page-seo-service-bg{background-color: #f5f6fa; text-align: center; padding-bottom: 50px;}
.page-seo-service-bg .container-chl>a{margin-top: 50px; display: inline-block; padding: 0 60px; line-height: 45px; font-size: 16px; background-color: #1D7AE3;  border:1px solid  #1D7AE3; color: #fff; border-radius:4px;}
.page-seo-service-bg .container-chl>a:hover{background: #fff;color: #1D7AE3;}

.page-seo-service-list li{float: left; width: 20%; padding: 15px; text-align: center;}

.page-seo-service{ padding: 30px; background-color: #fff;}
.page-seo-service img{max-width: 100%;}
.page-seo-service h3{ font-size: 22px; padding-bottom: 25px;}
.page-seo-service p{line-height: 20px; color: #777; height: 60px; overflow: hidden;}
.page-seo-service-list li .page-seo-service:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);}


@media (max-width:1300px) {
	.page-seo-service-list li{ width: 25%; }
}
@media (max-width:960px) {
	.page-seo-service-list li{ width: 33.33%; }
}
@media (max-width:768px) {
	.page-seo-service-list li{ width: 50%; }
}
@media (max-width:640px) {
	.page-seo-service-list li{ width: 100%; padding: 10px 0; }
}

/*  */
.page-seo-step{background-image: url(../images/celue-bg.jpg); background-repeat: no-repeat; background-size: cover; text-align: center; padding-bottom: 80px;}
.page-seo-step img{max-width: 100%;}
.page-seo-step .container-chl>ul li{float: left;width: 25%; padding: 15px; display: none;}
@media (max-width:940px) {
	.page-seo-step .container-chl>img{display: none;}
	.page-seo-step .container-chl>ul li{ display: block;}
}
@media (max-width:768px) {
	.page-seo-step .container-chl>img{display: none;}
	.page-seo-step .container-chl>ul li{width: 50%;}
}

.page-seo-case{background-image: url(../images/case.jpg); background-repeat: no-repeat; background-size: cover; padding-bottom: 80px;}
.page-seo-case-title ul{background-color: #fff;}
.page-seo-case-title ul li{float: left; width:16.666% ; padding: 15px 0; font-size: 20px; background-color: #e8ebf2; text-align: center; cursor: pointer;}
.page-seo-case-title ul li.active,.page-seo-case-title ul li:hover{color: #2f82ee; background-color: #fff; transform: translateY(-5px);}

.page-seo-case-list{position: relative; background-color: #fff; padding: 50px 120px; display: none;}
.page-seo-case-swiper .swiper-slide{text-align: center;}
.page-seo-case-swiper .swiper-slide img{max-width: 100%;}
.page-seo-case-list .swiper-button-next{right:50px;}
.page-seo-case-list .swiper-button-prev{left:50px;}

.seo-show{display: block!important;}

@media (max-width:768px) {
	.page-seo-case-list{ padding: 50px;}
	.page-seo-case-list .swiper-button-next{right:10px;}
	.page-seo-case-list .swiper-button-prev{left:10px;}
	.page-seo-case-title ul li{float: left; width:33.33% ;}
}

.page-seo-contact{background-image: url(../images/form-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 80px 0;}

.page-seo-contact-left,
.page-seo-contact-right{float: left; width: 50%; }
.page-seo-contact-left{padding-right: 50px;}
.page-seo-contact-left img{max-width: 100%;}
.page-seo-contact-right{padding-left: 50px;}

.page-seo-contact-intro,
.page-seo-contact-form{height: 600px; background-color: #fff;}
.page-seo-contact-intro span,
.page-seo-contact-intro p,
.page-seo-contact-intro a{margin: 0 30px;}
.page-seo-contact-intro span{display: block; width: 60px; height: 3px; background-color: #0780D3; margin-top: 25px; margin-bottom: 30px;}
.page-seo-contact-intro p{font-size: 16px; color: #666 ; line-height: 34px;}
.page-seo-contact-intro a{position: relative;top:0; display: inline-block; padding: 0 30px; line-height: 40px; font-size: 16px; color: #fff; background-color: #00A0E9; margin-top: 25px;border-radius: 4px;}
.page-seo-contact-intro a:hover{top:10px;}

.page-seo-contact-form{padding: 30px 60px; border-radius: 4px; }
.page-seo-contact-form h3{font-size: 24px; margin-bottom: 35px;}
.page-seo-contact-form label{font-size: 16px;}
.page-seo-contact-form input{width: 100%; line-height: 40px; padding: 0 10px; margin-bottom: 25px; margin-top: 10px; border-radius: 4px; border: 1px solid #ccc;}
.page-seo-contact-form textarea{font-family: "microsoft yahei"; width: 100%;padding: 15px; margin-bottom: 25px; margin-top: 10px; border-radius: 4px; border: 1px solid #ccc;}
.page-seo-contact-form button{position: relative;top:0; display: inline-block; padding: 0 30px; line-height: 40px; font-size: 16px; color: #fff; background-color: #00A0E9; border-radius: 4px;border: 1px solid #00A0E9;}
.page-seo-contact-form button:hover{top:10px;}

@media (max-width:960px) {
	.page-seo-contact-form{padding: 30px; }
	.page-seo-contact-left{padding-right: 20px;}
	.page-seo-contact-right{padding-left: 20px;}
}
@media (max-width:768px) {
	.page-seo-contact{background-image: url(../images/form-bg.jpg); background-repeat: no-repeat; background-size: cover; padding:40px 0;}
.page-seo-contact-left,
.page-seo-contact-right{ width: 100%; padding: 0; margin-bottom: 5px;}
.page-seo-contact-intro,
.page-seo-contact-form{height: auto; padding-bottom: 25px; }
}

/* 清除全局影响 */
.layui-layer{transition: none;}

/* 全网营销 */
.page-sale-ask{background-image: url(../images/sale-ask-bg.jpg); background-repeat: no-repeat; background-size: cover;}
.page-sale-ask ul{ padding: 80px 0; background: url(../images/sale-ask-line.png) no-repeat center;}

.page-sale-ask ul li{float: left; width: 16.66%; text-align: center; font-size: 14px;}
.page-sale-ask ul li:nth-child(1){ padding-top:265px;}
.page-sale-ask ul li:nth-child(2){ padding-top:30px;}
.page-sale-ask ul li:nth-child(3){ padding-top:355px;}
.page-sale-ask ul li:nth-child(4){ padding-top:110px;}
.page-sale-ask ul li:nth-child(5){ padding-top:315px;}
.page-sale-ask ul li:nth-child(6){ padding-bottom:365px;}

.page-sale-ask ul li img{max-width: 100%;}
.page-sale-ask ul li p{height: 40px; color: #777; overflow: hidden; margin: 15px 0;}
@media (max-width:1440px) {
	.page-sale-ask ul{padding: 40px 0; background: none;}
	.page-sale-ask ul li{padding: 10px!important; }
}
@media (max-width:768px) {
	.page-sale-ask ul li{width: 33.33%;}
	.page-sale-ask ul li p{display: none;}
}

/*  */
.page-sale-ad{padding: 40px 0; background-image: url(../images/sale-ad1-bg.jpg); background-repeat: no-repeat; background-size: cover; color: #fff;}
.page-sale-ad .container-chl{position: relative;}
.page-sale-ad h3{font-size: 28px; font-weight: bold;}
.page-sale-ad p{padding-top: 8px; font-size: 18px;}
.page-sale-ad a{position: absolute;bottom: 0;right: 0;display: inline-block; padding: 0 30px; line-height: 38px; border: 1px solid #fff; color: #fff;}
@media (max-width:940px) {
	.page-sale-ad a{position: static; margin-top: 15px;}
}
/*  */
.page-sale-ser{padding: 100px 0;}
.page-sale-ser-l,
.page-sale-ser-r{float: left; width: 50%;}
.page-sale-ser-l{padding: 15px;}
.page-sale-ser-l img{max-width: 100%;}

.page-sale-ser-r{padding-top: 30px;}
.page-sale-ser-r h1{position: relative; text-transform: uppercase; font-size: 30px;}
.page-sale-ser-r h1 span{position: absolute; top: -15px; left: 15px; z-index: -1; color: #eee; font-size: 54px; font-weight: bold;font-family: arial;}
.page-sale-ser-r ul li{padding-top: 65px;}
.page-sale-ser-r ul li h3{font-size: 20px;}
.page-sale-ser-r ul li p{padding-top: 8px; font-size: 16px; color: #777;}
@media (max-width:1300px) {
	.page-sale-ser-l{padding-top: 80px;}
}
@media (max-width:940px) {
	.page-sale-ser-l{padding-top: 180px;}
}
@media (max-width:768px) {
	.page-sale-ser{padding: 50px 0;}
	.page-sale-ser-l{display: none;}
	.page-sale-ser-r{ width: 100%;}
	.page-sale-ser-r ul li{padding-top: 45px;}
}
/*  */
.page-sale-content{padding-bottom: 70px; background-image: url(../images/sale-content-bg.jpg);background-repeat: no-repeat; background-size: cover;}
.page-sale-content .page-catetitle{color: #fff;}
.page-sale-content .page-catetitle span{background-color: #fff;}

.page-sale-content .container-chl{position: relative; padding-top: 50px;}
.page-sale-content .swiper-container{ width: 80%;}
.page-sale-content .swiper-container .swiper-slide{padding: 35px; background-color: #fff; border-radius: 6px;}
.page-sale-content-l,
.page-sale-content-r{float: left; width: 50%;}
.page-sale-content-l {padding: 45px 45px 0;}
.page-sale-content-l h1{font-size: 34px;}
.page-sale-content-l p{font-size: 16px;}
.page-sale-content-l a{display: inline-block; padding: 0 40px; border-radius: 4px; line-height: 38px; background-color: #1C98FF;color: #fff; font-size: 16px; margin-top: 25px;}
.page-sale-content-tag{padding: 15px 0;}
.page-sale-content-tag span{display: inline-block; padding: 2px 8px; margin-bottom: 5px; background-color: #E4F3FF; border: 1px solid #1C98FF;border-radius: 3px; color: #1C98FF; margin-right: 5px;}
.page-sale-content-r img{max-width: 100%;}
/*  */
.page-sale-content .swiper-button-next,
.page-sale-content .swiper-button-prev{width: 50px;}
.page-sale-content .swiper-button-next img,
.page-sale-content .swiper-button-prev img{max-width: 100%;}
@media (max-width:1100px) {
	.page-sale-content-l,
	.page-sale-content-r{float: left; width: 100%;}
	
}
@media (max-width:768px) {
	.page-sale-content-l {padding: 15px 0 0;}
	.page-sale-content-l h1{font-size: 24px;}
	
}
@media (max-width:640px) {
	.page-sale-content .swiper-container{ width: 90%;}
	.page-sale-content .swiper-button-next,
	.page-sale-content .swiper-button-prev{display: none;}
	
}
.page-sale-adven{padding-bottom: 40px;}
.page-sale-adven ul {padding: 60px 0;}
.page-sale-adven ul li{float: left; width: 33.33%; padding-top: 25px;}
.page-sale-adven ul li:nth-child(1){text-align: right;}
.page-sale-adven ul li:nth-child(2){text-align: center; padding: 25px;}
.page-sale-adven ul li:nth-child(2) img{max-width: 100%;}
.page-sale-adven ul li h3{font-size: 20px; font-weight: bold;}
.page-sale-adven ul li p{font-size: 16px; color: #777; padding-top: 8px;}
.page-sale-adven-ot{height: 180px;}
@media (max-width:1250px) {
	.page-sale-adven-ot{height: 160px;}
}
@media (max-width:960px) {
	.page-sale-adven-ot{height: 100px;}
}
@media (max-width:840px) {
	.page-sale-adven-ot{height: 60px;}
}
@media (max-width:768px) {
	.page-sale-adven ul {padding: 20px 0;}
	.page-sale-adven ul li{width: 100%; text-align: left!important;}
	.page-sale-adven-ot{height: 30px;}
	.page-sale-adven ul li:nth-child(2){display: none;}
}
/*  */
.page-sale-case{padding-bottom: 60px; background-color: #f5f5f5;}
.page-sale-case .container-chl{position: relative; margin-top: 50px;}
.page-sale-case .swiper-container{ width: 85%;}
.page-sale-case .swiper-container .swiper-slide{text-align: center; padding: 15px;}
.page-sale-case .swiper-container .swiper-slide img{max-width: 100%;}
.page-sale-case .swiper-container .swiper-slide:hover img{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.page-sale-case-tel{text-align: center; margin-top: 65px;}
.page-sale-case-tel a{display: inline-block; padding: 0 50px; font-size: 18px; border-radius: 38px; color: #1C98FF; line-height: 45px;border: 1px solid #1C98FF; background-color: #fff;}
.page-sale-case .swiper-button-next,
.page-sale-case .swiper-button-prev{width: 50px;}
.page-sale-case .swiper-button-next img,
.page-sale-case .swiper-button-prev img{max-width: 100%;}

@media (max-width:768px) {
	.page-sale-case .container-chl{position: relative; margin-top: 20px;}
	.page-sale-case{padding-bottom: 30px;}
	.page-sale-case-tel{ margin-top: 25px;}
	.page-sale-case-tel span{ padding: 0 20px;  line-height: 38px;;}
}
@media (max-width:640px) {
	.page-sale-case .swiper-container{ width: 90%;}
	.page-sale-case .swiper-button-next,
	.page-sale-case .swiper-button-prev{display: none;}
	
}

/*  */
.page-sale-system{padding: 100px 0 60px;background-image: url(../images/sale-system-bg.jpg);background-repeat: no-repeat; background-size: cover;}
.page-sale-system ul li{float: left; width: 50%; text-align: center;}
.page-sale-system ul li:first-child{padding-right: 60px;}
.page-sale-system ul li:last-child{padding-left: 60px;}
.page-sale-system-m{padding: 60px 15px; background-color: #fff;}
.page-sale-system-m img{max-width: 100%;}
.page-sale-system-m p{margin: 25px 0; font-size: 16px; height: 40px;}
.page-sale-system-m a{display: inline-block; margin-top: 15px; padding: 0 40px; line-height: 45px; background-color: #1D7AE3; color: #fff; font-size: 16px;}

@media (max-width:1200px) {
	.page-sale-system ul li:first-child{padding-right: 30px;}
	.page-sale-system ul li:last-child{padding-left: 30px;}
}

@media (max-width:768px) {
	.page-sale-system{padding: 30px 0;}
	.page-sale-system ul li{width: 100%; padding: 0!important; margin-bottom: 15px;}
	.page-sale-system-m{padding: 30px 25px; background-color: #fff;}
	.page-sale-system-m p{margin: 15px 0; }
}