@charset "utf-8";
*{transition: all .3s;}

.container-padding{padding-top: 50px; padding-bottom: 50px;}
.background-image{background-position: center;background-repeat: no-repeat; background-size: cover;}


/* color */
:root{--mColor:#2fc07d;}
/* banner */
.page-banner{position: relative; overflow: hidden;}
.page-banner img{width: 100%;}
/* path */

.page-path{overflow: hidden;font-size: 14px;color: #999999;padding: 30px 0;}
.page-path a{font-size: 14px;}
.page-path i{margin-right: 5px;font-size: 18px;color: #999999;}
.page-path a:last-of-type {font-size: 14px;color: var(--mColor);}
.page-common {margin: 20px 0;}
.page-common h3 {font-size: 28px;color: #333333;text-align: center;}

/* about */
.about-top {margin: 60px 0;}
.about-left {width: 30%;}
.about-left img {width: 100%;}
.about-right {width: 65%;}
.about-right .about-bg {position: relative;background: url(../images/about/words-icon.png) no-repeat;padding: 30px 0 30px 15px;}
.about-right .about-bg h1 {font-size: 30px;color: #333333;}
.about-right .about-bg p.about-desc {font-size: 20px;color: #31c27c;}
.about-right p {font-size: 16px;color: #686868;line-height: 2;}
@media (max-width: 768px) {
	.about-top {margin: 30px 0;}
	.about-left {display: none;}
	.about-right {width: 100%;}
}


.about-zz .swiper-container {margin: 80px 0 50px;}
.about-zz .swiper-slide {text-align: center;}
.about-zz .swiper-slide img {height: 420px;}
.about-zz .swiper-button-next.swiper-button-disabled,.about-zz .swiper-button-prev.swiper-button-disabled {opacity: 1;background-color: transparent;}
.about-zz .swiper-button-next,.about-zz .swiper-button-prev {width: 22px;height: 38px;background-size: auto;}
.about-zz .swiper-button-next {background-image: url(../images/about/about-arr-right.png);}
.about-zz .swiper-button-prev {background-image: url(../images/about/about-arr-left.png);}
.zz-img {margin: 30px 0;}
.zz-img img {width: 100%;}


.about-desc>.container-width .desc-box {width: 50%;text-align: center;padding-bottom: 30px;margin: 90px 0;}
.about-desc>.container-width .desc-box h5 {font-size: 22px;color: #333333;margin-bottom: 35px;font-weight: normal;}
.about-desc>.container-width .desc-box p {font-size: 16px;color: #333333;line-height: 2;text-align: left;}
.about-desc>.container-width .desc-box:first-of-type {padding-right: 3%;border-right: 1px solid #d2d2d2;}
.about-desc>.container-width .desc-box:last-of-type {padding-left: 3%;}
.about-desc a.desc-btn {font-size: 16px;text-align: center;width: 140px;line-height: 35px;display: inline-block;border-radius: 18px;
	/* background: linear-gradient(to right,#fe9348,#f75f5c); */
	background: linear-gradient(to right top,#64afe8,#47c692);
	color: #fff;margin-top: 20px;}

@media (max-width: 768px) {
	.about-desc>.container-width .desc-box:first-of-type,.about-desc>.container-width .desc-box:last-of-type {width: 100%;padding-left: 0;padding-right: 0;border-right: none;margin: 0;}
}

.about-footer {text-align: center;}
.about-footer h5 {display: inline-block;font-size: 30px;color: #333333;position: relative;font-weight: normal;}
.about-footer h5:after {content: '';position: absolute;display: block;width: 30px;height: 2px;background-color: #333333;left: 50%;transform: translateX(-50%);bottom: -10px;}
.about-lx {display: flex;justify-content: space-between;margin: 50px 0;flex-wrap: wrap;}
.about-lx i {font-size: 20px;color: #333333;margin-right: 10px;}
.about-lx p {font-size: 18px;color: #333333;margin-bottom: 15px;}

@media (max-width: 768px) {
	.about-footer h5  {margin-top: 30px;font-size: 24px;}
	.about-lx p {width: 100%;text-align: left;font-size: 16px;}
	.about-zz .swiper-container {margin: 50px 0 50px;}
}

/* 免费投放 */
.mftx-top {position: relative;overflow: inherit;}
.mftx-top .free-form {position: absolute;right: 24%;top: 0;width: 333px;background-color: #fff;height: 380px;margin-top: 14px;z-index: 999;}
.mftx-top h4 {background: linear-gradient(to right,#fe9348,#f75f5c);color: #fff;padding: 15px 18px;font-weight: bold;font-size: 18px;}
.free-box {padding: 20px 15px;}
.form-desc {font-size: 14px;color: #999999;margin-bottom: 20px;}
.free-box label {display: block;font-size: 16px;color: #333333;overflow: hidden;line-height: 40px;margin-bottom: 10px;}
.free-box label:last-of-type {margin-bottom: 0;}
.free-box label span{float: left;width: 30%;}
.free-box label input {background-color: #f2f2f2;float: right;width: 70%;height: 40px;padding: 15px 12px;border-radius: 5px;font-size: 12px;color: #999999;}
.free-box label input::-webkit-input-placeholder {font-size: 12px;color: #999999;}
.free-box label input:-moz-placeholder {font-size: 12px;color: #999999;}
.free-box label input::-moz-placeholder {font-size: 12px;color: #999999;}
.free-box label input:-ms-input-placeholder {font-size: 12px;color: #999999;}
.free-box .free-btn {display: block;width: 100%;color: #fff;background: linear-gradient(to right,#fe9348,#f75f5c);font-size: 16px;text-align: center;line-height: 40px;margin-top: 16px;border-radius: 5px;}

.free-tf {padding: 70px 0 100px;}
.common h5 {display: inline-block;font-size: 30px;color: #333333;position: relative;font-weight: normal;}
.common h5:after {content: '';position: absolute;display: block;width: 30px;height: 2px;background-color: #333333;left: 50%;transform: translateX(-50%);bottom: -10px;}
.free-tf ul {display: flex;justify-content: space-between;margin: 45px 0;flex-wrap: wrap;}
.free-tf ul li {width: 30%;border-radius: 5px;border: 1px solid #ececec;overflow: hidden;margin-bottom: 40px;cursor: pointer;}
.free-tf ul li .tf-thum {overflow: hidden;}
.free-tf ul li .tf-thum img {width: 100%;height: auto;}
.tf-con {padding: 0 18px 35px;text-align: center;}
.free-tf ul li h3 {font-weight: bold;color: #333333;font-size: 22px;text-align: center;display: inline-block;padding-left: 12px;border-left: 3px solid #31c27c;margin: 25px 0 20px;}
.free-tf ul li p {font-size: 16px;color: #999999;line-height: 30px;text-align: justify;margin-bottom: 65px;height: 130px;}
.free-tf ul li a {display: inline-block;width: 100%;line-height: 45px;height: 45px;background-color: #f2f2f2;color: #999999;text-align: center;font-size: 16px;border-radius: 5px;}
.free-tf ul li:hover .tf-thum img {transform: scale(1.1);}
.free-tf ul li:hover a {background-color: #47c692;color: #ffffff;}
.free-tf ul li a:hover {background-color: #47c692;color: #ffffff;}
.tf-list-footer {text-align: center;}
.tf-list-footer p {font-size: 16px;color: #999999;margin-bottom: 20px;}
.tf-list-footer a {display: block;width: 250px;margin: 0 auto;color: #fff;
	/* background: linear-gradient(to right,#fe9348,#f75f5c); */
	font-size: 16px;
	background: linear-gradient(to right top,#64afe8,#47c692);
	text-align: center;line-height: 50px;border-radius: 5px;}


@media (max-width: 1600px) {
	.mftx-top .free-form {right: 16%;}
}
@media (max-width: 1260px) {
	.mftx-top .free-form {right: 6%;}
}
@media (max-width: 1080px) {
	.free-tf ul li {width: 32%;}
	.free-tf ul li p {height: 165px;}
}
@media (max-width: 990px) {
	.mftx-top .free-form {right: 2%;}
}

@media (max-width: 940px) {
	.free-tf ul li {width: 50%;}
}
@media (max-width: 768px) {
	.mftx-top .free-form {right: 0;width: 100%;max-width: 1230px;margin: 0 auto;padding-left: 15px;padding-right: 15px;position: relative;margin: 20px 0;z-index: 0}
	.free-box label span {width: 15%;}
	.free-box label input {width: 85%;}
	.free-tf ul li {width: 100%;}
	.free-tf ul li p {height: auto;margin-bottom: 25px;}
}
@media (max-width: 615px) {
	.free-box label span {width: 30%;font-size: 14px;}
	.free-box label input {width: 70%;}
}
.free-lz {background-color: #f0f7fd;padding-top: 40px;}
.lz-list {padding: 40px 160px 80px;overflow: hidden;}
.lz-list>img {width: 50%;float: left;height: 223px;}

.lz-list ul {justify-content: space-between;flex-wrap: wrap;display: flex;}
.lz-list ul li {width: 16.6%;background: url(../images/free/lz-item-bg.png);text-align: center;height: 220px;background-size: 100% 210px;background-repeat: space;position: relative;margin-bottom: 20px;}
.lz-list ul li .lz-box {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;}
.lz-list ul li i {color: #31c27c;padding: 10px;border: 1px solid #31c27c;border-radius: 50%;font-size: 35px;margin-bottom: 24px;display: inline-block;margin-bottom: 25px;}
.lz-list ul li p.tt {font-size: 24px;color: #333333;margin-bottom: 10px;}
/* .lz-list ul li p.de {font-size: 14px;color: #999999;} */
.lz-list ul li p.de {font-size: 14px;color: #999999;display: inline-block;padding: 0;padding-right: 15px;}
.lz-box>img {margin-bottom: 25px;}
@media (max-width: 1500px) {
	.lz-list {padding: 40px 40px 80px;}
}


@media (max-width: 1366px) {
	.lz-list {padding: 40px 10px 80px;} 
	.lz-list>img {display: none;}
	.lz-list ul {display: flex;}
	.lz-list ul li {width: 30%;}
}

@media (max-width: 768px) {
	.lz-list {padding: 40px 10px 40px;}
	.lz-list ul li {width: 50%;}
	.lz-list ul li .lz-box {width: 100%;}
	.lz-list ul li p.tt {font-size: 20px;}
}
@media (max-width: 500px) {
	.lz-list ul li .lz-box {width: 80%;}
}

.free-xz {padding: 50px 0;}
.wt-left {width: 23%;height: 280px;position: relative;}
.wt-left .ring-box {position: absolute;right: -45px;top: 0;height: 100%;width: 83px;display: inline-block;}
.wt-left .ring-box img {max-width: 100%;display: block;position: absolute;}
.wt-left .ring-box img:nth-of-type(1) {top: 10%;}
.wt-left .ring-box img:nth-of-type(2) {top: 25%;}
.wt-left .ring-box img:nth-of-type(3) {top: 45%;}
.wt-left .ring-box img:nth-of-type(4) {top: 65%;}
.wt-left .ring-box img:nth-of-type(5) {top: 85%;}
.wt-right {width: 76%;height: 280px;background-color: #f0f7fd;padding: 45px 0 0 75px;}
.wt-right .wt-right-bg {position: relative;background: url(../images/free/w-bg.png) no-repeat;height: 25px;}
.wt-right .wt-right-bg h5 {font-size: 22px;color: #333333;display: inline-block;vertical-align: bottom;position: absolute;top: -15px;font-weight: normal;}

.wt-right ul li {height: 40px;line-height: 40px;font-size: 16px;color: #333333;padding-left: 15px;margin: 10px 0;}
.wt-right ul li:nth-of-type(odd) {background: linear-gradient(to right,#31c27c,#94dddb,#f0f7fd);}

@media (max-width: 1010px) {
	.wt-left {background-position: -25px 0;}
	.wt-right {padding: 45px 0 0 45px;}
}

@media (max-width: 960px) {
	.wt-left {display: none;}
	.wt-right {width: 100%;padding: 45px 15px 15px 10px;height: auto;}
	.wt-right ul li {height: auto;width: 100%;line-height: 2;}
}
.free-pa {margin-bottom: 100px;}
.pa-list li {float: left;width: 20%;padding: 22px 0;border: 1px solid #e5e5e5;text-align: center;margin:0px -1px -1px 0px ;}
.pa-list li img {max-width: 100%;height: 60px;}

@media (max-width: 960px) {
	.free-pa {margin-bottom: 30px;}
	.pa-list li {padding: 15px 0;width: 25%;}
}

@media (max-width: 768px) {
	.pa-list li img {height: 30px;}
}
.free-xm  {background-color: #f0f7fd;padding-bottom: 50px;padding-top: 10px;}
.free-xm .swiper-wrapper {padding: 50px 0 70px;}
.free-xm .swiper-slide a {position: relative;width: 100%;display: block;height: 175px;}
.xm-hover {position: absolute;background-color: #3ab77a;text-align: center;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;visibility: hidden;display: flex;flex-direction: column;justify-content: center;}
.free-xm .swiper-slide a>img {width: 100%;height: 175px;}
.free-xm .swiper-slide a:hover .xm-hover {opacity: 0.8;visibility: visible;}
.xm-hover .case-tt {color: #fff;font-size: 24px;margin-bottom: 12px;}
.xm-hover .case-de {color: #fff;font-size: 18px;}
.free-xm .swiper-pagination-bullet {width: 14px;height: 14px;}
.free-xm .swiper-pagination-bullet-active {background-color: #3ab77a;}

@media (max-width: 768px) {
	.free-xm .swiper-slide a {height: 220px;}
	.free-xm .swiper-slide a>img {height: 220px;}
}

/* 解决方案 */

.solu-gs p {font-size: 18px;color: #333333;line-height: 2;text-align: center;margin: 40px 0;}
.solu-td ul {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 50px 0;}
.solu-td ul li {width: 23%;text-align: center;height: 178px;display: flex;flex-direction: column;justify-content: center;align-items: center;box-shadow: 4px 1px 14px 5px #eee;border-radius: 5px;margin-bottom: 36px;}
.solu-td ul li img {max-width: 100%;margin-bottom: 20px;}
.solu-td ul li p {font-weight: bold;color: #333333;font-size: 20px;}
@media (max-width: 768px) {
	.solu-td ul li {width: 48%;margin-bottom: 20px;}
	.solu-gs p {font-size: 16px;}
}

.solu-list {padding-bottom: 5px;background-color: #f0f7fd;padding-top: 30px;}
.solu-list .swiper-container {padding: 50px 0 110px;}
.solu-list .swiper-slide>a {display: block;width: 100%;position: relative;overflow: hidden;}
.solu-list .swiper-slide .solu-img {overflow: hidden;}
.solu-list .swiper-slide>a img {width: 100%;height: 234px;}
.solu-list .swiper-slide .solu-con {padding: 30px 34px 34px 22px;background-color: #fff;}
.solu-list .swiper-slide .solu-con h3 {font-size: 22px;color: #333333;margin-bottom: 20px;}
.solu-list .swiper-slide .solu-con p {font-size: 16px;color: #999999;line-height: 2;height: 64px;margin-bottom: 68px;}
.solu-list .swiper-slide .solu-con span {font-size: 16px;color: #999999;}
.solu-list .swiper-slide>a: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); }
.solu-list .swiper-slide>a:hover .solu-con span,.solu-list .swiper-slide>a:hover .solu-con h3 {color: #31c27c;}
.solu-list .swiper-container-horizontal>.swiper-pagination {bottom: 40px;}
.solu-list .swiper-pagination .swiper-pagination-bullet-active {background-color: #31c27c;}
.solu-list .swiper-pagination .swiper-pagination-bullet-active,.solu-list .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;margin-right: 7px;}
.swiper-pagination:focus {outline: none !important;}
/* .solu-list .swiper-slide>a>p {position: absolute;bottom: -100%;left: 0;height: 42px;line-height: 42px;color: #fff;font-size: 18px;padding-left: 16px;background-color: rgba(0,0,0,0.5);width: 100%;}
.solu-list .swiper-slide>a:hover p {bottom: 0;} */

.solu-list .swiper-button-next {right: 0;background-image: url(../images/solution/arr-icon.png);border-style: 21px 35px;margin-top: 25px;}
.solu-list .swiper-button-next:focus {outline: none;}

.solu-path .pa-list {padding: 40px 0 100px;}
@media (max-width: 1020px) {
	.solu-list .swiper-slide .solu-con {padding: 20px;}
}
@media (max-width: 768px) {
	.solu-path .pa-list {padding: 40px 0 40px;}
	.solu-list .swiper-button-next {display: none;}
	.common h5 {font-size: 24px;}
}

.solu-liuyan {background-color: #f0f7fd;}
.solu-ly-left {width: 100%;padding: 35px 45px 60px;}
.solu-ly-con {text-align: center;width: 100%;display: block;padding-right: 40%;}

.solu-ly-con h5 {font-size: 24px;color: #333333;margin-bottom: 10px;font-weight: normal;}
.solu-ly-con p {font-size: 14px;color: #999999;margin-bottom: 30px;}

.solu-ly-p {width: 6%;}
.solu-ly-p p {font-size: 18px;color: #333333;height: 40px;line-height: 45px;margin-bottom: 10px;}
.solu-ly-form {text-align: center;width: 46%;}
.solu-ly-form input {width: 100%;height: 40px;line-height: 45px;padding-left: 15px;border: 1px solid #e5e5e5;color: #999999;font-size: 14px;margin-bottom: 10px;}
.solu-ly-form textarea {width: 100%;color: #999999;font-size: 14px;border: 1px solid #e5e5e5;padding: 15px;margin-bottom: 10px;resize: none;height: 190px;font-family: 'yahei';}
#so-sub {display: inline-block;width: 225px;height: 36px;line-height: 36px;color: #fff;background-color: #31c27c;font-size: 18px;border-radius: 20px;cursor: pointer;text-align: center;padding-left: 0;border: none;}
.solu-ly-form textarea::-webkit-input-placeholder {color: #999999;font-size: 14px !important;}
.solu-ly-form textarea:-moz-placeholder {color: #999999;font-size: 14px !important;}
.solu-ly-form textarea::-moz-placeholder {color: #999999;font-size: 14px !important;}
.solu-ly-form textarea:-ms-input-placeholder {color: #999999;font-size: 14px !important;}
.solu-ly-right {width: 47%;text-align: center;padding-left: 21%;}
.solu-ly-right img {max-width: 100%;}
.solu-ly-right p:nth-of-type(1) {margin: 14px 0;font-size: 16px;color: #333333;}
.solu-ly-right p:nth-of-type(2) {font-size: 14px;color: #999999;}

@media (max-width: 1047px) {
	.solu-ly-p {width: 8%;}
	.solu-ly-right {width: 40%;padding-left: 10%;}
}

@media (max-width: 825px) {
	.solu-ly-p {width: 10%;}
	.solu-ly-form {width: 55%;}
	.solu-ly-right {width: 33%;}
}

@media (max-width: 768px) {
	.solu-ly-left {padding: 35px 0 60px;}
	.solu-ly-con {padding-right: 0;}
	.solu-ly-p {width: 17%;font-size: 16px;}
	.solu-ly-p p {font-size: 16px;}
	.solu-ly-form {width: 83%;}
	.solu-ly-right {width: 100%;padding-left: 0;margin-top: 50px;}
}

/* 合作加盟 */
.lb-box {padding: 40px 0 40px;}
.lb-lx {margin-top: 20px;}
.lb-lx img {max-width: 100%;} 
.lb-lx img:hover {transform: translateY(-20px);}
.lb-lx .lb-left {width: 50%;text-align: left;}
.lb-lx .lb-right {width: 50%;text-align: right;}
.lb-lx .lx-btn {display: block;width: 55%;font-size: 24px;color: #ffffff;text-align: center;height: 54px;line-height: 54px;background-color: #31c27d;margin: 45px auto;border-radius: 25px;}

@media (max-width: 1230px) {
	.lb-lx .lb-left {width: 48%;}
	.lb-lx .lb-right {width: 48%;}
}

@media (max-width: 768px) {
	.lb-box {padding: 0;}
	.lb-lx .lb-left {width: 100%;text-align: center;}
	.lb-lx .lb-right {width: 100%;text-align: center;}
	.lb-lx .lx-btn {width: 50%;font-size: 20px;height: 45px;line-height: 45px;margin: 25px auto;}
}

.lb-lc {padding: 30px 0;background-color: #f0f7fd;}
.lc-list {position: relative;text-align: center;}
.lc-list>img {position: absolute;z-index: 0;left: 0;top: 46px;width: 100%;}
.lc-list ul {display: flex;justify-content: space-between;position: relative;z-index: 0;padding: 30px 0 50px;flex-wrap: wrap;}

.lc-list ul li p {margin: 18px 0;font-size: 18px;color: #333333;}
.lb-zxbtn {background-color: #fff;font-size: 18px;color: #333333;display: inline-block;height: 54px;line-height: 54px;border-radius: 40px;overflow: hidden;margin-bottom: 35px;}
.lb-zxbtn strong {color: #333;font-weight: normal;font-size: 18px;padding: 0 58px 0 50px;}
.lb-zxbtn a {
	background: linear-gradient(to right,#64afe8,#47c692);
	color: #fff;padding: 0 30px;font-size: 18px;}

@media (max-width: 768px) {
	.lc-list>img {display: block;}
	.lc-list ul {padding: 30px 0 0px;}
	.lc-list ul li {margin-bottom: 20px;width: 50%;}
	.lc-list ul li p {font-size: 16px;}
	.lc-list ul li img {max-width: 135px;max-height: 135px;}
	.lb-zxbtn {width: 90%;}
	.lb-zxbtn strong {padding: 0;}
	.lb-zxbtn a {display: none;}
	.lb-lc {padding-bottom: 0;}
}

.lb-lz {padding: 105px 0 150px;}
.lb-lz ul {display: flex;justify-content: center;margin-bottom: 70px;}
.lb-lz ul li {display: block;text-align: center;cursor: pointer;background-image: url(../images/join/item-common.png);background-repeat: no-repeat;color: #333333;font-size: 24px;width: 210px;height: 56px;line-height: 56px;margin-right: 7.5%;}
.lb-lz ul li:last-of-type {margin-right: 0;}
.lb-lz ul li.choice{background-image: url(../images/join/item-show.png);background-repeat: no-repeat;color: #fff;}
.tab-item {display: none;}
.show pre,.show p,.tab-item pre,.tab-item p {display: flex;flex-wrap: wrap;justify-content: space-between;}
.show{display: block;}
#join-box img{max-width: 100%;margin-bottom: 40px;}

@media (max-width: 768px) {
	.lb-lz {padding: 55px 0 70px;}
	.lb-lz ul {margin-bottom: 20px;}
	.lb-lz ul li {font-size: 18px;width: 120px;height: 40px;line-height: 40px;background-size: 120px 40px;}
	#join-box img {max-width: 100%;display: block;text-align: center;margin: 0 auto;margin-bottom: 20px;}
}

@media (max-width: 400px) {
	.lb-lz ul li {font-size: 15px;width: 95px;height: 35px;line-height: 35px;background-size: 95px 35px;}
}

.boom-box {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.3);display: none;z-index: 999;transition: none;}
.boom-box-form {position: absolute;width: 526px;height: 572px;top: 50%;left: 50%;transform: translate(-50%, -50%);box-sizing: border-box;padding: 50px 70px 0;text-align: center;background: url(../images/join/form-bg.png) no-repeat;transition: none;}
.boom-box-form h2 {font-weight: bold;font-size: 30px;color: #ffffff;margin-bottom: 20px;}
.boom-box-form p {font-size: 20px;color: #ffffff;margin-bottom: 40px;}
.boom-box-form input {border: 1px solid #fff;color: #fff;padding: 15px 12px;font-size: 20px;margin-bottom: 18px;background-color: transparent;width: 100%;}
.boom-box-form label:last-of-type input {margin-bottom: 36px;}
.boom-box-form input::-webkit-input-placeholder {font-size: 20px;color: #fff;}
.boom-box-form input:-moz-placeholder {font-size: 20px;color: #fff;}
.boom-box-form input::-moz-placeholder {font-size: 20px;color: #fff;}
.boom-box-form input:-ms-input-placeholder {font-size: 20px;color: #fff;}
#sq-btn {background-color: #fff;color: #31c27c;font-size: 22px;border-radius: 40px;height: 45px;line-height: 45px;padding: 0;border: none;width: 80%;cursor: pointer;}
#sq-btn:hover {background-color: #31c27c;color: #fff;}

@media (max-width: 768px) {
	.boom-box-form {width: 380px;height: 540px;padding: 35px 35px 0;background: url(../images/join/form-bg.png) no-repeat;}
	.boom-box-form h2 {margin-bottom: 15px;}
	.boom-box-form p {margin-bottom: 20px;}
}

@media (max-width: 375px) {
	.boom-box-form {width: 340px;}
}

.join-fix {background: url(../images/join/join-fix.png);height: 125px;position: fixed;;bottom: 0;width: 100%;z-index: 99;overflow: hidden;}
.join-fix a {position: absolute;top: 50%;transform: translateY(-50%);left: 30px;width: auto;height: 45px;background: none;z-index: 100;}
.join-fix .container-width {height: 100%;}
.join-fix form {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.join-fix form input[type="text"] {width: 180px;height: 45px;font-size: 14px;color: #999999;background-color: #fff;padding-left: 15px;margin-right: 10px;}
.join-fix form input[type="submit"] {width: 56px;height: 45px;line-height: 45px;background-color: #31c27c;color: #fff;cursor: pointer;}
.yz {position: relative;display: inline-block;}
.join-fix form p {display: inline;}
#canvas {width: auto;height: auto;position: absolute;right: 10px;top: 0;width: 36%;height: 100%;cursor: pointer;}

/* 新闻列表 */

.news-btn {width: 100%;}
.news-btn li {float: left;margin-right: 20px;background-color: #ffffff;border-radius: 20px;width: 130px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #333;}
.news-btn li:hover {background-color: var(--mColor);border: 1px solid transparent;}
.news-btn .current-cat {background-color: var(--mColor) !important;border: 1px solid transparent;}
.news-btn li:hover a,.news-btn li.current-cat a {color: #fff;}
.news-btn li a {color: #333333;font-size: 16px;display: inline-block;width: 100%;}

.news-con-list {margin: 50px 0;}
.news-con-list li {border: 1px solid #e5e5e5;margin-bottom: 20px;padding-left: 35px;}
.news-con-list li:hover {box-shadow: 0px 4px 10px 1px #eee;border: 1px solid transparent;}
.news-con-list li .pagenews-desc {width: 12%;padding: 60px 0 46px;}
.news-con-list li .pagenews-desc p {font-size: 24px;color: #333333;margin-bottom: 30px;position: relative;}
.news-con-list li .pagenews-desc p::after {content: '';display: block;width: 45px;height: 1px;background-color: #d2d2d2;position: absolute;right: 10%;bottom: 50%;transform: translateY(-50%);z-index: -1;}
.news-con-list li .pagenews-desc .intro-img {width: 33px;height: 33px;background: url(../images/news/arr-common.png) no-repeat;}
.news-con-list li:hover .intro-img {background: url(../images/news/arr-active.png) no-repeat;}
.news-con-list li .pagenews-cont {width: 60%;padding: 60px 0 46px;}
.news-con-list li .pagenews-cont h3 {font-size: 20px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 28px;}
.news-con-list li .pagenews-cont p {color: #999999;font-size: 14px;line-height: 2;}
.news-con-list li:hover .pagenews-cont h3 {color: #31c27c;}
.news-con-list li .pagenews-img {overflow: hidden;padding-top: 2%;padding-right: 0;width: 25%;display: flex;text-align: center;justify-content: center;align-items: center;}
.news-con-list li .pagenews-img img {height: 150px;width: 200px;}
.news-con-list li:hover .pagenews-img img {transform: scale(1.1);}


@media (max-width: 1020px) {
	.news-con-list li .pagenews-img {padding-top: 3%;}
}

@media (max-width: 920px) {
	.news-con-list li {padding: 0;padding: 0 20px;}
	.news-con-list li .pagenews-desc p::after {display: none;}
	.news-con-list li .pagenews-cont {width: 56%;}
	.news-con-list li .pagenews-img {width: 30%;}
}
@media (max-width: 768px) {
	.news-btn {display: flex;justify-content: space-around;}
	.news-btn li {width: 100px;height: 35px;line-height: 35px;margin-right: 0;}
	.news-con-list li .pagenews-img {float: left;width: 100%;height: auto;padding-top: 0;}
	.news-con-list li .pagenews-img img {width: 100%;height: auto;}
	.news-con-list li .pagenews-cont {width: 80%;padding: 20px 0 20px;}
	.news-con-list li .pagenews-desc {width: 20%;padding: 20px 0 20px;}
}

@media (max-width: 400px) {
	.news-con-list li .pagenews-desc {display: none;}
	.news-con-list li .pagenews-cont {width: 100%;}
}

.pagination{margin: 45px 0;padding: 0 10px;text-align:center;font-size:12px;display:block;border-radius:0}
.excerpts .pagination{margin-bottom: 10px;}
.pagination ul{display:inline-block !important;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.pagination ul > li{display:inline}
.pagination ul > li > a,
.pagination ul > li > span{margin:0 2px;float:left;display: block; padding:0 12px; line-height: 30px; background-color:#dcdcdc;color:#333;border-radius: 5px;}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{opacity:1; background-color:var(--mColor);color:#fff}
.pagination ul > .active > a,.pagination ul > .active > span{background-color:var(--mColor);color:#fff}
.pagination ul > .active > a,.pagination ul > .active > span{cursor:default}
.pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#999999;background-color:transparent;cursor:default}


.pages-news-other {margin-bottom: 30px;}
.pages-news-other h5 {font-size: 18px;color: #333333;margin: 40px 0;font-weight: normal;}
.pages-news-other .swiper-slide a {display: block;position: relative;}
.pages-news-other .swiper-slide img {height: 205px;width: 100%;}
.pages-news-other .swiper-slide p {font-size: 16px;color: #666666;padding: 20px 5px;}
.other-line {width: 0;height: 1px;display: block;background-color: #31c27c;}
.pages-news-other .swiper-slide:hover p {color: #31c27c;}
.pages-news-other .swiper-slide:hover .other-line {width: 100%;}

.pages-news-other .xm-hover {position: absolute;background-color: #3ab77a;text-align: center;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;visibility: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.pages-news-other .swiper-slide:hover .xm-hover {opacity: 0.8;visibility: visible;}
.pages-news-other .swiper-slide .xm-hover img {width: 56px;height: 56px;}

@media (max-width: 768px) {
	.pages-news-other .swiper-slide img {height: auto;}
}

.news-single-con {width: 75%;}
.news-box {text-align: center;}
.news-box h1 {font-size: 26px;color: #333333;}
.news-box .news-meta {margin-top: 10px;}
.news-box .news-meta span{color: #666666;font-size: 16px;margin-right: 20px;}
.news-content {margin: 20px 0;margin-top: 30px;overflow: hidden;}
.news-content p {font-size: 16px;color: #666666;text-align: justify;line-height: 2;white-space: pre-wrap;}
.news-content img {width: 100%;margin: 20px 0;}
@media (max-width:860px) {
    .news-box h1 {font-size: 20px;}
    .news-box .news-meta span {font-size: 14px;}
    .news-single-con {width: 100%;}
    .news-content p {font-size: 12px;}
}

.news-slidebar {width: 22%;margin-left: 3%;}
.news-slidebar h3 {font-size: 18px;color: #ffffff;background-color: var(--mColor);text-align: center;padding: 0 15px;line-height: 50px;}
.news-slidebar h3 i {font-size: 30px;}
.news-slidebar h3 span {margin-right: 25px;}
.text-overflow {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-slidebar .hot-list li {margin-bottom: 1px;padding: 25px 20px;overflow: hidden;background-color: #f2f2f2;}
.news-slidebar .hot-list li .circle-icon {width: 12px;height: 12px;border: 2px solid var(--mColor);background-color: transparent;float: left;border-radius: 50%;position: relative;left: -5px;top: 5px;}
.news-slidebar .hot-list li .hot-tit {font-size: 14px;color: #333333;margin-bottom: 5px;}
.news-slidebar .hot-list li .hot-tit:hover {color: var(--mColor);}
.news-slidebar .hot-list li .hot-desc {font-size: 14px;color: #999999;}

@media (max-width:1230px) {
    .arch-news-list>li>a>img {width: 20%;float: left;}
    .arch-news-list>li>a>.news-info {width: 78%;margin-left: 2%;float: left;}
    .news-slidebar .hot-list li {padding: 25px 15px;}
    .hot-con {margin-left: 12px; margin-top: -12px;width: 95%;}
}

@media (max-width:860px) {
    .news-slidebar {display: none;}
    .arch-news-list {width: 100%;}
}

.page-show-view {margin: 15px 0;padding-top: 20px;border-bottom: 1px solid var(--mColor);}
.page-show-view ul li {float: left; width: 50%;padding: 25px 0;font-size: 16px;color: #333333;}
.page-show-view ul li:first-of-type {text-align: left;}
.page-show-view ul li:last-of-type {text-align: right;}
.news-single-con .page-show-view ul li a {color: #333333;font-size: 16px;}
.page-show-view ul li a:hover{color: var(--mColor);}

@media (max-width:768px) {
	.page-show-view ul{padding:5px 0;}
	.page-show-view ul li{width: 100%;padding: 10px;}
	.page-show-view ul li:last-child{text-align: left;}
	.container-padding {padding-top: 30px;padding-bottom: 30px;}
	.page-show-view ul li,.page-show-view ul li a {font-size: 14px;}
}


/* 产品中心 */
.product-top {padding: 30px 0 80px;}
.product-top .imgbox {width: 50%;position: relative;}
.product-img {width: 73.5%;border: 1px solid #eeeeee;text-align: center;}
.product-top .imgbox img {width: 100%;max-height: 540px;}
.product-top .product-in {width: 50%;}
.product-top .product-in h1 {font-size: 30px;color: #333333;margin-bottom: 32px;}

.product-top .product-in .cont-box p {color: #333333;}
.product-top .product-in .cont-box p:nth-of-type(odd) {font-size: 18px;margin-bottom: 10px;}
.product-top .product-in .cont-box p:nth-of-type(even) {font-size: 16px;line-height: 2;margin-bottom: 35px;}

.product-tab ul {display: flex;background-color: #f0f7fd;}
.product-tab ul li {display: block;text-align: center;cursor: pointer;width: 145px;height: 45px;line-height: 45px;font-size: 18px;color: #333333;background-color: #e0e9f0;border-right: 2px solid #ffffff;}
.product-tab ul li:last-of-type {border-right: none;}
.product-tab ul li.choice{background-color: #31c27c;color: #ffffff;}

.product-tab .pro-item {display: none;}
.product-tab .show {display: block;}
#pro-box {padding-top: 50px;padding-bottom: 80px;}
.show-produts .page-show-view {border-bottom: none;}
.page-show-view ul li a {color: #333333;font-size: 14px;}
.show-produts .page-show-view ul li {font-size: 14px;}
.product-tab .show img {width: 100%;}
@media (max-width:960px) {
	.product-img {width: 95%;}
}

@media (max-width:768px) {
	.product-top .imgbox,.product-top .product-in {width: 100%;}
	.product-img {width: 100%;}
	.product-top {padding: 30px 0 0;}
	.product-in{padding: 30px 0 0;}
	.product-top .product-in h1 {font-size: 24px;text-align: center;}
	.product-tab ul li {width: 33.3333%;}
	.product-top .imgbox img {width: 100%;height: auto;max-width: none;max-height: none;}
	.product-top .product-in .cont-box p:nth-of-type(even) {margin-bottom: 25px;}
}

.products-lists li {background-color: #fff;padding: 55px 0 45px;overflow: hidden;}
.products-lists li:nth-of-type(even) {background-color: #f0f7fd;}
.products-lists li .container-width {overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.products-lists li:nth-of-type(even) .container-width {flex-direction: row-reverse;}
.products-lists li .product-descr {width: 51%;padding: 50px 30px 0 0;}
.products-lists li .product-descr h3 {font-size: 30px;color: #333333;margin-bottom: 30px;}
.products-lists li .product-descr h3 a {font-size: 30px;color: #333333;margin-bottom: 30px;}
.products-lists li .product-descr h3 a:hover {color: var(--mColor);}
.products-lists li .product-descr p {font-size: 20px;color: #666666;line-height: 2;}
.products-lists li .product-descr p strong {color: #333333;}
.products-lists a.intro-pro {width: 150px;height: 40px;line-height: 40px;text-align: center;display: inline-block;
	/* background: linear-gradient(to right,#fe9348,#f75f5c); */
	background: linear-gradient(to right top,#64afe8,#47c692);
	font-size: 16px;color: #ffffff;border-radius: 20px;margin-top: 80px;}
.products-lists li .product-thumg {width: 40%;text-align: left;overflow: hidden;}
.products-lists li .product-thumg img {max-width: 90%;max-height: 450px;}
.products-lists li:nth-of-type(even) .product-descr {padding: 50px 0 0 30px;}
.products-lists li:nth-of-type(even) .product-thumg {text-align: right;padding-right: 15px;}


@media (max-width:768px) {
	.products-lists li .product-descr h3 a {font-size: 24px;}
	.products-lists li .product-thumg,.products-lists li .product-descr {width: 100%;}
	.products-lists li:nth-of-type(even) .product-thumg,.products-lists li .product-thumg {text-align: center;}
	.products-lists li .product-descr {padding: 35px 0 0;}
	.products-lists li .product-descr h3 {font-size: 26px;color: #333333;margin-bottom: 20px;margin-top: 5px;}
	.products-lists li .product-descr p {font-size: 16px;line-height: 1.8;text-align: justify;}
	.products-lists a.intro-pro {margin-top: 35px;}
	.products-lists li:nth-of-type(even) .product-descr {padding: 50px 10px 0;}
}
#loadmore a {width: 500px;display: block;height: 54px;line-height: 54px;color: #fff;background-color: #31c27c;text-align: center;font-size: 18px;margin: 90px auto;}

@media (max-width:768px) {
	#loadmore a {width: 60%;margin: 30px auto;}
	.products-lists li .product-thumg img {max-width: 100%;min-height: auto;}
}

/* 免费投放弹窗 */
/* .boom-box {display: block;} */
.qu-box {position: absolute;width: 500px;height: 570px;top: 50%;left: 50%;transform: translate(-50%, -50%);box-sizing: border-box;text-align: center;background-color: #fff;transition: none;padding-top: 30px}

.qu-box .qu-top h3 {font-size: 18px;color: #4c4c4c;text-align: center;padding-bottom: 10px;border-bottom: 2px solid #53a4f4;}
/* .boom-box {display: block;} */

ul.qu-list li {text-align: left;margin: 10px 0;}
ul.qu-list li p.answer_title {font-size: 16px;}
ul.qu-list li p.answer_title span {color: #ff6d56;margin-left: 5px;font-size: 16px;;}
ul.qu-list li input[type=text] {border: 1px solid #dbdbdb;width: 65%;height: 25px;line-height: 25px;padding-left: 5px;margin: 10px 0;}
ul.qu-list li #area {margin: 10px 0;}
ul.qu-list li select {margin: 0 10px 0 0;border: 1px solid #dbdbdb;height: 25px;padding: 2px 5px;-webkit-appearance: auto;}
ul.qu-list li #item-address {height: 50px;line-height: 1;resize: none;border: 1px solid #dbdbdb;width: 80%;padding-left: 5px;padding-top: 5px;font-family: 'yahei';line-height: 1.5;}

ul.qu-list li .radiobox {width: 50%;float: left;margin: 5px 0;}
ul.qu-list li .radiobox span {font-size: 16px;color: #666666;}
ul.qu-list li input[type=radio] {-webkit-appearance: auto;margin-right: 10px;}



.wjContent .content_box {display: none !important;}
.hide_cover {overflow-x: hidden !important;padding: 0 !important;}
.qu-iframe {width: 100%;height: 100%;border: none;outline: none;}
.close {position: absolute;right: 0;top: 0;cursor: pointer;}

@media (max-width:768px) {
	.qu-box {width: 90%;height: 90%;}
}