/* CSS Reset */
 html {
 	-webkit-text-size-adjust: none;
 }

 body {
 	overflow-x: hidden;
 	margin: 0;
 	padding: 0;
 	font-family: 'Montserrat-Light', PingFang SC, Microsoft Yahei, Helvetica Neue, Arial;
 }

 img {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	width: 100%;
 	height: auto;
 }

 header,
 nav,
 section,
 article,
 aside,
 footer {
 	display: block;
 }
li{
	list-style: none;
}
 a {
 	text-decoration: none;
 	color: #222;
 	-webkit-transition: all .4s ease;
 	-moz-transition: all .4s ease;
 	transition: all .4s ease;
 }

 a * {
 	-webkit-transition: all .4s ease;
 	-moz-transition: all .4s ease;
 	transition: all .4s ease;
 }

 .fullscreen,
 .fullscreen body {
 	height: 100%;
 	overflow: hidden
 }

 .alltransition {
 	-webkit-transition: all .4s ease;
 	-moz-transition: all .4s ease;
 	transition: all .4s ease;
 }

 .table {
 	display: table;
 	width: 100%;
 	height: 100%;
 }

 .table-cell {
 	display: table-cell;
 	vertical-align: middle;
 }

 .pcshow {
 	display: block;
 }

 .mbshow {
 	display: none !important;
 }

 .left {
 	float: left;
 }

 .right {
 	float: right;
 }

 .clear {
 	clear: both;
 }

 .img {
 	position: relative;
 	overflow: hidden;
 	background-position: center center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-color: #000;
 }

 .img-center {
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	margin: auto;
 	display: block;
 	width: auto !important;
 	height: auto !important;
 	z-index: 1;
 }

 .img-block {
 	display: block;
 	width: 100%;
 	height: auto;
 }

 .img-inline {
 	display: inline-block;
 	width: auto;
 	height: auto;
 }

 ::-webkit-scrollbar {
 	height: 4px;
 	width: 5px;
 	background: #dbdedf;
 }

 ::-webkit-scrollbar-button {
 	height: 0;
 	width: 5px;
 	background: #dbdedf;
 }

 ::-webkit-scrollbar-thumb {
 	background-color: #003281;
 	box-shadow: inset 1px 1px 0 #003281, inset 0 -1px 0 #003281;
 }

 input,
 select,
 textarea {
 	-webkit-appearance: none;
 	border-radius: 0;
 	outline: none;
 }

 input[type="button"],
 input[type="submit"],
 input[type="reset"],
 input[type="text"],
 input[type="password"] {
 	-webkit-appearance: none;
 }

 input,
 select,
 textarea {
 	font-family: 'Montserrat-Light', PingFang SC, Microsoft Yahei, Helvetica Neue, Arial;
 }
.wrap{
	width: 90%;
	margin: 0 auto;
}


 /* header */
 .ywk-header {
 	position: fixed;
 	left: 0;
 	top: 0;
 	z-index: 900;
 	width: 100%;
 	transition: all .4s ease;
 }

 .ywk-header .ywk-content {
 	width: 92%;
 	margin: auto;
 	position: relative;
 	overflow: hidden;
 	z-index: 999;
 }

 .ywk-header .ywk-content::after {
 	content: '';
 	width: 100%;
 	height: 1px;
 	background: #fff;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	opacity: .2;
 }

 .ywk-logo {
 	position: absolute;
 	left: 0;
 	top: 50%;
 	margin-top: -27px;
 	width: auto;
 	height: 54px;
 	z-index: 11;
 	display: block;
 }

 .ywk-logo a {
 	display: block;
 	overflow: hidden;
 	float: left;
 	width: 70px;
 	height: 70px;
 }

 .ywk-logo img.default {
 	display: block;
 }

 .ywk-logo img.hover {
 	display: none;
 }

 .ywk-stock-code {
 	position: relative;
 	float: left;
 	width: 115px;
 	padding: 13px 20px 13px 20px;
 	margin-left: 20px;
 	text-transform: uppercase;
 	font-size: 12px;
 	color: #fff;
 	line-height: 18px;
 }

 .ywk-stock-code::before {
 	content: '';
 	width: 1px;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	left: 0;
 	background: #fff;
 	opacity: .2;
 }

 .ywk-header .ywk-content nav {
 	display: block;
 	margin: auto;
 	text-align: right;
	padding-right: 120px;
 }

 .ywk-header-nav {
 	font-size: 0;
 }

 .ywk-header-nav li {
 	display: inline-block;
 	position: relative;
 	padding: 40px 25px;
 	font-size: 0;
 }

 .ywk-header-nav li a {
 	display: inline-block;
 	color: #fff;
 	position: relative;
 	font-size: 14px;
 	text-transform: uppercase;
 	opacity: .8;
 }

 .ywk-header-nav li a::after {
 	content: '';
 	width: 0px;
 	height: 1px;
 	background: #fff;
 	position: absolute;
 	bottom: -40px;
 	left: 50%;
 	transition: all .4s ease;
 }

 .ywk-header-right {
 	position: absolute;
 	right: 0;
 	top: 0;
 	height: 100%;
 	text-align: right;
 }

 .ywk-header-right a {
 	display: block;
 	opacity: .8;
 	text-align: left;
 	height: 100%;
 	line-height: 98px;
 	font-size: 0;
 }

 .ywk-header-right a:hover {
 	opacity: 1;
 }

 .ywk-header-right a i {
 	display: inline-block;
 	vertical-align: middle;
 	width: 20px;
 	height: 20px;
 	margin-right: 8px;
 }

 .ywk-header-right a span {
 	display: inline-block;
 	vertical-align: middle;
 	text-transform: uppercase;
 	font-size: 12px;
 	color: #fff;
 }

 .ywk-header-right-search,
 .ywk-header-right-language {
 	height: 100%;
 	display: inline-block;
 	vertical-align: middle;
 }

 .ywk-header-right-search i {
 	background: url('../image/ss1.png') center no-repeat;
 }

 .ywk-header-right-language i {
 	background: url('../image/ee1.png') center no-repeat;
 }

 .ywk-header-right-language {
 	margin-left: 30px;
 }

 .ywk-header-right-link {
 	height: 100%;
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 20px;
 	font-size: 0;
 }

 .ywk-header-right-link a {
 	display: inline-block;
 	vertical-align: middle;
 	line-height: 98px;
 	color: #fff;
 	font-size: 12px;
 	margin-right: 20px;
 	text-transform: uppercase;
 	position: relative;
 }

 .ywk-header-right-link a::after {
 	content: '';
 	width: 0px;
 	height: 1px;
 	background: #fff;
 	position: absolute;
 	bottom: 0;
 	left: 50%;
 	transition: all .4s ease;
 }


 .ywk-header-nav-show {
 	position: absolute;
 	left: 0;
 	top: 0px;
 	width: 100%;
 	height: auto;
 	z-index: 900;
 }

 .ywk-header-nav-show .ywk-content {
 	width: 100%;
 	padding: 0;
 	margin-top: 98px;
 	overflow: visible;
 	background: none;
 }

 .ywk-header-nav-show .ywk-content::after {
 	display: none;
 }

 .ywk-header-nav-show-content {
 	background: #f5f7fa;
 	width: 100%;
 	height: auto;
 	z-index: 1;
 	position: absolute;
 	left: 0;
 	overflow: hidden;
 	transition: all .4s ease;
 }

 .ywk-header-nav-show-content::before {
 	content: '';
 	width: 100%;
 	height: 1px;
 	position: absolute;
 	left: 0;
 	top: 0;
 	background: #000;
 	opacity: .1;
 	z-index: 50;
 }

 /* .ywk-header-nav-show-content{box-shadow: 0px 20px 60px 0px rgba(10, 24, 51, 0.08);} */
 .ywk-header-nav-show-content.Hide {
 	opacity: 0;
 	z-index: -1;
 	height: 0px;
 	box-shadow: none
 }

 .ywk-header-nav-left {
 	float: left;
 	width: 28%;
 	padding: 2% 1% 2% 12%;
 	box-sizing: border-box;
 	position: relative;
 	z-index: 10;
 }

 .ywk-header-nav-list {
 	position: relative;
 }

 .ywk-header-nav-list li {
 	list-style: none;
 	margin: 0;
 	padding: 10px 0;
 	position: relative;
 }

 .ywk-header-nav-list li::before {
 	content: '';
 	position: absolute;
 	right: -20px;
 	top: 20px;
 	width: 50px;
 	height: 3px;
 	background: #f39700;
 	display: none;
 }

 .ywk-header-nav-list li.cur::before {
 	display: block;
 }

 .ywk-header-nav-list li i {
 	position: relative;
 	display: inline-block;
 	vertical-align: middle;
 	width: 30px;
 	height: 30px;
 	margin-right: 10px;
 }

 .ywk-header-nav-list li i * {
 	fill: #a1a6b2 !important;
 }

 .ywk-header-nav-list li span {
 	display: inline-block;
 	vertical-align: middle;
 	color: #a1a6b2;
 	font-size: 14px;
 	text-transform: uppercase;
 }

 .ywk-header-nav-list li a:hover i * {
 	fill: #003281 !important;
 }

 .ywk-header-nav-list li a:hover span {
 	color: #003281;
 }

 .ywk-header-nav-list li.cur i * {
 	fill: #003281 !important;
 }

 .ywk-header-nav-list li.cur span {
 	color: #003281;
 }

 .ywk-header-nav-right {
 	float: left;
 	width: 100%;
 	padding: 2% 0 2% 0;
 	box-sizing: border-box;
 	overflow: hidden;
 }

 .ywk-header-nav-right::before {
 	content: '';
 	position: absolute;
 	right: 0;
 	top: 0;
 	width: 71%;
 	height: 100%;
 	background: #fff;
 }

 .ywk-nav-swiper {
 	position: relative;
 }

 .ywk-nav-two {
 	position: relative;
 }

 .ywk-nav-two-left {
 	position: relative;
 	float: left;
 	width: 25%;
 }

 .ywk-nav-two-left li {
 	list-style: none;
 	margin: 0;
 	padding: 10px 0 10px 100px;
 	position: relative;
 }

 .ywk-nav-two-left li a {
 	display: inline-block;
 	vertical-align: middle;
 	color: #a1a6b2;
 	font-size: 14px;
 	text-transform: uppercase;
 	position: relative;
 }

 .ywk-nav-two-left li.cur a {
 	color: #003281;
 }

 /* .ywk-nav-two-left li.cur::before {content: '';position: absolute;left:0px;top:20px;width: 50px;height: 3px;background: #f39700;} */
 .ywk-nav-two-right-swiper {
 	position: relative;
 	float: left;
 	width: 70%;
 	overflow: hidden;
 	padding: 1% 0;
 	margin-left: 5%;
 }
 .ywk-nav-two-left li{
	position: relative;
 }
 
 .nav-slide-item {
 	overflow: hidden;
 	margin-left: 5%;
 	width: 95%;
 }

 .nav-slide-item .img {
 	position: relative;
 	opacity: .5;
 	background-color: #f5f7fa;
 }

 .nav-slide-item .nav-title {
 	text-align: center;
 	padding-top: 20px;
 	overflow: hidden;
 	color: #a1a7b3;
 	font-size: 18px;
 	position: relative;
 	text-transform: uppercase;
 }

 .nav-slide-item .nav-title::before {
 	content: '';
 	width: 0px;
 	height: 3px;
 	background: #f39700;
 	position: absolute;
 	left: 50%;
 	top: 0;
 	transition: all .4s ease;
 }

 .ywk-nav-two-right-swiper .swiper-slide.cur .nav-slide-item .nav-title {
 	color: #003281;
 }

 .ywk-nav-two-right-swiper .swiper-slide.cur .nav-slide-item .nav-title::before {
 	width: 100%;
 	left: 0;
 }

 .ywk-nav-two-right-swiper .swiper-slide.cur .img {
 	opacity: 1;
 }

 .ywk-nav-two-left ul {
 	list-style: none;
 	padding: 10px 0 0 0;
 	margin: 0;
 }

 .ywk-nav-two-left ul a {
 	color: #a1a7b2 !important;
 	font-size: 14px !important;
 	font-family: 'Montserrat-Light' !important;
 	padding-bottom: 5px;
 	text-transform: capitalize;
 	display: block;
 }

 .ywk-nav-two-left ul a.cur {
 	color: #003281 !important;
 }

 .ywk-nav-two-right-swiper-item .img img.img-center {
 	max-width: 80%;
 	max-height: 80%;
 }


 .ywk-header-nav-show-search {
 	overflow: hidden;
 	text-align: center;
 	width: 40%;
 	margin: 5% auto;
 	position: relative;
 }

 .ywk-header-nav-show-search .input {
 	background: #fff;
 	padding: 25px;
 	display: block;
 	border: none;
 	outline: none;
 	width: 100%;
 	font-size: 14px;
 	border: 1px solid #ccc;
 }

 .ywk-header-nav-show-search .submit {
 	background: url('../image/ss1.png') center no-repeat #003281;
 	display: block;
 	position: absolute;
 	width: 13%;
 	height: 100%;
 	outline: none;
 	cursor: pointer;
 	font-size: 18px;
 	right: 0;
 	top: 0;
 	z-index: 3;
 	border: none;
 }

 .ywk-header-nav-show-search input.submit:hover {
 	background: url('../image/ss1.png') center no-repeat #f29700;
 }

 #language.ywk-header-nav-show-content {
 	background: #fff;
 	width: 140px;
 	height: auto;
 	left: auto;
 	right: 20px;
 	overflow: hidden;
 }

 #language.ywk-header-nav-show-content.Hide {
 	opacity: 0;
 	z-index: -1;
 	height: 0px;
 	box-shadow: none
 }

 .ywk-header-nav-show-language {
 	position: relative;
 	overflow: hidden;
 	padding: 0;
 }

 .ywk-header-nav-show-language a {
 	display: block;
 	text-align: center;
 	font-size: 14px;
 	padding: 10px 0;
 	border-bottom: 1px solid #ccc;
 }

 .ywk-header-nav-show-language a:hover {
 	color: #fff;
 	background: #003281;
 }

 .ywk-header-nav-show-about {
 	overflow: hidden;
 	width: 92%;
 	margin: 2% auto 4% auto;
 	position: relative;
 	font-size: 0;
 }

 .ywk-header-nav-show-about a {
 	display: inline-block;
 	position: relative;
 	vertical-align: middle;
 	width: calc(16% - 40px);
 	padding: 20px;
 	margin: 1% 2%;
 	text-align: left;
 	overflow: hidden;
 }
 .ywk-header-nav-show-about.support a {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 16%;
	padding: 20px;
	margin: 1% 2%;
	text-align: left;
	overflow: hidden;
}

 .ywk-header-nav-show-about a::after,
 .ywk-header-nav-show-about a::before {
 	content: '';
 	position: absolute;
 	width: 100%;
 	left: 0;
 	bottom: 0;
 	height: 1px;
 	background: #e6e6e6;
 }

 .ywk-header-nav-show-about a::before {
 	width: 0px;
 	background: #003281;
 	transition: all .4s ease;
 	z-index: 2;
 }

 .ywk-header-nav-show-about a i {
 	width: 12px;
 	height: 12px;
 	position: absolute;
 	left: 0;
 	top: 50%;
 	margin-top: -6px;
 	background: url('../image/jt3.png');
 }

 .ywk-header-nav-show-about a span {
 	font-size: 14px;
 	color: #a1a6b2;
 	text-transform: uppercase;
 }

 .ywk-header-nav-show-about a span::after {
 	content: '';
 	width: 12px;
 	height: 12px;
 	position: absolute;
 	right: -50px;
 	top: 50%;
 	margin-top: -6px;
 	background: url('../image/jt1.png');
 	transition: all .4s ease;
 }

 .ywk-header-nav-show-about a:hover span {
 	color: #003281;
 }

 .ywk-header-nav-show-about a:hover::before {
 	width: 100%;
 }

 .ywk-header-nav-show-about a:hover {
 	padding: 20px 40px 20px 0px;
 }

 .ywk-header-nav-show-about a:hover span::after {
 	left: auto;
 	right: 0;
 	background: url('../image/jt4.png');
 }

 .ywk-header-nav-show-about a:hover i {
 	left: -50px;
 }

 #about.ywk-header-nav-show-content,
 #search.ywk-header-nav-show-content {
 	background: #fff;
 }


 /* scroll - top - down - cur - on -hover */
 .ywk-header:hover,
 .ywk-header.scroll-down,
 .ywk-header.scroll-top {
 	background: #fff;
 }

 .ywk-header:hover .ywk-logo img.default,
 .ywk-header.scroll-down .ywk-logo img.default,
 .ywk-header.scroll-top .ywk-logo img.default {
 	display: none;
 }

 .ywk-header:hover .ywk-logo img.hover,
 .ywk-header.scroll-down .ywk-logo img.hover,
 .ywk-header.scroll-top .ywk-logo img.hover {
 	display: block;
 }

 .ywk-header:hover .ywk-stock-code,
 .ywk-header.scroll-down .ywk-stock-code,
 .ywk-header.scroll-top .ywk-stock-code {
 	color: #1e2d45;
 }

 .ywk-header:hover .ywk-stock-code::before,
 .ywk-header.scroll-down .ywk-stock-code::before,
 .ywk-header.scroll-top .ywk-stock-code::before {
 	background: #1e2d45;
 }

 .ywk-header:hover .ywk-header-nav li a,
 .ywk-header.scroll-down .ywk-header-nav li a,
 .ywk-header.scroll-top .ywk-header-nav li a {
 	color: #1e2d45;
 }

 .ywk-header:hover .ywk-header-nav li a::after,
 .ywk-header.scroll-down .ywk-header-nav li a::after,
 .ywk-header.scroll-top .ywk-header-nav li a::after {
 	background: #003281;
 }

 .ywk-header:hover .ywk-header-nav li a:hover,
 .ywk-header.scroll-down .ywk-header-nav li.cur a,
 .ywk-header.scroll-top .ywk-header-nav li.cur a {
 	color: #003281;
 	opacity: 1;
 }

 .ywk-header:hover .ywk-header-nav li.cur a {
 	color: #003281;
 }

 .ywk-header:hover .ywk-header-nav li.cur a::after {
 	width: 100%;
 	background: #003281;
 	left: 0;
 }

 .ywk-header-nav li.on a {
 	color: #fff;
 }

 .ywk-header-nav li.on a::after {
 	width: 100%;
 	background: #fff;
 	left: 0;
 }

 .ywk-header:hover .ywk-header-nav li.on a,
 .ywk-header.scroll-down .ywk-header-nav li.on a,
 .ywk-header.scroll-top .ywk-header-nav li.on a {
 	color: #003281;
 	opacity: 1;
 }

 .ywk-header:hover .ywk-header-right-link a,
 .ywk-header.scroll-down .ywk-header-right-link a,
 .ywk-header.scroll-top .ywk-header-right-link a {
 	color: #1e2d45;
 }

 .ywk-header:hover .ywk-header-right-link a::after,
 .ywk-header.scroll-down .ywk-header-right-link a::after,
 .ywk-header.scroll-top .ywk-header-right-link a::after {
 	background: #fff;
 }

 .ywk-header:hover .ywk-header-right-link a:hover,
 .ywk-header.scroll-down .ywk-header-right-link a:hover,
 .ywk-header.scroll-top .ywk-header-right-link a:hover {
 	color: #003281;
 	opacity: 1;
 }

 .ywk-header:hover .ywk-header-right-link a:hover::after,
 .ywk-header.scroll-down .ywk-header-right-link a:hover::after,
 .ywk-header.scroll-top .ywk-header-right-link a:hover::after {
 	width: 100%;
 	background: #003281;
 	left: 0;
 }

 .ywk-header-right-link a.on {
 	color: #fff;
 	opacity: 1;
 }

 .ywk-header-right-link a.on::after {
 	width: 100%;
 	background: #fff;
 	left: 0;
 }

 .ywk-header:hover .ywk-header-right-link a.on,
 .ywk-header.scroll-down .ywk-header-right-link a.on,
 .ywk-header.scroll-top .ywk-header-right-link a.on {
 	color: #003281;
 	opacity: 1;
 }

 .ywk-header:hover .ywk-header-right-link a.on::after,
 .ywk-header.scroll-down .ywk-header-right-link a.on::after,
 .ywk-header.scroll-top .ywk-header-right-link a.on::after {
 	width: 100%;
 	background: #003281;
 	left: 0;
 }

 .ywk-header:hover .ywk-header-right a span,
 .ywk-header.scroll-down .ywk-header-right a span,
 .ywk-header.scroll-top .ywk-header-right a span {
 	color: #1e2d45;
 }

 .ywk-header:hover .ywk-header-right a:hover span,
 .ywk-header.scroll-down .ywk-header-right a:hover span,
 .ywk-header.scroll-top .ywk-header-right a:hover span {
 	color: #003281;
 	opacity: 1;
 }

 .ywk-header:hover .ywk-header-right-search i,
 .ywk-header.scroll-down .ywk-header-right-search i,
 .ywk-header.scroll-top .ywk-header-right-search i {
 	background: url('../image/ss2.png') center no-repeat;
 	opacity: .7;
 }

 .ywk-header:hover .ywk-header-right-language i,
 .ywk-header.scroll-down .ywk-header-right-language i,
 .ywk-header.scroll-top .ywk-header-right-language i {
 	background: url('../image/ee2.png') center no-repeat;
 	opacity: .7;
 }

 .ywk-header:hover .ywk-header-right-search a:hover i,
 .ywk-header.scroll-down .ywk-header-right-search a:hover i,
 .ywk-header.scroll-top .ywk-header-right-search a:hover i {
 	background: url('../image/ss3.png') center no-repeat;
 	opacity: 1;
 }

 .ywk-header:hover .ywk-header-right-language a:hover i,
 .ywk-header.scroll-down .ywk-header-right-language a:hover i,
 .ywk-header.scroll-top .ywk-header-right-language a:hover i {
 	background: url('../image/ee3.png') center no-repeat;
 	opacity: 1;
 }



 .navblack .ywk-header .ywk-logo img.default {
 	display: none;
 }

 .navblack .ywk-header .ywk-logo img.hover {
 	display: block;
 }

 .navblack .ywk-header .ywk-stock-code {
 	color: #1e2d45;
 }

 .navblack .ywk-header .ywk-stock-code::before {
 	background: #676f82;
 }

 .navblack .ywk-header .ywk-header-nav li a {
 	color: #1e2d45;
 }

 .navblack .ywk-header .ywk-header-nav li a::after {
 	background: #003281;
 }

 .navblack .ywk-header .ywk-header-nav li.cur a {
 	color: #003281;
 }

 .navblack .ywk-header .ywk-header-right a span {
 	color: #1e2d45;
 }

 .navblack .ywk-header .ywk-header-right-link a {
 	color: #1e2d45;
 }

 .navblack .ywk-header .ywk-content::after {
 	background: #676f82;
 	opacity: 0;
 }

 .navblack .ywk-header.scroll-top .ywk-content::after,
 .navblack .ywk-header.scroll-down .ywk-content::after {
 	opacity: 0;
 }

 .navblack .ywk-header .ywk-header-right-language i {
 	background: url('../image/ee2.png') center no-repeat;
 }

 .navblack .ywk-header .ywk-header-right-search i {
 	background: url('../image/ss2.png') center no-repeat;
 }

 .navblack .ywk-header::after {
 	content: '';
 	width: 100%;
 	opacity: .1;
 	height: 1px;
 	background: #000;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 }



 .ywk-header-nav-show-mark {
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	left: 0;
 	top: 0px;
 	z-index: -1;
 	background: rgba(0, 0, 0, .3);
 	opacity: 0;
 	transition: all .4s ease;
 }

 .ywk-header-nav-show-mark.cur {
 	z-index: 20;
 	opacity: 1;
 }

 .ywk-header.scroll-top::after,
 .ywk-header.scroll-down::after {
 	content: '';
 	width: 100%;
 	height: 1px;
 	background: #000;
 	opacity: .1;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 }

 .ywk-header.scroll-top .ywk-header-nav-show-content::before,
 .ywk-header.scroll-down .ywk-header-nav-show-content::before {
 	display: none;
 }

 .navblack .ywk-header-nav-show-content::before,
 .navblack .ywk-header-nav-show-content::before {
 	display: none;
 }





 /* nav */

 .ywk-menu-toggle {
 	display: none;
 	width: 50px;
 	height: 50px;
 	position: fixed;
 	right: 0px;
 	top: 0px;
 	z-index: 9999;
 }

 .ywk-menu-toggle span.hamburger,
 .ywk-menu-toggle span.hamburger:after,
 .ywk-menu-toggle span.hamburger:before {
 	content: "";
 	display: block;
 	width: 24px;
 	height: 2px;
 	background: #fff;
 	position: absolute;
 	top: 50%;
 	margin-top: -1px;
 	left: 50%;
 	margin-left: -12px;
 	-webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
 	transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
 	-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
 	transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
 	transition-delay: 0.15s;
 }

 .ywk-menu-toggle span.hamburger:after {
 	margin-top: -7px;
 	top: 0;
 	transition-delay: 0.27s;
 }

 .ywk-menu-toggle span.hamburger:before {
 	margin-top: 7px;
 	top: 0;
 	transition-delay: 0.2s;
 }

 .ywk-menu-toggle span.cross:before,
 .ywk-menu-toggle span.cross:after {
 	content: "";
 	display: block;
 	width: 24px;
 	height: 2px;
 	background: #000;
 	position: absolute;
 	top: 50%;
 	margin-top: -1.5px;
 	left: 50%;
 	margin-left: -12px;
 	-webkit-transform: translateY(-70px) translateX(-70px) rotate(45deg);
 	transform: translateY(-70px) translateX(-70px) rotate(45deg);
 	transition-delay: 0.12s;
 }

 .ywk-menu-toggle span.cross:after {
 	transition-delay: 0s;
 	-webkit-transform: translateY(70px) translateX(-70px) rotate(-45deg);
 	transform: translateY(70px) translateX(-70px) rotate(-45deg);
 }

 .ywk-menu-toggle span.cross:after {
 	-webkit-transform: translateY(-70px) translateX(70px) rotate(-45deg);
 	transform: translateY(-70px) translateX(70px) rotate(-45deg);
 }

 .no-touch .ywk-menu-toggle span.hamburger,
 .no-touch .ywk-menu-toggle span.hamburger:after,
 .no-touch .ywk-menu-toggle span.hamburger:before {
 	-webkit-transform: translateX(70px);
 	transform: translateX(70px);
 	transition-delay: 0.12s;
 	background: #fff;
 }

 .no-touch .menu-toggle span.hamburger:after {
 	transition-delay: 0s;
 }

 .no-touch .menu-toggle span.hamburger:before {
 	transition-delay: 0.07s;
 }

 .no-touch .ywk-menu-toggle span.cross:before {
 	transition-delay: 0.12s;
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 }

 .no-touch .ywk-menu-toggle span.cross:after {
 	transition-delay: 0.24s;
 	-webkit-transform: rotate(-45deg) !important;
 	transform: rotate(-45deg) !important;
 }

 .ywk-header.scroll-down .ywk-menu-toggle span.hamburger,
 .ywk-header:hover .ywk-menu-toggle span.hamburger,
 .ywk-header.scroll-down .ywk-menu-toggle span.hamburger:after,
 .ywk-header:hover .ywk-menu-toggle span.hamburger:after,
 .ywk-header.scroll-down .ywk-menu-toggle span.hamburger:before,
 .ywk-header:hover .ywk-menu-toggle span.hamburger:before,
 .ywk-header.scroll-top .ywk-menu-toggle span.hamburger,
 .ywk-header.scroll-top .ywk-menu-toggle span.hamburger:after,
 .ywk-header.scroll-top .ywk-menu-toggle span.hamburger:before {
 	background: #000;
 }


 .no-touch body,
 .no-touch html {
 	overflow: hidden;
 }

 .no-touch .ywk-header {
 	background: #fff;
 }

 .no-touch .ywk-header .ywk-logo img.default {
 	display: none;
 }

 .no-touch .ywk-header .ywk-logo img.hover {
 	display: block;
 }

 .no-touch .ywk-header-right-search i {
 	background: url(../image/ss2.png) center no-repeat;
 	opacity: 1;
 }

 .no-touch .ywk-header-right-language i {
 	background: url(../image/ee2.png) center no-repeat;
 	opacity: 1;
 }

 .mobile-nav {
 	position: fixed;
 	overflow: hidden;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 0;
 	z-index: 31;
 	padding-top: 20%;
 	background: rgba(0, 0, 0, .9);
 	box-sizing: border-box;
 	transition: all .4s ease;
 	display: block;
 	transform: translateX(100%);
 }

 .mobile-nav ul {
 	position: relative;
 	width: 80%;
 	height: 100%;
 	overflow-x: hidden;
 	overflow-y: scroll;
 	margin: 0 auto;
 	padding: 0;
 	list-style: none;
 }

 .mobile-nav ul::-webkit-scrollbar {
 	width: 0px;
 }

 .mobile-nav li {
 	list-style: none;
 	margin: 0;
 	padding: 20px 0;
 	text-align: left;
 	border-bottom: 1px solid rgba(255, 255, 255, .2);
 }

 .mobile-nav li a {
 	display: block;
 	color: #fff;
 	opacity: .5;
 	font-size: 16px;
 	background: url('../image/jt3.png') right center no-repeat;
 	background-size: auto 50%;
 }

 .mobile-nav li a.cur {
 	opacity: 1;
 	background: url('../image/jt2.png') right center no-repeat;
 	background-size: auto 50%;
 }

 .mobile-nav li ul {
 	list-style: none;
 	margin: 0;
 	padding: 20px 0;
 }

 .mobile-nav li ul.mchildren {
 	display: none;
 	padding-left: 5%;
 }

 .mobile-nav li ul li {
 	list-style: none;
 	margin: 0;
 	padding: 10px 0;
 }

 .mobile-nav li ul li:last-child {
 	border: none;
 }

 .mobile-nav li ul li a {
 	font-family: 'Montserrat-Light';
 	font-size: 14px;
 }

 .mobile-nav.is-visible {
 	transform: translateX(0px);
 	display: block;
 }

 .mobile-nav li ul li ul.three-children {
 	display: none;
 	list-style: none;
 	margin: 0;
 	padding: 10px 0;
 	width: 100%;
 }

 .mobile-nav li ul li ul.three-children.cur {
 	display: block;
 }

 .mobile-nav li ul li ul.three-children a {
 	font-family: 'Montserrat-Light';
 	font-size: 12px;
 	padding: 10px 0;
 	display: block;
 	border-bottom: 1px solid rgba(255, 255, 255, .2);
 	background: none;
 }

 .mobile-nav li ul li ul.three-children a:last-child {
 	border: none;
 }

 .navblack .ywk-menu-toggle span.hamburger,
 .navblack .ywk-menu-toggle span.hamburger:after,
 .navblack .ywk-menu-toggle span.hamburger:before {
 	background: #000;
 }

 .cd-nav-trigger {
 	display: block;
 	overflow: hidden;
 	height: 50px;
 }




 /* footer */
 .ywk-footer {
 	background: #111924 url('../image/footer.jpg') center no-repeat;
 	background-size: cover;
 	padding-top: 80px;
 	overflow: hidden;
 	color: #000;
 }

 .ywk-footer .ywk-content {
 	width: 75%;
 }

 .ywk-footer .ywk-content-top {
 	position: relative;
 	overflow: hidden;
 	padding-bottom: 40px;
 	border-bottom: 1px solid #29303a;
 }

 .ywk-footer a:hover {
 	color: #fff;
 }

 .ywk-content-top-logo {
 	width: 115px;
 }

 .ywk-content-top-email-subscription {
	width: 364px;
 	position: absolute;
 	right: 0;
 	top: 0;
 }

 .email-address-input {
 	border: 1px solid #414750;
 	background: none;
 	width: 250px;
 	height: 45px;
 	line-height: 45px;
 	box-sizing: border-box;
 	padding: 0 4%;
 	color: #ccc;
 	display: inline-block;
 	vertical-align: middle;
 }

 .email-address-input:focus {
 	border: 1px solid #ccc;
 }

 .subscription {
 	border: 1px solid #414750;
 	background: none;
 	width: 110px;
 	height: 45px;
 	line-height: 45px;
 	text-align: center;
 	color: #60656b;
 	font-size: 12px;
 	cursor: pointer;
 	box-sizing: border-box;
 	display: inline-block;
 	vertical-align: middle;
 }

 .subscription:hover {
 	background: #fff;
 	color: #000;
 }

 .ywk-content-center {
 	color: #6c7178;
 	clear: both;
 	overflow: hidden;
 	padding: 50px 0 20px 0;
 	position: relative;
 }

 .ywk-content-center ul {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	float: left;
 	min-width: 20%;
 }

 .ywk-content-center ul:last-child {
 	min-width: auto;
 }

 .ywk-content-center ul strong {
 	font-weight: normal;
 	font-size: 14px;
 	text-transform: uppercase;
 	color: #fff;
 	padding-bottom: 10px;
 	display: block;
 }

 .ywk-content-center ul li {
 	list-style: none;
 	margin: 0;
 	padding: 4px 0;
 }

 .ywk-content-center ul li a {
 	color: #6c7178;
 	font-size: 14px;
 }

 .ywk-content-bottom {
 	color: #6c7178;
 	border-top: 1px solid #29303a;
 	padding: 30px 0;
 	overflow: hidden;
 	position: relative;
 }

 .ywk-content-bottom a {
 	font-size: 12px;
 	display: inline-block;
 	vertical-align: middle;
 	color: #6c7178;
 }

 .ywk-content-copy {
 	font-size: 12px;
 	float: left;
 	width: 50%;
 }

 .ywk-content-copy span {
 	display: inline-block;
 	vertical-align: middle;
 }

 .ywk-content-link {
 	width: 40%;
 	text-align: right;
 	position: absolute;
 	right: 0;
 	top: 50%;
 	margin-top: -10px;
 }

 .ywk-content-link a {
 	margin-left: 20px;
 }

 .ywk-content-social {
 	text-align: right;
 	clear: both;
 	overflow: hidden;
 	padding: 20px 0;
 	position: relative;
 }

 .ywk-content-social a {
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 10px;
 	width: 22px;
 	height: 22px;
 	opacity: .5;
 }

 .ywk-content-social a:hover {
 	opacity: 1;
 }

 .ywk-content-social a.f1 {
 	background: url('../image/f1.png') center no-repeat;
 }

 .ywk-content-social a.f2 {
 	background: url('../image/f2.png') center no-repeat;
 }

 .ywk-content-social a.f3 {
 	background: url('../image/f3.png') center no-repeat;
 }

 .ywk-content-social a.f4 {
 	background: url('../image/f4.png') center no-repeat;
 }

 .ywk-content-social a.f5 {
 	background: url('../image/f5.png') center no-repeat;
 }

 .ywk-content-social-ewm {
 	width: 100px;
 	height: 100px;
 	background: #fff;
 	padding: 10px;
 	z-index: 10;
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	display: none;
 }





 /* index */
 .ywk-index-banner {
 	position: relative;
 	width: 100%;
 	height: 100%;
 }

 .ywk-index-banner .swiper-slide {
 	background: #000;
 }

 .ywk-index-banner .ywk-index-banner-container {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 }

 .ywk-index-banner .text {
 	position: absolute;
 	width: 90%;
 	top: 34%;
 	left: 8%;
 	z-index: 10;
 	color: #fff;
 }

 .ywk-index-banner .text * {
 	position: relative;
 	z-index: 10;
 }

 .ywk-index-banner .text::before,
 .ywk-index-banner .text.bigtriangle::before {
 	content: '';
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	left: -20px;
 	top: -10px;
 	z-index: 1;
 }

 .ywk-index-banner .text::before {
 	background: url('../image/sc2.png') left top no-repeat;
 }

 .ywk-index-banner .text.bigtriangle::before {
 	background: url('../image/sc.png') left top no-repeat;
 	left: -40px;
 	top: -40px;
 }

 .ywk-index-banner .text .title-1 {
 	font-size: 140px;
 	line-height: 120px;
 	color: #fff;
 	transform: translateY(200px);
 	opacity: 0;
 	transition: all 0.2s;
 }

 .ywk-index-banner .text .title-1 h1 {
 	font-size: 140px;
 	line-height: 120px;
 	text-transform: uppercase;
 	display: none;
 }

 .ywk-index-banner .text .title-2 {
 	position: relative;
 	font-size: 80px;
 	text-transform: uppercase;
 	transform: translateY(200px);
 	opacity: 0;
 	transition: all 0.5s;
 }

 .ywk-index-banner .text .line-3 {
 	transform: translateY(200px);
 	opacity: 0;
 	transition: all 0.7s;
	position: relative;
 }
 .ywk-index-banner .text .line-3 span{
	position: absolute;
	left: 155px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 60px;
	text-transform: uppercase;
	font-family: 'd-din-condensed-bold';
 }
 .ywk-index-banner .text .line-3 i {
 	display: block;
 	margin: 30px 0;
 	width: 80px;
 	height: 4px;
 	background: #fff;
 }

 .ywk-index-banner .text .text-4 {
	margin-top: 46px;
 	max-width: 55%;
 	font-size: 18px;
 	line-height: 30px;
 	color: #ccc;
 	transform: translateY(200px);
 	opacity: 0;
 	transition: all 0.9s;
 }

 .ywk-index-banner .text .viewmore {
 	transform: translateY(200px);
 	opacity: 0;
 	transition: all 1.2s;
 }

 .ywk-index-banner .video {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 0;
 	z-index: 9;
 }

 .ywk-index-banner .video video {
 	display: block;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .ywk-index-banner .swiper-slide-active .text .title-1,
 .ywk-index-banner .swiper-slide-active .text .title-2,
 .ywk-index-banner .swiper-slide-active .text .line-3,
 .ywk-index-banner .swiper-slide-active .text .text-4,
 .ywk-index-banner .swiper-slide-active .text .viewmore {
 	transform: translateY(0px);
 	opacity: 1;
 }

 .ywk-index-banner .swiper-slide-active .img {
 	animation: bigimgani 5000ms infinite ease-out;
 }

 .ywk-index-banner .ywk-index-banner-pagination {
 	width: auto;
 	left: auto;
 	right: 4%;
 	bottom: 5%;
 	text-align: right;
 }

 .ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet {
 	background: none;
 	border-radius: 0;
 	width: 20px;
 	height: 30px;
 	transition: all .4s ease;
 	margin: 0;
 	position: relative;
 	opacity: 1;
 }

 .ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet::before {
 	content: '';
 	width: 1px;
 	height: 20px;
 	margin: auto;
 	position: absolute;
 	left: 50%;
 	bottom: 0;
 	background: #fff;
 	opacity: .5;
 	transition: all .4s ease;
 }

 .ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet-active::before {
 	height: 30px;
 	opacity: 1;
 }

 .ywk-index-banner-scroll {
 	width: 40px;
 	height: 39px;
 	position: absolute;
 	left: 4%;
 	bottom: 5%;
 	z-index: 20;
 }

 .ywk-index-banner-scroll i {
 	width: 8px;
 	height: 45px;
 	background: url('../image/dj.png') center no-repeat;
 	position: absolute;
 	left: 50%;
 	margin-left: -4px;
 	top: -30px;
 }

 .ywk-index-banner-scroll span {
 	display: block;
 	width: 40px;
 	height: 39px;
 	background: url('../image/yy.png') center no-repeat;
 }

 .ywk-index-banner-scroll i {
 	animation: tbupdonw1 2000ms infinite ease;
 }

 @keyframes tbupdonw1 {
 	0% {
 		top: -30px;
 	}

 	50% {
 		top: -20px;
 	}

 	100% {
 		top: -30px;
 	}
 }

 .ywk-index-banner .ywk-index-banner-container.left .text {
 	width: 90%;
 	top: 34%;
 	left: 8%;
 }

 .ywk-index-banner .ywk-index-banner-container.center .text {
 	width: 90%;
 	top: 34%;
 	left: 5%;
 	text-align: center;
 }

 .ywk-index-banner .ywk-index-banner-container.center .text .line-3 {
 	margin: 30px auto;
 }

 .ywk-index-banner .ywk-index-banner-container.center .text .line-3 i {
 	display: inline-block;
 }

 .ywk-index-banner .ywk-index-banner-container.center .text .text-4 {
 	margin: auto;
 }

 .ywk-index-banner .ywk-index-banner-container.center .text::before {
 	display: none;
 }

 .ywk-index-banner .ywk-index-banner-container.center .text .title-2 {
 	display: inline-block;
 	background: url('../image/sc2.png') left top no-repeat;
 	padding-left: 10px;
 	margin-left: -10px;
 }

 .ywk-index-banner .ywk-index-banner-container.center .viewmore a {
 	margin: auto;
 	text-align: left;
 }

 .ywk-index-banner .ywk-index-banner-container.right .text {
 	width: 90%;
 	top: 34%;
 	left: auto;
 	right: 8%;
 	text-align: right;
 }

 .ywk-index-banner .ywk-index-banner-container.right .text .line-3 i {
 	display: inline-block;
 }

 .ywk-index-banner .ywk-index-banner-container.right .text .text-4 {
 	text-align: right;
 	float: right;
 }

 .ywk-index-banner .ywk-index-banner-container.right .viewmore {
 	clear: both;
 }

 .ywk-index-banner .ywk-index-banner-container.right .viewmore a {
 	display: inline-block;
 	margin-top: 40px;
 	text-align: left;
 }

 .ywk-index-banner .ywk-index-banner-container.none .text {
 	display: none;
 }

 .ywk-index-banner .ywk-index-banner-container .img {
 	background-size: 100% 100%;
 }


 .viewmore {
 	margin-top: 50px;
 	overflow: hidden;
 }

 .viewmore a {
 	display: block;
 	width: 160px;
 	height: 50px;
 	line-height: 50px;
 	border: 1px solid #fff;
 	padding: 0 0px 0 35px;
 	overflow: hidden;
 }

 .viewmore span {
 	font-size: 12px;
 	color: #fff;
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 20px;
 	text-transform: uppercase;
 }

 .viewmore i {
 	background: url('../image/jtr1.png');
 	width: 24px;
 	height: 8px;
 	display: inline-block;
 	vertical-align: middle;
 }

 .viewmore a:hover {
 	background: #fff;
 }

 .viewmore a:hover span {
 	color: #000;
 }

 .viewmore a:hover i {
 	background: url('../image/jtr2.png');
 }

 .ywk-title {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-title h2 {
 	position: relative;
 	font-size: 70px;
 	line-height: 70px;
 	margin: 10px;
 	color: #1e2d45;
 	text-transform: uppercase;
 }

 .ywk-title h2::before {
 	content: '';
 	position: absolute;
 	background: url('../image/title1.png');
 	width: 44px;
 	height: 44px;
 	left: -10px;
 	top: -5px;
 }

 .ywk-title h2::after {
 	content: '';
 	width: 10px;
 	height: 10px;
 	background: #f39700;
 	border-radius: 100%;
 	display: inline-block;
 	vertical-align: bottom;
 	margin-bottom: 10px;
 	margin-left: 5px;
 }

 .ywk-content {
 	width: 92%;
 	margin: auto;
 	position: relative;
 	overflow: hidden;
 }

 .vjs-tech,
 .video-dimensions,
 #video_html5_api,
 .vjs-paused,
 .vjs-controls-disabled {
 	height: 100% !important;
 }







 /* index - product */
 .ywk-index-product {
 	padding: 7% 0 5% 0;
 	overflow: hidden;
 	background: url('../image/ipbg.jpg') center top no-repeat;
 }

 .ywk-content-top {
 	position: relative;
 }

 .ywk-content-top-right {
 	position: absolute;
 	right: 0;
 	top: 20px;
 	width: 350px;
 }

 .ywk-content-top-swiper-leftright {
 	position: relative;
 	float: right;
 	width: 185px;
 	height: 50px;
 	border: 1px solid #e2e3e5;
 }

 .ywk-content-top-swiper-leftright::before {
 	content: '';
 	width: 1px;
 	height: 24px;
 	background: #e2e3e5;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	margin-top: -12px;
 }

 .ywk-content-top .swiper-product-next,
 .ywk-content-top .swiper-product-prev {
 	position: absolute;
 	top: 50%;
 	margin-top: -25px;
 	width: 50%;
 	height: 50px;
 	cursor: pointer;
 	opacity: .5;
 	outline: none;
 }

 .ywk-content-top .swiper-product-next:hover,
 .ywk-content-top .swiper-product-prev:hover {
 	opacity: 1;
 }

 .ywk-content-top .swiper-product-prev {
 	left: 0;
 	background: url('../image/left1.png') center no-repeat;
 }

 .ywk-content-top .swiper-product-next {
 	right: 0;
 	background: url('../image/right1.png') center no-repeat;
 }

 .swiper-product-pagination {
 	width: 50%;
 	position: absolute;
 	left: 0;
 	top: 15px;
 }

 .swiper-product-pagination {
 	font-size: 18px;
 	color: #b8becc;
 }

 .swiper-product-pagination span.swiper-pagination-total {
 	color: #b8becc;
 }

 .swiper-product-pagination span.swiper-pagination-current {
 	color: #003281;
 }

 .ywk-index-product-type {
 	padding: 3% 0 0 0;
 	overflow: hidden;
 }

 .ywk-index-product-type-item {
 	width: 100%;
 	overflow: hidden;
 	position: relative;
 }

 .ywk-index-product-type-item .top {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	padding: 10%;
 	overflow: hidden;
 	box-sizing: border-box;
 	z-index: 10;
 	color: #fff;
 }

 .ywk-index-product-type-item .title-1 {
 	font-size: 30px;
 	position: relative;
 	text-transform: uppercase;
 	opacity: .8;
 }

 .ywk-index-product-type-item .title-1::before {
 	content: '';
 	width: 20px;
 	height: 3px;
 	background: #fff;
 	margin-bottom: 20px;
 	display: block;
 	transition: all .4s ease;
 }

 .ywk-index-product-type-item .menu-2 {
 	margin-top: 80px;
 	overflow: hidden;
 	opacity: 0;
 }

 .ywk-index-product-type-item .menu-2 li {
 	display: block;
 	padding: 3px 0;
 	margin: 0;
 	list-style: none;
 	clear: both;
 }

 .ywk-index-product-type-item .menu-2 a {
 	color: #fff;
 	font-size: 14px;
 	position: relative;
 	display: inline-block;
 }

 .ywk-index-product-type-item .menu-2 a::after {
 	content: '';
 	width: 0px;
 	height: 1px;
 	background: #f39700;
 	position: absolute;
 	bottom: -3px;
 	left: 0;
 	transition: all .4s ease;
 }

 .ywk-index-product-type-item .menu-2 a:hover {
 	color: #f39700;
 }

 .ywk-index-product-type-item .menu-2 a:hover::after {
 	width: 100%;
 }

 .ywk-index-product-type-item .learnmore-3 {
 	overflow: hidden;
 	padding: 15px 0;
 	position: absolute;
 	left: 10%;
 	bottom: 5%;
 	width: 80%;
 	opacity: 0;
 }

 .ywk-index-product-type-item .learnmore-3::after {
 	content: '';
 	width: 0px;
 	height: 1px;
 	background: #fff;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	transition: all .4s ease;
 }

 .ywk-index-product-type-item .learnmore-3 a {
 	display: block;
 }

 .ywk-index-product-type-item .learnmore-3 span {
 	color: #fff;
 	font-size: 14px;
 	text-transform: uppercase;
 }

 .ywk-index-product-type-item .learnmore-3 i {
 	width: 24px;
 	height: 8px;
 	background: url('../image/jtr1.png') no-repeat;
 	position: absolute;
 	right: 0;
 	top: 50%;
 	margin-top: -4px;
 }

 .ywk-index-product-type-item .learnmore-3 a:hover span {
 	color: #f39700;
 }

 .ywk-index-product-type-item:hover .title-1 {
 	opacity: 1;
 }

 .ywk-index-product-type-item:hover .menu-2 {
 	opacity: 1;
 	margin-top: 30px;
 }

 .ywk-index-product-type-item:hover .learnmore-3 {
 	opacity: 1;
 	bottom: 10%;
 }

 .ywk-index-product-type-item:hover .learnmore-3::after {
 	width: 100%;
 }

 .ywk-index-product-type-item:hover .img {
 	opacity: .6;
 	transform: scale(1.1);
 }

 .ywk-index-product-type-item:hover {
 	background: #000;
 }

 .ywk-index-product-type-item * {
 	transition: all .4s ease;
 }


 /* index - milestone  */
 .ywk-index-milestone {
 	padding: 7% 0;
 	overflow: hidden;
 	background: url('../image/imbg.jpg') center top no-repeat #f1f4fa;
 	background-size: cover;
 }

 .ywk-index-milestone .ywk-content-top {
 	text-align: center;
 }

 .ywk-index-milestone .ywk-title {
 	margin: auto;
 	display: inline-block;
 }

 .ywk-content-milestone {
 	padding-top: 5%;
 	overflow: hidden;
 }

 .ywk-content-milestone-swiper {
 	width: 80%;
 	margin: auto;
 }

 .ywk-content-milestone-swiper-item {
 	position: relative;
 	padding: 1px 10%;
 }

 .ywk-content-milestone-swiper-item .img {
 	width: 40%;
 	background-color: transparent;
 	box-sizing: border-box;
 }

 .ywk-content-milestone-swiper-item .text {
 	position: absolute;
 	width: 40%;
 	right: 15%;
 	height: 100%;
 	top: 0;
 }

 .ywk-content-milestone-swiper-item .text .title-1 {
 	font-size: 30px;
 	color: #1e2d45;
 	text-transform: uppercase;
 }

 .ywk-content-milestone-swiper-item .text .text-2 {
 	font-size: 14px;
 	line-height: 26px;
 	color: #1e2d45;
 	padding: 20px 0 0 0;
 }

 .ywk-content-milestone-swiper-item .text .num-3 {
 	position: absolute;
 	left: 0;
 	top: 50%;
 	z-index: -1;
 	font-size: 400px;
 	color: #fff;
 	background-image: linear-gradient(to bottom, #ffffff, #f2f5fa);
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
 	margin-left: -10px;
 	text-shadow: 0px 0px 10px rgba(255, 255, 255, .5);
 	transform: translateY(-50%);
 }

 .swiper-milestone-next,
 .swiper-milestone-prev {
 	width: 45px;
 	height: 45px;
 	border-radius: 100%;
 	border: 1px solid #d0d4dd;
 	position: absolute;
 	top: 50%;
 	margin-top: -22.5px;
 	cursor: pointer;
 	z-index: 20;
 }

 .swiper-milestone-next {
 	background: url('../image/right2.png') center no-repeat;
 	right: 0;
 }

 .swiper-milestone-prev {
 	background: url('../image/left2.png') center no-repeat;
 	left: 0;
 }

 .swiper-milestone-next:hover,
 .swiper-milestone-prev:hover {
 	border: 1px solid #1e2d45;
 }

 .ywk-year-milestone {
 	margin-top: 7%;
 	overflow: hidden;
 	position: relative;
 }

 .ywk-year-milestone::after {
 	content: '';
 	width: 100%;
 	height: 1px;
 	background: #c5cad4;
 	position: absolute;
 	left: 0;
 	top: 4px;
 }

 .ywk-year-milestone-swiper {
 	width: 80%;
 	overflow: hidden;
 	margin: auto;
 	text-align: center;
 }

 .ywk-year-milestone-swiper .swiper-slide {
 	cursor: pointer;
 }

 .ywk-year-milestone-swiper i {
 	width: 8px;
 	height: 8px;
 	position: absolute;
 	left: 50%;
 	top: 0;
 	margin-left: -4px;
 	z-index: 1;
 	background: #c0c6cf;
 }

 .ywk-year-milestone-swiper span {
 	font-size: 20px;
 	display: block;
 	padding-top: 30px;
 	margin: auto;
 	color: #98a0ad;
 }

 .ywk-year-milestone-swiper .swiper-slide-thumb-active span {
 	color: #003281;
 }

 .ywk-year-milestone-swiper .swiper-slide-thumb-active i {
 	background: #003281;
 }

 .ywk-year-milestone-swiper i::after {
 	content: '';
 	width: 0px;
 	height: 1px;
 	background: #000;
 	position: absolute;
 	left: 4px;
 	top: 4px;
 	z-index: 3;
 }

 .ywk-year-milestone-swiper .swiper-slide-thumb-active i::after {
 	animation: width130 3500ms infinite ease;
 }

 @keyframes width130 {
 	0% {
 		width: 0px;
 	}

 	100% {
 		width: 130px;
 	}
 }


 /* index - globalfootprint  */
 .ywk-index-globalfootprint {
 	padding: 7% 0 2% 0;
 	overflow: hidden;
 	background: url('../image/globalfootprint.jpg') center top no-repeat #0a1019;
 	background-size: cover;
 }

 .ywk-index-globalfootprint .ywk-content-top {
 	text-align: center;
 }

 .ywk-index-globalfootprint .ywk-content-top .ywk-title {
 	display: inline-block;
 }

 .ywk-index-globalfootprint .ywk-content-top .ywk-title h2 {
 	color: #fff;
 }

 .ywk-index-globalfootprint .ywk-content-top .ywk-title h2::before {
 	background: url('../image/title2.png');
 }

 .ywk-text {
 	font-size: 16px;
 	color: #fff;
 	opacity: .6;
 	line-height: 26px;
 	width: 40%;
 	margin: .5% auto 4% auto;
 }

 .ywk-globalfootprint-item {
 	width: 86%;
 	margin: 3% auto auto auto;
 	overflow: hidden;
 }

 .ywk-globalfootprint-item li {
 	position: relative;
 	float: left;
 	width: 20%;
 	box-sizing: border-box;
 	padding: 1.3% 2% 1.5% 2%;
 	color: #fff;
 	overflow: hidden;
 	list-style: none;
 	margin: 0;
 	text-align: left;
 	border-top: 1px solid rgba(255, 255, 255, .2);
 	border-right: 1px solid rgba(255, 255, 255, .2);
 	border-bottom: 1px solid rgba(255, 255, 255, .2);
 	transition: all .4s ease;
 }

 .ywk-globalfootprint-item li:first-child {
 	border-left: 1px solid rgba(255, 255, 255, .2);
 }

 .ywk-globalfootprint-item li i {
 	width: 35px;
 	height: 35px;
 	position: absolute;
 	right: 15%;
 	top: 24%;
 }

 .ywk-globalfootprint-item li h3 {
 	margin: 0;
 	position: relative;
 	font-weight: normal;
 }

 .ywk-globalfootprint-item li h3 strong {
 	font-size: 44px;
 	font-weight: normal;
 }

 .ywk-globalfootprint-item li h3 strong em {
 	font-style: normal;
 }

 .ywk-globalfootprint-item li h3 span {
 	font-size: 20px;
 	padding-left: 10px;
 	text-transform: uppercase;
 	font-weight: normal;
 }

 .ywk-globalfootprint-item li h3 sup {
 	font-size: 30px;
 	line-height: 30px;
 	font-weight: normal;
 	display: inline-block;
 	vertical-align: super;
 	margin: 0px 0 0 5px;
 }

 .ywk-globalfootprint-item li p {
 	display: block;
 	font-size: 15px;
 	opacity: .6;
 	margin: 10px 0 0 0;
 }

 .ywk-globalfootprint-item li:hover {
 	background: rgba(0, 50, 130, .8);
 }

 .ywk-content-globalfootprint {
 	margin-top: 3%;
 	position: relative;
 }

 .ywk-content-globalfootprint .img {
 	background-color: transparent;
 }

 .ywk-map-line {
 	width: 1200px;
 	margin: auto;
 	position: relative;
 }

 .ywk-map-line .points {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	z-index: 1;
 }

 .ywk-map-line .points .yuand {
 	position: absolute;
 	top: 50%;
 	left: -5px;
 	margin-top: -6px;
 	width: 50px;
 	height: 50px;
 	border-radius: 100%;
 	transform: scale(.1);
 	background: rgba(255, 255, 255, .1);
 }

 .ywk-map-line .points .yuand i {
 	display: block;
 	width: 10px;
 	height: 10px;
 	border-radius: 100%;
 	background: #fff;
 	margin: 20px;
 }

 .ywk-map-line .points .yuand::before {
 	content: '';
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	margin: -15px 0 0 -15px;
 	width: 30px;
 	height: 30px;
 	border-radius: 100%;
 	background: rgba(255, 255, 255, .1);
 }

 .ywk-map-line .points span {
 	display: block;
 	font-size: 12px;
 	color: #fff;
 	opacity: .4;
 	padding: 13px;
 	display: none;
 }

 .ywk-map-line .points.cur .yuand {
 	background: rgba(243, 151, 0, .2);
 }

 .ywk-map-line .points.cur .yuand::before {
 	background: rgba(243, 151, 0, .2);
 }

 .ywk-map-line .points.cur .yuand i {
 	background: #f39700;
 }

 .ywk-map-line .points.cur span {
 	color: #f39700;
 	opacity: 1;
 }

 .ywk-map-line .points .yuand {
 	animation: yuanfangda 1500ms infinite ease;
 }

 .ywk-map-line .points1 .yuand {
 	animation: yuanfangda 2200ms infinite ease;
 }

 .ywk-map-line .points2 .yuand {
 	animation: yuanfangda 2300ms infinite ease;
 }

 .ywk-map-line .points4 .yuand {
 	animation: yuanfangda 2200ms infinite ease;
 }

 .ywk-map-line .points6 .yuand {
 	animation: yuanfangda 2300ms infinite ease;
 }

 .ywk-map-line .points8 .yuand {
 	animation: yuanfangda 2100ms infinite ease;
 }

 .ywk-map-line .points10 .yuand {
 	animation: yuanfangda 1400ms infinite ease;
 }

 .ywk-map-line .points12 .yuand {
 	animation: yuanfangda 2600ms infinite ease;
 }

 .ywk-map-line .points13 .yuand {
 	animation: yuanfangda 1100ms infinite ease;
 }

 .ywk-map-line .points17 .yuand {
 	animation: yuanfangda 1200ms infinite ease;
 }

 .ywk-map-line .points18 .yuand {
 	animation: yuanfangda 2100ms infinite ease;
 }

 .ywk-map-line .points20 .yuand {
 	animation: yuanfangda 1400ms infinite ease;
 }

 .ywk-map-line .points22 .yuand {
 	animation: yuanfangda 2600ms infinite ease;
 }

 .ywk-map-line .points24 .yuand {
 	animation: yuanfangda 1300ms infinite ease;
 }

 @keyframes yuanfangda {
 	0% {
 		transform: scale(0.1);
 		opacity: 1;
 	}

 	100% {
 		transform: scale(1.2);
 		opacity: 0;
 	}
 }



 .points1 {
 	margin: -60px 0 0 -45px;
 }

 .points2 {
 	margin: -140px 0 0 -405px;
 }

 .points3 {
 	margin: -95px 0 0 -400px;
 }

 .points4 {
 	margin: -145px 0 0 -310px;
 }

 .points5 {
 	margin: -115px 0 0 -350px;
 }

 .points6 {
 	margin: -170px 0 0 -120px;
 }

 .points7 {
 	margin: -35px 0 0 -135px;
 }

 .points8 {
 	margin: 130px 0 0 -300px;
 }

 .points9 {
 	margin: -90px 0 0 70px;
 }

 .points10 {
 	margin: 0px 0 0 -30px;
 }

 .points11 {
 	margin: 120px 0 0 30px;
 }

 .points12 {
 	margin: 185px 0px 0 170px;
 }

 .points13 {
 	margin: -155px 0px 0 390px;
 }

 .points14 {
 	margin: -80px 0px 0 440px;
 }

 .points15 {
 	margin: 62px 0px 0 530px;
 }

 .points16 {
 	margin: 102px 0px 0 580px;
 }

 .points17 {
 	margin: -95px 0px 0 -180px;
 }

 .points18 {
 	margin: -25px 0px 0 -280px;
 }

 .points19 {
 	margin: -10px 0px 0 -360px;
 }

 .points20 {
 	margin: 60px 0px 0 -300px;
 }

 .points21 {
 	margin: -190px 0px 0 10px;
 }

 .points22 {
 	margin: -190px 0px 0 310px;
 }

 .points23 {
 	margin: -20px 0px 0 450px;
 }

 .points24 {
 	margin: 170px 0px 0 550px;
 }





 /* index - customers  */
 .ywk-index-customers {
 	padding: 7% 0 2% 0;
 	overflow: hidden;
 	background: url('../image/customers.jpg') center top no-repeat #0a1019;
 	background-size: cover;
 }

 .ywk-index-customers .ywk-content-top {
 	text-align: center;
 }

 .ywk-index-customers .ywk-content-top .ywk-title {
 	display: inline-block;
 }

 .ywk-index-customers .ywk-text {
 	color: #1e2d45;
 	opacity: .8;
 }

 .ywk-content-customers {
 	margin: 3% auto;
 	position: relative;
 	overflow: hidden;
 }

 .ywk-content-customers-swiper {
 	position: relative;
 	overflow: hidden;
 	padding-bottom: 5%;
 	width: 82%;
 	margin: auto;
 }

 .ywk-content-customers-swiper .img {
 	position: relative;
 	background: rgba(255, 255, 255, 1);
 	width: 100%;
 	transition: all .4s ease;
 }

 .ywk-content-customers-swiper .img:hover {
 	background: rgba(255, 255, 255, 1);
 }

 .ywk-content-customers-swiper .swiper-pagination-customers {
 	bottom: 0;
 }

 .ywk-content-customers-swiper .swiper-pagination-customers span {
 	font-size: 16px;
 	color: #003281;
 	width: 20px;
 	height: auto;
 	border-bottom: 2px solid #003281;
 }

 .ywk-content-customers-swiper .swiper-pagination-customers span.swiper-pagination-bullet {
 	margin: 0 10px;
 	border-radius: 0;
 	background: none;
 	padding-bottom: 5px;
 }

 .ywk-content-customers-swiper .swiper-pagination-customers span.swiper-pagination-bullet-active {
 	color: #f39700;
 	border-bottom: 2px solid #f39700;
 }





 /* product */
 .ywk-page-banner {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 }

 .ywk-page-banner .img {
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 	animation: bgimgain 3000ms 1 ease-out;
 }

 @keyframes bgimgain {
 	0% {
 		transform: scale(1.05);
 	}

 	100% {
 		transform: scale(1.0);
 	}
 }

 .ywk-page-banner .banner-title.bottom35 {
 	bottom: 35%;
 }

 .ywk-page-banner .ywk-index-banner-scroll {
 	right: 5%;
 	left: auto;
 	bottom: 10%;
 }

 .banner-title {
 	position: absolute;
 	left: 5%;
 	bottom: 12%;
 	z-index: 10;
 	padding: 10px 0 0 20px;
 	overflow: hidden;
 	background: url('../image/sc2.png') left top no-repeat;
 }

 .banner-title h2 {
 	position: relative;
 	font-size: 100px;
 	line-height: 100px;
 	margin: 0;
 	color: #fff;
 	text-transform: uppercase;
 }

 .banner-nav-type {
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	height: auto;
 	z-index: 5;
 	position: absolute;
 	background: rgba(255, 255, 255, .15);
 	backdrop-filter: blur(5px);
 }

 .banner-nav-type::before {
 	content: '';
 	width: 100%;
 	height: 1px;
 	position: absolute;
 	right: 0;
 	top: 0;
 	background: #fff;
 	opacity: .2;
 }

 .nav-type {
 	position: relative;
 	font-size: 0;
 	text-align: center;
 	overflow: hidden;
 }

 .nav-type::before {
 	content: '';
 	width: 100%;
 	height: 1px;
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	background: #fff;
 	opacity: .2;
 }

 .nav-type li {
	cursor: pointer;
 	width: calc(100% / 9);
 	float: left;
 	margin: 0;
 	padding: 0;
 	overflow: hidden;
 }

 .nav-type li::after {
 	content: '';
 	width: 1px;
 	height: 100%;
 	position: absolute;
 	right: 0;
 	top: 0;
 	background: rgba(255, 255, 255, .2);
 	display: none;
 }

 .nav-type li:last-child::after {
 	display: none;
 }

 .nav-type a {
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 	padding: 15% 0;
 	background: url('../image/tiao.png') 300px 400px no-repeat;
 	position: relative;
 	display: block;
 	box-sizing: border-box;
 	z-index: 10;
 	position: relative;
 }

 .nav-type a::before {
 	content: '';
 	width: 1px;
 	height: 100%;
 	position: absolute;
 	right: 0;
 	top: 0;
 	background: rgba(255, 255, 255, .2);
 }

 .nav-type li:last-child a::before {
 	display: none;
 }

 .nav-type a i {
 	display: block;
 	width: 55px;
 	height: 55px;
 	position: relative;
 	margin: auto;
 }

 .nav-type a i img,
 .nav-type a i svg {
 	max-width: 80%;
 	max-height: 80%;
 	opacity: .8;
 }

 .nav-type a i * {
 	fill: #ffffff !important;
 }

 .nav-type a h4 {
 	position: relative;
 	font-size: 18px;
 	color: #fff;
 	margin: 0;
 	font-weight: normal;
 	z-index: 5;
 	text-transform: uppercase;
 	opacity: .8;
 }

 .nav-type a:hover {
 	background: #003281 url('../image/tiao.png') 100px -50px no-repeat;
 }

 .nav-type li.cur a {
 	background: #003281 url('../image/tiao.png') 100px -50px no-repeat;
 }

 .nav-type li.cur a h4 {
 	opacity: 1;
 }

 .nav-type li.cur a i * {
 	opacity: 1;
 }

 /* .nav-type-two {overflow: hidden;padding:30px 0;position: relative;background: url('../upload/nav-mark.png');}
.nav-type-show {display: none;overflow: hidden;opacity: 0;position: absolute;left:5%;top: 0;width: 90%;height: 100%;z-index: 11;}
.nav-type-show.cur {display: block;opacity: 1;}
.nav-type-show a{display: inline-block;vertical-align: middle;line-height: 60px;color: #fff;text-transform: uppercase;margin-right:2%;opacity: .6; position: relative;font-size: 13px;}
.nav-type-show a:hover::after {width: 100%;}
.nav-type-show a:hover {opacity:1;}
.nav-type-show a.cur {color: #f39700;opacity:1;}
.nav-type-show a::after {content: '';width: 0px;height: 1px;position: absolute;bottom: 15px;left: 0;background: #fff;transition:all .4s ease;}
.nav-type-show a.cur::after {width: 100%;background: #f39700;} */

 .nav-type-two-show {
 	position: absolute;
 	left: 0;
 	width: 100%;
 	overflow: hidden;
 	z-index: 33;
 	bottom: 0;
 	height: 60px;
 	display: none;
 }

 .nav-type-two-show::before {
 	content: '';
 	width: 100%;
 	height: 1px;
 	position: absolute;
 	right: 0;
 	top: 0;
 	background: #fff;
 	opacity: .2;
 }

 .nav-type-two-show .nav-type-two {
 	width: 90%;
 	height: 100%;
 	padding: 0;
 	background: none;
 	position: relative;
 	text-align: left;
 	margin: auto;
 }

 .nav-type-two-show .nav-type-two a {
 	width: auto;
 	height: auto;
 	background: none;
 	display: inline-block;
 	vertical-align: middle;
 	line-height: 60px;
 	color: #fff;
 	margin-right: 2%;
 	opacity: .6;
 	position: relative;
 	font-size: 13px;
 	padding: 0;
 	background: none;
 	font-weight: bold;
 }

 .nav-type-two-show .nav-type-two a::before {
 	display: none;
 }

 .nav-type-two-show .nav-type-two a.cur,
 .nav-type li.cur .nav-type-two-show .nav-type-two a {
 	background: none;
 }

 .nav-type-two-show .nav-type-two a.cur {
 	color: #f39700;
 	opacity: 1;
 }

 .nav-type-two-show .nav-type-two a:hover {
 	opacity: 1;
 }

 .nav-type-two-show .nav-type-two a::after {
 	content: '';
 	width: 0px;
 	height: 1px;
 	position: absolute;
 	bottom: 15px;
 	left: 0;
 	background: #fff;
 	transition: all .4s ease;
 }

 .nav-type-two-show .nav-type-two a.cur::after {
 	width: 100%;
 	background: #f39700;
 }

 .nav-type-two-show .nav-type-two a:hover::after {
 	width: 100%;
 }

 .nav-type li.cur .nav-type-two-show {
 	display: block;
 }




 .ywk-page {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-page.boxkuai::before {
 	content: '';
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: 1;
 	background: #f5f7fa;
 }

 .ywk-page-content {
 	position: relative;
 	overflow: hidden;
 	z-index: 10;
 }

 .ywk-product-content {
 	padding: 6% 0;
 	overflow: hidden;
 	width: 88%;
 	margin: auto;
 	position: relative;
 }

 .ywk-left {
 	float: left;
 	width: 38%;
 	padding: 0 0 0 7%;
 	position: relative;
 }

 .ywk-introduce {
 	font-size: 18px;
 	line-height: 30px;
 	color: #1e2d45;
 	overflow: hidden;
 	text-align: justify;
 }

 .ywk-introduce-line {
 	color: #003281;
 	font-size: 16px;
 	line-height: 26px;
 	padding: 20px 0;
 	overflow: hidden;
 	text-align: justify;
 }

 .ywk-introduce-line p {
 	text-decoration: underline;
 }

 .ywk-introduce-item {
 	overflow: hidden;
 }

 .ywk-introduce-item li {
 	list-style: none;
 	float: left;
 	overflow: hidden;
 	margin-right: 10%;
 }

 .ywk-introduce-item li h4 {
 	font-weight: normal;
 	color: #f39700;
 	margin: 5px 0;
 }

 .ywk-introduce-item li h4 strong {
 	font-weight: normal;
 	font-size: 30px;
 }

 .ywk-introduce-item li h4 span {
 	font-size: 20px;
 }

 .ywk-introduce-item li p {
 	display: block;
 	font-size: 14px;
 	color: #666e80;
 	margin: 5px 0;
 }

 .ywk-right {
 	width: 50%;
 	float: right;
 }

 .ywk-right-video {
 	position: relative;
 	background-color: transparent;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 }

 .ywk-play {
 	width: 76px;
 	height: 76px;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin: -33px 0 0 -33px;
 	border: 3px solid #fff;
 	border-radius: 100%;
 	z-index: 10;
 	cursor: pointer;
 	transition: all .4s ease;
 }

 .ywk-play:hover {
 	border: 3px solid #f39700;
 }

 .ywk-play i {
 	display: block;
 	width: 17px;
 	height: 23px;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin: -11.5px 0 0 -7.5px;
 	background: url('../image/play.png') center no-repeat;
 }

 .ywk-product {
 	padding: 6% 0;
 	overflow: hidden;
 	width: 88%;
 	margin: auto;
 }

 .ywk-product .ywk-content-top {
 	text-align: center;
 }

 .ywk-product .ywk-content-top .ywk-title {
 	display: inline-block;
 }

 .ywk-product-nav {
 	text-align: center;
 	margin-top: 30px;
 	overflow: hidden;
 	font-size: 0;
 }

 .ywk-product-nav a {
 	text-transform: uppercase;
 	font-size: 18px;
 	color: #9498a0;
 	line-height: 60px;
 	padding: 0 40px;
 	display: inline-block;
 	vertical-align: middle;
 	box-sizing: border-box;
 	border-top: 1px solid #e5e5e5;
 	border-bottom: 1px solid #e5e5e5;
 	border-right: 1px solid #e5e5e5;
 }

 .ywk-product-nav a:first-child {
 	border-left: 1px solid #e5e5e5;
 }

 .ywk-product-nav a.cur {
 	color: #fff;
 	background: #003281 url('../image/tiao.png') 20% 20% no-repeat;
 }

 .ywk-product-nav a:hover {
 	color: #003281;
 }

 .ywk-product-nav a.cur:hover {
 	color: #fff;
 }

 .ywk-product-list {
 	padding: 3% 0 0 0;
 	overflow: hidden;
 }

 .ywk-product-item {
 	float: left;
 	width: 49%;
 	margin-bottom: 1%;
 	margin-right: 1%;
 	overflow: hidden;
 }

 .ywk-product-item a {
 	display: block;
 	position: relative;
 }

 .ywk-product-item .text {
 	width: 40%;
 	height: 100%;
 	overflow: hidden;
 	position: absolute;
 	left: 0;
 	z-index: 2;
 	padding-left: 10%;
 }

 .ywk-product-item .title-1 {
 	font-size: 26px;
 	color: #1e2d45;
 	position: relative;
 	overflow: hidden;
 	padding-bottom: 7%;
 	padding-top: 5px;
 }

 .ywk-product-item .title-1::after,
 .ywk-product-item .title-1::before {
 	content: '';
 	width: 100%;
 	height: 2px;
 	background: #dadddf;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 }

 .ywk-product-item .title-1::before {
 	width: 20%;
 	z-index: 3;
 	background: #f39700;
 	transition: all .4s ease;
 }

 .ywk-product-item .title-1::after {
 	width: 100%;
 }

 .ywk-product-item .text-2 {
 	font-size: 14px;
 	line-height: 26px;
 	color: #666e80;
 	padding: 6% 0;
 	overflow: hidden;
 }

 .ywk-product-item .more-3 {
 	position: relative;
 	padding-top: 7%;
 	padding-bottom: 5px;
 	overflow: hidden;
 	display: inline-block;
 }

 .ywk-product-item .more-3::after {
 	content: '';
 	width: 0px;
 	height: 1px;
 	background: #c6d1e3;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	transition: all .4s ease;
 }

 .ywk-product-item .more-3 span {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 14px;
 	color: #a1a6b2;
 	margin-right: 10px;
 }

 .ywk-product-item .more-3 i {
 	display: inline-block;
 	vertical-align: middle;
 	background: url('../image/right2.png') center no-repeat;
 	width: 17px;
 	height: 7px;
 	opacity: .4;
 }

 .ywk-product-item .img {
 	background-color: #f5f7fa;
 }

 .ywk-product-item .img img {
 	opacity: 0;
 }

 .ywk-product-item .product-pic {
 	width: 50%;
 	height: 100%;
 	overflow: hidden;
 	position: absolute;
 	right: 0;
 }

 .ywk-product-item a:hover .title-1 {
 	padding-left: 10px;
 	background: url('../image/bt1.png') left top no-repeat;
 	color: #003281;
 }

 .ywk-product-item a:hover .title-1::before {
 	width: 100%;
 }

 .ywk-product-item a:hover .text-2 {
 	color: #666e80;
 }

 .ywk-product-item a:hover .more-3 span {
 	color: #1e2d45;
 }

 .ywk-product-item a:hover .more-3 i {
 	opacity: 1;
 }

 .ywk-product-item a:hover .more-3::after {
 	width: 100%;
 }

 .ywk-product-item a:hover .product-pic img.img-center {
 	transform: scale(1.05);
 }


 .ywk-product-detail {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-product-detail-top {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-product-detail-path {
 	padding: 20px 0;
 	font-size: 12px;
 	color: #666e80;
 	position: absolute;
 	left: 4%;
 	top: 98px;
 	z-index: 10;
 	width: 92%;
 }

 .ywk-product-detail-path a {
 	font-size: 12px;
 	color: #666e80;
 }

 .ywk-product-detail-path a.cur {
 	color: #003281;
 }

 .ywk-product-detail-path a:hover {
 	color: #003281;
 }

 .ywk-product-detail-text {
 	position: absolute;
 	width: 88%;
 	left: 9%;
 	top: 50%;
 	z-index: 5;
 	padding-top: 4.8%;
 	overflow: hidden;
 	transform: translateY(-50%);
 }

 .ywk-product-detail-text .xinghao-1 {
 	color: #f39700;
 	font-size: 40px;
 }

 .ywk-product-detail-text .title-2 {
 	color: #003281;
 	font-size: 90px;
 	text-transform: uppercase;
 	width: 36%;
 }

 .ywk-product-detail-text .line-3 {
 	width: 50px;
 	height: 4px;
 	background: #003281;
 	margin: 20px 0;
 }

 .ywk-product-detail-text .text-4 {
 	color: #666e80;
 	font-size: 16px;
 	line-height: 28px;
 	padding-top: .3%;
 	overflow: auto;
 	width: 36%;
 	max-height: 220px;
 }

 .ywk-product-detail-text .text-4::-webkit-scrollbar {
 	height: 4px;
 	width: 2px;
 	background: #dbdedf;
 }

 .ywk-product-detail-text .text-4 p {
 	margin: 0;
 	padding: 0;
 	font-size: 16px;
 	line-height: 28px;
 }

 .ywk-product-detail-text .text-4 * {
 	margin: 0;
 	padding: 0;
 	font-size: 16px;
 	line-height: 28px;
 }

 .ywk-product-detail-pic {
 	position: absolute;
 	width: 50%;
 	right: 5%;
 	top: 10%;
 	overflow: hidden;
 	z-index: 8;
 }

 .ywk-product-detail-pic .pic {
 	position: relative;
 }

 .bigtitle-bg {
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: 1;
 	width: 90%;
 	overflow: hidden;
 	white-space: nowrap;
 }

 .bigtitle-bg strong {
 	font-weight: normal;
 	font-size: 290px;
 	line-height: 250px;
 	text-transform: uppercase;
 	background-image: linear-gradient(to bottom, #eef2f4, #1e2d45);
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
 	opacity: .1;
 }

 .ywk-product-detail-features {
 	overflow: hidden;
 	position: relative;
 }

 .ywk-product-detail-main {
 	position: absolute;
 	overflow: hidden;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 0;
 	z-index: 5;
 }

 .ywk-product-detail-features .ywk-content-top {
 	text-align: center;
 	padding-top: 80px;
 	overflow: hidden;
 }

 .ywk-product-detail-features .ywk-title {
 	display: inline-block;
 }

 .ywk-product-detail-features .ywk-title h2 {
 	color: #fff;
 }

 .ywk-product-detail-features .ywk-title h2::before {
 	background: url('../image/title2.png');
 }

 .ywk-features-swiper {
 	padding: 3% 0 5% 0;
 	overflow: hidden;
 	width: 80%;
 	margin: 0 auto;
 }

 .features-item {
 	position: relative;
 	background: rgba(255, 255, 255, .05) url('../image/tiao.png') 1000px 1000px no-repeat;
 	overflow: hidden;
 	transition: all .4s ease;
 	backdrop-filter: blur(3px);
 }

 .features-item .text {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 0;
 	padding: 5% 15%;
 	overflow: hidden;
 	box-sizing: border-box;
 	text-align: center;
 	color: #fff;
 }

 .features-item i {
 	display: block;
 	width: 60px;
 	height: 60px;
 	margin: 10px auto;
 	position: relative;
 }

 .features-item .title-1 {
 	font-weight: bold;
 	position: relative;
 	font-size: 18px;
 }

 .features-item .title-1::after {
 	content: '';
 	width: 40px;
 	height: 2px;
 	display: block;
 	margin: 20px auto;
 	background: #f39700;
 }

 .features-item strong {
 	display: block;
 	font-weight: normal;
 	font-size: 15px;
 	line-height: 25px;
 	margin-top: 20px;
 	opacity: .6;
 }

 .features-item .img {
 	background-color: transparent;
 }

 .features-item:hover {
 	margin-top: -20px;
 	background: #013281 url('../image/tiao.png') 200px 150px no-repeat;
 }

 .features-item:hover strong {
 	opacity: 1;
 }

 .ywk-features-swiper .swiper-pagination-features {
 	bottom: 0;
 }

 .ywk-features-swiper .swiper-pagination-features span {
 	font-size: 16px;
 	color: #fff;
 	width: 30px;
 	height: auto;
 	border-bottom: 2px solid #fff;
 }

 .ywk-features-swiper .swiper-pagination-features span.swiper-pagination-bullet {
 	margin: 0 10px;
 	border-radius: 0;
 	background: none;
 	padding-bottom: 5px;
 }

 .ywk-features-swiper .swiper-pagination-features span.swiper-pagination-bullet-active {
 	color: #f39700;
 	border-bottom: 2px solid #f39700;
 }

 .swiper-features-next,
 .swiper-features-prev {
 	position: absolute;
 	top: 50%;
 	margin-top: 13px;
 	width: 30px;
 	height: 57px;
 	cursor: pointer;
 	opacity: .5;
 	outline: none;
 }

 .swiper-features-next:hover,
 .swiper-features-prev:hover {
 	opacity: 1;
 }

 .swiper-features-prev {
 	left: 6%;
 	background: url('../image/left3.png') center no-repeat;
 	background-size: 100%;
 }

 .swiper-features-next {
 	right: 6%;
 	background: url('../image/right3.png') center no-repeat;
 	background-size: 100%;
 }


 .ywk-product-detail-applications {
 	overflow: hidden;
 	padding: 8% 0 5% 0;
 	background: url('../image/applications.jpg') center no-repeat;
 	background-size: cover;
 }

 .ywk-applications-content {
 	margin-left: 10%;
 	width: 90%;
 	position: relative;
 	overflow: hidden;
 }

 .ywk-applications-swiper {
 	padding: 3% 0 5% 0;
 	overflow: hidden;
 	cursor: url(https://www.envicool.net/static/upload/hmous.cur), default !important;
 }

 .ywk-applications-swiper .text {
 	position: absolute;
 	bottom: 10%;
 	left: 10%;
 	z-index: 2;
 	font-size: 24px;
 	color: #fff;
 }

 .ywk-applications-swiper .swiper-slide .img {
 	overflow: hidden;
 }

 .ywk-applications-swiper .swiper-slide .pic {
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-color: #000;
 	transition: all .4s ease;
 }

 .ywk-applications-swiper .swiper-slide:hover .img .pic {
 	transform: scale(1.1);
 }

 .ywk-applications-swiper .ywk-progressbar {
 	bottom: 2%;
 	top: auto;
 	height: 2px;
 	background: #d8dcde;
 	width: 80%;
 }

 .ywk-applications-swiper .ywk-progressbar span {
 	background: #003281;
 }

 .swiper-pagination-num {
 	font-size: 20px;
 	position: absolute;
 	bottom: 5px;
 	right: 15%;
 	color: #a1a6b2;
 }

 .swiper-pagination-num span {
 	font-size: 20px;
 }

 .swiper-pagination-num #current1 {
 	color: #003281;
 }


 .ywk-product-detail-parameter {
 	padding: 5% 0;
 	overflow: hidden;
 	background: url('../image/parameter1.jpg') center no-repeat;
 	background-size: cover;
 }

 .ywk-product-detail-parameter .pic {
 	float: left;
 	width: 50%;
 	position: relative;
 }

 .ywk-parameter-content {
 	overflow: hidden;
 	position: relative;
 	width: 40%;
 	margin-top: 3%;
 }

 .ywk-parameter-content .title-1 {
 	font-size: 60px;
 	color: #003281;
 	padding-bottom: 30px;
 	margin-bottom: 30px;
 	border-bottom: 3px solid #003281;
 	text-transform: uppercase;
 }

 .ywk-parameter-content .parameter-2 {
 	overflow: hidden;
 	height: 580px;
 	overflow-x: hidden;
 	overflow-y: auto;
 }

 .ywk-parameter-content .parameter-2::-webkit-scrollbar {
 	width: 2px;
 }

 .ywk-parameter-content .parameter-2 ul {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	padding-right: 5%;
 }

 .ywk-parameter-content .parameter-2 ul * {
 	transition: all .4s ease;
 }

 .ywk-parameter-content .parameter-2 ul li {
 	list-style: none;
 	padding: 20px 0;
 	margin: 0;
 	border-bottom: 1px solid #e5e5e5;
 	float: left;
 	width: 45%;
 	margin-right: 5%;
 }

 .ywk-parameter-content .parameter-2 ul li span {
 	color: #666e80;
 	font-size: 14px;
 	display: block;
 }

 .ywk-parameter-content .parameter-2 ul li strong {
 	font-weight: normal;
 	font-size: 14px;
 	margin: 5px 0;
 	color: #1e2d45;
 	display: block;
 }

 .ywk-parameter-content .parameter-2 ul h6 {
 	font-weight: normal;
 	margin: 0px;
 	padding: 25px 0;
 	font-size: 14px;
 	display: block;
 	clear: both;
 	color: #1e2d45;
 	width: 95%;
 	border-bottom: 1px solid #e5e5e5;
 }

 .ywk-parameter-content .parameter-2 ul li:hover {
 	border-bottom: 1px solid #f39700;
 }

 .ywk-parameter-content .parameter-2 ul li:hover strong {
 	color: #f39700;
 }






 /* solutions */
 .ywk-solutions-content {
 	overflow: hidden;
 }

 .ywk-solutions-content .ywk-content-top {
 	text-align: center;
 }

 .ywk-solutions-content .ywk-content-top .ywk-title {
 	display: inline-block;
 }

 .ywk-solutions-content .ywk-content-top .ywk-text {
 	font-size: 30px;
 	text-transform: uppercase;
 	padding-bottom: 20px;
 	color: #1e2d45;
 	width: 100%;
 	opacity: 1;
 	margin: 20px auto auto;
 }

 .ywk-data-center {
 	background: url('../image/bg2.jpg');
 	padding: 7% 0 3% 0;
 	overflow: hidden;
 }

 .ywk-content-data-center {
 	margin: 3% auto;
 	overflow: hidden;
 	width: 90%;
 	position: relative;
 }

 .ywk-content-data-center .leftpic-1 {
 	width: 47.5%;
 	overflow: hidden;
 	position: relative;
 }

 .ywk-content-data-center .textright-2 {
 	position: absolute;
 	width: 43%;
 	right: 5%;
 	top: 0;
 	height: 100%;
 }

 .ywk-content-data-center .textright-2 .title-1 {
 	font-size: 40px;
 	text-transform: uppercase;
 	padding-bottom: 20px;
 	color: #1e2d45;
 }

 .ywk-content-data-center .textright-2 .title-1 strong {
 	color: #003281;
 	font-weight: normal;
 }

 .ywk-content-data-center .textright-2 .text-2 {
 	font-size: 16px;
 	line-height: 26px;
 	color: #666e80;
 	text-align: justify;
 	width: 84%;
 }

 .ywk-content-data-center-solution {
 	margin: 5% auto;
 	overflow: hidden;
 	width: 90%;
 	position: relative;
 	clear: both;
 }

 .ywk-data-center-item {
 	position: relative;
 	overflow: hidden;
 	float: left;
 	width: 33.333%;
 	margin: 0;
 	background: #000;
 }

 .ywk-data-center-item * {
 	transition: all .4s ease;
 }

 .ywk-data-center-item .text {
 	position: absolute;
 	width: 90%;
 	left: 5%;
 	bottom: 5%;
 	z-index: 1;
 	transform: translateY(80px);
 }

 .ywk-data-center-item .text .title-1 {
 	font-size: 30px;
 	text-transform: uppercase;
 	color: #fff;
 	position: relative;
 }

 .ywk-data-center-item .text .title-1::after {
 	content: '';
 	display: block;
 	width: 0px;
 	height: 2px;
 	margin: 20px 0;
 	background: #f39700;
 	transition: all .4s ease;
 }

 .ywk-data-center-item .text .text-2 {
 	font-size: 14px;
 	color: #b1b2b2;
 	line-height: 24px;
 	opacity: 0;
 	min-height: 40px;
 }

 .ywk-data-center-item:hover .title-1 {
 	color: #f39700;
 }

 .ywk-data-center-item:hover .text {
 	transform: translateY(0px);
 }

 .ywk-data-center-item:hover .title-1::after {
 	width: 40px;
 }

 .ywk-data-center-item:hover .text-2 {
 	opacity: 1;
 }

 .ywk-data-center-item:hover .img {
 	opacity: .4;
 }

 .ywk-application-scenarios {
 	padding: 7% 0 0 0;
 	overflow: hidden;
 	background: #f5f7fa;
 }

 .ywk-application-scenarios .ywk-title {
 	margin-left: 5%;
 }

 .ywk-application-scenarios-center {
 	overflow: hidden;
 }

 .ywk-application-scenarios-item {
 	position: relative;
 	overflow: hidden;
 	clear: both;
 	margin: 7% 0;
 }

 .ywk-application-scenarios-item.fr .img {
 	float: right;
 	width: 70%;
 }

 .ywk-application-scenarios-item.fl .img {
 	float: left;
 	width: 70%;
 }

 .ywk-application-scenarios-item .text {
 	position: absolute;
 	left: 0;
 	top: 15%;
 	width: 40%;
 	background: #fff;
 	overflow: hidden;
 	z-index: 5;
 	box-sizing: border-box;
 }

 .ywk-application-scenarios-item.fl .text {
 	left: auto;
 	right: 0;
 }

 .ywk-application-scenarios-item .text .text-center {
 	position: absolute;
 	width: 77%;
 	height: 100%;
 	left: 13%;
 	top: 0;
 	overflow: hidden;
 }

 .ywk-application-scenarios-item .text .num-1 {
 	font-size: 24px;
 	color: #a1a7b2;
 }

 .ywk-application-scenarios-item .text .name-2 {
 	font-size: 30px;
 	color: #003281;
 	text-transform: uppercase;
 }

 .ywk-application-scenarios-item .text .item-3 {
 	font-size: 14px;
 	color: #666e80;
 	line-height: 24px;
 	margin: 30px 0 50px 0;
 	padding-left: 10px;
 	overflow: hidden;
 	position: relative;
 }

 .ywk-application-scenarios-item .text .item-3::before {
 	content: '';
 	width: 2px;
 	height: 100%;
 	background: #003281;
 	position: absolute;
 	left: 0;
 	top: 0;
 }

 .ywk-application-scenarios-item .text .item-3 li {
 	list-style: none;
 	margin: 0;
 	font-size: 14px;
 	color: #666e80;
 	line-height: 24px;
 	position: relative;
 	padding-left: 10px;
 }

 .ywk-application-scenarios-item .text .item-3 li::before {
 	content: '';
 	width: 3px;
 	height: 3px;
 	background: #ccc;
 	position: absolute;
 	left: 0;
 	top: 50%;
 	margin-top: -1px;
 }

 .ywk-application-scenarios-item .img {
 	position: relative;
 }

 .ywk-application-scenarios-item .img a {
 	display: block;
 }

 .readmore {
 	overflow: hidden;
 	clear: both;
 }

 .readmore a {
 	display: block;
 	border: 1px solid #003281;
 	width: 200px;
 	height: 52px;
 	text-align: center;
 }

 .readmore span {
 	font-size: 14px;
 	line-height: 52px;
 	color: #003281;
 	display: inline-block;
 	vertical-align: middle;
 	text-transform: uppercase;
 	margin-right: 10px;
 }

 .readmore i {
 	display: inline-block;
 	vertical-align: middle;
 	background: url('../image/right4.png') no-repeat;
 	width: 24px;
 	height: 8px;
 }

 .readmore a:hover {
 	background: #003281;
 	border: 1px solid #003281;
 }

 .readmore a:hover span {
 	color: #fff;
 }

 .readmore a:hover i {
 	background: url('../image/right5.png') no-repeat;
 }


 .ywk-reference-video {
 	padding: 7% 0;
 	width: 90%;
 	margin: auto;
 	overflow: hidden;
 }

 .ywk-reference-video .ywk-text {
 	color: #666e80;
 	opacity: 1;
 	text-align: left;
 	width: 100%;
 }

 .ywk-reference-video-center {
 	overflow: hidden;
 	position: relative;
 }

 .ywk-reference-video-center .video {
 	position: absolute;
 	z-index: 1;
 	width: 100%;
 	height: 100%;
 	background: #000;
 	opacity: 0;
 }

 .ywk-reference-video-center .video video {
 	width: auto;
 	height: 100%;
 	display: block;
 	margin: auto;
 }

 .ywk-reference-video-center.cur .video {
 	opacity: 1;
 }

 .ywk-reference-video-center.cur .ywk-play {
 	display: none;
 }

 .ywk-reference-video-center .ywk-close.ywk-close-video {
 	right: 0px;
 	top: 0px;
 	background: url(../image/xx.png) center no-repeat #fff;
 	z-index: 10;
 	display: none;
 }

 .ywk-reference-video-center .ywk-close.ywk-close-video:hover {
 	transform: none;
 }

 .ywk-reference-video-center.cur .ywk-close.ywk-close-video {
 	display: block;
 }



 .ywk-reference {
 	padding: 7% 0;
 	overflow: hidden;
 	background: #f5f7fa;
 }

 .ywk-reference .ywk-content-top {
 	width: 90%;
 	margin: auto;
 	text-align: left;
 }

 .ywk-reference .ywk-content-top .ywk-text {
 	color: #666e80;
 	opacity: 1;
 	text-align: left;
 	width: 100%;
 }

 .ywk-reference-content {
 	overflow: hidden;
 	position: relative;
 	margin-left: 5%;
 	width: 95%;
 	margin-top: 5%;
 }

 .ywk-reference-item {
 	position: relative;
 	overflow: visible;
 }

 .ywk-reference-item .img {
 	opacity: .4;
 }

 .ywk-reference-item .text {
 	display: none;
 }

 .ywk-reference-text {
 	position: absolute;
 	right: 10%;
 	top: 50%;
 	transform: translateY(-50%);
 	width: 35%;
 	background: #fff;
 	overflow: hidden;
 	z-index: 15;
 }

 .ywk-reference-text::after {
 	content: '';
 	width: 3px;
 	height: 100%;
 	background: #003281;
 	position: absolute;
 	right: 0;
 	top: 0;
 }

 .ywk-reference-text .text-center {
 	position: absolute;
 	width: 77%;
 	height: 100%;
 	left: 13%;
 	top: 0;
 	overflow: hidden;
 }

 .ywk-reference-text .text-1 {
 	font-size: 16px;
 	color: #a1a7b2;
 	padding-bottom: 10px;
 }

 .ywk-reference-text .title-2 {
 	font-size: 40px;
 	color: #1e2d45;
 	text-transform: uppercase;
 	margin-bottom: 80px;
 }

 .ywk-reference-swiper .swiper-slide-active .img {
 	opacity: 1;
 }

 .ywk-reference-text .swiper-pagination {
 	position: absolute;
 	right: 10%;
 	bottom: 10%;
 	z-index: 10;
 }

 .ywk-reference-text .reference-swiper-prev,
 .ywk-reference-text .reference-swiper-next {
 	display: inline-block;
 	vertical-align: middle;
 	width: 24px;
 	height: 13px;
 	opacity: .5;
 	cursor: pointer;
 }

 .ywk-reference-text .reference-swiper-prev:hover,
 .ywk-reference-text .reference-swiper-next:hover {
 	opacity: 1;
 }

 .ywk-reference-text .reference-swiper-prev {
 	background: url('../image/left6.png') center no-repeat;
 }

 .ywk-reference-text .reference-swiper-next {
 	background: url('../image/right6.png') center no-repeat;
 }

 .ywk-reference-text .reference-pagination {
 	display: inline-block;
 	vertical-align: middle;
 	margin: 0 10px;
 	color: #b8becc;
 	font-size: 20px;
 }

 .ywk-reference-text .reference-pagination span {
 	color: #b8becc;
 	font-size: 20px;
 }

 .ywk-reference-text .reference-pagination #current1 {
 	color: #003281;
 }


 .ywk-more {
 	position: absolute;
 	right: 0;
 	top: 50%;
 	margin-top: -45px;
 }

 .ywk-more a {
 	width: 160px;
 	height: 75px;
 	display: block;
 	text-align: center;
 	background: #f39700;
 	padding-top: 20px;
 }

 .ywk-more a span {
 	display: block;
 	font-size: 14px;
 	color: #fff;
 	text-transform: uppercase;
 	padding: 10px 0;
 }

 .ywk-more a i {
 	display: block;
 	background: url('../image/more1.png');
 	width: 68px;
 	height: 8px;
 	margin: auto;
 }

 .ywk-more a:hover {
 	background: #003281;
 }

 .ywk-product-detail-path.white {
 	color: #bbbcbd;
 }

 .ywk-product-detail-path.white a {
 	color: #bbbcbd;
 }

 .ywk-product-detail-path.white a.cur {
 	color: #fff;
 }

 .ywk-solutions-roomcooling {
 	width: 90%;
 	margin: auto;
 	position: relative;
 	overflow: hidden;
 	padding-top: 10%;
 }

 .ywk-solutions-roomcooling::after {
 	content: '';
 	width: 70%;
 	height: 85%;
 	background: #f5f7fa;
 	position: absolute;
 	right: 0;
 	bottom: 0;
 }

 .ywk-solutions-roomcooling .img {
 	float: left;
 	width: 45%;
 	z-index: 5;
 }

 .ywk-solutions-roomcooling .text {
 	float: left;
 	width: 40%;
 	position: relative;
 	z-index: 5;
 	padding: 5% 5% 0 5%;
 	overflow: hidden;
 }

 .ywk-solutions-roomcooling .title-1 {
 	font-size: 40px;
 	color: #1e2d45;
 	text-transform: uppercase;
 }

 .ywk-solutions-roomcooling .title-1::after {
 	content: '';
 	width: 40px;
 	height: 2px;
 	background: #f39700;
 	display: block;
 	margin: 30px 0;
 }

 .ywk-solutions-roomcooling .text-2 {
 	font-size: 16px;
 	color: #666e80;
 	line-height: 30px;
 }

 .ywk-solutions-roomcooling-list {
 	width: 90%;
 	margin: auto;
 	position: relative;
 	overflow: hidden;
 	padding: 0 0 6% 0;
 }

 .ywk-solutions-roomcooling-item {
 	width: 85%;
 	margin: auto;
 	position: relative;
 	overflow: hidden;
 	clear: both;
 }

 .ywk-roomcooling-item {
 	overflow: hidden !important;
 	clear: both;
 	margin-top: 12%;
 }

 .ywk-roomcooling-item-left {
 	float: left;
 	width: 40%;
 	overflow: hidden;
 	margin-top: 5%;
 }

 .ywk-roomcooling-item-left .title-1 {
 	font-size: 30px;
 	color: #1e2d45;
 	text-transform: uppercase;
 	border-bottom: 2px solid #e8eaec;
 	padding-bottom: 25px;
 }

 .ywk-roomcooling-item-left .items-2 {
 	padding: 30px 0;
 	overflow: hidden;
 }

 .ywk-roomcooling-item-left .items-2 ul {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }

 .ywk-roomcooling-item-left .items-2 li {
 	list-style: none;
 	margin: 10px 0;
 	padding: 0 0 0 20px;
 	font-size: 14px;
 	color: #666e80;
 	line-height: 24px;
 	position: relative;
 }

 .ywk-roomcooling-item-left .items-2 li::before {
 	content: '';
 	background: url('../image/li1.png') no-repeat;
 	width: 9px;
 	height: 9px;
 	position: absolute;
 	left: 0;
 	top: 8px;
 }

 .ywk-roomcooling-item-left .items-2 li.cur {
 	color: #003281;
 }

 .ywk-roomcooling-item-left .items-2 li.cur::before {
 	background: url('../image/li.png') no-repeat;
 }

 .ywk-roomcooling-item-left .readmore a {
 	border: 1px solid #a1a6b2;
 }

 .ywk-roomcooling-item-left .readmore span {
 	color: #a1a6b2;
 }

 .ywk-roomcooling-item-left .readmore i {
 	background: url(../image/right41.png) no-repeat;
 }

 .ywk-roomcooling-item-right {
 	float: right;
 	width: 50%;
 	overflow: hidden;
 	background: url('../image/aircooled.jpg') center no-repeat;
 	background-size: cover;
 }

 .ywk-roomcooling-item-swiper {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-roomcooling-item-swiper .img {
 	position: relative;
 	overflow: hidden;
 	background-color: transparent;
 }


 .ywk-roomcooling-item.fr .ywk-roomcooling-item-left {
 	float: right;
 }

 .ywk-roomcooling-item.fr .ywk-roomcooling-item-right {
 	float: left;
 }


 .ywk-popup-windows {
 	position: fixed;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 999;
 	transform: translateY(-120%);
 	transition: all .4s ease;
 }

 .ywk-popup-windows.cur {
 	transform: translateY(0);
 }

 .ywk-popup-content {
 	position: absolute;
 	width: 70%;
 	z-index: 10;
 	left: 15%;
 	top: 50%;
 	transform: translateY(-50%);
 }

 .ywk-popup-mark {
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 1;
 	background: rgba(0, 0, 0, .6);
 }

 .ywk-popup-windows-content {
 	width: 100%;
 	margin: auto;
 	background: #fff;
 	padding: 5% 5% 3% 5%;
 	box-sizing: border-box;
 	overflow: hidden;
 	position: relative;
 }

 .ywk-popup-reference-swiper {
 	position: relative;
 	overflow: hidden;
 	float: left;
 	width: 60%;
 	padding-bottom: 30px;
 }

 .ywk-popup-reference-swiper .ywk-popup-pagination {
 	bottom: 0px;
 	position: absolute;
 }

 .ywk-popup-reference-swiper .ywk-popup-pagination span {
 	width: 6px;
 	height: 6px;
 	border-radius: 0px;
 	background: #cccccc;
 	opacity: 1;
 	margin: 0 10px 0 0 !important;
 }

 .ywk-popup-reference-swiper .ywk-popup-pagination span.swiper-pagination-bullet-active {
 	background: #003281;
 }

 .ywk-popup-reference-swiper .swiper-popup-next,
 .ywk-popup-reference-swiper .swiper-popup-prev {
 	width: 70px;
 	height: 70px;
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	z-index: 10;
 	cursor: pointer;
 }

 .ywk-popup-reference-swiper .swiper-popup-prev {
 	right: 70px;
 	background: url('../image/left7.png') center no-repeat #f0f5f7;
 }

 .ywk-popup-reference-swiper .swiper-popup-next {
 	background: url('../image/right7.png') center no-repeat #003281;
 }

 .ywk-popup-reference-swiper .swiper-popup-next:hover {
 	background: url('../image/right7.png') center no-repeat #f29702;
 }

 .ywk-popup-reference-swiper .swiper-popup-prev:hover {
 	background: url('../image/left7.png') center no-repeat #ccc;
 }

 .ywk-popup-reference-right {
 	position: relative;
 	overflow: hidden;
 	float: left;
 	width: 35%;
 	padding: 3% 0 0 5%;
 }

 .ywk-popup-reference-right-content {
 	position: relative;
 	padding-right: 2%;
 	overflow: auto;
 }

 .ywk-popup-reference-right-content .title-1 {
 	font-size: 30px;
 	color: #1e2d45;
 	position: relative;
 	text-transform: uppercase;
 }

 .ywk-popup-reference-right-content .title-1::after {
 	content: '';
 	width: 30px;
 	height: 3px;
 	background: #f39700;
 	display: block;
 	margin: 30px 0;
 }

 .ywk-popup-reference-right-content .text-2 {
 	font-size: 14px;
 	color: #666e80;
 	line-height: 24px;
 }

 .ywk-close {
 	position: absolute;
 	width: 50px;
 	height: 50px;
 	background: url('../image/xx.png') center no-repeat;
 	right: 2%;
 	top: 3%;
 	cursor: pointer;
 	transition: all .4s ease;
 	z-index: 99;
 }

 .ywk-close:hover {
 	transform: rotate(180deg);
 }

 .ywk-popup-content-video {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	z-index: 10;
 	left: 0;
 	top: 0;
 }

 .ywk-popup-content-video .ywk-popup-windows-content {
 	height: 100%;
 	padding: 0;
 	background: #000;
 }

 .ywk-popup-windows-video,
 .ywk-popup-windows-video .video {
 	width: 100%;
 	height: 100%;
 }

 .ywk-popup-content-video .ywk-close {
 	background: url('../image/xx.png') center no-repeat #fff;
 	right: 0;
 	top: 0;
 }

 .ywk-popup-content-video video {
 	width: auto;
 	height: 100%;
 	margin: auto;
 	display: block;
 }


 /* references */
 .ywk-references {
 	width: 100%;
 	position: relative;
 	overflow: hidden;
 	padding: 5% 0;
 }

 .ywk-references-content {
 	width: 90%;
 	margin: auto;
 }

 .ywk-references-item {
 	overflow: hidden;
 	padding: 5% 0 5% 0;
 	position: relative;
 	margin-bottom: 2%;
 }

 .ywk-references-item .img {
 	float: left;
 	width: 65%;
 	z-index: 5;
 	position: relative;
 }

 .ywk-references-item .text {
 	width: 25%;
 	z-index: 5;
 	position: absolute;
 	right: 5%;
 	top: 18%;
 }

 .ywk-references-item .text .title-1 {
 	font-size: 40px;
 	color: #1e2d45;
 	position: relative;
 	text-transform: uppercase;
 }

 .ywk-references-item .text .title-1::after {
 	content: '';
 	width: 80px;
 	height: 3px;
 	background: #f39700;
 	display: block;
 	margin: 30px 0;
 }

 .ywk-references-item .text .text-2 {
 	font-size: 16px;
 	color: #666e80;
 	line-height: 26px;
 }

 .ywk-references-item .text .text-2 ul {
 	padding: 0;
 	margin: 0;
 	list-style: none;
 }

 .ywk-references-item .text .text-2 li {
 	list-style: none;
 	margin: 10px 0;
 	padding: 0 0 0 20px;
 	font-size: 14px;
 	color: #666e80;
 	line-height: 24px;
 	position: relative;
 }

 .ywk-references-item .text .text-2 li::before {
 	content: '';
 	background: url('../image/li1.png') no-repeat;
 	width: 9px;
 	height: 9px;
 	position: absolute;
 	left: 0;
 	top: 8px;
 }

 .ywk-references-item .text .viewmore {
 	font-size: 0;
 	margin-top: 70px;
 }

 .ywk-references-item .text .viewmore a {
 	background: #003281;
 	border: 1px solid #003281;
 	width: 130px;
 }

 .ywk-references-item .text .viewmore a:hover {
 	background: #f39700;
 	border: 1px solid #f39700;
 }

 .ywk-references-item .text .viewmore a:hover span {
 	color: #fff;
 }

 .ywk-references-item .text .viewmore a:hover i {
 	background: url(../image/jtr1.png);
 }

 .ywk-references-item .textbg {
 	width: 60%;
 	height: 80%;
 	right: 0;
 	top: 0;
 	background: #f6f8fb;
 	position: absolute;
 	z-index: 1;
 }

 .ywk-references-item.fr .img {
 	float: right;
 }

 .ywk-references-item.fr .text {
 	left: 5%;
 	top: 18%;
 	right: auto;
 }

 .ywk-references-item.fr .textbg {
 	left: 0;
 	right: auto;
 }

 .ywk-allmore {
 	margin: 3% auto;
 	overflow: hidden;
 	clear: both;
 }

 .ywk-allmore span {
 	display: inline-block;
 	vertical-align: middle;
 	line-height: 100px;
 	color: #003281;
 	font-size: 30px;
 	text-transform: uppercase;
 }

 .ywk-allmore i {
 	display: block;
 	width: 44px;
 	height: 13px;
 	position: absolute;
 	right: 10%;
 	top: 50%;
 	margin-top: -6.5px;
 	background: url('../image/right10.png');
 }

 .ywk-allmore a {
 	display: block;
 	overflow: hidden;
 	width: 360px;
 	height: 100px;
 	padding: 0 3%;
 	border: 2px solid #003281;
 	position: relative;
 	margin: auto;
 }

 .ywk-allmore a:hover {
 	background: #003281;
 }

 .ywk-allmore a:hover span {
 	color: #fff;
 }

 .ywk-allmore a:hover i {
 	background: url('../image/right9.png');
 }

 .ywk-references-nav {
 	text-align: center;
 	font-size: 0;
 	overflow: hidden;
 }

 .ywk-references-nav a {
 	border-top: 1px solid #e5e5e5;
 	border-bottom: 1px solid #e5e5e5;
 	border-right: 1px solid #e5e5e5;
 	display: inline-block;
 	vertical-align: middle;
 	padding: 10px 0;
 	background: #fff url('../image/tiao.png') 1% 1% no-repeat;
 }

 .ywk-references-nav a:first-child {
 	border-left: 1px solid #e5e5e5;
 }

 .ywk-references-nav i {
 	display: block;
 	margin: auto;
 	position: relative;
 	width: 50px;
 	height: 50px;
 }

 .ywk-references-nav svg {
 	max-width: 40px;
 	max-height: 30px;
 	fill: #777F8D !important;
 }

 .ywk-references-nav svg * {
 	fill: #777F8D !important;
 }

 .ywk-references-nav strong {
 	font-weight: normal;
 	font-size: 20px;
 	color: #9498a0;
 	display: block;
 	margin: 0;
 	padding: 0 0 5px 0;
 	text-transform: uppercase;
 }

 .ywk-references-nav.num7 a {
 	width: 11%;
 }

 .ywk-references-nav a.cur {
 	background: #f39700 url('../image/tiao.png') 10% 10% no-repeat;
 }

 .ywk-references-nav a.cur strong,
 .ywk-references-nav a.cur:hover strong {
 	color: #fff;
 }

 .ywk-references-nav a.cur svg,
 .ywk-references-nav a.cur svg * {
 	fill: #ffffff !important;
 }

 .ywk-references-nav a:hover strong {
 	color: #003281;
 }

 .ywk-references-nav a:hover svg,
 .ywk-references-nav a:hover svg * {
 	fill: #003281 !important;
 }

 .ywk-references-nav a.cur:hover svg,
 .ywk-references-nav a.cur:hover svg * {
 	fill: #fff !important;
 }

 .ywk-references-list {
 	width: 90%;
 	margin: auto;
 	padding: 0 0 2% 0;
 	overflow: hidden;
 }

 .ywk-references-list-item {
 	position: relative;
 	overflow: hidden;
 	float: left;
 	width: 45%;
 	margin: 0 3% 0 1%;
 }

 .ywk-references-list-item.mr0 {
 	margin: 0 0 0 5%;
 }

 .ywk-references-list-item .img {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-references-list-item .img .pic {
 	position: relative;
 	overflow: hidden;
 	background-position: center center;
 	background-repeat: no-repeat;
 	background-size: cover;
 }

 .ywk-references-list-item .text {
 	padding: 30px 0 20px 0;
 	position: relative;
 	overflow: hidden;
 	margin-bottom: 5%;
 }

 .ywk-references-list-item .text::after {
 	content: '';
 	width: 0px;
 	height: 1px;
 	position: absolute;
 	bottom: 0;
 	background: #f39700;
 	transition: all .4s ease;
 }

 .ywk-references-list-item .text .tpath-1 {
 	color: #a1a7b2;
 	font-size: 14px;
 	padding-bottom: 10px;
 }

 .ywk-references-list-item .text .title-2 {
 	color: #1e2d45;
 	font-size: 24px;
 	padding: 0px 0 0px 20px;
 	text-transform: uppercase;
 	position: relative;
 	transition: all .4s ease;
 }

 .ywk-references-list-item .text .title-2::before,
 .ywk-references-list-item .text .title-2::after {
 	content: '';
 	width: 12px;
 	height: 12px;
 	position: absolute;
 	top: 50%;
 	margin-top: -6px;
 	transition: all .4s ease;
 }

 .ywk-references-list-item .text .title-2::before {
 	background: url('../image/jt1.png');
 	left: 0;
 }

 .ywk-references-list-item .text .title-2::after {
 	background: url('../image/jt2.png');
 	right: -50px;
 }

 .ywk-references-list-item a:hover .title-2 {
 	color: #f39700;
 	padding: 0px 0 0px 0px;
 }

 .ywk-references-list-item a:hover .text .title-2::before {
 	left: -50px;
 }

 .ywk-references-list-item a:hover .text .title-2::after {
 	right: 0px;
 }

 .ywk-references-list-item a:hover .text::after {
 	width: 100%;
 }

 .ywk-references-list-item a:hover .img .pic {
 	transform: scale(1.05);
 }

 .ywk-pageturn {
 	text-align: center;
 	margin: 0px auto 100px auto;
 	clear: both;
 	overflow: hidden;
 	font-size: 0;
 }

 .ywk-pageturn a {
 	display: inline-block;
 	vertical-align: middle;
 	border-top: 1px solid #edeff2;
 	border-bottom: 1px solid #edeff2;
 	color: #b8becc;
 	width: 45px;
 	font-size: 18px;
 	padding: 13px 0;
 	background: #fff;
 	box-sizing: border-box;
 }

 .ywk-pageturn a.on {
 	color: #fff;
 	background: #003281;
 }

 .ywk-pageturn a.prev {
 	padding: 13px 20px;
 	width: auto;
 	border-left: 1px solid #edeff2;
 	background: #edeff2;
 	text-transform: capitalize;
 }

 .ywk-pageturn a.next {
 	padding: 13px 20px;
 	width: auto;
 	border-right: 1px solid #edeff2;
 	background: #edeff2;
 	text-transform: capitalize;
 }

 .ywk-pageturn a:hover {
 	color: #666;
 	background: #ccc;
 }




 /* about */
 .ywk-about {
 	background: url(../image/bg2.jpg);
 	margin: auto;
 	overflow: hidden;
 }

 .ywk-envicool-introduction {
 	position: relative;
 	overflow: hidden;
 	padding: 7% 0;
 }

 .ywk-envicool-introduction .ywk-left {
 	margin: 4% 5% 0 5%;
 	width: 30%;
 }

 .ywk-envicool-introduction .ywk-title {
 	margin-left: -12px;
 }

 .ywk-envicool-introduction .ywk-stockcode {
 	color: #1e2d45;
 	font-size: 24px;
 	line-height: 30px;
 	padding: 15px 0 0 0;
 }

 .ywk-envicool-introduction .ywk-lines {
 	background: url('../image/lines.png');
 	width: 99px;
 	height: 18px;
 	margin: 40px 0;
 }

 .ywk-envicool-introduction .ywk-introduction {
 	clear: both;
 	font-size: 14px;
 	line-height: 24px;
 	color: #666e80;
 }

 .ywk-envicool-introduction .pic {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	width: 50%;
 }

 .ywk-play-video {
 	margin-top: 50px;
 	overflow: hidden;
 }

 .ywk-play-video a {
 	display: block;
 	width: 200px;
 	height: 50px;
 	line-height: 50px;
 	border: 1px solid #003281;
 	text-align: center;
 	overflow: hidden;
 	font-size: 0;
 }

 .ywk-play-video a span {
 	font-size: 14px;
 	color: #003281;
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 20px;
 	text-transform: uppercase;
 }

 .ywk-play-video a i {
 	background: url('../image/play1.png');
 	width: 12px;
 	height: 14px;
 	display: inline-block;
 	vertical-align: middle;
 }

 .ywk-play-video a:hover {
 	background: #003281;
 }

 .ywk-play-video a:hover span {
 	color: #fff;
 }

 .ywk-play-video a:hover i {
 	background: url('../image/play2.png');
 }


 .ywk-about-data {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-about-content {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-about-data .data {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 25%;
 	z-index: 3;
 	font-size: 0;
 	text-align: center;
 }

 .ywk-about-data .data li {
 	position: relative;
 	min-width: 15.5%;
 	box-sizing: border-box;
 	padding: 1.3% 3% 1.5% 2%;
 	color: #fff;
 	overflow: hidden;
 	list-style: none;
 	margin: 0;
 	text-align: left;
 	transition: all .4s ease;
 	display: inline-block;
 }

 .ywk-about-data .data li::after {
 	content: '';
 	width: 1px;
 	height: 100%;
 	background: #fff;
 	position: absolute;
 	right: 3%;
 	top: 0;
 	opacity: .1;
 }

 .ywk-about-data .data li:last-child::after {
 	display: none
 }

 .ywk-about-data .data li i {
 	width: 35px;
 	height: 35px;
 	position: absolute;
 	right: 15%;
 	top: 24%;
 }

 .ywk-about-data .data li i svg,
 .ywk-about-data .data li i * {
 	fill: #fff !important;
 }

 .ywk-about-data .data li h3 {
 	margin: 0;
 	position: relative;
 	font-weight: normal;
 }

 .ywk-about-data .data li h3 strong {
 	font-size: 44px;
 	font-weight: normal;
 }

 .ywk-about-data .data li h3 strong em {
 	font-style: normal;
 }

 .ywk-about-data .data li h3 span {
 	font-size: 28px;
 	padding-left: 10px;
 	font-weight: normal;
 }

 .ywk-about-data .data li h3 sup {
 	font-size: 18px;
 	line-height: 30px;
 	font-weight: normal;
 	display: inline-block;
 	vertical-align: super;
 	margin: 0px 0 0 5px;
 }

 .ywk-about-data .data li p {
 	display: block;
 	font-size: 15px;
 	opacity: .6;
 	margin: 10px 0 0 0;
 }

 .ywk-about-data .data li:hover h3 strong,
 .ywk-about-data .data li:hover h3 span,
 .ywk-about-data .data li:hover h3 sup,
 .ywk-about-data .data li:hover p {
 	color: #f39700;
 	opacity: 1;
 }

 .ywk-about-data .data li:hover i svg,
 .ywk-about-data .data li:hover i * {
 	fill: #f39700 !important;
 }

 .ywk-about-product {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-about-product .about-product {
 	position: absolute;
 	left: 25%;
 	top: 50%;
 	width: 50%;
 	z-index: 3;
 	transform: translateY(-50%);
 }

 .ywk-about-product .product-item-li {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 4;
 }

 .ywk-about-product .item-li {
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: 5;
 	width: 44%;
 	padding-left: 80px;
 }

 .ywk-about-product .item-li a {
 	display: block;
 }

 .ywk-about-product .dot-0 {
 	position: absolute;
 	z-index: 5;
 	width: 4px;
 	height: 4px;
 	border: 4px solid #939cad;
 	border-radius: 100%;
 	background: #dfe5f2;
 }

 .ywk-about-product .icon-1 {
 	position: absolute;
 	left: 0;
 	top: -20px;
 }

 .ywk-about-product .icon-1 i {
 	width: 60px;
 	height: 60px;
 	position: relative;
 	margin: auto;
 	background: rgba(30, 45, 69, .5);
 	border-radius: 100%;
 	display: block;
 	opacity: .8;
 }

 .ywk-about-product .icon-1 svg {
 	max-width: 50%;
 	max-height: 50%;
 	fill: #fff !important;
 }

 .ywk-about-product .icon-1 svg * {
 	fill: #fff !important;
 }

 .ywk-about-product .title-2 {
 	font-size: 20px;
 	color: #1e2d45;
 	text-transform: uppercase;
 	position: relative;
 	padding-bottom: 10px;
 	display: inline-block;
 }

 .ywk-about-product .title-2::after {
 	content: '';
 	width: 0px;
 	height: 1px;
 	background: #003281;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	transition: all .4s ease;
 }

 .ywk-about-product .text-3 {
 	font-size: 12px;
 	color: #666e80;
 	padding: 10px 0;
 	line-height: 24px;
 	display: none;
 	clear: both;
 }

 .ywk-about-product .pic {
 	position: relative;
 }

 .ywk-about-product .item-li a:hover .title-2,
 .ywk-about-product .item-li.cur a .title-2 {
 	color: #003281;
 	background: url('../image/lsj.png') left top no-repeat;
 	padding-left: 5px;
 }

 .ywk-about-product .item-li a:hover .title-2::after,
 .ywk-about-product .item-li.cur a .title-2::after {
 	width: 100%;
 }

 .ywk-about-product .item-li a:hover .text-3,
 .ywk-about-product .item-li.cur a .text-3 {
 	display: block;
 }

 .ywk-about-product .item-li a:hover .icon-1 i,
 .ywk-about-product .item-li.cur a .icon-1 i {
 	background: #003281;
 	opacity: 1
 }

 .ywk-about-product .item-li a:hover .dot-0,
 .ywk-about-product .item-li.cur a .dot-0 {
 	border: 4px solid #003281;
 }

 .ywk-about-product .item-li:nth-child(1) .dot-0 {
 	left: -12px;
 	top: 60px;
 }

 .ywk-about-product .item-li:nth-child(2) .dot-0 {
 	left: -42px;
 	top: 30px;
 }

 .ywk-about-product .item-li:nth-child(3) .dot-0 {
 	left: -42px;
 	top: -20px;
 }

 .ywk-about-product .item-li:nth-child(4) .dot-0 {
	right: 0;
 	left: auto;
 	top: -40px;
 }

 .ywk-about-product .item-li:nth-child(5) .dot-0 {
 	top: -30px;
 	right: 10px;
 }

 .ywk-about-product .item-li:nth-child(6) .dot-0 {
 	right: -35px;
 	top: -20px;
 }

 .ywk-about-product .item-li:nth-child(7) .dot-0 {
 	right: -32px;
 	top: 35px;
 }
 .ywk-about-product .item-li:nth-child(8) .dot-0 {
	right: -12px;
	top: 60px;
}
 .ywk-about-product .about-product.product7 .item-li.fl {
 	left: 50%;
 	top: 50%;
 	padding-right: 80px;
 	padding-left: 0;
 	text-align: right;
 }

 .ywk-about-product .about-product.product7 .item-li.fl .dot-0 {
 	left: auto;
 }

 .ywk-about-product .about-product.product7 .item-li.fl .icon-1 {
 	left: auto;
 	right: 0;
 }

 .ywk-about-product .about-product.product7 .item-li.fl .title-2 {
 	padding-right: 5px;
 	padding-left: 0;
 	text-align: right;
 	background: url('../image/rsj.png') 150% top no-repeat;
 }

 .ywk-about-product .about-product.product7 .item-li.fl .title-2::after {
 	right: 0;
 	left: auto;
 }

 .ywk-about-product .about-product.product7 .item-li.fl .text-3 {
 	text-align: right;
 }

 .ywk-about-product .about-product.product7 .item-li.fl a:hover .title-2 {
 	background: url('../image/rsj.png') right top no-repeat;
 }

 .ywk-about-product .about-product.product7 .item-li.pit1 {
 	left: auto;
 	right: 50%;
 	top: 50%;
 	margin-right: -610px;
 	margin-top: -290px;
 }

 .ywk-about-product .about-product.product7 .item-li.pit2 {
 	left: auto;
 	right: 50%;
 	top: 50%;
 	margin-right: -775px;
 	margin-top: -100px;
 }

 .ywk-about-product .about-product.product7 .item-li.pit3 {
 	left: auto;
 	right: 50%;
 	top: 50%;
 	margin-right: -725px;
 	margin-top: 175px;
 }

 .ywk-about-product .about-product.product7 .item-li.pit4 {
 	left: auto;
 	right: 56%;
 	top: 46%;
 	margin-top: 280px;
 	text-align: center;
	padding-left: 0;
 }

 .ywk-about-product .about-product.product7 .item-li.pit4 .icon-1 {
 	left: auto;
 	top: auto;
	right: 6%;
 }

 .ywk-about-product .about-product.product7 .item-li.pit4 a:hover .title-2 {
	padding-left: 0;
	text-align: right;
	background: url(../image/rsj.png) right top no-repeat;
}

 .ywk-about-product .about-product.product7 .item-li.pit4 .title-2::after {
	left: auto;
 	right: 0;
 }

 .ywk-about-product .about-product.product7 .item-li.pit5 {
 	left: 50%;
 	top: 50%;
 	margin-left: -725px;
 	margin-top: 175px;
 }

 .ywk-about-product .about-product.product7 .item-li.pit6 {
 	left: 50%;
 	top: 50%;
 	margin-left: -775px;
 	margin-top: -100px;
 }

 .ywk-about-product .about-product.product7 .item-li.pit7 {
 	left: 50%;
 	top: 50%;
 	margin-left: -610px;
 	margin-top: -290px;
 }
 .ywk-about-product .about-product.product7 .item-li.pit5{
	margin-top: 105px !important;
 }
 .ywk-about-product .about-product.product7 .item-li.pit5 .icon-1{
	top: -15px;
 }

 .ywk-about-product .about-product.product7 .item-li.pit8 {
	left: 58%;
	right: auto;
	top: 50%;
	margin-top: 210px;
	text-align: left;
}
 .about-product-swiper {
 	height: 400px;
 	margin: auto;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
 }
 .ywk-about-product .about-product.product7 .item-li.pit4 {
	padding-right:110px;
	text-align: right;
 }
 .ywk-about-product .about-product.product7 .item-li.pit4 .text-3{
	text-align: right;
 }
 .ywk-about-product .about-product.product7 .item-li.pit4 .title-2{
	margin-top: 15px;
	text-align: right;
	background: url(../image/rsj.png) 150% top no-repeat;
 }

 .ywk-core-advantages {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	z-index: 5;
 }

 .ywk-core-advantages .ywk-title {
 	position: absolute;
 	left: 5%;
 	top: 20%;
 }

 .ywk-core-advantages .ywk-title h2 {
 	color: #fff;
 }

 .ywk-core-advantages .ywk-title h2::before {
 	background: url('../image/title2.png');
 }

 .ywk-core-advantages-item {
 	position: absolute;
 	left: 5%;
 	bottom: 10%;
 	width: 90%;
 }

 .ywk-core-advantages-item a {
 	display: block;
 	width: 11%;
 	background: #fff url('../image/tiao.png') -300% 10% no-repeat;
 	float: left;
 	padding: 1.5% 2.5%;
 	overflow: hidden;
 	margin-right: 1%;
 }

 .ywk-core-advantages-item i {
 	position: relative;
 	width: 50px;
 	height: 50px;
 	margin: 0;
 	display: block;
 }

 .ywk-core-advantages-item i svg {
 	width: 50px;
 	height: 50px;
 }

 .ywk-core-advantages-item i * {
 	fill: #1e2d45 !important;
 }

 .ywk-core-advantages-item strong {
 	font-size: 24px;
 	color: #1e2d45;
 	font-weight: normal;
 	clear: both;
 	padding: 15px 0 10px 0;
 	display: block;
 }

 .ywk-core-advantages-item p {
 	display: block;
 	font-size: 14px;
 	color: #5a6373;
 	margin: 0;
 }

 .ywk-core-advantages-item a:hover {
 	background: #003281 url('../image/tiao.png') -200% 10% no-repeat;
 }

 .ywk-core-advantages-item a:hover strong,
 .ywk-core-advantages-item a:hover p {
 	color: #fff;
 }

 .ywk-core-advantages-item a:hover i * {
 	fill: #fff !important;
 }

 .ywk-core-advantages-item a.cur {
 	background: #003281 url('../image/tiao.png') -75% 10% no-repeat;
 }

 .ywk-core-advantages-item a.cur strong,
 .ywk-core-advantages-item a.cur p {
 	color: #fff;
 }

 .ywk-core-advantages-item a.cur i * {
 	fill: #fff !important;
 }


 .ywk-about-culture {
 	overflow: hidden;
 	padding: 7% 0;
 	width: 80%;
 	margin: auto;
 }

 .ywk-culture-left {
 	float: left;
 	width: 58%;
 	position: relative;
 	overflow: hidden;
 }

 .ywk-culture-swiper {
 	position: relative;
 	margin-top: 50px;
 }

 .ywk-culture-swiper .pic {
 	position: absolute;
 	width: 38%;
 	right: 0px;
 	bottom: 0px;
 	z-index: 3;
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 }

 .ywk-culture-swiper .img {
 	position: relative;
 	width: 80%;
 	margin: 0;
 	margin-bottom: 60px;
 	transform: translateX(-100%);
 	opacity: 0;
 	transition: all 1s ease-in-out;
 }

 .ywk-culture-swiper .pic {
 	transform: translateX(-100%);
 	opacity: 0;
 	transition: all 1s ease-in-out .8s;
 }

 .ywk-culture-swiper .swiper-slide-active .pic {
 	transform: translateX(0);
 	opacity: 1;
 }

 .ywk-culture-swiper .swiper-slide-active .img {
 	transform: translateX(0);
 	opacity: 1;
 }

 .swiper-pagination-culture {
 	text-align: left;
 	bottom: 30px !important;
 }

 .swiper-pagination-culture span.swiper-pagination-bullet {
 	border-radius: 0;
 	background: #cfd2da;
 	margin: 0 10px 0 0px !important;
 	opacity: 1;
 }

 .swiper-pagination-culture span.swiper-pagination-bullet-active {
 	background: #f39700;
 }

 .ywk-culture-right {
 	position: relative;
 	overflow: hidden;
 	margin-top: 4%;
 	width: 35%;
 	float: right;
 }

 .ywk-culture-right li {
 	position: relative;
 	margin: 0;
 	padding: 30px 0;
 	list-style: none;
 	border-bottom: 1px solid #e1e1e5;
 }

 .ywk-culture-right strong {
 	font-weight: normal;
 	color: #003281;
 	font-size: 30px;
 	margin: 0;
 	display: block;
 	text-transform: uppercase;
 }

 .ywk-culture-right p {
 	display: block;
 	padding: 1px 0;
 	overflow: hidden;
 	margin: 5px 0;
 	color: #666e80;
 	font-size: 16px;
 }

 .ywk-culture-right i {
 	font-style: normal;
 	color: #b8becc;
 	font-size: 20px;
 	position: absolute;
 	right: 0;
 	top: 50%;
 	margin-top: -28px;
 }



 .ywk-about-dthicscompliance {
 	margin: auto;
 	width: 80%;
 	position: relative;
 	overflow: hidden;
 	padding: 8% 0;
 	text-align: center;
 }

 .ywk-about-dthicscompliance .ywk-title {
 	display: inline-block;
 }

 .ywk-dthicscompliance {
 	margin: auto;
 	text-align: left;
 	padding-top: 5%;
 	overflow: hidden;
 }

 .ywk-dthicscompliance .viewmore {
 	font-size: 0;
 	margin-top: 70px;
 }

 .ywk-dthicscompliance .viewmore a {
 	background: #003281;
 	border: 1px solid #003281;
 	width: 170px;
 	height: 60px;
 	line-height: 60px;
 }

 .ywk-dthicscompliance .viewmore a span {
 	font-size: 14px;
 }

 .ywk-dthicscompliance .viewmore a:hover {
 	background: #f39700;
 	border: 1px solid #f39700;
 }

 .ywk-dthicscompliance .viewmore a:hover span {
 	color: #fff;
 }

 .ywk-dthicscompliance .viewmore a:hover i {
 	background: url(../image/jtr1.png);
 }

 .ywk-dthicscompliance-swiper {
 	overflow: hidden;
 }

 .ywk-dthicscompliance-swiper .text {
 	float: left;
 	width: 42%;
 }

 .ywk-dthicscompliance-swiper .num-0 {
 	color: #a1a7b2;
 	font-size: 20px;
 	padding-bottom: 15px;
 	;
 }

 .ywk-dthicscompliance-swiper .num-0 strong {
 	color: #1e2d45;
 	font-size: 36px;
 	font-weight: normal;
 }

 .ywk-dthicscompliance-swiper .num-0 span {
 	color: #a1a7b2;
 	font-size: 20px;
 }

 .ywk-dthicscompliance-swiper .title-1 {
 	color: #1e2d45;
 	font-size: 40px;
 	position: relative;
 	text-transform: uppercase;
 }

 .ywk-dthicscompliance-swiper .title-1::after {
 	content: '';
 	width: 50px;
 	height: 3px;
 	background: #f39700;
 	display: block;
 	margin: 30px 0;
 }

 .ywk-dthicscompliance-swiper .text-2 {
 	color: #666f80;
 	font-size: 16px;
 	line-height: 26px;
 }

 .ywk-dthicscompliance-swiper .img {
 	float: right;
 	width: 50%;
 	position: relative;
 }

 .ywk-dthicscompliance-nav {
 	margin-top: 70px;
 	position: relative;
 	overflow: hidden;
 	text-align: left;
 }

 .ywk-dthicscompliance-nav .item-4 {
 	color: #a1a7b2;
 	cursor: pointer;
 }

 .ywk-dthicscompliance-nav .item-4::before,
 .ywk-dthicscompliance-nav .item-4::after {
 	content: '';
 	width: 100%;
 	height: 2px;
 	background: #e5e5e5;
 	position: absolute;
 	left: 0;
 	top: 0;
 }

 .ywk-dthicscompliance-nav .item-4::after {
 	z-index: 3;
 	width: 0px;
 	background: #003281;
 }

 .ywk-dthicscompliance-nav .item-4 .num-6 {
 	font-size: 18px;
 	padding: 20px 0 10px 0;
 }

 .ywk-dthicscompliance-nav .item-4 .title-6 {
 	font-size: 18px;
 	text-transform: uppercase;
 }

 .ywk-dthicscompliance-nav .swiper-slide-thumb-active .item-4::after {
 	width: 100%;
 }

 .ywk-dthicscompliance-nav .swiper-slide-thumb-active .item-4 {
 	color: #003281;
 }

 .ywk-border-top4 {
 	border-top: 4px solid #ededed;
 }


 .ywk-about-certifications-awards {
 	position: relative;
 	padding: 9% 0;
 	overflow: hidden;
 }

 .ywk-about-certifications-awards .ywk-content-top {
 	position: relative;
 	width: 80%;
 	margin: auto;
 }

 .ywk-about-certifications-awards .ywk-content-top .ywk-title {
 	display: inline-block;
 }

 .ywk-about-certifications-awards .ywk-content-top .ywk-title h2 {
 	color: #fff;
 }

 .ywk-about-certifications-awards .ywk-content-top .ywk-title h2::before {
 	background: url('../image/title2.png');
 }

 .ywk-about-certifications-awards .ywk-content-top .ywk-text {
 	width: 40%;
 	margin: .5% 0 4% 10px;
 }

 .ywk-certifications-awards-nav {
 	position: absolute;
 	right: 0;
 	top: 50%;
 	text-align: right;
 	font-size: 0;
 	margin-top: -35px;
 }

 .ywk-certifications-awards-nav a {
 	display: inline-block;
 	text-align: center;
 	border: 1px solid rgba(255, 255, 255, .2);
 	width: 200px;
 	height: 90px;
 	box-sizing: border-box;
 	overflow: hidden;
 }

 .ywk-certifications-awards-nav i {
 	display: block;
 	width: 40px;
 	height: 30px;
 	margin: 15px auto 10px auto;
 	position: relative;
 }

 .ywk-certifications-awards-nav i * {
 	fill: #9cadc9 !important;
 }

 .ywk-certifications-awards-nav strong {
 	color: #9cadc9;
 	font-size: 20px;
 	text-transform: uppercase;
 	font-weight: normal;
 	margin: 0;
 }

 .ywk-certifications-awards-nav a.cur strong {
 	color: #f39700;
 }

 .ywk-certifications-awards-nav a.cur i * {
 	fill: #f39700 !important;
 }

 .ywk-certifications-awards-nav a.cur {
 	border: 1px solid #f39700;
 }

 .ywk-certifications-awards {
 	position: relative;
 	width: 80%;
 	margin: 5% auto auto auto;
 }

 .ywk-certifications-awards .text {
 	display: none;
 	text-align: center;
 	color: #fff;
 	padding-top: 20px;
 	font-size: 20px;
 	text-transform: uppercase;
 }

 .ywk-certifications-awards-swiper .awards-img {
 	transform: scale(0.7);
 	transition: all .4s ease;
 	background: #fff;
 	overflow: hidden;
 }

 .ywk-certifications-awards-swiper .awards-img img {
 	opacity: .3;
 }

 .ywk-certifications-awards-swiper .swiper-slide-active .awards-img {
 	transform: scale(1.0);
 }

 .ywk-certifications-awards-swiper .swiper-slide-active .awards-img img {
 	opacity: 1;
 }

 .ywk-certifications-awards-swiper .swiper-slide-active .text {
 	display: block;
 }

 .ywk-certifications-awards-swiper .swiper-awards-next,
 .ywk-certifications-awards-swiper .swiper-awards-prev {
 	color: #fff;
 	outline: none;
 	width: 25px;
 	height: 45px;
 	margin-top: -40px;
 }

 .ywk-certifications-awards-swiper .swiper-button-next:after,
 .ywk-certifications-awards-swiper .swiper-button-prev:after {
 	font-size: 30px;
 	opacity: .5;
 }

 .ywk-certifications-awards-swiper .swiper-button-next:hover:after,
 .ywk-certifications-awards-swiper .swiper-button-prev:hover:after {
 	opacity: 1;
 }

 .ywk-certifications-awards-swiper .swiper-awards-next {
 	left: auto;
 	right: 50%;
 	margin-right: -200px;
 }

 .ywk-certifications-awards-swiper .swiper-awards-prev {
 	left: 50%;
 	margin-left: -200px;
 }

 .ywk-certifications-awards-swiper .swiper-slide-prev {
 	margin-left: -3%;
 	margin-right: 3%;
 }

 .ywk-certifications-awards-swiper .swiper-slide-next {
 	margin-right: -3%;
 	margin-left: 3%;
 }

 .ywk-about-events {
 	position: relative;
 	padding: 9% 0 0 0;
 	overflow: hidden;
 }

 .ywk-about-events .ywk-content-top {
 	position: relative;
 	width: 80%;
 	margin: auto;
 }

 .ywk-about-events .ywk-content-top .ywk-title {
 	margin-left: -10px;
 }

 .ywk-events-nav {
 	border-top: 1px solid #dcdfe5;
 	border-bottom: 1px solid #dcdfe5;
 	border-left: 1px solid #dcdfe5;
 	overflow: hidden;
 	width: 60%;
 	margin: 20px 0 0 0px;
 }

 .ywk-events-nav a {
 	display: block;
 	float: left;
 	width: 20%;
 	border-right: 1px solid #dcdfe5;
 	font-size: 18px;
 	color: #8e94a0;
 	padding: 20px 0;
 	text-align: center;
 	text-transform: uppercase;
 	box-sizing: border-box;
 }

 .ywk-events-nav a.cur {
 	background: url('../image/tiao.png') -30% 50% no-repeat #003281;
 	color: #fff;
 }

 .ywk-about-events .viewmore {
 	margin: 0;
 	position: absolute;
 	right: 0;
 	bottom: 0;
 }

 .ywk-about-events .viewmore a {
 	border: 1px solid #003281;
 	font-size: 0;
 	height: 60px;
 	line-height: 60px;
 	width: 140px;
 }

 .ywk-about-events .viewmore span {
 	color: #003281;
 	font-size: 14px;
 }

 .ywk-about-events .viewmore i {
 	background: url('../image/jtr3.png');
 }

 .ywk-about-events .viewmore a:hover {
 	background: #003281;
 }

 .ywk-about-events .viewmore a:hover span {
 	color: #fff;
 }

 .ywk-about-events .viewmore a:hover i {
 	background: url('../image/jtr1.png');
 }

 .ywk-events-content {
 	position: relative;
 	width: 80%;
 	margin: 60px auto auto auto;
 	overflow: hidden;
 }

 .ywk-events-list {
 	overflow: hidden;
 	position: relative;
 }

 .ywk-events-left {
 	float: left;
 	width: 55%;
 	overflow: hidden;
 	position: relative;
 }

 .ywk-events-left .text {
 	position: absolute;
 	left: 5%;
 	bottom: 5%;
 	width: 90%;
 	z-index: 3;
 	color: #fff;
 }

 .ywk-events-left .text span {
 	font-size: 12px;
 }

 .ywk-events-left .text h5 {
 	font-size: 16px;
 	margin: 0;
 	font-weight: normal;
 	padding: 10px 0;
 }

 .ywk-events-left .img img.img-center {
 	opacity: 0;
 }

 .ywk-events-left a:hover .img {
 	transform: scale(1.1);
 }

 .ywk-events-right {
 	float: right;
 	width: 43%;
 	overflow: hidden;
 	position: relative;
 	margin-top: 1%;
 }

 .ywk-events-item {
 	padding: 0 0 0 10%;
 	overflow: hidden;
 }

 .ywk-events-item a {
 	display: block;
 	overflow: hidden;
 	border-bottom: 1px solid #dcdfe5;
 	padding: 20px 0;
 }

 .ywk-events-item p {
 	color: #a1a6b2;
 	font-size: 12px;
 	margin: 0;
 }

 .ywk-events-item h5 {
 	font-size: 16px;
 	margin: 0;
 	font-weight: normal;
 	padding: 10px 0;
 	line-height: 26px;
 	color: #667080;
 }

 .ywk-events-item .more {
 	position: relative;
 	overflow: hidden;
 	font-size: 0;
 	display: block;
 	margin: 10px 0 15px 0;
 }

 .ywk-events-item .more span {
 	color: #a1a7b2;
 	font-size: 14px;
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 10px;
 }

 .ywk-events-item .more i {
 	background: url('https://www.envicool.net/static/images/right2') center no-repeat;
 	width: 17px;
 	height: 7px;
 	display: inline-block;
 	vertical-align: middle;
 	opacity: .3;
 }

 .ywk-events-item a:hover h5 {
 	color: #003281;
 }

 .ywk-events-item a:hover .more span {
 	color: #f29702;
 }

 .ywk-events-item a:hover .more i {
 	background: url('https://www.envicool.net/static/images/right22') center no-repeat;
 	opacity: 1;
 }


 .ywk-position-index10 {
 	position: relative;
 	z-index: 10;
 }

 .ywk-affiliated-companies {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-about-affiliated-companies {
 	position: relative;
 	padding: 20% 0 9% 0;
 	overflow: hidden;
 	width: 80%;
 	margin: auto;
 }

 .ywk-affiliated-content {
 	position: relative;
 	overflow: hidden;
 	padding: 0;
 }

 .ywk-affiliated-right {
 	position: absolute;
 	right: 5%;
 	top: 10%;
 	z-index: 3;
 	width: 20%;
 }

 .ywk-affiliated-nav {
 	position: relative;
 	overflow-x: hidden;
 	overflow-y: auto;
 	max-height: 470px;
 	width: 95%;
 	padding-right: 5%;
 }

 .ywk-affiliated-nav::-webkit-scrollbar {
 	width: 2px;
 }

 .ywk-affiliated-nav::-webkit-scrollbar-thumb {
 	background-color: #999;
 	box-shadow: inset 1px 1px 0 #999, inset 0 -1px 0 #999;
 }

 .ywk-affiliated-nav a {
 	display: block;
 	position: relative;
 	padding: 20px 0;
 	overflow: hidden;
 }

 .ywk-affiliated-nav a::after,
 .ywk-affiliated-nav a::before {
 	content: '';
 	width: 100%;
 	height: 1px;
 	background: #ccc;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 }

 .ywk-affiliated-nav a::before {
 	width: 0px;
 	z-index: 3;
 	transition: all .4s ease;
 }

 .ywk-affiliated-nav span {
 	color: #666e80;
 	font-size: 24px;
 }

 .ywk-affiliated-nav i {
 	display: block;
 	background: url('../image/right1.png');
 	width: 8px;
 	height: 16px;
 	right: 0;
 	position: absolute;
 	top: 50%;
 	margin-top: -8px;
 	opacity: .5;
 }

 .ywk-affiliated-nav a.cur span {
 	color: #f39700;
 }

 .ywk-affiliated-nav a.cur i {
 	background: url('../image/right11.png');
 	opacity: 1;
 }

 .ywk-affiliated-nav a.cur::before {
 	width: 100%;
 	background: #f39700;
 }

 .ywk-affiliated-left {
 	width: 25%;
 	overflow: hidden;
 	background: rgba(255, 255, 255, .7);
 	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15);
 	position: absolute;
 	left: 0;
 	top: 10%;
 }

 .ywk-affiliated-left * {
 	transition: all .4s ease;
 }

 .ywk-affiliated-left-swiper {
 	position: relative;
 }

 .companies-item {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 	padding-bottom: 71px;
 }

 .companies-item .text {
 	padding: 8%;
 	overflow: hidden;
 }

 .companies-item .title-1 {
 	font-size: 20px;
 	color: #1e2d45;
 	text-transform: uppercase;
 }

 .companies-item .line-2 {
 	background: url('../image/line2.png');
 	width: 36px;
 	height: 8px;
 	margin: 20px 0;
 }

 .companies-item .add-3 {
 	font-size: 12px;
 	color: #666e80;
 	line-height: 22px;
 	padding-bottom: 20px;
 	;
 }

 .ywk-pagetrun-swiper {
 	position: absolute;
 	border-top: 1px solid #e1e2e5;
 	font-size: 0;
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	z-index: 10;
 }

 .ywk-pagetrun-swiper .swiper-affiliated-prev,
 .ywk-pagetrun-swiper .swiper-affiliated-next {
 	height: 70px;
 	width: 25%;
 	display: inline-block;
 	vertical-align: middle;
 	box-sizing: border-box;
 	cursor: pointer;
 	outline: none;
 }

 .ywk-pagetrun-swiper .swiper-affiliated-prev:hover {
 	background: url('../image/left4.png') center no-repeat;
 }

 .ywk-pagetrun-swiper .swiper-affiliated-next:hover {
 	background: url('../image/right4.png') center no-repeat;
 }

 .ywk-pagetrun-swiper .swiper-affiliated-prev {
 	border-right: 1px solid #e1e2e5;
 	background: url('../image/left41.png') center no-repeat;
 }

 .ywk-pagetrun-swiper .swiper-affiliated-next {
 	border-left: 1px solid #e1e2e5;
 	background: url('../image/right41.png') center no-repeat;
 }

 .ywk-pagetrun-swiper .swiper-affiliated-num {
 	color: #b8becc;
 	width: 50%;
 	display: inline-block;
 	vertical-align: middle;
 	text-align: center;
 	font-size: 20px;
 }

 .ywk-pagetrun-swiper .swiper-affiliated-num strong {
 	color: #003281;
 	font-weight: normal;
 	margin: 0;
 }

 .ywk-pagetrun-swiper .swiper-affiliated-num span {
 	margin: 0;
 	color: #b8becc;
 }

 .ywk-affiliated-point {
 	position: relative;
 	width: 50%;
 	height: 700px;
 	z-index: 5;
 	margin: auto;
 }

 .ywk-affiliated-point-list {
 	position: relative;
 	overflow: hidden;
 	width: 100%;
 	height: 100%;
 }

 .ywk-affiliated-point-list a {
 	position: absolute;
 	display: block;
 	left: 50%;
 	top: 50%;
 }

 .ywk-affiliated-point-list span {
 	font-size: 12px;
 	color: #7d8db1;
 	display: block;
 }

 .ywk-affiliated-point-list i {
 	width: 10px;
 	height: 10px;
 	border-radius: 100%;
 	position: absolute;
 	background: #8aa8e6;
 	left: 50%;
 	top: -20px;
 	margin-left: -5px;
 }

 .ywk-affiliated-point-list i::before,
 .ywk-affiliated-point-list i::after {
 	content: '';
 	border-radius: 100%;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	background: #8aa8e6;
 }

 .ywk-affiliated-point-list i::before {
 	width: 30px;
 	height: 30px;
 	margin: -15px 0 0 -15px;
 	opacity: .2;
 }

 .ywk-affiliated-point-list i::after {
 	width: 55px;
 	height: 55px;
 	margin: -27.5px 0 0 -27.5px;
 	opacity: .2;
 }

 .ywk-affiliated-point-list i::before {
 	transform: scale(0.1);
 	animation: fangda1 2000ms infinite ease;
 }

 .ywk-affiliated-point-list i::after {
 	transform: scale(0.1);
 	animation: fangda1 1500ms infinite ease;
 }

 @keyframes fangda1 {
 	0% {
 		transform: scale(0.1);
 		opacity: 1;
 	}

 	100% {
 		transform: scale(1.0);
 		opacity: 0;
 	}
 }

 .ywk-affiliated-point-list a.ldrt i {
 	left: 0;
 	top: 3px;
 	margin-left: -15px;
 }

 .ywk-affiliated-point-list a.rdlt i {
 	left: auto;
 	right: 0;
 	top: 3px;
 	margin-right: -15px;
 }

 .ywk-affiliated-point-list a.pld1 {
 	margin: 20px 0 0 110px;
 }

 .ywk-affiliated-point-list a.pld2 {
 	margin: -5px 0 0 150px;
 }

 .ywk-affiliated-point-list a.pld3 {
 	margin: -290px 0 0 20px;
 }

 .ywk-affiliated-point-list a.pld4 {
 	margin: 190px 0 0 0px;
 }

 .ywk-affiliated-point-list a.pld5 {
 	margin: 255px 0 0 -45px;
 }

 .ywk-affiliated-point-list a.pld6 {
 	margin: -240px 0 0 -10px;
 }

 .ywk-affiliated-point-list a.pld7 {
 	margin: 220px 0 0 -130px;
 }

 .ywk-affiliated-point-list a.cur i,
 .ywk-affiliated-point-list a.cur i::before,
 .ywk-affiliated-point-list a.cur i::after {
 	background: #f29700;
 }

 .ywk-affiliated-point-list a.cur span,
 .ywk-affiliated-point-list a:hover span {
 	color: #f29700;
 }

 .ywk-affiliated-point-list a:hover {
 	z-index: 10;
 }

 .ywk-page-content.mt-100 {
 	margin-top: -10%;
 	z-index: 1;
 }


 /* factory */
 .ywk-factory {
 	position: relative;
 	padding: 5% 0;
 	overflow: hidden;
 }

 .ywk-factory-masonry {
 	width: 90%;
 	margin: auto;
 	position: relative;
 	column-count: 3;
 	column-gap: 0;
 }

 .ywk-factory-masonry .item {
 	break-inside: avoid;
 	box-sizing: border-box;
 	padding: 10px;
 }

 .ywk-factory-masonry .item a {
 	display: block;
 	position: relative;
 	overflow: hidden;
 }

 .ywk-factory-masonry .toptxt {
 	position: absolute;
 	left: 0;
 	top: 50%;
 	z-index: 10;
 	width: 100%;
 	text-align: center;
 	transform: translateY(-50%);
 	opacity: 0;
 }

 .ywk-factory-masonry .toptxt i {
 	display: block;
 	width: 55px;
 	height: 55px;
 	border-radius: 100%;
 	background: #f29700 url('../image/add.png') center no-repeat;
 	margin: auto;
 }

 .ywk-factory-masonry .toptxt h4 {
 	margin: 10px auto;
 	text-align: center;
 	font-size: 20px;
 	color: #fff;
 	text-transform: uppercase;
 }

 .ywk-factory-masonry .img {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-factory-masonry .img::before {
 	content: '';
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	left: 0;
 	top: 0;
 	z-index: 1;
 	background-image: linear-gradient(to top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
 }

 .ywk-factory-masonry .item a:hover .toptxt {
 	opacity: 1;
 }

 .ywk-factory-masonry .item a:hover .img img {
 	opacity: .6;
 }

 .ywk-factory-withus {
 	width: 80%;
 	margin: auto;
 	position: relative;
 	;
 	padding: 1% 0 8% 0;
 }

 .ywk-factory-withus-form {
 	padding-top: 5%;
 	overflow: hidden;
 }

 .ywk-factory-withus-form li {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	width: 45%;
 	margin-right: 5%;
 	float: left;
 	overflow: hidden;
 	margin-bottom: 30px;
 }

 .ywk-factory-withus-form li h6 {
 	font-size: 14px;
 	color: #26334c;
 	margin: 10px 0;
 	display: block;
 	font-weight: normal;
 }

 .ywk-factory-withus-form li input {
 	border: none;
 	background: none;
 	font-size: 14px;
 	border-bottom: 1px solid #e5e5e5;
 	width: 100%;
 	padding: 15px 0 25px 0;
 	box-sizing: border-box;
 }

 .ywk-factory-withus-form li input:focus {
 	border-bottom: 1px solid #26334c;
 }

 .ywk-factory-withus-form li textarea {
 	border: none;
 	background: none;
 	font-size: 14px;
 	border-bottom: 1px solid #e5e5e5;
 	width: 100%;
 	padding: 15px 0 25px 0;
 	box-sizing: border-box;
 	min-height: 100px;
 }

 .ywk-factory-withus-form li textarea:focus {
 	border-bottom: 1px solid #26334c;
 }

 .ywk-factory-withus-form .submit {
 	clear: both;
 	overflow: hidden;
	text-align: center;
 }

 .ywk-factory-withus-form .submit button {
 	background: #003281;
 	width: 30%;
 	height: 60px;
 	text-align: center;
 	color: #fff;
 	font-size: 16px;
 	border: none;
 	cursor: pointer;
 }

 .ywk-factory-withus-form .submit button:hover {
 	background: #f39700;
 }

 .galleryOverlay {
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	top: 0;
 	left: 0;
 	opacity: 0;
 	z-index: 100000;
 	background-color: rgba(0, 0, 0, .7);
 	overflow: hidden;
 	display: none;
 	-moz-transition: opacity 0.5s ease;
 	-webkit-transition: opacity 0.5s ease;
 	transition: opacity 0.5s ease;
 }

 .galleryOverlay.visible {
 	opacity: 1;
 }

 .gallerySlider {
 	height: 100%;
 	left: 0;
 	top: 0;
 	width: 100%;
 	white-space: nowrap;
 	position: absolute;
 }

 .gallerySlider .placeholder {
 	background: url("https://www.envicool.net/static/images/loading.gif") no-repeat center center;
 	height: 100%;
 	line-height: 1px;
 	text-align: center;
 	width: 100%;
 	display: inline-block;
 }

 .gallerySlider .placeholder:before {
 	content: "";
 	display: inline-block;
 	height: 50%;
 	width: 1px;
 	margin-right: -1px;
 }

 .gallerySlider .placeholder img {
 	display: inline-block;
 	max-height: 100%;
 	max-width: 100%;
 	vertical-align: middle;
 	width: auto;
 }

 .prevArrow,
 .nextArrow {
 	border: none;
 	text-decoration: none;
 	opacity: 0.5;
 	cursor: pointer;
 	position: absolute;
 	width: 50%;
 	height: 100%;
 	top: 0;
 	margin-top: 0px;
 }

 .prevArrow:hover,
 .nextArrow:hover {
 	opacity: 1;
 }

 .prevArrow {
 	background-position: left top;
 	left: 0;
 }

 .nextArrow {
 	background-position: right top;
 	right: 0;
 }

 .pagelimit {
 	position: absolute;
 	bottom: 20px;
 	left: 50%;
 	margin-left: -18px;
 	color: #fff;
 	font-size: 18px;
 }

 .closed {
 	cursor: pointer;
 	position: absolute;
 	width: 40px;
 	height: 40px;
 	right: 2%;
 	top: 3%;
 	background: url(../image/xxx.png) no-repeat;
 	transition-duration: 0.5s;
 }

 .closed:hover {
 	opacity: 0.5;
 }



 /* news */
 .ywk-references.ptb4 {
 	padding: 3% 0;
 }

 .ywk-news-content {
 	width: 80%;
 	margin: auto;
 	position: relative;
 	padding: 0 0 3% 0;
 	overflow: hidden;
 }

 .ywk-news-item {
 	float: left;
 	width: 31%;
 	margin: 0 2.2% 2.2% 0;
 	overflow: hidden;
 }

 .ywk-news-item a {
 	display: block;
 	overflow: hidden;
 	border: 1px solid #e6e6e6;
 	box-sizing: border-box;
 	background: url('../image/tiao.png') 500% 200% no-repeat;
 }

 .ywk-news-item .img {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-news-item .img .pic {
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 }

 .ywk-news-item .img .pic img.img-center {
 	opacity: 0;
 }

 .ywk-news-item .text {
 	padding: 8%;
 	overflow: hidden;
 }

 .ywk-news-item .data-1 {
 	font-size: 12px;
 	color: #666e80;
 }

 .ywk-news-item .title-2 {
 	font-size: 24px;
 	color: #1e2d45;
 	line-height: 30px;
 	padding: 10px 0;
 	min-height: 100px;
 }

 .ywk-news-item .more {
 	position: relative;
 	overflow: hidden;
 	font-size: 0;
 	display: block;
 	margin-top: 30px;
 }

 .ywk-news-item .more span {
 	color: #666e80;
 	font-size: 14px;
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 10px;
 }

 .ywk-news-item .more i {
 	background: url('https://www.envicool.net/static/images/right2') center no-repeat;
 	width: 17px;
 	height: 7px;
 	display: inline-block;
 	vertical-align: middle;
 	opacity: .8;
 }

 .ywk-news-item a:hover .more span {
 	color: #fff;
 }

 .ywk-news-item a:hover .more i {
 	background: url('https://www.envicool.net/static/images/right22') center no-repeat;
 	opacity: 1;
 }

 .ywk-news-item a:hover {
 	background: #003281 url('../image/tiao.png') 300% 200% no-repeat;
 }

 .ywk-news-item a:hover .title-2,
 .ywk-news-item a:hover .data-1 {
 	color: #fff;
 }

 .ywk-news-item a:hover .img .pic {
 	transform: scale(1.1);
 }

 .ywk-news-path {
 	margin-top: 98px;
 	overflow: hidden;
 	background: #f5f7fa;
 }

 .ywk-news-path-content {
 	font-size: 0;
 	padding: 15px 0;
 	overflow: hidden;
 	width: 92%;
 	margin: auto;
 	font-size: 12px;
 	color: #b8becc;
 	line-height: 24px;
 }

 .ywk-news-path-content a {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 12px;
 	color: #b8becc;
 	line-height: 24px;
 }

 .ywk-news-path-content a.cur {
 	color: #666e80;
 }

 .ywk-news-path-content a:hover {
 	color: #003281;
 }

 .ywk-news-path-content span {
 	font-size: 12px;
 	color: #b8becc;
 	line-height: 24px;
 	display: inline-block;
 	vertical-align: middle;
 	padding: 0 3px;
 }

 .ywk-news-detail {
 	overflow: hidden;
 	padding: 5% 0 3% 0;
 	position: relative;
 	width: 57%;
 	margin: auto;
 }

 .ywk-news-detail-top {
 	position: relative;
 	overflow: hidden;
 }

 .ywk-news-detail-top::after,
 .ywk-news-detail-top::before {
 	content: '';
 	height: 2px;
 	background: #e6e6e6;
 	left: 0;
 	bottom: 0;
 	position: absolute;
 }

 .ywk-news-detail-top::after {
 	width: 100%;
 }

 .ywk-news-detail-top::before {
 	width: 7%;
 	background: #003281;
 	z-index: 12;
 }

 .ywk-news-detail-top .type-1 {
 	clear: both;
 	overflow: hidden;
 }

 .ywk-news-detail-top .type-1 h5 {
 	font-size: 12px;
 	color: #fff;
 	background: #f39700;
 	display: inline-block;
 	padding: 8px 20px;
 	font-weight: normal;
 }

 .ywk-news-detail-top .title-2 {
 	overflow: hidden;
 }

 .ywk-news-detail-top .title-2 h1 {
 	font-weight: normal;
 	font-size: 40px;
 	color: #1e2d45;
 	margin: 0;
 }

 .ywk-news-detail-top .data-3 {
 	font-size: 14px;
 	color: #666e80;
 	padding-bottom: 30px;
 	padding-top: 25px;
 }

 .ywk-news-detail-center {
 	padding: 3% 0;
 	overflow: hidden;
 	font-size: 16px;
 	line-height: 26px;
 	color: #666e80;
 }

 .ywk-news-detail-center img {
 	display: inline-block;
 	width: auto;
 	max-width: 100%;
 }

 .ywk-news-detail-bottom {
 	position: relative;
 	overflow: hidden;
 	width: 57%;
 	margin: auto;
 	margin-bottom: 3%;
 	box-shadow: 0px 8px 60px 0px rgba(10, 15, 26, 0.08);
 	background: #fff;
 }

 .ywk-news-detail-pageturn {
 	padding: 30px 3%;
 	overflow: hidden;
 }

 .ywk-news-detail-pageturn a {
 	font-size: 14px;
 	color: #666e80;
 	text-transform: uppercase;
 }

 .ywk-news-detail-pageturn a.return {
 	background: url('../image/return.png');
 	width: 20px;
 	height: 20px;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin: -10px 0 0 -10px;
 }

 .ywk-news-detail-pageturn a.prev {
 	float: left;
 }

 .ywk-news-detail-pageturn a.next {
 	float: right;
 	text-align: right;
 }

 .ywk-news-detail-pageturn i {
 	display: inline-block;
 	vertical-align: middle;
 	width: 24px;
 	height: 8px;
 }

 .ywk-news-detail-pageturn span {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 14px;
 	color: #666e80;
 	margin: 0 10px;
 }

 .ywk-news-detail-pageturn a.prev i {
 	background: url('../image/left41.png') center no-repeat;
 }

 .ywk-news-detail-pageturn a.next i {
 	background: url('../image/right41.png') center no-repeat;
 }

 .ywk-news-detail-pageturn a:hover span {
 	color: #003281;
 }

 .ywk-news-detail-pageturn a.prev:hover i {
 	background: url('../image/left4.png') center no-repeat;
 }

 .ywk-news-detail-pageturn a.next:hover i {
 	background: url('../image/right4.png') center no-repeat;
 }

 .ywk-news-other-news {
 	overflow: hidden;
 	padding: 5% 0;
 }

 .ywk-news-other-news .ywk-content-top {
 	text-align: center;
 }

 .ywk-news-other-news .ywk-content-top .ywk-title {
 	display: inline-block;
 }

 .ywk-news-recommend-swiper {
 	position: relative;
 	overflow: hidden;
 	width: 80%;
 	margin: 2% auto;
 }

 .ywk-news-recommend-swiper .ywk-news-item {
 	float: none;
 	width: 100%;
 	margin: 0;
 }



 /* contact */
 .ywk-contact {
 	position: relative;
 	overflow: hidden;
 	background: #f5f7fa;
 }

 .ywk-contact-left {
 	overflow: hidden;
 	padding: 5% 5% 5% 5%;
 	float: left;
 	width: 50%;
 	box-sizing: border-box;
 }

 .ywk-contact-left .title-1,
 .ywk-contact-left .add-2,
 .ywk-contact-left .item-3,
 .ywk-contact-left .item-3 li,
 .ywk-contact-left .email-4 {
 	position: relative;
 }

 .ywk-contact-left .add-2,
 .ywk-contact-left .email-4,
 .ywk-contact-left .item-3 li {
 	padding: 35px 0 35px 70px;
 }

 .ywk-contact-left .title-1 {
 	font-size: 44px;
 	color: #003281;
 	border-bottom: 2px solid #f39700;
 	padding-bottom: 20px;
 }

 .ywk-contact-left .add-2 {
 	overflow: hidden;
 	border-bottom: 1px solid #dcdee1;
 }

 .ywk-contact-left .add-2 i {
 	transition: all .4s ease;
 }

 .ywk-contact-left .add-2:hover i {
 	border: 1px solid #003281;
 	background: #003281;
 }

 .ywk-contact-left .add-2:hover i * {
 	fill: #fff !important;
 }

 .ywk-contact-left .item-3 {
 	border-bottom: 1px solid #dcdee1;
 	overflow: hidden;
 	padding-bottom: 30px;
 }

 .ywk-contact-left .item-3 li {
 	list-style: none;
 	float: left;
 	width: 45%;
 	box-sizing: border-box;
 	overflow: hidden;
 	transition: all .4s ease;
 }

 .ywk-contact-left .item-3 li:nth-child(3) {
 	padding: 5px 0 5px 70px;
 }

 .ywk-contact-left .item-3 li:nth-child(4) {
 	padding: 5px 0 5px 70px;
 }

 .ywk-contact-left .email-4 {
 	overflow: hidden;
 }

 .ywk-contact-left .email-4 i {
 	transition: all .4s ease;
 }

 .ywk-contact-left .email-4:hover i {
 	border: 1px solid #003281;
 	background: #003281;
 }

 .ywk-contact-left .email-4:hover i * {
 	fill: #fff !important;
 }

 .ywk-contact-left i {
 	position: absolute;
 	width: 45px;
 	height: 45px;
 	border: 1px solid #cacfd6;
 	display: block;
 	left: 0;
 	top: 50%;
 	margin-top: -22.5px;
 	transition: all .4s ease;
 }

 .ywk-contact-left i img,
 .ywk-contact-left i svg {
 	max-width: 50%;
 }

 .ywk-contact-left span {
 	display: block;
 	margin: 0;
 	font-size: 14px;
 	color: #8a8e99;
 	padding-bottom: 7px;
 }

 .ywk-contact-left p {
 	display: block;
 	margin: 0;
 	font-size: 14px;
 	color: #666e80;
 }

 .ywk-contact-left h3 {
 	display: block;
 	margin: 0;
 	font-weight: normal;
 	font-size: 20px;
 	color: #666e80;
 }

 .ywk-contact-left a {
 	display: block;
 	font-size: 20px;
 	color: #666e80;
 }

 .ywk-contact-left .item-3 li:hover a {
 	color: #003281;
 }

 .ywk-contact-left .item-3 li:hover i * {
 	fill: #fff !important;
 }

 .ywk-contact-left .item-3 li:hover i {
 	background: #003281;
 	border: 1px solid #003281;
 }

 .ywk-contact-right {
 	position: relative;
 	overflow: hidden;
 }



 .ywk-message {
 	overflow: hidden;
 	padding: 10% 0;
 	background: url('../image/message.jpg') center no-repeat;
 	background-size: cover;
 }

 .ywk-message-content {
 	width: 80%;
 	margin: auto;
 }

 .ywk-message-content .ywk-contact-top {
 	text-align: center;
 }

 .ywk-message-content .ywk-contact-top .ywk-title {
 	display: inline-block;
 }

 .ywk-network {
 	background: #f5f7fa;
 	overflow: hidden;
 	padding: 7% 0 3% 0;
 }

 .ywk-network-content {
 	text-align: center;
 }

 .ywk-network-content .ywk-title {
 	display: inline-block;
 }

 .ywk-network-list {
 	position: relative;
 	padding: 3% 0;
 	overflow: hidden;
 	width: 80%;
 	margin: auto;
 }

 .ywk-network-list * {
 	transition: all .4s ease;
 }

 .network-item {
 	position: relative;
 	overflow: hidden;
 	float: left;
 	width: 31%;
 	margin: 0 2.3% 2.3% 0;
 }

 .network-item .text {
 	position: absolute;
 	background: #ffffff url('../image/tiao.png') 500% 650% no-repeat;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 0;
 	z-index: 11;
 	text-align: left;
 	box-sizing: border-box;
 	padding: 10%;
 	overflow: hidden;
 	font-size: 14px;
 	color: #8a8e99;
 	line-height: 24px;
 }

 .network-item .text .addname-1 {
 	font-size: 30px;
 	color: #1e2d45;
 	position: relative;
 	line-height: 34px;
 }

 .network-item .text .addname-1::after {
 	content: '';
 	width: 40px;
 	height: 3px;
 	display: block;
 	margin: 30px 0;
 	background: #f39700;
 }

 .network-item .text i {
 	width: 20px;
 	height: 20px;
 	display: block;
 	position: absolute;
 	left: 0;
 	top: 2px;
 }

 .network-item .text i * {
 	fill: #8a8e99 !important;
 }

 .network-item .text p {
 	display: block;
 	margin: 0;
 }

 .network-item .text .add-2,
 .network-item .text .tel-3,
 .network-item .text .email-4 {
 	padding: 0px 0 0px 30px;
 	position: relative;
 	overflow: hidden;
 	margin-bottom: 10px;
 }

 .network-item .text .add-2 {
 	min-height: 80px;
 }

 .network-item:hover .text {
 	background: #003281 url('../image/tiao.png') 350% 1100% no-repeat;
 }

 .network-item:hover .text .addname-1 {
 	color: #fff;
 }

 .network-item:hover .text p {
 	color: #fff;
 	opacity: .6;
 }

 .network-item:hover .text i * {
 	fill: #94a9ca !important;
 }

 .network-item:hover {
 	box-shadow: 0px 10px 50px 0px rgba(0, 13, 38, 0.1);
 }



 /* search */
 .ywk-search {
 	overflow: hidden;
 	padding: 7% 0;
 }

 .ywk-search-content {
 	width: 80%;
 	margin: auto;
 	overflow: hidden;
 }

 .ywk-search-input {
 	position: relative;
 	width: 30%;
 	overflow: hidden;
 }

 .ywk-search-input input.input {
 	background: #f5f7fa;
 	padding: 25px;
 	display: block;
 	border: none;
 	outline: none;
 	width: 100%;
 	font-size: 14px;
 }

 .ywk-search-input input.submit {
 	background: url('../image/ss1.png') center no-repeat #003281;
 	display: block;
 	position: absolute;
 	width: 13%;
 	height: 100%;
 	outline: none;
 	cursor: pointer;
 	font-size: 18px;
 	right: 0;
 	top: 0;
 	z-index: 3;
 	border: none;
 }

 .ywk-search-input input.submit:hover {
 	background: url('../image/ss1.png') center no-repeat #f29700;
 }

 .ywk-search-type {
 	padding-top: 60px;
 	overflow: hidden;
 	position: relative;
 }

 .ywk-search-type::after {
 	content: '';
 	width: 100%;
 	height: 1px;
 	background: #edeffa;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 }

 .ywk-search-type a {
 	font-size: 18px;
 	color: #666e80;
 	text-transform: uppercase;
 	margin-right: 40px;
 	position: relative;
 	padding: 30px 0;
 	display: inline-block;
 	vertical-align: middle;
 	z-index: 5;
 	;
 }

 .ywk-search-type a.cur {
 	color: #003281;
 }

 .ywk-search-type a.cur::after {
 	content: '';
 	width: 100%;
 	height: 1px;
 	background: #003281;
 	position: absolute;
 	left: 0;
 	bottom: 0;
 }

 .ywk-search-type a:hover {
 	color: #003281;
 }

 .ywk-search-results {
 	padding: 2% 0;
 	overflow: hidden;
 	color: #666e80;
 	font-size: 14px;
 }

 .ywk-search-results strong {
 	font-weight: normal;
 	color: #f29700;
 }

 .ywk-search-list {
 	padding: 1% 0 2% 0;
 	overflow: hidden;
 }

 .ywk-solutions-item {
 	float: left;
 	width: 48%;
 	margin: 0 2% 2% 0;
 	overflow: hidden;
 }

 .ywk-solutions-item a {
 	display: block;
 	overflow: hidden;
 }

 .ywk-solutions-item .img .pic {
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: cover;
 }

 .ywk-solutions-item .text {
 	padding: 3% 0;
 	overflow: hidden;
 }

 .ywk-solutions-item .title-1 {
 	font-size: 24px;
 	color: #666e80;
 	padding-bottom: 10px;
 	text-transform: uppercase;
 }

 .ywk-solutions-item .text-2 {
 	font-size: 14px;
 	color: #666e80;
 	line-height: 24px;
 }

 .ywk-solutions-item a:hover .title-1 {
 	color: #003281;
 }

 .ywk-solutions-item a:hover .img .pic {
 	transform: scale(1.1);
 }





 /* other */
 .ywk-culture-nav a,
 .ywk-globalfootprint-item li p,
 .ywk-references-nav strong,
 .ywk-about-data .data li p,
 .ywk-references-list-item .text .title-2,
 .ywk-references-list-item .text .tpath-1,
 .ywk-solutions-item .title-1,
 .nav-title,
 .ywk-applications-swiper .text,
 .ywk-references-nav strong,
 .ywk-dthicscompliance-nav .item-4 .title-6,
 .nav-type a h4 {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	overflow: hidden;
 }

 .ywk-news-top-item .text .text-2,
 .ywk-solutions-item .text-2 {
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 }

 .ywk-news-item .title-2 {
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 }




 /* fonts */
 .ywk-header-nav li a,
 .ywk-stock-code,
 .ywk-header-right a span,
 .viewmore span,
 .ywk-index-product-type-item .learnmore-3 span,
 .ywk-content-center ul strong,
 .ywk-introduce-line,
 .ywk-parameter-content .parameter-2 ul li strong,
 .ywk-parameter-content .parameter-2 ul h6,
 .readmore span,
 .ywk-more a span,
 .ywk-roomcooling-item-left .items-2 li.cur,
 .ywk-header-right-link a,
 .ywk-play-video a span,
 .ywk-events-left .text h5,
 .ywk-header-nav-list li span,
 .ywk-nav-two-left li a,
 .ywk-nav-two-right-swiper-item .nav-title,
 .nav-slide-item .nav-title,
 .ywk-header-nav-show-about a span,
 .mobile-nav li a,
 .ywk-factory-withus-form .submit input {
 	font-family: 'Montserrat-Bold';
 }

 .ywk-globalfootprint-item li h3 span,
 .ywk-globalfootprint-item li h3 sup,
 .ywk-globalfootprint-item li h3 strong,
 .swiper-pagination-customers span,
 .features-item em,
 .ywk-features-swiper .swiper-pagination-features span,
 .ywk-reference-text .reference-pagination,
 .ywk-reference-text .reference-pagination span,
 .ywk-pageturn a,
 .ywk-about-data .data li h3 strong,
 .ywk-dthicscompliance-swiper .num-0 strong,
 .ywk-dthicscompliance-swiper .num-0 span,
 .ywk-dthicscompliance-nav .item-4 .num-6,
 .ywk-pagetrun-swiper .swiper-affiliated-num,
 .ywk-affiliated-nav span,
 .ywk-search-type a,
 .ywk-certifications-awards .text,
 .ywk-solutions-content .ywk-content-top .ywk-text {
 	font-family: 'D-DINCondensed';
 }

 .ywk-index-banner .text .title-1,
 .ywk-index-banner .text .title-2,
 .ywk-index-product-type-item .title-1,
 .swiper-product-pagination span,
 .ywk-content-milestone-swiper-item .text .title-1,
 .ywk-content-milestone-swiper-item .text .num-3,
 .ywk-year-milestone-swiper span,
 .nav-type a h4,
 .ywk-introduce-item li h4 strong,
 .ywk-introduce-item li h4 span,
 .ywk-product-nav a,
 .ywk-product-item .title-1,
 .ywk-product-detail-text .title-2,
 .ywk-product-detail-text .xinghao-1,
 .bigtitle-bg,
 .swiper-pagination-num,
 .ywk-applications-swiper .text,
 .ywk-parameter-content .title-1,
 .ywk-content-data-center .textright-2 .title-1,
 .ywk-data-center-item .text .title-1,
 .ywk-application-scenarios-item .text .name-2,
 .ywk-application-scenarios-item .text .num-1,
 .ywk-reference-text .title-2,
 .ywk-solutions-roomcooling .title-1,
 .ywk-roomcooling-item-left .title-1,
 .ywk-popup-reference-right-content .title-1,
 .ywk-references-item .text .title-1,
 .ywk-allmore span,
 .ywk-references-nav strong,
 .ywk-references-list-item .text .title-2,
 .ywk-envicool-introduction .ywk-stockcode,
 .ywk-about-product .title-2,
 .ywk-core-advantages-item strong,
 .ywk-culture-right strong,
 .ywk-culture-right i,
 .ywk-dthicscompliance-swiper .title-1,
 .ywk-dthicscompliance-nav .item-4 .title-6,
 .ywk-certifications-awards-nav strong,
 .ywk-events-nav a,
 .companies-item .title-1,
 .ywk-factory-masonry .toptxt h4,
 .ywk-news-item .title-2,
 .ywk-news-detail-top .title-2 h1,
 .ywk-contact-left .title-1,
 .ywk-contact-left h3,
 .network-item .text .addname-1,
 .ywk-solutions-item .title-1,
 .ywk-title h2,
 .banner-title h2 {
 	font-family: 'd-din-condensed-bold';
 }





 @font-face {
 	font-family: 'Montserrat-Regular';
 	src: url('https://www.envicool.net/static/css/fonts/Montserrat-Regular.eot');
 	src: local('☺'), url('../font/Montserrat-Regular.woff') format('woff'), url('../font/Montserrat-Regular.ttf') format('truetype'), url('../font/Montserrat-Regular.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'Montserrat-Extra-Bold';
 	src: url('../font/Montserrat-Extra-Bold.eot');
 	src: local('☺'), url('../font/Montserrat-Extra-Bold.woff') format('woff'), url('../font/Montserrat-Extra-Bold.ttf') format('truetype'), url('../font/Montserrat-Extra-Bold.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'Montserrat-Light';
 	src: url('../font/Montserrat-Light.eot');
 	src: local('☺'), url('../font/Montserrat-Light.woff') format('woff'), url('https://www.envicool.net/static/fonts/Montserrat-Light.ttf') format('truetype'), url('../font/Montserrat-Light.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'Montserrat-Bold';
 	src: url('../font/Montserrat-Bold.eot');
 	src: local('☺'), url('../font/Montserrat-Bold.woff') format('woff'), url('../font/Montserrat-Bold.ttf') format('truetype'), url('../font/Montserrat-Bold.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'MyriadPro-Regular';
 	src: url('../font/MyriadPro-Regular.eot');
 	src: local('☺'), url('../font/MyriadPro-Regular.woff') format('woff'), url('../font/MyriadPro-Regular.ttf') format('truetype'), url('../font/MyriadPro-Regular.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'd-din-condensed-bold';
 	src: url('../font/d-din.condensed-bold.eot');
 	src: local('☺'), url('../font/d-din.condensed-bold.woff') format('woff'), url('../font/d-din.condensed-bold.ttf') format('truetype'), url('../font/d-din.condensed-bold.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'D-DINCondensed';
 	src: url('../font/D-DINCondensed.eot');
 	src: local('☺'), url('../font/D-DINCondensed.woff') format('woff'), url('../font/D-DINCondensed.ttf') format('truetype'), url('../font/D-DINCondensed.svg') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }



 @media screen and (max-width: 5120px) {
 	.ywk-parameter-content {
 		margin-top: 8%;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit1 {
 		margin-right: -820px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit2 {
 		margin-right: -945px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit3 {
 		margin-right: -905px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit4 {
 		margin-top: 340px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit5 {
 		margin-left: -905px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit6 {
 		margin-left: -940px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit7 {
 		margin-left: -830px;
 	}
 }

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

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

 @media screen and (max-width: 2048px) {
 	.ywk-parameter-content {
 		margin-top: 3%;
 	}
 }

 @media screen and (max-width: 1920px) {
 	.ywk-about-product .about-product.product7 .item-li.pit1 {
 		margin-right: -610px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit2 {
 		margin-right: -775px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit3 {
 		margin-right: -725px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit4 {
 		margin-top: 280px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit5 {
 		margin-left: -725px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit6 {
 		margin-left: -775px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit7 {
 		margin-left: -610px;
 	}
 }

 @media screen and (max-width: 1680px) {
 	.ywk-logo a {
 		width: 50px;
 		height: 50px;
 	}

 	.ywk-header-nav li {
 		padding: 30px 15px;
 	}

 	.ywk-header-right-link a,
 	.ywk-header-right a {
 		line-height: 75px;
 	}

 	.ywk-header-right-link a {
 		margin-right: 10px;
 	}

 	.ywk-header-right-language {
 		margin-left: 20px;
 	}

 	.ywk-header-nav-show .ywk-content {
 		margin-top: 75px;
 	}

 	.ywk-header-nav-left {
 		width: 23%;
 		padding: 2% 1% 2% 4%;
 	}

 	.ywk-header-nav-right {
 		width: 100%;
 	}

 	.ywk-header-nav-right::before {
 		width: 75%;
 	}

 	.ywk-nav-two-left li {
 		padding: 10px 0 10px 4vw;
 	}

 	.ywk-index-banner .text {
 		top: 30%;
 	}

 	.ywk-index-banner .text .line-3 {
 		margin: 15px 0;
 		height: 2px;
 	}

 	.viewmore {
 		margin-top: 30px;
 	}

 	.viewmore a {
 		width: auto;
 		height: 40px;
 		line-height: 40px;
 		padding: 0;
 		padding: 0 30px;
 		display: inline-block;
 		font-size: 0;
 	}

 	.viewmore span {
 		margin-right: 10px;
 	}

 	.title-canvas-en {
 		width: 400px;
 	}

 	.ywk-content-top-swiper-leftright {
 		width: 125px;
 		height: 40px;
 	}

 	.ywk-content-top .swiper-product-next,
 	.ywk-content-top .swiper-product-prev {
 		width: 40px;
 		height: 40px;
 		margin-top: -20px;
 	}

 	.swiper-product-pagination {
 		top: 50%;
 		margin-top: -10px;
 	}

 	.ywk-content-top-right {
 		width: 250px;
 	}

 	.ywk-year-milestone-swiper span {
 		font-family: 'D-DINCondensed';
 	}

 	.ywk-year-milestone {
 		margin-top: 5%;
 	}

 	.ywk-globalfootprint-item li i {
 		width: 30px;
 		height: 30px;
 	}

 	.ywk-map-line {
 		width: 100%;
 	}

 	.ywk-content-globalfootprint {
 		margin-top: 10%;
 	}

 	.ywk-content-globalfootprint .img {
 		width: 90%;
 		margin: auto;
 	}

 	.ywk-footer .ywk-content {
 		width: 80%;
 	}

 	.ywk-content-customers-swiper {
 		width: 87%;
 	}

 	.ywk-application-scenarios-item .img {
 		width: 80%;
 	}

 	.readmore a {
 		width: auto;
 		height: 42px;
 		padding: 0 20px;
 		display: inline-block;
 	}

 	.readmore span {
 		font-size: 12px;
 		line-height: 42px;
 	}

 	.ywk-application-scenarios-item .text .item-3 {
 		font-size: 12px;
 		line-height: 20px;
 		margin: 20px 0 30px 0;
 	}

 	.ywk-application-scenarios-item .text .text-center,
 	.ywk-popup-content {
 		width: 60%;
 		left: 20%;
 	}

 	.ywk-reference-text .title-2 {
 		font-size: 30px;
 		margin-bottom: 60px;
 	}

 	.ywk-popup-windows-content {
 		padding: 3%;
 	}

 	.nav-type-show a {
 		line-height: 50px;
 	}

 	.nav-type-two {
 		padding: 25px 0;
 	}

 	.ywk-left {
 		width: 45%;
 		padding: 0;
 	}

 	.ywk-product-detail-path {
 		top: 78px;
 	}

 	.ywk-product-item .product-pic img.img-center {
 		max-width: 80%;
 		max-height: 80%;
 	}

 	.ywk-product-detail-text {
 		width: 90%;
 		left: 10%;
 		padding-top: 1%;
 	}

 	.ywk-product-detail-text .line-3 {
 		margin: 10px 0;
 	}

 	.ywk-parameter-content {
 		width: 40%;
 		margin-top: 3%;
 	}

 	.ywk-parameter-content .title-1 {
 		padding-bottom: 10px;
 		margin-bottom: 20px;
 	}

 	.ywk-product-detail-parameter .pic img.img-center {
 		max-height: 80%;
 		max-width: 80%;
 	}

 	.ywk-parameter-content .parameter-2 ul li {
 		padding: 10px 0;
 		width: 47%;
 		margin-right: 3%;
 	}

 	.ywk-parameter-content .parameter-2 {
 		height: 450px;
 	}

 	.ywk-parameter-content .parameter-2 ul h6 {
 		padding: 15px 0;
 	}

 	.ywk-references-item .text .title-1::after,
 	.ywk-envicool-introduction .ywk-lines {
 		margin: 20px 0;
 	}

 	.ywk-references-item .text .viewmore a {
 		width: auto;
 	}

 	.ywk-allmore a {
 		width: 300px;
 		height: 80px;
 	}

 	.ywk-allmore span {
 		line-height: 80px;
 	}

 	.ywk-references-nav.num7 a {
 		width: 12%;
 	}

 	.ywk-pageturn a {
 		width: 35px;
 		font-size: 14px;
 		padding: 10px 0;
 	}

 	.ywk-pageturn a.prev,
 	.ywk-pageturn a.next {
 		padding: 10px 20px;
 	}

 	.ywk-envicool-introduction .ywk-left {
 		margin: 4% 0 0 10%;
 		width: 36%;
 	}

 	.ywk-about-data .data li i {
 		top: 17%;
 	}

 	.ywk-about-data .data {
 		width: 90%;
 		left: 5%;
 	}

 	.ywk-about-product .text-3 {
 		padding: 5px 0;
 		line-height: 18px;
 	}

 	.ywk-about-product .icon-1 i {
 		width: 50px;
 		height: 50px;
 	}

 	.ywk-about-product .icon-1 {
 		top: -10px;
 	}

 	.ywk-about-product .item-li {
 		width: 45%;
 		padding-left: 70px;
 	}

 	.ywk-about-product .about-product {
 		left: 22.5%;
 		width: 55%;
 	}

 	.about-product-swiper {
 		height: 400px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit1 {
 		margin-right: -510px;
 		margin-top: -255px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit2 {
 		margin-right: -655px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit3 {
 		margin-right: -642px;
 		margin-top: 105px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit4 {
 		margin-top: 225px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit5 {
 		margin-left: -641px;
 		margin-top: 125px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit6 {
 		margin-left: -662px;
 		margin-top: -100px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit7 {
 		margin-left: -530px;
 		margin-top: -250px;
 	}

 	.ywk-about-product .item-li:nth-child(4) .dot-0 {
 		left: -2%;
 	}

 	.ywk-core-advantages .ywk-title {
 		left: 5%;
 	}

 	.ywk-core-advantages-item {
 		left: 5%;
 		width: 90%;
 	}

 	.ywk-culture-right li {
 		padding: 20px 0;
 	}

 	.ywk-dthicscompliance .viewmore {
 		margin-top: 50px;
 	}

 	.ywk-dthicscompliance .viewmore a {
 		width: auto;
 		height: 50px;
 		line-height: 50px;
 		display: inline-block;
 	}

 	.ywk-certifications-awards-swiper .swiper-awards-next {
 		margin-right: -180px;
 	}

 	.ywk-certifications-awards-swiper .swiper-awards-prev {
 		margin-left: -180px;
 	}

 	.ywk-about-events .viewmore a {
 		height: 50px;
 		line-height: 50px;
 		width: 100px;
 	}

 	.ywk-events-item a {
 		padding: 10px 0 10px 0;
 	}

 	.ywk-events-item .more {
 		margin-top: 10px;
 	}

 	.ywk-events-nav a {
 		padding: 16px 0;
 	}

 	.ywk-about-affiliated-companies {
 		padding: 20% 0 9% 0;
 		width: 90%;
 	}

 	.ywk-affiliated-right {
 		right: 0;
 		top: 10%;
 	}

 	.ywk-affiliated-left {
 		width: 26%;
 		left: 4%;
 		top: 10%;
 		z-index: 11;
 	}

 	.ywk-page-content.mt-100 {
 		margin-top: -7%;
 	}

 	.ywk-affiliated-point {
 		width: 50%;
 		height: 700px;
 		margin: 0 0 0 27%;
 	}

 	.ywk-contact-left {
 		padding: 7% 5% 5% 5%;
 	}

 	.ywk-contact-left .add-2,
 	.ywk-contact-left .email-4,
 	.ywk-contact-left .item-3 li {
 		padding: 25px 0 25px 70px;
 	}

 	.network-item .text .addname-1::after {
 		margin: 15px 0;
 	}

 	.network-item .text .email-4 {
 		margin-bottom: 0;
 	}

 	.ywk-news-detail,
 	.ywk-news-detail-bottom {
 		width: 70%;
 	}

 	.ywk-index-banner .text.bigtriangle::before {
 		background: url(../image/sc.png) left top no-repeat;
 		left: -20px;
 		top: -20px;
 		background-size: 10%;
 	}

 	.ywk-solutions-roomcooling .text {
 		padding: 4% 5% 0 5%;
 	}

 	.ywk-solutions-roomcooling-item {
 		width: 100%;
 	}

 	.ywk-roomcooling-item-left .items-2 li::before {
 		top: 5px;
 	}

 	.ywk-about-data .data li {
 		min-width: 18%;
 	}

 	#language.ywk-header-nav-show-content {
 		width: 120px;
 		right: 10px;
 	}

 	.ywk-header-nav-show-search {
 		width: 40%;
 		margin: 3% auto;
 	}

 	.ywk-header-nav-show-search .input {
 		padding: 15px 25px;
 	}

 	.ywk-header-nav-show-about {
 		width:92%;
 		margin: 2% auto 3% auto;
 	}

 	.ywk-content-data-center .textright-2 .text-2 {
 		width: 100%;
 	}

 	.ywk-product-content,
 	.ywk-certifications-awards,
 	.ywk-about-certifications-awards .ywk-content-top {
 		width: 90%;
 	}

 	.ywk-content-milestone-swiper-item .text .num-3 {
 		font-size: 300px;
 	}

 	.bigtitle-bg strong {
 		font-size: 200px;
 		line-height: 180px;
 	}

 	.ywk-index-banner .text .title-1 {
 		font-size: 100px;
 		line-height: 100px;
 	}

 	.banner-title h2 {
 		font-size: 80px;
 		line-height: 80px;
 	}

 	.ywk-index-banner .text .title-2 {
 		font-size: 60px;
 	}

 	.ywk-title h2 {
 		font-size: 60px;
 		line-height: 60px;
 	}

 	.ywk-parameter-content .title-1 {
 		font-size: 50px;
 	}

 	.ywk-globalfootprint-item li h3 strong,
 	.ywk-about-data .data li h3 strong,
 	.ywk-contact-left .title-1 {
 		font-size: 34px;
 	}

 	.ywk-content-data-center .textright-2 .title-1,
 	.ywk-dthicscompliance-swiper .title-1,
 	.ywk-solutions-roomcooling .title-1 {
 		font-size: 30px;
 	}

 	.ywk-application-scenarios-item .text .name-2 {
 		font-size: 26px;
 	}

 	.ywk-index-product-type-item .title-1,
 	.ywk-content-milestone-swiper-item .text .title-1,
 	.ywk-data-center-item .text .title-1,
 	.ywk-popup-reference-right-content .title-1 {
 		font-size: 24px;
 	}

 	.ywk-application-scenarios-item .text .num-1,
 	.ywk-product-item .title-1,
 	.ywk-envicool-introduction .ywk-stockcode {
 		font-size: 20px;
 	}

 	.network-item .text .addname-1,
 	.ywk-news-item .title-2 {
 		font-size: 20px;
 		line-height: 24px;
 	}

 	.ywk-applications-swiper .text,
 	.ywk-references-list-item .text .title-2,
 	.ywk-core-advantages-item strong,
 	.ywk-affiliated-nav span {
 		font-size: 18px;
 	}

 	.nav-slide-item .nav-title,
 	.nav-type a h4,
 	.ywk-product-nav a,
 	.ywk-references-nav strong,
 	.ywk-dthicscompliance-nav .item-4 .title-6,
 	.ywk-certifications-awards .text,
 	.ywk-certifications-awards-nav strong,
 	.ywk-events-nav a,
 	.ywk-factory-masonry .toptxt h4 {
 		font-size: 16px;
 	}

 	.ywk-index-banner .text .text-4,
 	.ywk-introduce,
 	.ywk-introduce-line,
 	.ywk-product-detail-text .text-4,
 	.features-item strong,
 	.ywk-references-item .text .text-2,
 	.ywk-events-item h5,
 	.ywk-news-detail-center {
 		font-size: 14px;
 		line-height: 24px;
 	}

 	.ywk-reference-text .text-1,
 	.ywk-culture-right p,
 	.ywk-events-left .text h5 {
 		font-size: 14px;
 	}

 	.ywk-header-nav li a,
 	.ywk-header-nav-list li span,
 	.ywk-nav-two-left li a,
 	.ywk-index-product-type-item .menu-2 a,
 	.ywk-index-product-type-item .learnmore-3 span,
 	.ywk-globalfootprint-item li p,
 	.ywk-content-center ul li a,
 	.ywk-parameter-content .parameter-2 ul li span,
 	.ywk-parameter-content .parameter-2 ul li strong,
 	.ywk-references-list-item .text .tpath-1,
 	.ywk-play-video a span,
 	.ywk-about-data .data li p,
 	.ywk-core-advantages-item p,
 	.ywk-dthicscompliance .viewmore a span,
 	.ywk-about-events .viewmore span,
 	.ywk-events-item .more span,
 	.ywk-contact-left p,
 	.ywk-news-item .more span,
 	.ywk-header-nav-show-language a,
 	.ywk-header-nav-show-about a span {
 		font-size: 12px !important;
 	}

 	.ywk-content-milestone-swiper-item .text .text-2,
 	.ywk-text,
 	.ywk-content-data-center .textright-2 .text-2,
 	.ywk-data-center-item .text .text-2,
 	.ywk-application-scenarios-item .text .item-3 li,
 	.ywk-popup-reference-right-content .text-2,
 	.ywk-product-item .text-2,
 	.ywk-envicool-introduction .ywk-introduction,
 	.ywk-dthicscompliance-swiper .text-2,
 	.network-item .text p,
 	.ywk-solutions-roomcooling .text-2,
 	.ywk-roomcooling-item-left .items-2 li,
 	.ywk-roomcooling-item-left .items-2 {
 		font-size: 12px;
 		line-height: 20px;
 	}

 }

 @media screen and (max-width: 1600px) {
 	.ywk-play {
 		width: 60px;
 		height: 60px;
 		margin: -30px 0 0 -30px;
 	}

 	.ywk-product-detail-pic {
 		right: 1%;
 	}

 	.ywk-about-events .ywk-title {
 		margin-left: -10px;
 	}

 	.ywk-events-nav {
 		margin: 20px 0 0 0px;
 	}

 	.ywk-stock-code {
 		font-size: 12px
 	}

 	.ywk-header-nav li a {
 		font-size: 13px !important;
 	}

 	.ywk-header-right a span {
 		display: none;
 	}

 	.ywk-globalfootprint-item {
 		width: 100%;
 		text-align: center;
 		font-size: 0;
 	}

 	.ywk-globalfootprint-item li {
 		width: auto;
 		min-width: 17%;
 		float: none;
 		display: inline-block;
 	}

 	.ywk-solutions-content .ywk-content-top .ywk-text {
 		font-size: 30px;
 	}

 	.ywk-stock-code::before {
 		height: 90%;
 	}
 }

 @media screen and (max-width: 1500px) {
 	.features-item .title-1 {
 		font-size: 14px;
 	}

 	.features-item i {
 		width: 50px;
 		height: 50px;
 	}

 	.features-item .title-1::after {
 		margin: 10px auto;
 	}

 	.features-item strong {
 		margin-top: 0px;
 	}

 	.ywk-product-detail-text .text-4 p {
 		font-size: 13px;
 		line-height: 24px;
 	}

 	.ywk-product-detail-text .text-4 * {
 		font-size: 13px;
 		line-height: 24px;
 	}
 }

 @media screen and (max-width: 1440px) {
 	.ywk-product-detail-pic .pic img.img-center {
 		max-height: 80%;
 		max-width: 80%;
 	}

 	.ywk-product-detail-text .title-2 {
 		font-size: 50px;
 	}

 	.ywk-product-detail-text .xinghao-1 {
 		font-size: 30px;
 	}

 	.features-item strong {
 		font-size: 12px;
 	}
 }

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

 	.ywk-content-milestone-swiper,
 	.ywk-globalfootprint-item {
 		width: 100%;
 	}

 	.ywk-map-line {
 		width: 96%;
 	}

 	.ywk-content-globalfootprint .img,
 	.ywk-content-customers-swiper {
 		width: 100%;
 	}

 	.ywk-footer .ywk-content,
 	.ywk-about-events .ywk-content-top,
 	.ywk-events-content {
 		width: 90%;
 	}

 	.nav-type-show a,
 	.ywk-introduce-item li p {
 		font-size: 12px;
 	}

 	.ywk-introduce,
 	.ywk-introduce-line,
 	.ywk-introduce-line *,
 	.ywk-product-detail-text .text-4,
 	.ywk-references-item .text .text-2 {
 		font-size: 12px;
 		line-height: 20px;
 	}

 	.ywk-parameter-content .parameter-2 {
 		height: 400px;
 	}

 	.ywk-parameter-content {
 		width: 45%;
 	}

 	.ywk-references-item .text .viewmore {
 		margin-top: 30px;
 	}

 	.ywk-allmore span {
 		font-size: 24px;
 	}

 	.ywk-references-nav strong {
 		font-size: 14px;
 	}

 	.ywk-references-list-item .text {
 		padding: 15px 0 20px 0;
 	}

 	.ywk-application-scenarios-item .text .text-center,
 	.ywk-popup-content {
 		width: 85%;
 		left: 7%;
 	}

 	.ywk-about-product .about-product {
 		left: 21%;
 		width: 58%;
 	}

 	.ywk-contact-left .add-2,
 	.ywk-contact-left .email-4,
 	.ywk-contact-left .item-3 li {
 		padding: 20px 0 20px 70px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit4 {
 		width: 60%;
 		margin-right: 0;
 	}

 	.ywk-about-product .about-product {
 		top: 45%;
 	}
 }

 @media screen and (max-width: 1280px) {
 	.ywk-map-line {
 		width: 100%;
 		margin: auto;
 	}

 	.ywk-about-dthicscompliance,
 	.ywk-factory-masonry,
 	.ywk-network-list,
 	.ywk-news-content {
 		width: 90%;
 	}

 	.ywk-header-nav {
 		margin-left: -10%;
 	}

 	.ywk-envicool-introduction .ywk-left {
 		margin: 4% 0 0 5%;
 		width: 40%;
 	}

 	.ywk-about-product .about-product {
 		left: 19%;
 		width: 62%;
 	}

 	.ywk-culture-right strong {
 		font-size: 20px;
 	}

 	.ywk-certifications-awards-swiper .swiper-awards-next {
 		margin-right: -160px;
 	}

 	.ywk-certifications-awards-swiper .swiper-awards-prev {
 		margin-left: -160px;
 	}

 	.ywk-contact-left span {
 		font-size: 12px;
 	}

 	.ywk-contact-left .add-2,
 	.ywk-contact-left .email-4,
 	.ywk-contact-left .item-3 li {
 		padding: 20px 0 20px 60px;
 	}

 	.ywk-content-globalfootprint .img {
 		width: 90%;
 		margin: auto;
 	}

 	.points1 {
 		margin: -53px 0 0 -40px;
 	}

 	.ywk-core-advantages-item a {
 		width: 12%;
 	}

 	.points17 {
 		margin: -85px 0px 0 -155px;
 	}

 	.points18 {
 		margin: -15px 0px 0 -220px;
 	}

 	.points19 {
 		margin: -10px 0px 0 -300px;
 	}

 	.points20 {
 		margin: 60px 0px 0 -300px;
 	}

 	.points21 {
 		margin: 50px 0px 0 -250px;
 	}

 	.points22 {
 		margin: -170px 0px 0 280px;
 	}

 	.points23 {
 		margin: -15px 0px 0 400px;
 	}

 	.points24 {
 		margin: 150px 0px 0 500px
 	}

 	.points16 {
 		margin: 82px 0px 0 530px;
 	}

 	.points15 {
 		margin: 52px 0px 0 470px;
 	}

 	.points14 {
 		margin: -73px 0px 0 390px;
 	}

 	.points13 {
 		margin: -135px 0px 0 350px;
 	}

 	.points12 {
 		margin: 160px 0px 0 150px;
 	}

 	.points11 {
 		margin: 107px 0 0 30px;
 	}

 	.points10 {
 		margin: 0px 0 0 -25px;
 	}

 	.points9 {
 		margin: -80px 0 0 65px;
 	}

 	.points8 {
 		margin: 115px 0 0 -270px;
 	}

 	.points7 {
 		margin: -35px 0 0 -115px;
 	}

 	.points6 {
 		margin: -150px 0 0 -110px;
 	}

 	.points5 {
 		margin: -95px 0 0 -300px;
 	}

 	.points4 {
 		margin: -125px 0 0 -270px;
 	}

 	.points3 {
 		margin: -80px 0 0 -340px;
 	}

 	.points2 {
 		margin: -125px 0 0 -345px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit1 {
 		margin-right: -540px;
 		margin-top: -240px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit2 a .text-3 {
 		width: 90%;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit6 a .text-3 {
 		width: 90%;
 		float: right;
 	}
 }

 @media screen and (max-width: 1152px) {
 	.ywk-core-advantages-item a {
 		min-height: 130px;
 	}
 }

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

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

 	.pcshow,
 	.banner-nav-type {
 		display: none !important;
 	}

 	.mbshow {
 		display: block !important;
 	}

 	.ywk-header {
 		padding-top: 10px;
 	}

 	.ywk-core-advantages-item a {
 		min-height: auto;
 	}

 	#cd-nav-container {
 		position: fixed;
 		right: 0;
 		transition: all .4s ease;
 		transform: translateY(-200%);
 	}

 	.ywk-header .ywk-content {
 		width: 92%;
 		height: 50px;
 		padding-bottom: 10px;
 	}

 	.ywk-stock-code,
 	.ywk-header-right-link,
 	.ywk-header-right a span,
 	.ywk-header-nav-show,
 	.swiper-product-pagination,
 	.ywk-content-center,
 	.ywk-header-nav li a::after {
 		display: none;
 	}

 	.ywk-header-right {
 		width: 30%;
 	}

 	.ywk-header-right-link a,
 	.ywk-header-right a {
 		line-height: 50px;
 	}

 	.ywk-header-right {
 		right: 50px;
 	}

 	.ywk-menu-toggle {
 		display: block;
 		top: 10px;
 	}

 	.ywk-index-banner .text {
 		top: 30%;
 		left: 5%;
 	}

 	.title-canvas-en,
 	.ywk-content-milestone-swiper-item .img,
 	.ywk-text,
 	.ywk-dthicscompliance-swiper .text,
 	.ywk-dthicscompliance-swiper .img,
 	.ywk-solutions-roomcooling .img,
 	.ywk-solutions-roomcooling .text {
 		width: 100%;
 	}

 	.ywk-index-banner .text.bigtriangle::before {
 		left: -10px;
 		top: -10px;
 		background-size: 40%;
 	}

 	.ywk-index-banner .text .title-2,
 	.ywk-parameter-content .title-1 {
 		font-size: 30px;
 	}

 	.ywk-index-banner .text .text-4 {
 		width: 100%;
 		max-width: 100%;
 	}

 	.ywk-title h2 {
 		font-size: 30px;
 		line-height: 30px;
 	}

 	.ywk-index-product,
 	.ywk-index-milestone,
 	.ywk-index-globalfootprint,
 	.ywk-index-customers,
 	.ywk-data-center,
 	.ywk-application-scenarios,
 	.ywk-product-content,
 	.ywk-product,
 	.ywk-product-detail-applications,
 	.ywk-about-culture,
 	.ywk-about-dthicscompliance,
 	.ywk-about-certifications-awards,
 	.ywk-about-events,
 	.ywk-network {
 		padding: 50px 0;
 	}

 	.ywk-index-product-type-item .menu-2 {
 		margin-top: 30px;
 		opacity: 1;
 	}

 	.ywk-index-product-type-item .learnmore-3 {
 		opacity: 1;
 		bottom: 10%;
 	}

 	.ywk-index-product-type-item .learnmore-3::after,
 	.ywk-culture-left,
 	.ywk-culture-right {
 		width: 100%;
 	}

 	.ywk-content-milestone-swiper-item .text {
 		position: relative;
 		width: 100%;
 		right: auto;
 		height: auto;
 		top: auto;
 		padding: 5% 0;
 		overflow: hidden;
 	}

 	.ywk-content-milestone-swiper-item .text .table,
 	.ywk-content-milestone-swiper-item .text .table-cell {
 		display: block;
 	}

 	.ywk-content-milestone-swiper-item .text .num-3 {
 		font-size: 140px;
 		text-align: center;
 		width: 100%;
 	}

 	.ywk-globalfootprint-item li {
 		width: 100%;
 		padding: 5%;
 		border-left: 1px solid rgba(255, 255, 255, .2);
 	}

 	.ywk-content-globalfootprint,
 	.swiper-features-next,
 	.swiper-features-prev {
 		display: none;
 	}

 	.ywk-content-customers-swiper .img img.img-center {
 		max-width: 70%;
 		max-height: 60%;
 	}

 	.ywk-content-customers-swiper {
 		padding-bottom: 50px;
 	}

 	.ywk-content-top-email-subscription {
 		position: relative;
 		right: auto;
 		top: auto;
 		margin-top: 20px;
 	}

 	.email-address-input,
 	.ywk-product-detail-text .text-4,
 	.ywk-roomcooling-item-left,
 	.ywk-roomcooling-item-right {
 		width: 100%;
 	}

 	.subscription {
 		position: absolute;
 		right: 0;
 		top: 0;
 	}

 	.ywk-content-copy,
 	.ywk-content-data-center .leftpic-1,
 	.ywk-data-center-item,
 	.ywk-popup-reference-swiper,
 	.ywk-product-detail-parameter .pic,
 	.ywk-parameter-content,
 	.ywk-references-item .img,
 	.ywk-references-list-item {
 		width: 100%;
 	}

 	.ywk-content-social {
 		text-align: left;
 	}

 	.ywk-content-link,
 	.ywk-content-data-center .textright-2 {
 		width: 100%;
 		position: relative;
 		right: auto;
 		top: auto;
 		text-align: left;
 		margin: 0;
 	}

 	.ywk-content-link a,
 	.ywk-content-social a {
 		margin-left: 0px;
 		margin-right: 20px;
 	}

 	#cd-nav-container {
 		display: none;
 	}

 	.ywk-page-banner {
 		height: 300px !important;
 	}

 	.ywk-page-banner .img img.img-block {
 		height: 300px !important;
 	}

 	.banner-title h2 {
 		font-size: 40px;
 		line-height: 40px;
 	}

 	.ywk-popup-windows {
 		transform: translateY(-200%);
 	}

 	.ywk-content-data-center .textright-2 {
 		padding: 10% 0;
 	}

 	.ywk-application-scenarios-item .text {
 		width: 100%;
 		position: relative;
 		left: auto;
 		right: auto;
 		top: auto;
 		text-align: left;
 		margin: 0;
 		padding: 5%;
 	}

 	.ywk-application-scenarios-item .text .table,
 	.ywk-application-scenarios-item .text .table-cell {
 		display: block;
 	}

 	.ywk-application-scenarios-item .text .text-center {
 		position: relative;
 		left: auto;
 		right: auto;
 		top: auto;
 		margin: auto;
 	}

 	.ywk-application-scenarios-item .text img {
 		display: none;
 	}

 	.ywk-application-scenarios-item .img,
 	.ywk-left,
 	.ywk-right,
 	.ywk-page.boxkuai::before {
 		width: 100%;
 	}

 	.ywk-play {
 		width: 40px;
 		height: 40px;
 		margin: -20px 0 0 -20px;
 	}

 	.ywk-more {
 		top: 0;
 		margin-top: 0px;
 		bottom: 0;
 		display: none;
 	}

 	.ywk-reference-content {
 		margin-left: 0;
 		width: 100%;
 		margin-top: 5%;
 	}

 	.ywk-reference-text {
 		position: relative;
 		right: auto;
 		top: auto;
 		transform: translateY(0);
 		width: 100%;
 	}

 	.ywk-application-scenarios-item .text .text-center,
 	.ywk-popup-content {
 		width: 100%;
 		left: 0;
 		top: 0;
 		transform: translateY(0);
 	}

 	.ywk-popup-reference-right {
 		float: left;
 		width: 100%;
 		padding: 5% 0;
 	}

 	.ywk-popup-windows.cur,
 	.ywk-popup-mark {
 		background: #fff;
 	}

 	.ywk-close {
 		background: url(../image/xx.png) center no-repeat #fff;
 		right: 0;
 		top: 0;
 	}

 	.nav-type,
 	.nav-type-show,
 	.ywk-product-nav {
 		overflow-y: hidden;
 		overflow-x: scroll;
 		overflow: auto;
 		width: 100%;
 		white-space: nowrap;
 	}

 	.ywk-page-banner .banner-title.bottom35 {
 		bottom: 10%;
 	}

 	.nav-type::-webkit-scrollbar,
 	.nav-type-show::-webkit-scrollbar,
 	.ywk-product-nav::-webkit-scrollbar {
 		height: 0px;
 		width: 0px;
 		background: #ccc;
 	}

 	.nav-type li {
 		width: auto;
 		display: inline-block;
 		float: none;
 		padding: 0;
 		vertical-align: top;
 		position: relative;
 	}

 	.nav-type li a {
 		padding: 10px 20px 10px 20px;
 	}

 	.nav-type a i {
 		width: 40px;
 		height: 40px;
 	}

 	.nav-type::before,
 	.ywk-product-item .text-2,
 	.ywk-product-detail-path {
 		display: none;
 	}

 	.nav-type li::before {
 		content: '';
 		width: 100%;
 		height: 1px;
 		position: absolute;
 		right: 0;
 		bottom: 0;
 		background: #fff;
 		opacity: .2;
 	}

 	.ywk-introduce-item li:last-child {
 		margin-right: 0;
 	}

 	.ywk-introduce-item,
 	.ywk-applications-swiper {
 		padding-bottom: 50px;
 	}

 	.ywk-product-nav a {
 		font-size: 14px;
 		line-height: normal;
 		padding: 10px 10px;
 		margin: 2px;
 		border: 1px solid #ccc;
 		box-sizing: border-box;
 	}

 	.ywk-product-item {
 		width: 100%;
 		margin-bottom: 2%;
 		margin-right: 0;
 	}

 	.ywk-product-list {
 		padding-top: 40px;
 	}

 	.ywk-product-detail-text {
 		width: 90%;
 		left: 5%;
 		top: 15%;
 		transform: none;
 	}

 	.ywk-product-detail-pic {
 		width: 100%;
 		top: auto;
 		bottom: 0;
 	}

 	.ywk-product-detail-text .title-2 {
 		font-size: 30px;
 	}

 	.ywk-product-detail-text .xinghao-1 {
 		font-size: 24px;
 	}

 	.ywk-product-detail-text .text-4 {
 		max-height: 100px;
 	}

 	.bigtitle-bg {
 		display: none;
 	}

 	.ywk-features-swiper {
 		width: 90%;
 		padding: 50px 0 100px 0;
 	}

 	.ywk-product-detail-features .ywk-content-top {
 		padding-top: 80px;
 	}

 	.ywk-applications-swiper .text {
 		width: 80%;
 	}

 	.ywk-parameter-content {
 		padding: 5%;
 		box-sizing: border-box;
 	}

 	.ywk-parameter-content .parameter-2 {
 		height: auto;
 	}

 	.ywk-product-detail-parameter {
 		background: url(../image/parameter1.jpg) center no-repeat;
 		background-size: 100% 100%;
 	}

 	.ywk-parameter-content .parameter-2 ul li {
 		width: 100%;
 		margin-right: 0;
 	}

 	.ywk-references-item .text {
 		width: 100%;
 		position: relative;
 		right: auto;
 		top: auto;
 		padding: 10% 0 5% 0;
 		overflow: hidden;
 	}

 	.ywk-allmore a {
 		width: 100%;
 		height: 80px;
 		box-sizing: border-box;
 		padding: 0 10%;
 		margin-bottom: 50px;
 	}

 	.ywk-references-nav.num7 a {
 		width: auto;
 		box-sizing: border-box;
 		padding: 0 23px;
 	}

 	.ywk-references-nav a {
 		border-top: 1px solid #e5e5e5;
 		border-bottom: 1px solid #e5e5e5;
 		border-right: 1px solid #e5e5e5;
 	}

 	.ywk-references-nav a:first-child {
 		border-left: 1px solid #e5e5e5;
 	}

 	.ywk-references-list-item.mr0 {
 		margin: 0;
 	}

 	.ywk-references.ptb4 {
 		padding: 10% 0 5% 0;
 	}

 	.ywk-references-nav {
 		position: relative;
 		overflow-y: hidden;
 		overflow-x: scroll;
 		overflow: auto;
 		width: 100%;
 		white-space: nowrap;
 	}

 	.ywk-references-nav::-webkit-scrollbar {
 		height: 0px;
 		width: 0px;
 		background: #ccc;
 	}

 	.ywk-envicool-introduction .ywk-left {
 		margin: 4% auto;
 		width: 90%;
 		float: none;
 	}

 	.ywk-popup-content-video video,
 	.ywk-events-left,
 	.ywk-events-right {
 		width: 100%;
 	}

 	.ywk-about-data {
 		background: #003281;
 		padding: 20% 0;
 	}

 	.ywk-about-data .data li {
 		float: none;
 		width: 100%;
 		padding: 5%;
 		border: 1px solid rgba(255, 255, 255, .2);
 		box-sizing: border-box;
 		margin-top: -1px;
 	}

 	.ywk-about-data .data li:first-child {
 		margin-top: 0px;
 	}

 	.ywk-about-data .data {
 		position: relative;
 		top: auto;
 	}

 	.ywk-about-content .img,
 	.ywk-about-data .data li::after,
 	.ywk-about-product .item-li .dot-0,
 	.ywk-about-events .viewmore {
 		display: none;
 	}

 	.ywk-about-data .data li i {
 		top: 50%;
 		margin-top: -20px;
 	}

 	.ywk-about-product .about-product {
 		left: 5%;
 		width: 90%;
 		top: 7%;
 		transform: translateY(0);
 	}

 	.ywk-about-product .product-item-li {
 		position: relative;
 		left: auto;
 		top: auto;
 	}

 	.ywk-about-product .item-li {
 		position: relative;
 		left: auto !important;
 		top: auto !important;
 		right: auto !important;
 		margin: 0 !important;
 	}

 	.ywk-about-product .item-li {
 		width: 88%;
 		text-align: left !important;
 		margin-bottom: 10px !important;
 		padding-left: 50px !important;
 	}

 	.ywk-about-product .item-li a {
 		display: inline-block;
 	}

 	.ywk-about-product .icon-1 {
 		top: -5px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit4 .icon-1 {
 		left: 0;
 		top: 0;
 		position: absolute;
 		margin-bottom: 10px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.fl {
 		left: auto;
 		top: auto;
 		padding-right: 0px;
 	}

 	.ywk-about-product .about-product.product7 .item-li.fl .icon-1 {
 		left: 0;
 		right: auto;
 	}

 	.ywk-about-product .about-product.product7 .item-li.fl .text-3 {
 		text-align: left;
 	}

 	.ywk-about-product .item-li a:hover .title-2,
 	.ywk-about-product .item-li.cur a .title-2 {
 		background: none !important;
 		padding-left: 0;
 		text-align: left;
 		padding-left: auto;
 	}

 	.ywk-about-product .about-product.product7 .item-li.fl .title-2 {
 		padding-right: 0px;
 		padding-left: 0;
 		text-align: left;
 	}

 	.ywk-about-product .about-product.product7 .item-li.pit4 .title-2::after {
 		left: 0;
 		transform: translateX(0);
 	}

 	.ywk-about-product .about-product.product7 .item-li.fl .title-2::after {
 		right: auto;
 		left: 0;
 	}

 	.ywk-about-product .icon-1 i {
 		width: 30px;
 		height: 30px;
 	}

 	.ywk-core-advantages-item a {
 		width: 95%;
 		padding: 5% 5% 5% 25%;
 		margin-right: 0;
 		margin-bottom: 1%;
 		box-sizing: border-box;
 	}

 	.ywk-core-advantages-item i {
 		position: absolute;
 		left: 5%;
 	}

 	.ywk-core-advantages-item strong {
 		padding: 5px 0 10px 0;
 	}

 	.ywk-dthicscompliance-swiper .title-1 {
 		font-size: 20px;
 	}

 	.ywk-dthicscompliance .viewmore {
 		margin: 20px 0 50px 0;
 	}

 	.ywk-about-certifications-awards .ywk-content-top .ywk-text {
 		width: 100%;
 		margin: 1% 0 4% 0px;
 	}

 	.ywk-certifications-awards-nav {
 		position: relative;
 		right: auto;
 		top: auto;
 		text-align: left;
 		font-size: 0;
 		margin-top: 0;
 	}

 	.ywk-certifications-awards-nav a {
 		width: 50%;
 		box-sizing: border-box;
 	}

 	.ywk-events-nav::-webkit-scrollbar {
 		height: 0px;
 		width: 0px;
 		background: #ccc;
 	}

 	.ywk-events-nav {
 		overflow-y: hidden;
 		overflow-x: scroll;
 		overflow: auto;
 		width: 100%;
 		white-space: nowrap;
 		font-size: 0;
 	}

 	.ywk-events-nav a {
 		display: inline-block;
 		float: none;
 		width: auto;
 		padding: 15px 20px;
 	}

 	.ywk-events-item {
 		padding: 5% 0;
 	}

 	.ywk-affiliated-point,
 	.ywk-affiliated-nav a::after,
 	.ywk-affiliated-nav a::before,
 	.ywk-news-path-content a.cur {
 		display: none;
 	}

 	.ywk-affiliated-right,
 	.ywk-affiliated-left {
 		position: relative;
 		left: auto;
 		top: auto;
 		right: auto;
 		width: 100%;
 	}

 	.ywk-affiliated-nav {
 		font-size: 0;
 		padding: 20px 0;
 	}

 	.ywk-affiliated-nav a {
 		display: inline-block;
 		padding: 10px 0px;
 		border: 1px solid #ccc;
 		width: 32%;
 		margin: 1px;
 	}

 	.ywk-affiliated-nav i {
 		right: 10%;
 	}

 	.ywk-affiliated-nav span {
 		padding-left: 10%;
 	}

 	.ywk-affiliated-nav span {
 		font-size: 16px;
 	}

 	.ywk-about-dthicscompliance {
 		text-align: left;
 	}

 	.ywk-news-item {
 		width: 100%;
 		margin: 0 0 2% 0;
 	}

 	.ywk-news-item .title-2 {
 		min-height: auto;
 	}

 	.ywk-news-path {
 		margin-top: 71px;
 	}

 	.ywk-news-detail,
 	.ywk-news-detail-bottom,
 	.ywk-news-recommend-swiper,
 	.ywk-factory-withus,
 	.ywk-message-content,
 	.ywk-search-content {
 		width: 90%;
 	}

 	.ywk-news-detail-top .title-2 h1 {
 		font-size: 30px;
 	}

 	.ywk-news-other-news {
 		padding: 25% 0;
 	}

 	.ywk-factory-withus,
 	.ywk-factory {
 		padding: 20% 0;
 	}

 	.ywk-factory-withus-form li {
 		width: 100%;
 		margin-right: 0;
 	}

 	.ywk-factory-withus-form .submit input,
 	.ywk-contact-left .item-3 li,
 	.ywk-search-input,
 	.ywk-application-scenarios-item.fr .img,
 	.ywk-application-scenarios-item.fl .img {
 		width: 100%;
 	}

 	.ywk-factory-withus-form li h6 {
 		margin: 0px 0;
 	}

 	.ywk-factory-masonry {
 		width: 90%;
 		column-count: 1;
 	}

 	.ywk-factory-masonry .item {
 		padding: 5px;
 	}

 	.ywk-factory-masonry .toptxt i {
 		width: 30px;
 		height: 30px;
 		background-size: 50%;
 	}

 	.ywk-factory-masonry .toptxt h4 {
 		font-size: 12px;
 	}

 	.ywk-contact-left {
 		width: 100%;
 		padding: 50px 5%;
 	}

 	.ywk-contact-left .title-1 {
 		font-size: 24px;
 	}

 	.ywk-message {
 		width: 100%;
 		padding: 50px 0 50px 0;
 	}

 	.network-item,
 	.ywk-solutions-item {
 		width: 100%;
 		margin: 0 0 3% 0;
 	}

 	.ywk-search-input input.submit {
 		width: 23%;
 	}

 	.ywk-search-type a {
 		font-size: 16px;
 		margin-right: 20px;
 	}

 	.ywk-search-results {
 		padding: 5% 0;
 		font-size: 12px;
 	}

 	.swiper-milestone-next,
 	.swiper-milestone-prev {
 		margin-top: -90px;
 	}

 	.ywk-index-product-type-item {
 		background: #000;
 	}

 	.ywk-index-product-type-item .img {
 		opacity: 0.5;
 	}

 	.ywk-news-item a:hover {
 		background: #003281 url(../image/tiao.png) -300% -800% no-repeat;
 	}

 	.ywk-envicool-introduction .pic {
 		width: 80%;
 	}

 	.ywk-envicool-introduction {
 		padding: 7% 0 40% 0;
 	}

 	.ywk-envicool-introduction .ywk-title h2::after {
 		position: absolute;
 		right: 0;
 		bottom: -3px;
 	}

 	.ywk-solutions-roomcooling .text {
 		padding: 10% 0 0 0;
 	}

 	.ywk-solutions-roomcooling {
 		padding-bottom: 20%;
 	}

 	.ywk-roomcooling-item-right {
 		margin-top: 50px;
 	}

 	.ywk-roomcooling-item-left .items-2 {
 		padding: 20px 0 30px 0;
 	}

 	.banner-title {
 		background-size: auto 90%;
 		padding: 10px 0 0 15px;
 	}

 	.ywk-index-banner .text .title-1 h1 {
 		display: block;
 		margin: 0;
 		font-size: 50px;
 		line-height: 50px;
 		margin-top: 20px;
 	}

 	.title-canvas-en {
 		display: none;
 	}

 	.ywk-solutions-content .ywk-content-top .ywk-text {
 		font-size: 20px;
 	}

 	.ywk-reference-text img.img-block {
 		display: none;
 	}

 	.ywk-reference-text .text-center .table,
 	.ywk-reference-text .text-center .table-cell {
 		display: block;
 	}

 	.ywk-reference-text .text-center {
 		position: relative;
 		width: 90%;
 		height: 100%;
 		left: 5%;
 		top: 0;
 		padding: 5% 0;
 	}

 	.ywk-product-detail-text .title-2 {
 		width: 100%;
 	}

 	.ywk-index-banner .ywk-index-banner-pagination {
 		bottom: 2%;
 	}

 	.ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet {
 		height: 20px;
 	}

 }


 /* iPad */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}


 @media only screen and (max-height : 650px) {}

 /*仅IE6和IE7识别*/
 @media screen\9 {}

 /*仅IE6和IE7、IE8识别*/
 @media \0screen\,screen\9 {}

 /*仅IE8识别*/
 @media \0screen {}

 /*仅IE8-10识别*/
 @media screen\0 {}

 /*仅IE9和IE10识别*/
 @media screen and (min-width:0\0) {}

 /*仅IE10/11识别*/
 @media screen and (-ms-high-contrast: active),
 (-ms-high-contrast: none) {}