@charset "UTF-8";

    @font-face {
    	font-family: 'ico';
    	src: url('../font/iconfont.eot');
    	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#ico') format('svg');
    }

    @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
    	}
    }

    html,
    body {
    	overflow-x: hidden;
    	font-family: "ico", "微软雅黑";
    }

    div,
    ul,
    li,
    span,
    a {
    	box-sizing: border-box
    }

    .b_1 {
    	padding: 0 15px;
    }

    .b_1 img {
    	max-width: 100%;
    }

    .weixin-tip {
    	width: 100%;
    	height: 100vh;
    	position: fixed;
    	top: 0px;
    	left: 0px;
    	z-index: 10;
    	display: none;
    	background: rgba(0, 0, 0, 0.7)
    }

    .xinjiaimgdiv {
    	position: relative
    }

    .xinjiaimgdiv .title-xin {
    	position: absolute;
    	top: 10%;
    	left: 50%;
    	transform: translateX(-50%);
    	width: 80%;
    	text-align: center
    }

    .xinjiaimgdiv .xin-right {
    	position: absolute;
    	bottom: 10%;
    	left: 13%;
    	text-align: left
    }

    .xinjiaimgdiv .xin-right .rightname {
    	font-size: 0.75rem;
    	line-height: 0.8rem;
    	color: #666
    }

    .xinjiaimgdiv .pc-imgixn {
    	position: relative
    }

    .xinjiaimgdiv .pho-imgixn {
    	position: relative;
    	display: none
    }

    .xinjiaimgdiv .xin-right .rightname-p {
    	font-size: .5rem;
    	line-height: 0.7rem;
    	color: #666;
    	margin-top: 0.2rem
    }

    .xinjiaimgdiv .title-xin .xinname {
    	font-size: 1rem;
    	line-height: 1.25;
    	color: #666
    }

    .xinjiaimgdiv .title-xin .xin-p {
    	font-size: .5rem;
    	line-height: 0.7rem;
    	color: #666;
    	margin-top: 0.25rem
    }

    .xinjiaimgdiv img {
    	width: 100%
    }

    .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;
    	max-width: 100%;
    	margin: 0 auto;
    	margin-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 {
    	display: none;
    	background-size: cover !important;
    	background-repeat: no-repeat !important;
    	background-position: center !important
    }

    .bgef {}

    .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: 70vw
    }

    .w1690 {
    	width: 88vw
    }

    /* king */

    .jj_shouye {
    	width: 70vw;
    	/* height: 967px; */
    	padding: 0;
    	background-color: #ffffff;
    	margin: 0 auto;
    }

    .w840,
    .w740,
    .w850,
    .w1280,
    .w1200,
    .w1600,
    .w1240,
    .w1450,
    .w1180,
    .w1690 {
    	margin-left: auto;
    	margin-right: auto
    }

    .header {
    	overflow: visible;
    	position: fixed;
    	z-index: 100;
    	left: 0;
    	top: 0;
    	width: 100%;
    	padding-top: 20px;
    	background: #FFFFFF;
    	transition-duration: .5s
    }

    .header .logo {
    	flex: 0 0 156px;
    	height: 24px
    }

    .header .logo .img100:nth-of-type(1) {
    	display: block
    }

    .header .logo .img100:nth-of-type(2) {
    	display: none
    }

    .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: #0084DA;
    	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: #333333;
    	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(../images/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: -6px;
    	display: inline-block;
    	width: 20px;
    	flex: 0 0 20px;
    	cursor: pointer;
    	height: 20px;
    	transition-duration: .3s;
    	font-size: 20px;
    	color: #1480DA;
    }

    .header .show-search-btn::after {
    	content: "\e6b9";
    }

    .pc_zx {
    	display: block
    }

    .yd_zx {
    	display: none
    }

    .fanbox {
    	float: left;
    	width: 94%;
    	margin: 0 3%;
    	overflow: hidden
    }

    .fanbox .swiper-pagination {
    	float: left;
    	position: relative;
    	text-align: center;
    	margin-top: 20px
    }

    .fanbox .swiper-pagination span {
    	width: 30px;
    	border-radius: 0;
    	height: 2px
    }

    .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: #0084DA
    }

    .header-nav .nav-sub-wrap {
    	display: none;
    	background: rgba(27, 27, 27, 0.7);
    	position: absolute;
    	right: 0;
    	top: 100%;
    	width: calc(100% + 20px)
    }

    .header-nav .nav-top-a1 {
    	display: block;
    	font-size: 14px;
    	line-height: 24px;
    	padding-right: 44px;
    	color: #333333;
    	transition-duration: .3s
    }

    .header-nav .nav-top-a2 {
    	display: block;
    	text-align: center;
    	font-size: 12px;
    	line-height: 24px;
    	padding: 0 14px;
    	color: #fff;
    	background: #e60039;
    	border-radius: 12px;
    	transition-duration: .3s
    }

    .header-nav .sub-a {
    	display: block;
    	min-height: 44px;
    	font-size: 12px;
    	color: #fff;
    	transition-duration: .3s;
    	padding: 10px 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;
    	background: url(../images/ser1.png) no-repeat center;
    	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;
    	line-height: 34px;
    	font-size: 30px;
    	cursor: pointer;
    	transition-duration: .5s;
    	color: #bfb9b9;
    }

    .header-search-wrap .search-close::after {
    	content: "\e700";
    	display: inline-block;
    }

    .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: 1.6rem 0 2rem;
    	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)
    }

    .welcome .search {
    	display: none;
    }

    .footer {
    	background: url(../images/footer-bg.jpg) no-repeat center
    }

    .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: #0084DA
    }

    .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: 10px;
    }

    .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 {
    	flex: 1
    }

    .footer-top .footer-top-right {
    	flex: 0.8
    }

    .footer-top .footer-right {
    	flex: 0 0 auto
    }

    .footer-top .footer-nav {
    	flex: 0 0 33%;
    	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;
    	background: url(../images/footer-ico1.png) no-repeat left center;
    	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 {
    	padding-left: 15px;
    	color: #e60039;
    	margin-top: 1rem;
    	background: url(../images/add2.png) no-repeat left center
    }

    .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
    }

    .footer-bot .boc-a:hover {
    	color: #fff
    }

    .footer-bot .footer-bot-dl {
    	flex: 0 0 auto
    }

    .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(../images/sectiontopon.png) no-repeat left 80px center
    }

    .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
    }

    .m-footer-outerLink {
    	display: none;
    }

    .m-footer-nav {
    	display: none;
    }

    .book-email {
    	width: 382px;
    	color: rgba(0, 0, 0, 0.5);
    	font-size: 14px;
    	line-height: 48px
    }

    .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(../images/page-prev.png) no-repeat center
    }

    .pages .pagination .prev:hover,
    .pages .pagination .prev.active {
    	border-color: transparent;
    	background: url(../images/page-prevon.png) no-repeat center
    }

    .pages .pagination .next {
    	background: url(../images/page-next.png) no-repeat center
    }

    .pages .pagination .next:hover,
    .pages .pagination .next.active {
    	border-color: transparent;
    	background: url(../images/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(../images/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)
    }

    .moudle-titles1 {
    	text-align: center;
    	padding: 50px 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
    }

    .moudle-titles1 .h5-s0:after,
    .moudle-titles1 .s-red:after {
    	position: absolute;
    	content: "";
    	display: block;
    	width: 89px;
    	height: 60px;
    	top: -24px;
    	right: -18px;
    	z-index: 0;
    	background: url(../images/bg-ico1.png) no-repeat center
    }

    .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
    }

    .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
    }

    .wel-list1 {
    	padding-bottom: 2.9rem
    }

    .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(../images/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(../images/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(../images/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: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(../images/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)
    }

    .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 .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(../images/red-three1.png) no-repeat center;
    	background-size: 100% !important;
    	opacity: 0;
    	transition-duration: .3s
    }

    .more_cp {
    	display: flow-root;
    	width: 260px;
    	height: 35px;
    	background: #FFFFFF;
    	border-radius: 19px;
    	border: 1px solid #1781DA;
    	text-align: center;
    	line-height: 35px;
    	font-size: 14px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #0084DA;
    	margin: 0 auto;
    	margin-bottom: 20px;
    }

    .tan {
    	width: 100%;
    	height: 100%;
    	position: fixed;
    	top: 0;
    	left: 0;
    	z-index: 999999;
    	background: rgba(0, 0, 0, 0.5);
    	display: none
    }

    .tan .inner {
    	width: 60%;
    	height: 60%;
    	background: #FFFFFF;
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	margin-left: -30%;
    	margin-top: -20%;
    	padding: 33px;
    	box-sizing: border-box;
    	overflow-y: auto
    }

    .tan .inner .inner_bt {
    	width: 100%;
    	font-size: 16px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #333333
    }

    .tan .inner .inner_bt1 {
    	width: 100%;
    	font-size: 16px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #666666;
    	text-indent: 2em
    }

    .wel-list2 {
    	padding-bottom: 40px
    }

    .wel-list2.fanren2 {
    	display: block
    }

    .wel-list2.fanren3 {
    	display: none
    }

    .wel-list2 .scroll-wrap {
    	width: 100%;
    	height: 620px
    }

    .wel-list2 .list2-item {
    	width: 70vw;
    	height: 100%;
    	text-align: center;
    	float: left
    }

    .wel-list2 .img-wrap {
    	width: 100%;
    	height: 100%;
    	position: relative
    }

    .wel-list2 .img-wrap img {
    	/* width:100vw;height:530px */
    }

    .fanren3 .img-wrap img {
    	width: 70vw;
    	height: 140px !important
    }

    .wel-list2 .video-btn {
    	position: absolute;
    	background: url(../images/video-btn1.png) no-repeat center;
    	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(../images/ewm-ico.png) no-repeat center;
    	cursor: pointer
    }

    .wel-list2 .list2-item-wrap {
    	flex-wrap: nowrap;
    	padding-bottom: 1.5rem
    }

    .xian {
    	width: 100%;
    	height: 2px;
    	background: #98CBF6;
    	position: relative;
    	top: -3px;
    	position: relative;
    	z-index: 1
    }

    .minVideoViewBox {
    	width: 100%;
    	overflow-x: auto;
    	overflow-y: hidden;
    	white-space: nowrap;
    	position: relative;
    	z-index: 2;
    }

    .minVideoViewBox::-webkit-scrollbar {
    	height: 5px;
    	background: none
    }

    .minVideoViewBox::-webkit-scrollbar-thumb {
    	background: #0084DA;
    	border-radius: 6px
    }

    .miniStreamView {
    	width: 100%;
    	display: inline-block
    }

    .miniStreamView .video-name {
    	width: 100%;
    	text-align: center
    }

    .yd_jj {
    	width: 100%;
    	height: 75px;
    	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
    	margin-bottom: 10px
    }

    .jjke_chooses {
    	width: 100%;
    	white-space: nowrap;
    	font-size: 0;
    	background: #fff;
    }

    .jjke_chooses .one {
    	width: 115px;
    	height: 75px;
    	font-size: 14px;
    	display: inline-block;
    	text-align: center;
    	font-weight: 500;
    	color: #666666;
    	border-right: 1px solid #EEEEEE;
    	box-sizing: border-box;
    	overflow: hidden
    }

    .jjke_chooses .cur {
    	background: #0084DA;
    	color: #FFFFFF
    }

    .jjke_chooses .tu {
    	width: 29px;
    	height: 24px;
    	margin: 15px auto 0px;
    }

    .wel-list3 .jj_choose .xwdt {
    	/* width: 100%; */
    	/* display: -webkit-flex; */
    	display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;

    }

    .wel-list3 .jj_choose .xwdt .one {
    	width: 25%;
    	padding: 0 10px;
    }

    .wel-list3 .jj_choose .xwdt .one:nth-child(3n) {
    	margin-right: 0
    }

    .wel-list3 .jj_choose .xwdt .one img {
    	width: 100%;
    }

    .wel-list3 .jj_choose .jj_choose_tus img {
    	display: inline-block;
    	vertical-align: top;
    	width: 100%;
    	height: auto;
    	margin: 0 20px 18px 0;
    	background: white;
    	box-sizing: border-box;
    	transition: all .5s;
    	-webkit-transition: all .5s;
    	/* Safari */
    }

    .wel-list3 .jj_choose .jj_choose_tus img:hover {
    	cursor: pointer;
    	transform: scale(1.1);
    	-ms-transform: scale(1.1);
    	/* IE 9 */
    	-moz-transform: scale(1.1);
    	/* Firefox */
    	-webkit-transform: scale(1.1);
    	/* Safari 和 Chrome */
    	-o-transform: scale(1.1);
    }

    .wel-list3 .jj_choose .xwdt .one .xwdt_wen1 {
    	width: 100%;
    	font-size: 18px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #333333;
    	line-height: 26px;
    	margin-top: 10px
    }

    .wel-list3 .jj_choose .xwdt .one .xwdt_wen2 {
    	width: 100%;
    	font-size: 16px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #999999;
    	line-height: 26px;
    	margin-top: 10px
    }

    .wel-list3 .jj_choose .small_lunbo {
    	float: left;
    	width: 100%;
    	height: 233px;
    	background: #EFEFEF;
    	padding-left: 56%;
    	box-sizing: border-box;
    	position: relative;
    	top: -121px
    }

    .wel-list3 .jj_choose .small_lunbo .s_lb {
    	width: 585px;
    	height: 170px;
    	overflow: hidden;
    	position: relative
    }

    .wel-list3 .jj_choose .small_lunbo .button_lefts {
    	width: 36px;
    	position: absolute;
    	top: 40%;
    	left: 55%;
    	z-index: 20
    }

    .wel-list3 .jj_choose .small_lunbo .button_rights {
    	width: 36px;
    	position: absolute;
    	top: 40%;
    	right: 55%;
    	z-index: 20
    }

    .wel-list3 .jj_choose .small_lunbo .s_lb .button_rights {
    	width: 36px;
    	position: absolute;
    	top: 40%;
    	right: 0
    }

    .wel-list3 .jj_choose .small_lunbo .ul {
    	width: 975px;
    	margin-top: 50px;
    	position: absolute
    }

    .wel-list3 .jj_choose .small_lunbo .ul li {
    	width: 175px;
    	margin-right: 20px;
    	float: left
    }

    .wel-list3 .jj_choose .small_lunbo .ul li img {
    	width: 100%;
    	height: 121px
    }

    .wel-list3 .jj_choose .jianjie .qyzz {
    	width: 100%;
    	display: flex
    }

    .wel-list3 .jj_choose .jianjie .qyzz .qyzz_left {
    	flex: 1;
    	height: 394px;
    	background: #FFFFFF;
    	box-shadow: 0px 0px 34px 5px rgba(0, 0, 0, 0.08);
    	padding: 32px;
    	box-sizing: border-box;
    	position: relative;
    	z-index: 10
    }

    .wel-list3 .jj_choose .jianjie .qyzz .qyzz_left img {
    	width: 100%;
    	height: 100%
    }

    .wel-list3 .jj_choose .jianjie .qyzz .qyzz_right {
    	flex: 1;
    	padding: 0 40px;
    	box-sizing: border-box
    }

    .wel-list3 .jj_choose .jianjie .qywh {
    	width: 100%;
    	opacity: 1;
    }

    .wel-list3 .jj_choose .jianjie .qywh .one {
    	flex: 1
    }

    .wel-list3 .jj_choose .jianjie .qywh .one img {
    	height: 513px;
    }

    .wel-list3 .jj_choose .w1600 .jianjie .xwdt .one img {
    	/* height: 513px; */
    	display: inline-block;
    	vertical-align: top;
    	/* height: 211px; */
    	margin: 10px 20px 18px 0;
    	box-sizing: border-box;
    	transition: all .5s;
    	-webkit-transition: all .5s;
    	/* Safari */
    }

    .wel-list3 .jj_choose .w1600 .jianjie .xwdt .one img:hover {
    	cursor: pointer;
    	transform: scale(1.1);
    	-ms-transform: scale(1.1);
    	/* IE 9 */
    	-moz-transform: scale(1.1);
    	/* Firefox */
    	-webkit-transform: scale(1.1);
    	/* Safari 和 Chrome */
    	-o-transform: scale(1.1);
    }

    .wel-list3 .jj_choose .jianjie .qywh .one .one_one {
    	width: 100%;
    	height: 171px;
    	text-align: center;
    	line-height: 171px;
    	font-size: 20px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #333333;
    	background: #F3F3F3
    }

    .wel-list3 .jj_choose .jianjie .qywh .one .one_two {
    	width: 100%;
    	height: 171px;
    	text-align: center;
    	line-height: 171px;
    	font-size: 20px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #333333;
    	background: #F3F3F3
    }

    .wel-list3 .jj_choose .jianjie .qywh .one .cur {
    	width: 120%;
    	background: #0084DA;
    	font-size: 27px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #FFFFFF;
    	line-height: 38px;
    	position: relative;
    	z-index: 99;
    	left: 0;
    	text-align: center;
    	line-height: 171px
    }

    .wel-list3 .jj_choose .jianjie .qywh .one .spe {
    	width: 120%;
    	background: #0084DA;
    	font-size: 27px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #FFFFFF;
    	line-height: 38px;
    	position: relative;
    	z-index: 99;
    	left: -20%;
    	text-align: center;
    	line-height: 171px
    }

    .wel-list3 .jj_choose .jianjie .b_g {
    	width: 1200px;
    	height: 500px;
    	margin: 0px auto;
    	position: relative;
    	overflow: hidden
    }

    .wel-list3 .jj_choose .jianjie .b_g ul {
    	list-style: none;
    	width: 6000px;
    	position: absolute
    }

    .wel-list3 .jj_choose .jianjie .b_g ul li {
    	float: left
    }

    .wel-list3 .jj_choose .jianjie .b_g ul li .top {
    	width: 1200px;
    	display: flex
    }

    .wel-list3 .jj_choose .jianjie .b_g ul li .top .one {
    	flex: 1;
    	height: 200px
    }

    .wel-list3 .jj_choose .jianjie .b_g ul li .center {
    	width: 1200px;
    	display: flex;
    	margin-top: 40px;
    	margin-bottom: 40px
    }

    .wel-list3 .jj_choose .jianjie .b_g ul li .center .one {
    	flex: 1;
    	height: 1px;
    	background: #DDDDDD;
    	position: relative
    }

    .wel-list3 .jj_choose .jianjie .b_g ul li .center .one .tow {
    	position: absolute;
    	width: 64px;
    	height: 10px;
    	background: #0084DA;
    	top: -5px;
    	left: 0
    }

    .wel-list3 .jj_choose .button_left {
    	position: absolute;
    	left: 0;
    	top: 60%;
    	width: 117px;
    	height: 95px
    }

    .wel-list3 .da_family_sho2 .more {
    	float: left;
    	width: 200px;
    	margin: 10px calc((100% - 200px)/2);
    	padding: 5px 0;
    	background: #0084da;
    	color: #fff;
    	font-size: 16px;
    	text-align: center;
    	cursor: pointer;
    }

    .qywhs .one_one {
    	background: none;
    	color: #333333;
		width: 100%;
    }

    .qywhs .cur {
    	background: #0084DA;
    	color: #FFFFFF
    }

    .wel-list3 .jj_choose .button_right {
    	position: absolute;
    	right: 60px;
    	top: 60%;
    	width: 117px;
    	height: 95px
    }

    .wel-list3 .jjke_choose {
    	width: 100%;
    	height: 132px;
    	display: flex
    }

    .wel-list3 .jjke_choose .one {
    	flex: 1;
    	text-align: center;
    	cursor: pointer
    }

    .wel-list3 .jjke_choose .one img {
    	width: 83px;
    	height: 42px;
    	margin-top: 29px
    }

    .wel-list3 .jjke_choose .one:nth-child(1) .tu {
    	width: 83px;
    	height: 21px;
    	margin: 0 auto;
    	margin-top: 42px;
    	background: url('../picture/join_1.png');
    	background-size: 100% 100%
    }

    .wel-list3 .jiameng .one:nth-child(1) .tu {
    	width: 40px;
    	height: 34px;
    	margin: 0 auto;
    	margin-top: 29px;
    	background: url('../picture/joins_1.png');
    	background-size: 100% 100%
    }

    .wel-list3 .jjke_choose .one:nth-child(2) .tu {
    	width: 42px;
    	height: 35px;
    	margin: 0 auto;
    	margin-top: 29px;
    	background: url('../picture/join_2.png');
    	background-size: 100% 100%
    }

    .wel-list3 .jiameng .one:nth-child(2) .tu {
    	width: 36px;
    	height: 34px;
    	margin: 0 auto;
    	margin-top: 29px;
    	background: url('../picture/joins_2.png');
    	background-size: 100% 100%
    }

    .wel-list3 .jjke_choose .one:nth-child(3) .tu {
    	width: 32px;
    	height: 35px;
    	margin: 0 auto;
    	margin-top: 29px;
    	background: url('../picture/join_3.png');
    	background-size: 100% 100%
    }

    .wel-list3 .jiameng .one:nth-child(3) .tu {
    	width: 33px;
    	height: 35px;
    	margin: 0 auto;
    	margin-top: 29px;
    	background: url('../picture/joins_3.png');
    	background-size: 100% 100%
    }

    .wel-list3 .jjke_choose .one:nth-child(4) .tu {
    	width: 31px;
    	height: 35px;
    	margin: 0 auto;
    	margin-top: 29px;
    	background: url('../picture/join_4.png');
    	background-size: 100% 100%
    }

    .wel-list3 .jiameng .one:nth-child(4) .tu {
    	width: 33px;
    	height: 33px;
    	margin: 0 auto;
    	margin-top: 29px;
    	background: url('../picture/joins_4.png');
    	background-size: 100% 100%
    }

    .wel-list3 .jjke_choose .one:nth-child(5) .tu {
    	width: 39px;
    	height: 35px;
    	margin: 0 auto;
    	margin-top: 29px;
    	background: url('../picture/join_5.png');
    	background-size: 100% 100%
    }

    .wel-list3 .jjke_choose .one .jj {
    	font-size: 16px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #666666;
    	margin-top: 8px
    }

    .wel-list3 .jjke_choose .cur {
    	background: #0084DA
    }

    .wel-list3 .jjke_choose .cur .jj {
    	color: #ffffff
    }

    .wel-list3 .family_choose {
    	width: 100%;
    	white-space: nowrap;
    }

    .wel-list3 .family_choose::-webkit-scrollbar {
    	height: 8px;
    	background: none
    }

    .wel-list3 .family_choose::-webkit-scrollbar-thumb {
    	height: 10px;
    	background: rgba(71, 145, 242, .5);
    	border-radius: 5px
    }

    .wel-list3 .family_choose {
    	width: 100%;
    	overflow: hidden
    }

    .wel-list3 .family_choose .one {
    	display: inline-block;
    	width: auto;
    	border-right: 1px solid rgba(255, 255, 255, 0.1);
    	box-sizing: border-box;
    	cursor: pointer;
    	padding: 0 30px
    }

    .wel-list3 .family_choose .one a {
    	color: #fff;
    }

    .wel-list3 .family_choose .cur {
    	background: #0084DA
    }

    .wel-list3 .family_choose .cur a {
    	color: #fff;
    }

    .wel-list3 .family_choose .one .jj {
    	width: 100%;
    	height: 95px;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	font-size: 16px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #FFFFFF
    }

    .wel-list3 .saveafter .one .jj {
    	color: #666666
    }

    .wel-list3 .saveafter .one:last-child {
    	display: none;
    }

    .wel-list3 .saveafter .cur .jj {
    	color: #FFFFFF
    }

    .wel-list3 .family_show {
    	float: left;
    	width: 100%;
    }

    .wel-list3 .family_show .one {
    	float: left;
    	width: calc((100%/4 - 1%) + (1%/4));
    	padding: 3%;
    	margin: 0.5%;
    	box-sizing: border-box;
    	background: #FFFFFF;
    }

    .wel-list3 .family_show .one:nth-of-type(4n+1) {
    	margin-left: 0;
    }

    .wel-list3 .family_show .one:nth-of-type(4n+4) {
    	margin-right: 0;
    }

    .wel-list3 .family_show .one .one_ft1 {
    	width: 100%;
    	font-size: 18px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #333333
    }

    .wel-list3 .family_show .one .one_ft2 {
    	width: 100%;
    	font-size: 14px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #666666;
    	margin-bottom: 30px
    }

    .wel-list3 .family_show .one .one_ft3 {
    	width: 100%;
    }

    .wel-list3 .family_show .one .one_ft3 img {
    	display: block;
    	width: 182px;
    	height: 182px;
    	margin: 0 auto;
    	vertical-align: top;
    	box-sizing: border-box;
    	transition: all .5s;
    	-webkit-transition: all .5s;
    	/* Safari */
    }

    .wel-list3 .family_show .one .one_ft3 img:hover {
    	cursor: pointer;
    	transform: scale(1.1);
    	-ms-transform: scale(1.1);
    	/* IE 9 */
    	-moz-transform: scale(1.1);
    	/* Firefox */
    	-webkit-transform: scale(1.1);
    	/* Safari 和 Chrome */
    	-o-transform: scale(1.1);
    }

    .wel-list3 .serve_after {
    	width: 100%
    }

    .wel-list3 .serve_after .serve_after_1 {
    	width: 100%;
    	font-size: 16px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #666666;
    	line-height: 28px;
    	text-align: center
    }

    .wel-list3 .serve_after .serve_after_1 {
    	width: 100%;
    	height: 50px;
    	font-size: 36px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #333333;
    	line-height: 50px;
    	text-align: center;
    }

    .wel-list3 .serve_after li {
    	border-bottom: 1px solid #F5F5F5;
    	height: 40px;
    	display: block;
    	line-height: 40px;
    }

    .wel-list3 .serve_after li a {
    	color: #333333;
    	font-size: 14px;
    }

    .wel-list3 .pagesize {
    	text-align: center;
    }

    .wel-list3 .pagesize li {
    	display: inline;
    	padding: 0 10px;
    }

    .wel-list3 .serve_after img {
    	margin-top: 22px;
    }

    /**width:100%，因售后服务内容详情页图片会被拉到100%宽，故取消**/

    .w1600 .da_family_sho2 .serve_after img {
    	max-width: 100%;
    }

    .wel-list3 .serve_after .chanpin {
    	width: 100%;
    	margin-top: 23px;
    	display: flex
    }

    .wel-list3 .serve_after .chanpin .one {
    	flex: 1
    }

    .wel-list3 .serve_after .chanpin .one:nth-child(2) {
    	flex: 2
    }

    .wel-list3 .serve_after .chanpin .one:nth-child(2) .two {
    	width: 100%;
    	overflow: hidden
    }

    .wel-list3 .serve_after .chanpin .one:nth-child(2) .two .right {
    	width: 50%;
    	overflow: hidden;
    	float: left
    }

    .wel-list3 .serve_after .chanpin .one:nth-child(2) .two .right .jj {
    	width: 100%;
    	height: 77px;
    	font-size: 16px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #0084DA;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	border: 1px solid #CCCCCC;
    	border-bottom: none;
    	box-sizing: border-box
    }

    .wel-list3 .serve_after .chanpin .one:nth-child(2) .two .right .jj img {
    	width: 16px;
    	height: 16px;
    	position: relative;
    	top: -12px;
    	margin-right: 10px
    }

    .wel-list3 .serve_after .chanpin .one:nth-child(2) .two .left {
    	width: 50%;
    	float: left;
    	font-size: 18px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #333333;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	border: 1px solid #CCCCCC;
    	border-bottom: none;
    	border-right: none;
    	box-sizing: border-box
    }

    .wel-list3 .serve_after .one .jj {
    	width: 100%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	font-size: 20px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #333333;
    	border: 1px solid #CCCCCC;
    	border-bottom: none;
    	border-right: none;
    	box-sizing: border-box
    }

    .wel-list3 .serve_after .one:nth-child(1) .jj {
    	border-bottom: 1px solid #CCCCCC;
    	box-sizing: border-box
    }

    .wel-list3 .serve_after .one:nth-child(2) .two:last-child .left {
    	border-bottom: 1px solid #CCCCCC;
    	box-sizing: border-box
    }

    .wel-list3 .serve_after .one:nth-child(2) .two:last-child .right .jj:last-child {
    	border-bottom: 1px solid #CCCCCC;
    	box-sizing: border-box
    }

    .wel-list3 .serve_after .shipin {
    	width: 100%;
    	margin-top: 25px;
    	display: flex;
    	display: -webkit-flex;
    	flex-wrap: wrap;
    	justify-content: space-between
    }

    .wel-list3 .serve_after .shipin .one {
    	width: 32%;
    	height: 270px;
    	margin-bottom: 30px
    }

    .wel-list3 .serve_after .shipin .one .shipin_wen {
    	width: 100%;
    	height: 22px;
    	font-size: 16px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #333333;
    	line-height: 22px;
    	margin-top: 14px;
    	text-align: center
    }

    .wel-list3 .serve_after .shipin .one .shipins {
    	width: 100%;
    	height: 234px;
    	background: #D8D8D8;
    	position: relative
    }

    .wel-list3 .serve_after .shipin .one .shipins img {
    	position: absolute;
    	width: 56px;
    	height: 56px;
    	top: 50%;
    	left: 50%;
    	margin-left: -28px;
    	margin-top: -28px
    }

    .wel-list3 .serve_after .dianhua {
    	width: 100%;
    	margin-top: 30px;
    }

    div.LiveVideo {
    	position: absolute;
    	left: 0;
    	right: 0;
    	top: 0;
    	bottom: 0;
    	overflow: hidden;
    	z-index: 1;
    	cursor: pointer;
    }

    div.LiveVideo video {
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	left: 0;
    	right: 0;
    	z-index: 0;
    	background: #000000;
    }

    .wel-list3 .jiameng_choose {
    	width: 100%
    }

    .wel-list3 .jiameng_choose .jm_t {
    	width: 100%;
    	height: 50px;
    	font-size: 36px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #333333;
    	line-height: 50px;
    	text-align: center
    }

    .wel-list3 .jiameng_choose .jm_tt {
    	width: 100%;
    	height: 34px;
    	font-size: 16px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #333333;
    	line-height: 22px;
    	text-align: center;
    	margin-bottom: 20px;
    	margin-top: 17px
    }

    .wel-list3 .jiameng_choose .img {
    	width: 100%;
    	overflow: hidden;
    	position: relative
    }

    .wel-list3 .jiameng_choose .img .da {
    	display: block;
    	width: 100%;
    	height: 725px
    }

    .wel-list3 .jiameng_choose .img .xiao {
    	display: block;
    	position: absolute;
    	top: 35%;
    	left: 68.5%
    }

    .wel-list3 .jiameng_choose .img .img_t {
    	width: 144px;
    	height: 40px;
    	background: #0084DA;
    	font-size: 16px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: rgba(255, 255, 255, 0.6);
    	line-height: 40px;
    	text-align: center;
    	position: absolute;
    	top: 0;
    	left: 50%;
    	margin-left: -72px
    }

    .wel-list3 .jiameng_choose .jm_t1 {
    	width: 100%;
    	height: 25px;
    	font-size: 18px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #333333;
    	line-height: 25px
    }

    .wel-list3 .jiameng_choose .jm_t2 {
    	width: 100%;
    	height: 20px;
    	font-size: 14px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #333333;
    	line-height: 20px;
    	margin-top: 17px
    }

    .wel-list3 .jiameng_choose .oem {
    	display: block;
    	width: 100%
    }

    .wel-list3 .jiameng_choose .er_t {
    	width: 100%;
    	height: 22px;
    	font-size: 16px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #333333;
    	line-height: 22px;
    	margin-top: 19px
    }

    .wel-list3 .jiameng_choose .er_ts {
    	width: 100%;
    	font-size: 16px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #666666;
    	line-height: 22px;
    	margin-top: 5px
    }

    .wel-list3 .jiameng_choose .oems {
    	width: 100%;
    	background: #F4F4F4;
    	display: flex
    }

    .wel-list3 .jiameng_choose .oems .one {
    	flex: 1;
    	padding: 24px 0 20px 30px;
    	box-sizing: border-box
    }

    .wel-list3 .jiameng_choose .oems .one .one_t1 {
    	width: 100%;
    	height: 28px;
    	font-size: 20px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #333333;
    	line-height: 28px;
    	text-align: center
    }

    .wel-list3 .jiameng_choose .oems .one .one_t2 {
    	width: 100%;
    	height: 20px;
    	font-size: 14px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #333333;
    	line-height: 20px;
    	text-align: center;
    	margin-top: 9px;
    	margin-bottom: 30px
    }

    .wel-list3 .jiameng_choose .oems .one .one_t3 {
    	width: 100%;
    	font-size: 14px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #666666;
    	margin-bottom: 9px
    }

    .wel-list3 .jiameng_choose .oems .one .one_t4 {
    	width: 100%;
    	font-size: 14px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #666666;
    	margin-bottom: 9px
    }

    .wel-list3 .jiameng_choose .lianxi {
    	width: 100%
    }

    .wel-list3 .jiameng_choose .lianxi .one {
    	width: 100%;
    	text-align: center
    }

    .dianhuas {
    	width: 100%;
    	height: 25px;
    	text-align: center;
    	font-size: 18px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #333333;
    	line-height: 25px
    }

    .wel-list3 .good_nav {
    	width: 100%;
    	height: 600px;
    	padding-top: 120px;
    	padding-bottom: 120px;
    	position: relative
    }

    .wel-list3 .good_nav .good_nav1 {
    	width: 84px;
    	height: 348px;
    	overflow: hidden;
    	float: left;
    	margin-top: 45px
    }

    .wel-list3 .good_nav .good_nav1 .good_nav11 {
    	width: 84px;
    	height: 348px;
    	overflow: hidden;
    	position: relative
    }

    .wel-list3 .good_nav .good_nav1 .good_nav11 .ul {
    	width: 84px;
    	height: 464px;
    	position: absolute
    }

    .wel-list3 .good_nav .good_nav1 .good_nav11 .ul li {
    	width: 84px;
    	height: 84px;
    	padding: 15px 15px 13px 13px;
    	border: 1px solid #E3E3E3;
    	box-sizing: border-box;
    	margin-bottom: 32px;
    	list-style: none;
    	cursor: pointer
    }

    .wel-list3 .good_nav .good_nav1 .good_nav11 .ul .cur {
    	border-color: #1480DA
    }

    .wel-list3 .good_nav .good_nav1 .good_nav11 .ul li img {
    	width: 56px
    }

    .wel-list3 .good_nav .jiantou_t {
    	position: absolute;
    	top: 120px;
    	left: 25px;
    	width: 32px;
    	height: 18px;
    	z-index: 10;
    	cursor: pointer
    }

    .wel-list3 .good_nav .jiantou_t img {
    	width: 100%
    }

    .wel-list3 .good_nav .jiantou_b {
    	position: absolute;
    	bottom: 90px;
    	left: 25px;
    	width: 32px;
    	height: 18px;
    	z-index: 11;
    	cursor: pointer
    }

    .wel-list3 .good_nav .jiantou_b img {
    	width: 100%
    }

    .wel-list3 .good_nav .da_tu {
    	width: 372px;
    	height: 400px;
    	float: left;
    	margin-left: 60px;
    	padding: 49px 27px 59px 53px;
    	box-sizing: border-box
    }

    .wel-list3 .good_nav .good_sm {
    	width: 520px;
    	height: 400px;
    	background: #FFFFFF;
    	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    	float: right;
    	padding: 47px;
    	box-sizing: border-box
    }

    .wel-list3 .good_nav .good_sm .good_sm1 {
    	font-size: 26px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #333333
    }

    .wel-list3 .good_nav .good_sm .good_sm2 {
    	font-size: 14px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #333333
    }

    .wel-list3 .good_nav .good_sm .good_sm3 {
    	font-size: 26px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #FF0000;
    	margin-top: 30px;
    	margin-bottom: 20px
    }

    .wel-list3 .good_nav .good_sm .good_sm4 {
    	width: 149px;
    	height: 42px;
    	border: 1px solid #0084DA;
    	text-align: center;
    	font-size: 16px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #0084DA;
    	line-height: 42px;
    	cursor: pointer
    }

    .wel-list3.cplist {
    	float: left;
    	width: 100%
    }

    .wel-list3.cplist .family_lala {
    	background: #0260b0;
    	padding-top: 0;
    }

    .wel-list3 .family_lala {
    	float: left;
    	width: 100%;
    	font-size: 14px;
    	background: #FBFBFB;
    	border-top: 1px solid #cccccc;
    	padding-top: 30px;
    	line-height: 28px;
    }

    .wel-list3 .xx_choose {
    	width: 100%;
    	height: 48px;
    	line-height: 28px
    }

    .wel-list3 .xx_choose .one {
    	float: left;
    	margin: 40px 0 30px;
    	font-size: 20px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #FFFFFF;
    	cursor: pointer
    }

    .wel-list3 .xx_choose .one:last-child {
    	display: none;
    }

    .wel-list3 .xx_choose .one p {
    	margin: 0 20px;
    	padding-bottom: 20px
    }

    .wel-list3 .xx_choose .one.cur p {
    	border-bottom: 3px solid;
    	border-color: rgba(255, 255, 255, 0.8)
    }

    .wel-list3 .xx_beichoose {
    	width: 100%;
    	padding-top: 50px
    }

    .wel-list3 .xx_beichoose .one {
    	width: 100%;
    	line-height: 20px;
    	font-size: 14px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #333333;
    	padding-bottom: 40px;
    }

    .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;
    	-webkit-transition: 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: 150px;
    	height: 150px;
    	left: -50px;
    	top: -50px
    }

    .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-ico1 .img100 {
    	max-width: 100%;
    	position: absolute;
    	left: 0;
    	right: 0;
    	top: 0;
    	bottom: 0;
    	margin: 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;
    	background: #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 {
    	display: inline-block;
    	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(81% - 0px);
    	height: calc(100% - 40px);
    	box-sizing: border-box;
    	border: 1px solid rgba(255, 255, 255, 0.2);
    	top: 20px;
    	left: 32px;
    	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
    }

    .woaini .list3-item:before {
    	display: none !important
    }

    .woaini .list3-item:hover .img-wrap {
    	background: pink
    }

    .woaini article {
    	float: left;
    	position: relative;
    	width: 100%;
    	margin-bottom: 3.5%
    }

    .woaini .post-format-content {
    	position: relative
    }

    .woaini .post-thumbnail {
    	max-width: 100%;
    	height: auto;
    	overflow: hidden
    }

    .woaini .content-wrap {
    	padding: 0;
    	position: absolute;
    	text-align: center;
    	width: 100%;
    	top: 0;
    	bottom: 0;
    	display: table-cell;
    	vertical-align: middle;
    	overflow: hidden
    }

    .woaini .content-wrap h1.entry-title {
    	display: table;
    	font-size: 110%;
    	height: 100%;
    	text-transform: uppercase;
    	width: 100%;
    	margin: 0;
    	background: none
    }

    .woaini .edit-link {
    	z-index: 2
    }

    .woaini .featured-image {
    	display: table-cell;
    	position: relative;
    	transition: opacity .25s ease-in-out, background .25s ease-in-out;
    	-moz-transition: opacity .25s ease-in-out, background .25s ease-in-out;
    	-webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;
    	vertical-align: bottom;
    	z-index: 1;
    	color: #fff;
    	text-decoration: none;
    	opacity: 0
    }

    .woaini .featured-image .p {
    	width: 100%;
    	overflow: hidden;
    	opacity: 1;
    	padding: 23px;
    	box-sizing: border-box;
    	background: #FFFFFF;
    	border: 1px dotted #eeeeee
    }

    .woaini .featured-image .p .t {
    	width: 100%;
    	padding-left: 8px;
    	border-left: 2px solid #1480DA;
    	box-sizing: border-box;
    	font-size: 18px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	line-height: 25px;
    	text-align: left;
    	color: #1480DA
    }

    .woaini .featured-image .p .b {
    	width: 100%;
    	line-height: 34px;
    	font-size: 16px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #666666;
    	line-height: 25px;
    	text-align: left;
    	margin-top: 12px
    }

    .woaini .featured-image:hover {
    	opacity: 1;
    	color: #fff
    }

    .woaini .post-thumbnail img {
    	display: block
    }

    .fan .one {
    	width: 25%;
    	overflow: hidden;
    	float: left;
    	border: 1px solid #EEEEEE;
    	box-sizing: border-box;
    	text-align: center;
    	line-height: middle
    }

    .fan .one img {
    	width: 80%
    }

    .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;
    	background: url(../images/tomore1.png) no-repeat right center
    }

    .wel-list4 .list4-a:hover {
    	color: #e60039;
    	background: url(../images/tomore1on.png) no-repeat right center
    }

    .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 {
    	background: url(../images/user.png) no-repeat left center
    }

    .wel-list5 .list5-td2 {
    	background: url(../images/tele.png) no-repeat left center
    }

    .wel-list5 .tr3 .section-top {
    	background: url(../images/add.png) no-repeat left center
    }

    .wel-list5 .tr2 .section-top {
    	background: url(../images/coop.png) no-repeat left center
    }

    .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
    }

    .wel-list5 option {
    	color: #333 !important
    }

    .wel-list5 .code-td {
    	position: relative;
    	flex: 0 0 100%;
    	background: url(../images/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(../images/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(../images/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: 2rem 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(../images/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(../images/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(../images/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(../images/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
    }

    .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(../images/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(../images/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(../images/prev1on.png)
    }

    .swiper-btns-wrap1 .prev:hover {
    	background-image: url(../images/prev1.png)
    }

    .swiper-btns-wrap1 .next {
    	right: 38px;
    	background-image: url(../images/next1on.png)
    }

    .swiper-btns-wrap1 .next:hover {
    	background-image: url(../images/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(../images/apprev1.png)
    }

    .app-btns .prev:hover {
    	background-image: url(../images/apprev1on.png)
    }

    .app-btns .next {
    	right: 0;
    	background-image: url(../images/appnext1.png)
    }

    .app-btns .next:hover {
    	background-image: url(../images/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(../images/prev2.png)
    }

    .swiper-btns-wrap2 .prev:hover {
    	background-image: url(../images/prev2.png)
    }

    .swiper-btns-wrap2 .next {
    	right: 0;
    	background-image: url(../images/next2.png)
    }

    .swiper-btns-wrap2 .next:hover {
    	background-image: url(../images/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(../images/prev2.png) no-repeat center
    }

    .swiper-btns-wrap3 .prev:hover {
    	background: #e60039 url(../images/prev2on.png) no-repeat center
    }

    .swiper-btns-wrap3 .next {
    	right: 0;
    	background: #dcdcdc url(../images/next2.png) no-repeat center
    }

    .swiper-btns-wrap3 .next:hover {
    	background: #e60039 url(../images/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(../images/prev3.png)
    }

    .swiper-btns-wrap4 .next {
    	right: 1.5rem;
    	background-image: url(../images/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(../images/prev4.png)
    }

    .swiper-btns-wrap5 .prev:hover {
    	background-image: url(../images/prev4on.png)
    }

    .swiper-btns-wrap5 .next {
    	right: 1.5rem;
    	background-image: url(../images/next4.png)
    }

    .swiper-btns-wrap5 .next:hover {
    	background-image: url(../images/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: 20.75rem
    }

    .pro-banner .m-banner-img {
    	display: none
    }

    .pro-banner .banner-titles {
    	position: absolute;
    	z-index: 2;
    	width: 1280px;
    	left: 50%;
    	top: 0;
    	padding-top: 4.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(../images/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(../images/map-address-name.png) no-repeat left center
    }

    .offLine-list1 .map-tele-name {
    	background: url(../images/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(../images/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 {}

    .offLine-list2 .form-tr1 {
    	background: #f0f0f0 url(../images/user2.png) no-repeat left 16px center
    }

    .offLine-list2 .form-tr2 {
    	background: #f0f0f0 url(../images/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
    }

    .offLine-list2 .code-tr {
    	position: relative;
    	background: #f0f0f0 url(../images/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;
    	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(../images/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: 3rem 0;
    	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
    }

    .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: 10px;
    	display: block;
    	padding-left: 34px;
    	font-size: 14px;
    	line-height: 25px;
    	color: #4b4948
    }

    .contact-list2 .tele-detail {
    	background: url(../images/tel1.png) no-repeat left top
    }

    .contact-list2 .email-detail {
    	background: url(../images/email1.png) no-repeat left top
    }

    .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 4rem 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(../images/recruits-a.png) no-repeat right 24px center;
    	transition-duration: .3s
    }

    .recruits-list2 .recruits-a:hover {
    	background: #e60039 url(../images/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 32.2%;
    	width: 32.2%;
    	margin-bottom: 1.5rem;
    	display: inline-block;
    	margin-right: 1.7%
    }

    .news-list1 .news-items:nth-child(3n) {
    	margin-right: 0
    }

    .news-list1 .news-title {
    	font-size: 18px;
    	line-height: 26px;
    	max-height: 52px;
    	padding-right: 40px;
    	color: #444;
    	margin: 15px 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;
    	background: linear-gradient(#f2f2f2, #fff)
    }

    .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(../images/sectiontop3.png) no-repeat right 18px top 10px
    }

    .video-list1 .form-section.cur {
    	background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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: 100px;
    	-overflow: hidden;
    	-text-overflow: ellipsis;
    	-display: -webkit-box
    }

    .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: 6px 0 10px;
    	height: 40px
    }

    .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(../images/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(../images/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 {
    	padding-bottom: 2.5rem
    }

    .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 {
    	background: #f6f6f6 url(../images/tobedealer-jiaon.png) no-repeat right 20px center
    }

    .toBeDealer-list6 .item-top {
    	cursor: pointer;
    	color: #333;
    	padding-right: 2.5rem;
    	padding: 10px 2.5rem 10px 26px;
    	background: #f6f6f6 url(../images/tobedealer-jia.png) no-repeat right 20px center
    }

    .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(../images/recruits-a.png) no-repeat right 36px center;
    	transition-duration: .3s;
    	padding-left: 34px
    }

    .ajax-more1:hover {
    	background: #e60039 url(../images/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(../images/erro.png) no-repeat right center
    }

    .signIn .signIn-input.right {
    	background: url(../images/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 {}

    .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(../images/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(../images/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(../images/down-sectiontop2.png) no-repeat right 10px top 12px
    }

    .down-list2 .form-section.cur {
    	background: url(../images/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;
    	left: 100px
    }

    .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 {
    	padding-right: 23%;
    	width: calc(100% - 656px);
    	justify-content: flex-end;
    	margin-bottom: 2rem
    }

    .conProInfo-list1 .list1-top-flextop {
    	width: calc(100% - 520px)
    }

    .conProInfo-list1 .list1-top-flextop .list1-key-wrap {
    	width: 80%;
    	margin: 0 auto;
    	text-align: center
    }

    .conProInfo-list1 .list1-top-flextop .text-tishi {
    	margin-top: 20px;
    	margin-bottom: 20px;
    	font-size: 16px;
    	text-align: center;
    	color: #333
    }

    .yanse-tihsi {
    	margin-top: 20px;
    	font-size: 16px;
    	text-align: center;
    	color: #999
    }

    @media (max-width:1025px) {
    	.conProInfo-list1 .list1-top-flextop {
    		width: 100%;
    	}
    }

    .conProInfo-list1 .left-show-wrap,
    .conProInfo-list1 .list1-key-wrap {
    	flex: 0 0 372px;
    }

    .conProInfo-list1 .para-item-wrap {
    	box-sizing: border-box;
    	padding-left: 98px;
    	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% - 870px);
    	width: calc(100% - 870px);
    	display: inline-flex;
    	justify-content: space-between
    }

    .conProInfo-list1 .right-mains {
    	padding: 52px 64px 44px 64px;
    	background: #fff url(../images/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(../images/conproinfo-prev1.png) no-repeat center
    }

    .left-imgs-btns .prev:hover {
    	background: url(../images/conproinfo-prev1on.png) no-repeat center
    }

    .left-imgs-btns .next {
    	bottom: 12px;
    	background: url(../images/conproinfo-next1.png) no-repeat center
    }

    .left-imgs-btns .next:hover {
    	background: url(../images/conproinfo-next1on.png) no-repeat center
    }

    .conProInfo-list2 .conProInfo-list1-top {
    	background-color: #343131;
    	padding: .75rem 0;
    	color: #fff;
    	line-height: 40px
    }

    @media (max-width:1440px) {
    	.conProInfo-list1 .list1-left {
    		flex: 0 0 calc(100% - 660px);
    		width: calc(100% - 670px)
    	}

    	.conProInfo-list1 .left-imgs-wrap {
    		left: 0
    	}
    }

    @media (max-width:1366px) {
    	.conProInfo-list1 .para-item-wrap {
    		padding-left: 34px
    	}
    }

    .conProInfo-list2 .top-en {
    	margin-right: 20px;
    	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(../images/idcard.jpg) no-repeat center
    }

    .signUp-list1 .sale-card {
    	background: url(../images/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 .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(../images/reminds-ico.jpg) no-repeat center
    }

    .signUp-list1 .reminds-s0.cur {
    	background: url(../images/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: 3.2rem
    }

    .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: 0;
    	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: 0;
    	transform: translateY(30px)
    }

    .family-list1 .list1-txts {
    	position: absolute;
    	left: 0;
    	top: 50%;
    	transform: translateY(-50%);
    	background: url(../images/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(../images/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(../images/family-list2-prev1.png) no-repeat top 44px right 30px
    }

    .family-list2 .nav-item:hover,
    .family-list2 .nav-item.cur {
    	color: #e60039;
    	background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/user-input.png) no-repeat left center
    }

    .family-list4 .tele-input {
    	text-indent: 22px;
    	background: url(../images/tele-input.png) no-repeat left center
    }

    .family-list4 .form-section {
    	display: block;
    	width: 100%;
    	border: none;
    	cursor: pointer;
    	position: relative;
    	font-size: 14px;
    	color: #333;
    	height: 40px;
    	line-height: 40px
    }

    .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:after {
    	content: "";
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	left: 0;
    	top: 0;
    	z-index: 2;
    	background: url(../images/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%
    }

    .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(../images/side-tele.png) no-repeat center
    }

    .side-always .tele-item:hover .side-ico {
    	background: url(../images/side-teleon.png) no-repeat center
    }

    .side-always .qq-item .side-ico {
    	background: url(../images/side-qq.png) no-repeat center
    }

    .side-always .qq-item:hover .side-ico {
    	background: url(../images/side-qqon.png) no-repeat center
    }

    .side-always .ewm-item .side-ico {
    	background: url(../images/side-ewm.png) no-repeat center
    }

    .side-always .ewm-item:hover .side-ico {
    	background: url(../images/side-ewmon.png) no-repeat center
    }

    .side-always .toTop-item .side-ico {
    	background: url(../images/side-totop-item.png) no-repeat center
    }

    .side-always .toTop-item:hover .side-ico {
    	background: url(../images/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(../images/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: 200;
    	-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: #0084da !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
    }

    .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(../images/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
    }

    .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(../images/zuo.png) no-repeat center
    }

    .calendar-btns .prev:hover {
    	background: #e80139 url(../images/zuoon.png) no-repeat center
    }

    .calendar-btns .next {
    	right: 0;
    	background: url(../images/you.png) no-repeat center
    }

    .calendar-btns .next:hover {
    	background: #e80139 url(../images/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
    }

    @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(../images/after-ico1.png) no-repeat center
    }

    .onLine-list1 .list1-item:hover:after,
    .onLine-list1 .list1-item.cur:after {
    	background: url(../images/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;
    	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(../images/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-list.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(../images/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
    	}

    	.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 {}

    	.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(../images/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(../images/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(../images/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
    		}

    		.fan .moudle-titles2 {
    			float: left;
    			width: 100%;
    			text-align: center
    		}

    		.fan .moudle-titles2 .moudle-h5 {
    			display: inline-block
    		}

    		.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(../images/family-list2-prev1.png) no-repeat top 26px right 10px
    		}

    		.family-list2 .nav-item:hover,
    		.family-list2 .nav-item.cur {
    			background: url(../images/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(../images/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: none;
    			flex-wrap: wrap;
    			justify-content: space-between
    		}

    		.m-footer-outerLink .m-outerLink-a {
    			flex: 0 0 42px;
    			width: 42px
    		}

    		.welcome-body,
    		.padHeader {
    			padding-top: 84px
    		}

    		.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;
    			color: #fff;
    		}

    		.header .logo {
    			display: block;
    			width: 130px;
    			flex: 0 0 130px;
    			margin: 0 auto;
    			position: relative
    		}

    		.header-nav {
    			width: 100%;
    			max-height: calc(100vh - 68px);
    			overflow: scroll;
    			position: fixed;
    			height: auto;
    			top: 68px;
    			left: 0;
    			padding-bottom: 50px;
    			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 {}

    		.header-nav .nav-item {
    			display: block;
    			width: 100%;
    			padding-bottom: 0;
    			border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    			background-image: url(../images/jia2.png);
    			background-repeat: no-repeat;
    			background-size: 20px auto;
    			background-position: 95% 10px;
    		}

    		.header-nav .nav-item.m-cur {
    			background-image: url(../images/jian2.png);
    		}

    		.header-nav .nav-top-a1 {
    			display: inline-block;
    			line-height: 40px;
    			height: 40px;
    			padding: 0;
    			margin: 0 6.125%;
    			transition-duration: .3s;
    			background-size: 15px !important;
    		}

    		.header-nav .nav-top-a1 {
    			color: #ffffff
    		}

    		.header-nav .sub-a {
    			padding: 0 1.5%;
    			border-top: none;
    			line-height: 36px
    		}

    		.header-nav .nav-top-a2 {
    			position: relative;
    			width: 120px;
    			top: 28px;
    			line-height: 28px;
    			border-radius: 14px;
    			margin-left: 6.125%
    		}

    		.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: 25%;
    			transform: translate(0, -50%);
    			margin-top: 0;
    			color: #fff;
    			font-size: 30px;
    		}

    		.header .header-right {
    			flex: 0 0 0
    		}

    		.welcome-banner .swiper-wrapper {
    			/* height: calc(80vh - 155px);  king 用户要自定义大小显示*/
    			position: relative;

    		}

    		.welcome-banner .swiper-wrapper .img100 {
    			height: 100%;
    			max-width: 100%;
    			/*position: absolute;  king 用户要自定义大小显示*/
    			left: 0;
    			right: 0;
    			top: 0;
    			bottom: 0;
    			margin: auto
    		}

    		.welcome-banner .swiper-slide-active {
    			transform: scale(1)
    		}

    		.header {
    			padding: 30px 0;
    			background: #0084da
    		}

    		.header .m-nav-btn {
    			width: 25px;
    			height: 20px;
    			top: 31px
    		}

    		.header .m-nav-btn .line {
    			background-color: #fff
    		}

    		.header .m-nav-btn .line2 {
    			top: 10px
    		}

    		.header .logo .img100:nth-of-type(1) {
    			display: none
    		}

    		.header .logo .img100:nth-of-type(2) {
    			display: block
    		}

    		.header-search-wrap {
    			top: 25px
    		}

    		.welcome-banner-txts {
    			display: none
    		}

    		.wel-list2 .img-wrap img {
    			height: auto;
    		}

    		.wel-list3 .w1600.s1 {
    			width: 100%;
    		}

    		.wel-list3 .w1600 {
    			width: 100%;
    		}

    		.wel-list3 .list3-item:before {
    			display: none
    		}

    		.wel-list3 .to-more {
    			display: none
    		}

    		.wel-list3 .jiameng_choose .oems {
    			display: inherit;
    		}

    		.wel-list3 .jiameng_choose img {
    			width: 100%;
    		}

    		.wel-list3 .family_choose .scroller {
    			position: absolute
    		}

    		.wel-list3 .family_choose {
    			height: 60px;
    			position: relative;
    			overflow: hidden;
    			margin-bottom: 0
    		}

    		.wel-list3 .family_choose .one {
    			width: auto;
    			padding: 0 20px
    		}

    		.wel-list3 .family_choose .one .jj {
    			height: 60px
    		}

    		.wel-list3 .family_show {
    			float: left;
    			width: 96%;
    			margin: 0 2%;
    			overflow: hidden
    		}

    		.wel-list3 .family_show .one {
    			float: left;
    			width: calc((100%/2 - (23px/2)) + (2%/2));
    			margin: 2% 1%;
    		}

    		.wel-list3 .family_show .one:nth-of-type(2n+1) {
    			margin-left: 0
    		}

    		.wel-list3 .family_show .one:nth-of-type(2n+2) {
    			margin-right: 0
    		}

    		.wel-list3 .family_show .one .one_ft3 {
    			float: left;
    			width: 35vw;
    			position: relative;
    			overflow: hidden;
    		}

    		.wel-list3 .family_show .one .one_ft3 img {
    			width: 100%;
    		}

    		.wel-list3 .good_nav {
    			padding: 0;
    			height: 100vw
    		}

    		.wel-list3 .good_nav .jiantou_t {
    			top: 2vw;
    			margin-left: 10px
    		}

    		.wel-list3 .good_nav .jiantou_b {
    			bottom: 8vw;
    			margin-left: 10px
    		}

    		.wel-list3 .good_nav .good_nav1 {
    			height: auto;
    			margin-left: 10px;
    			margin-top: 45px;
    			margin-bottom: 45px
    		}

    		.wel-list3 .good_nav .good_nav1 .good_nav11 {
    			height: 272px
    		}

    		.wel-list3 .good_nav .good_nav1 .good_nav11 .ul {
    			height: auto
    		}

    		.wel-list3 .good_nav .good_nav1 .good_nav11 .ul li {
    			margin-bottom: 10px
    		}

    		.wel-list3 .good_nav .da_tu {
    			float: none;
    			width: calc(100% - 94px);
    			margin-left: 94px;
    			height: 375px
    		}

    		.wel-list3 .good_nav .da_tu .da_tus {
    			background-position: center center;
    			background-size: 80% auto
    		}

    		.wel-list3 .good_nav .good_sm {
    			width: 94%;
    			margin: 3%;
    			padding: 5%;
    			height: auto
    		}

    		.wel-list3 .good_nav .good_sm .good_sm3 {
    			float: left;
    			margin: 10px 0 5px
    		}

    		.wel-list3 .good_nav .good_sm .good_sm4 {
    			float: right;
    			margin: 15px 0 5px
    		}

    		.wel-list3.cplist {
    			float: left
    		}

    		.wel-list3 .family_lala {
    			float: left;
    			width: 100%
    		}

    		.wel-list3 .xx_choose .one {
    			width: auto;
    			height: auto;
    			margin: 30px 0 20px
    		}

    		.wel-list3 .xx_choose .one p {
    			float: left;
    			margin: 0 8vw;
    			font-size: 16px;
    			width: auto;
    			padding-bottom: 10px
    		}

    		.wel-list3 .xx_choose .one.cur p {
    			border-bottom: 3px solid;
    			border-color: rgba(255, 255, 255, 0.8)
    		}

    		.wel-list3 .xx_beichoose {
    			padding-top: 20px;
    			width: 94%;
    			margin: 0 3% 3%
    		}

    		.wel-list3 .jj_choose .jianjie {
    			/* float: left; */
    			width: 94%;
    		}

    		.wel-list3 .jj_choose .jianjie .qyzz {
    			float: left;
    			display: inherit;
    		}

    		.wel-list3 .jj_choose .jianjie .qyzz .qyzz_left {
    			float: left;
    			width: 100%;
    			height: 80vw;
    			flex: none;
    		}

    		.wel-list3 .jj_choose .small_lunbo {
    			padding-left: 0;
    		}

    		.wel-list3 .jj_choose .small_lunbo .s_lb {
    			background: #fff;
    		}

    		.wel-list3 .jj_choose .small_lunbo .button_lefts {
    			left: 0;
    		}

    		.wel-list3 .jj_choose .small_lunbo .button_rights {
    			right: 0;
    		}

    		.wel-list3 .jj_choose .xwdt .one {
    			float: left;
    			width: 100%;
    			margin-bottom: 20px;
    		}

    		.wel-list3 .jj_choose .xwdt .one img {
    			width: 100%;
    			display: inline-block;
    			vertical-align: top;
    			height: auto;
    			margin: 0 20px 18px 0;
    			background: white;
    			box-sizing: border-box;
    			transition: all .5s;
    			-webkit-transition: all .5s;
    			/* Safari */
    		}

    		.wel-list3 .jj_choose .xwdt .one img:hover {
    			cursor: pointer;
    			transform: scale(1.1);
    			-ms-transform: scale(1.1);
    			/* IE 9 */
    			-moz-transform: scale(1.1);
    			/* Firefox */
    			-webkit-transform: scale(1.1);
    			/* Safari 和 Chrome */
    			-o-transform: scale(1.1);
    		}

    		*/ .wel-list3 .jj_choose .xwdt .one .xwdt_wen1,
    		.wel-list3 .jj_choose .xwdt .one .xwdt_wen2 {
    			float: left;
    			width: 100%;
    		}

    		.wel-list3 .serve_after .shipin .one {
    			width: 100%;
    		}

    		.wel-list3 .serve_after .chanpin .one:nth-child(2) .two .right .jj {
    			font-size: 14px;
    			line-height: 18px;
    		}

    		.wel-list3 .jiameng_choose .jm_tt {
    			height: auto;
    		}

    		.wel-list3 .jiameng_choose .img .da {
    			height: auto;
    		}

    		.wel-list3 .family_show .one {
    			height: auto;
    		}

    		.wel-list3 .family_show .one .one_ft2 {
    			margin-bottom: 30px;
    		}

    		.wel-list3 .family_show .one .one_ft3 {
    			margin-bottom: 30px;
    		}

    		.wel-list3 .da_family_sho2 more {
    			float: left;
    			width: 40%;
    			margin: 10px calc((100% - 40%)/2);
    			padding: 5px 0;
    			background: #0084da;
    			color: #fff;
    			font-size: 16px;
    			text-align: center;
    		}

    		.wel-list3 .jiameng_choose .oems .one {
    			padding: 24px 30px 20px 30px;
    		}

    		.welcome .search {
    			display: block;
    			float: left;
    			width: calc(96% - 2px);
    			margin: 10px 2%;
    			border: 1px solid #d7d7d7;
    		}

    		.welcome .search form input {
    			float: left;
    			width: 74%;
    			padding: 10px 3%;
    			font-size: 16px;
    			background: none;
    			outline: none;
    			border: 0px;
    			-webkit-appearance: none;
    			border-radius: 0;
    		}

    		.welcome .search form div#submit {
    			float: right;
    			display: inline-block;
    			line-height: 45px;
    			font-size: 30px;
    			margin-right: 3vw;
    			color: #d7d7d7;
    		}

    		.welcome .search form div#submit::after {
    			content: "\e6b9";
    		}

    		.bgImg {
    			/* display: block;*/
    		}

    		.pc_zx {
    			display: none
    		}

    		.yd_zx {
    			display: block
    		}

    		.fan .one img {
    			width: 100%
    		}

    		.fanbox {
    			float: left;
    			width: 94%;
    			margin: 0 3%;
    			overflow: hidden
    		}

    		.fanbox .swiper-pagination {
    			float: left;
    			position: relative;
    			text-align: center;
    			margin-top: 20px
    		}

    		.fanbox .swiper-pagination span {
    			width: 30px;
    			border-radius: 0;
    			height: 2px
    		}

    		.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: 60px 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: 0
    		}

    		.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: 2px;
    			width: 24px
    		}

    		.wel-hd01 {
    			bottom: 25px !important
    		}

    		.wel-hd01 .swiper-pagination-bullet,
    		.pro-hd01 .swiper-pagination-bullet {
    			width: 20px;
    			height: 20px;
    			margin: 0 2px !important
    		}

    		.moudle-titles1 .s-red:after {
    			width: 45px;
    			height: 30px;
    			top: -8px;
    			right: -9px;
    			background-size: 100% !important
    		}

    		.wel-list2 .list2-item-wrap {
    			padding-bottom: 5px
    		}

    		.yd_zx {
    			width: 100%
    		}

    		.yd_zx .swiper-container {
    			width: 100%;
    			margin-left: auto;
    			margin-right: auto;
    			margin-bottom: 20px
    		}

    		.yd_zx .swiper-container .swiper-wrapper {
    			width: 100%;
    		}

    		.yd_zx .swiper-container .swiper-wrapper .swiper-slide {
    			text-align: center;
    			font-size: 18px;
    			background: #fff;
    			width: 100%;
    			height: 290px;
    			display: -webkit-box;
    			display: -ms-flexbox;
    			display: -webkit-flex;
    			display: flex;
    			-webkit-box-pack: center;
    			-ms-flex-pack: center;
    			-webkit-justify-content: center;
    			justify-content: center;
    			-webkit-box-align: center;
    			-ms-flex-align: center;
    			-webkit-align-items: center;
    			align-items: center
    		}

    		.yd_zx .swiper-container .swiper-wrapper .swiper-slide img {
    			width: 100%;
    		}

    		.swiper-pagination {
    			width: 100%;
    			height: 20px
    		}

    		.yd_zx .swiper-slide .hua_wen {
    			position: absolute;
    			bottom: 15px;
    			left: 0;
    			font-size: 18px;
    			font-family: PingFangSC-Medium, PingFang SC;
    			font-weight: 500;
    			color: #FFFFFF;
    			text-align: left;
    			padding: 0 18px;
    			box-sizing: border-box;
    			line-height: 25px
    		}

    		.yd_zx .swiper-slide .hua_wen a {
    			color: #ffffff;
    		}

    		.wel-list2 {
    			padding-bottom: 30px
    		}

    		.wel-list2 .fanren2 {
    			display: none
    		}

    		.wel-list2 .fanren3 {
    			display: block
    		}

    		.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(../images/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) {
    		.m-recruits-items .recruits-nav-top {
    			background-size: 14px !important
    		}

    		.m-recruits-items.cur .recruits-nav-top {
    			background: url(../images/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
    	}

    	.w760 {
    		width: 760px;
    		margin-left: auto;
    		margin-right: auto
    	}

    	.side-always .app-item .side-ico {
    		background: #e60039 url(../images/moblie-app.png) no-repeat center;
    		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;
    		padding-left: 20px;
    		color: #fff
    	}

    	.m-footer-nav .footer-nav-a1:after {
    		display: inline-block;
    		vertical-align: middle;
    		content: "";
    		margin-left: 6px;
    		width: 5px;
    		height: 9px;
    		background: url(../images/footer-ico2.png) no-repeat center;
    		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(../images/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(../images/family-list2-prev1.png) no-repeat top 11px right 10px
    		}

    		.family-list2 .nav-item:hover,
    		.family-list2 .nav-item.cur {
    			background: url(../images/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 {
    			left: 0;
    			width: 100%
    		}

    		.offLine-list2 .form-contents {
    			flex-wrap: wrap
    		}

    		.toBeDealer-list6 .list6-item.cur .item-top {
    			background: #f6f6f6 url(../images/tobedealer-jiaon.png) no-repeat right 10px center;
    			background-size: 20px !important
    		}

    		.toBeDealer-list6 .item-top {
    			background: #f6f6f6 url(../images/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 .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(../images/side-teleon.png) no-repeat center
    		}

    		.side-always .qq-item .side-ico {
    			background: #e60039 url(../images/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: block
    		}

    		.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(../images/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
    	}

    	.newsInfo-video-wrap {
    		width: 100%;
    		margin-bottom: 1rem
    	}

    	.newsInfo-video-wrap .video-wrap {
    		position: relative;
    		height: 15rem
    	}

    	.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) {
    		.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(../images/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: 38px;
    			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 .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
    		}

    		.contact-list1 .list1-top-h5 {
    			margin: 0
    		}

    		.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(../images/sectiontop3.png) no-repeat right 0 top 10px
    		}

    		.video-list1 .form-section.cur {
    			background: url(../images/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(../images/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-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 .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 {}

    		.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: 4px
    		}

    		.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
    		}

    		.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 .txts-mains {
    			opacity: 0
    		}

    		.wel-list3 .list3-ico1 {
    			height: 44px;
    			width: 44px
    		}

    		.wel-list3 .flexBox {
    			float: left;
    			width: 100%;
    			display: inherit;
    			margin-bottom: 20px
    		}

    		.wel-list3 .flexBox .list3-item {
    			float: left;
    			width: 100%;
    			margin: 10px 0
    		}

    		.wel-list3 .list3-item .list3-txts {
    			height: auto;
    			display: flex;
    			display: -webkit-flex;
    			justify-content: center;
    			align-items: center;
    			flex-wrap: wrap
    		}

    		.wel-list3 .list3-item .list3-txts .list3-ico1 {
    			margin: 0 calc((100% - 44px)/2);
    			margin-top: calc((50% - 44px)/2)
    		}

    		.wel-list3 .list3-item:hover>.list3-txts .list3-ico1 {
    			margin-top: 0
    		}

    		.wel-list3 .list3-item:hover>.list3-txts .txts-mains {
    			opacity: 1
    		}

    		.wel-list3 .list3-item:before {
    			width: calc(100% - 20px);
    			height: calc(100% - 20px);
    			left: 10px;
    			top: 10px
    		}

    		.wel-list2 .list2-item {
    			flex: 0 0 87.5vw;
    			width: 87.5vw;
    			margin: 0
    		}

    		.wel-list2 .list2-item .img-wrap {
    			width: 100%;
    			height: 39vw;
    			overflow: hidden
    		}

    		.wel-list2 .list2-item .img-wrap img {
    			width: 100%;
    			height: auto !important;
    			position: absolute;
    			left: 0;
    			right: 0;
    			top: 0;
    			bottom: 0;
    			margin: auto
    		}

    		.wel-list2 .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(../images/sad.png) no-repeat left center
    	}

    	.forget-bg0 .sucess-red {
    		background: url(../images/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
    		}

    		.conProInfo-list1 .para-item-wrap {
    			padding-left: 0
    		}

    		.conProInfo-list1 .left-imgs-wrap {
    			left: 0
    		}

    		.yanse-tihsi {
    			position: relative;
    			left: -17%
    		}

    		.conProInfo-list1 .list1-right,
    		.conProInfo-list1 .left-ajax-btns.btn {
    			position: relative;
    			left: -20%
    		}
    	}

    	@media (max-width:480px) {
    		.voice-list4 .loaddings {
    			display: none
    		}

    		.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;
    			padding: 0 2vw 3vw
    		}

    		.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;
    			border-bottom: 1px solid rgba(255, 255, 255, 0.1)
    		}

    		.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: url(../images/must.png) no-repeat center;
    		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: url(../images/must.png) no-repeat center;
    		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
    }

    @media (max-width:1200px) {
    	.wel-list3 .jj_choose .jianjie .qywh .one .one_one {
    		width: 350px;
    		line-height: 90px;
    		padding: 0px 65px;
    	}
    }

    @media (max-width:1200px) {
    	.wel-list3 .jj_choose .jianjie .qywh .one .one_two {
    		width: 350px;
    		line-height: 90px;
    		padding: 38px;
    	}
    }