/*
Theme Name: 度巴
Theme URI: 
Version: 1.0 版本号
Author: 畔游科技
Description: 畔游科技主营业务：网站/小程序定制开发，网站SEO推广，问答营销，软文营销
Author URI: www.shpanyou.com
Tags: 
*/
@charset "utf-8";
/* common */
.index-common {padding: 70px 0 50px;text-align: center;}
.index-common h3 {font-size: 30px;color: #333333;margin-bottom: 10px;}
.index-common p {font-size: 14px;color: #999999;}

.show {display: block !important;}
/* banner */
.zd-banner img {width: 100%;}
.zd-banner .swiper-pagination {bottom: 12px;}
.zd-banner .swiper-pagination-bullet { width: 40px; height: 4px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin: 0 10px !important; background-color: #6b6d72; opacity: .5;}
.zd-banner .swiper-pagination-bullet-active {background-color: #caaa68;opacity: 1;}


@media (max-width:768px) {
	.zd-banner .swiper-pagination {display: none;}
	.index-common {padding: 50px 0 30px;}
	.index-common h3 {font-size: 22px;margin-bottom: 0;}
}




/* service */
.zd-service {background-color: #f7f7f7;padding-bottom: 55px;}
.zd-service .service-item {margin-bottom: 20px;}
.zd-service .service-l {width: 26%;position: relative;}
.zd-service .service-l img {width: 100%;height: 100%;}

.zd-service .service-l .service-box {position: absolute;bottom: 0;padding: 28px 0 30px 20px;}
.zd-service .service-box {height: 210px;background-color: #caaa68;opacity: 0.9;width: 100%;}
.zd-service .ser-cw .service-box {height: 100%;}

.zd-service .service-box h3 {font-size: 24px;color: #ffffff;position: relative;margin-bottom: 20px;}
.zd-service .service-box h3::after {content: '';position: absolute;display: block;bottom: -20px;width: 32px;height: 3px;background-color: #ffffff;}
.zd-service .service-box p {font-size: 14px;color: #ffffff;margin-top: 30px;}
.zd-service .service-box a {width: 115px;height: 38px;line-height: 38px;text-align: center;background-color: #ffffff;font-size: 16px;color: #caaa68;display: block;margin-top: 36px;}
.zd-service .service-r {width: 74%;}
.zd-service .service-r ul {overflow: hidden;background-color: #ffffff;}
.zd-service .service-r ul li {float: left;text-align: center;width: 25%;padding: 25.4px 0;border: 1px dashed #eeeeee;margin-left: -1px;margin-bottom: -1px;min-height: 160px;position: relative;}
.zd-service .service-r ul li:nth-of-type(-n+4) {border-top: none;margin-top: 16px;padding-top: 22px;}
.service-r ul li:nth-of-type(1),.service-r ul li:nth-of-type(5),.service-r ul li:nth-of-type(9) {width: 23%;margin-left: 15px;border-left: none; }
.zd-service .service-r ul li:nth-last-of-type(-n+3) {border-bottom: none;margin-bottom: 10px;padding-bottom: 7px;}
.zd-service .service-r ul li:nth-of-type(4n) {border-right: none;margin-right: 15px;width: 23%;}
.zd-service .ser-cw .service-r ul {padding: 10px 0;}
.zd-service .ser-cw .service-r ul li {padding: 33.6px 0;border-bottom: none;padding-bottom: 28px;margin-bottom: 16px;position: relative;}
.zd-service .service-r ul li:hover p {color: #caaa68;}
.zd-service .service-r ul li a {display: block;width: 100%;}
.zd-service .service-r ul li a img {margin-top: 10px;}
.zd-service .service-r ul li a p {font-size: 16px;color: #666666;position: absolute;bottom: 20%;width: 100%;text-align: center;}
.zd-service .ser-cw .service-r ul li a p {bottom: 15%;}

@media (max-width:1245px) {
	.zd-service .ser-sw {height: 500px;}
	.zd-service .ser-cw {height: 210px;}
	.zd-service .ser-sw .service-l,.zd-service .ser-cw .service-l {height: 100%;}
	.zd-service .service-r ul li:nth-last-of-type(-n+3) {margin-bottom: 6px;}
	.zd-service .ser-cw .service-r ul li {margin-bottom: 12px;}
	.zd-service .service-l .service-box {padding: 28px 20px 30px 20px;}
	.zd-service .service-box a {margin-top: 20px;}
	.zd-service .service-r ul li a p {min-height: 42px;}
}

@media (max-width:965px) {
	.zd-service .service-r ul li {width: 24%;}
	.zd-service .service-r ul li:nth-of-type(4n) {width: 25%;margin-right: 0;}
}

@media (max-width:768px) {
	.zd-service {padding-bottom: 0;}
	.zd-service .service-item {margin-bottom: 0;}
	.zd-service .service-l img {display: none;}
	.zd-service .ser-sw {height: auto;}
	.zd-service .service-l,.zd-service .service-l .service-box {position: relative;width: 100%;}
	.zd-service .service-l .service-box {padding: 35px 20px 20px 30px;}
	.zd-service .service-r {width: 100%;}
	.zd-service .ser-cw .service-r ul {padding: 0;margin-top: 10px;}
	.zd-service .service-r ul li {width: 25%;}
	.zd-service .ser-cw .service-r ul li {margin: 5px 0;}
	.service-r ul li:nth-of-type(1), .service-r ul li:nth-of-type(5), .service-r ul li:nth-of-type(9) {margin-left: 0;}
	.zd-service .service-r ul li a p {padding: 0 5px;}
	.zd-service .service-r ul li a p {bottom: 10%;font-size: 14px;}
	.zd-service .ser-cw .service-r ul li a p {bottom: 0;}
	.zd-service .ser-cw {height: auto;}
}

@media (max-width:500px) {
	.zd-service .service-r ul li,.zd-service .service-r ul li:nth-of-type(4n) {width: 33.3%;}
	.zd-service .service-r ul li:nth-of-type(-n+4) {margin-top: 0;}
	.zd-service .service-r ul li:nth-of-type(3n) {border-right: none;}
	.zd-service .service-r ul li:nth-last-of-type(-n+3) {margin-bottom: 0;}
	.service-r ul li:nth-of-type(1), .service-r ul li:nth-of-type(5), .service-r ul li:nth-of-type(9) {border: 1px dashed #eeeeee;}
	.zd-service .service-r ul li:nth-last-of-type(-n+3),.zd-service .ser-cw .service-r ul li {border: 1px dashed #eeeeee;}
	.zd-service .ser-cw .service-r ul li {margin: 0;margin-right: -1px;margin-top: -1px;}
	.zd-service .ser-cw .service-r ul li:last-of-type {margin-bottom: -1px;}
	.zd-service .ser-sw .service-r ul li:nth-last-child(-n+2) {margin-top: -1px;margin-bottom: -1px;}
	.zd-service .ser-cw .service-r ul {padding: 0;margin: 0;}
}

/* about */
.zd-about {background: url(./images/about-bg.png) no-repeat;padding-bottom: 45px;}
.zd-about .index-common h3,.zd-about .index-common p {color: #ffffff;}

.zd-about .index-aboutbox .fr {width: 53%;margin-top: 40px;}
.zd-about .index-aboutbox .fr h3 {position: relative;font-size: 24px;color: #ffffff;background: url(./images/font-bg.png) no-repeat;height: 47px;line-height: 47px;}
.zd-about .index-aboutbox .fr h3::after {content: '';position: absolute;display: block;background-color: #caaa68;width: 34px;height: 2px;bottom: -15px;}
.zd-about .index-aboutbox .fr p {font-size: 14px;color: #ffffff;line-height: 37px;margin: 48px 0;text-align: justify;}
.zd-about .index-aboutbox .fr a {width: 140px;height: 40px;line-height: 40px;border: 1px solid #ffffff;text-align: center;font-size: 16px;color: #ffffff;display: inline-block;}
.zd-about .index-aboutbox .fr a:hover {background-color: #ffffff;color: #caaa68;}

@media (max-width:1110px) {
	.zd-about .index-aboutbox .fl {width: 40%;}
	.zd-about .index-aboutbox .fl img {width: 100%;}
	.zd-about .index-aboutbox .fr {margin-top: 0;}
	.zd-about .index-aboutbox .fr p {margin: 28px 0;}
}

@media (max-width:768px) {
	.zd-about .index-aboutbox .fl {display: none;}
	.zd-about .index-aboutbox .fr {width: 100%;}
	.zd-about .index-common h3 {font-size: 22px;margin-bottom: 0;}
}

/* team */
.zd-team {padding-bottom: 65px;}
.zd-team .team-box {height: 350px;overflow: hidden;}
.zd-team .container-width>a {display: block;width: 150px;height: 45px;line-height: 45px;text-align: center;font-size: 18px;color: #ffffff;margin: 70px auto 0;background-color: #caa38c;}
.zd-team .team-box>.fl {width: 25%;margin-right: 1%;height: 100%;}
.zd-team .team-box>.fr {width: 67%;height: 100%}
.zd-team .team-box .team-swiper {position: relative;margin: 0 35px;height: 100%}
.zd-team .team-box .swiper-container {height: 100%;}
.zd-team .team-box>.fr .swiper-slide img {width: 100%;cursor: pointer;height: 100%;}
.zd-team .team-box ul {overflow: hidden;height: 100%;}
.zd-team .team-box ul li {float: left;background-color: #caaa68;text-align: center;padding: 40px 16px 0 16px;height: 100%;display: none;position: relative;}
.zd-team .team-box ul li h3 {margin-bottom: 8px;}
.zd-team .team-box ul li h3>a {font-size: 24px;color: #ffffff;}
.zd-team .team-box ul li h3>a::before {content: '– ';}
.zd-team .team-box ul li h3>a::after {content: ' –';}
.zd-team .team-box ul li p {font-size: 16px;color: #ffffff;margin-bottom: 40px;}
.zd-team .team-box ul li>span {font-size: 14px;color: #ffffff;display: inline-block;text-align: left;line-height: 24px;}
.zd-team .team-box ul li>a {display: inline-block;width: 126px;height: 38px;line-height: 38px;text-align: center;background-color: #ffffff;border-radius: 20px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 40px;}
.zd-team .team-box ul li>a span {margin-right: 8px;color: #caaa68;}
.zd-team .team-box ul li:hover a img {transform: translateX(5px);}
.zd-team .team-box ul li.team-show {display: inline-block;}
.zd-team .swiper-button-next, .swiper-button-prev {width: 20px;height: 34px;background-size: auto;outline: none !important;}
.zd-team .swiper-button-next.swiper-button-disabled,.zd-team .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.zd-team .swiper-button-next,.zd-team .swiper-container-rtl .swiper-button-prev {background-image: url(./images/arr-r.png);right: -35px;left: auto;}
.zd-team .swiper-button-prev,.zd-team .swiper-container-rtl .swiper-button-next {background-image: url(./images/arr-l.png);left: -35px;right: auto;}

@media (max-width:1060px) {
	.zd-team .team-box>.fl {width: 30%;margin-right: 0;}
	.zd-team .team-box>.fr {width: 65%;}
	.zd-team .team-box .team-swiper {margin: 0;}
	.zd-team .team-box>.fr .swiper-slide {text-align: center;}
	.zd-team .team-box>.fr .swiper-slide img {width: auto;}
	.zd-team .swiper-button-next,.zd-team .swiper-container-rtl .swiper-button-prev {right: 0;left: auto;}
	.zd-team .swiper-button-prev,.zd-team .swiper-container-rtl .swiper-button-next {left: 0;right: auto;}
}

@media (max-width:950px) {
	.zd-team {padding-bottom: 25px;}
	.zd-team .container-width>a {margin: 20px auto 0;}
	.zd-team .team-box {height: auto;}
	.zd-team .team-box>.fl {width: 100%;}
	.zd-team .team-box>.fr {width: 100%;margin: 15px 0;}
	.zd-team .team-box ul li {padding: 40px 45px;min-height: 290px;}
	.zd-team .team-box ul li p {margin-bottom: 20px;}
}

@media (max-width:500px) {
	.zd-team .team-box ul li {padding: 6% 6%;}
}


/* adv */
.zd-adv {background:url(./images/adv-bg.png);padding-bottom: 1px;background-repeat: round;padding-bottom: 50px;background-attachment: fixed;}
.zd-adv .index-common h3,.zd-adv  .index-common p {color: #ffffff;}
.zd-adv ul {display: flex;justify-content: space-between;}
.zd-adv ul li {float: left;background-color: #ffffff;width: 24%;text-align: center;padding: 50px 24px;}
.zd-adv ul li:hover {transform: translateY(-10px);}
.zd-adv ul li img {margin-bottom: 30px;}
.zd-adv ul li h3 {font-size: 18px;color: #333333;margin-top: 40px;margin-bottom: 20px;position: relative;}
.zd-adv ul li h3::before {content: '';position: absolute;left: 50%;top: -40px;transform: translateX(-50%);display: block;width: 40px;height: 3px;background-color: #caaa68;}
.zd-adv ul li p {font-size: 14px;color: #999999;line-height: 25px;text-align: left;text-align: justify;}
.zd-adv a {display: block;width: 220px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #ffffff;margin: 70px auto 0;border: 1px solid #ffffff;}
.zd-adv a:hover {background-color: #ffffff;color: #caaa68;}

@media (max-width:768px) {
	.zd-adv a {margin-top: 40px;}
	.zd-adv ul {flex-wrap: wrap;margin-top: 20px;}
	.zd-adv ul li {width: 49%;margin-bottom: 15px;padding: 30px 15px;}
	.zd-adv ul li img {margin-bottom: 20px;}
	.zd-adv ul li h3 {margin: 20px 0;}
	.zd-adv ul li h3::before {top: -22px;}	
}

/* news */
.zd-news .index-common {padding: 70px 0 30px;}
.zd-news .container-width>a {display: block;width: 150px;height: 45px;line-height: 45px;text-align: center;font-size: 18px;color: #ffffff;margin: 50px auto 0;background-color: #caa38c;}
.x-news-title{padding-bottom: 50px; text-align: center;}
.x-news-title ul{display: inline-block;}
.x-news-title ul li{float: left; padding: 0 5px; cursor: pointer;}
.x-news-title ul li span{display: inline-block; padding: 0 48px;line-height: 45px; background-color: #f7f7f7;font-size: 16px;color: #333333;}
.x-news-title ul li:hover span{ box-shadow: 0 -45px 0 #caaa68 inset; color: #fff;}
.x-news-title ul li.news-on span{ box-shadow: 0 -45px 0 #caaa68 inset; color: #fff;}
.x-news-box .x-news-left {width: 49%;}
.x-news-box .x-news-right {width: 49%;}
.x-news-item {display: none;}
.x-news-info {overflow: hidden;}
.x-news-box .x-news-left li:first-of-type {background-color: #f7f7f7;overflow: hidden;border: none;margin: 0;padding: 0;}
.x-news-box .x-news-left li:first-of-type .x-news-pic {float: left;width: 48%;overflow: hidden;}
.x-news-box .x-news-left li:first-of-type .x-news-pic img {width: 100%;height: 190px;}
.x-news-box .x-news-left li:first-of-type .x-news-con {float: right;width: 49%;padding: 22px 25px 0 10px;}
.x-news-box .x-news-left li:first-of-type h3 {margin-bottom: 18px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.x-news-box .x-news-left li:first-of-type h3>a {font-size: 20px;color: #333333;font-weight: bold;display: contents;}
.x-news-box .x-news-left li:first-of-type h3>a:hover {color: #caaa68;}
.x-news-box .x-news-left li:first-of-type p {font-size: 14px;color: #999999;line-height: 28px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.x-news-box .x-news-left li:first-of-type a {font-size: 14px;color: #caaa68;float: right;}
.x-news-box .x-news-left li,.x-news-box .x-news-right li {padding: 14px 22px 10px;border: 1px solid #e5e5e5;overflow: hidden;margin: 24px 0;}
.x-news-box .x-news-right li:first-of-type {margin-top: 0;}
.x-news-box .x-news-left li h3,.x-news-box .x-news-right li h3 {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 6px;}
.x-news-box .x-news-left li h3 a,.x-news-box .x-news-right li h3 a {font-size: 16px;color: #333333;}
.x-news-box .x-news-left li span,.x-news-box .x-news-right li span {font-size: 12px;color: #999999;display: block;}
.x-news-box .x-news-left li>a,.x-news-box .x-news-right li>a {font-size: 14px;color: #caaa68;float: right;}
.x-news-box .x-news-left li:hover,.x-news-box .x-news-right li:hover { background-color: #caaa68;}
.x-news-box .x-news-left li:hover h3 a,.x-news-box .x-news-right li:hover h3 a {color: #ffffff;}
.x-news-box .x-news-left li:hover a,.x-news-box .x-news-right li:hover a {color: #ffffff;}
.x-news-box .x-news-left li:hover span,.x-news-box .x-news-right li:hover span {color: #ffffff;}
.x-news-box .x-news-left li:first-of-type:hover {background-color: #f7f7f7;}
.x-news-box .x-news-left li:first-of-type:hover .x-news-pic img {transform: scale(1.1);}
.x-news-box .x-news-left li:first-of-type:hover a {color: #caa38c;}


@media (max-width:1185px) {
	.x-news-box .x-news-left li:first-of-type {max-height: 190px;}
	.x-news-box .x-news-left li:first-of-type .x-news-pic {width: 45%;}
	.x-news-box .x-news-left li:first-of-type .x-news-con {padding: 22px 15px 0;width: 55%;}
	.x-news-box .x-news-left li:first-of-type p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
}

@media (max-width:768px) {
	.x-news-title ul {display: flex;justify-content:space-between;flex-wrap: wrap;}
	.x-news-title ul li {flex: 1;}
	.x-news-title ul li span {padding: 0 20%;}
	.x-news-box .x-news-left,.x-news-box .x-news-right {width: 100%;}
	.x-news-box .x-news-left li:first-of-type {max-height: none;}
	.x-news-box .x-news-left li:first-of-type .x-news-pic,.x-news-box .x-news-left li:first-of-type .x-news-con {width: 100%;}
	.x-news-box .x-news-left li:first-of-type .x-news-pic img {height: auto;}
	.x-news-box .x-news-left li:first-of-type .x-news-con {padding: 22px 15px;}
}

@media (max-width:525px) {
	.x-news-title {padding-bottom: 0;}
	.x-news-title ul li {flex: 0 1 33%;margin-bottom: 20px;}
	.zd-news .container-width>a {margin-top: 0;}
	.x-news-title ul li span {padding: 0 15%;}
}
@media (max-width:340px) {
	.zd-adv ul li {width: 100%;}
	.x-news-title ul li span {font-size: 15px;}
}

/* form  */
.zd-form .index-common h3 {margin-bottom: 5px;}
.zd-form ul {overflow: hidden;margin-bottom: 70px;}
.zd-form ul li {float: left;width: 33.333%;margin-bottom: 30px;}
.zd-form ul li p {width: 100%;margin-bottom: 10px;min-height: 25px;}
.zd-form ul li p img {margin-right: 10px;}
.zd-form ul li p span {font-size: 16px;color: #666666;vertical-align: middle;}
.zd-form ul li input[type='text'] {width: 90%;padding: 15px 12px;border-radius: 5px;border: 1px solid #e5e5e5;}
.zd-form ul li input[type='submit'] {width: 30%;border-radius: 5px;padding: 13px 0;background-color: #caaa68;color: #ffffff;font-size: 16px;cursor: pointer;}

@media (max-width:768px) {
	.zd-form ul {display: flex;flex-wrap: wrap;margin-bottom: 20px;}
	.zd-form ul li {width: 50%;margin-bottom: 20px;}
	.zd-form ul li input[type='submit'] {width: 50%;}
	.zd-form ul li p {margin-bottom: 5px;}
}
@media (max-width:340px) {
	.zd-form ul {margin-bottom: 0;}
	.zd-form ul li,.zd-form ul li input[type='text'] {width: 100%;}
	.zd-form ul li:last-of-type p:first-of-type {display: none;}
}
/* t  */
.zd-f {background-color: #f7f7f7;}
.zd-f ul {overflow: hidden;padding: 30px 0;}
.zd-f ul li {float: left;width: 25%;overflow: hidden;border-right: 1px solid #d2d2d2;display: flex;justify-content: center;align-items: center;min-height: 64px;}
.zd-f ul li:last-of-type {border-right: none;}
.zd-f ul li img {margin-right: 20px;float: left;}
.zd-f ul li .zd-fcon {float: left;}
.zd-f ul li .zd-fcon h5 {font-size: 18px;margin: 0;margin-bottom: 10px;font-weight: normal;}
.zd-f ul li .zd-fcon p {font-size: 14px;color: #999999;}

@media (max-width:1070px) {
	.zd-f ul li img {margin-right: 10px;}
}

@media (max-width:960px) {
	.zd-f ul li {width: 50%;margin-bottom: 20px;}
	.zd-f ul li:nth-of-type(n+3) {margin-bottom: 0;} 
	.zd-f ul li:nth-of-type(2) {border-right: none;}
	.zd-f ul li img {margin-right: 20px;}
}
@media (max-width:550px) {
	.zd-f {display: none;}
}