@charset "UTF-8";

/*网站单位设置*/
@media (max-width: 767px) {
	html {
		font-size: 26px !important;
	}
}

@media (max-width: 479px) {
	html {
		font-size: 24px !important;
	}
}

@media (max-width: 320px) {
	html {
		font-size: 20px !important;
	}
}

@media (min-width: 768px) {
	html {
		font-size: 28px !important;
	}
}

@media (min-width: 1200px) {
	html {
		font-size: 30px !important;
	}
}

@media (min-width: 1440px) {
	html {
		font-size: 34px !important;
	}
}

@media (min-width: 1680px) {
	html {
		font-size: 40px !important;
	}
}

div,
ul,
li,
span,
a {
	box-sizing: border-box;
	list-style: none;
}
.welcome-wrap{
    overflow: hidden;
}
.weixin-tip {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: none;
	background: rgba(0, 0, 0, 0.7);
}

.por {
	position: relative;
}

.poa {
	position: absolute;
}

.w92 {
	width: 87.5%;
	margin-left: auto;
	margin-right: auto;
}

.Arial {
	font-family: "Arial";
}

.toUpp {
	text-transform: uppercase;
}

.bgff {
	background: #fff;
}

.bgf1 {
	background: #f1f1f1;
}

.app .moudle-titles3 {
	padding: 1.9rem 0 .9rem;
}

.nowrap {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.omit {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.poaafter {
	display: block;
	position: absolute;
	content: "";
}

.omit1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.omit2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.omit3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.omit4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.omit5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.omit6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.omit7 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.omit8 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.omit9 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.nowrap {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.opa7 {
	opacity: .7;
	filter: alpha(opacity=70);
}

.ovh {
	overflow: hidden;
}

.ovs {
	overflow: visible;
}

.img100 {
	display: block;
	width: 100%;
}
.imgfixed{
	position: relative;
	top: -10px;
}

.table {
	display: table;
	width: 100%;
	height: 100%;
}

.table-cell {
	display: table-cell;
	vertical-align: middle;
}

.flexBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.can-hover .img-wrap {
	overflow: hidden;
}

.can-hover .img-wrap .img100 {
	transition: all 1s ease;
}

.can-hover:hover .img-wrap .img100 {
	transform: scale3D(1.1, 1.1, 1.1);
}

.bgImg {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.bgef {
	background: #efefef;
}

.poa50 {
	position: absolute;
	left: 50%;
	top: 50%;
}

.poa100 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.sha10 {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.header-nav,
.search-btn {
	transition: all 0.5s;
}

.hide1 {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}

.show1 {
	z-index: 3;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.w740 {
	width: 740px;
}

.bgf5 {
	background: #f5f5f5;
}

.w840 {
	width: 840px;
}

.w850 {
	width: 850px;
}

.w1180 {
	width: 1180px;
}

.w1280 {
	width: 1280px;
}

.w1200 {
	width: 1200px;
}

.w1240 {
	width: 1240px;
}

.w1450 {
	width: 1450px;
}

.w1600 {
	width: 83.3vw;
}

.w1690 {
	width: 88vw;
}

.w840,
.w740,
.w850,
.w1280,
.w1200,
.w1600,
.w1240,
.w1450,
.w1180,
.w1690 {
	margin-left: auto;
	margin-right: auto;
}

.header {
	overflow: visible;
	position: fixed;
	z-index: 7;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 20px;
	background: #1b1b1b;
	transition-duration: .5s;
}

.header .logo {
	flex: 0 0 206px;
	height: 24px;
}

.header .m-nav-btn {
	display: none;
	position: absolute;
	width: 20px;
	height: 14px;
	cursor: pointer;
	left: 6.125%;
	top: 27px;
}

.header .m-nav-btn.cur .line1 {
	transform: rotate(47deg);
}

.header .m-nav-btn.cur .line2 {
	display: none;
}

.header .m-nav-btn.cur .line3 {
	transform: rotate(-47deg);
}

.header .m-nav-btn .line {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	left: 0;
	transition: all .5s ease;
	margin: 0;
}

.header .m-nav-btn .line1 {
	top: 0;
	-webkit-transform-origin: left top 0;
	-ms-transform-origin: left top 0;
	transform-origin: left top 0;
}

.header .m-nav-btn .line2 {
	top: 7px;
}

.header .m-nav-btn .line3 {
	top: 100%;
	-webkit-transform-origin: left bottom 0;
	-ms-transform-origin: left bottom 0;
	transform-origin: left bottom 0;
}

.header .header-right {
	flex: 0 0 992px;
	display: inline-flex;
	justify-content: space-around;
}

.header .header-mains {
	transition: all 0.5s;
}

.header .language-a-wrap {
	flex: 0 0 74px;
	height: 24px;
	padding-top: 2px;
	display: inline-flex;
	justify-content: space-around;
	margin: 0 52px;
	position: relative;
}

.header .language-a-wrap:before,
.header .language-a-wrap:after {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	display: inline-block;
	content: "";
	height: 14px;
	width: 1px;
	background: rgba(255, 255, 255, 0.1);
}

.header .language-a-wrap:before {
	left: -26px;
}

.header .language-a-wrap:after {
	right: -26px;
}

.header .language-a {
	display: inline-block;
	position: relative;
	flex: 0 0 36px;
	height: 20px;
	line-height: 18px;
	border: 1px solid #fff;
	transition-duration: .3s;
	text-align: center;
	color: #fff;
	overflow: hidden;
}

.header .language-a:hover,
.header .language-a.cur {
	color: #1b1b1b;
	background: #fff;
}

.header .en-a {
	left: 1px;
	border-radius: 10px 0 0 10px;
}

.header .cn-a {
	border-left: none;
	border-radius: 0 10px 10px 0;
}

.header .mobile-a {
	position: relative;
	flex: 0 0 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 2px 17px 0 0;
	background: url(../img/moblie.png) no-repeat center;
}

.header .mobile-hides {
	display: none;
	position: absolute;
	left: 50%;
	top: calc(100% + 22px);
	width: 226px;
	padding: 10px 0;
	background: #fff;
	transform: translateX(-50%);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	text-align: center;
}

.header .ewm-hides-item {
	display: inline-block;
	width: 90px;
	vertical-align: top;
	margin: 0 10px;
}

.header .ewm-img-wrap {
	padding: 5px;
	border: 1px solid #ebdfdf;
}

.header .ewm-txt {
	font-size: 12px;
	line-height: 1.2;
	margin-top: 10px;
	color: #333;
}

.header .show-search-btn {
	margin-top: 2px;
	display: inline-block;
	width: 20px;
	flex: 0 0 20px;
	cursor: pointer;
	height: 20px;
	transition-duration: .3s;
}

.m-language-a {
	display: none;
	padding-top: 4px;
	bottom: 20px;
	right: 6.125%;
	width: 74px;
	height: 28px;
	justify-content: space-around;
	position: absolute;
}

.header-nav {
	flex: 0 0 auto;
	display: inline-flex;
}

.header-nav .nav-item {
	position: relative;
	flex: 0 0 auto;
	padding-bottom: 20px;
}

.header-nav .nav-item:hover .nav-top-a1,
.header-nav .nav-item.cur .nav-top-a1 {
	color: #fff;
}

.header-nav .nav-sub-wrap {
	display: none;
	background: rgba(27, 27, 27, 0.7);
	position: absolute;
	right: 0;
	top: 100%;
	width: calc(100% + 20px);
	height: auto;
}

.header-nav .nav-top-a1 {
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding-right: 44px;
	color: rgba(255, 255, 255, 0.7);
	transition-duration: .3s;
}

.header-nav .nav-top-a2 {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	padding: 0 14px;
	color: #fff;
	background: #e60039;
	border-radius: 12px;
	transition-duration: .3s;
}

.header-nav .sub-a {
	display: block;
	font-size: 12px;
	line-height: 44px;
	color: #fff;
	transition-duration: .3s;
	padding: 0 10px 0 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.header-nav .sub-a:hover {
	background: #e60039;
	padding-left: 16px;
}

.header-search-wrap {
	position: fixed;
	z-index: 4;
	left: 50%;
	top: 15px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	width: 600px;
	height: 34px;
	margin-left: -300px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: #666;
	line-height: 34px;
	transition: all 0.5s;
	background: #fff;
	padding-right: 50px;
}

.header-search-wrap .submit {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 36px;
	height: 34px;
	border: none;
	box-sizing: border-box;
}

.header-search-wrap .ser-input {
	width: 100%;
	height: 34px;
	position: relative;
	border: none;
	background: none;
	box-sizing: border-box;
	text-indent: 20px;
}

.header-search-wrap .search-close {
	position: absolute;
	display: block;
	right: -60px;
	top: 50%;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	background-size: 20px !important;
	cursor: pointer;
	transition-duration: .5s;
}

.header-search-wrap .search-close:hover {
	transform: rotate(90deg);
}

.toUpp {
	text-transform: uppercase;
}

.pro-hd01 {
	position: absolute;
	z-index: 3;
	width: 1280px !important;
	bottom: 4rem !important;
	left: 50% !important;
	transform: translate(-50%, 0);
}

.pro-hd01 .swiper-pagination-bullet {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0 5px !important;
	position: relative;
	transition-duration: .5s;
	cursor: pointer;
	background: none;
	opacity: 1;
	border: 1px solid transparent;
}

.pro-hd01 .swiper-pagination-bullet:before {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	content: "";
	width: 4px;
	height: 4px;
	margin-left: -2px;
	margin-top: -2px;
	border-radius: 50%;
	transition-duration: .5s;
	background: #fff;
}

.pro-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border-color: #fff;
}

.pro-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	transform: scale(1.5);
}

.pro-hd02 {
	padding-top: 1.6rem;
	text-align: center;
}

.pro-hd02 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 0 5px !important;
	position: relative;
	transition-duration: .5s;
	cursor: pointer;
	background: none;
	opacity: 1;
	border: 1px solid #8d8d8d;
}

.pro-hd02 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border-color: #e60039;
	background: #e60039;
}


.intro-list11-hd01 {
	padding: 1.5rem 0;
	text-align: center;
}

.intro-list11-hd01 .swiper-pagination-bullet {
	width: 1rem;
	height: 2px;
	display: inline-block;
	margin: 0 8px !important;
	position: relative;
	transition-duration: .5s;
	cursor: pointer;
	opacity: 1;
	background: #999;
	border-radius: 0;
}

.intro-list11-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	height: 4px;
	background: #e8334a;
}




.pro-hd03 {
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	text-align: center;
}

.pro-hd03 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 0 5px !important;
	position: relative;
	transition-duration: .5s;
	cursor: pointer;
	background: none;
	opacity: 1;
	border: 1px solid #fff;
}

.pro-hd03 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
}

.wel-hd01 {
	position: absolute;
	z-index: 3;
	bottom: 25px !important;
	left: 0 !important;
	text-align: center;
}

.wel-hd01 .swiper-pagination-bullet {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0 5px !important;
	position: relative;
	transition-duration: .5s;
	cursor: pointer;
	background: none;
	opacity: 1;
	border: 1px solid transparent;
}

.wel-hd01 .swiper-pagination-bullet:before {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	content: "";
	width: 4px;
	height: 4px;
	margin-left: -2px;
	margin-top: -2px;
	border-radius: 50%;
	transition-duration: .5s;
	background: #fff;
}

.wel-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border-color: #fff;
}

.wel-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	transform: scale(1.5);
}

.footer {
}

.footer-outerLink {
	justify-content: center;
}

.footer-outerLink .outer-item {
	z-index: 3;
	flex: 0 0 auto;
	position: relative;
	margin-left: 2.4rem;
	cursor: pointer;
	padding: 1.7rem 0;
}

.footer-outerLink .outer-item:before {
	background: #e5e5e5;
	height: 40px;
	content: "";
	display: block;
	width: 1px;
	position: absolute;
	left: -1.2rem;
	top: 50%;
	margin-top: -20px;
}

.footer-outerLink .outer-item:first-child {
	margin-left: 0;
}

.footer-outerLink .outer-item:first-child:before {
	display: none;
}

.footer-outerLink .outer-item:hover .hover {
	display: block;
}

.footer-outerLink .outer-item:hover .unhover {
	display: none;
}

.footer-outerLink .outer-item:hover .outer-name,
.footer-outerLink .outer-item:hover .outer-detail {
	color: #e60039;
}

.footer-outerLink .outer-ewm {
	display: none;
	background: #fff;
	padding: 2px;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 140px;
	margin-bottom: 16px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.footer-outerLink .hover {
	display: none;
}

.footer-outerLink .outer-mains {
	justify-content: flex-start;
}

.footer-outerLink .outer-ico {
	flex: 0 0 26px;
	width: 26px;
	position: relative;
	height: 24px;
	overflow: hidden;
	margin-right: 12px;
}

.footer-outerLink .outer-ico .img100 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.footer-outerLink .outer-txts {
	position: relative;
	flex: 0 0 auto;
	max-width: 210px;
}

.footer-outerLink .outer-name {
	font-size: 18px;
	line-height: 20px;
	color: #333;
	margin-bottom: 5px;
	transition-duration: .3s;
}

.footer-outerLink .outer-detail {
	font-size: 14px;
	line-height: 20px;
	color: #6f6f6f;
	transition-duration: .3s;
}

.footer-top {
	padding: 2.8rem 0 3.2rem;
}

.footer-top .footer-top-left {
	width:80%
}

.footer-top .footer-top-right {
	flex: 0 0 220px;
}

.footer-top .footer-right {
	flex: 0 0 auto;
}

.footer-top .footer-nav {
	width: 30%;
	margin-bottom: 1rem;
}

.footer-top .footer-nav-a1 {
	display: block;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 1rem;
	color: #fff;
}

.footer-top .footer-nav-a11 {
	color: #e60039;
	font-size: 14px;
	margin-bottom: 12px;
	padding-left: 28px;
	transition-duration: .3s;
}

.footer-top .footer-nav-a11:hover {
	padding-left: 24px;
}

.footer-top .footer-nav-a2 {
	display: block;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	color: rgba(255, 255, 255, 0.6);
	transition-duration: .3s;
}

.footer-top .footer-nav-a2:hover {
	color: #fff;
}

.footer-top .tele-h5 {
	text-align: right;
}

.footer-top .ewm-btns {
	justify-content: flex-end;
}

.footer-top .tele-num {
	font-size: 30px;
	line-height: 1.3;
	color: #e60039;
	margin-bottom: 1.1rem;
}

.footer-right-address {
	font-size: 14px;
	line-height: 24px;
	color: #b2b6c0;
}

.footer-right-address .footer-company,
.footer-right-address .work-h5,
.footer-right-address .ser-line {
	color: #fff;
	margin-top: 1rem;
}

.footer-right-address .footer-add-h5 {
	color: #e60039;
	margin-top: 1rem;
}

.footer-bot {
	padding: 20px 0;
	font-size: 14px;
	line-height: 32px;
	color: rgba(255, 255, 255, 0.5);
	background: #373434;
}

.footer-bot .boc-a {
	color: rgba(255, 255, 255, 0.5);
	transition: all .3s ease;
	cursor: pointer;
}

.footer-bot .boc-a:hover {
	color: #fff;
}

.footer-bot .footer-bot-dl {
	flex: 0 0 auto;
	margin: 0 auto;
	text-align: center;
}
.footer-bot .footer-bot-dl span{
	display: block;
}

.footer-bot .footer-bot-dr {
	position: relative;
	flex: 0 0 230px;
}

.footer-bot .friend-name {
	cursor: pointer;
	color: rgba(255, 255, 255, 0.5);
	padding-left: 15px;
	background: url(../img/sectiontopon.png) no-repeat left 80px center;
}

.book-title-list li{
	display: inline-block;
	width: 48px;
	height: 48px;
	margin-right: 50px;
	cursor: pointer;
	position: relative;
}
.book-title-list li img{
	width: 100%;
	height: 100%;
	display: block;
}
.book-title-list .img-weixin{
	position: absolute;
	top: -136px;
	left: -40px;
	width: 128px;
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
	display: none;
}
.book-title-list .img-qq{
	position: absolute;
	top: -94px;
	left: -40px;
	width: 128px;
	background-color: #fff;
	padding: 15px;
	border-radius: 3px;
	line-height: 28px;
	display: none;
}
.book-title-list .img-emall{
	position: absolute;
	top: -94px;
	left: -56px;
	width: 160px;
	background-color: #fff;
	padding: 15px;
	border-radius: 3px;
	line-height: 28px;
	display: none;
}
.book-title-list .book-title-weixin:hover .img-weixin,
.book-title-list .book-title-qq:hover .img-qq,
.book-title-list .book-title-emall:hover .img-emall{
	display: block !important;
}



.footer-bot .friend-a {
	display: block;
	color: #333;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	transition-duration: .3s;
	padding: 0 10px;
}

.footer-bot .friend-a:hover {
	background: #fff;
	color: #e60039;
}

.footer-bot .friend-hides {
	position: absolute;
	z-index: 3;
	width: 100%;
	bottom: 100%;
	left: 0;
	display: none;
	background: #d8d7d7;
	color: #333;
	height: auto;
	line-height: 40px;
}

.book-email {
	width: 382px;
	color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	line-height: 48px;
	padding-top: 24px;
}

.book-email .book-title {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	margin-bottom: 1rem;
}

.book-email .book-mains {
	position: relative;
	padding-right: 110px;
	background: #d8d7d7;
}

.book-email .book-input {
	width: 100%;
	background: none;
	border: none;
	display: block;
	height: 48px;
	padding: 0 22px;
	box-sizing: border-box;
}

.book-email .book-input::placeHolder {
	color: rgba(0, 0, 0, 0.5);
}

.book-email .book-submit {
	padding: 0;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 110px;
	height: 48px;
	background: #e60039;
	text-align: center;
	color: #fff;
	border: none;
	display: block;
}

.load-more {
	display: block;
	position: relative;
	text-align: center;
	width: 180px;
	height: 50px;
	border: 1px solid #e60039;
	border-radius: 25px;
	overflow: hidden;
	padding-top: 15px;
	margin: 30px auto 0;
}

.load-more:after {
	content: "";
	position: absolute;
	z-index: 0;
	background: #e60039;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.load-more:before {
	content: "";
	display: block;
	width: 124%;
	height: 100%;
	position: absolute;
	left: -131%;
	top: 0;
	z-index: 1;
	background: #fff;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	transform: skewX(45deg);
	-webkit-transform: skewX(45deg);
	-moz-transform: skewX(45deg);
}

.load-more .load-s0 {
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	vertical-align: top;
	transition: .3s ease-in-out;
}

.load-more:hover .load-s0 {
	color: #e60039;
}

.load-more:hover:before {
	left: -13%;
}

.pages {
	padding: 28px 0 2rem;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
}

.pages .pagination {
	display: inline-block;
}

.pages .pagination a {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #000;
	text-align: center;
	border: 1px solid #d1d7d7;
	transition: all .3s linear;
	font-family: "Arial";
	vertical-align: top;
	margin: 0 5px;
	border-radius: 50%;
	line-height: 38px;
}

.pages .pagination a:hover,
.pages .pagination a.active {
	color: #fff;
	background: #e60039;
	border-color: #e60039;
}

.pages .pagination .prev,
.pages .pagination .next {
	overflow: hidden;
	color: transparent;
	font-size: 0;
	line-height: 40px;
	border-color: transparent;
}

.pages .pagination .prev:hover,
.pages .pagination .next:hover {
	color: transparent;
	font-size: 0;
}

.pages .pagination .prev {
	color: transparent;
	font-size: 0;
	background: url(../img/page-prev.png) no-repeat center;
}

.pages .pagination .prev:hover,
.pages .pagination .prev.active {
	border-color: transparent;
	background: url(../img/page-prevon.png) no-repeat center;
}

.pages .pagination .next {
	background: url(../img/page-next.png) no-repeat center;
}

.pages .pagination .next:hover,
.pages .pagination .next.active {
	border-color: transparent;
	background: url(../img/page-nexton.png) no-repeat center;
}

.pages .total-pages {
	display: inline-block;
	vertical-align: top;
	width: auto;
	color: #666;
}

.por {
	position: relative;
}

.js-left {
	opacity: 0;
	transform: translateX(-30px);
	transition-property: transform opacity;
	transition-duration: .8s;
	transition-timing-function: ease;
}

.js-right {
	opacity: 0;
	transform: translateX(30px);
	transition-property: transform opacity;
	transition-duration: .8s;
	transition-timing-function: ease;
}

.view-more1-wrap {
	transition-delay: .8s;
}

.view-more1 {
	width: 200px;
	height: 52px;
	line-height: 52px;
	background: #e60039;
	color: #fff;
	border-radius: 26px;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Arial';
	text-align: center;
	font-weight: bold;
	transition-duration: .3s;
}

.view-more1:hover {
	transform: translateX(10px);
}

.view-more1:after {
	position: relative;
	top: -2px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 10px;
	margin-left: 20px;
	transition-duration: .3s;
	background: url(../img/view-more1.png) no-repeat center;
}

@keyframes ball-clip-rotate-multiple-rotate1 {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		-moz-transform: translate(-50%, -50%) rotate(0deg);
		-o-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}

	50% {
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
		-moz-transform: translate(-50%, -50%) rotate(180deg);
		-o-transform: translate(-50%, -50%) rotate(180deg);
		transform: translate(-50%, -50%) rotate(180deg);
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		-moz-transform: translate(-50%, -50%) rotate(360deg);
		-o-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes ball-clip-rotate-multiple-rotate2 {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		-moz-transform: translate(-50%, -50%) rotate(0deg);
		-o-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}

	50% {
		-webkit-transform: translate(-50%, -50%) rotate(-180deg);
		-moz-transform: translate(-50%, -50%) rotate(-180deg);
		-o-transform: translate(-50%, -50%) rotate(-180deg);
		transform: translate(-50%, -50%) rotate(-180deg);
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(-360deg);
		-moz-transform: translate(-50%, -50%) rotate(-360deg);
		-o-transform: translate(-50%, -50%) rotate(-360deg);
		transform: translate(-50%, -50%) rotate(-360deg);
	}
}

.loaddings {
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	display: block;
	width: 48px;
	height: 48px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.loaddings:before,
.loaddings:after {
	border: 4px solid #999;
	box-sizing: border-box;
	border-radius: 50%;
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 0;
	transform: translate(-50%, -50%);
}

.loaddings:before {
	border-left-color: transparent;
	border-right-color: transparent;
	width: 48px;
	height: 48px;
	animation: ball-clip-rotate-multiple-rotate1 1s ease-in-out infinite;
}

.loaddings:after {
	border-top-color: transparent;
	border-bottom-color: transparent;
	width: 28px;
	height: 28px;
	animation: ball-clip-rotate-multiple-rotate2 1s ease-in-out infinite;
}

.ajax-contents {
	opacity: 0;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	-moz-transform: scale3d(0.8, 0.8, 1);
	-webkit-transition: all .6s;
	transition: all .6s;
}

.ajax-contents.cur {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
}

@keyframes rotate360 {
	form {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes cir-scale {
	0% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}

	80% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.2);
	}

	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.1);
	}
}

@keyframes cir-scale2 {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}

	60% {
		opacity: 1;
		transform: scale(1.2);
	}

	100% {
		opacity: 0;
		transform: scale(0.5);
	}
}

@keyframes cir-scale3 {
	0% {
		opacity: 0;
		transform: scale(0.85);
	}

	20% {
		opacity: 1;
	}

	60% {
		opacity: 1;
		transform: scale(1);
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: scale(0.85);
	}
}

@keyframes cir-scale4 {
	0% {
		transform: scale(0.5);
	}

	60% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(0.5);
	}
}

.moudle-titles1 {
	text-align: center;
	padding: 88px 0 44px;
}

.moudle-titles1 .moudle-h6 {
	font-size: 24px;
	line-height: 1.2;
	color: #4d4948;
	margin-bottom: 12px;
}

.moudle-titles1 .moudle-h5 {
	font-size: 36px;
	line-height: 1.2;
	color: #333;
}

.moudle-titles3 .moudle-h4 {
	font-size: 48px;
	line-height: 1.2;
	padding-bottom: 6px;
	color: #333;
}

.moudle-titles1 .moudle-font18 {
	font-size: 18px;
	line-height: 1.2;
	color: #888;
	margin-top: 14px;
}

.moudle-titles1 .s-red {
	color: #e60039;
}

.moudle-titles1 .h5-s0,
.moudle-titles1 .s-red {
	position: relative;
}
.h5-s0 b{
	font-style: italic;
	font-size: 48px;
	color: #ff0000;
	-webkit-text-stroke-width:4px;
	-webkit-text-stroke-color:#e60039;
	-webkit-text-fill-color: #fff;
}
.moudle-titles2 {
	text-align: center;
	padding: 70px 0 48px;
}

.moudle-titles2 .moudle-h5 {
	font-size: 36px;
	line-height: 1.2;
	color: #4d4948;
}

.moudle-titles2 .moudle-h5:after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	margin: 16px auto 0;
	background: #666;
}

.moudle-titles2.white .moudle-h5 {
	color: #fff;
}

.moudle-titles2.white .moudle-h5:after {
	background: #fff;
}

.app .flexBox.center {
	justify-content: center;
}

.moudle-titles3 {
	text-align: center;
	padding: 64px 0 56px;
	color: #333;
}

.moudle-titles3 .moudle-h5 {
	font-size: 36px;
	line-height: 1.5;
	font-weight: bold;
}

.moudle-titles3 .moudle-h6 {
	font-size: 30px;
	line-height: 1.5;
	color: #666;
}

.moudle-titles3 .moudle-detail {
	font-size: 14px;
	line-height: 2;
	margin-top: 12px;
}

.moudle-titles3.white {
	color: #fff;
}

.moudle-titles3.white .moudle-h5,
.moudle-titles3.white .moudle-h6 {
	color: #fff;
}

.moudle-titles4 {
	text-align: center;
	padding: 70px 0 48px;
}

.moudle-titles4 .moudle-h5 {
	font-size: 36px;
	line-height: 1.2;
	color: #4d4948;
}

.moudle-titles4 .moudle-h5:after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	margin: 16px auto 0;
	background: #666;
}

.moudle-titles4.white .moudle-h5 {
	color: #fff;
}

.moudle-titles4.white .moudle-h5:after {
	background: #fff;
}

.welcome-banner {
	overflow: hidden;
	position: relative;
}

.welcome-banner .m-banner-img {
	display: none;
}

.welcome-banner .swiper-slide {
	position: relative;
	z-index: 2;
	display: block;
	transition-duration: 4s;
}

.welcome-banner .swiper-wrapper {
	position: relative;
	z-index: 2;
}

.welcome-banner .swiper-slide-active {
	transform: scale(1.05);
}
.welcome-banner .swiper-slide-image img{
	width: 100%;
	height: 100%;
	display: block;
}
.wel-list1 {
	padding-bottom: 1rem;
}

.wel-list1 .w1600 {
	position: relative;
}

.wel-list1 .list1-titles {
	z-index: 3;
	position: absolute;
	left: 1.6rem;
	bottom: 24px;
	margin-top: 2.7rem;
}

.wel-list1 .tit-en {
	font-size: 16px;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.6);
	font-family: "Arial";
	position: relative;
}

.wel-list1 .tit-en:before {
	position: absolute;
	right: 100%;
	top: 50%;
	margin-right: 10px;
	content: "";
	display: block;
	width: 110px;
	height: 1px;
	background: #e60039;
}

.wel-list1 .tit-cn {
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.4);
}

.wel-list1 .list1-mains {
	padding: 1.5rem 1.6rem 4.5rem;
	position: relative;
	overflow: hidden;
}

.wel-list1 .list1-mains:before {
	content: "";
	height: 655px;
	width: 1098px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(../img/cir.png) no-repeat center;
	background-size: 100% !important;
	transition-duration: .8s;
	animation: cir-scale 3s infinite cubic-bezier(0, 0.43, 0.35, 0.85);
}

.wel-list1 .nav-tr {
	text-align: center;
}

.wel-list1 .td-s0 {
	display: block;
	width: auto;
	font-size: 14px;
	color: #fff;
	height: 22px;
	line-height: 22px;
	transition-duration: .5s;
}

.wel-list1 .nav-td {
	display: inline-block;
	position: relative;
	transition-duration: .5s;
	cursor: pointer;
	margin: 0 70px;
}

.wel-list1 .nav-td:after {
	content: "";
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	background-size: 100% !important;
	background: url(../img/cir2.png) no-repeat center;
	top: calc(100% + 8px);
	left: 50%;
	margin-left: -13px;
}

.wel-list1 .nav-td.cur .td-s0,
.wel-list1 .nav-td:hover .td-s0 {
	transform: scale(1.42);
}

.wel-list1 .nav-td.cur:after,
.wel-list1 .nav-td:hover:after {
	background: url(../img/cir2on.png) no-repeat center;
}

.wel-list1 .nav-tr2 {
	margin-top: 44px;
}

.wel-list1 .nav-tr2 .nav-td:first-child {
	margin-right: 314px;
}

.wel-list1 .nav-tr3 {
	margin-top: 72px;
}

.wel-list1 .nav-tr3 .nav-td:first-child {
	margin-right: 464px;
}

.wel-list1 .nav-tr4 {
	margin-top: 84px;
}

/*.wel-list1 .nav-tr4 .nav-td {
      margin-right: 140px; }*/
.wel-list1 .nav-tr4 .nav-td:last-child {
	margin-right: 0;
}

.wel-list1 .nav-tr5 {
	margin-top: 74px;
}

.wel-list1 .nav-tr5 .nav-td:first-child {
	margin-right: 314px;
}

.wel-list1 .smart-ico {
	display: block;
	width: 40px;
	position: absolute;
	right: 56px;
	top: 22px;
}

.wel-list1 .smart-name {
	font-size: 20px;
	line-height: 24px;
	color: #333;
}

.wel-list1 .smart-name:after {
	content: "";
	display: block;
	width: 24px;
	height: 1px;
	background: #666;
	margin: 11px 0 14px;
}

.wel-list1 .smart-detail {
	font-size: 14px;
	line-height: 20px;
	color: #666;
}

.wel-list1 .nav-ajax-mains {
	position: absolute;
	padding: 22px 56px 0 22px;
	width: 270px;
	height: 160px;
	overflow: visible;
	background: url(../img/bg1.png) no-repeat center;
	transition-duration: .5s;
	opacity: 0;
	transform: translateX(-20px);
	background-size: 100% 100% !important;
}

.wel-list1 .nav-ajax-mains.show {
	transition-duration: .8s;
	opacity: 1;
	transform: translateX(0);
}

/*.wel-list1 .nav-ajax-mains .smart-content {
    transition-duration: .5s;
    }
    .wel-list1 .nav-ajax-mains.show .smart-content {
      transform: translateX(0);
    }*/

.m-wel-list1 {
	display: none;
}

.m-wel-list1 .smart-ico {
	display: none;
}

.m-wel-list1 .m-list1-banner-wrap {
	padding-top: 1px;
}

.m-wel-list1 .m-list1-banner {
	overflow: hidden;
	margin-top: 14px;
}

.m-wel-list1 .swiper-slide {
	padding: 5px 0 30px;
	position: relative;
}

.m-wel-list1 .swiper-slide:before,
.m-wel-list1 .swiper-slide:after {
	background: #efefef;
	content: "";
	display: block;
	position: absolute;
}

.m-wel-list1 .swiper-slide:after {
	display: none;
}

.m-wel-list1 .swiper-slide:before {
	height: 1px;
	width: 100%;
	left: 0;
	bottom: 5px;
}

/*.m-wel-list1 .swiper-slide:after {
      height: calc(100% - 10px);
      width: 1px;
      right: 0;
      bottom: 10px; }*/
.m-wel-list1 .cur .ico-wrap:after {
	opacity: 1;
}

.m-wel-list1 .ico-wrap {
	width: 33px;
	height: 33px;
	margin: 0 auto;
}

.m-wel-list1 .ico-wrap:after {
	width: 10px;
	height: 9px;
	left: 50%;
	bottom: 0;
	margin-left: -5px;
	content: "";
	display: block;
	position: absolute;
	background: url(../img/red-three1.png) no-repeat center;
	background-size: 100% !important;
	opacity: 0;
	transition-duration: .3s;
}

.wel-list2 {
	padding-bottom: 40px;
}

.wel-list2 .scroll-wrap {
	width: 100%;
}

.wel-list2 .list2-item {
	flex: 0 0 26.7vw;
	width: 26.7vw;
	margin-right: 30px;
}

.wel-list2 .img-wrap {
	position: relative;
}

.wel-list2 .video-btn {
	position: absolute;
	width: 52px;
	height: 52px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition-duration: .5s;
}

.wel-list2 .video-btn:hover {
	transform: translate(-50%, -50%) scale(0.9);
}

.wel-list2 .video-name {
	font-size: 20px;
	line-height: 2.4;
	margin-top: 10px;
	color: #333;
}

.wel-list2 .video-ewm {
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url(../img/ewm-ico.png) no-repeat center;
	cursor: pointer;
}

.wel-list2 .list2-item-wrap {
	flex-wrap: nowrap;
	padding-bottom: 0.5rem;
}

.wel-list3 .list3-txts {
	height: 48px;
	position: absolute;
	transform: translate(-50%, -50%);
	transition-duration: .5s;
	text-align: center;
	left: 50%;
	top: 50%;
	width: 100%;
	color: #fff;
	z-index: 2;
}

.wel-list3 .list3-cir {
	position: absolute;
	display: block;
	border-radius: 50%;
	animation: cir-scale2 3s linear infinite;
}

.wel-list3 .list3-cir1 {
	border: 1px solid #fff;
	width: 100px;
	height: 100px;
	left: -26px;
	top: -26px;
}

.wel-list3 .list3-cir2 {
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 120px;
	height: 120px;
	left: -40px;
	top: -46px;
}

.wel-list3 .list3-cir3 {
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 200px;
	height: 200px;
	left: -76px;
	top: -76px;
}

.wel-list3 .list3-ico1 {
	width: 48px;
	height: 48px;
	position: relative;
	margin: 0 auto;
}

.wel-list3 .list3-h5 {
	font-size: 24px;
	line-height: 40px;
	padding: 36px 0 24px;
	position: relative;
}

.wel-list3 .list3-h5:after {
	position: absolute;
	content: "";
	display: block;
	width: 24px;
	height: 1px;
	box-sizing: border-box;
	border: 1px solid #fff;
	top: 18px;
	left: 50%;
	margin-left: -12px;
}

.wel-list3 .list3-a {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	transition-duration: .3s;
}

.wel-list3 .list3-a:hover {
	transform: translate(-6px, 0);
}

.wel-list3 .to-detail {
	width: 92px;
	margin: 0 auto 14px;
}

.wel-list3 .to-more {
	width: 132px;
	margin: 0 auto;
}

.wel-list3 .txts-mains {
	opacity: 0;
	transition-duration: .5s;
}

.wel-list3 .cir-wrap {
	opacity: 1;
	transition-duration: .5s;
}

.wel-list3 .list3-item {
	flex: 1;
	position: relative;
	overflow: hidden;
}

.wel-list3 .list3-item:before {
	position: absolute;
	content: "";
	display: block;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.2);
	top: 20px;
	left: 20px;
	z-index: 1;
}

.wel-list3 .list3-item:hover .cir-wrap {
	opacity: 0;
}

.wel-list3 .list3-item:hover .list3-txts {
	height: 204px;
}

.wel-list3 .list3-item:hover .txts-mains {
	opacity: 1;
}

.wel-list4 {
	padding-bottom: 2.6rem;
}

.wel-list4 .img-wrap {
	width: 78px;
	margin: 0 auto 22px;
}

.wel-list4 .list4-item {
	flex: 0 0 25%;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	position: relative;
}

.wel-list4 .list4-item:before {
	background: #e5e5e5;
	height: 122px;
	content: "";
	display: block;
	width: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -61px;
}

.wel-list4 .list4-item:first-child:before {
	display: none;
}

.wel-list4 .list4-txts {
	max-width: 200px;
	margin: 0 auto;
}

.wel-list4 .list4-h5 {
	font-size: 20px;
	line-height: 1.2;
	color: #333;
}

.wel-list4 .list4-detail {
	color: #666;
	margin: 14px 0 20px;
}

.wel-list4 .list4-a {
	line-height: 24px;
	color: #565251;
	transition-duration: .5s;
	display: inline-block;
	padding-right: 12px;
}

.wel-list4 .list4-a:hover {
	color: #e60039;
}

.wel-list5 {
	background: #4b4848;
	color: #fff;
	position: relative;
}

.wel-list5:after {
	opacity: 0;
	position: absolute;
	z-index: 1;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}

.wel-list5 .list5-left {
	position: relative;
	z-index: 2;
	padding: 74px 0 3rem;
	flex: 0 0 600px;
	background: #4b4848;
}

.wel-list5 .list5-right {
	position: absolute;
	width: calc(100% - 600px);
	right: 0;
	top: 0;
	height: 100%;
}

.wel-list5 .right-bg {
	width: 100%;
	height: 100%;
}

.wel-list5 .left-mains {
	width: 412px;
	margin: 0 auto;
}

.wel-list5 .options-wrap {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: auto;
	top: 100%;
	left: 0;
	display: none;
	background: #fff;
	color: #333;
	height: auto;
	line-height: 34px;
	padding: 0 10px;
}

.wel-list5 .options-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.wel-list5 .list5-h5 {
	font-size: 36px;
	line-height: 1.2;
}

.wel-list5 .list5-h5:after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	background: #fff;
	margin: 16px 0 1.25rem;
}

.wel-list5 .list5-tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	line-height: 34px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 26px;
}

.wel-list5 .tr1 {
	flex-wrap: nowrap;
}

.wel-list5 .tr3 {
	position: relative;
	z-index: 2;
}

.wel-list5 .list5-td {
	flex: 0 0 49%;
	width: 49%;
}

.wel-list5 .list5-input {
	display: block;
	background: none;
	border: none;
	height: 34px;
}

.wel-list5 .list5-input::placeHolder {
	color: #fff;
}

.wel-list5 .list5-submit {
	display: block;
	height: 54px;
	line-height: 54px;
	text-align: center;
	background: #e60039;
	width: 100%;
	margin-top: 1.4rem;
	border: none;
}

.wel-list5 .list5-textarea {
	border: none;
	height: 72px;
	display: block;
	width: 100%;
	background: none;
}

.wel-list5 .list5-td,
.wel-list5 .tr3 .section-top,
.wel-list5 .tr2 .section-top {
	padding-left: 20px;
}

.wel-list5 .list5-td1 {
}

.wel-list5 .list5-td2 {
}

.wel-list5 .tr3 .section-top {
}

.wel-list5 .tr2 .section-top {
}

.wel-list5 .list5-section {
	z-index: 1;
	cursor: pointer;
	position: relative;
	background: none;
	color: #fff;
	border: none;
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	/*background: url(../img/sectiontop.png) no-repeat right 4px top 14px;*/
}

.wel-list5 option {
	color: #333 !important;
}

/*.wel-list5 .list5-section.cur {
      background: url(../img/sectiontopon.png) no-repeat right 4px top 14px; }*/
.wel-list5 .code-td {
	position: relative;
	flex: 0 0 100%;
	background: url(../img/yzm-icow.png) no-repeat left center;
	background-size: 16px !important;
}

.wel-list5 .code-td .captcha {
	position: absolute;
	display: block;
	max-height: 100%;
	width: 100px;
	right: 0;
	top: 0;
}

.intro-list1,
.news-list1,
.recruits-list1,
.contact-list1,
.contact-list2,
.inner-nav-wrap1 {
	position: relative;
}

.inner-nav-wrap1 #list1,
.pro-nav-wrap1 #list1,
.intro-list1 #list1,
#list1.news-list1,
#list1.recruits-list1,
#list1.contact-list1 #list1,
.contact-list2 #list2 {
	position: absolute;
	top: -64px;
	width: 1px;
	height: 1px;
	opacity: 0;
	left: 0;
}

.conProInfo-list2 {
	padding-bottom: 40px;
}

.pro-return-a {
	width: 180px;
	display: block;
	height: 46px;
	line-height: 46px;
	background: #e60039;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	transition-duration: .3s;
}

.pro-return-a:hover {
	color: #fff;
	transform: translateX(-6px);
}

.pro-nav-wrap1 {
	position: relative;
	background: #343131;
}

.pro-nav-wrap1 .pro-nav-banner {
	border-left: 1px solid #3e3c3c;
	overflow: hidden;
}

.pro-nav-wrap1 .swiper-slide {
	border-right: 1px solid #3e3c3c;
	height: 114px !important;
	padding: 32px 0 24px;
	transition-duration: .5s;
}

.pro-nav-wrap1 .swiper-slide.cur,
.pro-nav-wrap1 .swiper-slide:hover {
	background: #e60039;
}

.pro-nav-wrap1 .ico-wrap {
	width: 38px;
	margin: 0 auto 10px;
}

.pro-nav-wrap1 .txts-wrap {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
}

.pro-nav-wrap2 {
	align-items: center;
	margin: 1.6rem 0 1rem;
}

.pro-nav-wrap2 .nav-left {
	flex: 0 0 480px;
	width: 480px;
	margin-left: 120px;
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #4b4848;
}

.pro-nav-wrap2 .nav-left-title {
	position: absolute;
	left: -120px;
	top: 0;
}

.pro-nav-wrap2 .pro-left-banner {
	overflow: hidden;
}

.pro-nav-wrap2 .swiper-slide {
	cursor: pointer;
	text-align: center;
}

.pro-nav-wrap2 .swiper-slide.cur,
.pro-nav-wrap2 .swiper-slide:hover {
	background: #e60039;
	color: #fff;
}

.conProInfo-navigation {
	position: relative;
}

.conProInfo-navigation .proInfo-nav-wrap1 .bread-a,
.conProInfo-navigation .proInfo-nav-wrap1 .swiper-slide-a {
	color: #000;
}

.conProInfo-navigation .proInfo-nav-wrap1 .bread-a {
	background: url(../img/bread-icob.png) no-repeat right center;
}

.proInfo-nav-wrap1 {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	line-height: 60px;
}

.proInfo-nav-wrap1 .proInfo-nav-left {
	flex: 0 0 auto;
}

.proInfo-nav-wrap1 .bread-a {
	display: inline-block;
	color: #fff;
	margin-right: 14px;
	padding-right: 14px;
	background: url(../img/bread-ico.png) no-repeat right center;
	transition-duration: .3s;
}

.proInfo-nav-wrap1 .bread-a:last-child {
	background: none;
}

.proInfo-nav-wrap1 .bread-a:hover {
	color: #e60039;
}

.proInfo-nav-wrap1 .proInfo-nav-right {
	flex: 0 0 calc(100% - 200px);
	width: calc(100% - 200px);
	position: relative;
}

.proInfo-nav-wrap1 .nav-left-title {
	position: absolute;
	left: -74px;
	top: 0;
}

.proInfo-nav-wrap1 .proInfo-nav-banner {
	overflow: hidden;
}

.proInfo-nav-wrap1 .swiper-wrapper {
	justify-content: flex-end;
}

.proInfo-nav-wrap1 .swiper-slide-a {
	flex: 0 0 auto;
	padding-left: 28px;
	color: #fff;
	cursor: pointer;
	text-align: right;
}

.proInfo-nav-wrap1 .swiper-slide-a.cur,
.proInfo-nav-wrap1 .swiper-slide-a:hover {
	color: #e60039;
}

.inner-nav-wrap1 {
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 2;
}

.inner-nav-wrap1 .inner-nav-banner {
	overflow: hidden;
}

.inner-nav-wrap1 .hover {
	display: none;
}

.inner-nav-wrap1 .ico-wrap {
	margin: 0 auto 6px;
	position: relative;
	width: 55px;
	height: 42px;
}

.inner-nav-wrap1 .swiper-slide {
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: #666;
	padding: .85rem 0 .75rem;
	border-left: 1px solid #e5e5e5;
	transition: all .5s ease;
}

.inner-nav-wrap1 .swiper-slide:hover,
.inner-nav-wrap1 .swiper-slide.cur {
	color: #fff;
	background: #e60039;
}

.inner-nav-wrap1 .swiper-slide:hover .hover,
.inner-nav-wrap1 .swiper-slide.cur .hover {
	display: block;
}

.inner-nav-wrap1 .swiper-slide:hover .unhover,
.inner-nav-wrap1 .swiper-slide.cur .unhover {
	display: none;
}

.proInfo-titles {
	text-align: center;
	color: #fff;
}

.proInfo-titles .proInfo-h2 {
	padding: 2.6rem 0 20px;
	font-size: 1.2rem;
	line-height: 1.25;
}

.proInfo-titles .proInfo-h6 {
	font-size: .5rem;
	line-height: 30px;
}

.proInfo-titles.black .proInfo-h2 {
	color: #333;
}

.proInfo-titles.black .proInfo-h6 {
	color: #666;
}

.proInfo .proInfo-list-bg {
	position: relative;
	z-index: 2;
}

.proInfo-list1 {
	position: relative;
}

.proInfo-list1 .proInfo-list-bg {
	padding: 1.25rem 0 13.5rem;
}

.proInfo-list2 {
	position: relative;
}

.proInfo-list2 .proInfo-list-bg {
	padding: 1.25rem 0 0;
}

.proInfo-list2 .list2-imgs {
	position: relative;
	width: 21.25rem;
	margin: -2rem auto 0;
}

.proInfo-list2 .list2-imgs .static-img {
	position: relative;
	z-index: 2;
}

.proInfo-list2 .cir-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	animation: cir-scale3 3s linear infinite;
}

.proInfo-list3 {
	position: relative;
}

.proInfo-list3 .m-bg {
	background-size: 0 !important;
}

.proInfo-list3 .proInfo-list-bg {
	padding: 5rem 0 5.4rem;
	position: relative;
}

.proInfo-list3 .proInfo-list-bg:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition-duration: .8s;
	transition-delay: 2.8s;
}

.proInfo-list3 .proInfo-list-bg.animate:after {
	opacity: 0;
}

.proInfo-list3 .proInfo-list-bg.animate .js-m2,
.proInfo-list3 .proInfo-list-bg.animate .js-to-left,
.proInfo-list3 .proInfo-list-bg.animate .js-to-right {
	opacity: 1;
	transform: translate(0, 0);
}

.proInfo-list3 .w1280 {
	position: relative;
	z-index: 2;
}

.proInfo-list3 .proInfo-h2 {
	transition-delay: .8s;
}

.proInfo-list3 .proInfo-h6 {
	font-size: .45rem;
	transition-delay: 1s;
}

.proInfo-list3 .proInfo-titles {
	position: relative;
	flex: 0 0 auto;
	max-width: 570px;
}

.proInfo-list3 .list3-imgs {
	width: 21.25rem;
	margin: -80px auto 0;
}

.proInfo-list3 .list3-red-call {
	display: inline-block;
	background: #e60039;
	font-size: .4rem;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	position: relative;
	margin-top: 1.2rem;
	text-align: center;
	transition-delay: 1.8s;
	width: 190px;
}

.proInfo-list3 .list3-red-call:after {
	display: block;
	width: 27px;
	height: 17px;
	position: absolute;
	left: 10px;
	top: 100%;
	content: "";
	background: url(../img/red-ico1.png) no-repeat center;
}

.proInfo-list3 .list3-gray-call {
	display: inline-block;
	background: #737374;
	font-size: .4rem;
	height: 66px;
	width: 240px;
	line-height: 66px;
	border-radius: 33px;
	position: absolute;
	margin-top: 1.2rem;
	left: 100%;
	margin-left: 80px;
	text-align: center;
	bottom: 93%;
	transition-delay: 3.9s;
}

.proInfo-list3 .list3-gray-call:after {
	display: block;
	width: 28px;
	height: 18px;
	position: absolute;
	right: 15px;
	top: 97%;
	content: "";
	transform: rotate(-10deg);
	box-sizing: border-box;
	border-color: #737374 #737374 transparent transparent;
	border-width: 8px 13px;
	border-style: solid;
}

.proInfo-list4 {
	position: relative;
	background: #151515;
}

.proInfo-list4 .proInfo-list4-mains {
	position: relative;
	z-index: 2;
}

.proInfo-list4 .proInfo-list4-mains.animate:after {
	opacity: 0;
}

.proInfo-list4 .proInfo-list4-mains.animate .js-m2 {
	opacity: 1;
	transform: translate(0, 0);
}

.proInfo-list4 .proInfo-list4-mains.animate .js-to-left,
.proInfo-list4 .proInfo-list4-mains.animate .js-to-right {
	opacity: 1;
	transform: translate(50%, -50%);
}

.proInfo-list4 .list4-left-imgs {
	width: 64%;
	flex: 0 0 64%;
	position: relative;
	cursor: e-resize;
}

.proInfo-list4 .hover-bg,
.proInfo-list4 .unhover-bg,
.proInfo-list4 .unhover-wrap,
.proInfo-list4 .hover-wrap {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.proInfo-list4 .unhover-wrap,
.proInfo-list4 .unhover-bg {
	width: 100%;
}

.proInfo-list4 .hover-img,
.proInfo-list4 .unhover-img {
	display: none;
}

.proInfo-list4 .drag-btn {
	z-index: 3;
	position: absolute;
	display: block;
	width: 38px;
	height: 38px;
	cursor: e-resize;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url(../img/drag.png) no-repeat center;
}

.proInfo-list4 .hover-wrap {
	z-index: 2;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.proInfo-list4 .proInfo-list4-mains {
	justify-content: flex-end;
}

.proInfo-list4 .proInfo-list-bg {
	flex: 0 0 35.9%;
	padding-bottom: 3.4rem;
}

.proInfo-list4 .proInfo-h2 {
	transition-delay: .2s;
}

.proInfo-list4 .proInfo-h6 {
	font-size: .45rem;
	transition-delay: .4s;
}

.proInfo-list4 .proInfo-titles {
	padding: 1.1rem 10px 0;
}

.proInfo-list4 .list4-img-wrap {
	position: relative;
}

.proInfo-list4 .list4-img {
	display: block;
	position: relative;
	width: 267px;
	margin: 56px auto 0;
	transition-delay: .6s;
}

.proInfo-list4 .list4-red-call {
	position: absolute;
	right: 100%;
	top: 0;
	display: inline-block;
	background: #e60039;
	font-size: .4rem;
	height: 48px;
	line-height: 48px;
	border-radius: 20px;
	color: #fff;
	width: 210px;
	text-align: center;
	transform: translate(70%, -50%);
	transition-delay: 2.4s;
	z-index: 2;
}

.proInfo-list4 .list4-red-call:after {
	display: block;
	width: 27px;
	height: 17px;
	position: absolute;
	right: 10px;
	top: 100%;
	content: "";
	background: url(../img/red-ico2.png) no-repeat center;
}

.proInfo-list4 .list4-gray-call {
	z-index: 2;
	transition-delay: 1.6s;
	text-align: center;
	color: #fff;
	position: absolute;
	right: 100%;
	width: 210px;
	top: 122px;
	display: inline-block;
	background: rgba(255, 255, 255, 0.5);
	font-size: .4rem;
	height: 48px;
	line-height: 48px;
	border-radius: 20px;
	margin-top: 1.2rem;
	transform: translate(30%, -50%);
}

.proInfo-list4 .list4-gray-call:after {
	display: block;
	width: 27px;
	height: 17px;
	position: absolute;
	left: 10px;
	top: 100%;
	content: "";
	background: url(../img/gray-ico1.png) no-repeat center;
}

.proInfo-list5 {
	position: relative;
}

.proInfo-list5 .proInfo-titles {
	flex: 0 0 auto;
	max-width: 560px;
	text-align: left;
}

.proInfo-list5 .proInfo-list-bg {
	padding: 2rem 0 10rem;
}

.proInfo-list5 .list5-img-wrap {
	display: none;
}

.proInfo-icos-wrap1 {
	justify-content: flex-start;
	margin-top: 1.5rem;
}

.proInfo-icos-wrap1 .icos-item {
	flex: 0 0 auto;
	margin-right: 30px;
}

.proInfo-icos-wrap1 .icos-wrap {
	width: 61px;
	margin: 0 auto 15px;
}

.proInfo-icos-wrap1 .icos-txts {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align: center;
}

.proInfo-icos-wrap2 {
	justify-content: flex-start;
}

.proInfo-icos-wrap2 .icos-item {
	flex: 0 0 242px;
	margin-right: 36px;
	display: inline-flex;
	align-items: center;
	margin-bottom: 32px;
}

.proInfo-icos-wrap2 .icos-wrap {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	margin-right: 32px;
}

.proInfo-icos-wrap2 .icos-txts {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}

.proInfo-list6 {
	position: relative;
}

.proInfo-list6 .proInfo-titles {
	flex: 0 0 100%;
	text-align: left;
}

.proInfo-list6 .proInfo-list-bg {
	padding: 9.5rem 0 6rem;
}

.proInfo-list7 {
	position: relative;
}

.proInfo-list7 .w1280 {
	padding-top: 1.4rem;
}

.proInfo-list7 .list7-left {
	flex: 0 0 547px;
}

.proInfo-list7 .list7-right {
	flex: 0 0 578px;
	padding-top: 1.8rem;
}

.proInfo-list8 {
	position: relative;
}

.proInfo-list8 .proInfo-list-bg {
	margin-top: 43px;
	padding: 1.8rem 0 1.9rem;
	box-shadow: 0 0 10px rgba(153, 153, 153, 0.1);
}

.proInfo-list8 .left-imgs-lists {
	text-align: center;
}

.proInfo-list8 .img-btn {
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	color: transparent;
	cursor: pointer;
	transition-duration: .3s;
}

.proInfo-list8 .img-btn.cur,
.proInfo-list8 .img-btn:hover {
	color: #333;
}

.proInfo-list8 .para-item-wrap {
	text-align: center;
	padding: .95rem 0;
}

.proInfo-list8 .para-item {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	margin: 0 16px;
	color: #fff;
	transition-duration: .3s;
	background: #343131;
	font-size: 14px;
	cursor: pointer;
}

.proInfo-list8 .para-item:hover,
.proInfo-list8 .para-item.cur {
	background: #e60039;
}

.proInfo-list8 .img-cir {
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	margin: 0 auto 6px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.proInfo-list8 .left-imgs-wrap {
	width: 360px;
	margin: 0 auto 32px;
	box-shadow: -10px -10px 30px rgba(0, 0, 0, 0.1);
}

.proInfo-list8 .list8-h5 {
	font-size: 20px;
	line-height: 46px;
	color: #343131;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 6px;
}

.proInfo-list8 .right-dt {
	font-size: 14px;
	line-height: 32px;
	color: #666;
}

.proInfo-list8 .right-dt .s0 {
	color: #343131;
}

.proInfo-list8 .right-item:first-child {
	margin-bottom: 1.7rem;
}

.proInfo-list8 .w1280 {
	padding-top: 1.4rem;
}

.proInfo-list8 .list8-left {
	flex: 0 0 460px;
}

.proInfo-list8 .list8-right {
	flex: 0 0 460px;
}

.proInfo-list9 .proInfo-h2:after {
	content: "";
	display: block;
	height: 2px;
	width: 48px;
	background: #161818;
	margin: 20px auto 1.4rem;
}

.proInfo-list9 .list9-banner {
	overflow: hidden;
}

.proInfo-list9 .list9-mains {
	position: relative;
}

.proInfo-list9 .swiper-slide {
	position: relative;
}

.proInfo-list9 .swiper-slide:hover .pro-name {
	color: #e60039;
}

.proInfo-list9 .pro-name {
	position: absolute;
	left: 0;
	bottom: 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	padding: 0 10px;
	width: 100%;
	height: 30px;
	transition-duration: .3s;
}

.inner-nav1 {
	font-size: 14px;
	line-height: 60px;
}

.inner-nav1 .inner-nav-left,
.inner-nav1 .inner-nav-right {
	flex: 0 0 auto;
	display: inline-flex;
}

.inner-nav1 .nav-left-a {
	color: #333;
	flex: 0 0 auto;
	transition-duration: .3s;
	position: relative;
	padding-right: 48px;
}

.inner-nav1 .nav-left-a:after {
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -7px;
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 14px;
	background: #ccc;
}

.inner-nav1 .nav-left-a:last-child {
	padding-right: 0;
}

.inner-nav1 .nav-left-a:last-child:after {
	opacity: 0;
	display: none;
}

.inner-nav1 .nav-left-a:hover,
.inner-nav1 .nav-left-a.cur {
	color: #e60039;
}

.inner-nav1 .bread-s0 {
	display: inline-block;
	padding-left: 20px;
	background: url(../img/map1.png) no-repeat left center;
}

.inner-nav1 .bread-a {
	color: #333;
	flex: 0 0 auto;
	transition-duration: .3s;
}

.inner-nav1 .bread-a:hover,
.inner-nav1 .bread-a.cur {
	color: #e60039;
}

.inner-nav1 .bread-a1 {
	margin: 0 4px;
}

.inner-nav1 .bread-a2 {
	margin-left: 4px;
}

.pro-search-box {
	position: relative;
	flex: 0 0 220px;
	border: 1px solid #d7d7d7;
	height: 32px;
	line-height: 32px;
	box-sizing: border-box;
}

.pro-search-box .pro-submit {
	width: 30px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background: url(../img/ser1.png) no-repeat center;
}

.pro-search-box .pro-input {
	display: block;
	border: none;
	background: none;
	font-size: 14px;
	line-height: 32px;
	color: #333;
	width: calc(100% - 31px);
	text-indent: 14px;
}

.products .pro-mains {
	padding-bottom: 2.5rem;
	justify-content: flex-start;
}

.products .ajax-mains {
	justify-content: flex-start;
}

.products .pro-item {
	position: relative;
	flex: 0 0 23.8%;
	background: #fff;
	margin-right: 1.6%;
	margin-bottom: 20px;
	transition-duration: .5s;
}

.products .pro-item:nth-child(4n) {
	margin-right: 0;
}

.products .pro-item:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.products .pro-item:hover .pro-en,
.products .pro-item:hover .pro-cn {
	color: #e60039;
}

.products .pro-item .txts-wrap {
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	padding: 22px 30px 0;
	font-size: 14px;
	line-height: 20px;
}

.products .pro-en {
	font-size: 18px;
	color: #333;
	height: 20px;
	transition-duration: .5s;
	margin-bottom: 10px;
}

.products .pro-cn {
	color: #666;
	height: 20px;
	font-size: 14px;
}

.search .pro-mains {
	padding-top: 2rem;
}

.news .news-list1 {
	padding-bottom: 2.5rem;
}

.news .news-list1 .w1400 {
	justify-content: flex-start;
}

.news .news-item {
	flex: 0 0 32%;
	background: #fff;
	margin-right: 2%;
	margin-bottom: 30px;
	transition-duration: .5s;
}

.news .news-item:nth-child(3n) {
	margin-right: 0;
}

.news .news-item:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.news .news-item:hover .news-h5,
.news .news-item:hover .news-more {
	color: #e60039;
}

.news .txts-wrap {
	padding: 1rem 1rem 1.1rem;
	font-size: 14px;
	line-height: 24px;
}

.news .news-h5 {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	height: 30px;
	font-weight: bold;
	transition-duration: .5s;
}

.news .news-detail {
	color: #666;
	height: 48px;
	margin: 20px 0;
}

.news .news-more {
	color: #333;
	display: inline-block;
	text-decoration: underline;
}

.swiper-btns-wrap1 {
	position: absolute;
	z-index: 3;
	height: 1px;
	overflow: visible;
	width: 100%;
	left: 0;
	top: 50%;
}

.swiper-btns-wrap1 .btn {
	position: absolute;
	display: block;
	top: -19px;
	width: 38px;
	height: 38px;
	cursor: pointer;
	background-position: center !important;
	background-repeat: no-repeat !important;
	transition: all .5s ease;
	border-radius: 50%;
	overflow: hidden;
}

.swiper-btns-wrap1 .btn:focus {
	outline: none;
}

.swiper-btns-wrap1 .prev {
	left: 38px;
	background-image: url(../img/prev1on.png);
}

.swiper-btns-wrap1 .prev:hover {
	background-image: url(../img/prev1.png);
}

.swiper-btns-wrap1 .next {
	right: 38px;
	background-image: url(../img/next1on.png);
}

.swiper-btns-wrap1 .next:hover {
	background-image: url(../img/next1.png);
}


.app-btns {
	position: absolute;
	z-index: 3;
	height: 1px;
	overflow: visible;
	width: 100%;
	left: 0;
	top: calc(50% - 54px);
}

.app-btns .btn {
	position: absolute;
	display: block;
	top: -28px;
	width: 56px;
	height: 56px;
	cursor: pointer;
	background-position: center !important;
	background-repeat: no-repeat !important;
	transition: all .5s ease;
	border-radius: 50%;
	background-size: 100% !important;
	overflow: hidden;
}

.app-btns .btn:focus {
	outline: none;
}

.app-btns .prev {
	left: 0;
	background-image: url(../img/apprev1.png);
}

.app-btns .prev:hover {
	background-image: url(../img/apprev1on.png);
}

.app-btns .next {
	right: 0;
	background-image: url(../img/appnext1.png);
}

.app-btns .next:hover {
	background-image: url(../img/appnext1on.png);
}


.swiper-btns-wrap2 {
	position: absolute;
	z-index: 3;
	height: 1px;
	overflow: visible;
	width: 100%;
	left: 0;
	top: 50%;
}

.swiper-btns-wrap2 .btn {
	position: absolute;
	display: block;
	width: 44px;
	height: 150px;
	margin-top: -75px;
	cursor: pointer;
	background-position: center !important;
	background-repeat: no-repeat !important;
	transition: all .5s ease;
	background-color: rgba(0, 0, 0, 0.5);
}

.swiper-btns-wrap2 .btn:focus {
	outline: none;
}

.swiper-btns-wrap2 .btn:hover {
	background-color: rgba(230, 0, 57, 0.5);
}

.swiper-btns-wrap2 .prev {
	left: 0;
	background-image: url(../img/prev2.png);
}

.swiper-btns-wrap2 .prev:hover {
	background-image: url(../img/prev2.png);
}

.swiper-btns-wrap2 .next {
	right: 0;
	background-image: url(../img/next2.png);
}

.swiper-btns-wrap2 .next:hover {
	background-image: url(../img/next2.png);
}

.swiper-btns-wrap3 {
	position: absolute;
	z-index: 3;
	height: 1px;
	overflow: visible;
	width: 100%;
	left: 0;
	top: 106px;
}

.swiper-btns-wrap3 .btn {
	position: absolute;
	display: block;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	background-position: center !important;
	background-repeat: no-repeat !important;
	transition: all .5s ease;
	background-size: 100%;
	border-radius: 50%;
	overflow: hidden;
}

.swiper-btns-wrap3 .btn:focus {
	outline: none;
}

.swiper-btns-wrap3 .prev {
	left: 0;
	background: #dcdcdc url(../img/prev2.png) no-repeat center;
}

.swiper-btns-wrap3 .prev:hover {
	background: #e60039 url(../img/prev2on.png) no-repeat center;
}

.swiper-btns-wrap3 .next {
	right: 0;
	background: #dcdcdc url(../img/next2.png) no-repeat center;
}

.swiper-btns-wrap3 .next:hover {
	background: #e60039 url(../img/next2on.png) no-repeat center;
}

.swiper-btns-wrap4 {
	position: absolute;
	z-index: 3;
	height: 1px;
	overflow: visible;
	width: 100%;
	left: 0;
	top: 50%;
}

.swiper-btns-wrap4 .btn {
	position: absolute;
	display: block;
	width: 27px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	background-position: center !important;
	background-repeat: no-repeat !important;
	transition: all .5s ease;
	background-size: 100%;
	overflow: hidden;
}

.swiper-btns-wrap4 .btn:focus {
	outline: none;
}

.swiper-btns-wrap4 .btn:hover {
	transform: translateY(-6px);
}

.swiper-btns-wrap4 .prev {
	left: 1.5rem;
	background-image: url(../img/prev3.png);
}

.swiper-btns-wrap4 .next {
	right: 1.5rem;
	background-image: url(../img/next3.png);
}

.swiper-btns-wrap5 {
	position: absolute;
	z-index: 3;
	height: 1px;
	overflow: visible;
	width: 100%;
	left: 0;
	top: 50%;
}

.swiper-btns-wrap5 .btn {
	position: absolute;
	display: block;
	width: 27px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	background-position: center !important;
	background-repeat: no-repeat !important;
	transition: all .5s ease;
	background-size: 100%;
	overflow: hidden;
}

.swiper-btns-wrap5 .btn:focus {
	outline: none;
}

.swiper-btns-wrap5 .prev {
	left: 1.5rem;
	background-image: url(../img/prev4.png);
}

.swiper-btns-wrap5 .prev:hover {
	background-image: url(../img/prev4on.png);
}

.swiper-btns-wrap5 .next {
	right: 1.5rem;
	background-image: url(../img/next4.png);
}

.swiper-btns-wrap5 .next:hover {
	background-image: url(../img/next4on.png);
}

.family-list2 .swiper-btns-wrap5 .prev {
	left: 10px;
}

.family-list2 .swiper-btns-wrap5 .next {
	right: 10px;
}

.pro-banner {
	position: relative;
	overflow: hidden;
}

.pro-banner .swiper-slide {
	position: relative;
	display: block;
}

.pro-banner .pc-img {
	position: relative;
	z-index: 1;
	height: 17.875rem;
}

.pro-banner .m-banner-img {
	display: none;
}

.pro-banner .banner-titles {
	position: absolute;
	z-index: 2;
	width: 1280px;
	left: 50%;
	top: 0;
	padding-top: 5rem;
	height: auto;
	color: #fff;
	line-height: 1.1;
	transform: translate(-50%, 0);
}

.pro-banner .ban-cn1 {
	font-size: 1.2rem;
	letter-spacing: 6px;
	position: relative;
}

.pro-banner .ban-cn1:before {
	position: absolute;
	top: 8px;
	right: calc(100% + .9rem);
	content: "";
	display: inline-block;
	height: 2px;
	width: 0;
	background: #fff;
	transition-duration: .8s;
}

.pro-banner .ban-cn2 {
	font-size: 14px;
	transition-delay: .2s;
	margin: 10px 0 .8rem;
	letter-spacing: 5px;
}

.pro-banner .ban-en1 {
	font-size: 1.2rem;
	transition-delay: .4s;
	margin-bottom: 1rem;
	font-family: "Arial";
	text-transform: uppercase;
}

.pro-banner .swiper-slide {
	background: #fff;
}

.pro-banner .ban-cn3 {
	font-size: 14px;
	transition-delay: .6s;
}

.pro-banner .ban-cn3:before {
	content: "";
	display: inline-block;
	margin-right: 20px;
	height: 1px;
	width: 16px;
	background: #fff;
	vertical-align: super;
}

.pro-banner .black .ban-cn1,
.pro-banner .black .ban-cn2,
.pro-banner .black .ban-en1 {
	color: #000;
}

.pro-banner .black .ban-cn1:before,
.pro-banner .black .ban-cn3:before {
	background: #000;
}

.pro-banner .swiper-slide-active .ban-cn1:before {
	width: 48px;
}

.pro-banner .swiper-slide-active .js-m2 {
	opacity: 1;
	transform: translate(0, 0);
}

.proInfo-banner {
	position: relative;
	background: #94a1a9;
}

.proInfo-banner .pc-img {
	position: relative;
	z-index: 2;
	height: 20rem;
}

.proInfo-banner .m-banner-img {
	display: none;
}

.proInfo-banner .txts-mains {
	width: 640px;
	text-align: center;
}

.proInfo-banner .banner-titles {
	position: absolute;
	z-index: 2;
	width: 1280px;
	left: 50%;
	top: 50%;
	height: auto;
	color: #fff;
	font-size: 14px;
	line-height: 1.1;
	transform: translate(-50%, -50%);
}

.proInfo-banner .ban-cn1 {
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0 .8rem;
	letter-spacing: 2px;
}

.proInfo-banner .ban-cn1:before,
.proInfo-banner .ban-cn1:after {
	position: relative;
	top: -2px;
	vertical-align: middle;
	content: "";
	display: inline-block;
	height: 1px;
	width: 16px;
	background: #fff;
	transition-duration: .8s;
}

.proInfo-banner .ban-cn1:before {
	margin-right: 20px;
}

.proInfo-banner .ban-cn1:after {
	margin-left: 20px;
}

.proInfo-banner .ban-cn2 {
	font-size: 1.2rem;
	letter-spacing: 9px;
	margin: 17px 0 12px;
	transition-delay: .2s;
}

.proInfo-banner .ban-en1 {
	font-size: .8rem;
	margin: 18px 0 36px;
	font-family: "Arial";
	text-transform: uppercase;
	color: #e60039;
	font-weight: bold;
	transition-delay: .6s;
}

.proInfo-banner .ban-cn3 {
	font-size: 14px;
	letter-spacing: 8px;
	transition-delay: .4s;
}

.proInfo-banner .video-btn-wrap {
	transition-delay: .8s;
}

.proInfo-banner .video-btn {
	display: inline-block;
	background: url(../img/video-btn1.png) no-repeat center;
	background-size: 100% !important;
	width: 62px;
	height: 62px;
	left: 50%;
	top: 50%;
	cursor: pointer;
	transition-duration: .5s;
	transition: all .5s ease;
}

.proInfo-banner .video-btn:hover {
	background-size: 96% !important;
}

.inner-banner {
	position: relative;
}

.inner-banner .pc-img {
	position: relative;
	z-index: 2;
	height: 17.875rem;
}

.inner-banner .banner-titles {
	position: absolute;
	text-align: center;
	z-index: 2;
	width: 1280px;
	left: 50%;
	top: 50%;
	height: auto;
	color: #fff;
	font-size: 14px;
	transform: translate(-50%, -50%);
}

.inner-banner .ban-en {
	font-size: 68px;
	font-family: "Arial";
	letter-spacing: 2px;
	transition-delay: .2s;
	line-height: 1.8;
}

.inner-banner .ban-cn {
	font-size: 24px;
	line-height: 1.1;
	transition-duration: .8s;
	transition-delay: .4s;
}

.inner-banner .ban-cn:after {
	content: "";
	display: block;
	height: 2px;
	width: 0px;
	margin: 30px auto 0;
	background: #fff;
	transition-delay: 1s;
	transition-duration: .8s;
}

.inner-banner .ban-cn.animate:after {
	width: 48px;
}

.padHeader {
	padding-top: 64px;
}

.offLine-list1 {
	padding-bottom: 4.4rem;
}

.offLine-list1 .map-contents {
	position: relative;
	height: 520px;
}

.offLine-list1 .BMap_bubble_content {
	position: relative;
	padding-left: 220px;
	box-sizing: border-box;
}

.offLine-list1 #allmap1 {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
}

.offLine-list1 .map-img {
	display: block;
	position: absolute;
	left: 0;
	top: 11px;
	width: 200px;
	height: 124px;
}

.offLine-list1 .map-address-name,
.offLine-list1 .map-tele-name {
	font-size: 14px;
	line-height: 28px;
	color: #333;
	padding-left: 20px;
	border-bottom: 1px solid #f3f3f3;
	width: 240px;
	margin-bottom: 6px;
}

.offLine-list1 .map-address-name {
	background: url(../img/map-address-name.png) no-repeat left center;
}

.offLine-list1 .map-tele-name {
	background: url(../img/map-tele-name.png) no-repeat left center;
}

.offLine-list1 .map-address-detail,
.offLine-list1 .map-tele-detail {
	width: 240px;
	font-size: 12px;
	line-height: 18px;
	color: #888;
	height: 36px;
}

.offLine-list2 {
	background: url(../img/form-bg1.jpg) no-repeat center;
}

.offLine-list2 .w1280 {
	position: relative;
	justify-content: flex-start;
	padding: 80px 0;
}

.offLine-list2 .form-person {
	position: absolute;
	display: none;
	width: 318px;
	height: auto;
	left: 0;
	bottom: 0;
	transform: translateX(-50%);
}

.offLine-list2 .form-contents {
	position: relative;
	flex: 0 0 1010px;
	width: 1010px;
	display: inline-flex;
	font-size: 14px;
	line-height: 48px;
	color: #707070;
	justify-content: space-between;
}

.offLine-list2 .form-contents.w1100 {
	flex: 0 0 1100px;
	width: 1100px;
}

.offLine-list2 .form-contents.w1100 .form-td1,
.offLine-list2 .form-contents.w1100 .form-td2 {
	flex: 0 0 32.2%;
}

.offLine-list2 .form-td1,
.offLine-list2 .form-td2 {
	flex: 0 0 35.2%;
}

.offLine-list2 .form-td3 {
	flex: 0 0 246px;
	width: 246px;
	display: inline-flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.offLine-list2 .form-td3.form-td31 {
	margin-left: 60px;
	justify-content: flex-start;
}

.offLine-list2 .form-tr {
	background-color: #f0f0f0;
	height: 48px;
	line-height: 48px;
}

.offLine-list2 .form-tr1,
.offLine-list2 .form-tr2,
.offLine-list2 .code-tr {
	padding-left: 48px;
}

.offLine-list2 .form-section {
	/*background-color: #f0f0f0;*/
}

.offLine-list2 .form-tr1 {
	background: #f0f0f0 url(../img/user2.png) no-repeat left 16px center;
}

.offLine-list2 .form-tr2 {
	background: #f0f0f0 url(../img/tele2.png) no-repeat left 16px center;
}

.offLine-list2 .form-tr1,
.offLine-list2 .province-section {
	margin-bottom: 30px;
}

.offLine-list2 .form-section {
	font-size: 14px;
	line-height: 48px;
	color: #707070;
	height: 48px;
	display: block;
	width: 100%;
	z-index: 1;
	cursor: pointer;
	position: relative;
	text-indent: 18px;
	border: none;
	/*background: #f0f0f0 url(../img/sectiontop2.png) no-repeat right 18px top 21px;*/
}

/*.offLine-list2 .form-section.cur {
      background: #f0f0f0 url(../img/sectionto2pon.png) no-repeat right 18px top 21px; }
    .offLine-list2 .form-section .section-top {
      padding-left: 18px; }*/
.offLine-list2 .code-tr {
	position: relative;
	background: #f0f0f0 url(../img/yzm-icob.png) no-repeat left 16px center;
	background-size: 16px !important;
}

.offLine-list2 .captcha {
	right: 0;
	top: 0;
	display: block;
	position: absolute;
	height: 100%;
	width: 100px;
}

.offLine-list2 .province-section {
	z-index: 2;
}

.offLine-list2 .options-wrap {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: auto;
	top: 100%;
	left: 0;
	display: none;
	/*background: #f0f0f0;*/
	color: #707070;
	height: auto;
	line-height: 38px;
	padding: 0 18px;
}

.offLine-list2 .options-item {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.offLine-list2 .experience-submit {
	flex: 0 0 148px;
	width: 148px;
	display: block;
	height: 38px;
	line-height: 36px;
	border: 1px solid #f599b0;
	font-size: 14px;
	color: #fff;
	padding-left: 20px;
	text-align: left;
	box-sizing: border-box;
	background: url(../img/experience-submit.png) no-repeat right 18px center;
}

.offLine-list2 .form-input {
	padding: 0;
	display: block;
	background: none;
	border: none;
	height: 48px;
	width: 100%;
}

.offLine-list2 .form-input:placeHolder {
	color: #707070;
}

.offLine-list2 .form-title {
	position: absolute;
	font-size: 36px;
	line-height: 1.1;
	color: #fff;
	top: 0;
	right: 0;
}

.offLine-list2 .form-title:after {
	display: block;
	margin-top: 16px;
	width: 48px;
	height: 2px;
	background: #fff;
	content: "";
}

.offLine-list2 .form-title2 {
	position: absolute;
	font-size: 30px;
	line-height: 1.5;
	color: #fff;
	top: -20px;
	right: -20px;
	width: 266px;
}

.contact-list1 .list1-top {
	color: #444;
	text-align: center;
	padding: 2rem 0 1.2rem;
}

.contact-list1 .ico-wrap {
	width: 32px;
	margin: 0 auto;
}

.contact-list1 .list1-top-h5 {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.1;
	margin: 15px auto;
}

.contact-list1 .list1-top-detail {
	font-size: 16px;
	line-height: 30px;
}

.contact-list1 .work-time {
	color: #888;
	font-size: 14px;
}

.contact-list1 .list1-top-item:nth-child(2) {
	flex: 0 0 38%;
	position: relative;
}

.contact-list1 .list1-top-item:nth-child(2):before,
.contact-list1 .list1-top-item:nth-child(2):after {
	content: "";
	display: block;
	width: 1px;
	height: 60px;
	top: 50%;
	background: #e5e5e5;
	position: absolute;
}

.contact-list1 .list1-top-item:nth-child(2):before {
	left: 0;
}

.contact-list1 .list1-top-item:nth-child(2):after {
	right: 0;
}

.contact-list1 .list1-top-item:first-child,
.contact-list1 .list1-top-item:last-child {
	flex: 0 0 30.8%;
}

.contact-list1 .list1-map {
	position: relative;
	height: 460px;
}

.contact-list1 #allmap1 {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	text-align: center;
}

.contact-list1 .map-address-name {
	text-align: center;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
}

.contact-list1 .map-address-detail {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #888;
}

.contact-list2 {
	padding-top: 3rem;
	margin: 0 auto;
}

.contact-list2 .list2-item {
	flex: 0 0 48.5%;
	width: 48.5%;
	margin-bottom: .8rem;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	transition-duration: .8s;
    border-radius: 10px;
}

.contact-list2 .list2-item:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.contact-list2 .list2-item:hover .list2-detail {
	color: #e60039;
}

.contact-list2 .list2-name {
	font-size: 20px;
	line-height: 1.2;
	color: #444;
	margin-bottom: 20px;
}

.contact-list2 .list2-detail {
	margin-bottom: 15px;
	display: block;
	padding-left: 34px;
	font-size: 14px;
	line-height: 25px;
	color: #4b4948;
}

.contact-list2 .tele-detail {
	background: url(../img/phone.png) no-repeat left top;
	background-size: 24px;
}

.contact-list2 .email-detail {
	background: url(../img/emall.png) no-repeat left top;
	background-size: 24px;
}

.contact-list2 .ewm-wrap {
	border: 3px solid #f4f4f4;
	padding: 7px;
}

.contact-list2 .contact-ewm-wrap {
	position: absolute;
	right: 1.5rem;
	top: .75rem;
	width: 82px;
}

.contact-list2 .ewm-h5 {
	text-align: center;
	font-size: 14px;
	line-height: 2;
	color: #888;
}

.contact-list2 .list2-txts {
	position: relative;
	padding: 1.4rem 1.3rem;
}

.BMap_center {
	overflow: visible !important;
}

.BMap_center:before {
	content: "";
	display: block;
	top: -27px;
	left: -1px;
	background: #e60039;
	height: 4px;
	width: 150px;
	position: absolute;
}

.offLine-list1 .BMap_center:before {
	width: 248px;
}

.recruits-list1 {
	text-align: center;
	line-height: 1.8;
	color: #444;
	padding: 2.2rem 0 0;
	padding-bottom: 0 !important;
}

.recruits-list1 .font20 {
	font-size: 20px;
}

.recruits-list1 .font28 {
	font-size: 28px;
	padding-bottom: 1.9rem;
}

.recruits-list1 .font14 {
	font-size: 14px;
}

.recruits-list1 .colorRed {
	color: #e60039;
}

.recruits-list1 .list1-bot {
	justify-content: flex-end;
	padding: 1rem 0 .75rem;
}

.recruits-list1 .list1-bot-txts {
	flex: 0 0 180px;
	margin-right: 5.25rem;
}

.recruits-list1 .contact-ewm-img {
	width: 110px;
	margin: 10px auto;
	padding: 6px;
	background: #fff;
}

.recruits-list2 {
	min-height: 400px;
	padding-bottom: 2rem;
}

.recruits-list2 .recruits-nav {
	flex: 0 0 300px;
	width: 300px;
}

.recruits-list2 .recruits-nav-name {
	font-size: 24px;
	color: #fff;
	line-height: 2rem;
	padding-left: .9rem;
	background: #e60039;
}

.recruits-list2 .scroll-wrap {
	max-height: 16rem;
}

.recruits-list2 .recruits-nav-a {
	display: block;
	position: relative;
	font-size: 16px;
	line-height: 1rem;
	color: #666;
	padding: .5rem .9rem;
	border-bottom: 1px solid #fff;
	background: #f4f4f4;
	transition-duration: .5s;
}

.recruits-list2 .recruits-nav-a:before {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	display: block;
	width: 6px;
	height: 0;
	transition-duration: .5s;
	background: #e60039;
	position: absolute;
}

.recruits-list2 .recruits-nav-a:hover,
.recruits-list2 .recruits-nav-a.cur {
	background: #fff;
}

.recruits-list2 .recruits-nav-a:hover:before,
.recruits-list2 .recruits-nav-a.cur:before {
	height: 100%;
}

.recruits-list2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60039 !important;
}

.recruits-list2 .mCSB_scrollTools {
	width: 6px !important;
}

.recruits-list2 .mCSB_inside>.mCSB_container {
	margin-right: 0 !important;
}

.recruits-list2 .mCSB_scrollTools .mCSB_draggerRail {
	background: #f4f4f4 !important;
}

.recruits-list2 .recruits-info {
	flex: 0 0 calc(100% - 324px);
	width: calc(100% - 324px);
	background: #f4f4f4;
}

.recruits-list2 .recruits-info-contents {
	padding: 1.1rem 1.6rem 2.6rem;
	opacity: 0;
	transform: translateY(20px);
	transition-duration: .3s;
}

.recruits-list2 .recruits-info-contents.cur {
	opacity: 1;
	transform: translateY(0);
}

.recruits-list2 .recruits-position-name {
	font-size: 20px;
	line-height: 1.2;
	color: #444;
	padding-bottom: 4px;
}

.recruits-list2 .recruits-para-wrap {
	justify-content: flex-start;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 30px;
}

.recruits-list2 .para-item {
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 24px;
	color: #444;
	position: relative;
	padding-left: 30px;
}

.recruits-list2 .para-item:before {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 16px;
	background: #cfcfcf;
	left: 15px;
	top: 4px;
}

.recruits-list2 .para-item:first-child {
	padding-left: 0;
}

.recruits-list2 .para-item:first-child:before {
	display: none;
}

.recruits-list2 .recruits-bot-item {
	font-size: 14px;
	line-height: 34px;
	padding-top: 30px;
}

.recruits-list2 .recruits-bot-h5 {
	color: #444;
}

.recruits-list2 .recruits-bot-detial {
	color: #888;
}

.recruits-list2 .recruits-a {
	display: block;
	margin-top: 42px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	padding-left: 24px;
	background: #e60039 url(../img/recruits-a.png) no-repeat right 24px center;
	transition-duration: .3s;
}

.recruits-list2 .recruits-a:hover {
	background: #e60039 url(../img/recruits-a.png) no-repeat right 18px center;
}

.m-recruits-nav {
	display: none;
	overflow: hidden;
	border-bottom: 1px solid #f4f4f4;
}

.m-recruits-nav .swiper-slide {
	position: relative;
	font-size: 14px;
	line-height: 40px;
	color: #666;
	text-align: center;
}

.m-recruits-nav .swiper-slide:after {
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	content: "";
	display: block;
	width: 0;
	height: 2px;
	transition-duration: .5s;
	background: #e60039;
	position: absolute;
}

.m-recruits-nav .swiper-slide.cur:after {
	width: 100%;
}

.news-list1 {
	/* padding: 2.5rem 0 1.5rem; */
}

.news-list1 .news-items-wrap {
	justify-content: flex-start;
}

.news-list1 .news-items {
	flex: 0 0 24%;
	width: 24%;
	margin-bottom: 1.5rem;
	display: inline-block;
	margin: 0.5%;
}

.news-list1 .news-title {
	font-size: 18px;
	line-height: 26px;
	max-height: 52px;
	padding-right: 40px;
	color: #444;
	margin: 30px 0 6px;
}

.news-list1 .news-time {
	font-size: 16px;
	line-height: 26px;
	color: #999;
}

.introduce .moudle-titles3 {
	padding-top: 2.4rem;
}

.intro-list1 .moudle-detail {
	text-align: left;
	margin-top: 30px;
}

.intro-list2 {
	padding: 112px 0 126px;
}

.intro-list2 .w1200 {
	justify-content: flex-end;
}

.intro-list2 .intro-list2-txts {
	padding: 1.2rem 1.3rem;
}

.intro-list2 .intro-list2-box {
	background: #e60039;
	flex: 0 0 470px;
	text-align: right;
	color: #fff;
	line-height: 1.5;
}

.intro-list2 .font30 {
	font-size: 30px;
}

.intro-list2 .font36 {
	font-size: 36px;
}

.intro-list2 .font36:after {
	display: inline-block;
	background: #fff;
	height: 2px;
	width: 30px;
	content: "";
	margin: 12px 0 24px;
}

.intro-list2 .font16 {
	color: rgba(255, 255, 255, 0.53);
	font-size: 16px;
}

.intro-list3 {
	line-height: 1.5;
	color: #444;
}

.intro-list3 .list3-h5 {
	font-size: 30px;
	color: #666;
	padding-top: 2.25rem;
}

.intro-list3 .list3-h4 {
	font-size: 36px;
	padding-bottom: .2rem;
}

.intro-list3 .list3-h6 {
	font-size: 24px;
	padding: 1.7rem 0;
	padding-left: 2.5rem;
	position: relative;
}

.intro-list3 .list3-h6:before {
	content: "";
	display: block;
	position: absolute;
	width: 2.15rem;
	height: 2px;
	background: #e60039;
	top: 50%;
	left: 0;
}

.intro-list31 .list31-item {
	position: relative;
	flex: 0 0 50%;
	width: 50%;
	color: #fff;
	overflow: hidden;
}

.intro-list31 .list31-nums {
	display: block;
	width: 90px;
	height: 90px;
	margin-left: -32px;
	position: absolute;
	color: rgba(255, 255, 255, 0.1);
	font-size: 100px;
	line-height: 90px;
	transform: rotate(90deg);
	left: 0;
	top: 30px;
	z-index: 2;
	font-family: "Arial";
}

.intro-list31 .txt-h5 {
	font-size: 20px;
	line-height: 1.8;
	margin-bottom: 12px;
}

.intro-list31 .h5-en {
	text-transform: capitalize;
}

.intro-list31 .list31-txts {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: .45rem .8rem;
}

.intro-list31 .txt-detail {
	font-size: 14px;
	line-height: 24px;
	min-height: 48px;
	color: rgba(255, 255, 255, 0.7);
}

.intro-list31 .txt-s0 {
	display: inline-block;
	vertical-align: top;
	width: auto;
	position: relative;
	padding-left: 5px;
}

.intro-list31 .txt-s0:before {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 16px;
	background: rgba(255, 255, 255, 0.7);
	left: 1px;
	top: 4px;
}

.intro-list31 .txt-s0:first-child {
	padding-left: 0;
}

.intro-list31 .txt-s0:first-child:before {
	display: none;
}

.intro-list32 .list32-left {
	position: relative;
	z-index: 2;
	width: 400px;
	overflow: visible;
}

.intro-list32 .intro-list32-mains {
	position: relative;
}

.intro-list32 .hover,
.intro-list32 .m-img {
	display: none;
}

.intro-list32 .list32-btn {
	cursor: pointer;
	width: 100%;
	background: #efefef;
	transition-duration: .3s;
	font-size: 20px;
	line-height: 1.5;
	color: #444;
	padding: 1.3rem 1.1rem;
	border-bottom: 1px solid #fff;
}

.intro-list32 .list32-btn:hover,
.intro-list32 .list32-btn.cur {
	width: 440px;
	background: #e60039;
	color: #fff;
	border-bottom-color: #e60039;
}

.intro-list32 .list32-btn:hover .hover,
.intro-list32 .list32-btn.cur .hover {
	display: block;
}

.intro-list32 .list32-btn:hover .unhover,
.intro-list32 .list32-btn.cur .unhover {
	display: none;
}

.intro-list32 .list32-h5-cn {
	margin-bottom: 6px;
}

.intro-list32 .list32-h5-en {
	opacity: .3;
}

.intro-list32 .list32-btn-txts {
	flex: 0 0 200px;
}

.intro-list32 .list32-ico {
	position: relative;
	width: 40px;
	height: 41px;
	flex: 0 0 40px;
}

.intro-list32 .list32-btn-contetns {
	align-items: center;
}

.intro-list32 .list32-right {
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: calc(100% - 400px);
	opacity: 0;
	transition-duration: .5s;
}

.intro-list32 .list32-right.cur {
	opacity: 1;
}

.intro-list32 .bgImg {
	position: relative;
	z-index: 2;
}

.intro-list4 .list4-banner {
	overflow: hidden;
	text-align: center;
	padding: 10px 0;
	width: calc(100% - 100px);
	margin: 0 auto;
}

.intro-list4 .w1200 {
	position: relative;
	z-index: 2;
}

.intro-list4 .swiper-year {
	font-size: 24px;
	line-height: 45px;
	color: #666;
	height: 96px;
	padding-top: 30px;
	line-height: 66px;
	transition-duration: .3s;
}

.intro-list4 .swiper-detail {
	font-size: 14px;
	line-height: 26px;
	color: #888;
	transition-duration: .3s;
}

.intro-list4 .scroll-wrap {
	height: 72px;
}

.intro-list4 .list4-mains {
	position: relative;
}

.intro-list4 .list4-mains:before {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 106px;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #eee;
}

.intro-list4 .swiper-slide {
	transition-duration: .3s;
}

.intro-list4 .swiper-slide:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.intro-list4 .swiper-slide:hover .swiper-year {
	padding-top: 15px;
}

.intro-list4 .swiper-slide:hover .swiper-detail {
	color: #444;
}

.intro-list4 .swiper-slide:hover .swiper-line:before {
	background: #fff;
	border-color: #e60039;
}

.intro-list4 .swiper-line {
	position: relative;
	display: block;
	width: 14px;
	height: 40px;
	background: #fff;
	margin: -5px auto;
}

.intro-list4 .swiper-line:before,
.intro-list4 .swiper-line:after {
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
}

.intro-list4 .swiper-line:before {
	left: 50%;
	top: 0;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	background: #bfbfbf;
	border-radius: 50%;
	margin-left: -5px;
	transition-duration: .3s;
}

.intro-list4 .swiper-line:after {
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 20px;
	background: #eee;
}

.intro-list4 .swiper-detail {
	padding: 18px 28px;
}

.intro-list4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60039 !important;
}

.intro-list5 {
	text-align: center;
	color: #fff;
}

.intro-list5 .list5-mains {
	position: relative;
}

.intro-list5 .m-img {
	display: none;
}

.intro-list5 .list5-banner {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.intro-list5 .w1200 {
	align-items: center;
	height: 100%;
	justify-content: flex-end;
}

.intro-list5 .slide-txts {
	flex: 0 0 50%;
	font-size: 24px;
	line-height: 1.5;
}

.intro-list5 .slide-h5 {
	transition-delay: .8s;
}

.intro-list5 .slide-h5,
.intro-list5 .slide-h6 {
	transform: translateY(30px);
	opacity: 0;
	transition-duration: .8s;
}

.intro-list5 .swiper-slide-active .slide-h5,
.intro-list5 .swiper-slide-active .slide-h6 {
	transform: translateY(0);
	opacity: 1;
}

.intro-list5 .slide-h6 {
	font-size: 16px;
	line-height: 44px;
	color: rgba(255, 255, 255, 0.38);
	letter-spacing: 13px;
	transition-delay: 1s;
}

.intro-list5 .intro-list5-name {
	flex: 0 0 50%;
	font-size: 36px;
	line-height: 44px;
	height: 44px;
}

.intro-list5 .name-wrap {
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 4.25rem;
	transform: translateX(-50%);
}

.intro-list5 .name-s0 {
	display: inline-block;
	overflow: hidden;
}

.intro-list5 .name-s0:after {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 3px;
	background: #e60039;
	content: "";
	margin-top: -4px;
}

.intro-list5 .slide-bg {
	height: 15rem;
}

.intro-list6 {
	padding: 1.2rem 0 .75rem;
}

.intro-list6 .w1200 {
	align-items: center;
}

.intro-list6 .list6-left {
	font-size: 24px;
	line-height: 48px;
	color: #444;
	flex: 0 0 39%;
	margin-top: -40px;
}

.intro-list6 .list6-img {
	flex: 0 0 59%;
}

.intro-list6 .colorRed {
	display: inline-block;
	color: #e60039;
}

.intro-list6 .colorRed span {
	font-size: 36px;
	font-family: "Arial";
}

.intro-list7 {
	padding-bottom: 2.5rem;
	background-position: top 5rem right !important;
	background-repeat: no-repeat !important;
	background-size: 5.25rem !important;
}

.intro-list7 .w1200 {
	justify-content: center;
}

.intro-list7 .intro-list7-banner {
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
}

.intro-list7 .swiper-slide {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	text-align: center;
	padding: 10px;
}

.intro-list7 .list7-h5 {
	padding: 0 .7rem;
}

.intro-list7 .img-wrap {
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
}

.intro-list8 {
	background: #fafafa;
	padding-bottom: 1.8rem;
}

.intro-list8 .w1200 {
	align-items: center;
}

.intro-list8 .list8-img {
	flex: 0 0 34.5%;
}

.intro-list8 .list8-right {
	flex: 0 0 55.7%;
}

.intro-list8 .list8-item-wrap {
	margin-right: 40px !important;
}

.intro-list8 .list8-item {
	flex: 0 0 calc(50% - 11px);
	width: calc(50% - 11px);
	border: 1px solid #dbdbdb;
	font-size: 14px;
	line-height: 48px;
	height: 50px;
	color: #333;
	margin-bottom: 24px;
	transition-duration: .3s;
}

.intro-list8 .list8-item:hover {
	background: #e60039;
	color: #fff;
	border-color: #e60039;
}

.intro-list8 .omit1 {
	padding: 0 .5rem;
}

.intro-list8 .scroll-wrap {
	height: 444px;
}

.intro-list8 .mCSB_scrollTools .mCSB_draggerRail {
	background: #e3e3e3 !important;
}

.intro-list8 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60039 !important;
}

.intro-list9 .moudle-titles3 {
	padding-bottom: 0 !important;
}

.intro-list9 .list9-banner {
	overflow: hidden;
	padding: 2rem 0;
}

.intro-list9 .list9-banner-wrap {
	padding-top: 64px;
	position: relative;
	background: linear-gradient(#fff 50%, #e3e3e3 50%, #f2f2f2 100%);
}

.intro-list9 .slide-h5 {
	text-align: center;
	margin-top: 40px;
	font-size: 14px;
	line-height: 24px;
	color: #444;
	height: 24px;
	opacity: 0;
	transition-duration: .8s;
}

.intro-list9 .swiper-slide {
	position: relative;
	transition-duration: .8s;
}

.intro-list9 .swiper-slide-active {
	transform: scale(1.5);
	z-index: 2;
}

.intro-list9 .swiper-slide-active .img-wrap {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.intro-list9 .swiper-slide-active .slide-h5 {
	opacity: 1;
}

.intro-list10 {
	padding: 1.1rem 0 1.5rem;
}

.video-list1 .video-select-wrap {
	position: relative;
	z-index: 2;
	border-bottom: 1px solid #f3f3f3;
	margin: 12px 0 34px;
}

.video-list1 .video-select-left {
	flex: 0 0 auto;
	display: inline-flex;
}

.video-select-name {
	flex: 0 0 auto;
	margin-right: 10px;
}

.video-list1 .form-section {
	flex: 0 0 130px;
	width: 130px;
	margin-right: 3px;
	z-index: 2;
	cursor: pointer;
	position: relative;
	background: url(../img/sectiontop3.png) no-repeat right 18px top 10px;
}

.video-list1 .form-section.cur {
	background: url(../img/sectiontop3on.png) no-repeat right 18px top 10px;
}

.video-list1 .class-section {
	z-index: 3;
}

.video-list1 .section-top {
	font-size: 12px;
	line-height: 28px;
	color: #333;
	padding: 0 0 8px 10px;
}

.video-list1 .options-wrap {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: auto;
	top: 100%;
	left: 0;
	display: none;
	background: #fff;
	color: #333;
	height: auto;
	line-height: 38px;
	padding: 0 10px;
}

.video-list1 .options-item {
	border-top: 1px solid #f3f3f3;
}

.video-list1 .video-select-right {
	flex: 0 0 144px;
	display: inline-flex;
}

.video-list1 .video-select-input {
	background: none;
	border: none;
	height: 36px;
	line-height: 36px;
	padding: 0;
	text-indent: 0;
	flex: 0 0 100px;
	font-size: 14px;
	color: #888;
	display: inline-block;
}

.video-list1 .video-select-submit {
	flex: 0 0 42px;
	height: 36px;
	background: url(../img/video-select-submit.png) no-repeat center;
	border: none;
	color: transparent;
	display: inline-block;
}

.video-list2 .video-items-wrap {
	justify-content: flex-start;
}

.video-list2 .video-item {
	flex: 0 0 32%;
	background: #fff;
	margin-right: 2%;
	margin-bottom: 2.4rem;
	transition-duration: .5s;
	text-align: center;
	cursor: pointer;
}

.video-list2 .video-item:nth-child(3n) {
	margin-right: 0;
}

.video-list2 .video-item:hover .video-name {
	color: #e60039;
}

.video-list2 .video-btn {
	position: absolute;
	background: url(../img/video-btn1.png) no-repeat center;
	width: 52px;
	height: 52px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition-duration: .5s;
}

.video-list2 .video-btn:hover {
	transform: translate(-50%, -50%) scale(0.9);
}

.video-list2 .video-ewm {
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url(../img/ewm-ico.png) no-repeat center;
	cursor: pointer;
}

.video-list2 .video-name {
	margin: 18px 0 10px;
	font-size: 20px;
	line-height: 1.5;
	color: #333;
}

.train-list3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60039 !important;
}

.train-list1 {
	background: #f4f4f4;
	padding-bottom: 3.3rem;
}

.train-list1 .list1-left {
	flex: 0 0 60%;
	width: 60%;
}

.train-list1 .item-unit {
	min-height: 64px;
}

.train-list1 .left-item {
	flex: 0 0 33%;
	display: inline-block;
}

.train-list1 .unit-time {
	height: 32px;
	line-height: 32px;
}

.train-list1 .unit-time-wrap {
	color: #333;
	flex: 0 0 calc(100% - 74px);
	width: calc(100% - 74px);
}

.train-list1 .unit-red {
	flex: 0 0 74px;
	color: #e60039;
}

.train-list1 .w200 {
	flex: 0 0 200px;
	width: 200px;
}

.train-list1 .w160 {
	flex: 0 0 160px;
	width: 160px;
}

.train-list1 .w288 {
	flex: 0 0 288px;
	width: 288px;
}

.train-list1 .time-s0,
.train-list1 .time-jia {
	font-size: 36px;
	font-weight: bold;
	color: #5d5959;
}

.train-list1 .time-s0 {
	font-style: italic;
}

.train-list1 .list1-right {
	flex: 0 0 31.6%;
}

.train-list1 .unit-txt {
	padding: 10px 0 12px;
}

.train-list1 .left-detail {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 1.1rem;
}

.train-list1 .unit-txt,
.train-list1 .time-s0 {
	display: inline-block;
	vertical-align: baseline;
}

.train-list1 .unit-txt,
.train-list1 .time-txt,
.train-list1 .unit-red {
	font-size: 14px;
	line-height: 20px;
}

.train-list2 {
	padding-bottom: 6.75rem;
}

.train-list2 .w1280 {
	align-items: center;
	margin-top: 18px;
}

.train-list2 .list2-jia {
	background: url(../img/train-list2-jia.png) no-repeat center;
	flex: 0 0 40px;
	height: 40px;
}

.train-list2 .list2-main-item {
	color: #fff;
	flex: 0 0 300px;
	height: 300px;
	border: 1px solid #fff;
	position: relative;
	overflow: hidden;
	transition-duration: .3s;
	background-size: cover !important;
}

.train-list2 .list2-main-item:hover {
	border-color: #e60039;
	background: url(../img/train-list2-bg2.jpg) no-repeat center;
}

.train-list2 .list2-main-item:hover .hover {
	opacity: 1;
}

.train-list2 .list2-main-item:hover .unhover {
	opacity: 0;
}

.train-list2 .hover {
	opacity: 0;
	height: 244px;
	padding-top: 90px;
	text-align: left;
}

.train-list2 .unhover {
	opacity: 1;
	text-align: center;
}

.train-list2 .hover,
.train-list2 .unhover {
	top: 50%;
	position: absolute;
	width: calc(100% - 80px);
	transition-duration: .3s;
	transform: translateY(-50%);
}

.train-list2 .hover-line {
	display: block;
	width: 24px;
	height: 1px;
	background: #fff;
	margin: 16px 0;
}

.train-list2 .item-contents {
	padding: 30px 40px;
}

.train-list2 .list2-ico {
	width: 76px;
}

.train-list2 .unhover-ico {
	margin: 0 auto 20px;
}

.train-list2 .hover-ico {
	position: absolute;
	right: 0;
	top: 0;
}

.train-list2 .list2-h5 {
	font-size: 18px;
	line-height: 20px;
}

.train-list2 .hover-detail {
	font-size: 14px;
	line-height: 26px;
}

.train-list2 .scroll-wrap {
	height: 104px;
}

.train-list3 {
	padding-bottom: 4.5rem;
}

.train-list3 .list3-imgs {
	flex: 0 0 60%;
	width: 60%;
	position: relative;
}

.train-list3 .imgs-name {
	position: absolute;
	left: 32px;
	bottom: 16px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	height: 20px;
}

.train-list3 .list3-h5 {
	font-size: 20px !important;
	line-height: 1.5;
	padding-bottom: 20px;
	color: #4d4948;
}

.train-list3 .name-s0 {
	font-size: 20px !important;
	line-height: 1.5;
	color: #4d4948;
}

.train-list3 .course-item {
	margin-bottom: 7px;
}

.train-list3 .course-name {
	font-size: 16px;
	line-height: 26px;
	color: #333;
	padding-left: 20px;
	position: relative;
	margin-bottom: 2px;
}

.train-list3 .course-name-s0 {
	font-size: 14px;
}

.train-list3 .course-name:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	background: #e60039;
	border-radius: 50%;
	top: 10px;
	left: 0;
}

.train-list3 .course-detial {
	font-size: 14px;
	line-height: 24px;
	color: #5d5959;
	padding-left: 20px;
}

.train-list3 .course-s0 {
	font-weight: bold;
}

.train-list3 .list3-txts {
	flex: 0 0 30%;
	width: 30%;
}

.train-list3 .scroll-wrap {
	height: 410px;
}

.train-list4 {
	background: #f4f4f4;
	padding-bottom: 3rem;
}

.train-list4 .c-month-top {
	margin-top: 0 !important;
}

.train-list4 .c-month-center {
	margin-top: 4.6rem;
	font-size: 2.5rem !important;
	line-height: 2.5rem;
	text-align: center;
}

.train-list4 .monthTxt {
	font-size: 20px;
}

.train-list4 .list4-mains {
	background: #fff;
}

.train-list4 .list4-left {
	flex: 0 0 60%;
	border-right: 1px solid #e5e5e5;
}

.train-list4 .course-tr {
	padding: 16px 0;
	border-bottom: 1px solid #e5e5e5;
}

.train-list4 .course-h5 {
	font-size: 16px;
	line-height: 20px;
	color: #333;
	margin-bottom: 4px;
}

.train-list4 .course-detail {
	font-size: 14px;
	line-height: 28px;
	color: #707070;
}

.train-list4 .c-event-list {
	position: relative;
}

.train-list4 .c-event-item {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	left: 0;
	top: 0;
	padding: 1rem 0 0 !important;
	margin: 0 !important;
	border: none !important;
	z-index: 2;
}

.train-list4 .c-event-item:first-child {
	z-index: 3;
}

.train-list4 .c-event-item.cur {
	z-index: 4;
}

.train-list4 .courseIntroDetail {
	white-space: pre-wrap;
	height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.train-list4 .course-btn {
	height: 46px;
	line-height: 46px;
	background: #e60039;
	text-align: center;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	margin-top: 20px;
}

.case-list1 .case-items-wrap {
	justify-content: flex-start;
}

.case-list1 .case-item {
	flex: 0 0 32.2%;
	width: 32.2%;
	margin-bottom: 1.1rem;
	display: inline-block;
	margin-right: 1.7%;
	transition-duration: .5s;
}

.case-list1 .case-item:nth-child(3n) {
	margin-right: 0;
}

.case-list1 .case-item:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.case-list1 .case-item:hover .case-h5 {
	color: #e60039;
}

.case-list1 .case-address {
	position: absolute;
	width: 100%;
	text-align: right;
	height: 40px;
	bottom: 0;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	padding: 0 15px;
}

.case-list1 .case-txts {
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	padding: .5rem .9rem;
}

.case-list1 .case-h5 {
	font-size: 20px;
	line-height: 24px;
	color: #666;
	transition-duration: .5s;
}

.case-list1 .case-detail {
	font-size: 14px;
	line-height: 20px;
	color: #888;
	margin: 10px 0 10px;
}

.case-list1 .case-more {
	font-size: 12px;
	line-height: 20px;
	color: #e60039;
}

.w988 {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
}

.toBeDealer-list1 {
	padding: .75rem 0 1.6rem;
}

.toBeDealer-list1 .w988 {
	padding-left: 50px;
	position: relative;
}

.toBeDealer-list1 .font14 {
	font-size: 14px;
	line-height: 26px;
	color: #333;
	margin-top: 16px;
}

.toBeDealer-list1 .tele-num {
	font-size: 16px;
	line-height: 20px;
	color: #666;
	margin-bottom: 20px;
}

.toBeDealer-list1 .font20 {
	font-size: 20px;
	line-height: 26px;
	color: #e60039;
}

.toBeDealer-list1 .moudle-titles2 .moudle-h5:after {
	display: none;
}

.toBeDealer-list1 .moudle-titles2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 2;
}

.toBeDealer-list1 .list1-mains {
	position: relative;
}

.toBeDealer-list1 .apply-a {
	display: block;
	width: 150px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	background: #e60039;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}

.toBeDealer-list2 .list2-items-wrap {
	margin-top: 28px;
}

.toBeDealer-list2 .list2-name {
	text-align: center;
	font-size: 20px;
	line-height: 1.2;
	color: #4d4948;
}

.toBeDealer-list2 .list2-ico {
	border-radius: 50%;
	width: 181px;
	height: 181px;
	overflow: hidden;
	background: #7b7b7b;
	transition-duration: .3s;
	padding: 55px;
	margin: 0 auto 22px;
}

.toBeDealer-list2 .swiper-slide {
	cursor: pointer;
}

.toBeDealer-list2 .swiper-slide.cur .list2-ico,
.toBeDealer-list2 .swiper-slide:hover .list2-ico {
	background: #e60039;
}

.toBeDealer-list3 {
	position: relative;
	padding-bottom: 3.2rem;
}

.toBeDealer-list3 .toBeDealer-list3-banner {
	overflow: hidden;
	width: 1010px;
	margin: 0 auto;
}

.toBeDealer-list3 .swiper-slide {
	color: #fff;
	height: 200px;
	border: 1px solid #fff;
	position: relative;
	text-align: center;
	overflow: hidden;
	transition-duration: .3s;
	background-size: cover !important;
}

.toBeDealer-list3 .swiper-slide:hover {
	border-color: #e60039;
	background: url(../img/train-list2-bg2.jpg) no-repeat center;
}

.toBeDealer-list3 .list3-item-contents {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.toBeDealer-list3 .list3-ico {
	width: 75px;
	margin: 0 auto 8px;
}

.toBeDealer-list3 .list3-h5 {
	font-size: 18px;
	line-height: 30px;
}

.toBeDealer-list3 .list3-h5:after {
	display: block;
	width: 24px;
	height: 1px;
	background: #fff;
	margin: 16px 0;
}

.toBeDealer-list4 {
	background: #f4f4f4;
}

.toBeDealer-list4 .list4-banner-wrap {
	padding-bottom: 24px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dbdbdb;
}

.toBeDealer-list4 .list4-banner {
	width: 806px;
	overflow: hidden;
	margin: 0 auto;
}

.toBeDealer-list4 .swiper-slide {
	position: relative;
	transition-duration: .3s;
	font-size: 14px;
	line-height: 28px;
	color: #4d4948;
	cursor: pointer;
	text-align: center;
}

.toBeDealer-list4 .swiper-slide.cur,
.toBeDealer-list4 .swiper-slide:hover {
	color: #e60039;
}

.toBeDealer-list4 .swiper-slide:first-child:before {
	display: none;
}

.toBeDealer-list4 .swiper-slide:before {
	content: "";
	display: block;
	width: 1px;
	height: 10px;
	background: #dbdbdb;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
}

.toBeDealer-list4 .list4-detial {
	padding: 1rem 0 2rem;
}

.toBeDealer-list4 .list4-ajax-mains {
	font-size: 14px;
	line-height: 24px;
	color: #888;
}

.toBeDealer-list4 .list4-ajax-mains .img-wrap {
	text-align: center;
}

.toBeDealer-list4 .list4-ajax-mains img {
	display: inline-block;
	max-width: 100%;
}

.toBeDealer-list5 {
	padding-bottom: 3.4rem;
}

.toBeDealer-list5 .scroll-wrap2 {
	margin-top: 28px;
}

.toBeDealer-list5 .list5-items-wrap {
	position: relative;
}

.toBeDealer-list5 .list5-next {
	display: inline-block;
	background: url(../img/toBeDealer-list5-next.png) no-repeat center;
	flex: 0 0 20px;
	height: 120px;
	width: 20px;
}

.toBeDealer-list5 .list5-name {
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	color: #4d4948;
}

.toBeDealer-list5 .list5-ico {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	overflow: hidden;
	background: #7b7b7b;
	transition-duration: .3s;
	padding: 36px;
	margin: 0 auto 22px;
}

.toBeDealer-list5 .list5-item {
	flex: 0 0 120px;
}

.toBeDealer-list5 .list5-item.cur .list5-ico,
.toBeDealer-list5 .list5-item:hover .list5-ico {
	background: #e60039;
}

.toBeDealer-list6 {
}

.toBeDealer-list6 .list6-item {
	font-size: 14px;
	line-height: 32px;
	color: #666;
	transition-duration: .3s;
	margin-bottom: 1px;
}

.toBeDealer-list6 .list6-item.cur .item-top {
}

.toBeDealer-list6 .item-top {
	cursor: pointer;
	color: #333;
	padding-right: 2.5rem;
	padding: 10px 2.5rem 10px 26px;
	background-color: #f5f5f5;
}

.toBeDealer-list6 .item-top-txt {
	height: 32px;
}

.toBeDealer-list6 .item-bot {
	display: none;
	padding: .75rem 2.5rem 1rem 26px;
}

.ajax-more1 {
	cursor: pointer;
	margin: 2rem auto 0;
	width: 150px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	background: #e60039 url(../img/recruits-a.png) no-repeat right 36px center;
	transition-duration: .3s;
	padding-left: 34px;
}

.ajax-more1:hover {
	background: #e60039 url(../img/recruits-a.png) no-repeat right 28px center;
}

.bgf0 {
	background: #f0f0f0;
}

.signIn .signIn-left {
	height: 100vh;
	flex: 0 0 57.8%;
	width: 57.8%;
	overflow: hidden;
	position: relative;
}

.signIn .signIn-right {
	font-size: 14px;
	height: 100vh;
	flex: 0 0 42.2%;
	width: 42.2%;
	background: rgba(255, 255, 255, 0.75);
	overflow: hidden;
}

.signIn .right-mains {
	width: 490px;
	margin: 0 auto;
	padding: 80px 86px 0 0;
}

.signIn .left-font14,
.signIn .right-font14 {
	font-size: 14px;
	line-height: 24px;
}

.signIn .left-font14 {
	width: 450px;
	height: 48px;
	color: #000;
	margin: 12px auto 1.5rem;
}

.signIn .right-font14 {
	color: #666;
}

.signIn .reminds {
	color: #888;
	margin-top: 1rem;
	margin: .5rem 0 1.5rem;
}

.signIn .left-font36,
.signIn .right-font36 {
	font-size: 36px;
	line-height: 1.1;
	color: #000;
}

.signIn .right-font36 {
	margin: 1.5rem 0 .7rem;
}

.signIn .right-font36:after {
	content: "";
	display: block;
	height: 2px;
	width: 48px;
	margin-top: 20px;
	background: #000;
	transition-delay: 1s;
	transition-duration: .8s;
}

.signIn .get-password {
	color: #e60039;
}

.signIn .tr-txt {
	margin-top: 1rem;
	font-size: 18px;
	line-height: 1.2;
	color: #000;
}

.signIn .tr {
	line-height: 34px;
	padding: 12px 0 12px 0;
	border-bottom: 1px solid #d7d8db;
}

.signIn .signIn-input {
	display: block;
	width: 100%;
	height: 34px;
	line-height: 34px;
	background: none;
	border: none;
	color: #666;
	padding: 0 30px 0 0;
	box-sizing: border-box;
}

.signIn .signIn-input.erro {
	background: url(../img/erro.png) no-repeat right center;
}

.signIn .signIn-input.right {
	background: url(../img/right.png) no-repeat right center;
}

.signIn .signIn-input::placeHolder {
	color: #666;
}

.signIn .signIn-submit {
	display: inline-block;
	flex: 0 0 180px;
	height: 56px;
	line-height: 56px;
	background: #e60039;
	text-align: center;
	color: #fff;
	border: none;
}

.signIn .to-register {
	display: inline-block;
	flex: 0 0 180px;
	height: 56px;
	line-height: 54px;
	text-align: center;
	color: #333;
	transition-duration: .3s;
	border: 1px solid #bfbfbf;
}

.signIn .to-register:hover {
	color: #fff;
	background: #e60039;
	border-color: #e60039;
}

.signIn .code-tr {
	position: relative;
	padding-right: 150px;
}

.signIn .captcha {
	position: absolute;
	width: 100px;
	height: 34px;
	right: 0;
	top: 10px;
}

.signIn .left-logo {
	display: block;
	width: 156px;
	height: 24px;
}

.signIn .left-mains {
	padding-top: 28px;
	width: 20.5rem;
	margin: 0 auto;
	text-align: center;
}

.signIn .left-control-btns {
	justify-content: center;
	margin-bottom: 1.7rem;
}

.signIn .control-btn {
	border-radius: 24px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	flex: 0 0 188px;
	color: #fff;
	transition-duration: .3s;
	background: #707070;
	margin: 12px;
	cursor: pointer;
}

.signIn .control-btn:hover,
.signIn .control-btn.cur {
	background: #e60039;
}

.signIn .ajax-right {
	flex: 0 0 144px;
	width: 144px;
}

.signIn .ajax-left {
	flex: 0 0 calc(100% - 150px);
	width: calc(100% - 150px);
	display: inline-flex;
	justify-content: flex-end;
}

.signIn .ajax-img {
	flex: 0 0 auto;
	max-width: 100%;
}

.signIn .app-ajax .ajax-right {
	/*flex: 0 0 100px;
  width: 100px; */
}

.signIn .pcct-down-a {
	width: 144px;
	height: 40px;
	display: block;
	margin-bottom: .7rem;
	transition-duration: .3s;
}

.signIn .app-down-img {
	margin-bottom: 6px;
}

.signIn .pcct-down-a:hover {
	transform: translateX(-6px);
}

.others-down-h5 {
	width: 180px;
	margin-left: -18px;
	font-size: 16px;
	line-height: 32px;
	color: #333;
	text-align: center;
	margin-bottom: .7rem;
}

.signIn .others-down {
	display: inline-block;
	border-bottom: 1px solid #777979;
	font-size: 16px;
	line-height: 32px;
	color: #333;
	padding: 0 16px 0 2px;
	background: url(../img/others-down.png) no-repeat right center;
	transition-duration: .3s;
}

.signIn .others-down:hover {
	transform: translateX(-6px);
}

.signIn .app-ajax,
.signIn .pcct-ajax {
	display: none;
}

.signIn .ajax-mains1,
.signIn .ajax-mains2 {
	opacity: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.signIn .ajax-mains1.cur,
.signIn .ajax-mains2.cur {
	opacity: 1;
	transform: translateY(0);
}

.signIn .ajax-mains1 {
	transform: translateY(-30px);
}

.signIn .ajax-mains2 {
	transform: translateY(30px);
}

.signIn .ewm-a {
	display: block;
	margin-bottom: .75rem;
}

.signIn .ewm-txt {
	margin-top: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #707070;
}

.signIn .page-title {
	font-size: 68px;
	color: #000;
	text-align: center;
	line-height: 1.3;
	text-transform: capitalize;
	padding-top: 2.5rem;
	padding-bottom: 10px;
}

.dealer-list1 {
	border-bottom: 1px solid #efefef;
	padding-bottom: 2.75rem;
}

.dealer-list1 .dealer-list1-banner {
	margin-top: 28px;
	overflow: hidden;
}

.dealer-list1 .list1-item {
	text-align: center;
	color: #333;
	line-height: 24px;
}

.dealer-list1 .list1-item:hover .list1-ico {
	background: #e60039;
}

.dealer-list1 .list1-txts {
	max-width: 226px;
	margin: 0 auto;
}

.dealer-list1 .list1-ico {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	overflow: hidden;
	background: #7b7b7b;
	transition-duration: .3s;
	padding: 31px;
	margin: 0 auto 22px;
}

.dealer-list1 .list1-name {
	font-size: 20px;
}

.dealer-list1 .list1-detail {
	font-size: 14px;
	margin-top: 12px;
}

.dealer-list2 {
	padding-bottom: 3.5rem;
}

.dealer-list2 .list2-textarea {
	border: 1px solid #d2d2d2;
	border-radius: 8px;
	font-size: 14px;
	line-height: 2;
	height: 160px;
	padding: 20px 20px 20px 60px;
	width: 100%;
	box-sizing: border-box;
	display: block;
	background: url(../img/smile.png) no-repeat 24px 20px;
}

.dealer-list2 .list2-textarea:placeHolder {
	color: #888;
}

.dealer-list2 .list2-submit {
	display: block;
	width: 200px;
	height: 56px;
	line-height: 56px;
	background: #e60039;
	text-align: center;
	color: #fff;
	border: none;
	font-size: 14px;
	margin: 1.8rem auto 0;
}

.down-list2 .down-reminds {
	font-size: 14px;
	line-height: 22px;
	color: #666;
	padding: 15px 0 30px;
}

.down-list2 .down-list2-top {
	justify-content: flex-start;
}

.down-list2 .form-section {
	position: relative;
	flex: 0 0 150px;
	margin-right: 14px;
	z-index: 1;
	cursor: pointer;
	position: relative;
	font-size: 14px;
	line-height: 30px;
	height: 32px;
	color: #333;
	background: url(../img/down-sectiontop2.png) no-repeat right 10px top 12px;
}

.down-list2 .form-section.cur {
	background: url(../img/down-sectiontop2on.png) no-repeat right 10px top 12px;
}

.down-list2 .products-section {
	z-index: 2;
}

.down-list2 .section-top {
	height: 32px;
	border: 1px solid #a0a0a0;
	padding-left: 10px;
}

.down-list2 .options-wrap {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: auto;
	top: 100%;
	left: 0;
	display: none;
	background: #f5f5f5;
	color: #333;
	height: auto;
	line-height: 30px;
}

.down-list2 .options-scroll {
	max-height: 300px;
}

.down-list2 .options-item {
	padding: 0 10px;
	border-bottom: 1px solid #e5e5e5;
}

.down-list2 .down-submit {
	flex: 0 0 96px;
	height: 32px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border: none;
	display: inline-block;
	line-height: 32px;
	background: #e60039;
}

.down-list2 .down-item {
	padding: 10px 100px 10px 0;
	position: relative;
	display: block;
	border-top: 1px solid #d9d9d9;
	min-height: 26px;
}

.down-list2 .down-item:hover .down-s0 {
	background: #e60039;
}

.down-list2 .down-s0 {
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	display: block;
	width: 76px;
	height: 26px;
	background: #4c4849;
	text-align: center;
	font-size: 14px;
	color: #fff;
	transition-duration: .3s;
}

.down-list2 .down-name {
	font-size: 16px;
	color: #333;
}

.conProInfo-list1 {
	margin: 2.5rem auto;
}

.conProInfo-list1 .list1-right {
	flex: 0 0 520px;
}

.conProInfo-list1 .left-imgs-wrap {
	flex: 0 0 84px;
	position: relative;
	padding: 52px 0;
	width: 84px;
	height: 400px;
}

.conProInfo-list1 .left-imgs-banner {
	overflow: hidden;
	height: 300px;
}

.conProInfo-list1 .swiper-slide {
	cursor: pointer;
	border: 1px solid #bfbfbf;
	padding: 12px 14px;
	transition-duration: .3s;
}

.conProInfo-list1 .swiper-slide:hover,
.conProInfo-list1 .swiper-slide.cur,
.conProInfo-list1 .swiper-slide.swiper-slide-active {
	border-color: #e60039;
}

.conProInfo-list1 .list1-top-flex {
	width: calc(100% - 656px);
	justify-content: flex-end;
	margin-bottom: 2rem;
}

.conProInfo-list1 .left-show-wrap,
.conProInfo-list1 .list1-key-wrap {
	flex: 0 0 372px;
}

.conProInfo-list1 .para-item-wrap {
	text-align: center;
}

.conProInfo-list1 .para-item {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	margin: 0 12px;
	color: #fff;
	transition-duration: .3s;
	background: #343131;
	font-size: 14px;
	cursor: pointer;
}

.conProInfo-list1 .para-item:first-child {
	margin-left: 0;
}

.conProInfo-list1 .para-item:last-child {
	margin-right: 0;
}

.conProInfo-list1 .para-item:hover,
.conProInfo-list1 .para-item.cur {
	background: #e60039;
	color: #fff;
}

.conProInfo-list1 .list1-left {
	flex: 0 0 calc(100% - 656px);
	width: calc(100% - 656px);
	display: inline-flex;
	justify-content: space-between;
}

.conProInfo-list1 .right-mains {
	padding: 52px 64px 44px 64px;
	background: #fff url(../img/right-mains-bg.png) no-repeat right 22px bottom 16px;
}

.conProInfo-list1 .proInfo-h5-cn {
	font-size: 30px;
	line-height: 1.2;
	color: #333;
	margin-bottom: 12px;
}

.conProInfo-list1 .scroll-wrap {
	height: 192px;
}

.conProInfo-list1 .proInfo-h5-en {
	font-size: 18px;
	line-height: 1.2;
	color: #333;
	text-transform: uppercase;
}

.conProInfo-list1 .proInfo-h5-en:after {
	content: "";
	display: block;
	background: #333;
	width: 48px;
	height: 1px;
	margin: 20px 0;
}

.conProInfo-list1 .proInfo-h5-detail {
	font-size: 14px;
	line-height: 24px;
	color: #666;

}

.conProInfo-list1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #e60039 !important;
}

.conProInfo-list1 .left-ajax-btns {
	text-align: center;
}

.conProInfo-list1 .ajax-color-btn {
	display: inline-block;
	cursor: pointer;
}

.conProInfo-list1 .left-ajax-btns {
	margin-top: 1.8rem;
}

.conProInfo-list1 .color-s0,
.conProInfo-list1 .color-s1 {
	display: inline-block;
	vertical-align: top;
	height: 25px;
	line-height: 25px;
	color: #333;
	font-size: 14px;
}

.conProInfo-list1 .color-s1 {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 7px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.left-imgs-btns {
	position: absolute;
	height: 100%;
	width: 1px;
	left: 50%;
	top: 0;
}

.left-imgs-btns .btn {
	left: -50%;
	position: absolute;
	display: block;
	width: 34px;
	height: 18px;
	cursor: pointer;
	transition-duration: .3s;
	transform: translateX(-50%);
}

.left-imgs-btns .prev {
	top: 12px;
	background: url(../img/conProInfo-prev1.png) no-repeat center;
}

.left-imgs-btns .prev:hover {
	background: url(../img/conProInfo-prev1on.png) no-repeat center;
}

.left-imgs-btns .next {
	bottom: 12px;
	background: url(../img/conProInfo-next1.png) no-repeat center;
}

.left-imgs-btns .next:hover {
	background: url(../img/conProInfo-next1on.png) no-repeat center;
}

.conProInfo-list2 .conProInfo-list1-top {
	background-color: #343131;
	padding: .75rem 0;
	color: #fff;
	line-height: 40px;
}

.conProInfo-list2 .top-en {
	font-size: 26px;
}

.conProInfo-list2 .top-cn {
	font-size: 24px;
}

.conProInfo-list2 .h2-s0 {
	display: inline-block;
	width: auto;
}

.conProInfo-list2 .h2-s0:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	width: 80px;
	height: 2px;
	background-color: #e60039;
}

.conProInfo-list2 .list2-h2 {
	position: relative;
	font-size: 20px;
	line-height: 1.4;
	color: #000;
	padding: 1.2rem 0 .6rem 1rem;
}

.conProInfo-list2 .para-list {
	background-color: #fff;
}

.conProInfo-list2 .para-tr {
	border-bottom: 1px solid #eaeaea;
}

.conProInfo-list2 .td-content {
	padding: 0 1rem;
}

.conProInfo-list2 .para-td {
	flex: 0 0 50%;
	width: 50%;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	padding: .75rem 0;
	display: inline-flex;
}

.conProInfo-list2 .para-td:nth-child(2n):before {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #eaeaea;
	top: 0;
	left: 0;
}

.conProInfo-list2 .para-s0 {
	flex: 0 0 auto;
	margin-left: 40px;
}

.conProInfo-list2 .para-s1 {
	flex: 0 0 calc(100% - 110px);
}

.conProInfo-list2 .others-banner {
	overflow: hidden;
}

.conProInfo-list2 .others-banner-wrap {
	position: relative;
}

.conProInfo-list2 .pro-hd01 {
	bottom: 0;
}

.conProInfo-list2 .swiper-slide {
	position: relative;
}

.conProInfo-list2 .swiper-slide:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.conProInfo-list2 .swiper-slide:hover .pro-en,
.conProInfo-list2 .swiper-slide:hover .pro-cn {
	color: #e60039;
}

.conProInfo-list2 .swiper-slide .txts-wrap {
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	padding: 22px 30px 0;
	font-size: 14px;
	line-height: 20px;
}

.conProInfo-list2 .pro-en {
	font-size: 18px;
	color: #333;
	height: 20px;
	transition-duration: .5s;
	margin-bottom: 10px;
}

.conProInfo-list2 .pro-cn {
	color: #666;
	height: 20px;
	font-size: 14px;
}

.no-banner {
	position: relative;
	background: rgba(76, 72, 73, 0.45);
	height: 60px;
}

.no-banner .proInfo-nav-wrap1 {
	top: 0;
}

.signUp-list1 {
	padding-bottom: 2rem;
}

.signUp-list1 .list1-mains {
	background: #fff;
	padding: 2.5rem 0 3.3rem;
}

.signUp-list1 .td-name {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	padding-bottom: 26px;
}

.signUp-list1 .must-s0 {
	font-size: 14px;
	line-height: 24px;
	color: #e60039;
}

.signUp-list1 .td-img-wrap {
	height: auto;
	background-size: cover !important;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.signUp-list1 .card-img0 {
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
}

.signUp-list1 .bottom-img0 {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	opacity: 0;
}

.signUp-list1 .person-card {
	background: url(../img/idCard.jpg) no-repeat center;
}

.signUp-list1 .sale-card {
	background: url(../img/sale-card.jpg) no-repeat center;
}

.signUp-list1 .upload-img-btn {
	z-index: 3;
	display: inline-block;
	width: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	transform: translate(-50%, -50%);
	border-bottom: 1px solid #fff;
	color: #fff;
	cursor: pointer;
}

.signUp-list1 .upload-img-btn.hide {
	opacity: 0;
	z-index: -1;
}

.signUp-list1 .td {
	position: relative;
	flex: 0 0 45%;
	font-size: 14px;
	line-height: 52px;
	color: #666;
	margin-bottom: 1rem;
}

.signUp-list1 .captcha {
	position: absolute;
	display: block;
	max-height: 100%;
	width: 100px;
	right: 0;
	top: 0;
}

.signUp-list1 .upload-td {
	margin-bottom: 1.5rem;
}

.signUp-list1 .td-s0 {
	position: absolute;
	left: 0;
	top: 0;
	height: 52px;
	display: block;
	width: auto;
}

.signUp-list1 .signUp-input {
	display: block;
	padding: 0 0 0 53px;
	background: none;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	height: 52px;
	line-height: 52px;
	width: 100%;
	box-sizing: border-box;
}

.signUp-list1 .wechat-input {
	padding-left: 78px;
}

.signUp-list1 .form-section {
	cursor: pointer;
	display: block;
	border: none;
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	height: 52px;
	line-height: 52px;
}

.signUp-list1 option {
	display: block;
	height: 52px;
	line-height: 52px;
	border-bottom: 1px solid #e5e5e5;
}

/*  .signUp-list1 .form-section.cur {
      background: url(../img/sectionto2pon.png) no-repeat right top 21px; }
  .signUp-list1 .province-section {
    z-index: 2; }
  .signUp-list1 .section-top {
    border-bottom: 1px solid #e5e5e5; }
  .signUp-list1 .options-wrap {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: auto;
    top: 100%;
    left: 0;
    display: none;
    background: #f5f5f5;
    color: #707070;
    height: auto;
    line-height: 40px; }
  .signUp-list1 .options-item {
    padding: 0 10px;
    border-bottom: 1px solid #e5e5e5; }*/
.signUp-list1 .flex100 {
	flex: 0 0 100%;
}

.signUp-list1 .options-scroll {
	max-height: 320px;
}

.signUp-list1 .signUp-submit {
	display: block;
	border: none;
	background: #e60039;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 56px;
	height: 56px;
	width: 8rem;
	margin: 1.5rem auto 0;
}

.signUp-list1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60039 !important;
}

.signUp-list1 .td-reminds {
	padding-top: 15px;
	font-size: 14px;
	line-height: 22px;
	padding-left: 28px;
	color: #888;
}

.signUp-list1 .reminds-a {
	display: inline-block;
	vertical-align: top;
}

.signUp-list1 .reminds-s0 {
	display: block;
	position: absolute;
	width: 16px;
	height: 22px;
	line-height: 21px;
	left: 0;
	top: 15px;
	cursor: pointer;
	background: url(../img/reminds-ico.jpg) no-repeat center;
}

.signUp-list1 .reminds-s0.cur {
	background: url(../img/reminds-icoon.jpg) no-repeat center;
}

.signUp-list1 .reminds-s1 {
	vertical-align: top;
	display: inline-block;
	border-bottom: 1px solid #e60039;
	color: #e60039;
	margin-left: 4px;
}

.reminds-s2 {
	cursor: pointer;
}

.signUp-list1 .upload-file-input {
	opacity: 0;
	height: 0;
	display: block;
}

.signUp-list1 .fancybox-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.code-td {
	position: relative;
}

.code-td .code-img {
	right: 0;
	top: 0;
	display: block;
	position: absolute;
	max-height: 100%;
	width: 100px;
}

.mCSB_inside>.mCSB_container {
	margin-right: 0 !important;
}

.upload-td22 {
	border: 1px solid red;
	width: 45%;
}

#js-pica-show {
	border: 1px solid red;
	width: 300px;
	height: 300px;
}

.fancybox-img {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: none;
}

.fancybox-img.cur {
	display: block;
	z-index: 3;
}

.family-list1 {
	padding-bottom: 1rem;
}

.family-list1 .list1-mains {
	height: 600px;
}

.family-list1 .family-hd01 {
	display: none;
}

.family-list1 .swiper-slide {
	background: #fff;
	position: relative;
	transition-duration: .8s;
}

.family-list1 .list1-h5 {
	font-size: 20px;
	line-height: 24px;
	color: #000;
	transition-delay: .6s;
	transition-duration: .8s;
	opacity: 1;
	transform: translateY(30px);
}

.family-list1 .list1-h5:after {
	display: block;
	content: "";
	background-color: #000;
	margin: 14px 0;
	width: 32px;
	height: 1px;
}

.family-list1 .list1-detail {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	transition-duration: .8s;
	transition-delay: .8s;
	opacity: 1;
	transform: translateY(30px);
}

.family-list1 .list1-txts {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/family-list1-bg2.png) no-repeat center;
	width: 640px;
	height: 280px;
	padding: 52px 30px 40px 5rem;
}

.family-list1 .list1-banner-wrap {
	position: relative;
}

.family-list1 .bgImg {
	height: 600px;
}

.family-list1 .swiper-slide-active .list1-h5,
.family-list1 .swiper-slide-active .list1-detail {
	opacity: 1;
	transform: translateY(0);
}

.family-list1 .scroll-wrap {
	height: 120px;
}

.family-hd01 {
	width: 920px;
	height: 60px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	transition-duration: .5s;
}

.family-hd01:after {
	z-index: 1;
	position: absolute;
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	left: 0;
	top: 14px;
	background: url(../img/after-line1.png) repeat-x center;
}

.family-hd01 .swiper-pagination-bullet {
	width: 110px !important;
	height: 60px !important;
	position: relative;
	z-index: 2;
	padding-top: 38px;
	text-align: center;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	background-size: 24px !important;
	font-size: 14px;
	line-height: 22px;
	color: transparent;
	opacity: 1;
	background-color: none !important;
	transition-duration: .3s;
}

.family-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-size: 30px !important;
	color: #fff;
}

.mCSB_scrollTools {
	width: 10px !important;
}

.wel-list2 .mCSB_scrollTools {
	width: 100% !important;
}

.family-list2 {
	padding-bottom: 3.4rem;
}

.family-list2 .list2-mains1 {
	position: relative;
	padding-left: 200px;
}

.family-list2 .right-bg {
	position: relative;
	opacity: 0;
	transition-duration: .3s;
}

.family-list2 .right-bg.cur {
	opacity: 1;
	transition-duration: .5s;
}

.family-list2 .list2-mains2 {
	position: relative;
	padding-left: 412px;
	margin-top: 12px;
}

.family-list2 .list2-nav-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	background-color: #fff;
}

.family-list2 .list2-nav-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60039 !important;
}

.family-list2 .scroll-wrap {
	height: 100%;
}

.family-list2 .nav-item {
	cursor: pointer;
	transition-duration: .3s;
	border-bottom: 1px solid #efefef;
	font-size: 20px;
	padding: 29px 40px 29px 28px;
	line-height: 40px;
	color: #4d4948;
	background: url(../img/family-list2-prev1.png) no-repeat top 44px right 30px;
}

.family-list2 .nav-item:hover,
.family-list2 .nav-item.cur {
	color: #e60039;
	background: url(../img/family-list2-prev1on.png) no-repeat top 44px right 30px;
}

.family-list2 .right-mains {
	position: relative;
}

.family-list2 .list2-mains1 {
	min-height: 15rem;
	position: relative;
	z-index: 2;
}

.family-list2 .right-bg,
.family-list2 .list2-nav-wrap {
	height: 15rem;
}

.family-list2 .points-wrap {
	z-index: 2;
}

.family-list2 .points-close {
	right: 16px;
	top: 16px;
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.family-list2 .points-mains {
	z-index: 2;
	display: none;
	width: 290px;
	height: 180px;
	position: absolute;
	background: #e60039 url(../img/family-list2-en.png) no-repeat top 36px right 16px;
	padding: 38px 20px 16px 24px;
	color: #fff;
}

.family-list2 .points-mains .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff !important;
	width: 1px !important;
}

.family-list2 .points-item {
	position: absolute;
}

.family-list2 .points-item.cur .points-num {
	background-color: #e60039;
	color: #fff;
}

.family-list2 .points-num {
	width: 36px;
	height: 36px;
	cursor: pointer;
	background-color: #fff;
	font-size: 14px;
	line-height: 36px;
	border-radius: 50%;
	text-align: center;
	color: #474444;
	transition-duration: .3s;
}

.family-list2 .points-name {
	font-size: 20px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
}

.family-list2 .points-name:after {
	content: "";
	display: block;
	background: #fff;
	height: 1px;
	margin: 10px 0 12px;
	width: 24px;
}

.family-list2 .points-detail {
	font-size: 14px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}

.family-list2 .l-t .points-mains {
	top: 45px;
	left: 36px;
}

.family-list2 .l-b .points-mains {
	bottom: 45px;
	left: 36px;
}

.family-list2 .r-t .points-mains {
	top: 45px;
	right: 36px;
}

.family-list2 .r-b .points-mains {
	bottom: 45px;
	right: 36px;
}

.family-list2 .list2-left2 {
	cursor: default;
	padding-top: 1rem;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 390px;
	background: url(../img/family-list2-bg3.jpg) no-repeat center;
	background-size: cover !important;
}

.family-list2 .left2-mains {
	width: 194px;
	margin-left: 1.4rem;
}

.family-list2 .list2-banner {
	overflow: hidden;
}

.family-list2 .left2-h2 {
	color: #fff;
	font-size: 24px;
	line-height: 1.5;
}

.family-list2 .left2-h2:after {
	content: "";
	display: block;
	background: #fff;
	height: 1px;
	margin: .4rem 0 .8rem;
	width: 48px;
}

.family-list2 .left2-more {
	display: inline-block;
	width: 32px;
	height: 32px;
	transition-duration: .3s;
	background: #fff url(../img/left2-more.png) no-repeat center;
}

.family-list2 .pro-name {
	position: absolute;
	font-size: 18px;
	line-height: 2;
	bottom: 6px;
	left: 0;
	width: 100%;
	color: #333;
	text-align: center;
}

.family-list3 .list3-banner {
	overflow: hidden;
}

.family-list3 .swiper-slide {
	display: inline-block;
	transition-duration: .5s;
}

.family-list3 .swiper-slide:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.family-list3 .swiper-slide:hover .case-h5 {
	color: #e60039;
}

.family-list3 .case-address {
	position: absolute;
	width: 100%;
	text-align: right;
	height: 40px;
	bottom: 0;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	padding: 0 15px;
}

.family-list3 .case-txts {
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	padding: .5rem .9rem;
}

.family-list3 .case-h5 {
	font-size: 20px;
	line-height: 24px;
	color: #666;
	transition-duration: .5s;
}

.family-list3 .case-detail {
	font-size: 14px;
	line-height: 20px;
	color: #888;
	margin: 6px 0 10px;
	height: 40px;
}

.family-list3 .case-more {
	font-size: 12px;
	line-height: 20px;
	color: #e60039;
}

.family-list4 {
	position: relative;
	padding-left: 41.65vw;
}

.family-list4 .list4-left {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 50%;
}

.family-list4 .m-img {
	display: none;
}

.family-list4 .list4-right {
	background: url(../img/family-list4-bg2.png) no-repeat top 1.7rem right;
	background-size: 4rem;
	padding: 2.5rem 0 2.6rem;
}

.family-list4 .right-mains {
	width: 414px;
	margin-left: 3.25rem;
}

.family-list4 .list4-h2 {
	font-size: 36px;
	line-height: 1.5;
	color: #4b4848;
}

.family-list4 .list4-h2:after {
	content: "";
	display: block;
	background: #2f2e2e;
	height: 2px;
	margin: 22px 0 36px;
	width: 48px;
}

.family-list4 .tr {
	margin-bottom: 20px;
	border-bottom: 1px solid #dedede;
}

.family-list4 .td {
	flex: 0 0 49%;
	position: relative;
}

.family-list4 .code-td,
.family-list4 .province-td {
	flex: 0 0 100%;
}

.family-list4 .form-input {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #333;
	height: 40px;
	line-height: 40px;
	border: none;
	padding: 0;
	background: none;
}

.family-list4 .user-input {
	text-indent: 22px;
	background: url(../img/user-input.png) no-repeat left center;
}

.family-list4 .tele-input {
	text-indent: 22px;
	background: url(../img/tele-input.png) no-repeat left center;
}

.family-list4 .form-section {
	/*z-index: 1;*/
	display: block;
	width: 100%;
	border: none;
	cursor: pointer;
	position: relative;
	font-size: 14px;
	color: #333;
	height: 40px;
	line-height: 40px;
	/*background: url(../img/sectiontop2.png) no-repeat right 10px top 18px; */
}

/*    .family-list4 .form-section.cur {
      background: url(../img/sectionto2pon.png) no-repeat right 10px top 18px; }*/
.family-list4 .province-section {
	z-index: 2;
}

.family-list4 select {
	display: block;
	width: 100%;
	background: none;
	border: none;
	color: #666;
	height: 40px;
	line-height: 40px;
}

.family-list4 .captcha {
	right: 0;
	top: 0;
	display: block;
	position: absolute;
	max-height: 100%;
	width: 100px;
}

.family-list4 .options-wrap {
	position: absolute;
	z-index: 3;
	width: 100%;
	max-height: 240px;
	top: 100%;
	left: 0;
	display: none;
	background: #fff;
	color: #333;
	height: auto;
	line-height: 40px;
	padding: 0 10px;
	transition-duration: .3s;
}

.family-list4 .options-scroll {
	max-height: 240px;
}

.family-list4 .options-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.family-list4 .form-input::placeHolder,
.family-list4 .form-textarea::placeHolder {
	color: #333;
}

.family-list4 .list4-submit {
	width: 100%;
	display: block;
	height: 64px;
	line-height: 64px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	background-color: #2f2e2e;
	margin-top: 1.1rem;
	border: none;
	transition-duration: .3s;
}

.family-list4 .list4-submit:hover {
	background: #e60039;
}

.family-list4 .form-textarea {
	display: block;
	width: 100%;
	height: 100px;
	line-height: 25px;
	padding: 0;
	border: none;
	background: none;
	font-size: 14px;
	color: #333;
}

.office-list1 {
	padding-bottom: 3.8rem;
}

.office-list1 .pro-hd02 {
	display: none;
}

.office-list1 .list1-banner {
	overflow: hidden;
}

.office-list1 .swiper-item {
	position: relative;
	overflow: hidden;
}

/*.office-list1 .swiper-item:nth-child(2n-1) {
      margin-bottom: 16px; }*/
.office-list1 .swiper-item:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background: url(../img/office-list11-bg.png) no-repeat center;
	background-size: cover !important;
}

.office-list1 .list1-h5 {
	z-index: 3;
	font-size: 18px;
	line-height: 2;
	bottom: 10px;
	left: 0;
	width: 100%;
	position: absolute;
	padding: 0 32px;
	color: #fff;
}

.swiper-banner0 {
	overflow: hidden;
}

.office-list2 {
	padding: 1.8rem 0 4.8rem;
}

.office-list2 .swiper-slide {
	text-align: center;
	color: #fff;
	padding: 0 32px;
}

.office-list2 .ico-wrap {
	width: 100px;
	height: 100px;
	margin: 0 auto 1.2rem;
	border: 1px solid #fff;
	padding: 21px;
	border-radius: 50%;
}
.ico-wrap-name{
    width: 128px;
    height: 128px;
    margin: 48px auto 0 auto;
}
.office-list2 .ico-h5 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.office-list2 .ico-detail {
	font-size: 14px;
	line-height: 24px;
}

.office-list3 .office-list3-mains {
	position: relative;
	padding-right: 37.5vw;
	margin-bottom: 2.5rem;
}

.office-list3 .list3-right {
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	background: #fff;
	z-index: 1;
	position: absolute;
}

.office-list3 .list3-left {
	position: relative;
	z-index: 2;
}

.office-list3 .img-h5 {
	text-align: center;
	font-size: 20px;
	line-height: 54px;
	color: #4b4848;
}

.office-list3 .item-detail {
	font-size: 14px;
	line-height: 22px;
	color: #888;
}

.office-list3 .item-h5 {
	font-size: 20px;
	line-height: 1.5;
	color: #333;
	margin-bottom: 10px;
	position: relative;
}

.office-list3 .item-h5:before {
	position: absolute;
	content: "";
	display: block;
	right: 100%;
	top: 50%;
	width: 32px;
	margin-right: 8px;
	height: 1px;
	background: #e60039;
}

.office-list3 .right-item {
	margin-top: 1.3rem;
}

.office-list3 .right-item:first-child {
	margin-top: 0;
}

.office-list3 .right-mains {
	height: 100%;
	padding: 2rem 3.3rem;
}

.office-list3 .scroll-wrap {
	height: 100%;
}

.office-list3 .mCSB_inside>.mCSB_container {
	padding-left: 40px !important;
}

.office-list3 .right-ico-wrap {
	margin-top: .7rem;
	justify-content: flex-start;
}

.office-list3 .ico-item {
	padding-top: 21px;
	border: 1px solid #dcdcdc;
	flex: 0 0 96px;
	height: 96px;
	margin-right: 18px;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	text-align: center;
}

.office-list3 .ico-wrap {
	width: 40px;
	margin: 0 auto 6px;
}

.office-list3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60039 !important;
}

.side-always {
	position: fixed;
	z-index: 3;
	width: 56px;
	height: 260px;
	right: 12px;
	top: 50%;
	margin-top: -130px;
	box-sizing: border-box;
}

.side-always .side-items {
	display: block;
	position: relative;
	overflow: visible;
	background-color: #f5f5f5;
	cursor: pointer;
	width: 56px;
	height: 56px;
	transition-duration: .3s;
	margin-bottom: 12px;
}

.side-always .side-items:hover {
	background: #e60039;
}

.side-always .side-ico {
	position: relative;
	z-index: 4;
	width: 56px;
	height: 56px;
	transition-duration: .3s;
	background-size: 23px !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.side-always .tele-item .side-ico {
	background: url(../img/side-tele.png) no-repeat center;
}

.side-always .tele-item:hover .side-ico {
	background: url(../img/side-teleon.png) no-repeat center;
}

.side-always .qq-item .side-ico {
	background: url(../img/side-qq.png) no-repeat center;
}

.side-always .qq-item:hover .side-ico {
	background: url(../img/side-qqon.png) no-repeat center;
}

.side-always .ewm-item .side-ico {
	background: url(../img/side-ewm.png) no-repeat center;
}

.side-always .ewm-item:hover .side-ico {
	background: url(../img/side-ewmon.png) no-repeat center;
}

.side-always .toTop-item .side-ico {
	background: url(../img/side-toTop-item.png) no-repeat center;
}

.side-always .toTop-item:hover .side-ico {
	background: url(../img/side-toTop-itemon.png) no-repeat center;
}

.side-always .side-tele {
	position: absolute;
	display: none;
	width: 170px;
	height: 56px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	line-height: 56px;
	color: #fff;
	left: -171px;
	top: 50%;
	margin-top: -28px;
	background-color: #e60039;
}

.side-always .side-tele-content {
	display: block;
	padding: 0 10px;
	text-align: center;
}

.side-always .side-ewm {
	position: absolute;
	display: none;
	width: 110px;
	height: 110px;
	background: #fff;
	padding: 5px;
	box-sizing: border-box;
	right: 104%;
	top: 50%;
	margin-top: -55px;
}

.specialInfo .office-list1 .list1-banner {
	margin-top: 20px;
}

.specialInfo-list1 .specialInfo-list1-mains {
	position: relative;
	height: 15rem;
}

.specialInfo-list1 .proInfo-list-bg {
	padding-bottom: 50px !important;
}

.specialInfo-list1 .points-items {
	width: 74px;
	height: 74px;
	position: absolute;
}

.specialInfo-list1 .item-hides {
	display: none;
	position: absolute;
	background: #fff;
	border-radius: 6px;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	padding: 0 10px;
	width: 180px;
	height: 46px;
	color: #000;
}

.specialInfo-list1 .item-cir {
	width: 74px;
	height: 74px;
	cursor: pointer;
	background: url(../img/specialInfo-list1-cir.png) no-repeat center;
}

.specialInfo-list1 .item-cir:nth-child(3n+1) {
	animation: cir-scale4 5s linear infinite;
}

.specialInfo-list1 .item-cir:nth-child(3n+2) {
	animation: cir-scale4 3.5s linear infinite;
}

.specialInfo-list1 .item-cir:nth-child(3n) {
	animation: cir-scale4 2s linear infinite;
}

.specialInfo-list1 .l-t .item-hides {
	top: calc(100% + 16px);
	left: 37px;
}

.specialInfo-list1 .l-b .item-hides {
	bottom: calc(100% + 16px);
	left: 37px;
}

.specialInfo-list1 .r-t .item-hides {
	top: calc(100% + 16px);
	right: 37px;
	margin-top: 16px;
}

.specialInfo-list1 .r-b .item-hides {
	bottom: calc(100% + 16px);
	right: 37px;
	margin-top: 16px;
}

.specialInfo-list2 .list2-imgs {
	width: 22.9rem;
}

.specialInfo-list7 .proInfo-icos-wrap2 .icos-item {
	flex: 0 0 100%;
}

.specialInfo-list7 .list7-left {
	flex: 0 0 630px;
}

.specialInfo-list7 .list7-right {
	flex: 0 0 500px;
}

.specialInfo-list3 {
	padding: 1.2rem 0 4.8rem;
}

.specialInfo-list3 .swiper-slide {
	text-align: center;
	color: #fff;
	padding: 0 32px;
}

.specialInfo-list3 .specialInfo-list3-banner {
	margin-top: 1.1rem;
}

.specialInfo-list3 .ico-wrap {
	width: 180px;
	height: 180px;
	margin: 0 auto .8rem;
	border: 1px solid #fff;
	padding: 61px 53px;
	border-radius: 50%;
}

.specialInfo-list3 .ico-h5 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.specialInfo-list3 .ico-detail {
	font-size: 14px;
	line-height: 24px;
}


#lightbox-container-image-data-box {
	box-sizing: content-box;
}

.hide1 {
	-webkit-transform: scale(0) !important;
	-ms-transform: scale(0) !important;
	transform: scale(0) !important;
	opacity: 0 !important;
}

.show1 {
	z-index: 8;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.svg1 {
	overflow: hidden;
	-webkit-clip-path: circle(2.1% at 50% 50%);
	clip-path: circle(0% at 50% 50%);
	transition: all 1s cubic-bezier(0, 0.35, 0.14, 1.1) 0.5s;
}

.svg1.animate {
	-webkit-clip-path: circle(70.7% at 50% 50%);
	clip-path: circle(70.7% at 50% 50%);
}

.js-m {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform opacity;
	transition-duration: 1s;
	transition-timing-function: ease;
}

.js-opacity {
	transition-property: transform opacity;
	transition-duration: 1s;
	transition-timing-function: ease;
}

.js-m2 {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform opacity;
	transition-duration: .8s;
	transition-timing-function: ease;
}

.js-to-left {
	opacity: 0;
	transform: translateX(30px);
	transition-property: transform opacity;
	transition-duration: 1s;
	transition-timing-function: ease;
}

.js-to-right {
	opacity: 0;
	transform: translateX(-30px);
	transition-property: transform opacity;
	transition-duration: 1s;
	transition-timing-function: ease;
}

.js-m.animate,
.js-m2.animate,
.js-to-left.animate,
.js-to-right.animate,
.js-opacity.animate {
	opacity: 1;
	transform: translate(0, 0);
}

.delay1 {
	transition-delay: .1s;
}

.delay2 {
	transition-delay: .2s;
}

.delay3 {
	transition-delay: .3s;
}

.delay4 {
	transition-delay: .4s;
}

.delay5 {
	transition-delay: .5s;
}

.delay6 {
	transition-delay: .6s;
}

.delay7 {
	transition-delay: .7s;
}

.delay8 {
	transition-delay: .8s;
}

.delay9 {
	transition-delay: .9s;
}

.delay10 {
	transition-delay: 1s;
}

.delay11 {
	transition-delay: 1.1s;
}

.delay12 {
	transition-delay: 1.2s;
}

.delay13 {
	transition-delay: 1.3s;
}

.delay14 {
	transition-delay: 1.4s;
}

.delay15 {
	transition-delay: 1.5s;
}

.delay16 {
	transition-delay: 1.6s;
}

.delay17 {
	transition-delay: 1.7s;
}

.delay18 {
	transition-delay: 1.8s;
}

.delay19 {
	transition-delay: 1.9s;
}

.delay20 {
	transition-delay: 2s;
}

.delay21 {
	transition-delay: 2.1s;
}

.delay23 {
	transition-delay: 2.3s;
}

.wel-list2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #575352 !important;
	height: 6px !important;
	border-radius: 3px !important;
	margin-top: 5px !important;
}

.imgIn {
	-webkit-transform: translate3d(-100.5%, 0px, 0px);
	transform: translate3d(-100.5%, 0px, 0px);
	-webkit-transform-origin: left center 0px;
	-ms-transform-origin: left center 0px;
	transform-origin: left center 0px;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-transition-property: -webkit-transform, -webkit-transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	display: block;
	overflow: hidden;
}

.imgIn:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: right center 0px;
	-ms-transform-origin: right center 0px;
	transform-origin: right center 0px;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-transition-property: -webkit-transform, -webkit-transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 20;
	background-color: #f5f5f5;
}

.imgIn.animated.ani2 {
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

.imgIn.animated.ani2:before {
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
}

.animate .imgIn,
.animated .imgIn {
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

.animate .imgIn:before,
.animated .imgIn:before {
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
}

.mCSB_inside>.mCSB_container {
	margin-right: 10px !important;
}

.ewm-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, 0.7);
}

.ewm-bg .ewm-mains {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 300px;
	margin-left: -150px;
	margin-top: -150px;
	border-radius: 3px;
	z-index: 10;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	color: #000;
	text-align: center;
	line-height: 1.5;
	padding: 30px;
}

.ewm-bg .ewm-show {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

.ewm-bg .ewm-close {
	position: absolute;
	right: 4px;
	top: 4px;
	display: block;
	width: 28px;
	height: 28px;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	cursor: pointer;
}

.ewm-bg .ewm-close:hover {
	transform: rotate(90deg);
}

.video-bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.video-bg .close-img {
	position: absolute;
	right: -40px;
	top: -40px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	transition-duration: .3s;
}

.video-bg .close-img:hover {
	transform: rotate(90deg);
}

.video-bg #video {
	width: 100%;
	height: 100%;
}

.video-bg .video-box {
	position: absolute;
	width: 650px;
	height: 368px;
	background: #000;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.form-feedback-bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: none;
	background: rgba(0, 0, 0, 0.5);
	color: #000;
	font-size: 14px;
	line-height: 24px;
}

.form-feedback-bg .form-feedback {
	padding: 40px 28px;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 420px;
	height: 245px;
	margin-top: -125px;
	margin-left: -210px;
	border-radius: 3px;
	z-index: 10;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.form-feedback-bg .form-feedback.show {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

.form-feedback-bg .feedback-h5 {
	border-bottom: 1px solid #e5e5e5;
	padding: 12px 0;
	margin-bottom: 12px;
}

.form-feedback-bg .feedback-detail {
	color: #666;
	line-height: 28px;
}

.form-feedback-bg .person-wrap {
	flex: 0 0 72px;
	width: 72px;
}

.form-feedback-bg .feedback-txts {
	flex: 0 0 270px;
	width: 270px;
}

.form-feedback-bg .person-name {
	text-align: center;
	margin-top: 12px;
}

.form-feedback-bg .person-img {
	border-radius: 50%;
	overflow: hidden;
	width: 72px;
	height: 72px;
}

.form-feedback-bg .feedback-close {
	position: absolute;
	right: 24px;
	top: 14px;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.ajax-bg0 {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -1;
	opacity: 0;
	background: rgba(0, 0, 0, 0.5);
	transition-duration: .5s;
}

.ajax-bg0.show {
	z-index: 10;
	opacity: 1;
}

.ajax-bg0 .feedback-close {
	z-index: 12;
	position: absolute;
	right: 30px;
	top: 30px;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.ajax-bg0 .toBeDealer-list2-ajax {
	z-index: 11;
	position: absolute;
	background: #fff;
	width: 1280px;
	height: calc(100% - 5rem);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.ajax-bg0 .ajax-banner {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	line-height: 24px;
}

.ajax-bg0 .ajax-h5 {
	font-size: 20px;
	color: #666;
	padding: 24px 0 10px;
}

.ajax-bg0 .ajax-detail {
	font-size: 16px;
	color: #7b7b7b;
	max-height: 72px;
}

.ajax-bg0 .ajax-banner-wrap {
	position: relative;
	padding-top: 100px;
	padding-bottom: 1rem;
}

.form-bg0 {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.form-bg0 .feedback-close {
	position: absolute;
	right: 24px;
	top: 14px;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.form-bg0 .form-top-title {
	font-size: 20px;
	line-height: 1.4;
	color: #000;
	margin-bottom: 24px;
}

.form-bg0 .form-mains {
	position: absolute;
	background: #fff;
	width: 500px;
	padding: 1.6rem 1.5rem 2rem;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.form-bg0 .form-tr {
	font-size: 14px;
	line-height: 38px;
	color: #000;
	margin-bottom: 16px;
}

.form-bg0 .form-td {
	border: 1px solid #dedede;
	height: 40px;
	position: relative;
	padding-left: 58px;
}

.form-bg0 .form-s0 {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	display: inline-block;
	padding-left: 16px;
}

.form-bg0 .code-td {
	padding-left: 70px;
}

.form-bg0 .train-form {
	width: 380px;
}

.form-bg0 .form-input {
	display: block;
	width: 100%;
	height: 38px;
	background: none;
	border: none;
	color: #666;
	padding: 0 30px 0 0;
	box-sizing: border-box;
}

.form-bg0 .form-section {
	z-index: 1;
	cursor: pointer;
	position: relative;
	display: block;
	background: none;
	width: 100%;
	border: 1px solid #dedede;
	height: 38px;
	line-height: 38px;
	/*background: url(../img/sectiontop2.png) no-repeat right 10px top 18px;*/
}

.form-bg0 .province-section {
	z-index: 2;
}

.form-bg0 .options-wrap {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: auto;
	top: 100%;
	left: 0;
	display: none;
	background: #f0f0f0;
	color: #707070;
	line-height: 38px;
	padding: 0 10px;
	max-height: 320px;
	overflow: scroll;
}

.form-bg0 .options-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.form-bg0 .form-submit {
	width: 100%;
	display: block;
	height: 48px;
	line-height: 48px;
	border: none;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #e60039;
}

.calendar-img-bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.calendar-img-bg .feedback-close {
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.calendar-img-bg .form-top-title {
	font-size: 20px;
	line-height: 1.4;
	color: #000;
	margin-bottom: 24px;
}

.calendar-img-bg .calendar-img {
	margin-left: 30px;
	opacity: 0;
	position: absolute;
	background: #fff;
	width: 680px;
	padding: 40px;
	height: auto;
	left: 50%;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transform: translate(-50%, -50%);
}

.calendar-img-bg .calendar-img.show {
	opacity: 1;
	margin-left: 0;
}

.train-list4 .course-h5 {
	position: relative;
	padding-right: 30px;
}

.class-img {
	display: block;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	line-height: 28px;
	color: #707070;
	cursor: pointer;
	background: url(../img/class-img.png) no-repeat left center;
	background-size: 21px !important;
	transition-duration: .3s;
	padding-left: 30px;
}

.class-img:hover {
	color: #e60039;
}



.tec {
	text-align: center;
}

/*20181227add calender*/
.train-list4 .right-mains {
	width: 364px;
	margin: 0 auto;
	opacity: 0;
	transform: translateX(30px);
	transition-duration: .5s;
}

.train-list4 .right-mains.cur {
	opacity: 1;
	transform: translateX(0);
}

.calendar .week {
	padding: 1.5rem 0 20px;
}

.calendar.week span {
	display: inline-block;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	text-align: center;
	color: #333;
	flex: 1;
}

.calendar ul {
	justify-content: flex-start;
}

.calendar ul li {
	border-bottom: medium none;
	text-align: center;
	border-left: medium none;
	flex: 0 0 13.8%;
	width: 13.8%;
	display: inline-block;
	border: none;
	margin-bottom: 10px;
}

.calendar .calendar-s0 {
	height: 48px;
	line-height: 48px;
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 2px;
	color: #333;
	font-size: 14px;
}

.calendar .act .calendar-s0 {
	background: #e60039;
	color: #fff;
	cursor: pointer;
}

.list4-mains .calendar-wrap {
	flex: 0 0 730px;
	height: 480px;
	display: inline-flex;
}

.calendar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.calendar-title {
	position: relative;
	flex: 0 0 220px;
	background: #5d5959;
	color: #fff;
	text-align: center;
}

.calendar-btns {
	position: absolute;
	right: 24px;
	bottom: 24px;
	width: 72px;
	height: 30px;
	cursor: pointer;
	transition: all .3s linear;
}

.calendar-btns a {
	position: absolute;
	height: 30px;
	display: block;
	width: 30px;
	line-height: 30px;
	top: 0;
}

.calendar-btns .prev {
	left: 0;
	background: url(../img/zuo.png) no-repeat center;
}

.calendar-btns .prev:hover {
	background: #e80139 url(../img/zuoon.png) no-repeat center;
}

.calendar-btns .next {
	right: 0;
	background: url(../img/you.png) no-repeat center;
}

.calendar-btns .next:hover {
	background: #e80139 url(../img/youon.png) no-repeat center;
}

.calendar-title .month {
	padding-top: 160px;
}

.calendar-title .month-num {
	font-size: 2.5rem;
	line-height: 2rem;
	vertical-align: baseline;
}

.calendar-title .month-txt {
	font-size: 20px;
	line-height: 2rem;
	vertical-align: baseline;
}

.calendar-title .year {
	font-size: 24px;
	line-height: 1.5;
}

.calendar-s0 {
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 2px;
}

.train-list4 .date {
	flex: 0 0 444px;
}

.train-list4 .list4-right {
	flex: 0 0 500px;
	width: 500px;
}

.form-bg0 .form-mains {
	margin-left: 30px;
	opacity: 0;
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.form-bg0 .form-mains.show {
	margin-left: 0;
	opacity: 1;
}

.course-item {
	padding-top: 10px;
}

/*calender end*/

@media (max-width: 1800px) {
	.footer-outerLink {
		justify-content: space-between;
	}

	.footer-outerLink .outer-item {
		margin-left: 0;
		flex: 0 0 192px;
	}

	.ajax-bg0 .ajax-banner {
		width: 800px;
	}

	.ajax-bg0 .toBeDealer-list2-ajax {
		width: 1080px;
		height: auto;
	}

	.ajax-bg0 .ajax-banner-wrap {
		padding-top: 2rem;
	}

	.family-list2 .left2-mains {
		width: 100%;
	}

	.family-list2 .list2-left2 {
		width: 320px;
	}

	.family-list2 .list2-mains2 {
		padding-left: 332px;
	}

	.family-list2 .left2-h2 {
		font-size: 18px;
	}

	.office-list3 .right-mains {
		padding: 30px 30px 30px 94px;
	}

	.office-list2 .swiper-slide {
		padding: 0 15px;
	}

	.office-list3 .ico-item {
		padding-top: 10px;
		flex: 0 0 80px;
		height: 80px;
		margin-right: 9px;
		line-height: 20px;
	}

	.proInfo-titles .proInfo-h2 {
		font-size: 1rem;
	}

	.w1600 {
		width: 87.5%;
	}

	.wel-list5 .list5-left {
		flex: 0 0 520px;
		padding: 60px 0 2rem;
	}

	.wel-list5 .list5-right {
		width: calc(100% - 520px);
	}

	.signIn .page-title {
		padding-top: 1rem;
	}
}

.onLine-list1 .ico-wrap {
	position: absolute;
	width: 40px;
	left: .9rem;
	top: 50%;
	transform: translateY(-50%);
}

.onLine-list1 .list1-item-wrap {
	justify-content: flex-start;
}

.onLine-list1 .opa0 {
	opacity: 0;
}

.onLine-list1 .hover {
	display: none;
}

.onLine-list1 .list1-item:hover,
.onLine-list1 .list1-item.cur {
	background: #e60039;
	color: #fff;
}

.onLine-list1 .list1-item:hover .hover,
.onLine-list1 .list1-item.cur .hover {
	display: block;
}

.onLine-list1 .list1-item:hover .unhover,
.onLine-list1 .list1-item.cur .unhover {
	display: none;
}

.onLine-list1 .list1-item:after {
	content: "";
	display: block;
	width: 9px;
	height: 14px;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/after-ico1.png) no-repeat center;
}

.onLine-list1 .list1-item:hover:after,
.onLine-list1 .list1-item.cur:after {
	background: url(../img/after-ico1on.png) no-repeat center;
}

.item-contents {
	position: relative;
	padding: .7rem 48px .7rem calc(1.4rem + 40px);
}

.onLine-list1 .list1-item {
	position: relative;
	border: 1px solid #e9e9e9;
	flex: 1;
	margin-right: 20px;
	color: #4d4948;
	font-size: 20px;
	line-height: 36px;
	transition-duration: .3s;
}

.onLine-list1 .list1-item:nth-child(6n) {
	margin-right: 0;
}

.flexBox.center {
	justify-content: center;
}

.flexBox.left {
	justify-content: flex-start;
}

.flexBox.right {
	justify-content: flex-end;
}

.onLine-list2 {
	padding-bottom: 2.5rem;
}

.onLine-list2 .item-h5 {
	font-size: 20px;
	line-height: 1.5;
	color: #333;
	text-align: center;
	margin-bottom: .5rem;
}

.onLine-list2 .item-s0 {
	flex: 0 0 auto;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #666;
}

.onLine-list2 .list2-item {
	margin-bottom: 1.1rem;
}

.onLine-list2 .item-sline {
	flex: 0 0 1px;
	display: inline-block;
	width: 2px;
	height: 16px;
	position: relative;
	top: 7px;
	/*vertical-align: middle;*/
	/*margin: 0 .5rem;*/
	margin-left: .5rem;
	margin-right: .5rem;
	background: #bdbdbd;
}

.onLine-list2 .list2-left {
	width: 13rem;
	background: #f0f0f0;
	display: block;
}

.onLine-list2 .ajax-mains {
	position: relative;
	padding-right: calc(100% - 13rem - 28px);
}

.onLine-list2 .list2-right {
	position: absolute;
	width: calc(100% - 13rem - 28px);
	top: 0;
	right: 0;
	height: 100%;
}

.onLine-list2 .pro-font24 {
	font-size: .6rem;
	line-height: 1.3;
	color: #333;
	text-align: center;
	transition-duration: .3s;
}

.onLine-list2 .pro-font16 {
	font-size: .4rem;
	line-height: 1.3;
	color: #666;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 16px;
}

.onLine-list2 .pro-mains {
	padding: 1.7rem 0 2.2rem;
	width: 310px;
	margin: 0 auto;
}

.onLine-list2 .pro-mains:hover .pro-font24 {
	color: #e60039;
}

.onLine-list2 .pro-mains .img100 {
	transition-duration: .3s;
}

.onLine-list2 .pro-mains:hover .img100 {
	transform: scale(.9);
}

.onLine-list2 .toPro-more:hover {
	transform: translateX(-6px);
}

.onLine-list2 .toPro-more {
	width: 120px;
	height: 40px;
	line-height: 38px;
	font-size: 16px;
	border: 1px solid #ccc;
	color: #474444;
	text-indent: .5rem;
	margin: 12px auto;
	transition-duration: .3s;
	background: url(../img/after-ico111.png) no-repeat right .5rem center;
}

.onLine-list2 .right-item {
	font-size: .4rem;
	line-height: 24px;
	color: #fff;
	margin-right: 2.4rem;
	position: relative;
}

.onLine-list20 {
	padding-bottom: 1rem;
}

.onLine-list2 .right-item:before {
	content: "";
	display: block;
	width: .3rem;
	height: .3rem;
	background: #fff;
	border-radius: 50%;
	left: -24px;
	top: 50%;
	margin-top: -.15rem;
	position: absolute;
}

.onLine-list2 .right-txts {
	z-index: 3;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #3b3b3b;
	color: #fff !important;
	width: 100%;
	padding: .9rem .9rem .9rem 2.5rem;
}

.onLine-list2 .right-txts0 {
	padding: 36px .9rem 36px 22.5rem;
}

.onLine-list2 .ajax-btn {
	transition-duration: .3s;
	cursor: pointer;
}

.onLine-list2 .ajax-btn.cur {
	color: #c11a20;
}

@media (max-width: 1600px) {
	.onLine-list1 .item-contents {
		padding: .7rem 48px .7rem calc(1rem + 34px);
	}

	.onLine-list1 .ico-wrap {
		width: 34px;
		left: .7rem;
	}

	.onLine-list2 .right-txts {
		padding: .9rem;
	}

	.onLine-list2 .right-txts0 {
		padding: 24px .9rem;
	}

	.onLine-list2 .right-item {
		margin-right: .9rem;
	}

	.onLine-list2 .toPro-more {
		margin-bottom: 0;
	}
}

@media (max-width: 1530px) {
	.calendar-title {
		flex: 0 0 170px;
	}

	.list4-mains .calendar-wrap {
		flex: 0 0 680px;
	}

	.train-list4 .list4-right {
		flex: 0 0 450px;
		width: 450px;
	}

	.ajax-bg0 .swiper-btns-wrap5 .prev {
		left: 20px;
	}

	.ajax-bg0 .swiper-btns-wrap5 .next {
		right: 20px;
	}

	.ajax-bg0 .toBeDealer-list2-ajax {
		width: 960px;
	}

	.ajax-bg0 .ajax-detail {
		font-size: 14px;
	}

	.signIn .reminds {
		margin-bottom: 1rem;
	}

	.signIn .control-btn {
		flex: 0 0 140px;
		width: 140px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		font-size: 14px;
		margin: 0 6px;
	}

	.signIn .app-ajax .ajax-right {
		flex: 0 0 90px;
		width: 90px;
	}

	.signIn .ewm-txt {
		margin-top: 3px;
		font-size: 12px;
		line-height: 18px;
	}

	.signIn .tr-txt {
		margin-top: .5rem;
	}

	.signIn .signIn-submit {
		height: 36px;
		line-height: 36px;
	}

	.signIn .left-font14,
	.signIn .right-font14,
	.signIn .signIn-right {
		font-size: 12px;
	}

	.signIn .to-register {
		height: 36px;
		line-height: 34px;
	}

	.offLine-list2 .form-person {
		transform: translateX(-18%);
	}

	.proInfo-list3 .list3-gray-call:after {
		top: 95%;
	}

	.proInfo-list3 .list3-red-call,
	.proInfo-list3 .list3-gray-call,
	.proInfo-list4 .list4-gray-call,
	.proInfo-list4 .list4-red-call {
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		width: 170px;
	}

	.proInfo-list3 .list3-gray-call {
		left: 148%;
		margin-left: 0;
	}

	.w1450,
	.pro-banner .banner-titles,
	.w1280,
	.proInfo-banner .banner-titles {
		width: 87.5%;
	}

	.train-list4 .w1280 {
		width: 1180px;
	}

	.pro-hd01 {
		width: 87.5% !important;
	}

	.proInfo-banner .txts-mains {
		width: auto;
		display: inline-block;
	}

	.proInfo-list7 .list7-left {
		flex: 0 0 440px;
	}

	.proInfo-list7 .list7-right {
		flex: 0 0 491px;
	}

	.proInfo-icos-wrap2 .icos-item {
		margin-right: 0;
		flex: 0 0 48%;
	}

	.proInfo-icos-wrap2 .icos-wrap {
		margin-right: 18px;
	}

	.proInfo-icos-wrap2 {
		justify-content: space-between;
	}

	.header-nav .nav-top-a1 {
		padding-right: 24px;
	}

	.header .header-right {
		flex: 0 0 872px;
	}
}

.intro-list11 .swiper-slide {
	border: 1px solid #e1e1e1;
	overflow: hidden;
	transition-duration: .3s;
}

.intro-list11 .swiper-slide:hover {
	border-color: #bcb8b8;
}

.solution-list1 {
	padding-bottom: 1rem;
}

.solution-list1 .swiper-btns-wrap5 {
	transform: translateY(10px);
	opacity: 0;
	transition-duration: .5s;
}

.solution-list1 .solution-list1-banner:hover .swiper-btns-wrap5 {
	transform: translateY(0);
	opacity: 1;
}

.solution-list1 .swiper-slide {
	color: #4d4948;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	padding: 1.6rem 10px 1rem;
	background: #fff;
}

.solution-list1 .pro-h5 {
	margin-top: .9rem;
}

.solution-list1 .img-wrap {
	display: inline-block;
	width: 170px;
}


@media (max-width: 1430px) {
	.online-video-wrap {
		height: calc(100% - 1rem - 24px);
	}

	.onLine-list2 .right-item:before {
		left: -16px;
	}

	.onLine-list2 .right-item {
		margin-right: 1rem;
	}

	.onLine-list2 .right-txts {
		padding: .5rem .5rem .5rem 1.5rem;
	}

	.onLine-list2 .right-txts0 {
		padding: 20px .5rem 20px 1.5rem;
	}

	.onLine-list2 .pro-mains {
		padding: 1rem 0;
	}

	.onLine-list2 .pro-mains {
		width: calc(100% - 2rem);
	}

	.onLine-list2 .item-s0 {
		font-size: 14px;
	}

	.onLine-list1 .ico-wrap {
		width: 24px;
		left: .5rem;
	}

	.onLine-list1 .list1-item {
		font-size: .5rem;
		margin-right: 10px;
	}

	.onLine-list1 .item-contents {
		padding: .4rem 44px .4rem calc(1rem + 16px);
	}

	.onLine-list2 .toPro-more {
		font-size: 14px;
	}

	.onLine-list1 .list1-item:after {
		right: .5rem;
	}

	.calendar-img-bg .calendar-img {
		width: 560px;
	}

	.train-list1 .time-s0,
	.train-list1 .time-jia {
		font-size: 30px;
	}

	.video-list2 .video-name {
		font-size: 16px;
	}

	.signIn .left-control-btns,
	.signIn .left-font14 {
		margin-bottom: .8rem;
	}

	.signIn .tr {
		padding: 6px 0;
	}

	.signIn .page-title {
		font-size: 48px;
	}

	.signIn .right-mains,
	.signIn .right-font36 {
		margin-top: .7rem;
	}

	.signIn .right-mains {
		width: 400px;
		padding: 30px 0 0;
	}

	.offLine-list2 .form-contents,
	.offLine-list2 .form-contents.w1100 {
		width: 900px;
		flex: 0 0 900px;
	}
}

@media (max-width: 1300px) {

	.signIn .reminds,
	.signIn .right-font36 {
		margin: 15px 0;
	}

	.signIn .tr-txt {
		margin-top: 15px;
		font-size: 15px;
	}

	.signIn .right-font36 {
		margin: .5rem 0;
	}

	.signIn .right-font36:after {
		margin-top: 10px;
	}

	.signIn .right-mains {
		margin-top: 0;
	}

	.signIn .page-title {
		padding-top: 0;
	}

	.conProInfo-list1 .swiper-slide {
		padding: 5px;
	}

	.conProInfo-list1 .para-item {
		margin: 0 3px;
	}

	.conProInfo-list1 .left-imgs-wrap {
		flex: 0 0 66px;
		width: 66px;
		padding: 42px 0;
	}

	.conProInfo-list1 .left-imgs-banner {
		height: 260px;
	}

	.conProInfo-list1 .left-show-wrap,
	.conProInfo-list1 .list1-key-wrap {
		flex: 0 0 320px;
		width: 320px;
	}

	.conProInfo-list1 .left-imgs-wrap {
		height: 344px;
	}

	.conProInfo-list1 .list1-left {
		flex: 0 0 calc(100% - 480px);
		width: calc(100% - 480px);
	}

	.conProInfo-list1 .list1-top-flex {
		width: calc(100% - 480px);
	}

	.conProInfo-list1 .list1-right {
		width: 440px;
		flex: 0 0 440px;
	}

	.conProInfo-list2 .swiper-slide .txts-wrap {
		padding: 10px 10px 0;
	}

	.conProInfo-list2 .para-td {
		padding: 10px 0;
	}

	.conProInfo-list2 .top-cn,
	.conProInfo-list2 .top-en,
	.conProInfo-list2 .list2-h2 {
		font-size: 16px;
	}

	.conProInfo-list1 .right-mains {
		padding: 21px;
	}

	.pro-banner .ban-cn1:before {
		display: none;
	}

	.w1280,
	.w1200,
	.w1240,
	.w1180,
	.inner-banner .banner-titles {
		width: 87.5%;
	}
}

.welcome-banner-txts {
	display: none;
	text-align: center;
	padding: 27px 4vw 35px;
	background: url(../img/m-ban-bg.jpg) no-repeat center;
}

.welcome-banner-txts .wel-ban-h5 {
	color: #fff;
	line-height: 30px;
}

.welcome-banner-txts .wel-ban-h6 {
	color: #888;
	line-height: 24px;
}

.welcome-banner-txts .wel-ban-h6:after {
	content: "";
	display: block;
	width: 36px;
	height: 1px;
	background: #888;
	margin: 12px auto 0;
}

.m-footer-outerLink {
	display: none;
}

.family-hd01 {
	text-align: center;
}

.newsInfo {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.newsInfo img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	height: auto !important;
}

.newsInfo .info-title {
	font-size: 30px;
	line-height: 1.5;
	color: #333;
	text-align: center;
	padding-bottom: 30px;
}

.newsInfo .info-dates {
	font-size: 16px;
	line-height: 24px;
	color: #999;
	text-align: center;
	margin: 30px auto;
}

.newsInfo .info-dt-wrap {
	font-size: 16px;
	line-height: 2;
	color: #666;
	padding: 30px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.newsInfo .info-bot-dl {
	width: 70%;
	color: #333;
	font-size: 16px;
	line-height: 36px;
	font-family: "gothicB";
}

.newsInfo .info-bot-dl a {
	color: #333;
}

.newsInfo .info-bot-dl a:hover {
	color: #e60039;
}

.newsInfo .info-bot-dr {
	padding-top: 16px;
}

.newsInfo .info-bot-wrap {
	padding: 40px 0;
}

.newsInfo .news-return-a {
	display: block;
	position: relative;
	text-align: center;
	width: 124px;
	height: 36px;
	border: 1px solid #e60039;
	border-radius: 18px;
	overflow: hidden;
}

.newsInfo .news-return-a:after {
	content: "";
	position: absolute;
	z-index: 0;
	background: #e60039;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.newsInfo .news-return-a:before {
	content: "";
	display: block;
	width: 124%;
	height: 100%;
	position: absolute;
	left: -131%;
	top: 0;
	z-index: 1;
	background: #fff;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	transform: skewX(45deg);
	-webkit-transform: skewX(45deg);
	-moz-transform: skewX(45deg);
}

.newsInfo .news-return-a .load-s0 {
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	transition: .3s ease-in-out;
}

.newsInfo .news-return-a:hover .load-s0 {
	color: #e60039;
}

.newsInfo .news-return-a:hover:before {
	left: -13%;
}

.app-list1 .list-mains,
.app-list2 .list-mains {
	padding-top: 10px;
}

.app-list1 {
	/*padding-bottom: 6rem;*/
}

.app-list1 .list1-btns {
	margin-top: 10px;
}

.app-list1 .list-mains {
	padding-bottom: 350px;
}

.app-list1 .list1-btn {
	flex: 0 0 164px;
	width: 164px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 0 10px;
}

.app-list1 .and-btn {
	background: #e60039;
}

.app-list1 .ios-btn {
	background: #707070;
}

.app-list1 .images-mains {
	width: 744px;
	margin: 0 auto;
	position: relative;
	top: -80px;
	margin-top: -170px;
}

.img-txts {
	font-size: 16px;
	line-height: 30px;
	position: relative;
	color: #333;
	margin-top: -30px;
	text-align: center;
}

.app-list2-banner {
	width: 1220px;
	margin: 0 auto;
}

.app-list2 {
	padding-top: 10px;
}

.app-list2 .img-txts {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-top: 24px;
}

.app-list2 .list-mains {
	padding-bottom: 1.5rem;
}

.app-list3 {
	padding-bottom: 3.4rem;
}

.app-list3 .list-mains {
	padding-top: 36px;
}

.app-list3 .img-wrap {
	position: relative;
	top: 1.3rem;
	flex: 0 0 6.5rem;
	width: 6.5rem;
}

.app-list5 .list-mains {
	padding-top: .5rem;
}

.app-list5 {
	padding-bottom: 3.8rem;
}

.app-list5 .img-wrap {
	flex: 0 0 8.1rem;
	width: 8.1rem;
	margin: 0 1.4rem;
}

.find-more {
	margin-top: 1.4rem;
	font-size: 24px;
	line-height: 1.2;
	color: #333;
	text-align: center;
}

.app-list7 .moudle-titles3 {
	text-align: left;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.app-list7 .w1280 {
	align-items: flex-start;
}

.app-list7 {
	padding: 1.3rem 0 1.8rem;
}

.app-list7 .list7-font24 {
	font-size: 24px;
	line-height: 1.2;
}

.app-list7 {
	color: #fff;
	line-height: 1.2;
}

.app-list7 .list7-font18 {
	font-size: 18px;
	margin: 10px 0 .6rem;
}

.app-list7 .list7-btns {}

.app-list7 .list7-left {
	flex: 0 0 auto;
	width: auto;
}

.app-list7 .list7-middle {
	flex: 0 0 auto;
	width: auto;
	margin: 0 auto;
}

.app-list7 .list7-right {
	flex: 0 0 auto;
	width: auto;
}

.app-list7 .list7-btn {
	flex: 0 0 156px;
	width: 156px;
	height: 48px;
	line-height: 46px;
	text-indent: .55rem;
	display: inline-block;
	font-size: 16px;
	transition-duration: .3s;
}

.app-list7 .list7-btn:hover {
	transform: translateX(-6px);
}

.app-list7 .list7-btn1 {
	color: #333;
	border: 1px solid rgba(255, 255, 255, 1);
	background: #fff url(../img/down-ico001.png) no-repeat right .4rem center;
}

.app-list7 .list7-btn2 {
	border: 1px solid rgba(255, 255, 255, .5);
	color: #fff;
	margin-right: .55rem;
	background: url(../img/down-ico001on.png) no-repeat right .4rem center;
}

@media (max-width: 1600px) {
	.app-list2-banner {
		width: calc(100% - 200px);
	}
}

@media (max-width: 1530px) {
	.app-list7 .list7-btn {
		flex: 0 0 130px;
		width: 130px;
		height: 40px;
		line-height: 38px;
		text-indent: .55rem;
		font-size: 14px;
	}

	.app-list3 .w1200 {
		width: 92% !important;
	}

	.app .w1600,
	.app .w1280 {
		width: 92%;
	}

	.app-list7 .list7-font18 {
		font-size: 14px;
	}
}

@media (max-width: 1270px) {
	.app-list1 .images-mains {
		width: 600px;
		top: -30px;
		margin-top: -210px;
	}

	.app-list1 .list-mains {
		padding-bottom: 300px;
	}

	.nav-sub-wrap1 .sub-a {
		display: inline-block;
		flex: 0 0 50%;
		width: 50%;
	}

	.m-pro-navs {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.m-pro-navs .pro-ajax-s0 {
		flex: 0 0 33.3%;
		width: 33.3%;
		display: inline-block;
		font-size: 14px;
		line-height: 24px;
		padding: 6px 0;
		text-align: center;
		background: #fff;
		transition-duration: .3s;
		border-bottom: 1px solid #f1f1f1;
		border-right: 1px solid #f1f1f1;
	}

	.m-pro-navs .pro-ajax-s0.cur {
		background: #e60039;
		color: #fff;
	}

	.news-list1 .news-title {
		padding-right: 0;
	}

	.list4-mains .calendar-wrap {
		height: 430px;
	}

	.train-list4 .w1280 {
		width: 87.5%;
	}

	.train-list4 .date {
		flex: 0 0 calc(100% - 181px);
		width: calc(100% - 181px);
	}

	.list4-mains .calendar-wrap {
		flex: 0 0 calc(100% - 461px);
		width: calc(100% - 461px);
	}

	.wel-list1 .nav-ajax-mains {
		height: auto;
		width: 100%;
		padding: 15px 0;
	}

	.wel-list1 .nav-ajax-mains {
		position: static;
	}

	.toBeDealer-list3 .toBeDealer-list3-banner {
		width: 87.5%;
	}

	.recruits-list1 .font28 {
		font-size: 20px;
	}

	.train-list2 .hover-ico {
		top: 15px;
	}

	.train-list2 .hover-detail {
		font-size: 12px;
		line-height: 24px;
	}

	.train-list2 .scroll-wrap {
		height: 96px;
	}

	.train-list2 .list2-main-item {
		height: 240px;
	}

	.train-list2 .hover {
		width: calc(100% - 30px);
		height: 240px;
		padding-top: 50px;
	}

	.train-list2 .list2-ico {
		width: 48px;
	}

	.train-list2 .item-contents {
		padding: 15px;
	}

	.train-list2 .list2-main-item {
		border: 1px solid #e60039;
		background: #e60039 url(../img/train-list2-bg2.jpg) no-repeat center;
	}

	.train-list2 .unhover {
		display: none;
	}

	.train-list2 .hover {
		opacity: 1;
		display: block;
	}

	.train-list1 .unit-time-wrap {
		flex: 0 0 calc(100% - 53px);
		width: calc(100% - 53px);
	}

	.train-list1 .unit-red {
		flex: 0 0 52px;
	}

	.train-list2 .list2-main-item {
		flex: 0 0 calc(33% - 60px);
		width: calc(33% - 60px);
	}

	.train-list3 .course-item {
		margin-bottom: 8px;
	}

	.train-list3 {
		padding-bottom: 1.5rem;
	}

	.train-list1 .unit-txt,
	.train-list1 .time-txt,
	.train-list1 .unit-red {
		font-size: 12px;
		padding: 4px 0;
	}

	.train-list1 .w200,
	.train-list1 .w160,
	.train-list1 .w288 {
		flex: 0 0 32%;
	}

	.signIn .signIn-left,
	.signIn .signIn-right {
		height: auto;
		flex: 0 0 100%;
		width: 100%;
	}

	.signIn .signIn-right {
		padding: 40px 0;
	}

	.family-hd01 .swiper-pagination-bullet {
		width: 90px !important;
	}

	.family-list4 {
		padding-left: 0;
		width: 100% !important;
	}

	.family-list4 .list4-left {
		display: none;
	}

	.family-list4 .right-mains {
		width: 87.5%;
		margin: 0 auto;
	}

	.family-list2 .list2-left2 {
		width: 100%;
		position: static;
		margin-bottom: 20px;
		background: #4b4748;
		padding: 20px;
	}

	.family-list2 .left2-mains {
		margin-left: 0;
	}

	.family-list2 .list2-mains2 {
		padding-left: 0;
	}

	.office-list2 .ico-wrap {
		width: 80px;
		height: 80px;
		padding: 19px 15px 0;
	}

	.moudle-titles2 .moudle-h5 {
		line-height: 1.5;
	}

	.specialInfo-list3 .ico-wrap {
		width: 80px;
		height: 80px;
		padding: 15px 10px 0;
	}

	.dealer-list1 .list1-ico {
		width: 80px;
		height: 80px;
		padding: 15px;
	}

	.specialInfo-list3 .ico-wrap {
		margin-bottom: 10px;
	}

	.specialInfo-list3 .ico-h5 {
		margin-bottom: 5px;
	}

	.specialInfo-list3 .specialInfo-list3-banner {
		margin-top: 10px;
	}

	.specialInfo-list3 {
		padding: 0 0 60px;
	}

	.office-list2 .ico-h5 {
		font-size: 18px;
	}

	.family-hd01 {
		width: 100%;
	}

	.family-list1 .list1-txts {
		padding-left: 6vw;
	}

	.office-list3 .office-list3-mains {
		padding-right: 43.5vw;
	}

	.office-list3 .right-mains {
		padding: 20px;
	}

	.office-list2 .ico-detail {
		font-size: 12px;
	}

	.family-list2 .list2-mains1 {
		padding-left: 160px;
	}

	.family-list2 .list2-nav-wrap {
		width: 160px;
	}

	.family-list2 .points-mains {
		padding: 20px;
		width: 240px;
		height: 150px;
	}

	.family-list2 .points-detail {
		font-size: 10px;
	}

	.family-list2 .nav-item {
		background: url(../img/family-list2-prev1.png) no-repeat top 26px right 10px;
	}

	.family-list2 .nav-item:hover,
	.family-list2 .nav-item.cur {
		background: url(../img/family-list2-prev1on.png) no-repeat top 26px right 10px;
	}

	.family-list2 .nav-item {
		padding: 20px 10px;
		font-size: 14px;
		line-height: 24px;
	}

	.family-list1.w1600 {
		width: 100%;
	}

	.offLine-list1 .map-contents {
		height: 13rem;
	}

	.w1280 .w850,
	.w1600 .w850 {
		width: 100%;
	}

	.intro-list31 .txt-detail {
		font-size: 12px;
	}

	.intro-list32 .list32-right {
		width: calc(100% - 240px);
	}

	.intro-list32 .list32-left {
		width: 240px;
	}

	.intro-list32 .list32-btn:hover,
	.intro-list32 .list32-btn.cur {
		width: 280px;
	}

	.intro-list32 .list32-btn-txts {
		flex: 0 0 140px;
	}

	.intro-list32 .list32-btn {
		font-size: 16px;
		padding: 20px;
	}

	.inner-nav-wrap1 .w1200 {
		width: 100%;
	}

	.intro-list9 .slide-h5 {
		margin-top: 20px;
	}

	.moudle-titles3 .moudle-h4 {
		font-size: 32px;
	}

	.moudle-titles2 .moudle-h5,
	.moudle-titles3 .moudle-h5,
	.offLine-list2 .form-title,
	.offLine-list2 .form-title2,
	.signIn .left-font36,
	.signIn .right-font36,
	.intro-list3 .list3-h4,
	.intro-list5 .intro-list5-name,
	.intro-list2 .font36,
	.family-list4 .list4-h2,
	.newsInfo .info-title {
		font-size: 28px;
	}

	.intro-list6 .list6-left,
	.intro-list5 .slide-txts,
	.moudle-titles3 .moudle-h6 {
		font-size: 18px;
	}

	.office-list3 .item-h5,
	.office-list3 .img-h5 {
		font-size: 16px;
	}

	.intro-list3 .list3-h5,
	.intro-list2 .font30 {
		font-size: 24px;
	}

	.intro-list3 .list3-h6 {
		padding: .8rem 0;
		font-size: 20px;
	}

	.intro-list3 .list3-h6:before {
		display: none;
	}

	.signIn .page-title {
		font-size: 48px;
		padding-top: 1.5rem;
	}

	.offLine-list2 .experience-submit {
		flex: 0 0 112px;
		width: 112px;
		font-size: 12px;
	}

	.toBeDealer-list5 .list5-ico {
		width: 70px;
		height: 70px;
		padding: 20px;
		margin-bottom: 10px;
	}

	.toBeDealer-list5 .list5-next {
		width: 14px;
		height: 70px;
	}

	.toBeDealer-list5 .list5-name,
	.toBeDealer-list2 .list2-name,
	.intro-list8 .list8-item,
	.intro-list5 .slide-h6 {
		font-size: 14px;
	}

	.toBeDealer-list2 .list2-ico {
		width: 90px;
		height: 90px;
		padding: 20px;
	}

	.toBeDealer-list3 .w1280 {
		justify-content: space-between;
	}

	.toBeDealer-list4 .list4-banner {
		width: 100%;
	}

	.toBeDealer-list3 .swiper-slide {
		border-color: #e60039;
		background: url(../img/train-list2-bg2.jpg) no-repeat center;
	}

	.inner-banner .ban-en {
		font-size: 40px;
	}

	.toBeDealer-list1 .w988 {
		width: 69%;
		padding-left: 0;
	}

	.offLine-list2 .form-contents,
	.offLine-list2 .form-contents.w1100 {
		width: 100%;
		flex: 0 0 100%;
	}

	.offLine-list2 .form-person {
		display: none;
	}

	.wel-list5:after {
		opacity: 1;
	}

	.proInfo-list8 .para-item {
		margin: 0 8px;
	}

	.proInfo-list3 .list3-gray-call {
		left: 110%;
	}

	.proInfo-list3 .list3-red-call,
	.proInfo-list3 .list3-gray-call,
	.proInfo-list4 .list4-gray-call,
	.proInfo-list4 .list4-red-call {
		width: 150px;
		font-size: 12px;
	}

	.proInfo-list4 .proInfo-titles {
		padding-top: 0;
	}

	.proInfo-list8 .w1180,
	.proInfo-list4 .list4-img-wrap {
		width: 92%;
	}

	.proInfo-list4 .list4-img-wrap {
		margin-left: auto;
		margin-right: auto;
	}

	.proInfo-list8 .right-dt {
		font-size: 12px;
		line-height: 24px;
	}

	.proInfo-list5 .proInfo-titles {
		flex: 0 0 50%;
		width: 50%;
	}

	.welcome-banner .pc-banner-img,
	.wel-list1 .list1-titles,
	.pc-wel-list1,
	.wel-list1 .smart-name:after,
	.wel-list2 .video-ewm,
	.footer-outerLink .outer-txts,
	.footer-outerLink .outer-ico .unhover,
	.footer-outerLink .outer-item:before,
	.footer-bot .footer-bot-dr,
	.header-nav,
	.header .mobile-a,
	.header .language-a-wrap,
	.footer-outerLink {
		display: none;
	}

	.welcome-banner .m-banner-img,
	.welcome-banner-txts,
	.m-wel-list1,
	.footer-outerLink .hover,
	.header .m-nav-btn {
		display: block;
	}

	.m-footer-outerLink {
		padding: 28px 6.125%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.m-footer-outerLink .m-outerLink-a {
		flex: 0 0 42px;
		width: 42px;
	}

	.welcome-body,
	.padHeader {
		padding-top: 68px;
	}

	.header-search-wrap {
		top: 17px;
	}

	.proInfo-list7 .list7-right {
		flex: 0 0 438px;
	}

	.proInfo-list7 .list7-left {
		flex: 0 0 393px;
	}

	.proInfo-list8 .list8-left,
	.proInfo-list8 .list8-right {
		flex: 0 0 380px;
	}

	.proInfo-icos-wrap2 .icos-item {
		margin-bottom: 20px;
	}

	.proInfo-icos-wrap2 .icos-txts {
		font-size: 12px;
	}

	.header-search-wrap .search-close {
		right: -40px;
	}

	.header .logo {
		display: block;
		width: 130px;
		flex: 0 0 220px;
		margin: 0 auto;
		margin-top: 4px;
	}

	.header-nav {
		width: 100%;
		max-height: calc(100vh - 68px);
		overflow: scroll;
		position: fixed;
		height: auto;
		top: 68px;
		left: 0;
		padding-bottom: 68px;
		background: #1b1b1b;
	}

	.header-nav.cur {
		display: block;
	}

	.pro-nav-wrap1 .txts-wrap {
		font-size: 12px;
	}

	.pro-nav-wrap1 .swiper-slide {
		padding: 16px 0 12px;
		height: 76px !important;
	}

	.pro-nav-wrap1 .ico-wrap {
		width: 28px;
		margin-bottom: 5px;
	}

	.m-language-a {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}

	.nav-sub-wrap {
		max-height: 180px;
		overflow: scroll;
	}

	.header-nav .nav-item {
		display: block;
		width: 100%;
		padding-bottom: 0;
	}

	.header-nav .nav-top-a1 {
		background: url(../img/jia2.png) no-repeat right center;
		line-height: 66px;
		height: 66px;
		padding: 0;
		margin: 0 6.125%;
		transition-duration: .3s;
		background-size: 15px !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	.header-nav .nav-top-a1 {
		color: #fff;
	}

	.header-nav .nav-item.m-cur .nav-top-a1 {
		background: url(../img/right.png) no-repeat right center;
	}

	.header-nav .sub-a {
		padding: 0 1.5%;
		border-top: none;
		line-height: 36px;
	}

	.header-nav .nav-top-a2 {
		position: relative;
		width: 190px;
		top: 28px;
		line-height: 38px;
		border-radius: 50px;
		margin: 0 auto;
	}

	.header-nav .nav-sub-wrap {
		position: static;
		width: 87.5%;
		margin: 0 auto;
		background: #1b1b1b;
	}

	.header .header-mains {
		justify-content: center;
	}

	.header-nav .sub-a:hover {
		padding-left: 1.5%;
		background: none;
	}

	.header .show-search-btn {
		margin-top: 2px;
		width: 17px;
		height: 17px;
		position: absolute;
		right: 6.125%;
		top: 50%;
		transform: translate(0, -50%);
		margin-top: 0;
	}

	.header .header-right {
		flex: 0 0 0;
	}

	.welcome-banner .swiper-slide-active {
		transform: scale(1);
	}

	.header {
		padding: 22px 0;
	}

	.app-return {
		top: calc(1.9rem + 9px);
	}

	.moudle-titles1 .moudle-h5,
	.moudle-titles2 .moudle-h5,
	.proInfo-titles .proInfo-h2,
	.welcome-banner-txts .wel-ban-h5 {
		font-size: 20px;
	}

	.wel-list3 .list3-h5 {
		font-size: 18px;
		line-height: 1.1;
		padding: 34px 0 13px;
	}

	.footer-outerLink .outer-item {
		padding: 28px 0;
	}

	.footer-bot .footer-bot-dl {
		flex: 0 0 100%;
		text-align: center;
	}

	.footer-bot {
		font-size: 12px;
		line-height: 20px;
	}

	.wel-list3 .list3-h5:after {
		top: 18px;
	}

	.moudle-titles1 .moudle-h6,
	.proInfo-titles .proInfo-h6,
	.welcome-banner-txts .wel-ban-h6 {
		font-size: 13px;
	}

	.wel-list2 .video-name {
		font-size: 15px;
	}

	.wel-list1 {
		padding-bottom: 55px;
	}

	.footer-outerLink .outer-item {
		flex: 0 0 20%;
		margin-left: 0;
	}

	.footer-outerLink .outer-mains {
		justify-content: center;
	}

	.footer-outerLink .outer-ico {
		flex: 0 0 26px;
		margin-right: 0;
		height: auto;
	}

	.footer-outerLink .outer-ico .img100 {
		position: static;
		height: auto;
	}

	.wel-list2 .video-btn {
		width: 40px;
		height: 40px;
		background-size: 100% !important;
	}

	.wel-list1 .smart-name {
		font-size: 15px;
		line-height: 1.2;
		padding-top: 22px;
		padding-bottom: 7px;
	}

	.moudle-titles1 {
		padding: 36px 0;
	}

	.moudle-titles2 {
		padding: 55px 0 28px;
	}

	.moudle-titles2 .moudle-h5:after {
		height: 1px;
		width: 24px;
	}

	.wel-hd01 {
		bottom: 10px !important;
	}

	.wel-hd01 .swiper-pagination-bullet,
	.pro-hd01 .swiper-pagination-bullet {
		width: 20px;
		height: 20px;
		margin: 0 2px !important;
	}

	.wel-list2 .list2-item-wrap {
		padding-bottom: 5px;
	}

	.wel-list2 {
		padding-bottom: 30px;
	}

	.wel-list5 .list5-h5 {
		font-size: 18px;
		text-align: center;
	}

	.wel-list5 .list5-h5:after {
		margin: 14px auto 22px;
		height: 1px;
		width: 33px;
	}

	.wel-list5 .list5-left {
		background: none;
		width: 87.5%;
		margin: 0 auto;
		padding: 55px 0 86px;
		flex: 0 0 87.5%;
		position: relative;
		z-index: 2;
	}

	.w1600.wel-list5 {
		width: 100%;
		justify-content: center;
	}

	.wel-list5 .list5-right {
		width: 100%;
	}
}

.m-mask {
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 7;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.recruits-nav-top {
	padding: 0 4vw;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	background: url(../img/conProInfo-next1.png) no-repeat right 4vw center;
	transition-duration: .3s;
	border-bottom: 1px solid #f4f4f4;
	background-size: 18px !important;
}

.m-recruits-nav {
	overflow: visible !important;
	border-bottom: none;
}

.recruits-list2 .recruits-nav {
	position: relative;
	z-index: 2;
}

.recruits-nav-contents {
	position: relative;
	z-index: 2;
}

.m-recruits-nav .swiper-slide0 {
	display: block;
	padding: 0 4vw;
	color: #666;
	font-size: 12px;
	line-height: 29px;
	background: #fff;
	border-bottom: 1px solid #f4f4f4;
}

.m-recruits-hides {
	z-index: 3;
	background: #fff;
	position: absolute;
	left: 0;
	top: 41px;
	width: 100%;
	display: none;
	height: 241px;
	overflow: scroll;
	border-bottom: 1px solid #f4f4f4;
}

@media (max-width: 1200px) {

	/*.recruits-info {
    display: none;
  }*/
	.m-recruits-items .recruits-nav-top {
		background-size: 14px !important;
	}

	.m-recruits-items.cur .recruits-nav-top {
		background: url(../img/conProInfo-next1on1.png) no-repeat right 4vw center;
	}

	.m-recruits-info {
		padding: 0 4vw 4vw;
		display: none;
		overflow: hidden;
	}

	.recruits-list2 .recruits-a {
		margin-top: 24px;
	}

	.m-recruits-items {
		border-top: 1px solid #e6e6e6;
	}

	.m-recruits-nav .swiper-wrapper {
		flex-wrap: wrap;
	}

	.m-recruits-nav .swiper-slide {
		display: inline-block;
		flex: 0 0 50%;
		width: 50%;
		border-bottom: 1px solid #eee;
	}

	.m-recruits-nav .swiper-slide:nth-child(even) {
		border-left: 1px solid #eee;
	}

	.recruits-list2 .para-item {
		font-size: 13px;
	}

	.signUp .w840 {
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}

	.recruits-list2 .recruits-nav-name {
		padding: 0;
		text-align: center;
		font-size: 18px;
		line-height: 40px;
	}

	.recruits-list2.w1200 {
		width: 100%;
		justify-content: center;
	}

	.recruits-list2 .recruits-nav {
		flex: 0 0 100%;
		width: 100%;
	}

	.recruits-list2 .recruits-info {
		flex: 0 0 87.5%;
	}

	.recruits-list2 .recruits-nav {
		margin-bottom: 1rem;
	}

	.pc-recruits-nav {
		display: none;
	}

	.m-recruits-nav {
		display: block;
	}

	.train-list3 .scroll-wrap {
		height: 240px;
	}

	.c-month-center {
		font-size: 64px;
	}

	.train-list3 .list3-imgs {
		height: auto;
	}

	.recruits-list1 .font20 {
		font-size: 16px;
	}

	.contact-list1 .list1-top-detail {
		font-size: 12px;
	}

	.contact-list2 .list2-name {
		font-size: 18px;
	}

	.contact-list2 .list2-txts {
		padding: 40px 20px;
	}
}

.contact-list1 .list1-top-item:nth-child(2):before,
.contact-list1 .list1-top-item:nth-child(2):after {
	transform: translateY(-50%);
}

.captcha_no {
	display: none !important;
}

.search-list1 {
	margin-top: 2rem;
	opacity: 0;
	transform: translateY(30px);
	-webkit-transition: all .6s;
	transition: all .6s;
}

.search-list1.cur {
	opacity: 1;
	transform: translateY(0);
}

.search-list1 .search-item {
	display: block;
	box-shadow: 0 0 6px #c5c2c2;
	margin-bottom: 24px;
	background: #fff;
	border-radius: 6px;
	padding: 24px;
}

.search-list1 .search-item:hover {
	box-shadow: 0 0 20px #c5c2c2;
}

.search-list1 .search-item:hover .search-h5 {
	color: #e60039;
}

.search-list1 .search-h5 {
	font-size: .5rem;
	color: #333;
	font-family: "gothicB";
	transition-duration: .3s;
}

.search-list1 .search-detail {
	font-size: .35rem;
	line-height: 2;
	color: #666;
	max-height: 48px;
	margin: 20px 0;
}

.search-list1 .load-more {
	margin: 0;
}

.search-list1 .load-more {
	padding-top: 10px;
	height: 40px;
	line-height: 40px;
	width: 160px;
}

.family-list2 .remind-more,
.inner-nav-wrap1-remind {
	display: none;
}

.intro-list31 .list31-txts {
	background: rgba(0, 0, 0, .5);
}

.signIn-return {
	box-sizing: border-box;
	padding: 0 20px;
	background: #e60039;
	border-radius: 14px;
	position: absolute;
	top: 26px;
	right: 0;
	color: #fff;
	font-size: 12px;
	line-height: 28px;
	display: inline-block;
	height: 28px;
	z-index: 2;
}

.app-return {
	top: calc(1.9rem + 15px);
}

.signIn-return:hover {
	color: #fff;
}

.toBeDealer-list4 .flexBox {
	justify-content: center;
}

.toBeDealer-list4 .swiper-slide {
	flex: 0 0 110px;
	text-align: center;
}

/*.drop-out-wrap1 .proInfo-nav-right {
      flex: 0 0 calc(100% - 230px);
      width: calc(100% - 230px);
  }
  .drop-out-wrap1 {
    padding-right: 76px;
  }
  .drop-out-a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
    color: #fff;
    text-align: right;
  }*/
.w760 {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

.side-always .app-item .side-ico {
	background-size: 22px !important;
}

.m-footer-nav {
	padding: 42px 0 4px;
}

.m-footer-nav .footer-nav-a1 {
	display: inline-block;
	flex: 0 0 50%;
	width: 50%;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 18px;
	color: #fff;
	text-align: center;
}

.m-footer-nav .footer-nav-a1:after {
	display: inline-block;
	vertical-align: middle;
	content: "";
	margin-left: 6px;
	width: 5px;
	height: 9px;
	background-size: 100% !important;
}

@media (min-width: 1024px) {

	.side-always .app-item,
	.m-footer-nav {
		display: none;
	}
}

@media (max-width: 1023px) {
	.app-btns {
		top: calc(50% - 36px);
	}

	.intro-list31 .txt-detail {
		font-size: 10px;
	}

	.intro-list31 .txt-h5 {
		font-size: 18px;
	}

	.intro-list31 .txt-h5 {
		font-size: 16px;
	}

	.intro-list31 .txt-s0:before {
		height: 10px;
		top: 8px;
	}

	.footer-top {
		display: none;
	}

	.side-always .app-item,
	.m-footer-nav {
		display: block;
	}

	.onLine-list2 .toPro-more {
		margin-top: 16px;
	}

	.onLine-list2 .list2-left {
		width: 10rem;
	}

	.onLine-list2 .list2-right {
		width: calc(100% - 10rem - 28px);
	}

	.onLine-list1 .list1-item {
		flex: 0 0 calc(33.3% - 12px);
		width: calc(33.3% - 12px);
		margin-right: 8px;
		margin-bottom: 8px;
	}

	.onLine-list1 .list1-item:nth-child(3n) {
		margin-right: 0;
	}

	.app-list7 .w1280,
	.app-list7 .moudle-titles3 {
		text-align: center;
	}

	.app-list7 .list7-font24 {
		font-size: 18px;
	}

	.app-list7 .list7-btn {
		text-align: left;
		flex: 0 0 110px;
		width: 110px;
		height: 32px;
		line-height: 30px;
		text-indent: .55rem;
		font-size: 12px;
	}

	.list7-btns.flexBox.left {
		justify-content: center;
	}

	.app-list7 .list7-middle {
		margin: 40px auto;
	}

	.app-list7 .list7-left,
	.app-list7 .list7-middle,
	.app-list7 .list7-right {
		flex: 0 0 100%;
		width: 100%;
	}

	.app-btns .btn {
		width: 36px;
		height: 36px;
		top: -18px;
	}

	.app-list2-banner {
		width: calc(100% - 100px);
	}

	.app-list2 .img-txts {
		font-size: 12px;
	}

	.w760 {
		width: 100%;
	}

	.video-list1 .form-section {
		flex: 0 0 110px;
		width: 110px;
	}

	.intro-list5 .slide-h6 {
		letter-spacing: 6px;
	}

	.calendar-title .month-txt {
		font-size: 12px;
	}

	.signIn .control-btn {
		margin: 0 10px !important;
	}

	.signIn .left-control-btns {
		justify-content: center !important;
	}

	.signIn .control-btn {
		height: 34px;
		line-height: 34px;
	}

	.signIn-return {
		box-sizing: border-box;
		padding: 0 20px;
		background: #e60039;
		border-radius: 14px;
		position: absolute;
		top: 26px;
		right: 0;
		color: #fff;
		font-size: 12px;
		line-height: 28px;
		display: inline-block;
		height: 28px;
	}

	.app-return {
		top: calc(1.9rem + 9px);
	}

	.ajax-bg0 .ajax-detail {
		-webkit-line-clamp: 30;
	}

	.family-list2 .remind-more {
		display: block;
	}

	.footer-top .footer-nav,
	.footer-top .footer-top-right .footer-nav-a1 {
		position: relative;
		z-index: 2;
	}

	.footer-top .footer-nav:nth-child(4) {
		display: none;
	}

	.search-top {
		width: 100%;
	}

	.search-list1 .search-item {
		padding: 15px;
	}

	.search-list1 .search-h5 {
		font-size: .6rem;
	}

	.search-list1 .load-more {
		padding-top: 7px;
		height: 34px;
		line-height: 34px;
		width: 120px;
	}

	.offLine-list2 .form-input,
	.offLine-list2 .form-tr {
		height: 36px;
	}

	.offLine-list2 .form-input,
	.offLine-list2 .form-section {
		height: 36px;
		line-height: 36px;
	}

	.calendar-img-bg .feedback-close {
		top: 0;
		right: 0;
	}

	.calendar-img-bg .calendar-img {
		width: 87.5vw;
		padding: 20px;
	}

	.pro-nav-wrap2 form {
		flex: 0 0 100%;
	}

	.calendar-title {
		flex: 0 0 120px;
	}

	.calendar-title .year {
		font-size: 18px;
	}

	.calendar-title .month-num {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

	.train-list4 .course-h5,
	.train-list4 .courseIntroDetail,
	.train-list4 .course-detail {
		font-size: 12px;
	}

	.train-list4 .date {
		flex: 0 0 calc(100% - 140px);
		width: calc(100% - 140px);
		margin-right: 10px;
	}

	.list4-mains .calendar-wrap {
		flex: 0 0 100%;
		width: 100%;
		background: #fff;
	}

	.train-list4 .list4-mains {
		background: none;
	}

	.calendar .calendar-s0 {
		height: 32px;
		line-height: 32px;
		width: 32px;
	}

	.calendar-title .month {
		padding-top: 120px;
	}

	.list4-mains .calendar-wrap {
		height: 350px;
	}

	.train-list4 .list4-right {
		flex: 0 0 100%;
		width: 100%;
		margin-top: 20px;
		background: #fff;
	}

	.train-list4 .right-mains {
		width: 100%;
		padding: 0 15px 40px;
	}

	.ajax-bg0 .ajax-detail {
		font-size: 12px;
		line-height: 20px;
		max-height: 180px;
	}

	.ajax-bg0 .ajax-h5 {
		font-size: 16px;
		padding: 10px 0;
	}

	.ajax-bg0 .feedback-close {
		right: 15px;
		top: 15px;
	}

	.ajax-bg0 .swiper-btns-wrap5 .prev {
		left: 15px;
	}

	.ajax-bg0 .swiper-btns-wrap5 .next {
		right: 15px;
	}

	.ajax-bg0 .ajax-banner {
		width: 100%;
	}

	.ajax-bg0 .ajax-banner-wrap {
		padding: 1rem 60px;
	}

	.ajax-bg0 .toBeDealer-list2-ajax {
		width: 92%;
		height: auto;
	}

	.contact-list1 .list1-top-item:first-child,
	.contact-list1 .list1-top-item:last-child,
	.contact-list1 .list1-top-item:nth-child(2) {
		flex: 0 0 33%;
	}

	.contact-list1 .list1-top-detail {
		line-height: 24px;
		padding: 0 15px;
	}

	.recruits-list1 {
		width: 100%;
	}

	.recruits-list2 .recruits-bot-item {
		line-height: 24px;
	}

	.recruits-list1 .contact-ewm-img {
		width: 90px;
	}

	.recruits-list1 .font20 {
		font-size: 14px;
	}

	.recruits-list1 .list1-bot-txts {
		margin-right: 1rem;
	}

	.recruits-list1 .font28 {
		font-size: 16px;
	}

	.train-list3 .imgs-name {
		left: 0;
		padding: 0 10px;
		font-size: 12px;
	}

	.w740 {
		width: 100%;
	}

	.c-month-center {
		font-size: 48px;
	}

	.train-list1 .list1-right {
		order: -2;
		margin-bottom: 30px;
	}

	.train-list1,
	.train-list2 {
		padding-bottom: 40px;
	}

	.train-list1 .list1-left {
		flex: 0 0 100%;
		width: 100%;
	}

	.train-list1 .time-s0,
	.train-list1 .time-jia {
		font-size: 24px;
	}

	.dealer-list2 .list2-submit {
		height: 36px;
		line-height: 36px;
		width: 120px;
	}

	.no-banner {
		display: none;
	}

	.conProInfo-list1 .right-mains {
		padding: 20px 20px 40px;
		background: #fff url(../img/right-mains-bg.png) no-repeat right 12px bottom 12px;
		background-size: 6rem !important;
	}

	.conProInfo-list1 .proInfo-h5-cn {
		font-size: 20px;
	}

	.conProInfo-list1 .scroll-wrap {
		height: auto;
	}

	.conProInfo-list1 .list1-top-flex {
		width: 100%;
	}

	.conProInfo-list2 .para-td:nth-child(2n):before {
		display: none;
	}

	.conProInfo-list2 .list2-h2 {
		padding: 15px;
	}

	.conProInfo-list2 .td-content {
		padding: 0 15px;
	}

	.conProInfo-list2 .para-td {
		border-bottom: 1px solid #eaeaea;
	}

	.conProInfo-list2 .para-tr {
		border-bottom: none;
	}

	.conProInfo-list2 .para-td,
	.conProInfo-list1 .list1-right,
	.conProInfo-list1 .list1-left {
		flex: 0 0 100%;
		width: 100%;
	}

	.conProInfo-list1 .list1-right,
	.conProInfo-list1 .left-ajax-btns {
		margin-top: 30px;
	}

	.family-list2 .points-name {
		font-size: 16px;
		line-height: 20px;
	}

	.family-list2 .points-mains {
		padding: 10px;
	}

	.family-list2 .nav-item {
		background: url(../img/family-list2-prev1.png) no-repeat top 11px right 10px;
	}

	.family-list2 .nav-item:hover,
	.family-list2 .nav-item.cur {
		background: url(../img/family-list2-prev1on.png) no-repeat top 11px right 10px;
	}

	.family-list2 .list2-mains1 {
		padding-left: 130px;
	}

	.family-list2 .list2-nav-wrap {
		width: 130px;
	}

	.family-list2 .nav-item {
		padding: 6px;
		font-size: 12px;
	}

	.family-list2 .list2-mains2 {
		width: 100%;
	}

	.office-list3 .office-list3-mains {
		padding-right: 0;
	}

	.office-list3 .item-h5 {
		font-size: 16px;
	}

	.office-list3 .list3-right {
		position: static;
		width: 100%;
		margin-top: 20px;
	}

	.family-list2 .right-bg {
		width: 700px;
	}

	.family-list2 .list2-right {
		overflow: scroll;
	}

	.intro-list7 .list7-item {
		flex: 0 0 48%;
		margin: 0;
		width: 48%;
	}

	.intro-list7 .w1200 {
		justify-content: space-between;
	}

	.inner-nav-wrap1 .swiper-slide {
		padding: 20px 0;
		font-size: 14px;
	}

	.inner-nav-wrap1 .ico-wrap {
		width: 32px;
		height: 24px;
	}

	.inner-banner .pc-img {
		height: 10rem;
	}

	.inner-banner .ban-en {
		font-size: 26px;
	}

	.inner-banner .ban-cn {
		font-size: 18px;
	}

	.inner-banner .ban-cn:after {
		margin-top: 15px;
	}

	.offLine-list2 .w1280 {
		position: relative;
	}

	.offLine-list2 .code-tr {
		/*position: absolute;*/
		left: 0;
		/*bottom: 78px;*/
		width: 100%;
	}

	.offLine-list2 .form-contents {
		flex-wrap: wrap;
	}

	.toBeDealer-list6 .list6-item.cur .item-top {
		background: #f6f6f6 url(../img/toBeDealer-jiaon.png) no-repeat right 10px center;
		background-size: 20px !important;
	}

	.toBeDealer-list6 .item-top {
		background: #f6f6f6 url(../img/toBeDealer-jia.png) no-repeat right 10px center;
		background-size: 20px !important;
	}

	.offLine-list2 .form-input,
	.offLine-list2 .form-tr {
		line-height: 36px;
	}

	.offLine-list2 .form-contents {
		line-height: 36px;
	}

	/*  .offLine-list2 .form-section {
    background: #f0f0f0 url(../img/sectiontop2.png) no-repeat right 18px top 15px; }
    .offLine-list2 .form-section.cur {
      background: #f0f0f0 url(../img/sectionto2pon.png) no-repeat right 18px top 15px; }*/

	.offLine-list2 .city-section,
	.offLine .offLine-list2 .province-section {
		margin-bottom: 66px;
	}

	.toBeDealer-list6 .item-top-txt {
		line-height: 32px !important;
	}

	.toBeDealer-list4 .list4-banner-wrap {
		padding-bottom: 10px;
		margin-bottom: 15px;
	}

	.toBeDealer-list3 .swiper-slide {
		height: 110px;
	}

	.offLine-list2 .form-contents.w1100 .form-td1,
	.offLine-list2 .form-contents.w1100 .form-td2,
	.offLine-list2 .form-contents .form-td1,
	.offLine-list2 .form-contents .form-td2,
	.offLine-list2 .form-td3.form-td31,
	.offLine-list2 .experience-submit,
	.offLine-list2 .form-td3 {
		flex: 0 0 100%;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}

	.offLine-list2 .w1280 {
		padding: 40px 0;
	}

	.offLine-list2 .form-title,
	.offLine-list2 .form-title2 {
		position: static;
		width: 100%;
		margin-bottom: 15px;
	}

	.toBeDealer-list6 .item-bot {
		padding: 15px;
	}

	.toBeDealer-list6 .list6-item {
		font-size: 12px;
		line-height: 2;
	}

	.toBeDealer-list2 .list2-items-wrap {
		margin-top: 0;
	}

	.offLine-list2 .form-tr1,
	.offLine-list2 .province-section,
	.offLine-list2 .form-tr2,
	.offLine-list2 .code-tr {
		margin-bottom: 15px;
	}

	.toBeDealer-list5 .list5-items-wrap {
		width: 1023px;
	}

	.toBeDealer-list5 .scroll-wrap2 {
		overflow: scroll;
	}

	.toBeDealer-list3 .list3-ico {
		width: 40px;
	}

	.toBeDealer-list3 .list3-h5 {
		font-size: 14px;
	}

	.toBeDealer .toBeDealer-list3 .list3-h5 {
		font-size: 12px;
	}

	.toBeDealer-list1 .w988,
	.w850 {
		width: 87.5%;
	}

	.toBeDealer-list1 .list1-mains {
		margin-top: -6rem;
	}

	.toBeDealer-list1 .moudle-titles2 {
		position: relative;
		z-index: 2;
	}

	.side-always {
		right: 5px;
		width: 32px;
		height: 100px;
		margin-top: -100px;
		overflow: hidden;
		top: calc(100% - 52px);
	}

	.side-always .tele-item .side-ico {
		background-size: 16px !important;
		background: #e60039 url(../img/side-teleon.png) no-repeat center;
	}

	.side-always .qq-item .side-ico {
		background: #e60039 url(../img/side-qqon.png) no-repeat center;
		background-size: 16px !important;
	}

	.side-always .ewm-item,
	.side-always .toTop-item {
		display: none;
	}

	.side-always .side-ico,
	.side-always .side-items {
		width: 32px;
		height: 32px;
		margin-bottom: 2px;
	}

	.side-always .side-tele {
		opacity: 0;
	}

	.products .pro-mains {
		padding-bottom: 0;
	}

	#drag-img-wrap {
		overflow: hidden;
	}

	.proInfo-list4 .list4-img-wrap {
		text-align: center;
	}

	.proInfo-list4 .list4-red-call {
		transform: translate(-30px, 0) !important;
	}

	.proInfo-list4 .list4-gray-call {
		transform: translate(30px, 0) !important;
	}

	.proInfo-list4 .proInfo-list4-mains.animate .js-to-left,
	.proInfo-list4 .proInfo-list4-mains.animate .js-to-right {
		transform: translate(0, 0) !important;
	}

	.proInfo-list4 .list4-red-call,
	.proInfo-list4 .list4-gray-call {
		position: static;
		margin: 40px 20px 0;
	}

	.proInfo-list3 .proInfo-list-bg {
		padding: 4rem 0;
	}

	.proInfo-list4 .hover-bg,
	.proInfo-list4 .unhover-bg {
		display: none;
	}

	.proInfo-list4 .unhover-wrap {
		position: static;
	}

	.proInfo-list4 .list4-red-call,
	.proInfo-list4 .list4-gray-call {
		left: 6.125%;
		transform: translate(50%, 0);
	}

	.proInfo-list4 .list4-left-imgs {
		flex: 0 0 100%;
		width: 100%;
	}

	.proInfo-list4 .hover-img,
	.proInfo-list4 .unhover-img {
		display: block;
	}

	.proInfo-list7 .list7-left .img100 {
		max-width: 340px;
		width: 340px;
		margin: 0 auto;
	}

	.proInfo-icos-wrap2 {
		width: 430px;
		margin: 0 auto;
	}

	.proInfo-list4 .proInfo-list-bg {
		flex: 0 0 100%;
	}

	.proInfo-list6 .proInfo-list-bg {
		padding: 6rem 0 2rem;
	}

	.proInfo-icos-wrap1 {
		margin-top: 30px;
	}

	.proInfo-icos-wrap1 .icos-wrap {
		width: 40px;
	}

	.proInfo-list5 .proInfo-list-bg {
		padding: 0 0 5rem;
	}

	.proInfo-icos-wrap1 .icos-txts {
		font-size: 12px;
	}

	.proInfo-icos-wrap1 .icos-item {
		margin-right: 20px;
	}

	.proInfo-list2 .list2-imgs {
		width: 15rem;
	}

	.proInfo-list1 .proInfo-list-bg {
		padding: 1rem 0 10rem;
	}

	.proInfo-list7 .list7-left,
	.proInfo-list7 .list7-right,
	.proInfo-list8 .list8-left,
	.proInfo-list8 .list8-right {
		flex: 0 0 100%;
	}

	.proInfo-list8 .proInfo-list-bg {
		background: #fff !important;
	}

	.proInfo-list8 .list8-h5 {
		font-size: 18px;
	}

	.proInfo-list7 .list7-right,
	.proInfo-list8 .list8-left {
		padding-bottom: 40px;
	}

	.footer-top {
		padding: 42px 0 4px;
	}

	.wel-list3 .cir-wrap,
	.book-email,
	.footer-right-address {
		display: none;
	}

	.footer-top .footer-top-left,
	.pro-nav-wrap2 .nav-left,
	.footer-top .footer-top-right {
		flex: 0 0 100%;
	}

	.footer-top .footer-top-right {
		justify-content: flex-end;
		display: inline-flex;
		margin-bottom: 0;
	}

	.footer-top .footer-nav-a1 {
		flex: 0 0 50%;
	}


	.footer-top .footer-nav {
		margin-bottom: 0;
		flex: 0 0 50%;
	}

	.products .pro-item .txts-wrap {
		padding: 15px 15px 0;
	}

	.pro-nav-wrap2 {
		margin: 1.5rem 0 1rem;
	}

	.pro-search-box {
		flex: 0 0 100%;
	}

	.pro-nav-wrap2 .nav-left {
		margin-bottom: 1rem;
		width: calc(100% - 102px);
		flex: 0 0 calc(100% - 102px);
	}

	.footer-top .footer-top-right {
		position: relative;
		top: -36px;
	}

	.footer-top .footer-nav-a1,
	.footer-top .footer-nav-a11 {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 18px;
		padding-left: 20px;
		color: #fff;
		background: none;
	}

	.footer-top .footer-nav-a1:after,
	.footer-top .footer-nav-a11:after {
		display: inline-block;
		vertical-align: middle;
		content: "";
		margin-left: 6px;
		width: 5px;
		height: 9px;
		background: url(../img/footer-ico2.png) no-repeat center;
		background-size: 100% !important;
	}

	.footer-top .footer-top-right .footer-nav-a1 {
		margin-bottom: 0;
	}

	.footer {
		position: relative;
	}

	.footer.zIndex7 {
		z-index: 7;
	}

	.footer-top .footer-nav-a2:hover {
		color: #333;
	}

	.footer-sub-hides {
		display: none;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100vw;
		height: auto;
		z-index: 8;
		background: #fff;
		padding: 48px 6.125vw;
	}

	.footer-top .footer-nav-a2 {
		line-height: 40px;
		height: 40px;
	}

	.footer-top .footer-nav-a2 {
		background: #fff;
		border-bottom: 1px solid #F0F0F0;
		color: #333;
		text-align: center;
	}

	.family-list1 .bgImg {
		height: 15rem;
	}

	.intro-list7 .intro-list7-banner {
		width: 87.5%;
	}
}

.captcha-wrap #captcha {
	text-indent: 10px;
}

.dealer-list2 .captcha-wrap {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

@media (min-width: 768px) {
	.products .swiper-btns-wrap5 {
		display: none;
	}

	.proInfo-list3 .pc-block {
		display: block;
	}

	.family-list2 .pc-nav-wrap {
		height: 100%;
	}

	.intro-list7 .pro-hd02,
	.dealer-list1 .pro-hd02,
	.family-list2 .m-nav-wrap,
	.dealer-list1 .pro-hd03,
	.toBeDealer-list2 .pro-hd02 {
		display: none;
	}

	.signIn .pc-block {
		display: block;
	}

	.signIn .ajax-left {
		order: -1;
	}
}

.m-nav-wrap .m-nav-banner,
.toBeDealer-list2 .list2-items-wrap {
	overflow: hidden;
}

.specialInfo-list3 {
	position: relative;
}

.specialInfo-list3 .pro-hd03 {
	display: none;
}

.toBeDealer-list3 .pro-hd03 {
	display: none;
}

.course-ajax-bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.course-ajax-bg .feedback-close {
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.course-ajax-bg .top-title {
	text-align: center;
	border-bottom: 1px solid #efefef;
	font-size: 20px;
	line-height: 44px;
	color: #000;
	margin-bottom: 20px;
}

.course-ajax-bg .course-detail {
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

.course-ajax-bg .scroll-wrap {
	height: 50vh;
}

.course-ajax-bg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60039 !important;
}

.course-ajax-bg .course-mains {
	margin-left: 30px;
	opacity: 0;
	position: absolute;
	background: #fff;
	width: 680px;
	padding: 20px 30px 30px;
	height: auto;
	left: 50%;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transform: translate(-50%, -50%);
}

.course-ajax-bg .course-mains img {
	display: block;
	max-width: 100%;
	height: auto;
}

.course-ajax-bg .course-mains.show {
	opacity: 1;
	margin-left: 0;
}

/*.train-list3 .course-item:hover .course-name,.train-list3 .course-item.cur .course-name {
    	color: #e60039;
    }*/
.newsInfo-video-wrap {
	height: 15rem;
	width: 100%;
	margin-bottom: 1rem;
}

.newsInfo-video-wrap .video-wrap {
	position: relative;
}

.newsInfo-video-wrap .video-h5 {
	text-align: center;
	font-size: .45rem;
	line-height: 1.5;
	color: #333;
}

.newsInfo-video-wrap #video1,
.newsInfo-video-wrap #video2 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.video-select-left {
	flex-wrap: wrap;
}

.products .pro-mains,
.search-list1 {
	min-height: 50vh;
}

.course-name-s0 {
	color: #e60039;
	display: inline-block;
	padding-left: 10px;
}

.intro-list8-more {
	display: none;
	width: 120px;
	height: 34px;
	line-height: 34px;
	background: #e6013a;
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin: 10px auto;
	border-radius: 17px;
}

.inner-nav-wrap1 {
	position: relative;
}

.inner-nav-wrap1 .swiper-btns-wrap5,
.pro-left-banner .swiper-btns-wrap5 {
	display: none;
}

.pro-left-banner {
	position: relative;
}

.captcha-wrap {
	margin-top: 15px;
}

.captcha-wrap .captcha {
	right: 0;
	top: 1px;
	display: block;
	position: absolute;
	height: calc(100% - 2px);
	width: 100px;
}

.captcha-wrap #captcha {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border: 1px solid #d2d2d2;
	background: none;
	font-size: 14px;
}

.others-down-h5 {
	display: block;
}

.train-list4 .course-btn.unable {
	background: #5d5959;
}

.intro-list9 .family-hd01 {
	display: none;
}

.signIn .pcct-ajax .ajax-right {
	justify-content: center !important;
}

.m-drop-a {
	display: none;
}

.moudle-detail p {
	text-align: center;
}

@media (min-width: 768px) {

	.family-list1 .family-hd01,
	.family-list2 .family-hd01 {
		display: none;
	}

}

@media (max-width: 767px) {
	.swiper-slide-image{
		width: 48% !important;
		margin: 1% !important;
	}
	.train-list3 .imgs-name {
		position: static;
		background: #5e5a5a;
		height: auto;
		padding: 10px 4vw;
		width: 100%;
	}

	.video-bg .video-box {
		width: 92%;
		height: 52vw;

	}

	.office-list3 .office-list3-mains {
		margin-bottom: 0;
	}

	.family-list1 .swiper-btns-wrap5,
	.family-list2 .swiper-btns-wrap5 {
		display: none;
	}

	.onLine-list2 .pc-inline {
		display: block;
	}

	.onLine-list2 .right-txts {
		padding: 20px 10px;
	}

	.onLine-list2 .list2-left {
		margin-top: 40px;
	}

	.onLine-list1 .list1-item:hover {
		background: none;
		color: #4d4948;
	}

	.onLine-list1 .list1-item:hover .unhover {
		display: block;
	}

	.onLine-list1 .list1-item:hover:after {
		background: url(../img/after-ico1.png) no-repeat center;
	}

	.onLine-list1 .list1-item:hover .hover {
		display: none;
	}

	.onLine-list2 .right-txts {
		position: static;
	}

	.app-return {
		top: 1.9rem;
	}

	.app-list5 {
		padding-bottom: 2rem;
	}

	.moudle-titles3 .moudle-h4 {
		font-size: 24px;
	}

	.find-more {
		font-size: 16px;
	}

	.app-list5 .img-wrap {
		flex: 0 0 calc(50% - 22px);
		width: calc(50% - 22px);
		margin: 0 10px;
	}

	.app-list1 .list-mains {
		padding-bottom: 270px;
	}

	.app-list1 .images-mains {
		width: 100%;
		top: 0;
	}

	.app-list1 .img100 {
		width: 70%;
		margin: 0 auto;
	}

	.app-list1 {
		margin-bottom: 40px;
	}

	.img-txts {
		font-size: 12px;
		margin-top: 0;
	}

	.app-list1 .list1-btn {
		flex: 0 0 114px;
		width: 114px;
		margin: 0 6px;
		font-size: 12px;
		line-height: 36px;
		height: 36px;
	}

	.intro-list11-hd01 .swiper-pagination-bullet {
		height: 1px;
	}

	.intro-list11-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
		height: 2px;
	}

	.intro-list11-hd01 {
		padding: 10px 0;
	}

	.intro-list11-hd01 .swiper-pagination-bullet {
		margin: 0 4px !important;
	}

	.solution-list1 .swiper-slide {
		padding-top: 1rem;
	}

	.solution-list1 .pro-h5 {
		margin-top: 0;
	}

	.solution-list1 .solution-list1-banner .swiper-btns-wrap5 {
		transform: translateY(0);
		opacity: 1;
	}

	.proInfo-nav-wrap1,
	.proInfo-nav-wrap1 .proInfo-nav-right,
	.proInfo-nav-wrap1 .proInfo-nav-left {
		display: none;
	}

	.proInfo-nav-wrap1.drop-wrap1 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		border-bottom: none;
		justify-content: flex-end;
	}

	.m-drop-a {
		flex: 0 0 auto;
		text-align: right;
		display: inline-block;
		color: #fff;
		cursor: pointer;
		border-bottom: 1px solid #fff;
	}

	.proInfo-nav-wrap1 {
		line-height: 44px;
	}

	.no-banner {
		height: 44px;
	}

	.proInfo-nav-wrap1 .swiper-slide-a {
		padding-left: 10px;
	}

	.proInfo-nav-wrap1 .proInfo-nav-left {
		display: none;
	}

	.proInfo-nav-wrap1 .proInfo-nav-right {
		flex: 0 0 100%;
		width: 100%;
	}

	.toBeDealer-list4 .flexBox {
		justify-content: flex-start;
	}

	.toBeDealer-list2 .list4-detial {
		padding-bottom: 1rem;
	}

	.others-down-h5 {
		flex: 0 0 100%;
		width: 100%;
	}

	.intro-list31 .txt-h5 {
		margin-bottom: 0;
	}

	.intro-list31 .list31-txts {
		padding: 5px 10px;
	}

	.intro-list9 .swiper-btns-wrap5 {
		display: none;
	}

	.intro-list9 .family-hd01 {
		display: block;
	}

	.train .form-bg0 .form-td {
		padding-left: 54px !important;
	}

	.train .form-bg0 .form-s0 {
		padding-left: 6px;
	}

	.train .form-bg0 .form-section {
		text-indent: 5px !important;
	}

	.intro-list9 .list9-banner {
		padding-bottom: 0;
	}

	.pro-banner .ban-cn1 {
		font-size: 24px;
	}

	.pro-banner .ban-cn2 {
		font-size: 12px;
		margin: 6px auto 7px;
	}

	.pro-hd01 {
		text-align: center;
	}

	.pro-banner .ban-en1 {
		font-size: 18px;
		margin-bottom: 11px;
	}

	.pro-banner .ban-cn3:before {
		display: none;
	}

	.pro-banner .ban-cn3 {
		display: inline-block;
		border-bottom: 1px solid #cecece;
		line-height: 1.4;
	}

	.pro-banner .banner-titles {
		padding-top: 118px;
		text-align: center;
	}

	.family-list2 .list2-banner {
		margin-top: 40px;
	}

	.solution-list1 {
		padding-bottom: 0;
	}

	.family-list2 .list2-mains2 {
		margin-top: 0;
	}

	.family-list2 {
		padding-bottom: 20px;
	}

	.family-list2.office-list3,
	.family .family-list2 {
		padding-bottom: 0;
	}

	.pro-nav-wrap2 .nav-left {
		line-height: 30px;
	}

	.pro-nav-wrap2 .swiper-wrapper {
		flex-wrap: wrap;
	}

	.pro-nav-wrap2 .swiper-slide {
		flex: 0 0 50% !important;
		width: 50% !important;
		margin-right: 0 !important;
	}

	.family-list4 .user-td:before {
		right: -12px !important;
	}

	.dealer-list1 .list1-name {
		font-size: 16px;
	}

	.dealer-list1 .list1-detail {
		font-size: 10px;
		margin-top: 6px;
		padding: 0 4px;
	}

	.toBeDealer-list5 .list5-items-wrap {
		justify-content: flex-start;
	}

	.toBeDealer-list4 .swiper-slide:before {
		display: none;
	}

	.toBeDealer-list4 .swiper-wrapper {
		flex-wrap: wrap;
	}

	.toBeDealer-list4 .swiper-slide {
		flex: 0 0 33.3%;
		width: 33.3%;
		display: inline-block;
		font-size: 14px;
		line-height: 24px;
		padding: 6px 0;
		text-align: center;
		background: #fff;
		transition-duration: .3s;
		border-bottom: 1px solid #f1f1f1;
		border-right: 1px solid #f1f1f1;
	}

	.toBeDealer-list4 .swiper-slide.cur {
		background: #e60039;
		color: #fff;
	}

	.inner-nav-wrap1 .swiper-btns-wrap5,
	.pro-left-banner .swiper-btns-wrap5 {
		display: block;
	}

	.inner-nav-wrap1 .swiper-slide {
		border-bottom: 1px solid #e5e5e5;
	}

	.signIn .left-font14,
	.signIn .right-font14 {
		line-height: 20px;
		height: 60px;
	}

	.recruits-list2 .para-item:before {
		display: none;
	}

	.intro-list8-more {
		display: block;
	}

	.train-list3 .scroll-wrap {
		height: auto;
	}

	.course-item {
		padding-top: 0;
	}

	.pro-banner .m-banner-img {
		display: block;
	}

	.pro-banner .pc-img {
		display: none;
	}

	.others-down-h5 {
		display: block;
		text-align: center;
		width: 100%;
		flex: 0 0 100%;
		padding: 0 4%;
	}

	.calendar-img-bg .feedback-close {
		top: -20px;
		height: 20px;
		width: 20px;
		padding: 0 2px;
		background: #fff;
	}

	.calendar-img-bg .calendar-img {
		width: 100%;
		padding: 10px;
	}

	.products .pro-mains,
	.search-list1 {
		min-height: 60vw;
	}

	.family-list2 .list2-left2 {
		padding: 20px 0;
		text-align: center;
		margin-bottom: 0;
		background: #1e1e1f;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}

	.family-list2 .left2-more,
	.family-list2 .left2-h2:after {
		display: none;
	}

	.family-list2 .points-close {
		right: 6px;
		top: 6px;
	}

	.family-list2 .points-detail {
		height: 80px;
	}

	.family-list1 .list1-detail {
		height: 80px;
		overflow: scroll;
	}

	.intro-list5 .slide-h5,
	.intro-list5 .slide-h6 {
		transform: translate(0, 0);
		opacity: 1;
	}

	.video-select-name {
		flex: 0 0 96px;
		width: 96px;
		margin-bottom: 10px;
		margin-right: 0;
	}

	.newsInfo-video-wrap {
		height: 8rem;
	}

	.course-ajax-bg .course-mains {
		width: 87.5%;
	}

	.pages {
		padding: 1rem 0;
		font-size: 12px;
		line-height: 30px;
	}

	.pages .pagination {
		display: inline-block;
	}

	.pages .pagination a {
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 28px;
	}

	.pages .pagination .prev,
	.pages .pagination .next {
		line-height: 30px;
	}

	.products .pro-item .txts-wrap {
		padding: 10px 5px;
	}

	.pro-return-a {
		width: 120px;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}

	.products .pro-en {
		font-size: 12px;
		margin-bottom: 0;
	}

	.intro-list8 .list8-item {
		margin-bottom: 6px;
	}

	.intro-list5 .w1200 {
		background: #373434;
		width: 100%;
		height: auto;
		padding: 30px 10px;
	}

	.form-bg0 .feedback-close {
		right: 15px;
		top: 0;
	}

	.form-bg0 .form-section {
		height: 30px;
		line-height: 30px;
	}

	.intro-list5 .slide-bg {
		height: auto !important;
	}

	.intro-list6 .list6-left {
		line-height: 2;
	}

	.intro-list5 .slide-bg {
		padding-top: 80vw;
		background-position: left 25% top !important;
		background-size: auto 80vw !important;
	}

	.intro-list5 .swiper-btns-wrap4 {
		top: 40vw;
	}

	.intro-list7 {
		padding-bottom: 40px !important;
	}

	.intro-list7 .pro-hd02 {
		display: block;
	}

	.ajax-bg0 .feedback-close {
		right: 6px;
		top: 6px;
	}

	.ajax-bg0 .swiper-btns-wrap5 .prev {
		left: 0;
	}

	.ajax-bg0 .swiper-btns-wrap5 .next {
		right: 0;
	}

	.ajax-bg0 .ajax-banner-wrap {
		padding: 1rem 40px;
	}

	.toBeDealer-list2 .list2-ico {
		width: 80px;
		height: 80px;
		margin-bottom: 10px;
	}

	.toBeDealer-list2 {
		padding-bottom: 0;
	}

	.contact-list2 {
		padding: 40px 0;
	}

	.contact-list2 .list2-txts {
		padding: 20px 15px;
	}

	.contact-list2 .list2-item {
		flex: 0 0 100%;
		margin-bottom: 20px;
	}

	.contact-list2 .list2-item:nth-child(4) {
		height: 140px;
	}

	.contact-list2 .list2-name {
		font-size: 16px;
	}

	.contact-list1 .ico-wrap {
		position: absolute;
		width: 32px;
		height: 32px;
		top: 0;
		left: 0;
		display: none;
	}

	.contact-list1 .list1-top-h5 {
		margin: 10px;
	}

	.contact-list1 .list1-top-detail {
		padding: 0;
	}

	.contact .list1-top-item {
		position: relative;
		text-align: left;
		padding-left: 40px;
		margin-bottom: 15px;
	}

	.contact-list1 .list1-top-item:nth-child(2):before,
	.contact-list1 .list1-top-item:nth-child(2):after {
		display: none;
	}

	.contact-list1 .list1-top-item:first-child,
	.contact-list1 .list1-top-item:last-child,
	.contact-list1 .list1-top-item:nth-child(2) {
		flex: 0 0 100%;
	}

	.recruits-list2 .recruits-a {
		font-size: 12px;
		line-height: 36px;
		height: 36px;
	}

	.recruits-list2 .para-item {
		width: 48%;
		flex: 0 0 48%;
		margin-top: 6px;
		padding-left: 0;
	}

	.recruits-list2 .para-item:before {
		left: 0;
	}

	.recruits-list2 .para-item:nth-child(2n-1):before {
		display: none;
	}

	.train-list2 .w1280 {
		display: block;
	}

	.train-list2 .list2-main-item,
	.train-list2 .hover-ico,
	.train-list2 .item-contents {
		position: static;
	}

	.train-list2 .list2-main-item {
		width: 100%;
		margin-bottom: 20px;
	}

	.train-list2 .hover {
		position: static;
		transform: translate(0);
	}

	.train-list2 .list2-jia {
		display: none;
	}

	.train-list2 .scroll-wrap,
	.train-list2 .hover,
	.train-list2 .list2-main-item {
		height: auto;
	}

	.train-list3 .list3-imgs,
	.train-list3 .list3-txts,
	.train-list1 .list1-right {
		flex: 0 0 100%;
		width: 100%;
	}

	.train-list2 .hover {
		width: 100%;
	}

	.train-list2 .list2-ico {
		margin: 0 auto 10px;
	}

	.train-list2 .hover-line {
		margin: 10px auto;
	}

	.train-list1 .w200,
	.train-list1 .w160,
	.train-list1 .w288 {
		flex: 0 0 48%;
		width: 48%;
	}

	.train-list3 .list3-imgs {
		margin-bottom: 20px;
	}

	.train-list2 .hover {
		text-align: center;
		padding-top: 0;
	}

	.form-bg0 .form-tr {
		font-size: 12px;
		height: 30px;
		line-height: 30px;
	}

	.train-list2 .item-contents {
		padding: 25px 15px;
	}

	.form-bg0 .form-submit {
		height: 32px;
		line-height: 32px;
	}

	.form-bg0 .form-td {
		font-size: 12px;
		padding-left: 48px;
		height: 32px;
		line-height: 30px;
	}

	.form-bg0 .form-input {
		height: 30px;
		line-height: 30px;
	}

	.form-bg0 .train-form {
		width: 100%;
		box-sizing: border-box;
	}

	.form-bg0 .form-top-title {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.form-bg0 .form-mains {
		width: 87.5%;
		padding: 15px;
	}

	.form-bg0 .form-tr {
		margin-bottom: 8px;
	}

	.video-list1 .video-select-left,
	.video-list1 .video-select-right {
		flex: 0 0 100%;
		width: 100%;
	}

	.video-list1 .video-select-input {
		flex: 0 0 calc(100% - 44px);
		width: calc(100% - 44px);
	}

	.video-list1 .form-section {
		background: url(../img/sectiontop3.png) no-repeat right 0 top 10px;
	}

	.video-list1 .form-section.cur {
		background: url(../img/sectiontop3on.png) no-repeat right 0 top 10px;
	}

	.video-list1 .form-section {
		margin-bottom: 20px;
		flex: 0 0 calc(100% - 120px);
		width: calc(100% - 120px);
		margin-right: 0;
	}

	.video-list1 .video-select-left {
		justify-content: space-between;
	}

	.video-bg .close-img {
		right: 0;
		top: -32px;
	}

	.down-list2 .down-name {
		font-size: 14px;
	}

	.down-list2 .down-reminds {
		font-size: 12px;
	}

	.recruits-list2 .recruits-info-contents {
		padding: 15px 15px;
	}

	.inner-banner .ban-en {
		font-size: 20px;
	}

	.inner-banner .ban-cn {
		font-size: 16px;
	}

	.dealer-list2 {
		padding-bottom: 40px;
	}

	.dealer-list2 .list2-textarea {
		padding: 15px 15px 15px 30px;
		background: url(../img/smile.png) no-repeat 6px 19px;
		background-size: 20px !important;
	}

	.dealer-list1 {
		padding-bottom: 0;
	}

	.dealer-list2 .moudle-titles3 {
		padding-top: 0;
	}

	.signUp-list1 .td {
		font-size: 12px;
	}

	.signUp-list1 .td-name {
		padding-bottom: 8px;
	}

	.signUp-list1 .signUp-input {
		height: 40px;
		line-height: 40px;
	}

	.signUp-list1 .list1-mains {
		padding: 0;
	}

	.signUp .w840 {
		padding: 40px 15px;
	}

	.signUp-list1 .signUp-submit {
		height: 36px;
		line-height: 36px;
		width: 110px;
		font-size: 12px;
		margin-top: 20px;
	}

	.signUp-list1 .td-name {
		font-size: 14px;
	}

	.signUp-list1 .td {
		flex: 0 0 100%;
		width: 100%;
		margin-bottom: 10px;
	}

	.signIn .page-title {
		font-weight: 36px;
	}

	.signIn .control-btn {
		flex: 0 0 124px;
		width: 124px;
		margin: 0;
	}

	.ajax-mains2-flexBox {
		display: block;
	}

	.signIn .left-control-btns {
		justify-content: space-between;
	}

	.signIn .ajax-left {
		display: block;
	}

	.signIn .ewm-a {
		flex: 0 0 100px;
		width: 100px;
		margin: 0 20px;
	}

	.signIn .ajax-img {
		flex: 0 0 100%;
		height: auto;
		width: 100%;
		display: block;
	}

	.signIn .others-down {
		font-size: 12px;
		padding: 0 14px 0 0;
		height: 27px;
		line-height: 26px;
		display: inline-block;
	}

	.others-down-h5 {
		font-size: 12px;
	}

	.signIn .pcct-ajax .ajax-right {
		display: block;
	}

	.others-down-h5 {
		display: block;
	}

	/*.signIn .pcct-ajax .ajax-right {
    justify-content: flex-start !important;
  }*/
	.signIn .pcct-down-a,
	.signIn .others-down {
		display: inline-block;
		flex: 0 0 124px;
		margin-right: 10px;
		width: 124px;
	}

	.signIn .others-down {
		display: block;
	}

	.signIn .pcct-down-a.ios-down {
		margin: 0;
	}

	.signIn .pcct-down-a {
		height: auto;
	}

	.others-down-h5 {
		text-align: center;
	}

	.signIn .pcct-down-a.ios-down {
		margin-bottom: .7rem !important;
	}

	.others-down-h5 {
		padding: 0;
		margin-left: 0;
		line-height: 18px;
	}

	.app-ajax .others-down-h5 {
		flex: 0 0 100%;
		width: 100%;
	}

	/*.signIn .pcct-ajax .ajax-right, .signIn .app-ajax .ajax-right {
    justify-content: center;
    margin-bottom: 20px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap; }*/
	.signIn .app-down-img {
		margin-right: 0 !important;
	}

	.signIn .ajax-right {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex: 0 0 270px !important;
		margin-left: auto;
		margin-right: auto;
		width: 270px !important;
	}

	.ajax-mains2-flexBox {
		/*justify-content: center;*/
	}

	.signIn .ajax-right {
		flex-wrap: wrap;
		justify-content: center;
	}

	.signIn .others-down {
		margin: 0;
	}


	.signIn .ajax-left,
	.signIn .ajax-right {
		flex: 0 0 100%;
		width: 100%;
		height: auto;
	}

	.signIn .signIn-submit,
	.signIn .to-register {
		flex: 0 0 140px;
		width: 140px;
	}

	.signIn .pc-block {
		display: inline;
	}

	.signIn .control-btn {
		font-size: 12px;
	}

	.signIn .left-font14 {
		width: 100%;
	}

	.signIn .left-mains {
		width: 92%;
	}

	.ajax-more1 {
		width: 110px;
		background: #e60039;
		padding: 0;
		height: 34px;
		line-height: 34px;
		text-align: center;
		font-size: 12px;
		margin-top: 40px;
	}

	.toBeDealer-list6 .item-top {
		padding-left: 10px;
	}

	.toBeDealer-list5 .scroll-wrap2 {
		margin-top: 0;
	}

	.toBeDealer-list5 .list5-items-wrap {
		width: 100%;
	}

	.toBeDealer-list5 .list5-item {
		margin-bottom: 20px;
		flex: 0 0 calc(33% - 20px);
		width: calc(33% - 20px);
	}

	.toBeDealer-list5 {
		padding-bottom: 40px;
	}

	.toBeDealer-list1 .list1-mains {
		margin-top: -3rem;
	}

	.moudle-titles3 .moudle-detail {
		font-size: 12px;
		line-height: 1.6;
	}

	.toBeDealer-list1 .apply-a {
		width: 110px;
		height: 34px;
		line-height: 34px;
		font-size: 12px;
	}

	.left-imgs-btns .btn {
		background-size: 28px !important;
	}

	.conProInfo-list1 .left-imgs-wrap {
		height: 258px;
	}

	.conProInfo-list1 .left-imgs-banner {
		height: 174px;
	}

	.conProInfo-list1 .swiper-slide {
		padding: 11px 5px;
	}

	.conProInfo-list1 .left-show-wrap {
		flex: 0 0 240px;
		width: 240px;
	}

	.conProInfo-list1 .list1-key-wrap {
		width: 100%;
		flex: 0 0 100%;
	}

	.moudle-titles2 {
		padding-top: 40px;
	}

	.specialInfo-list3 {
		position: relative;
	}

	.specialInfo-list3 .pro-hd03 {
		display: block;
	}

	.specialInfo-list7 .proInfo-titles {
		width: 92%;
	}

	.specialInfo-list1 .specialInfo-list1-mains {
		height: 10rem;
	}

	.specialInfo-list1 .points-items,
	.specialInfo-list1 .item-cir {
		height: 37px;
		width: 37px;
		background-size: 100% !important;
	}

	.specialInfo-list1 .item-hides {
		font-size: 10px;
		height: 36px;
		line-height: 36px;
	}

	.specialInfo .list1-banner-wrap {
		position: relative;
		padding-bottom: 60px;
	}

	.proInfo-titles .proInfo-h2 {
		padding: 40px 0 10px;
	}

	.office-list1 {
		position: relative;
	}

	.family-list1 .bgImg {
		height: 48vw;
	}

	.family-list1 .list1-txts {
		position: static;
		width: 100%;
		margin: 0 auto;
		transform: translateY(0);
		background: none;
		padding: 20px 15px;
		border-bottom: 1px solid #efefef;
		height: auto;
	}

	.family-list1 .scroll-wrap {
		height: auto;
	}

	.hotel .family-list1 .moudle-titles3 .moudle-h6 {
		font-size: 14px;
	}

	.office-list2 .ico-wrap {
		margin-bottom: 10px;
	}

	.office-list2 .ico-h5 {
		margin-bottom: 5px;
	}

	.office-list1 .swiper-item:nth-child(2n-1) {
		margin-bottom: 6px;
	}

	.moudle-titles3 .moudle-detail {
		margin-top: 20px;
	}

	.pro-hd02 {
		padding: 30px 0 40px;
	}

	.solution-list1 .swiper-slide {
		padding: 0 0 6px;
	}

	.family-list2 .pro-name,
	.solution-list1 .swiper-slide {
		font-size: 14px;
	}

	.office-list1 {
		padding-bottom: 40px;
	}

	.office-list2 {
		padding: 0 0 60px;
		position: relative;
	}

	.office-list2 .ico-h5 {
		font-size: 16px;
	}

	.office-list1 .list1-h5 {
		padding: 0 5px;
		bottom: 5px;
		font-size: 12px;
	}

	.family .family-list2 .m-nav-wrap {
		background: #fff;
	}

	.moudle-titles3 .moudle-h5:nth-child(2) {
		font-size: 18px;
	}

	.family-list1 {
		padding-bottom: 0;
	}

	.family-hd01:after {
		display: none;
	}

	.family-hd01 {
		height: auto;
		transform: translateX(0);
		position: static;
		padding: 30px 0 40px;
	}

	.family-list1 .list1-h5:after {
		margin: 6px 0;
	}

	.family-list1 .list1-detail {
		font-size: 12px;
		line-height: 20px;
	}

	.family-list1 .list1-h5,
	.family-list1 .list1-detail {
		opacity: 1;
		transform: translateY(0);
	}

	.family-hd01 .swiper-pagination-bullet {
		color: transparent;
		width: 10px !important;
		height: 10px !important;
		padding: 0;
		overflow: hidden;
		background: none !important;
		border: 1px solid #8d8d8d;
		margin: 0 5px;
	}

	.family-hd01 .swiper-pagination-bullet-active {
		border-color: #e60039;
	}

	.family-list1 .list1-h5 {
		font-size: 16px;
	}

	.family-list4 .list4-right {
		padding: 40px 0;
		background-size: 2rem !important;
	}

	.family-list4 .td {
		flex: 0 0 100%;
		margin-bottom: 20px;
		border-bottom: 1px solid #dedede;
	}

	.family-list4 .form-textarea {
		border-bottom: 1px solid #dedede;
	}

	.family-list4 .tr {
		margin-bottom: 0;
		border-bottom: none;
	}

	.family-list4 .textarea-tr {
		margin-bottom: 20px;
	}

	.family-list4 .list4-submit {
		margin-top: 0;
		height: 40px;
		line-height: 40px;
	}

	.newsInfo {
		padding-top: 40px;
		padding-bottom: 0;
	}

	.newsInfo .info-dt-wrap,
	.newsInfo .info-bot-dl {
		font-size: 14px;
	}

	.newsInfo .info-title {
		font-size: 18px;
	}

	.newsInfo .info-bot-dl,
	.newsInfo .info-bot-dr {
		width: 100%;
	}

	.newsInfo .news-return-a {
		margin-left: auto;
		margin-right: auto;
	}

	.family-list2 .list2-mains1 {
		padding-left: 0;
	}

	.family-list2 .list2-nav-wrap {
		position: static;
		width: 100%;
		margin-bottom: 20px;
		height: auto;
	}

	.family-list2 .pc-nav-wrap {
		display: none;
	}

	.family-list2 .m-nav-wrap {
		display: block;
		/*background: #efefef;*/
	}

	.family-list2 .m-nav-wrap.flexBox {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.family-list2 .m-nav-wrap .swiper-slide {
		font-size: 14px;
		line-height: 24px;
		padding: 6px 0;
		text-align: center;
		border-left: 1px solid #fff;
	}

	.family-list2 .m-nav-wrap .swiper-slide:first-child {
		border-left: none;
	}

	.family-list2 .m-nav-wrap .swiper-slide.cur {
		background: #e60039;
		color: #fff;
	}

	.family .family-list2 .m-nav-wrap .swiper-slide {
		border-left: 1px solid #efefef;
	}

	.family .family-list2 .m-nav-wrap .swiper-slide:first-child {
		border-left: none;
	}

	.family-list2 .list2-mains1 {
		width: 100%;
	}

	.offLine-list1 .map-img {
		display: none !important;
	}

	.offLine-list1 .BMap_bubble_content {
		padding-left: 0;
	}

	.intro-list4 .list4-banner,
	.offLine-list1 .map-address-name,
	.offLine-list1 .map-tele-name {
		width: 100%;
	}

	.intro-list32 .list32-btn {
		text-align: center;
		padding: 10px 0;
		flex: 0 0 33.3%;
		font-size: 14px;
	}

	.intro-list32 .list32-h5-cn {
		margin-bottom: 0;
	}

	.intro-list32 .list32-h5-en,
	.intro-list32 .list32-ico {
		display: none;
	}

	.intro-list32 .list32-right {
		position: static;
		height: 60vw;
		width: 100%;
	}

	.intro-list4 .swiper-detail {
		padding: 10px 0;
	}

	.intro-list32 .list32-left {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.swiper-btns-wrap5 .btn,
	.swiper-btns-wrap4 .btn {
		background-size: 50% !important;
	}

	.intro-list9 .list9-banner {
		padding-top: 0;
	}

	.intro-list9 .list9-banner-wrap,
	.intro-list9 .moudle-titles3,
	.introduce .moudle-titles3 {
		padding-top: 40px;
	}

	.moudle-titles3 {
		padding: 40px 0;
	}

	.swiper-btns-wrap5 .prev {
		left: 0;
		width: 4vw;
	}

	.swiper-btns-wrap5 .next {
		right: 0;
		width: 4vw;
	}

	.intro-list2 .intro-list2-box,
	.intro-list31 .list31-item,
	.intro-list32 .list32-btn-txts,
	.intro-list6 .list6-left,
	.intro-list6 .list6-img,
	.intro-list8 .list8-img,
	.intro-list8 .list8-right,
	.intro-list8 .list8-item,
	.intro-list5 .intro-list5-name,
	.intro-list5 .slide-txts {
		width: 100%;
		flex: 0 0 100%;
	}

	.intro-list5 .swiper-btns-wrap4 .prev {
		left: 0;
	}

	.intro-list5 .slide-bg {
		height: 80vw;
	}

	.intro-list5 .swiper-btns-wrap4 .next {
		right: 0;
	}

	.intro-list9 .swiper-slide-active {
		transform: scale(1);
		z-index: 1;
	}

	.intro-list9 .list9-banner-wrap {
		background: none;
	}

	.intro-list8 .list8-item {
		height: auto;
		line-height: 32px;
	}

	.intro-list8 .list8-item-wrap {
		margin-right: 0 !important;
	}

	.intro-list8 .scroll-wrap {
		height: auto;
	}

	.intro-list8 .right-contents {
		height: 320px;
		overflow: hidden;
	}

	.intro-list8 .right-contents.cur .scroll-wrap {
		height: 320px;
	}

	.intro-list7 .list7-h5 {
		padding: 0;
		font-size: 10px;
		line-height: 2;
	}

	.intro-list6 .list6-left {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.intro-list2 {
		padding: 2rem 0;
	}

	.intro-list31 .list31-item {
		margin-bottom: 20px;
	}

	.intro-list8 .list8-img {
		margin-bottom: 20px;
	}

	.inner-nav-wrap1 .swiper-slide {
		padding: 10px 0;
	}

	.office-list3 .mCSB_inside>.mCSB_container {
		padding-left: 15px !important;
	}

	.office-list3 .ico-wrap {
		width: 28px;
		margin-bottom: 3px;
	}

	.office-list3 .ico-item {
		padding-top: 6px;
		flex: 0 0 24%;
		height: auto;
		padding-bottom: 6px;
		margin-right: 1%;
	}

	.office-list3 .ico-item:nth-child(4n) {
		margin-right: 0;
	}

	.office-list3 .right-mains {
		padding: 30px 10px;
	}

	.office-list3 .item-detail {
		font-size: 12px;
	}

	.office-list3 .ico-item {
		font-size: 10px;
	}

	.moudle-titles2 .moudle-h5,
	.moudle-titles3 .moudle-h5,
	.offLine-list2 .form-title,
	.offLine-list2 .form-title2,
	.signIn .left-font36,
	.signIn .right-font36,
	.intro-list3 .list3-h4,
	.intro-list5 .intro-list5-name,
	.intro-list2 .font36,
	.family-list4 .list4-h2 {
		font-size: 20px;
	}

	.family-list2 .moudle-titles3 .moudle-h5 {
		width: 120%;
		margin-left: -10%;
		font-size: 18px;
	}

	.intro-list3 .list3-h5,
	.intro-list2 .font30 {
		font-size: 16px;
	}

	.proInfo-list9 .proInfo-h2:after {
		width: 24px;
		height: 1px;
		margin-bottom: 0;
	}

	.proInfo-list3 .list3-gray-call {
		position: static;
		margin-left: 10px;
	}

	.proInfo-list3 .list3-red-call {
		margin-right: 10px;
	}

	.proInfo-list3 .proInfo-list-bg {
		padding: 0;
	}

	.proInfo-list3 .m-bg {
		padding: 0 0 10rem;
		background-size: cover !important;
	}

	.proInfo-icos-wrap2 .icos-wrap {
		flex: 0 0 36px;
		width: 36px;
		height: 36px;
	}

	.proInfo-icos-wrap2 .icos-txts {
		line-height: 18px;
	}

	.proInfo-banner .pc-img {
		height: 100vw;
	}

	.proInfo-banner .ban-en1 {
		margin-bottom: 20px;
	}

	.proInfo-nav-wrap1 .swiper-slide {
		text-align: center;
	}

	.proInfo-banner .txts-mains {
		width: 100%;
	}

	.proInfo-list2 .list2-imgs {
		width: 12rem;
		margin: 0 auto;
	}

	.proInfo-list1 .proInfo-list-bg {
		padding-bottom: 5rem;
	}

	.proInfo-banner .ban-cn2 {
		font-size: 22px;
	}

	.proInfo-banner .ban-cn3 {
		letter-spacing: 3px;
	}

	.proInfo-list2 .proInfo-list-bg {
		padding-top: 0;
	}

	.proInfo-list9 .pro-name {
		font-size: 16px;
	}

	.proInfo-banner .video-btn {
		width: 40px;
		height: 40px;
	}

	.swiper-btns-wrap1 .prev {
		left: 15px;
	}

	.swiper-btns-wrap1 .next {
		right: 15px;
	}

	.proInfo-icos-wrap1 .icos-wrap {
		margin-bottom: 0;
	}

	.proInfo-titles .proInfo-h6 {
		line-height: 24px;
	}

	.proInfo-list6 .proInfo-list-bg {
		padding: 1rem 0 3.6rem;
	}

	.proInfo-list5 .proInfo-list-bg {
		padding-bottom: 7rem;
		background-color: #ebebeb;
	}

	.proInfo-list3 .proInfo-titles,
	.proInfo-list5 .proInfo-titles {
		flex: 0 0 100%;
		width: 100%;
	}


	.products .pro-cn {
		font-size: 12px;
	}

	.pro-hd01 {
		bottom: 1rem !important;
	}

	.pro-banner .pc-img {
		height: 100vw;
	}

	.load-more {
		width: 140px;
		height: 36px;
		padding-top: 8px;
		border-radius: 18px;
	}

	.search-list1 .load-more {
		width: 120px;
		font-size: .35rem;
	}

	.pro-nav-wrap1 .pro-nav-banner {
		width: 100%;
	}

	.products .pro-item {
		flex: 0 0 48%;
		margin-right: 4%;
	}

	.products .pro-item:nth-child(2n) {
		margin-right: 0;
	}

	.header-search-wrap {
		width: calc(87.5% - 40px);
		left: 6.125%;
		margin-left: 0;
	}

	.wel-list4 {
		padding-bottom: 0;
	}

	.wel-list4 .list4-h5 {
		font-size: 15px;
	}

	.wel-list4 .img-wrap {
		width: 58px;
		margin-bottom: 15px;
	}

	.wel-list4 .list4-detail {
		font-size: 13px;
		margin: 7px 0 10px;
	}

	.wel-list4 .list4-a {
		display: inline-block;
		width: 90px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
		border: 1px solid #d2d2d2;
		background-position: center right 14px !important;
	}

	.wel-list4 .list4-item {
		flex: 0 0 38%;
		margin-bottom: 50px;
	}

	.wel-list3 .list3-item .cir-wrap,
	.wel-list4 .list4-item:before {
		display: none;
	}

	.wel-list3 .txts-mains {
		opacity: 1;
	}

	.wel-list3 .list3-ico1 {
		height: 44px;
		width: 44px;
	}

	.wel-list3 .list3-txts {
		height: 190px;
	}

	.wel-list3 .list3-item:before {
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		left: 10px;
		top: 10px;
	}

	.wel-list2 .list2-item {
		flex: 0 0 calc(87.5vw - 30px);
		width: calc(87.5vw - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}

	.wel-list3 .list3-item {
		flex: 0 0 100%;
		margin-bottom: 25px;
	}
}

@media (max-width: 768px) and (min-width: 480px) {

	.case-list1 .case-item,
	.video-list2 .video-item,
	.news-list1 .news-items {
		flex: 0 0 48%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.case-list1 .case-item:nth-child(2n-1),
	.video-list2 .video-item:nth-child(2n-1),
	.news-list1 .news-items:nth-child(2n-1) {
		margin-right: 4%;
	}
}

.forget-bg0 {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 6;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.forget-bg0 .feedback-close {
	position: absolute;
	right: 12px;
	top: 12px;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.forget-bg0 .form-top-title {
	font-size: 20px;
	line-height: 2.5;
	color: #000;
	margin-bottom: 22px;
	padding: 0 24px;
	border-bottom: 1px solid #e5e5e5;
}

.forget-bg0 .form-mains {
	position: absolute;
	background: #fff;
	width: 420px;
	padding-bottom: 40px;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	margin-left: 30px;
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.forget-bg0 .form-mains.show {
	opacity: 1;
	margin-left: 0;
}

.forget-bg0 .form-tr {
	font-size: 16px;
	line-height: 32px;
	color: #000;
	margin-bottom: 16px;
	padding-left: 44px;
	padding-right: 88px;
}

.forget-bg0 .form-td {
	height: 23px;
	position: relative;
	padding-left: 112px;
}

.forget-bg0 .form-s0 {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	display: inline-block;
}

.forget-bg0 .code-td {
	padding-left: 70px;
}

.forget-bg0 .form-input {
	display: block;
	width: 100%;
	height: 32px;
	background: none;
	color: #000;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	text-indent: 5px;
}

.forget-bg0 .input2-wrap {
	text-align: center;
}

.forget-bg0 .form-btn0 {
	margin-left: 15px;
	position: absolute;
	display: block;
	width: 42px;
	text-align: center;
	height: 24px;
	line-height: 24px;
	background: #e60039;
	color: #fff;
	left: 100%;
	top: 0;
	cursor: pointer;
	font-size: 12px;
}

.forget-bg0 .input2-wrap {
	margin-top: 28px;
}

.forget-bg0 .form-input2 {
	width: 120px;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	border: none;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 0 8px;
	cursor: pointer;
}

.forget-bg0 .form-reset {
	background: #666;
}

.forget-bg0 .form-submit,
.forget-bg0 .again-btn {
	background: #e60039;
}

.forget-bg0 .erro-txts {
	padding: 40px 0 0;
	text-align: center;
}

.forget-bg0 .erro-red,
.forget-bg0 .sucess-red {
	display: inline-block;
	padding-left: 40px;
	height: 32px;
	line-height: 32px;
	color: #e60039;
}

.forget-bg0 .erro-red {
	background: url(../img/sad.png) no-repeat left center;
}

.forget-bg0 .sucess-red {
	background: url(../img/smile2.png) no-repeat left center;
}

.forget-bg0 .form-detail {
	font-size: 14px;
	line-height: 32px;
	color: #333;
	padding: 5px 0 10px;
}

.forget-bg0 .erro-mains,
.forget-bg0 .sucess-mains {
	z-index: 0;
	opacity: 0;
}

.forget-bg0 .erro-mains.show,
.forget-bg0 .sucess-mains.show {
	z-index: 8;
	opacity: 1;
}

.forget-bg0 .form-mains1 {
	z-index: 7;
}

.forget-bg0 .form-mains1.zindex9 {
	z-index: 9;
}

.online-video-wrap {
	z-index: 3;
	background: #000;
	height: calc(100% - 1.8rem - 24px);
}

#online-video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.onLine-list20 .list2-right {
	overflow: hidden;
	background: #000;
}

.onLine-list2 .right-txts .flexBox {
	justify-content: flex-start;
}

.list32-right-a {
	position: absolute;
	right: 0;
	display: block;
	text-align: right;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	color: #fff;
	padding-right: 30px;
	bottom: 20px;
	transition-duration: .3s;
}

.list32-right-a:hover {
	color: #fff;
	transform: translateX(-6px);
}

@media(max-width: 767px) {
	.intro-list4 .swiper-slide:hover {
		box-shadow: none;
	}

	.intro-list4 .swiper-slide .swiper-year {
		padding-top: 0;
	}

	.intro-list4 .swiper-detail {
		font-size: 12px;
		line-height: 2;
	}

	.intro-list6 .colorRed span {
		font-size: 30px;
	}

	.intro-list4 .swiper-slide:hover .swiper-year {
		padding-top: 0;
	}

	.intro-list4 .swiper-slide .swiper-line:before,
	.intro-list4 .swiper-slide:hover .swiper-line:before {
		background: #fff;
		border-color: #e60039;
	}

	.list32-right-a {
		font-size: 12px;
		bottom: 10px;
	}

	.solution-list1.w1600 {
		width: 100%;
	}

	.solution-list1.w1600 .moudle-titles3 {
		width: 87.5%;
		margin-left: auto;
		margin-right: auto;
	}

	.solution-list1 .img-wrap {
		width: clac(100% - 20px);
	}

	.onLine-list2 .list2-right {
		position: relative;
		height: auto;
		width: 100%;
	}

	.onLine-list2 .bgImg {
		position: static;
		height: auto;
	}

	.onLine-list2 .online-video-wrap {
		position: relative;
		height: 49vw;
	}

	.onLine-list2 .list2-left {
		width: 100%;
		margin-bottom: 40px;
	}

	.onLine-list2 .ajax-mains {
		padding: 0;
	}

	.onLine-list2 .toPro-more {
		width: 110px;
		height: 34px;
		line-height: 32px;
		font-size: 12px;
	}
}

@media (max-width: 480px) {
	.onLine-list2 .item-s0 {
		font-size: 12px;
	}

	.onLine-list1 .item-contents {
		padding: 5px 34px 5px 44px;
	}

	.onLine-list1 .list1-item {
		flex: 0 0 48%;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 10px;
	}

	.onLine-list1 .list1-item:nth-child(3n) {
		margin-right: 4%;
	}

	.onLine-list1 .list1-item:nth-child(2n),
	.onLine-list1 .list1-item:nth-child(6n) {
		margin-right: 0;
	}

	.app-list1 .list-mains {
		padding-bottom: 260px;
	}

	.dealer-list2 .list2-textarea {
		border-radius: 0;
	}

	.app-list1 .images-mains {
		margin-top: -200px;
	}

	.dealer-list2 .captcha-wrap {
		width: 100%;
	}

	.forget-bg0 .form-mains {
		width: 92% !important;
	}

	.forget-bg0 .form-top-title {
		padding: 0 15px;
	}

	.forget-bg0 .form-tr {
		font-size: 12px;
	}

	.forget-bg0 .form-top-title {
		font-size: 16px;
	}

	.forget-bg0 .form-btn0 {
		height: 32px;
		line-height: 32px;
	}

	.forget-bg0 .form-input2 {
		width: 84px;
		font-size: 12px;
	}

	.forget-bg0 .form-td {
		padding-left: 88px;
	}

	.forget-bg0 .form-tr {
		padding-left: 15px;
		padding-right: 73px;
	}

	.wel-list5 .list5-section {
		text-indent: 18px !important;
	}

	.wel-list5 .list5-td1:before {
		right: -12px !important;
	}

	.inner-nav-wrap1-remind {
		display: block;
	}

	.train-list4 .course-h5,
	.train-list4 .courseIntroDetail,
	.train-list4 .course-detail {
		font-size: 13px;
	}

	.train-list4 .w1280 {
		width: 94%;
	}

	.calendar-title {
		flex: 0 0 80px;
	}

	.calendar-btns {
		right: 4px;
	}

	.calendar-title .month {
		padding-top: 80px;
	}

	.list4-mains .calendar-wrap {
		height: 280px;
	}

	.calendar .week {
		padding: 10px 0;
		font-size: 10px;
	}

	.calendar ul li {
		margin-bottom: 5px;
	}

	.train-list4 .date {
		margin-right: 0;
		flex: 0 0 calc(100% - 81px);
		width: calc(100% - 81px);
	}

	.case-list1 .case-txts {
		padding: 20px 15px;
	}

	.case-list1 .case-h5,
	.news-list1 .news-title,
	.video-list2 .video-name {
		font-size: 16px;
	}

	.case-list1 .case-detail {
		font-size: 12px;
	}

	.case-list1 .case-item,
	.video-list2 .video-item,
	.news-list1 .news-items {
		flex: 0 0 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.signIn .right-mains {
		width: 87.5%;
		padding-top: 0;
	}

	.proInfo-titles {
		min-width: 92%;
		margin-left: auto;
		margin-right: auto;
	}

	.proInfo-list3 .list3-red-call,
	.proInfo-list3 .list3-gray-call,
	.proInfo-list4 .list4-gray-call,
	.proInfo-list4 .list4-red-call {
		height: 34px;
		line-height: 34px;
	}

	.proInfo-list3 .list3-red-call {
		margin-top: 50px;
	}

	.proInfo-list3 .list3-gray-call {
		margin-top: 50px;
		margin-left: 0;
		margin-right: 10px;
	}

	.proInfo-list3 .list3-red-call {
		margin-right: 0;
	}

	.proInfo-list4 .list4-red-call,
	.proInfo-list4 .list4-gray-call {
		margin: 40px 1px 0;
	}

	.proInfo-list4 .proInfo-list-bg {
		padding-bottom: 1rem;
	}

	.proInfo-list4 .list4-red-call {
		margin-right: 20px;
	}

	.proInfo-list4 .list4-img {
		margin-top: 10px;
	}

	.proInfo-list8 .para-item {
		font-size: 12px;
		margin: 0 4px;
		width: 32px;
		height: 32px;
		line-height: 32px;
	}

	.proInfo-list8 .img-btn {
		font-size: 12px;
	}

	.proInfo-list7 .list7-left .img100,
	.proInfo-icos-wrap2,
	.proInfo-list8 .left-imgs-wrap {
		width: 100%;
	}

	.proInfo-icos-wrap2 .icos-item {
		flex: 0 0 100%;
	}

	.wel-list5 .list5-td {
		flex: 0 0 100%;
	}

	.wel-list5 .list5-td:first-child {
		margin-bottom: 26px;
	}

	.wel-list5 .list5-td,
	.wel-list5 .tr3 .section-top,
	.wel-list5 .tr2 .section-top {
		padding-left: 22px;
	}

	.wel-list5 .tr {
		line-height: 30px;
	}

	.wel-list5 .tr1 {
		flex-wrap: wrap;
	}

	.wel-list5 .left-mains {
		width: 100%;
	}

	.wel-list5 .list5-submit {
		height: 44px;
		line-height: 44px;
		width: 230px;
		font-size: 12px;
		margin: 54px auto 0;
	}

	.conProInfo-list1 .para-item {
		font-size: 12px;
	}

	.conProInfo-list2 .pro-en,
	.conProInfo-list2 .pro-cn {
		font-size: 12px;
		margin-bottom: 2px;
		line-height: 18px;
		height: 18px;
	}
}

@media (max-width: 321px) {
	.inner-nav-wrap1 .swiper-slide {
		font-size: 12px;
	}

	.wel-list4 .list4-detail {
		font-size: 12px;
	}

	.conProInfo-list1 .left-show-wrap {
		flex: 0 0 220px;
		width: 220px;
	}

	.conProInfo-list1 .left-imgs-wrap {
		flex: 0 0 50px;
		width: 50px;
		height: 236px;
	}

	.conProInfo-list1 .left-imgs-banner {
		height: 152px;
	}

	.conProInfo-list1 .swiper-slide {
		padding: 13px 5px;
	}
}


.protocol-bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
	transition-duration: .5s;
	display: none;
	z-index: 5;
}

.protocol-bg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60039 !important;
}

.protocol-bg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar.mCSB_dragger_onDrag {
	background: #e60039 !important;
}

.protocol-bg .feedback-close {
	z-index: 12;
	position: absolute;
	right: 30px;
	top: 30px;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.protocol-bg .protocol-mains {
	padding: 40px;
	position: absolute;
	background: #fff;
	width: 960px;
	height: 60%;
	transform: translate(-50%, -50%);
	margin-left: 30px;
	opacity: 0;
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.protocol-bg .protocol-mains.show {
	opacity: 1;
	margin-left: 0;
}

.protocol-bg .protocol-title {
	font-size: 20px;
	line-height: 40px;
	color: #666;
	padding: 20px 0 10px;
	border-bottom: 1px solid #efefef;
	text-align: center;
}

.protocol-bg .protocol-detail {
	font-size: 16px;
	color: #7b7b7b;
	line-height: 1.5;
	height: calc(100% - 70px);
}

.protocol-bg .scroll-wrap {
	height: 100%;
}

.header-nav .nav-sub-wrap1 .sub-a {
	flex: 0 0 100%;
	width: 100%;
}

@media (max-width: 1270px) {
	.header-nav .nav-sub-wrap1 .sub-a {
		flex: 0 0 50%;
		width: 50%;
	}

	.protocol-bg .feedback-close {
		top: 4px;
		right: 4px;
	}

	.protocol-bg .protocol-h5 {
		font-size: 18px;
		padding: 5px 0;
	}

	.protocol-bg .protocol-mains {
		width: 87.5%;
		padding: 20px;
	}

	.protocol-bg .protocol-detail {
		font-size: 14px;
		height: calc(100% - 46px);
	}
}

.captcha_ok {
	position: absolute;
	right: 12px;
	top: 0;
}

.wel-list5 .list5-td {
	position: relative;
}

.wel-list5 .list5-td:before,
.form-bg0 .form-td:before,
.form-bg0 .select-tr:before {
	content: "";
	display: block;
	width: 10px;
	position: absolute;
	right: -12px;
	top: 0;
	height: 100%;
	background-size: 10px !important;
}

.wel-list5 .list5-td.code-td:before {
	right: -12px;
}

.form-bg0 .code-td:before {
	right: -12px;
}

.wel-list5 .list5-textarea::placeHolder {
	color: rgba(255, 255, 255, .5);
}

.wel-list5 .tr4,
.wel-list5 .tr2,
.wel-list5 .tr3,
.form-bg0 .select-tr,
.family-list4 .code-tr,
.family-list4 .province-section,
.family-list4 .textarea-tr {
	position: relative;
}

.wel-list5 .tr4:before,
.wel-list5 .tr2:before,
.wel-list5 .tr3:before,
.form-bg0 .select-tr:before,
.family-list4 .code-tr:before,
.family-list4 .textarea-tr:before,
.family-list4 .province-section:before {
	content: "";
	display: block;
	width: 10px;
	position: absolute;
	right: -12px;
	top: 0;
	height: 36px;
	background-size: 10px !important;
}

.wel-list5 .tr2:before,
.wel-list5 .tr3:before {
	right: -12px;
}

.wel-list5 .list5-td1:before {
	right: -6px;
}

.form-bg0 .select-tr:before,
.family-list4 .form-section:before {
	right: -12px;
}

.wel-list5 .list5-section,
.form-bg0 .form-section,
.family-list4 #captcha {
	text-indent: 22px;
}

.family-list4 select {
	text-indent: 18px;
}

.family-list4 .form-textarea,
.wel-list5 .list5-textarea {
	text-indent: 0;
	padding-left: 22px;
	box-sizing: border-box;
}

.form-bg0 .form-section {
	text-indent: 16px;
}

.family-list4 .user-td,
.family-list4 .tel-td {
	position: relative;
	padding-left: 22px;
}

.family-list4 .user-td {
}

.family-list4 .tel-td {
}

.family-list4 .user-td:before,
.family-list4 .tel-td:before {
	content: "";
	display: block;
	width: 10px;
	position: absolute;
	right: -12px;
	top: 0;
	height: 40px;
	background-size: 10px !important;
}

.family-list4 .user-td:before {
	right: 0;
}

.family-list4 .form-textarea,
.wel-list5 .list5-textarea {
	box-sizing: border-box;
	padding-right: 10px;
}

.family-list4 .user-input,
.family-list4 .tele-input {
	background: none;
	text-indent: 0;
}

.offLine-list2 {
	position: relative;
}

#offLine-list2 {
	position: absolute;
	display: block;
	width: 1px;
	height: 1px;
	opacity: 0;
	top: -200px;
	left: 0;
}

.train-list3 .course-item {
	cursor: pointer;
}

.remind-more {
	padding-top: 20px;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	/*height: 30px;*/
	color: #666;
}

.remind-span {
	display: inline-block;
	padding: 0 7px;
	vertical-align: top;
	color: #333;
	max-width: 80px;
}

.family-list4 .form-input::placeholder,
.family-list4 .form-textarea::placeholder {
	color: #666;
}

.m-nav-wrap.flexBox {
	justify-content: flex-start;
}

.m-nav-a0 {
	flex: 0 0 33.3%;
	width: 33.3%;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	padding: 6px 0;
	text-align: center;
	background: #fff;
	transition-duration: .3s;
	border-bottom: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
}

.m-nav-a0:first-child,
.m-nav-a0:nth-child(2),
.m-nav-a0:nth-child(3) {
	border-top: 1px solid #f1f1f1;
}

.m-nav-a0.cur {
	background: #e60039;
	color: #fff;
}

.family-list4 .form-textarea::-webkit-input-placeholder {
	color: #999;
}

.recruits-list3 .m-img {
	display: none;
}

.recruits-list3 .list3-txts {
	padding: .7rem;
	height: auto;
	width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
}

.recruits-list3 {
	padding: 1.8rem 0;
}

.recruits-list3 .img-wrap {
	height: 355px;
}

.recruits-list3 .swiper-slide {
	position: relative;
	color: #fff;
	text-align: center;
}

.recruits-list3 .ico-wrap {
	width: 40px;
	margin: 0 auto 20px;
}

.recruits-list3 .list3-h5 {
	font-size: 20px;
	line-height: 1rem;
}

.recruits-list3 .list3-h5:after {
	content: "";
	display: block;
	width: 32px;
	height: 1px;
	background: #fff;
	margin: 20px auto;
}

.recruits-list3 .txts-mains {
	font-size: 14px;
	line-height: 28px;
	transition-duration: .3s;
	height: 0;
	overflow: hidden;
}

.recruits-list3 .scroll-wrap,
.recruits-list3 .txts-mains.autoHeight {
	height: 168px;
}

.white .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #fff !important;
}

.white .mCSB_scrollTools .mCSB_draggerRail {
	background: #fff !important;
}

@media(min-width: 768px) {
	.onLine-list2 .m-img {
		display: none;
	}
}

@media(max-width: 1270px) {
	.recruits-list3 .ico-wrap {
		width: 30px;
		margin-bottom: 10px;
	}

	.recruits-list3 .list3-h5:after {
		margin: 10px auto;
	}

	.recruits-list3 .list3-h5 {
		font-size: 16px;
		line-height: 30px;
	}

	.recruits-list3 .img-wrap {
		height: 280px;
	}

	.recruits-list3 .scroll-wrap,
	.recruits-list3 .txts-mains,
	.recruits-list3 .txts-mains.autoHeight {
		height: 96px;
	}

	.recruits-list3 .txts-mains {
		font-size: 12px;
		line-height: 24px;
	}
}



.details-back img {
	width: 100%;
}
.info-dt-wrap-list{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	margin: 20px 0;
}

.info-dt-wrap-image {
	width: 100%;
	padding: 10px;
	overflow: hidden;
}
.info-dt-wrap-image img{
	margin: 0 auto;
	display: block;
}

.info-list {
	line-height: 2em;
	margin-bottom: 10px;
	font-size: 18px;
	margin-top: 10px;
}

.info-list-text {
	line-height: 1.75em;
	margin-top: 10px;
	font-size: 14px;
}

.info-list strong {
	color: #333;
}
.info-image img{
	max-width: 70%;
	margin: 30px auto;
	display: block;
}
.img-wrap{
	box-shadow: 1px 1px 10px rgba(0,0,0,.1);
	border-radius: 6px;
	overflow: hidden;
}
@media(max-width: 768px) {
	.info-dt-wrap-image {
		width: 50%;
		float: left;
		padding: 20px;
	}
	.info-dt-wrap-image img{
		max-width:100%}
	.pro-banner .banner-titles {
		padding-top: 20px !important;
		text-align: center !important;
	}
}