@charset "utf-8";
/*
Theme Name: 阿里云企业邮箱
Theme URI: 
Version: 1.0 版本号
Author: 畔游科技
Description: 畔游科技主营业务：网站/小程序定制开发，网站SEO推广，问答营销，软文营销
Author URI: www.shpanyou.com
Tags: 
*/
/* common */
:root {--mColor: #3675f3;}
.index-common {padding: 70px 0 48px;}
.index-common h3 {font-size: 30px;color: #333333;margin-bottom: 10px;}
.index-common p {font-size: 16px;color: #666666;}

.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: #b9b6ad; opacity: .5;}
.zd-banner .swiper-pagination-bullet-active {background-color: #ffffff;opacity: 1;}
@media (max-width:768px) {
	.zd-banner .swiper-pagination {display: none;}
	.index-common h3 {font-size: 22px;margin-bottom: 0;}
}

/* intro */
.intro-list {padding-bottom: 70px;}
#intro-box {width: 25%;}
.intro-item {display: none;}
.intro-list ul {overflow: hidden;width: 73%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.intro-list ul li {height: 290px;background-color: #303d72;float: left;padding: 35px 10px 24px 14px;width: 70.7%;margin-right: 16px;cursor: pointer;position: relative;}
.intro-list ul li:last-of-type {margin-right: 0;}
.intro-list ul li h5 {font-size: 14px;color: #ffffff;margin: 0;margin-bottom: 18px;}
.intro-list ul li.intro-actice {background-color: #3675f3;}
.intro-list ul li p.intro-meata {font-size: 18px;color: #ffffff;height: 32px;}
.intro-list ul li p.intro-meata span {font-size: 28px;color: #ffffff;}
.intro-list ul li .intro-p {margin-top: 20px;}
.intro-list ul li .intro-p p {font-size: 14px;color: #ffffff;line-height: 26px;}
.intro-list ul li .intro-p p:last-of-type {margin-bottom: 0;}
.intro-list ul li .intro-p p span {margin-right: 20px;}
.intro-list ul li .wave-ico {position: absolute;display: none;left: 15px;bottom: 22px;}
.intro-list ul li.intro-actice .wave-ico {display: inline-block;}


.intro-item .item-meta span {font-size: 14px;color: #ffffff;display: inline-block;width: 85px;line-height: 26px;text-align: center;}
.intro-item .item-meta span:first-of-type {background-color: #333333;}
.intro-item .item-meta span:last-of-type {background-color: #ccad77;}
.intro-item .item-price {font-size: 18px;color: #333333;margin-top: 40px;height: 70px;}
.intro-item .item-price span {font-size: 60px;color: #333333;}
.intro-item .item-des {margin-top: 25px;}
.intro-item .item-des p {margin-bottom: 16px;}
.intro-item .item-des p span {font-size: 14px;color: #333333;margin-right: 34px;}
.intro-item .item-des p span:last-of-type {margin-right: 0;}
.intro-item .intro-btn {text-align: center;display: inline-block;background-color: #ff4c29;color: #ffffff;width: 184px;line-height: 40px;margin-top: 20px;}

@media(max-width:1245px){
	.intro-item .item-des p span {margin-right: 15px;}
	.intro-list ul li .intro-p p span {margin-right: 10px;}
}

@media(max-width:1160px){
	.intro-item .item-price {margin-top: 30px;}
	.intro-item .item-des p {margin-bottom: 0;}
	.intro-item .item-des p span {display: block;}
}
@media(max-width:1110px){
	#intro-box {width: auto;}
	.intro-list ul {width: 80%;}
}

@media(max-width:1020px){
	#intro-box {width: 100%;}
	.intro-item {margin-bottom: 15px;}
	.intro-item .item-meta {text-align: center;}
	.intro-item .item-des p span {display: inline-block;margin-right: 25px;}
	.intro-item .intro-btn {width: 100%;}
	.intro-list ul {width: 100%;}
}

@media(max-width:830px){
	.intro-list ul {-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.intro-list ul li {width: 49%;margin-right: 0;margin-bottom: 2%;}
	.intro-list ul li:nth-of-type(2n) {margin-right: 0;}
	.intro-item .item-meta {text-align: left;}
	.intro-item .item-price span {font-size: 45px;}
	.intro-item .item-des {margin-top: 0;}
}

@media(max-width:400px){
	.intro-list ul li {padding: 56px 14px 24px 14px;}
}


/* price */
.zd-price {background-color: #f5f5f5;}
.zd-price .index-common,.zd-manage .index-common {padding: 50px 0;}
.zd-work .index-common {padding: 50px 0 20px;}
.zd-price .index-common h3,.zd-work .index-common h3,.zd-manage .index-common h3 {margin-bottom: 0;}
/* .price-list {-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);overflow: hidden;} */
.price-list {overflow: hidden;width: 85%;margin: 0 auto;}
.price-list>ul:first-of-type {padding-top: 15px;}
.zd-price ul {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size: 18px;}
.zd-price ul li {float: left;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;width: 14.2%;text-align: center;font-size: 16px;color: #999999;padding: 26px 12px;border: 1px solid #eeeeee;margin: 0 -1px -1px 0;}
.zd-price ul li>img {display: inline-block;width: auto;}
.price-list img {display: none;width: 100%;}
.zd-price ul li img {float: left;margin-right: 10px;}
.zd-price ul li:first-of-type {font-size: 16px;color: #333333;text-align: left;}
.zd-price ul li:last-of-type {padding-bottom: 20px;}
.zd-price ul:first-of-type li {border-top: 1px solid #ffffff;padding: 13px 20px 26px;}
.zd-price ul:nth-of-type(odd) {background-color: #ffffff;}
.zd-price ul:nth-of-type(even) {background-color: #f6f8fd;}
.zd-price ul:last-of-type li {margin-bottom: 18px;border-bottom: 0;}
.zd-price ul li:first-of-type {border-left: 0;}
.zd-price ul li:last-of-type {border-right: 0;}
/* .zd-price .price-desc {padding: 30px 0;position: relative;} */
.zd-price .price-desc {padding: 30px 0;position: relative;margin: 0 auto;}
.zd-price .price-desc p {font-size: 18px;color: #666666;margin-bottom: 20px;line-height: 1;}
.zd-price .price-desc p:last-of-type {margin-bottom: 0;color: #333333;font-size: 22px;}
.zd-price .price-desc p span {color: #ff4c29;}
.zd-price .price-desc p:last-of-type input:first-of-type {width: 110px;height: 30px;line-height: 30px;border: 1px solid #e5e5e5;text-align: center;vertical-align: bottom;margin: 0 5px;font-size: 20px;position: relative;top: 3px;}
.zd-price .price-desc p span.prices {text-decoration: underline;}
.zd-price .price-desc>a { position: absolute; width: 140px; line-height: 45px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; text-align: center; background-color: #fff; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); color: #ff4c29; border: 1px solid #ff4c29; -webkit-box-shadow: 0 0 18px rgba(235,82,78,0.3); box-shadow: 0 0 18px rgba(235,82,78,0.3);}
.zd-price .price-desc>a:hover {background-color: #ff4c29;color: #ffffff;}


@media(max-width:1240px){
	.zd-price ul li {padding: 26px 1%;}
	.zd-price ul li:first-of-type {font-size: 15px;}
}

@media(max-width:980px){
	.zd-price ul li:first-of-type {text-align: center;}
	.zd-price ul li img {display: none;}
}

@media(max-width:768px){
	.index-common {padding: 40px 0 28px;}
	.zd-price .index-common,.zd-work .index-common,.zd-manage .index-common {padding: 40px 0 30px;}
	.price-list,.zd-price .price-desc {width: 100%;}
	.price-list img {display: block;}
	.zd-price ul {display: none;}
}


/* process */

.zd-pro {background: url(./images/pro-bg.png);}
.zd-pro .pro-box {padding: 50px 0;}
.zd-pro .pro-box .pro-l h3 {font-size: 24px;color: #ffffff;position: relative;} 
.zd-pro .pro-box .pro-l h3::after {content: '';position: absolute;bottom: -20px;left: 0;width: 36px;height: 2px;background-color: #fff;display: block;}
.zd-pro .pro-box .pro-l ul {margin-top: 65px;}
.zd-pro .pro-box .pro-l ul li {margin-bottom: 30px;margin-left: 50px;}
.zd-pro .pro-box .pro-l ul li:last-of-type {margin-bottom: 0;}
.zd-pro .pro-box .pro-l ul li em {display: inline-block;font-size: 26px;color: #ffffff;width: 60px;height: 61px;background: url(./images/halo-ico.png);text-align: center;line-height: 61px;}
.zd-pro .pro-box .pro-l ul li span {display: inline-block;margin-left: 25px;font-size: 18px;color: #ffffff;position: relative;}
.zd-pro .pro-box .pro-l ul li span::after { content: ''; position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); background: url(./images/arr-down.png);width: 16px;height: 16px;}
.zd-pro .pro-box .pro-l ul li:last-of-type span::after {display: none;}

.zd-pro .pro-box .pro-r {width: 54%;height: 380px;background: #fff;padding: 30px 90px 0;position: relative;top: 50px;margin-right: 60px;box-shadow:  -1px 7px 7px 0px rgb(220 216 216 / 29%);-webkit-box-shadow:  -1px 7px 7px 0px rgb(220 216 216 / 29%);-moz-box-shadow:  -1px 7px 7px 0px rgb(220 216 216 / 29%);}
.zd-pro .pro-box .pro-r form h3 {font-size: 20px;color: #333333;text-align: center;margin-bottom: 16px;}
.zd-pro .pro-box .pro-r .pro-form {margin-bottom: 0;}
.zd-pro .pro-box .pro-r .pro-form:last-of-type {margin-bottom: 0;}
.zd-pro .pro-box .pro-r .pro-input {width: 91%;margin-bottom: 14px;}
.zd-pro .pro-box .pro-r .pro-input>div {display: inline;}
.zd-pro .pro-box .pro-r .pro-input p {display: inline-block;}
.zd-pro .pro-box .pro-r .pro-input p span {font-size: 16px;color: #333333;}
.zd-pro .pro-box .pro-r .pro-input p i {font-size: 20px;margin-right: 10px;}
.zd-pro .pro-box .pro-r .pro-input input[type='text'] { border: 1px solid #e9e9e9; padding: 15px 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;width: 71%;margin-left: 2%;color: #999999;font-size: 12px;}
.zd-pro .pro-box .pro-r .pro-input input[type='submit'] { font-size: 16px; color: #ffffff; width: 110px; height: 47px; line-height: 47px; text-align: center; background-color: #eb524e; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;}
.zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(1) {width: 65%;}
.zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(1) input[type='text'] {width: 68%;}
.zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(2) {width: auto;}


.zd-pro .pro-box .pro-r .pro-input input[type='text']::-webkit-input-placeholder {color: #999999;font-size: 12px;}
.zd-pro .pro-box .pro-r .pro-input input[type='text']::-moz-placeholder {color: #999999;font-size: 12px;}
.zd-pro .pro-box .pro-r .pro-input input[type='text']:-ms-input-placeholder {color: #999999;font-size: 12px;} 

.zd-pro .pro-box .pro-r .pro-form.pro-last .pro-input {width: 70%;overflow: hidden;}
.zd-pro .pro-box .pro-r .pro-form.pro-last .pro-input input[type='text'] {width: 59%;}
.zd-pro .pro-box .pro-r .pro-form.pro-last .pro-input.last-btn {width: auto;}

@media(max-width:1240px){
	.zd-pro .pro-box .pro-r {padding: 30px 50px 0;}
}


@media(max-width:1090px){
	.zd-pro .pro-box .pro-r .pro-input input[type='text'] {width: 55%;margin-left: 0;}
	.zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(2) {float: right;}
	.zd-pro .pro-box .pro-r .pro-input p i {margin-right: 5px;}
}
@media(max-width:955px){
	.zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(1) input[type='text'] {width: 65%;}
}
@media(max-width:955px){
	.zd-pro .pro-box .pro-l {width: 100%;margin-bottom: 20px;}
	.zd-pro .pro-box .pro-r {width: 100%;}
	.zd-pro .pro-box .pro-l ul {position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 45px;}
	.zd-pro .pro-box .pro-l ul li {margin-left: 0;}
	.zd-pro .pro-box .pro-r {margin-right: 0;}
	.zd-pro .pro-box .pro-l ul li span::after {right: -60%;left: auto;top: 50%;-webkit-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}
	.zd-pro .pro-box .pro-r .pro-input {width: 100%;display: flex;align-items: center;}
	.zd-pro .pro-box .pro-r .pro-input>div {flex: 1;}
	.zd-pro .pro-box .pro-r .pro-input input[type='text'],.zd-pro .pro-box .pro-r .pro-form.pro-last .pro-input input[type='text'] {width: 100%;}
	.zd-pro .pro-box .pro-r .pro-form.pro-last {display: flex;justify-content: space-between;}
	.zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(2) {float: left;}
	.zd-pro .pro-box .pro-r .pro-form.pro-last .pro-input.last-btn {margin-left: auto;}
}

@media(max-width:830px){
	.zd-pro .pro-box .pro-l ul li span::after {right: -40%;} 
}

@media(max-width:768px){
	.zd-pro .pro-box .pro-r form h3 {margin-bottom: 20px;}
	.zd-pro .pro-box .pro-l ul li {text-align: center;position: relative;}
	.zd-pro .pro-box .pro-l ul li em {margin-bottom: 10px;}
	.zd-pro .pro-box .pro-l ul li span {display: block;width: 100%;margin-left: 0;position: static;}
	.zd-pro .pro-box .pro-r {height: auto;padding: 30px 30px 10px;}
	.zd-pro .pro-box .pro-r .pro-form {margin-bottom: 0;}
	.zd-pro .pro-box .pro-r .pro-input {width: 100%;margin-bottom: 20px;}
	.zd-pro .pro-box .pro-r .pro-form.pro-last {flex-wrap: wrap;}
	.zd-pro .pro-box .pro-r .pro-form.pro-last .pro-input {width: 100%;}
	.zd-pro .pro-box .pro-r .pro-input p {width: 20%;}
	/* .zd-pro .pro-box .pro-r .pro-input input[type='text'] {width: 75%;} */
	.zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(1) {width: 100%;}
	/* .zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(1) input[type='text'] {width: 75%;} */
	.zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(2) {margin-bottom: 0;width: 100%;text-align: center;}
	.zd-pro .pro-box .pro-r .pro-input input[type='submit'] {width: 100%;}
	.zd-price .price-desc>a {display: block;position: static;top: 0;right: 0;-webkit-transform: none;-ms-transform: none;transform: none;margin: 30px auto 0;}
	.zd-pro .pro-box .pro-l ul li span::after {right: -40%;display: none;}
	.zd-pro .pro-box .pro-r .pro-form.pro-last .pro-input.last-btn {margin-left: 0;margin: 0 auto;width: 50%;}
}

@media(max-width:655px){
	.zd-pro .pro-box .pro-r .pro-input p,.zd-pro .pro-box .pro-r .pro-input p {width: 28%;}
	.zd-pro .pro-box .pro-r .pro-input input[type='text'],.zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(1) input[type='text'] {width: 68%;}
}
@media(max-width:500px){
	.zd-pro .pro-box .pro-l ul li span {font-size: 16px;}
	.zd-pro .pro-box .pro-r {padding: 30px 15px 10px;}
	.zd-pro .pro-box .pro-r .pro-input {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	.zd-pro .pro-box .pro-r .pro-input>div {display: inline;width: 68%;}
	.zd-pro .pro-box .pro-r .pro-input p,.zd-pro .pro-box .pro-r .pro-input p {width: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
	.zd-pro .pro-box .pro-r .pro-input p span {font-size: 14px;}
	.zd-pro .pro-box .pro-r .pro-input p i {font-size: 18px;}
	.zd-pro .pro-box form .pro-form:nth-of-type(3) .pro-input:nth-of-type(1) p i {font-size: 16px;}
	.zd-pro .pro-box form .pro-form:nth-of-type(4) .pro-input:nth-of-type(1) p i {font-size: 16px;}
	.zd-pro .pro-box .pro-r .pro-input input[type='text'],.zd-pro .pro-box .pro-r .pro-form:last-of-type .pro-input:nth-of-type(1) input[type='text'] {width: 100%;}
	.zd-pro .pro-box .pro-l ul li span::after {right: -30%;top: 40%;}
	.zd-price .price-desc p,.zd-price .price-desc p:last-of-type {line-height: 1.5;font-size: 15px;margin-bottom: 8px;}
	.zd-price .price-desc p:last-of-type input:first-of-type {font-size: 14px;}
}
@media(max-width: 355px){
	.zd-pro .pro-box .pro-r .pro-input>div {display: inline;width: 63%;}
}

/* adv */
.zd-adv ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;float: left;}
.zd-adv ul li {overflow: hidden;width: 30%;margin-bottom: 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.zd-adv ul li:nth-last-of-type(-n+3) {margin-bottom: 0;}
.zd-adv ul li .adv-left {position: relative;}
.zd-adv ul li .adv-left img {margin-bottom: 10px;}
.zd-adv ul li .adv-right {width: 73%;margin-right: 3%;}
.zd-adv ul li .adv-right h3 {font-size: 22px;color: #333333;margin-bottom: 5px;}
.zd-adv ul li .adv-right p {font-size: 14px;color: #666666;line-height: 24px;text-align: left;}

@media(max-width:1040px){
	.zd-adv ul li .adv-right h3 {font-size: 19px;}
	.zd-adv ul li .adv-right {margin-right: 0;width: 65%;}
}

@media(max-width:820px){
	.zd-adv ul li {width: 48%;margin-bottom: 30px !important;}
	.zd-adv ul li .adv-right {width: 75%;}
}

@media(max-width:710px){
	.zd-adv ul li {width: 100%;margin-bottom: 20px;}
	.zd-adv ul li .adv-right {width: 82%;}
	.zd-adv ul li:nth-last-of-type(-n+3) {margin-bottom: 30px;}
}
@media(max-width:400px){
	.zd-adv ul li .adv-right {width: 78%;}
}

@media(max-width:320px){
	.zd-adv ul li .adv-right {width: 72%;}
}

/* work */
.zd-work {background-color: #ffffff;overflow: hidden;padding-bottom: 20px;}
.zd-work ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.zd-work ul li { float: left; width: 23%; background-color: #fff; padding: 40px 30px 0 12px; height: 150px; margin-right: 2.6%; margin-bottom: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.zd-work ul li:hover {-webkit-box-shadow: 0 0 15px rgb(144 146 148 / 49%);box-shadow: 0 0 15px rgb(144 146 148 / 49%); transform:translateY(-10px) ; -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; }
.zd-work ul li:nth-of-type(4n) {margin-right: 0;}
.zd-work ul li h3 {margin-bottom: 15px;}
.zd-work ul li h3 img {margin-right: 10px;vertical-align: bottom;}
.zd-work ul li h3 span {font-size: 18px;color: #333333;}
.zd-work ul li p {line-height: 20px;font-size: 14px;color: #666666;}

@media(max-width:995px){
	.zd-work ul li {width: 30%;margin-right: 5%;}
	.zd-work ul li:nth-of-type(4n) {margin-right: 5%;}
	.zd-work ul li:nth-of-type(3n) {margin-right: 0;}
}

@media(max-width:768px){
	.zd-work ul li {width: 50%;margin-right: 0;padding: 10px;margin-bottom: 0;height: auto;}
	.zd-work ul li:nth-of-type(4n) {margin-right: 0;}
	.zd-work ul li:nth-of-type(3n) {margin-right: 0;}
	.zd-work ul li:nth-of-type(2n) {margin-right: 0;}
	.zd-work ul li h3 {margin-bottom: 10px;}
	.zd-work ul li h3 span {font-size: 15px;}
	.zd-work ul li p {text-align: justify;}
}

/* manage */

.zd-manage {background-color: #f5f5f5;overflow: hidden;padding-bottom: 20px;}
.zd-manage ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.zd-manage ul li {float: left; width: 23%;padding: 40px 30px 0 12px; height: 150px; margin-right: 2.6%; margin-bottom: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.zd-manage ul li:hover {-webkit-box-shadow: 0 0 15px rgb(144 146 148 / 49%);box-shadow: 0 0 15px rgb(144 146 148 / 49%); transform:translateY(-10px) ; -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; background-color: #fff;}
.zd-manage ul li:nth-of-type(4n) {margin-right: 0;}
.zd-manage ul li h3 {margin-bottom: 15px;}
.zd-manage ul li h3 img {margin-right: 10px;vertical-align: bottom;}
.zd-manage ul li h3 span {font-size: 18px;color: #333333;}
.zd-manage ul li p {line-height: 20px;font-size: 14px;color: #666666;}

@media(max-width:995px){
	.zd-manage ul li {width: 30%;margin-right: 5%;}
	.zd-manage ul li:nth-of-type(4n) {margin-right: 5%;}
	.zd-manage ul li:nth-of-type(3n) {margin-right: 0;}
}

@media(max-width:768px){
	.zd-manage ul li {width: 50%;margin-right: 0;padding: 10px;margin-bottom: 0;height: auto; }
	.zd-manage ul li:nth-of-type(4n) {margin-right: 0;}
	.zd-manage ul li:nth-of-type(3n) {margin-right: 0;}
	.zd-manage ul li:nth-of-type(2n) {margin-right: 0;}
	.zd-manage ul li h3 {margin-bottom: 15px;}
	.zd-manage ul li h3 span {font-size: 15px;}
	.zd-manage ul li p {text-align: justify;}
}
.zd-news {padding-bottom: 100px;}
.zd-news .index-common {padding: 70px 0 28px;}
.news-btn {overflow: hidden;justify-content: center;display: flex;}
.news-btn li { width: 104px; line-height: 36px; text-align: center; float: left; border: 1px solid #e5e5e5; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; margin-right: 15px;cursor: pointer;text-align: center;}
.news-btn li:hover {background-color: #3675f3;color: #ffffff;border: 1px solid transparent;}
.news-list .news-list-item {display: none;}
.news-list .news-list-item ul {overflow: hidden;width: 100%;padding: 50px 0;}
.news-list .news-list-item ul li {float: left;width: 31%;}
.news-list .news-list-item ul li:nth-of-type(2n) {margin: 0 3.5%;}
.news-list .news-list-item ul li>.news-item:first-of-type {margin-top: 0;}
.news-list .news-list-item ul li .news-top {position: relative;width: 100%;}
.news-list .news-list-item ul li .news-top span {position: absolute;top: 0;left: 0;width: 48px;height: 25px;line-height: 25px;text-align: center;background-color: #ff4c29;color: #ffffff;font-size: 14px;z-index: 9;}
.news-list .news-list-item ul li .news-top a {position: relative;display: inline-block;text-align: center;overflow: hidden;}
.news-list .news-list-item ul li .news-top a img {width: 100%;height: 196px;}
.news-list .news-list-item ul li .news-top a p {font-size: 18px;color: #ffffff;width: 100%;position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 10px;line-height: 40px;text-align: center; background-color: rgba(0,0,0,.5); white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.news-list .news-list-item ul li .news-top:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.news-show {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.news-active {background-color: #3675f3;color: #ffffff;border: 1px solid transparent;}

.news-list .news-list-item ul li .news-item {overflow: hidden;margin-top: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.news-list .news-list-item ul li .news-item .fl {border-right: 1px solid #e5e5e5;padding-right: 3%;}
.news-list .news-list-item ul li .news-item .fl em {font-style: normal;display: block;font-size: 44px;color: #333333;}
.news-list .news-list-item ul li .news-item .fl span {font-size: 12px;color: #333333;}
.news-list .news-list-item ul li .news-item .fr {width: 80%;}
.news-list .news-list-item ul li .news-item .fr h3 {margin-bottom: 16px;width: 100%;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.news-list .news-list-item ul li .news-item .fr h3 a {font-size: 16px;color: #000000;}
.news-list .news-list-item ul li .news-item .fr p {font-size: 14px;color: #666666;line-height: 20px; -o-text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news-list .news-list-item ul li .news-item:hover h3 a {color: #ff4c29;}

@media(max-width:1050px){
	.news-list .news-list-item ul li .news-item .fl {border-right: none;}
	.news-list .news-list-item ul li .news-top a p {font-size: 16px;}
}

@media(max-width:768px){
	.news-btn {display: -webkit-box;display: -ms-flexbox;display: flex;}
	.zd-news .index-common {padding: 40px 0 28px;}
	.news-list .news-list-item ul {padding-bottom: 20px;padding-top: 30px;}
	.news-list .news-list-item ul li {width: 100%;}
	.news-list .news-list-item ul li:nth-of-type(2n) {margin: 0;}
	.news-list .news-list-item ul li>.news-item:first-of-type {margin-top: 40px;}
	.news-list .news-list-item ul li:first-of-type {width: 100%;}
	.news-list .news-list-item ul li:last-of-type {display: none;}
	.news-list .news-list-item ul li .news-top a {width: 100%;}
	.news-list .news-list-item ul li .news-top a img {height: auto;}
}

.zd-news .index-newsList>ul {display: flex;justify-content: space-between;}
.zd-news .index-newsList>ul>li {width: 32%;}
.zd-news .index-newsList>ul>li .index-newsBox {margin-bottom: 20px;}
.zd-news .index-newsList>ul>li .index-newsBox h3 {font-size: 20px;color: #333333;padding-left: 14px;position: relative;display: inline-block;}
.zd-news .index-newsList>ul>li .index-newsBox h3::after {content: '';position: absolute;left: 0;width: 5px;height: 20px;background-color: var(--mColor);top: 50%;transform: translateY(-50%);}
.zd-news .index-newsList>ul>li .index-newsBox a {float: right;font-size: 14px;color: var(--mColor);}
.zd-news .index-newsList>ul>li .index-newsBox a b {font-size: 20px;}
.zd-news .index-newsList>ul>li>img {width: 100%;} 
.zd-news .index-newsList>ul>li ul {background-color: #ffffff;padding: 0 14px 0 8px;border-bottom: 3px solid #dcdcdc;}
.zd-news .index-newsList>ul>li ul:hover {border-bottom: 3px solid var(--mColor);}
.zd-news .index-newsList>ul>li ul li {padding: 23px 0 18px;overflow: hidden;border-bottom: 1px solid #e5e5e5;display: flex;justify-content: space-between;align-items: center;}
.zd-news .index-newsList>ul>li ul li:last-of-type {border-bottom: none;padding-bottom: 30px;}
.zd-news .index-newsList>ul>li ul li h3 {float: left;width: 75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;}
.zd-news .index-newsList>ul>li ul li h3::before {content: '';position: absolute;display: none;width: 5px;height: 5px;background-color: var(--mColor);left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;}
.zd-news .index-newsList>ul>li ul li h3 a {font-size: 16px;color: #333333;}
.zd-news .index-newsList>ul>li ul li h3 a:hover {color: var(--mColor);}
.zd-news .index-newsList>ul>li ul li h3:hover {padding-left: 15px;}
.zd-news .index-newsList>ul>li ul li h3:hover::before {display: block;}
.zd-news .index-newsList>ul>li ul li span {font-size: 13px;color: #999999;float: right;}

@media (max-width: 1085px) {
	.zd-news .index-newsList>ul {flex-wrap: wrap;}
	.zd-news .index-newsList>ul li {width: 48%;margin-bottom: 45px;}
	.zd-news .index-newsList>ul>li ul li {width: 100%;margin-bottom: 0;}
}

@media (max-width: 768px) {
	.zd-news .index-newsList>ul li {width: 100%;margin-bottom: 25px;}
	.zd-news .index-newsList>ul>li ul li {padding: 14px 0 12px;}
	.zd-news .index-newsList>ul>li ul li:last-of-type {padding-bottom: 15px;}
	.zd-news .index-newsList>ul>li ul li h3 a {font-size: 14px;}
	
}



.zd-choose {background: url(./images/choose-bg.png);overflow: hidden;padding-bottom: 20px;}
.zd-choose ul {margin-bottom: 40px;}
.zd-choose ul li {float: left;background-color: #fff;width: 48.4%;padding: 32px 20px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);}
.zd-choose ul li:nth-of-type(odd) {float: left;}
.zd-choose ul li:nth-of-type(even) {float: right;}
.zd-choose ul li h3 {line-height: 55px;margin-bottom: 12px;}
.zd-choose ul li h3 img {margin-right: 22px;}
.zd-choose ul li h3 span {font-size: 20px;color: #333333;}
.zd-choose ul li p {font-size: 16px;color: #666666;}


@media(max-width:1245px){
	.zd-choose ul li p {min-height: 42px;}
}

@media(max-width:768px){
	.zd-choose ul {margin-bottom: 25px;}
	.zd-choose ul li {width: 100%;padding: 20px;}
	.zd-choose ul li:nth-of-type(odd) {margin-bottom: 25px;}
}


#wpcf7-f8-o2 {width: 100%;}