<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/* Reset */

* {margin:0;padding:0;}

	a {text-decoration: none;}

	button {font-family: inherit;}
		button:focus {outline:0;}

	fieldset {border:0;}

	img {border:0;max-width: 100%;max-height: 100%;display: block;}

	input {font-size: inherit;}

	h1,h2,h3,h4,h5,h6 {font-size: 12px;}

	textarea {resize: none;font-size: inherit;}

/* Public */

.clear {clear:both;font-size:0px;height:0px;overflow:hidden;line-height:0px;}

	.clearfix:after {
	  content: " ";
	  display: block;
	  clear: both;
	  height: 0;
	}
	.clearfix {
	  zoom: 1;
	}

	.hidden {visibility:hidden;}

	.none {display:none;}

	.showmobile {display: none;}

	.upper {text-transform:uppercase;}

	.left {float:left;}

	.right {float:right;}

	.text_center {text-align:center;}

	.text_left {text-align:left;}
		
	.text_right {text-align:right;}

/* Zhibenjia */

::-webkit-scrollbar {width: 10px;}
	::-webkit-scrollbar-button {height: 0;}
	::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;}
	::-webkit-scrollbar-track-piece {}
	::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);border-radius: 10px;}
	::-webkit-scrollbar-corner {}
	::-webkit-resizer {}

	@font-face {
		font-family: 'Perpetua';
		src: url('fonts/perpetua/perpetua-regular.eot');
		src: url('fonts/perpetua/perpetua-regular.eot?#iefix') format('embedded-opentype'),
			 url('fonts/perpetua/perpetua-regular.woff') format('woff'),
			 url('fonts/perpetua/perpetua-regular.ttf') format('truetype'),
			 url('fonts/perpetua/perpetua-regular.svg#perpetuaregular') format('svg');
		font-weight: 500;
		font-style: normal;
	}

	@font-face {
		font-family: 'Perpetua';
		src: url('fonts/perpetua/perpetua-bold.eot');
		src: url('fonts/perpetua/perpetua-bold.eot?#iefix') format('embedded-opentype'),
			 url('fonts/perpetua/perpetua-bold.woff') format('woff'),
			 url('fonts/perpetua/perpetua-bold.ttf') format('truetype'),
			 url('fonts/perpetua/perpetua-bold.svg#OpenSansbold') format('svg');
		font-weight: 700;
		font-style: bold;
	}

	html,body{height: 100%;overflow: hidden;}

	body {font-size: 12px;font-family: '思源';}

/* Home */
h1.logo {position: absolute;left:10%;top:7%;z-index: 4;margin-top: -10px;}

nav.main_menu {position: absolute;z-index: 4;top:7%;right:50%;transform: translateX(50%);-ms-transform:translateX(50%);padding: 20px;margin-top: -20px;background-color: rgba(0,0,0,.001);}
nav.main_menu &gt; ul {white-space: nowrap;}
nav.main_menu &gt; ul &gt; li &gt; ul {display: none;position: absolute;background-color: rgba(0,0,0,.001);}
nav.main_menu &gt; ul &gt; li &gt; ul &gt; li {display: block;padding: 5px 0;background-color: rgba(255,255,255,0.15);margin-bottom: 5px;}
nav.main_menu &gt; ul &gt; li {margin-left: 90px;position: relative;cursor: pointer;}
nav.main_menu &gt; ul &gt; li.has_sub {background: url(images/icon/arrow-down.png) no-repeat right 8px;padding-right: 12px;}
nav.main_menu &gt; ul &gt; li:hover &gt; ul {display: block;padding: 20px 0;text-align: center;width: 150%;margin-left: -25%;}
nav.main_menu &gt; ul &gt; li:first-child {margin-left: 0;}
nav.main_menu li {display: inline-block;color: #fff;font-size: 16px;}
nav.main_menu li a {color:#fff;}

nav.account_menu {position: absolute;z-index: 4;top:7%;right:10%;padding: 20px;margin-top: -20px;margin-right: -20px;background-color: rgba(0,0,0,.001);}
nav.account_menu li {display: inline-block;color: #fff;font-size: 16px;margin-left: 13px;}
nav.account_menu li a {color:#fff;}

nav.side_menu {position: absolute;z-index: 4;top: 50%;transform: translateY(-50%);right: 0;padding: 20px 0 20px 20px;width:50px;height:150px;background-color: rgba(0,0,0,.001);}
nav.side_menu ul {position: relative;}
nav.side_menu li {display: block;position: absolute;background-color: #fff;width: 50px;height: 50px;left:0px;transition: width ease-out .5s,left ease-out .5s;transition-delay: .1s;z-index: 2;}
nav.side_menu li:hover {width: 170px;left: -120px;}
nav.side_menu li:nth-child(3):hover {width:inherit;left:inherit;}
nav.side_menu li:nth-child(3):hover &gt; a {background-position: 0 -150px;}
nav.side_menu li:nth-child(3):hover + div.sub {left: -150px;top:auto;bottom:-154px;}
nav.side_menu li:hover &gt; div.sub {display: block;}
nav.side_menu li:nth-child(1) {top:0;}
nav.side_menu li:nth-child(2) {top:52px;}
nav.side_menu li:nth-child(3) {top:104px;}
nav.side_menu li &gt; a {display: block;width: 50px;height: 50px;text-align: center;vertical-align: middle;background-image: url(images/icon/side-menu.png);background-repeat: no-repeat;position: absolute;}
nav.side_menu li:nth-child(1) &gt; a {background-position: 0 0;}
nav.side_menu li &gt; a div.sub {font-size: 16px;white-space: nowrap;padding-left: 50px;line-height: 50px;color: #000;}
nav.side_menu li:nth-child(2) &gt; a {background-position: 0 -50px;}
nav.side_menu li:nth-child(3) &gt; a {background-position: 0 -100px;}
nav.side_menu li + div.sub,
nav.side_menu li &gt; div.sub {position: absolute;left: 50px;line-height: 50px;font-size: 16px;white-space: nowrap;}
nav.side_menu li:nth-child(3) + div.sub {top: auto;bottom: -154px;width: 150px;transition:left ease-out .5s;z-index: 1;}

footer {font-size: 16px;}
	footer label.contact {color: #fff;position: absolute;bottom: 5.875%;left: 2.5%;z-index: 4;letter-spacing: 6px;text-transform: uppercase;cursor: pointer;}		
		footer label.contact span.underline {height: 2px;line-height: 2px;font-size: 0px;display: block;position:absolute;left:0;right:-22px;background-color: #fff;bottom: -6px;}
	footer div.contact {display: none;text-align:center;color:#242424;position: absolute;bottom: -75%;z-index: 5;background-color: #fff;left: 0;right: 0;transition: bottom ease-out .95s;min-height:300px;background-image: url(images/footer-embedded-text.png);background-repeat: no-repeat;background-position: center center;}
		footer div.contact h4 {font-size: 18px;padding:36px 0;text-transform: uppercase;}
		footer div.contact h5 {font-size: 16px;font-weight: normal;margin-bottom: 20px;}
		footer div.contact h6 {font-size: 16px;font-weight: normal;}

footer.sub {background-color: #1c1c1c;color: #fff;text-align: center;padding: 2.5em 0 4em;font-size: 12px;}
	footer.sub div.info {width: 330px;margin: 0 auto 10px;}
		footer.sub div.info &gt; .right {text-align: left;}
	footer.sub h4 {font-size: 18px;padding:21px 0 36px;text-transform: uppercase;font-style: italic;}
	footer.sub h5 {font-size: 16px;font-weight: normal;margin-bottom: 17px;}
	footer.sub h6 {font-size: 1.33em;font-weight: normal;}

/**** videoend */
#videoend {font-family: 'Perpetua';color:#fff;perspective: 3000px;height: 100%;background-image: url(images/videoend-bg.png);background-size:cover;display: none;position: absolute;z-index: 4;width: 100%;top:0;}
	#videoend &gt; h3 {font-weight: normal;font-size: 90px;text-transform: uppercase;position: absolute;top: 30%;text-align: center;width: 100%;transform-style: preserve-3d;transform: translateX(-0.36em);}
		#videoend &gt; h3 &gt; span {text-shadow: 1px 1px 1px rgba(0,0,0,.5), 1px 1px 1px rgba(0,255,0,.5), 1px 1px 1px rgba(255,0,0,.5), 2px 1px 2px rgba(0,0,255,1);position: absolute;}
	#videoend &gt; h4 {font-weight: bold;font-size: 130px;position: absolute;top: 30%;text-align: center;width: 100%;margin-top: 70px;}
		#videoend &gt; h4 &gt; span {color:#feebcb;display: inline-block;}
		#videoend &gt; h4 &gt; i {font-style: normal;position: absolute;}
	#videoend &gt; .entrance {position: absolute;width: 100%;top: 30%;margin-top: 207px;}
		#videoend &gt; .entrance a.logo {position: relative;display: block;width:129px;margin:0 auto;}
		#videoend &gt; .entrance img {margin:0 auto;}
			#videoend &gt; .entrance img.rope {margin-bottom: 10px;}
			#videoend &gt; .entrance img.logo + img.logo_hover {position: absolute;display: none;margin: 0 auto;top:0;left: 0;right: 0;transform: translate3d(0,0,30px);}
				#videoend &gt; .entrance a.logo:hover img.logo_hover {display: block;}

/**** Product - partner */
section.product_partner {height: 100%;overflow-y: scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
	section.product_partner &gt; .block_1 {background: #fe4326;}
	section.product_partner &gt; .block_1 .inner {  position: relative; }
		section.product_partner &gt; .block_1 .inner .logo {width: 36.15%;position: absolute;left: 10%; padding-top: 16%;}
		section.product_partner &gt; .block_1 .inner .illustration {width: 63.85%;float:right;}
	section.product_partner &gt; .block_2 {background: #ffffff;}
	section.product_partner &gt; .block_2 .inner { padding-bottom: 12.4%; }
		section.product_partner &gt; .block_2 .inner h3 {padding: 7.2% 0;}
			section.product_partner &gt; .block_2 .inner h3 img {margin:0 auto;width: 51.87%;}
		section.product_partner &gt; .block_2 .inner .customer {width: 71.35%;margin:0 auto;background: url(images/product/partner/customer.png) no-repeat;background-size: contain;}
			section.product_partner &gt; .block_2 .inner .customer .twins {width: 30%;float:left;margin-bottom: 1.3%;position: relative;}
			section.product_partner &gt; .block_2 .inner .customer .twins:hover .ther {display: block;}
			section.product_partner &gt; .block_2 .inner .customer .twins:nth-child(2n+0) {margin-left: 40%;}
				section.product_partner &gt; .block_2 .inner .customer .twins .ther {display: none;position: absolute;top:0;left:0;}
				section.product_partner &gt; .block_2 .inner .customer .twins img {width: 100%;}
	section.product_partner &gt; .block_3 {background: #f2f6fa;}
	section.product_partner &gt; .block_3 .inner { padding-bottom: 9.58%;}
		section.product_partner &gt; .block_3 .inner h3 {padding: 6.5% 0;}
			section.product_partner &gt; .block_3 .inner h3 img {margin:0 auto;width: 16.45%;}
		section.product_partner &gt; .block_3 .inner .advantages {width: 89%;margin:0 auto;}
		section.product_partner &gt; .block_3 .inner .advantages .card {width: 23.7%;float:left;margin-left: 1.7%;color: #262f3a;background-color: #fff;padding: 6.3% 0;border-radius: 1em; box-shadow:-1px 11px 22px 5px rgba(95,121,147,.56);position: relative;}
		section.product_partner &gt; .block_3 .inner .advantages .card:hover .back {display: block;}
			section.product_partner &gt; .block_3 .inner .advantages .card:first-child {margin-left: 0;}
			section.product_partner &gt; .block_3 .inner .advantages .card .front {text-align: center;color: #4e4e4e;}
				section.product_partner &gt; .block_3 .inner .advantages .card img {margin:0 auto;}
				section.product_partner &gt; .block_3 .inner .advantages .card h4 {font-size: 2.6em;padding: 1em 0;}
				section.product_partner &gt; .block_3 .inner .advantages .card h6 {font-size: 1.5em;font-weight: normal;}
			section.product_partner &gt; .block_3 .inner .advantages .card .back {position: absolute;left:0;right:0;top:0;bottom:0;margin: auto;background-color: #fe4326;text-align: center;color: #fff;border-radius: 1em;display: none;}
				section.product_partner &gt; .block_3 .inner .advantages .card h5 {font-size: 1.66em;line-height: 1.8em;padding: 0 1em;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);}
	section.product_partner &gt; .block_4 {background: #ffffff;}
	section.product_partner &gt; .block_4 .inner { padding-bottom: 9.06%;}
		section.product_partner &gt; .block_4 .inner h3 {padding: 6.5% 0;}
			section.product_partner &gt; .block_4 .inner h3 img {margin:0 auto;width: 14.89%;}
		section.product_partner &gt; .block_4 .inner .commitment {width: 53.28%;margin:0 auto;}
	section.product_partner &gt; .block_5 {background: #fe4326;}
	section.product_partner &gt; .block_5 .inner { padding: 4.79% 0;}
		section.product_partner &gt; .block_5 .inner .sale {width: 48.75%;margin:0 auto;}
	section.product_partner &gt; .block_6 {background: #f2f6fa;}
	section.product_partner &gt; .block_6 .inner { padding-bottom: 7.7%;position: relative;}
		section.product_partner &gt; .block_6 .inner h3 {padding: 4.16% 0;}
			section.product_partner &gt; .block_6 .inner h3 img {margin:0 auto;width: 20.83%;}
		section.product_partner &gt; .block_6 .inner &gt; .prev,
		section.product_partner &gt; .block_6 .inner &gt; .next {position: absolute;top: 50%;left:3%;cursor:pointer;}
		section.product_partner &gt; .block_6 .inner &gt; .prev.disabled,
		section.product_partner &gt; .block_6 .inner &gt; .next.disabled {opacity: .3;cursor: not-allowed;}
		section.product_partner &gt; .block_6 .inner &gt; .next {left:auto;right:3%;}	
		section.product_partner &gt; .block_6 .inner .events {width: 84%;margin:0 auto;position: relative;white-space: nowrap;}
			section.product_partner &gt; .block_6 .events .swiper-container {width: 83.64%;margin:0 auto;max-height: 38em;}
				section.product_partner &gt; .block_6 .events .swiper-container .swiper-wrapper{width: 100%;overflow: hidden;}
					section.product_partner &gt; .block_6 .swiper-container .swiper-slide{box-sizing: border-box;}
						section.product_partner &gt; .block_6 .inner .events .block {width: 31%;/*float:left;*/margin-left: 3.5%;color: #262f3a;background-color: #fff;display: inline-block;}
							section.product_partner &gt; .block_6 .inner .events .block a {color: #262f3a;}
							section.product_partner &gt; .block_6 .inner .events .block:first-child {margin-left: 0;}
							section.product_partner &gt; .block_6 .inner .events .block img {width: 100%;height: 15vw;}
							section.product_partner &gt; .block_6 .inner .events .block h4 {font-size: 1.5em;padding: 2em;font-weight: normal; height: 3em;overflow: hidden;white-space: normal;}
							section.product_partner &gt; .block_6 .inner .events .block h6 {font-size: 1em;text-align: right;padding: 0 1.6em 1.6em;color: #6b6b6b;font-weight: normal;font-style: italic;}
			section.product_partner &gt; .block_6 .events .swiper-button-next,section.product_partner &gt; .block_6 .events .swiper-button-prev{position: absolute;top: 15em;width: 2.7em;height: 4.7em;cursor: pointer;}
			section.product_partner &gt; .block_6 .events .swiper-button-next{background: url(images/product/partner/next_btn.png) no-repeat;right: 3.38%;}
			section.product_partner &gt; .block_6 .events .swiper-button-prev{background: url(images/product/partner/pre_btn.png) no-repeat;left: 3.38%;}
			section.product_partner &gt; .block_6 .events .swiper-pagination .swiper-pagination-switch{display: inline-block;width: 0.8em;height: 0.8em;margin:0 0.2em;background:#ddd;border-radius: 100%;}
			section.product_partner &gt; .block_6 .events .swiper-pagination .swiper-active-switch{background: #eb611e;}
		
	section.product_partner &gt; .block_7 {background: #ffffff;}
	section.product_partner &gt; .block_7 .inner { padding-bottom: 5.1%;}
		section.product_partner &gt; .block_7 .inner h3 {padding: 5.41% 0;}
			section.product_partner &gt; .block_7 .inner h3 img {margin:0 auto;width: 16.4%;}
		section.product_partner &gt; .block_7 .inner .coorperation_progress {width: 66.51%;margin:0 auto 5.41%;}
		section.product_partner &gt; .block_7 .inner form {width: 42%;margin:0 auto;}
			section.product_partner &gt; .block_7 .inner form fieldset {margin-bottom: 1%;}
			section.product_partner &gt; .block_7 .inner form label {width: 15%;height: 5em;float: left;max-width: 107px;   background-position: left center;background-repeat: no-repeat;background-size: contain;}
			section.product_partner &gt; .block_7 .inner form label.name {background-image: url(images/product/partner/form-label-name.png);}
			section.product_partner &gt; .block_7 .inner form label.tel {background-image: url(images/product/partner/form-label-tel.png);}
			section.product_partner &gt; .block_7 .inner form label.companyname {background-image: url(images/product/partner/form-label-companyname.png);}
			section.product_partner &gt; .block_7 .inner form label.address {background-image: url(images/product/partner/form-label-address.png);}
			section.product_partner &gt; .block_7 .inner form input[type='text'],
			section.product_partner &gt; .block_7 .inner form select.select2 + span.select2 {background-color: #f2f6fa;border: 0;height: 4em;padding: 0 1em;width: 80%!important;float: right;box-sizing: border-box;margin: 1% 0;font-weight: bold;}
				section.product_partner &gt; .block_7 .inner form select.select2 + span.select2 .select2-selection--single {background-color: transparent;border: 0;}
				section.product_partner &gt; .block_7 .inner form select.select2 + span.select2 .select2-selection--single {height: 4em;}
					section.product_partner &gt; .block_7 .inner form select.select2 + span.select2 .select2-selection--single .select2-selection__rendered {line-height: 4em;}
					section.product_partner &gt; .block_7 .inner form select.select2 + span.select2 .select2-selection--single .select2-selection__arrow {height: 4em;}
			section.product_partner &gt; .block_7 .inner form div.submit {padding-top: 4.21%;}
				section.product_partner &gt; .block_7 .inner form div.submit button[type='submit'] {font-size: 1.5em;border:0;background-color: #fe4326;height: 3.1em;line-height: 3.1em;text-align: center;font-size: 2.1em;color: #fff;width: 55%;display: block;margin: 0 auto;}
	section.product_partner &gt; .block_8 {background: #f2f6fa;}
	section.product_partner &gt; .block_8 .inner { padding-bottom: 6.87%;}
		section.product_partner &gt; .block_8 .inner h3 {padding: 4.16% 0;}
			section.product_partner &gt; .block_8 .inner h3 img {margin:0 auto;width: 27.65%;}
		/*section.product_partner &gt; .block_8 .inner .map {width: 45.72%;margin:0 auto 5.41%;}*/
		section.product_partner &gt; .block_8 .inner .map {width: 65.72%;height:60em;margin:0 auto;position: relative;}
			section.product_partner &gt; .block_8 .inner .map .city-layer{position: relative;display: table-cell;font-size: 1.5em;text-align: left;font:unset;}
			section.product_partner &gt; .block_8 .inner .map .city-layer .content{position: relative;width: 100%;height: 100%;margin:0 auto;border: 2px solid #fff;color: #fff;padding:4.7%;box-sizing: border-box;}
			section.product_partner &gt; .block_8 .inner .map .city-layer .up-area{position: relative;margin-bottom: 2.5%;}
			section.product_partner &gt; .block_8 .inner .map .city-layer .up-area img{display: inline-block;width: 23.8%;vertical-align: middle;}
			section.product_partner &gt; .block_8 .inner .map .city-layer .up-area .location{display: inline-block;padding-left: 2%;vertical-align: middle; }
			section.product_partner &gt; .block_8 .inner .map .city-layer .up-area .location i {line-height: 1;font-size: 28px;vertical-align: middle;}
			section.product_partner &gt; .block_8 .inner .map .city-layer .up-area .name{color: #fe4326;margin-bottom: 6px;}
			section.product_partner &gt; .block_8 .inner .map .city-layer .info-txt{line-height: 1.8;width: 100%;word-break: break-all;word-wrap: break-word;white-space:normal;}

/**** Product - yxj */
section.product_yxj {height: 100%;overflow-y: scroll;overflow-x: hidden;}
	section.product_yxj &gt; .block_1 {
		background: #36b3ad;
		background: -moz-linear-gradient(81deg, #36b3ad 0%, #4a95ce 100%);
		background: -webkit-linear-gradient(81deg, #36b3ad 0%,#4a95ce 100%);
		background: linear-gradient(81deg, #36b3ad 0%,#4a95ce 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36b3ad', endColorstr='#4a95ce',GradientType=1 );
	}
	section.product_yxj &gt; .block_1 .inner {padding-top: 16%;}
		section.product_yxj &gt; .block_1 .inner .left {padding-left: 18%;width: 30%;}
			section.product_yxj &gt; .block_1 .inner .left .logo {margin: 0 auto 5%;}
		section.product_yxj &gt; .block_1 .inner .right {padding-right: 11%;width: 35%;position: relative;transform: translateY(-19%);}
			section.product_yxj &gt; .block_1 .inner .right .relation {position: absolute;top: 10%;left: -9%;width: 75%;}
	section.product_yxj &gt; .block_2 {
		background: #f2f6fa;
	}
	section.product_yxj &gt; .block_2 .inner {padding-top: 3%;padding-bottom: 4%;}
		section.product_yxj &gt; .block_2 .inner .left {padding-left: 14%;width: 36%;}
		section.product_yxj &gt; .block_2 .inner .right {padding-right: 17%;width: 31%;position: relative;transform: translateY(62%);}
			section.product_yxj &gt; .block_2 .inner .right img {margin-bottom: 3%;}
	section.product_yxj &gt; .block_3 {
		background: #ffffff;
	}
	section.product_yxj &gt; .block_3 .inner {padding-top: 3%;padding-bottom: 4%;}
		section.product_yxj &gt; .block_3 .inner h3 {margin-bottom: 6%;}
			section.product_yxj &gt; .block_3 .inner h3 img {margin:0 auto;}
		section.product_yxj &gt; .block_3 .inner .left {padding-left: 8%;width: 32%;}
		section.product_yxj &gt; .block_3 .inner .right {padding-right: 6%;padding-left: 0%;width: 54%;position: relative;}
			section.product_yxj &gt; .block_3 .inner .right img.content {margin-bottom: 3%;}
	section.product_yxj &gt; .block_4 {
		background: #36b3ad;
		background: -moz-linear-gradient(81deg, #36b3ad 0%, #4a95ce 100%);
		background: -webkit-linear-gradient(81deg, #36b3ad 0%,#4a95ce 100%);
		background: linear-gradient(81deg, #36b3ad 0%,#4a95ce 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36b3ad', endColorstr='#4a95ce',GradientType=1 );
	}
	section.product_yxj &gt; .block_4 .inner {padding-top: 4%;padding-bottom: 8%;position: relative;}
		section.product_yxj &gt; .block_4 .inner #quotes img {margin:0 auto;max-width: 83%;}
		section.product_yxj &gt; .block_4 .inner .brands {margin:8% auto 0;width: 78.5%;}
		section.product_yxj &gt; .block_4 .inner canvas {position: absolute;bottom: 0;opacity: .5;}
	section.product_yxj &gt; .block_5 {
		background: #ffffff;
	}
	section.product_yxj &gt; .block_5 .inner {padding-top: 8%;}
		section.product_yxj &gt; .block_5 .inner .left {width: 60%;}
			section.product_yxj &gt; .block_5 .inner .left .rocket {width: 100%;}
		section.product_yxj &gt; .block_5 .inner .right {padding-right: 5%;width: 35%;position: relative;}
		section.product_yxj &gt; .block_5 .inner .right h3 {font-size: 3.66em;margin-bottom: 14.5%;}
		section.product_yxj &gt; .block_5 .inner form {width: 120%;margin-left: -26%;}
			section.product_yxj &gt; .block_5 .inner form fieldset {margin-bottom: 1%;}
			section.product_yxj &gt; .block_5 .inner form label {width: 15%;height: 5em;float: left;max-width: 107px;   background-position: left center;background-repeat: no-repeat;background-size: contain;}
			section.product_yxj &gt; .block_5 .inner form label.name {background-image: url(images/product/yxj/form-label-name.png);}
			section.product_yxj &gt; .block_5 .inner form label.tel {background-image: url(images/product/yxj/form-label-tel.png);}
			section.product_yxj &gt; .block_5 .inner form label.textarea {background-image: url(images/product/yxj/form-label-textarea.png);}
			section.product_yxj &gt; .block_5 .inner form input[type='text'] {background-color: #f2f6fa;border: 0;height: 4em;padding: 0 1em;width: 80%;float: right;box-sizing: border-box;margin: 1% 0;font-weight: bold;}
			section.product_yxj &gt; .block_5 .inner form textarea {background-color: #f2f6fa;border: 0;height: 20em;padding: 1em;width: 80%;float: right;box-sizing: border-box;margin: 1% 0;font-weight: bold;}
			section.product_yxj &gt; .block_5 .inner form div.submit {width: 80%;float: right;}
				section.product_yxj &gt; .block_5 .inner form div.submit button[type='submit'] {border:0;background-color: #4799c9;height: 3.1em;line-height: 3.1em;text-align: center;font-size: 1.6em;color: #fff;width: 11em;}
				section.product_yxj &gt; .block_5 .inner form div.submit h6 {color:#262f3a;font-size: 1.5em;font-weight: normal;margin-top: 5.5%;}

section.product_yxj &gt; .block_1 .inner .right .relation {animation-duration: 2.5s;}
	section.product_yxj &gt; .block_1 .inner .right .relation {
		visibility: hidden;
		animation-name: product_yxj_relation;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;   
		animation-direction: alternate-reverse;
		animation-play-state: running;
		animation-fill-mode: forwards;
	}
	@keyframes product_yxj_relation {
		0% {
			visibility: visible;
			transform: translateY(0);
		}
		100% {
			visibility: visible;
			transform: translateY(10%);
		}
	}

#videoend &gt; h3 &gt; span {animation-duration: 1.25s;}
	#videoend &gt; h4 &gt; span {animation-delay:1.75s;animation-duration: 2.25s;}
	#videoend &gt; h4 &gt; i {animation-delay:2s;animation-duration: 1.25s;}
	#videoend &gt; .entrance &gt; img.rope {animation-delay:2.25s;animation-duration: 0.5s;}
	#videoend &gt; .entrance img.logo {animation-delay:2.75s;animation-duration: 2s;}
	#videoend &gt; .entrance img.logo_hover {animation-duration: .15s;}

	#videoend &gt; h3 &gt; span {
		visibility: hidden;
		animation-name: videoend_main_title;
		animation-timing-function: cubic-bezier(0, 0.5, 0.75, 0);
		animation-iteration-count: 1;   
		animation-direction: alternate;
		animation-play-state: running;
		animation-fill-mode: forwards;
	}
	@keyframes videoend_main_title {
		0% {
			visibility: visible;
			transform: translate3d(-50%,160px,3000px) rotate3d(1,0,0,0deg);
		}
		100% {
			visibility: visible;
			transform: translate3d(-50%,0px,30px) rotate3d(1,0,0,360deg);
		}
	}

	html.lte9 #videoend &gt; h4 &gt; span i.hidden {display: none;}
	html.lte9 #videoend &gt; h4 &gt; span {visibility: visible;}
	#videoend &gt; h4 &gt; span {
		visibility: hidden;
		animation-name: videoend_sub_title_span;
		animation-timing-function: cubic-bezier(0, 0.5, 0.75, 1.25);
		animation-iteration-count: 1;   
		animation-direction: normal;
		animation-play-state: running;
		animation-fill-mode: forwards;
	}
	@keyframes videoend_sub_title_span {
		0% {
			visibility: visible;
			transform: translate3d(0px,0px,30px);
			opacity: 0;
		}
		100% {
			visibility: visible;
			transform: translate3d(0px,0px,30px);
			opacity: 1;
		}
	}

	html.lte9 #videoend &gt; h4 &gt; i {visibility: visible;position: static;}
	#videoend &gt; h4 &gt; i {
		visibility: hidden;
		animation-name: videoend_sub_title_i;
		animation-timing-function: cubic-bezier(0.000, 0.975, 0.475, 0.990);
		animation-iteration-count: 1;   
		animation-direction: normal;
		animation-play-state: running;
		animation-fill-mode: forwards;
	}
	@keyframes videoend_sub_title_i {
		0% {
			visibility: visible;
			transform: translate3d(100%,0px,30px);
		}
		100% {
			visibility: visible;
			transform: translate3d(-100%,0px,30px);
		}
	}

	html.lte9 #videoend &gt; .entrance &gt; img.rope {visibility: visible;}
	#videoend &gt; .entrance &gt; img.rope {
		visibility: hidden;
		animation-name: videoend_entrance_rope;
		animation-timing-function: cubic-bezier(0.000, 0.975, 0.475, 0.990);
		animation-iteration-count: 1;   
		animation-direction: normal;
		animation-play-state: running;
		animation-fill-mode: forwards;
	}
	@keyframes videoend_entrance_rope {
		0% {
			visibility: visible;
			transform: scale3d(1,0,1) translate3d(0,-100%,0);
		}
		100% {
			visibility: visible;
			transform: scale3d(1,1,1) translate3d(0,0,0);
		}
	}

	html.lte9 #videoend &gt; .entrance img.logo {visibility: visible;}
	#videoend &gt; .entrance img.logo {
		visibility: hidden;
		animation-name: videoend_entrance_logo;
		animation-timing-function: ease-out;
		animation-iteration-count: 1;   
		animation-direction: normal;
		animation-play-state: running;
		animation-fill-mode: forwards;
	}
	@keyframes videoend_entrance_logo {
		0% {
			visibility: visible;
			transform: translate3d(0,-30%,30px) rotate3d(0,0,1,0deg);
		}
		30% {
			visibility: visible;
			transform: translate3d(0,0%,30px) rotate3d(0,0,1,0deg);
		}
		45% {
			visibility: visible;
			transform: translate3d(0,-15%,30px) rotate3d(0,0,1,5deg);
		}
		60% {
			visibility: visible;
			transform: translate3d(0,0%,30px) rotate3d(0,0,1,0deg);
		}
		71% {
			visibility: visible;
			transform: translate3d(0,-11.33%,30px) rotate3d(0,0,1,-3.13deg);
		}
		81% {
			visibility: visible;
			transform: translate3d(0,-3.33%,30px) rotate3d(0,0,1,0deg);
		}
		84% {
			visibility: visible;
			transform: translate3d(0,-1.13%,30px) rotate3d(0,0,1,0deg);
		}
		86% {
			visibility: visible;
			transform: translate3d(0,-0.43%,30px) rotate3d(0,0,1,0deg);
		}
		89% {
			visibility: visible;
			transform: translate3d(0,-0.17%,30px) rotate3d(0,0,1,0deg);
		}
		100% {
			visibility: visible;
			transform: translate3d(0,0%,30px) rotate3d(0,0,1,0deg);
		}
	}

	#videoend &gt; .entrance img.logo_hover {
		visibility: hidden;
		animation-name: videoend_entrance_logo_hover;
		animation-timing-function: cubic-bezier(0.000, 0.975, 1.475, 0.990);
		animation-iteration-count: 1;   
		animation-direction: normal;
		animation-play-state: running;
		animation-fill-mode: forwards;
	}
	@keyframes videoend_entrance_logo_hover {
		0% {
			visibility: visible;
			transform: scale3d(1.66,1.66,1.66) translate3d(0,0%,30px);
		}
		100% {
			visibility: visible;
			transform: scale3d(1,1,1) translate3d(0,0%,30px);
		}
	}

footer label.contact span.underline {animation-duration: 2s;}
	footer label.contact span.underline {
		visibility: hidden;
		animation-name: footer_contact_underline;
		animation-timing-function: linear;
		animation-iteration-count: infinite;   
		animation-direction: alternate-reverse;
		animation-play-state: running;
		animation-fill-mode: forwards;
	}
	@keyframes footer_contact_underline {
		0% {
			visibility: visible;
			right:0;
		}
		100% {
			visibility: visible;
			right:-22px;
		}
	}

/* Large Device */
@media screen and (min-width: 1921px) {



}

/* Mobile Device */
@media screen and (max-width: 1023px) {

.nonemobile {display: none;}
.showmobile {display: block;}

html,body {position: fixed;width: 100%;}
body {font-family: -apple-system-body,system-ui,'思源'}

nav.main_menu {top: 3%;right: 0%;transform: none;-ms-transform:none;padding:0;margin-top:-.66em;margin-right: 8em;}
nav.main_menu &gt; div.switcher {position: absolute;transform: scale(.75);z-index: 2;width: 10em;height: 3em;border-bottom: 1px solid transparent;padding-bottom: 1em;margin-left: -3em;margin-top: .5em;}
nav.main_menu &gt; div.switcher &gt; span {display: block;width: 3em;height: 1em;margin-left: 3.5em;}
nav.main_menu &gt; div.switcher &gt; span:nth-child(1) {border-top: 3px solid #fff;border-bottom: 2px solid #fff;}
nav.main_menu &gt; div.switcher &gt; span:nth-child(2) {border-top: 1px solid #fff;border-bottom: 3px solid #fff;}
nav.main_menu &gt; input.switcher {position: absolute;transform: scale(.75);z-index: 3;width: 10em;height: 3em;   margin-left: -3em;margin-top: .5em; opacity: 0.001;}
nav.main_menu &gt; input.switcher:checked + ul {display: block;}
nav.main_menu &gt; input.switcher:checked + ul + div.switcher {border-bottom: 1px solid #d4d4d4;}
nav.main_menu &gt; input.switcher:checked + ul + div.switcher &gt; span {border-color:#000;}
nav.main_menu &gt; ul {display: none;position: absolute;background-color: #fff;z-index: 1;padding-top: 4em;width: 10em;margin-left: -3em;text-align: center;}
nav.main_menu &gt; ul &gt; li {margin-left: auto;margin: 1em auto;	border-bottom: 1px solid transparent;}
nav.main_menu &gt; ul &gt; li:first-child {margin-left: auto;}
nav.main_menu &gt; ul &gt; li.has_sub {background: url(images/icon/arrow-left-dark.png) no-repeat left center;padding-left: 12px;}
nav.main_menu &gt; ul &gt; li:hover {border-bottom: 1px solid #000;}
nav.main_menu &gt; ul &gt; li:hover &gt; ul {padding:1em 0;width: auto;background-color: rgba(0,0,0,0.7);margin-left: 0;margin-top: -1em;box-shadow: 0 0 10px 2px rgba(255,255,255,0.3)}
nav.main_menu &gt; ul &gt; li &gt; ul {right: 6.5em;top: 0;}
nav.main_menu &gt; ul &gt; li &gt; ul &gt; li {margin-bottom: 0;background-color:transparent;width: 7.5em;height: 2.5em;line-height: 2.5em;padding:0;}
nav.main_menu &gt; ul &gt; li &gt; ul &gt; li a {color: #fff;}
nav.main_menu li {height: 3em;line-height: 3em;display: block;color: #000;width: 4em;}
nav.main_menu li a {color: #000;}
nav.side_menu,
nav.account_menu {display: none;}
	nav.main_menu &gt; ul &gt; li:nth-child(5) &gt; ul &gt; li {margin-bottom: 0;background-color:transparent;width: 10.5em;height: 2.5em;line-height: 2.5em;padding:0;}


h1.logo {transform: scale(.75);left:4%;top: 4%;}

footer {font-size: 12px;}
	footer label.contact {transform: rotateZ(-90deg) scale(.75);bottom: 3%;left: 97%;transform-origin: left bottom;}
	footer div.contact {min-height:20em;}
		footer div.contact h5,
		footer div.contact h6 {font-size: 1em;}
		footer div.contact h6 {margin-bottom: 1.6em; }

footer.sub {padding: 2.5em 0;}

/**** videoend */
#videoend {}
	#videoend &gt; h3 {font-size: 3em;transform: translateX(-0.3em);}
	#videoend &gt; h4 {font-size: 3.99em;margin-top: 0.67em;}
	#videoend &gt; .entrance {margin-top: 4.33em;}
		#videoend &gt; .entrance a.logo {width:2.66em;transform: translateY(-100%);}
			#videoend &gt; .entrance img.rope {margin-bottom: .2em;}

	@keyframes videoend_entrance_rope {
		0% {
			visibility: visible;
			transform: scale3d(1,0,1) translate3d(0,-100%,0);
		}
		100% {
			visibility: visible;
			transform: scale3d(1,.5,1) translate3d(0,0,0);
		}
	}

/**** Product - partner */
section.product_partner::-webkit-scrollbar {width: 0px;}
	section.product_partner &gt; .block_1 .inner {padding-top: 23%;padding-bottom: 13%;}
		section.product_partner &gt; .block_1 .inner .logo {width: 53.86%;position: static;margin: 0 auto;padding: 0;}
		section.product_partner &gt; .block_1 .inner .illustration {float: none;margin: 0 auto;padding-top: 4%;}
	section.product_partner &gt; .block_2 .inner { padding-bottom: 12.4%; }
		section.product_partner &gt; .block_2 .inner h3 {padding: 9.6% 0 8.2%;}
			section.product_partner &gt; .block_2 .inner h3 img {width: 58.26%;}
		section.product_partner &gt; .block_2 .inner .customer {width: 92%;}
	section.product_partner &gt; .block_3 .inner {padding-bottom: 12.8%;}
		section.product_partner &gt; .block_3 .inner h3 {padding: 10.2% 0;}
			section.product_partner &gt; .block_3 .inner h3 img {width: 41.2%;}
		section.product_partner &gt; .block_3 .inner .advantages {width: 72.8%;}
			section.product_partner &gt; .block_3 .inner .advantages .card {width: 47.71%;margin-left: 3.5%;margin-bottom: 7.5%;padding: 12.9% 0;box-shadow: -1px 11px 22px 1px rgba(95,121,147,.56);}
			section.product_partner &gt; .block_3 .inner .advantages .card:nth-child(2n+1) {margin-left: 0;}
				section.product_partner &gt; .block_3 .inner .advantages .card img {width: 27.06%;}
				section.product_partner &gt; .block_3 .inner .advantages .card h4 {font-size: 1.7em;padding: 0.7em 0;}
				section.product_partner &gt; .block_3 .inner .advantages .card h6 {font-size: 1.1em;}
				section.product_partner &gt; .block_3 .inner .advantages .card h5 {font-size: 1.3em;}
	section.product_partner &gt; .block_4 .inner {padding-bottom: 12%;}
		section.product_partner &gt; .block_4 .inner h3 {padding: 11.3% 0 9.2%;}
			section.product_partner &gt; .block_4 .inner h3 img {width: 38.4%;}
		section.product_partner &gt; .block_4 .inner .commitment {width: 72.13%;}
	section.product_partner &gt; .block_5 .inner {}
		section.product_partner &gt; .block_5 .inner .sale {width: 81.33%;}
	section.product_partner &gt; .block_6 .inner {padding-bottom: 0;}
		section.product_partner &gt; .block_6 .inner h3 {padding-top: 6.5%;padding-bottom: 9.46%; }
			section.product_partner &gt; .block_6 .inner h3 img {width: 48%;}
		section.product_partner &gt; .block_6 .inner .events {width: 100%;}
			section.product_partner &gt; .block_6 .events .swiper-pagination {text-align: center;padding-bottom: 3%;}
			section.product_partner &gt; .block_6 .events .swiper-container {width: 100%;padding: 0 0 78% 0;height: 0;}
				section.product_partner &gt; .block_6 .events .swiper-container .swiper-slide {padding: 0;}
			section.product_partner &gt; .block_6 .inner .events .block {width: 100%;margin:0;background-color: #f2f6fa;float: left;}
				section.product_partner &gt; .block_6 .inner .events .block a {display: flex;flex-direction: column;}
				section.product_partner &gt; .block_6 .inner .events .block img {height: auto;max-height: 57vw;overflow: hidden;}
				section.product_partner &gt; .block_6 .inner .events .block h4 {order: 2;padding: .25em 4em 2em;}
				section.product_partner &gt; .block_6 .inner .events .block h6 {font-size: 1.5em;font-style: normal;padding: 2em 4em 0;text-align: left;}
	section.product_partner &gt; .block_7 .inner {}
		section.product_partner &gt; .block_7 .inner h3 {padding-top: 14.66%;padding-bottom: 7.86%;}
			section.product_partner &gt; .block_7 .inner h3 img {width: 40.6%;}
		section.product_partner &gt; .block_7 .inner .coorperation_progress {width: 14.13%;margin:0 auto 5.41% 12.13%;float: left;}
		section.product_partner &gt; .block_7 .inner form {width: 58.5%;margin-right: 7.86%;margin-top: 3%;}
			section.product_partner &gt; .block_7 .inner form fieldset {margin-bottom: 2%;}
			section.product_partner &gt; .block_7 .inner form label {width: 20%;}
			section.product_partner &gt; .block_7 .inner form input[type='text'],
			section.product_partner &gt; .block_7 .inner form select.select2 + span.select2 {width: 73%!important;}
			section.product_partner &gt; .block_7 .inner form div.submit {padding-top: 8.21%;}
				section.product_partner &gt; .block_7 .inner form div.submit button[type='submit'] {height: 3em;line-height: 3em;font-size: 1.5em;}
	section.product_partner &gt; .block_8 .inner {}
		section.product_partner &gt; .block_8 .inner h3 {padding: 6.13% 0;}
			section.product_partner &gt; .block_8 .inner h3 img {width: 64.9%;}
		section.product_partner &gt; .block_8 .inner .map {height:36em;}
			section.product_partner &gt; .block_8 .inner .map .city-layer {display:block;width: 100%!important;height: 100%!important;}

/**** Product - yxj */	
section.product_yxj::-webkit-scrollbar {width: 0px;}
	section.product_yxj &gt; .block_1 .inner {padding-top: 23%;padding-bottom: 13%;}
		section.product_yxj &gt; .block_1 .inner .left {float: none;width: 100%;padding: 0;}
			section.product_yxj &gt; .block_1 .inner .left .logo {width: 43%;margin-bottom: 3.5%;}
			section.product_yxj &gt; .block_1 .inner .left .advantages {margin:0 auto;width: 76%;}
		section.product_yxj &gt; .block_1 .inner .right {float: none;padding: 0;width: 100%;transform: none;margin-top: 10%;}
			section.product_yxj &gt; .block_1 .inner .right .relation_background {margin:0 auto;width: 77%;}
			section.product_yxj &gt; .block_1 .inner .right .relation {top: 0;left: 0;right: 0;margin: auto;width: 62%;}
	section.product_yxj &gt; .block_2 .inner {display: flex;flex-direction: column;padding-top: 11%;padding-bottom: 14%;}
		section.product_yxj &gt; .block_2 .inner .left {padding:0;width: 100%;order: 2;}
			section.product_yxj &gt; .block_2 .inner .left .screenshot {width: 67%;margin: 0 auto;}
		section.product_yxj &gt; .block_2 .inner .right {padding:0;width: 100%;transform: none;order: 1;margin-bottom: 5%;}
			section.product_yxj &gt; .block_2 .inner .right img {margin:0 auto;margin-bottom: 3%;}
				section.product_yxj &gt; .block_2 .inner .right img.title {width: 70%;}
				section.product_yxj &gt; .block_2 .inner .right img.subtitle {width: 30%;}
				section.product_yxj &gt; .block_2 .inner .right img.function {width: 28%;}
			section.product_yxj &gt; .block_2 .inner .right .function_link {width: 54%;}
	section.product_yxj &gt; .block_3 .inner {padding-top: 14%;padding-bottom: 15%;display: flex;flex-direction: column;}
		section.product_yxj &gt; .block_3 .inner h3 {width: 71%;margin:0 auto;margin-bottom: 8%;}
		section.product_yxj &gt; .block_3 .inner .left {order:3;width: 100%;padding: 0;margin-top: 8%;}
			section.product_yxj &gt; .block_3 .inner .left .franchiser_illustration {margin: 0 auto;width: 71%;}
		section.product_yxj &gt; .block_3 .inner .right {width: 100%;padding: 0;}
			section.product_yxj &gt; .block_3 .inner .right img {margin:0 auto;margin-bottom: 3%;}
				section.product_yxj &gt; .block_3 .inner .right img.title {width: 30%;}
				section.product_yxj &gt; .block_3 .inner .right img.content {width: 65%;}
	section.product_yxj &gt; .block_4 .inner {padding-top: 10%;}
		section.product_yxj &gt; .block_4 .inner .brands {width: 81%;}
		section.product_yxj &gt; .block_4 .inner #quotes img {max-width: 89%;}
	section.product_yxj &gt; .block_5 .inner {padding-bottom: 8%;padding-top: 6%;}
		section.product_yxj &gt; .block_5 .inner .left {display: none;}
		section.product_yxj &gt; .block_5 .inner .right {width: 100%;padding: 0;}
			section.product_yxj &gt; .block_5 .inner .right h3 {text-align: center;font-size: 3.5em;margin-bottom: 6%;color: #262f3a;}
			section.product_yxj &gt; .block_5 .inner form {width: 80%;margin:0 auto;}
				section.product_yxj &gt; .block_5 .inner form input[type='text'] {height: 3em;}
				section.product_yxj &gt; .block_5 .inner form input[type='text'],
				section.product_yxj &gt; .block_5 .inner form textarea {font-size:1.5em;font-weight: bold;color: #262f3a;}
				section.product_yxj &gt; .block_5 .inner form textarea {height: 12em;}
				section.product_yxj &gt; .block_5 .inner form label {width: 13%;background-size: contain;}
				section.product_yxj &gt; .block_5 .inner form div.submit {width: 100%;text-align: center;}

}

@media (max-width: 768px){
	section.product_partner &gt; .block_3 .inner .advantages {width: 88%;}
	section.product_partner &gt; .block_3 .inner .advantages .card h4 {font-size: 14px;}
	section.product_partner &gt; .block_3 .inner .advantages .card h6 {font-size: 12px;  }
	section.product_partner &gt; .block_6 .inner .events .block h6 {font-size: 12px;padding-top: 15px;}
	section.product_partner &gt; .block_6 .inner .events .block h4 {font-size: 13px;}
}

@media screen and (max-width: 640px) {

	section.product_partner {font-size: 6px;}
	section.product_yxj {font-size: 6px;}
	footer.sub h6 {font-size: 1em;}

}

@media screen and (min-resolution: 288dpi) and (min-width: 361px) and (min-resolution: 3dppx) {

  /*body{display: none;}*/

}

/*城市合伙人,导师合伙人样式*/
.city_partner .block_0,.teacher_partner .block_0,.teacher_partner .block_9,section.teacher_partner &gt;  .block_4,section.teacher_partner &gt;  .block_6,section.teacher_partner &gt;  .block_8{
	background: #f2f6fa;
}
section.teacher_partner &gt;  .block_3,section.teacher_partner &gt;  .block_5{
	background-color: #fff;
}
section.city_partner &gt; .block_1,section.teacher_partner &gt; .block_1 {
	background: none;
	position: relative;
}
section.city_partner &gt; .block_1 .banner,section.teacher_partner &gt; .block_1 .banner{
	width: 100%;
}
section.city_partner &gt; .block_1 .inner,section.teacher_partner &gt; .block_1 .inner{
	padding: 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}
section.city_partner &gt; .block_1 .inner .illustration-img,section.teacher_partner &gt; .block_1 .inner .illustration-img{
	margin: 28% auto 0;
	width: 70.13%;
}
section.teacher_partner &gt; .block_1 .inner .illustration-img{
	width: 56.13%;
}
section.city_partner &gt; .block_1 .inner .btn-img,section.teacher_partner &gt; .block_1 .inner .btn-img{
	display:block;
	width: 38.8%;
	margin: 7% auto 0;
}
section.city_partner &gt; .block_0 .inner ,section.teacher_partner &gt; .block_0 .inner {
	padding-bottom: 12.4%;
}
section.city_partner &gt; .block_0 .inner h3,section.teacher_partner &gt; .block_0 .inner h3 {
	padding: 9.6% 0 8.2%;
}
section.city_partner &gt; .block_0 .inner h3 img,section.teacher_partner &gt; .block_0 .inner h3 img {
	margin: 0 auto;
	width:45.6%;
}
section.city_partner &gt; .block_0 .inner .partner-tree-img,section.teacher_partner &gt; .block_0 .inner .partner-tree-img{
	margin: 0 auto 7.2%;
	width:81.33%;
}
section.city_partner &gt; .block_0 .inner .partner-relation-img,section.teacher_partner &gt; .block_0 .inner .partner-relation-img{
	margin: 0 auto;
	width:78.93%;
}
section.city_partner &gt; .block_3 .inner .advantages .card .back{
	background-color: #305ac2;
}
section.teacher_partner &gt; .block_3 .inner .advantages .card .back{
	background-color: #ff6c13;
}
section.city_partner &gt; .block_7 .inner form label.name {background-image: url(images/product/partner/city/form-label-name.png);}
section.city_partner &gt; .block_7 .inner form label.tel {background-image: url(images/product/partner/city/form-label-tel.png);}
section.city_partner &gt; .block_7 .inner form label.companyname {background-image: url(images/product/partner/city/form-label-companyname.png);}
section.city_partner &gt; .block_7 .inner form label.address {background-image: url(images/product/partner/city/form-label-address.png);}
section.city_partner &gt; .block_7 .inner form div.submit button[type='submit'] {
	background-color: #305ac2;
}
section.teacher_partner &gt; .block_7 .inner form label.name {background-image: url(images/product/partner/teacher/form-label-name.png);}
section.teacher_partner &gt; .block_7 .inner form label.tel {background-image: url(images/product/partner/teacher/form-label-tel.png);}
section.teacher_partner &gt; .block_7 .inner form label.companyname {background-image: url(images/product/partner/teacher/form-label-companyname.png);}
section.teacher_partner &gt; .block_7 .inner form label.address {background-image: url(images/product/partner/teacher/form-label-address.png);}
section.teacher_partner &gt; .block_7 .inner form div.submit button[type='submit'] {
	background-color: #ff6c13;
}
@media screen and (max-width: 1023px){
	section.city_partner &gt; .block_7 .inner .coorperation_progress {
		width: 15%;
		margin: 0 auto 5.41% 7.86%;
	}
	section.city_partner &gt; .block_7 .inner form {
		width: 64%;
	}
	section.teacher_partner &gt; .block_6 .inner h3 {
		background: #fff;
	}
	section.teacher_partner &gt; .block_7 .inner form {
		width: 76%;
		margin:3% auto 0;
	}
	section.city_partner &gt; .block_7 .inner form label,section.teacher_partner &gt; .block_7 .inner form label {
		height: 5em;
		background-position: left center;
	}
	section.city_partner &gt; .block_7 .inner form input[type='text'],section.teacher_partner &gt; .block_7 .inner form input[type='text']{
		font-size: 12px;
		float: left;
		height: auto;
		padding: 1em;
		margin: 0 0 0 7%;
	}
	section.city_partner &gt; .block_7 .inner form div.submit button[type='submit'],section.teacher_partner &gt; .block_7 .inner form div.submit button[type='submit'] {
		height: 4em;
		line-height: 4em;
	}
}
section.city_partner &gt; .block_7 .inner form {
	 margin-top: 0;
}
.teacher_partner .block_9 img{
	width: 77.6%;
	margin:0 auto;
	padding:9.5% 0;
}
section.city_partner &gt; .block_6 .events .swiper-pagination .swiper-active-switch {
	background: #305ac2;
}
section.teacher_partner &gt; .block_6 .events .swiper-pagination .swiper-active-switch {
	background: #ff6c13;
}

/* modelDownload*/
.modelBanner{
	background: url("images/model/model_list_bg.png") no-repeat center;
	background-size: 100% 100%;
	height: auto;
	padding: 17% 0 37% 0;
	margin-top: 60px;
}
.modelBannerbox{
}
.modelDownload-btn{
	background:#f17b1b;
	background-size: 100% 100%;
	padding: 10px 0;
	font-size: 22px;
	display: block;
	width: 45%;
	text-align: center;
	color: #ffffff;
	margin-left:auto ;
	margin-right:auto ;
}
.modelDownload-btn:hover{
	color: #ffffff;
	background:#ed6d31;
}
.modelBannerbox-logo{
	width: 30%;
	display: block;
	margin-bottom: 13%;
	margin-left:auto ;
	margin-right:auto ;
}
.modelBannerbox-title{
	display: block;
	width: 60%;
	margin-bottom: 44%;
	margin-left:auto ;
	margin-right:auto ;
}
.modelDownload{
	background: #ffffff;
}
.modelDownload img{
	width: 100%;
	display: block;
}
.model2{
	padding-top: 7%;
}
.operationIntro{
	background: #23272c;
	width: 100%;
	padding: 8% 0 10%;
}
.operationIntro-title{
	width:80%;
	margin: auto;
	display: block;
}
.operationIntro-btn{
	width: 30%;
	margin:5% auto 0;
	display: block;
}
.operationIntro-btn img{
	width: 100%;
	display: block;
}
.operationIntro-code{
	width: 70px;
	height: 70px;
	display: block;
	margin:7% auto 0;
}
.operationIntro-txt{
	text-align: center;
	color: #ffffff;
	margin-top: 4%;
	font-size: 14px;
}
.modelBannerbox-txt{
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}</pre></body></html>