
.fl {
	float: left
}

.fr {
	float: right
}


.w1440 {
	max-width: 1440px;
	height: 100%;
	margin: 0 auto
}

.page-header {
	width: 100%;
	height: 100px;
	text-align: center;
	box-shadow: 0 3px 7px 0 rgba(180,187,193,.21);
	font-family: 寰蒋闆呴粦;
	position: fixed;
	top: 0;
	background: #fff;
	z-index: 9999
}

.page-header .logo {
	width: 100%;
	min-width: 154px;
	height: 100px;
	background: url(../images/pc-0logo.png) center left no-repeat
}

.page-header .logo h1 {
	color: transparent;
	text-indent: -9999px
}

.page-header .navs {
	margin-right: 30px;
	width: calc(100%-220px);
	overflow: hidden;
	height: 100px
}

.page-header .navs ul {
	height: 100px;
	float: right;
	padding-right: 30px
}

.page-header .navs ul li {
	float: left;
	color: #7d92a0;
	line-height: 100px;
	padding: 0 10px;
	position: relative
}

.page-header .navs ul li .home-icon,.page-header .navs ul li .home-icon-active {
	margin-right: 8px;
	margin-top: -5px;
	display: none
}

.page-header .navs ul li.active .home-icon {
	display: inline-block
}

.page-header .navs ul li:not(.active) .home-icon-active {
	display: inline-block
}

.page-header .navs ul li:first-child a:hover .home-icon-active {
	display: none
}

.page-header .navs ul li:first-child a:hover .home-icon {
	display: inline-block
}

.page-header .navs ul li a {
	color: #7d92a0
}

.page-header .navs ul li a:hover,.navs ul li.active a {
	color: #f1463c
}

.page-header .login {
	height: 100px;
	position: relative;
	width: 170px;
	float: right
}

.page-header .navs ul li:not(:first-child) img {
	position: absolute;
	width: 44px;
	height: 24px;
	top: 15px;
	left: 50%;
	transform: translateX(-50%)
}

.page-header .login .btn {
	width: 80px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	border: 1px solid #ee4138;
	float: left;
	text-align: center;
	margin-top: 32px;
	margin-right: 10px
}

.page-header .login a:last-child .btn {
	margin-right: 0
}

.page-header .login .btn.rgst,.login .btn.index {
	color: #fff;
	background: #ee4138
}

.page-header .login .btn.login,.login .btn.logout {
	color: #ee4138;
	background: #fff
}

.page-footer {
	width: 100%;
	display: inline-block;
	background: #1e1e1e;
	font-family: 寰蒋闆呴粦
}

.page-footer .top {
	width: 100%;
	padding: 30px 0 0;
	display: inline-block
}

.page-footer .top .logo {
	width: 100%;
	height: 64px;
	margin-bottom: 40px;
	background: url(../images/pc-8-wlogo.png) left center no-repeat
}

.page-footer .top .navs {
	width: 100%;
	display: inline-block;
	margin-bottom: 40px
}

.page-footer .top .navs li {
	width: 20%;
	height: 32px;
	text-align: left;
	float: left;
	line-height: 32px;
	padding-left: 20px;
	overflow: hidden
}

.page-footer .top .navs li a {
	color: #fff
}

.page-footer .top .navs li a:hover {
	color: #ee4138
}

.page-footer .bot .title {
	font-size: 18px;
	color: #fff;
	margin-bottom: 40px
}

.page-footer .bot .title span {
	font-size: 14px;
	color: #dfdfdf;
	margin-left: 10px
}

.page-footer .bot .divide {
	width: 30px;
	height: 2px;
	background: #d7d7d7
}

.page-footer .bot .servs {
	margin: 30px 0
}

.page-footer .bot .ser {
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	width: 27%;
	float: left
}

.page-footer .bot .ser.ser_lst {
	width: 19%
}

.page-footer .bot .ser .info {
	font-size: 18px;
	height: 50px;
	overflow: hidden
}

.page-footer .bot .ser .qq {
	width: 100px;
	height: 30px;
	border-radius: 15px;
	background: #f1463c;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	margin-top: 55px
}

.page-footer .bot .bot-center {
	padding-left: 40px
}

.page-footer .bot .links {
	margin-top: 30px;
	width: 200px
}

.page-footer .bot .links li {
	float: left;
	width: 100px;
	height: 36px;
	line-height: 36px
}

.page-footer .bot .links li a {
	color: #fff
}

.page-footer .bot .links li a:hover {
	color: #ee4138
}

.page-footer .bot .txt {
	width: 15px;
	line-height: 17px;
	font-size: 16px;
	margin-left: 10px;
	color: #fff
}

.page-footer .bot .txt.active {
	color: #ee4138
}

.page-footer .bot .img {
	margin-right: 10px
}

.page-copyright {
	width: 100%;
	height: 48px;
	background: #1e1e1e;
	border-top: 1px solid #474747;
	font-size: 14px;
	color: #b3b3b3;
	line-height: 48px
}

.main-content {
	font-family: 寰蒋闆呴粦
}

.main-content .content {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden
}

.main-content .content.c2 {
	background-image: url(../images/pc-bg-000.png)
}

.main-content .content.c3 {
	background-image: url(../images/pc-3-bg.png)
}

.main-content .content.c4 {
	background-image: url(../images/pc-4-bg.png)
}

.main-content .content.c6 {
	background-image: url(../images/pc-6-bg.png)
}

.main-content .c1 .bannerCarousel {
	width: 100%;
	height: 500px;
	text-align: center
}

.main-content .c1 .bannerCarousel .carouselImg {
	width: 100%;
	height: 500px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.main-content .c1 .bannerCarousel .layui-carousel-ind ul {
	background: 0 0!important
}

.page-header .header-card {
	display: inline-block
}

.center-card {
	display: inline-block;
	width: 100%;
	margin-left: 0
}

.main-content .content.c1 .bot-bg {
	display: inline-block;
	width: 100%;
	background: url(../images/pc-1-bg.png) center center no-repeat
}

.main-content .c1 .tabs {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 寰蒋闆呴粦
}

.main-content .c1 .tabs .tab {
	height: 165px;
	border-radius: 5px;
	padding: 25px 110px 0 29px;
	cursor: pointer;
	background-position-x: right;
	background-repeat: no-repeat;
	background-size: cover
}

.main-content .c1 .tabs .tab.tab1 {
	background-image: url(../images/1-kpbg1.png);
	color: #a38558
}

.main-content .c1 .tabs .tab.tab2 {
	background-image: url(../images/1-kpbg2.png);
	color: #a1625d
}

.main-content .c1 .tabs .tab.tab3 {
	background-image: url(../images/1-kpbg3.png);
	color: #717897
}

.main-content .c1 .tabs .tab.tab4 {
	background-image: url(../images/1-kpbg4.png);
	color: #8f7864
}

.main-content .c1 .tabs .tab:hover {
	box-shadow: 0 2px 9px 0 rgba(15,16,16,.1)
}

.main-content .c1 .tabs .tab .title {
	font-size: 20px;
	margin-bottom: 15px;
	width: 150%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.main-content .c1 .tabs .tab .title img {
	margin-right: 8px;
	margin-top: -5px
}

.main-content .c1 .tabs .tab .title img:last-child {
	float: right
}

.main-content .c1 .tabs .tab .content {
	font-size: 14px;
	line-height: 22px;
	max-height: 66px;
	height: 66px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.main-content .c1 .recs {
	width: 100%;
	height: 60px;
	background: #fff;
	margin-bottom: 20px;
	border-radius: 5px;
	padding: 0 30px;
	line-height: 60px
}

.main-content .c1 .recs a {
	color: #b4bbc1
}

.main-content .c1 .recs a:hover {
	color: #f1463c
}

.main-content .c1 .recs .icon {
	width: 81px;
	height: 60px;
	background: url(../images/pc-1-sstj.png) center center no-repeat
}

.main-content .c1 .recs .info {
	width: 80%;
	max-width: 80%;
	height: 30px;
	line-height: 30px;
	margin: 15px 0 15px 30px;
	overflow: hidden
}

.main-content .c1 .recs .info li {
	width: 100%;
	height: 30px
}

@media screen and (min-width:992px) {
	.page-header .header-card {
		width: 96%
	}

	.center-card {
		width: 96%;
		margin: 0 2%
	}
}

@media screen and (min-width:1200px) {
	.page-header .header-card {
		width: 75%;
		min-width: 1150px
	}

	.center-card {
		width: 75%;
		margin: 0 12.5%
	}
}

.main-content .c3 .adv {
	padding: 0 10px;
	text-align: center;
	overflow: hidden
}

.main-content .c3 .adv.tp100 {
	padding-top: 100px
}

.main-content .c3 .adv .icon {
	margin: 0 auto
}

.main-content .c3 .adv .icon img {
	max-width: 100%
}

.main-content .c3 .adv .title {
	font-size: 18px;
	margin: 20px 0 10px;
	height: 24px;
	overflow: hidden
}

.main-content .c3 .adv1 .title {
	color: #f1463c
}

.main-content .c3 .adv2 .title {
	color: #ff8c52
}

.main-content .c3 .adv3 .title {
	color: #ffc358
}

.main-content .c3 .adv4 .title {
	color: #3fbe96
}

.main-content .c3 .adv5 .title {
	color: #3fafe3
}

.main-content .c3 .adv6 .title {
	color: #b558ef
}

.main-content .c3 .adv .content {
	color: #7d93a1;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 24px;
	max-height: 120px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	min-width:100%;
	max-width:100%;
}

.main-content .c3 .unit-title1 {
	width: 295px;
	height: 59px;
	background: url(../images/pc-2-bt.png) center center no-repeat;
	margin: 80px auto 40px
}

.main-content .c3 .unit-title2 {
	width: 227px;
	height: 58px;
	background: url(../images/pc-3-bt.png) center center no-repeat;
	margin: -100px auto 60px
}

.main-content .c3 .datas {
	text-align: center
}

.main-content .c3 .datas .data {
	position: relative
}

.main-content .c3 .datas .data:not(.nospan)::after {
	position: absolute;
	content: "";
	width: 2px;
	height: 24px;
	background: #f1f1f1;
	right: 0;
	top: 9px
}

.main-content .c3 .datas .data .num {
	font-size: 14px;
	color: #f1463c;
	line-height: 32px;
	font-weight: 700
}

.main-content .c3 .datas .data .num span {
	font-size: 40px;
	margin-right: 10px
}

.main-content .c3 .datas .data .name {
	color: #7d93a1
}

.main-content .c3 .mediaCarousel {
	width: 100%;
	height: 400px;
	margin: 50px 0 100px;
	background: 0 0
}

.main-content .c3 .mediaCarousel .line {
	width: 100%;
	height: 120px;
	margin-bottom: 20px
}

.main-content .c3 .mediaCarousel .line:last-child {
	margin-bottom: 0
}

.main-content .c3 .mediaCarousel .media {
	width: 18.4%;
	margin-right: 2%;
	float: left;
	height: 120px;
	line-height: 120px;
	border-radius: 10px;
	border: solid 1px #e7e7e7;
	overflow: hidden;
	cursor: pointer;
	background: #fff
}

.main-content .c3 .mediaCarousel .media img {
	max-height: 100%;
	width: 100%;
	text-align: center;
	line-height: 120px
}

.main-content .c3 .mediaCarousel .media:hover {
	box-shadow: 0 0 10px 0 rgba(175,175,175,.21)
}

.main-content .c3 .mediaCarousel .media:last-child {
	margin-right: 0
}

.main-content .c3 .mediaCarousel [carousel-item] .layui-this {
	background: 0 0
}

.main-content .c3 .mediaCarousel .layui-carousel-ind {
	top: 40px
}

.main-content .c3 .mediaCarousel .layui-carousel-ind ul {
	background: 0 0
}

.main-content .c3 .mediaCarousel .layui-carousel-ind li {
	background: #ffe3e1;
	width: 14px;
	height: 14px;
	margin: 0 7px
}

.main-content .c3 .mediaCarousel .layui-carousel-ind li.layui-this {
	background: #f1463c
}

.main-content .c4 .unit-title {
	width: 227px;
	height: 59px;
	background: url(../images/pc-4-bt.png) center center no-repeat;
	margin: 100px auto 90px
}

.main-content .c4 .navs {
	margin-bottom: 80px
}

.main-content .c4 .navs .nav {
	width: 100%;
	height: 470px;
	box-shadow: 0 5px 21px 0 rgba(55,55,55,.7);
	border-radius: 5px;
	background-color: #fff;
	float: left;
	margin-right: 59px;
	padding-top: 30px;
	text-align: center
}

.main-content .c4 .navs .nav:last-child {
	margin-right: 0
}

.main-content .c4 .navs .nav.nav1 {
	background-image: url(../images/pc-4-tkbg1.png)
}

.main-content .c4 .navs .nav.nav2 {
	background-image: url(../images/pc-4-tkbg2.png)
}

.main-content .c4 .navs .nav.nav3 {
	background-image: url(../images/pc-4-tkbg3.png)
}

.main-content .c4 .navs .nav .title {
	font-size: 30px;
	margin: 10px 0;
	font-family: 寰蒋闆呴粦;
	font-weight: 700
}

.main-content .c4 .navs .nav.nav1 .title {
	color: #f1463c
}

.main-content .c4 .navs .nav.nav2 .title {
	color: #ff9e2c
}

.main-content .c4 .navs .nav.nav3 .title {
	color: #9c66e6
}

.main-content .c4 .navs .nav .icon {
	margin-bottom: 20px
}

.main-content .c4 .navs .nav .content {
	margin-top: 5px;
	color: #7d93a1;
	font-size: 22px;
	height: 29px;
	overflow: hidden
}

.main-content .c4 .navs .nav .content span {
	margin: 0 5px
}

.main-content .c4 .navs .nav .btn {
	width: 178px;
	height: 48px;
	margin: 35px auto 0;
	border-radius: 24px;
	line-height: 48px;
	font-size: 16px;
	font-family: 寰蒋闆呴粦
}

.main-content .c4 .navs .nav .btn.btn1 {
	background: linear-gradient(0deg,#ffe6e5 0%,#fff7f7 100%);
	color: #f1463c
}

.main-content .c4 .navs .nav .btn.btn1:hover {
	background: linear-gradient(0deg,#f1463c 0%,#ff645b 100%);
	color: #fff
}

.main-content .c4 .navs .nav .btn.btn2 {
	background: linear-gradient(0deg,#ffe7d2 0%,#fff9f4 100%);
	color: #ff9e2c
}

.main-content .c4 .navs .nav .btn.btn2:hover {
	background: linear-gradient(0deg,#ff7a03 0%,#ffc442 100%);
	color: #fff
}

.main-content .c4 .navs .nav .btn.btn3 {
	background: linear-gradient(0deg,#f2eaff 0%,#f9f5ff 100%);
	color: #a97de9
}

.main-content .c4 .navs .nav .btn.btn3:hover {
	background: linear-gradient(0deg,#9040f6 0%,#fc93e6 100%);
	color: #fff
}

.main-content .c5 .unit-title {
	width: 227px;
	height: 59px;
	background: url(../images/pc-5-bt.png) center center no-repeat;
	margin: 50px auto 40px
}

.main-content .c5 .info {
	width: 100%;
	max-width: 1020px;
	height: 200px;
	margin: 0 auto 50px;
	background: url(../images/pc-5-lc2.png) center center no-repeat;
	background-size: contain;
	margin-bottom: 50px
}

.main-content .c5 .info.active {
	background-image: url(../images/pc-5-lc1.png);
	max-width: 966px
}

.main-content .c5 .tabs {
	text-align: center;
	margin-bottom: 60px
}

.main-content .c5 .btn {
	width: 120px;
	height: 40px;
	margin: 0 10px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	color: #f2453b;
	background: #ffdbd9;
	border-radius: 20px;
	cursor: pointer
}

.main-content .c5 .btn.active {
	color: #fff;
	background: #f2463b
}

.main-content .c6 .unit-title {
	width: 227px;
	height: 59px;
	background: url(../images/pc-6-bt.png) center center no-repeat;
	margin: 100px auto 60px
}

.main-content .c6 .packs {
	margin-bottom: 80px;
	display: inline-block
}

.main-content .c6 .pack {
	width: 100%;
	height: 429px;
	float: left;
	font-family: 寰蒋闆呴粦;
	text-align: center
}

.main-content .c6 .pack .content {
	width: 100%;
	height: 100%;
	box-shadow: 0 0 10px 0 rgba(175,175,175,.21);
	border-radius: 5px;
	background-color: transparent;
	background: url(../images/pc-6-tkbg.png) center center no-repeat;
	background-size: cover;
	min-width:100%;
	max-width:100%;
}

.main-content .c6 .pack:last-child {
	margin-right: 0
}

.main-content .c6 .pack .title {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 20px;
	margin-top: 50px;
	height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: norwap
}

.main-content .c6 .pack .title::after {
	position: absolute;
	content: "";
	width: 18px;
	height: 2px;
	background: #ffb62b;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0
}

.main-content .c6 .pack .price {
	color: #f74538;
	margin-bottom: 25px
}

.main-content .c6 .pack .price span {
	font-size: 30px;
	margin-right: 5px
}

.main-content .c6 .pack .desc {
	color: #7d93a1;
	line-height: 30px;
	height: 144px;
	width: 80%;
	overflow: hidden;
	margin: 20px auto;
	font-size: 14px
}

.main-content .c6 .pack .btn {
	width: 100%;
	height: 46px;
	margin: 10px 10%;
	background: linear-gradient(0deg,#ffe3e1 0%,#fff9f9 100%);
	border-radius: 23px;
	line-height: 46px;
	color: #f74538;
	font-size: 16px;
	font-weight: 600
}

.main-content .c6 .pack:hover .content {
	margin-top: -20px;
	box-shadow: 0 0 21px 0 rgba(175,175,175,.36)
}

.main-content .c6 .pack:hover .btn {
	background: linear-gradient(0deg,#f1463c 0%,#ff6b62 100%);
	color: #fff
}

.main-content .c7 .unit-title {
	width: 227px;
	height: 59px;
	background: url(../images/pc-7-bt.png) center center no-repeat;
	margin: 80px auto 70px
}

.main-content .c7 .msg {
	width: 100%
}

.main-content .c7 .msg img {
	width: 100%;
	max-width: 100%
}

.main-content .c7 .msg .lists {
	margin-top: 20px;
	width: 100%;
	line-height: 36px;
	font-size: 16px;
	color: #b4bbc1
}

.main-content .c7 .msg .lists li {
	width: 100%
}

.main-content .c7 .msg .lists .time {
	width: 50px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.main-content .c7 .msg .lists .title {
	width: calc(100% - 50px);
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.main-content .c7 .msg .lists .title a {
	color: #7d93a1
}

.main-content .c7 .msg .lists .title a:hover {
	color: #f1463c
}

.right-service {
	width: 140px;
	height: 520px;
	position: fixed;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	background: url(../images/pc-0-ydh.png)
}

.right-service .btn {
	width: 110px;
	height: 36px;
	position: absolute;
	left: 16px
}

.right-service .btn1 {
	top: 140px
}

.right-service .btn2 {
	top: 188px
}

.right-service .btn3 {
	top: 236px
}

.right-service .btn4 {
	top: 286px
}

.right-service .goBackTop {
	position: absolute;
	width: 26px;
	height: 13px;
	left: 59px;
	top: 493px;
	cursor: pointer
}

.cooperation-page {
	width: 100%
}

.cooperation-page .top-banner {
	width: 100%;
	height: 500px;
	background: url(../images/1-banner1.png) center center no-repeat
}

.cooperation-page .c1 .unit-title {
	width: 227px;
	height: 59px;
	background: url(../images/1-bt.png) center center no-repeat;
	margin: 100px auto 90px
}

.cooperation-page .c1 .navs {
	margin-bottom: 80px
}

.cooperation-page .c1 .navs .nav {
	width: 100%;
	height: 470px;
	box-shadow: 0 0 10px 0 rgba(175,175,175,.21);
	border-radius: 5px;
	background-color: #fff;
	float: left;
	margin-right: 59px;
	padding-top: 30px;
	text-align: center
}

.cooperation-page .c1 .navs .nav:hover {
	margin-top: -30px
}

.cooperation-page .c1 .navs .nav:last-child {
	margin-right: 0
}

.cooperation-page .c1 .navs .nav.nav1 {
	background-image: url(../images/pc-4-tkbg1.png)
}

.cooperation-page .c1 .navs .nav.nav2 {
	background-image: url(../images/pc-4-tkbg2.png)
}

.cooperation-page .c1 .navs .nav.nav3 {
	background-image: url(../images/pc-4-tkbg3.png)
}

.cooperation-page .c1 .navs .nav .title {
	font-size: 30px;
	margin: 10px 0;
	font-family: 寰蒋闆呴粦;
	font-weight: 700
}

.cooperation-page .c1 .navs .nav.nav1 .title {
	color: #f1463c
}

.cooperation-page .c1 .navs .nav.nav2 .title {
	color: #ff9e2c
}

.cooperation-page .c1 .navs .nav.nav3 .title {
	color: #9c66e6
}

.cooperation-page .c1 .navs .nav .icon {
	margin-bottom: 20px
}

.cooperation-page .c1 .navs .nav .content {
	margin-top: 5px;
	color: #7d93a1;
	font-size: 22px;
	height: 29px;
	overflow: hidden
}

.cooperation-page .c1 .navs .nav .content span {
	margin: 0 5px
}

.cooperation-page .c1 .navs .nav .btn {
	width: 178px;
	height: 48px;
	margin: 35px auto 0;
	border-radius: 24px;
	line-height: 48px;
	font-size: 16px;
	font-family: 寰蒋闆呴粦
}

.cooperation-page .c1 .navs .nav .btn.btn1 {
	background: linear-gradient(0deg,#ffe6e5 0%,#fff7f7 100%);
	color: #f1463c
}

.cooperation-page .c1 .navs .nav .btn.btn1:hover {
	background: linear-gradient(0deg,#f1463c 0%,#ff645b 100%);
	color: #fff
}

.cooperation-page .c1 .navs .nav .btn.btn2 {
	background: linear-gradient(0deg,#ffe7d2 0%,#fff9f4 100%);
	color: #ff9e2c
}

.cooperation-page .c1 .navs .nav .btn.btn2:hover {
	background: linear-gradient(0deg,#ff7a03 0%,#ffc442 100%);
	color: #fff
}

.cooperation-page .c1 .navs .nav .btn.btn3 {
	background: linear-gradient(0deg,#f2eaff 0%,#f9f5ff 100%);
	color: #a97de9
}

.cooperation-page .c1 .navs .nav .btn.btn3:hover {
	background: linear-gradient(0deg,#9040f6 0%,#fc93e6 100%);
	color: #fff
}

.partner-page {
	width: 100%
}

.partner-page .top-banner {
	width: 100%;
	height: 300px;
	background: url(../images/3-banner.png) center center no-repeat
}

.partner-page .c1 {
	width: 100%;
	background: url(../images/3-1-bg.png) top center no-repeat
}

.partner-page .c1 .unit-title {
	width: 333px;
	height: 62px;
	background: url(../images/3-1-bt.png) center center no-repeat;
	margin: 80px auto 70px
}

.partner-page .c1 .navs {
	width: 100%;
	display: inline-block;
	margin-bottom: 80px;
	background: #fff;
	box-shadow: 0 3px 9px 0 rgba(57,57,57,.15)
}

.partner-page .c1 .nav {
	float: left;
	width: 20%;
	text-align: center
}

.partner-page .c1 .nav1 {
	background: #fff
}

.partner-page .c1 .nav2 {
	background: #f4fafa
}

.partner-page .c1 .nav3 {
	background: #fffbfa
}

.partner-page .c1 .nav4 {
	background: #fff3eb
}

.partner-page .c1 .nav5 {
	background: #fef9f5
}

.partner-page .c1 .nav .head {
	height: 160px;
	color: #fff;
	padding-top: 20px;
	font-size: 24px
}

.partner-page .c1 .nav1 .head {
	background: #fbfbfb;
	color: #616161;
	line-height: 160px;
	padding-top: 0
}

.partner-page .c1 .nav2 .head {
	background: linear-gradient(20deg,#38a2fb 0%,#65efff 100%);
	height: 180px;
	margin-top: -20px;
	padding-top: 40px
}

.partner-page .c1 .nav3 .head {
	background: linear-gradient(20deg,#ffa345 0%,#ffd663 100%)
}

.partner-page .c1 .nav4 .head {
	background: linear-gradient(20deg,#ff5454 0%,#ff8560 100%)
}

.partner-page .c1 .nav5 .head {
	background: linear-gradient(20deg,#ff8065 0%,#ffc29a 100%)
}

.partner-page .c1 .nav .head p {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.partner-page .c1 .nav .head .btn {
	width: 70%;
	height: 40px;
	border-radius: 20px;
	font-size: 14px;
	line-height: 40px;
	margin: 0 auto
}

.partner-page .c1 .nav2 .head .btn {
	color: #38a2fb;
	background: linear-gradient(0deg,#e9fdff 0%,#ffffff 100%)
}

.partner-page .c1 .nav3 .head .btn {
	color: #ffa345;
	background: linear-gradient(0deg,#ffe3c7 0%,#ffffff 100%)
}

.partner-page .c1 .nav4 .head .btn {
	color: #ff615e;
	background: linear-gradient(0deg,#ffe7e6 0%,#ffffff 100%)
}

.partner-page .c1 .nav5 .head .btn {
	color: #ff8065;
	background: linear-gradient(0deg,#ffe7d7 0%,#ffffff 100%)
}

.partner-page .c1 .nav li {
	color: #161616;
	font-size: 16px;
	border-top: 1px solid #eaeaea;
	line-height: 48px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.partner-page .c1 .nav li .yes {
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	background: url(../images/gou.png) center center no-repeat;
	margin: 8px auto
}

.partner-page .c1 .nav li .no {
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	background: url(../images/cha.png) center center no-repeat;
	margin: 8px auto
}

.partner-page .c2 {
	width: 100%;
	background: url(../images/3-2-bg.png) center bottom no-repeat
}

.partner-page .c2 .unit-title {
	width: 333px;
	height: 59px;
	background: url(../images/3-2-bt.png) center center no-repeat;
	margin: 80px auto 70px
}

.partner-page .c2 .content {
	height: 781px
}

.partner-page .c2 .desc {
	box-shadow: 0 3px 9px 0 rgba(11,55,83,.15);
	padding: 25px;
	background: #fff;
	border-right: 5px;
	height: 300px
}

.partner-page .c2 .desc .title {
	font-size: 20px;
	color: #0d9cf5;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
	text-align: center
}

.partner-page .c2 .desc .title::after {
	position: absolute;
	content: '';
	width: 31px;
	height: 2px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/3-2-dian.png)
}

.partner-page .c2 .desc .title span {
	position: relative;
	padding: 0 15px
}

.partner-page .c2 .desc .title span::before {
	position: absolute;
	width: 5px;
	height: 5px;
	content: '';
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #feaa3c;
	border-radius: 50%
}

.partner-page .c2 .desc .sub {
	color: #7d93a1;
	font-size: 14px;
	line-height: 24px;
	height: 120px;
	overflow: hidden
}

.partner-page .c2 .bot {
	width: 11px;
	height: 60px;
	margin: 10px auto 0
}

.partner-page .c2 .bot.up {
	background: url(../images/3-2-xians.png)
}

.partner-page .c2 .bot.down {
	background: url(../images/3-2-xianx.png)
}

.partner-page .c2 .no {
	width: 70px;
	height: 70px;
	position: absolute;
	right: 40px;
	bottom: 40px;
	opacity: .6;
	margin-top: 20px;
	background-position: right center;
	background-repeat: no-repeat
}

.partner-page .c2 .no1 {
	background-image: url(../images/3-2-1.png)
}

.partner-page .c2 .no2 {
	background-image: url(../images/3-2-2.png)
}

.partner-page .c2 .no3 {
	background-image: url(../images/3-2-3.png)
}

.partner-page .c2 .no4 {
	background-image: url(../images/3-2-4.png)
}

.partner-page .c2 .no5 {
	background-image: url(../images/3-2-5.png)
}

.partner-page .c2 .no6 {
	background-image: url(../images/3-2-6.png)
}

.partner-page .c2 .no7 {
	background-image: url(../images/3-2-7.png)
}

.partner-page .c2 .no8 {
	background-image: url(../images/3-2-8.png)
}

.partner-page .c2 .steps11 {
	display: inline-block;
	width: 100%;
	padding: 250px 0 400px;
	position: relative
}

.partner-page .c2 .steps11::before {
	position: absolute;
	width: 100%;
	height: 2px;
	content: "";
	background: linear-gradient(90deg,#1ea1f5 0%,#4abdff 100%);
	left: -100%;
	top: 339px
}

.partner-page .c2 .steps11::after {
	position: absolute;
	width: 100%;
	height: 2px;
	content: "";
	background: linear-gradient(90deg,#1ea1f5 0%,#4abdff 100%);
	right: -100%;
	top: 339px
}

.partner-page .c2 .st {
	width: 12.5%;
	height: 180px;
	float: left;
	text-align: center;
	position: relative
}

.partner-page .c2 .st .icon {
	width: 70px;
	height: 70px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 2
}

.partner-page .c2 .st .icon:before {
	position: inherit;
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,#1ea1f5 0%,#4abdff 100%);
	content: "";
	top: 34px;
	left: -100%;
	z-index: 1
}

.partner-page .c2 .st .icon:after {
	position: inherit;
	width: 100%;
	height: 2px;
	background: #4abdff;
	content: "";
	top: 34px;
	right: -100%;
	z-index: 1
}

.partner-page .c2 .st.pt {
	padding-top: 120px
}

.partner-page .c2 .st1 .icon {
	background-image: url(../images/3-2-1.png)
}

.partner-page .c2 .st2 .icon {
	background-image: url(../images/3-2-2.png)
}

.partner-page .c2 .st3 .icon {
	background-image: url(../images/3-2-3.png)
}

.partner-page .c2 .st4 .icon {
	background-image: url(../images/3-2-4.png)
}

.partner-page .c2 .st5 .icon {
	background-image: url(../images/3-2-5.png)
}

.partner-page .c2 .st6 .icon {
	background-image: url(../images/3-2-6.png)
}

.partner-page .c2 .st7 .icon {
	background-image: url(../images/3-2-7.png)
}

.partner-page .c2 .st8 .icon {
	background-image: url(../images/3-2-8.png)
}

.partner-page .c2 .st .line {
	width: 100%;
	height: 2px;
	position: absolute;
	z-index: 1;
	top: 89px;
	left: 0;
	background: linear-gradient(90deg,#1ea1f5 0%,#4abdff 100%)
}

.partner-page .c2 .st .info {
	width: 160%;
	box-shadow: 0 3px 9px 0 rgba(11,55,83,.15);
	padding: 25px;
	background: #fff;
	border-right: 5px;
	position: absolute;
	bottom: 190px;
	left: -30%
}

.partner-page .c2 .st .info .title {
	font-size: 20px;
	color: #0d9cf5;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
	text-align: center
}

.partner-page .c2 .st .info .title::after {
	position: absolute;
	content: '';
	width: 31px;
	height: 2px;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/3-2-dian.png)
}

.partner-page .c2 .st .info .title span {
	position: relative;
	padding: 0 15px;
	display: inline-block;
	margin: 0 auto
}

.partner-page .c2 .st .info .title span::before {
	position: absolute;
	width: 5px;
	height: 5px;
	content: '';
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #feaa3c;
	border-radius: 50%
}

.partner-page .c2 .st .info .title span::after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: '';
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #feaa3c;
	border-radius: 50%
}

.partner-page .c2 .st .info .sub {
	color: #7d93a1;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
	overflow: hidden
}

.partner-page .c2 .st.pt .info {
	top: 190px;
	bottom: unset
}

.partner-page .c3 {
	width: 100%;
	background: url(../images/3-3-bg.png) center top no-repeat
}

.partner-page .c3 .unit-title {
	width: 260px;
	height: 59px;
	background: url(../images/3-3-bt.png) center center no-repeat;
	margin: 80px auto 70px
}

.partner-page .c3 .tabs {
	background: #fff;
	margin-bottom: 100px
}

.partner-page .c3 .tabs .tab {
	position: relative;
	width: 20%;
	height: 260px;
	padding: 20px;
	float: left;
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	color: #666;
	line-height: 24px;
	z-index: 1;
	margin: 0;
	overflow: hidden
}

.partner-page .c3 .tabs .tab .icon {
	width: 100px;
	height: 100px;
	margin: 20px auto;
	background-position: center left;
	background-repeat: no-repeat
}

.partner-page .c3 .tabs .tab:hover {
	padding: 25px;
	background: linear-gradient(40deg,#0d8cee 0%,#35baff 100%);
	box-shadow: 0 1px 21px 0 rgba(219,61,45,.11);
	color: #fff;
	margin: -10px;
	width: calc(20% + 20px);
	height: 280px;
	border: none;
	z-index: 2
}

.partner-page .c3 .tabs .tab:hover .icon {
	background-position: center right
}

.partner-page .c3 .tabs .tab1 .icon {
	background-image: url(../images/3-3-icon1.png)
}

.partner-page .c3 .tabs .tab2 .icon {
	background-image: url(../images/3-3-icon2.png)
}

.partner-page .c3 .tabs .tab3 .icon {
	background-image: url(../images/3-3-icon3.png)
}

.partner-page .c3 .tabs .tab4 .icon {
	background-image: url(../images/3-3-icon4.png)
}

.partner-page .c3 .tabs .tab5 .icon {
	background-image: url(../images/3-3-icon5.png)
}

.partner-page .c3 .tabs .tab6 .icon {
	background-image: url(../images/3-3-icon6.png)
}

.partner-page .c3 .tabs .tab7 .icon {
	background-image: url(../images/3-3-icon7.png)
}

.partner-page .c3 .tabs .tab8 .icon {
	background-image: url(../images/3-3-icon8.png)
}

.partner-page .c3 .tabs .tab9 .icon {
	background-image: url(../images/3-3-icon9.png)
}

.partner-page .c3 .tabs .tab10 .icon {
	background-image: url(../images/3-3-icon10.png)
}

.partner-page .c3 .tabs .tab11 .icon {
	background-image: url(../images/3-3-icon11.png)
}

.partner-page .c3 .tabs .tab12 .icon {
	background-image: url(../images/3-3-icon12.png)
}

.partner-page .c3 .tabs .tab13 .icon {
	background-image: url(../images/3-3-icon13.png)
}

.partner-page .c3 .tabs .tab14 .icon {
	background-image: url(../images/3-3-icon14.png)
}

.partner-page .c3 .tabs .tab15 .icon {
	background-image: url(../images/3-3-icon15.png)
}

.partner-page .c4 {
	width: 100%;
	background: #fbfbfb
}

.partner-page .c4 .unit-title {
	width: 260px;
	height: 58px;
	background: url(../images/3-4-bt.png) center center no-repeat;
	margin: 80px auto 70px
}

.partner-page .c4 .content {
	margin-bottom: 50px
}

.partner-page .c4 .content .img {
	height: 360px;
	line-height: 360px
}

.partner-page .c4 .content .img img {
	width: 100%;
	max-width: 100%;
	max-height: 360px
}

.partner-page .c4 .content .info {
	margin-top: 30px;
	height: 300px;
	background: #fff;
	box-shadow: 0 1px 21px 0 rgba(71,71,71,.15);
	padding: 40px 50px;
	color: #7d93a1;
	font-size: 16px;
	line-height: 30px
}

.partner-page .c4 .content .info .title {
	font-size: 30px;
	color: #2e2e2e;
	font-weight: 700;
	padding-bottom: 30px;
	margin-bottom: 20px;
	position: relative
}

.partner-page .c4 .content .info .title:after {
	position: absolute;
	width: 28px;
	height: 3px;
	background: #0092ff;
	bottom: 0;
	left: 0;
	content: ''
}

.partner-page .c4 .content .info .desc {
	height: 120px;
	overflow: hidden
}

.partner-page .c5 {
	width: 100%
}

.partner-page .c5 .unit-title {
	width: 227px;
	height: 59px;
	background: url(../images/3-5-bt.png) center center no-repeat;
	margin: 80px auto 70px
}

.partner-page .c5 .content {
	margin-bottom: 100px;
	width: 100%;
	text-align: center
}

.partner-page .c5 .content img {
	max-width: 100%
}

.participate-page {
	width: 100%
}

.participate-page .top-banner {
	width: 100%;
	display: inline-block;
	background: url(../images/banner.png) top center no-repeat
}

.participate-page .info {
	margin-top: 229px;
	width: 100%;
	padding: 0 50px;
	display: inline-block;
	background: #fff;
	box-shadow: 0 3px 9px 0 rgba(63,63,63,.1)
}

.participate-page .info .tab {
	width: 100%;
	line-height: 120px;
	position: relative;
	padding: 0 5px;
	text-align: center
}

.participate-page .info .tab:after {
	width: 1px;
	height: 100px;
	background: #e8e8e8;
	right: 0;
	top: 10px
}

.participate-page .info .tab img {
	max-width: 100%;
	width: 80px
}

.participate-page .info .tab .desc {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left
}

.participate-page .c1 {
	width: 100%
}

.participate-page .c1 .unit-title {
	width: 227px;
	height: 59px;
	background: url(../images/2-2-bt.png) center center no-repeat;
	margin: 80px auto 70px
}

.participate-page .c1 .content {
	margin-bottom: 100px;
	width: 100%;
	text-align: center
}

.participate-page .c1 .content img {
	max-width: 100%
}

.participate-page .c2 {
	width: 100%;
	background: url(../images/2-3-bg.png)
}

.participate-page .c2 .unit-title {
	width: 227px;
	height: 58px;
	background: url(../images/2-3-bt.png) center center no-repeat;
	margin: 80px auto 70px
}

.participate-page .c2 .navs {
	width: 100%;
	display: inline-block;
	padding-top: 160px;
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0 3px 9px 0 rgba(57,57,57,.15);
	position: relative
}

.participate-page .c2 .navs .heads {
	width: 100%;
	position: absolute;
	height: 160px;
	top: 0;
	background: #fff;
	z-index: 999
}

.participate-page .c2 .navs .heads .head {
	width: 20%;
	float: left;
	height: 160px;
	text-align: center;
	color: #fff;
	padding-top: 20px;
	font-size: 24px
}

.participate-page .c2 .navs .heads .head:not(.head1).active {
	height: 180px;
	margin-top: -20px;
	padding-top: 40px
}

.participate-page .c2 .navs .heads .head1 {
	background: #fbfbfb;
	color: #616161;
	line-height: 160px;
	padding-top: 0
}

.participate-page .c2 .navs .heads .head5 {
	background: linear-gradient(20deg,#38a2fb 0%,#65efff 100%)
}

.participate-page .c2 .navs .heads .head4 {
	background: linear-gradient(20deg,#ffa345 0%,#ffd663 100%)
}

.participate-page .c2 .navs .heads .head3 {
	background: linear-gradient(20deg,#ff5454 0%,#ff8560 100%)
}

.participate-page .c2 .navs .heads .head2 {
	background: linear-gradient(20deg,#ff8065 0%,#ffc29a 100%)
}

.participate-page .c2 .navs .head p {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.participate-page .c2 .navs .head .btn {
	width: 70%;
	height: 40px;
	border-radius: 20px;
	font-size: 14px;
	line-height: 40px;
	margin: 0 auto
}

.participate-page .c2 .navs .head5 .btn {
	color: #38a2fb;
	background: linear-gradient(0deg,#e9fdff 0%,#ffffff 100%)
}

.participate-page .c2 .navs .head4 .btn {
	color: #ffa345;
	background: linear-gradient(0deg,#ffe3c7 0%,#ffffff 100%)
}

.participate-page .c2 .navs .head3 .btn {
	color: #ff615e;
	background: linear-gradient(0deg,#ffe7e6 0%,#ffffff 100%)
}

.participate-page .c2 .navs .head2 .btn {
	color: #ff8065;
	background: linear-gradient(0deg,#ffe7d7 0%,#ffffff 100%)
}

.participate-page .c2 .navs.active .heads {
	position: fixed;
	top: 100px;
	z-index: 999
}

.participate-page .c2 .nav {
	float: left;
	width: 20%;
	text-align: center;
	position: relative;
	z-index: 1
}

.participate-page .c2 .nav .head {
	width: 100%;
	height: 160px;
	position: absolute;
	top: 0;
	color: #fff;
	padding-top: 20px;
	font-size: 24px
}

.participate-page .c2 .nav1 .head {
	background: #fbfbfb;
	color: #616161;
	line-height: 160px;
	padding-top: 0
}

.participate-page .c2 .nav5 .head {
	background: linear-gradient(20deg,#38a2fb 0%,#65efff 100%)
}

.participate-page .c2 .nav4 .head {
	background: linear-gradient(20deg,#ffa345 0%,#ffd663 100%)
}

.participate-page .c2 .nav3 .head {
	background: linear-gradient(20deg,#ff5454 0%,#ff8560 100%)
}

.participate-page .c2 .nav2 .head {
	background: linear-gradient(20deg,#ff8065 0%,#ffc29a 100%)
}

.participate-page .c2 .nav li {
	color: #161616;
	font-size: 16px;
	border-top: 1px solid #eaeaea;
	line-height: 48px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.participate-page .c2 .nav li .yes {
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	background: url(../images/gou.png) center center no-repeat;
	margin: 8px auto
}

.participate-page .c2 .nav li .no {
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	background: url(../images/cha.png) center center no-repeat;
	margin: 8px auto
}

.participate-page .c2 .nav1 li {
	padding-left: 25px;
	text-align: left;
	position: relative
}

.participate-page .c2 .nav1 li i {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/tishi.png);
	cursor: pointer
}

.participate-page .c2 .nav1 ul {
	padding-left: 40px;
	position: relative
}

.participate-page .c2 .nav1 ul .name {
	position: absolute;
	width: 20px;
	text-align: left;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: #616161
}

.participate-page .c2 .nav1 ul:first-child {
	background: #fff
}

.participate-page .c2 .nav1 ul:last-child {
	background: #fbfbfb
}

.participate-page .c2 .nav2 ul:first-child {
	background: #fef9f5
}

.participate-page .c2 .nav2 ul:last-child {
	background: #fff9f3
}

.participate-page .c2 .nav3 ul:first-child {
	background: #fff3eb
}

.participate-page .c2 .nav3 ul:last-child {
	background: #ffeee4
}

.participate-page .c2 .nav4 ul:first-child {
	background: #fffbfa
}

.participate-page .c2 .nav4 ul:last-child {
	background: #fef9f5
}

.participate-page .c2 .nav5 ul:first-child {
	background: #f4fafa
}

.participate-page .c2 .nav5 ul:last-child {
	background: #ecf3f9
}

.participate-page .c2 .nav:not(.nav1):hover .head {
	height: 180px;
	margin-top: -20px;
	padding-top: 40px
}

.participate-page .c2 .nav:not(.nav1):hover {
	box-shadow: 0 3px 9px 2px rgba(57,57,57,.15);
	z-index: 2
}

.participate-page .c2 .desc {
	font-size: 18px;
	color: #6f6e6e;
	text-align: center;
	margin-bottom: 60px
}

.cooperation-service {
	width: 140px;
	height: 248px;
	position: fixed;
	right: 30px;
	bottom: 200px;
	background: url(../images/zx-0.png) center center no-repeat;
	z-index: 9999;
	cursor: pointer;
	padding: 20px;
	overflow: hidden
}

.cooperation-service.active {
	width: 300px;
	height: 350px;
	background: url(../images/zx-1.png) center center no-repeat;
	border-radius: 10px 10px 0 0;
	cursor: unset
}

.cooperation-service .content {
	display: none
}

.cooperation-service.active .content {
	display: block
}

.cooperation-service #input_qq {
	margin-top: 133px
}

.cooperation-service #input_msg {
	margin-top: 12px;
	height: 90px;
	min-height: 90px
}

.cooperation-service .btn {
	width: 96px;
	height: 28px;
	margin: 15px auto;
	line-height: 28px;
	text-align: center;
	background: linear-gradient(0deg,#bdbdbd 0%,#cccccc 100%);
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: not-allowed
}

.cooperation-service .btn.active {
	cursor: pointer;
	background: linear-gradient(0deg,#ffc937 0%,#ffe746 100%);
	color: #fe7466
}

.cooperation-service .ol_service {
	position: absolute;
	width: 96px;
	height: 28px;
	top: 88px;
	right: 19px
}

@media screen and (min-width:992px) {
	.page-header .header-card {
		width: 96%
	}

	.center-card {
		width: 96%;
		margin: 0 2%
	}

	.participate-page .c2 .navs.active .heads {
		width: 96%;
		left: 2%
	}
}

@media screen and (min-width:1200px) {
	.page-header .header-card {
		width: 75%;
		min-width: 1150px
	}

	.center-card {
		width: 75%;
		margin: -35px 12.5%
	}

	.participate-page .c2 .navs.active .heads {
		width: 75%;
		left: 12.5%
	}
}

@media screen and (max-width:992px) {
	.page-header .header-card {
		width: 90%
	}

	.main-content {
		margin-top: 20px
	}

	.main-content .content {
		padding: 0 2%
	}

	.right-service {
		display: none
	}

	.page-footer {
		padding: 0 2% 2%
	}

	.page-copyright {
		padding: 0 2%
	}

	.main-content .c3 .unit-title2 {
		margin-top: 20px
	}

	.main-content .c3 .adv.tp100 {
		padding-top: 0
	}

	.cooperation-page,.partner-page,.participate-page {
		margin-top: 20px;
		padding: 0 2%
	}

	.partner-page .c3 .tabs {
		width: 96%;
		margin: 0 2%
	}

	.partner-page .c3 .tabs .tab {
		width: 33.33%
	}

	.partner-page .c3 .tabs .tab:hover {
		width: calc(33.33% + 20px)
	}
}

@media screen and (max-width:1440px) {
	.page-footer .bot .ser {
		width: 35%
	}

	.page-footer .bot .ser.ser_ol {
		display: none
	}

	.page-footer .bot .ser.ser_lst {
		width: 30%
	}

	.right-service {
		top: 80px;
		transform: none
	}
}

.left_ad {
	position: fixed;
	width: 150px;
	height: 150px;
	left: 20px;
	bottom: 50px;
	background: url(../images/zuo.png);
	z-index: 9999;
	cursor: pointer
}

.left_ad .acontent {
	display: none
}

.left_ad.active {
	width: 100%;
	height: 344px;
	left: 0;
	bottom: 0;
	background: url(../images/home-ad.png) center center no-repeat
}

.left_ad.active .content {
	display: block;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative
}

.left_ad.active .btn {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 30px;
	top: 20px;
	cursor: pointer
}