/*
 *	Created by Edward on 24/09/04
 *	Copyright (c) 2024 ishutime.com All rights reserved
*/

@font-face {
	font-family: 'iconfont';
	src: url('iconfont.woff2?t=1663740079843') format('woff2'),
		url('iconfont.woff?t=1663740079843') format('woff'),
		url('iconfont.ttf?t=1663740079843') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}


@font-face {
	font-family: din;
	src: url(../fonts/DIN-Condensed-Bold.ttf);
}

@font-face {
	font-family: Alimama;
	src: url(../fonts/AlimamaFangYuanTiVF-Thin.woff2);
}


body,
html {
	color: #000;
	font-family: "Microsoft YaHei", '微软雅黑', "Arial";
}

textarea,
input {
	font-family: "Microsoft YaHei", '微软雅黑', "Arial";
	font-size: 14px;
}

.menu {
	width: 30px;
	height: auto;
	position: absolute;
	right: 35px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

.menu ul li {
	width: 100%;
	height: 46px;
	position: relative;
	cursor: pointer;
}

.menu ul li .dot {
	width: 9px;
	height: 9px;
	border: 1px solid #d3c5a6;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.35s;
}

.menu ul li .dot::after {
	width: 8px;
	height: 8px;
	background: #d3c5a6;
	border: 2px solid #d3c5a6;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	content: '';
	clip-path: circle(0%);

}

.menu ul li.active .dot::after {
	clip-path: circle(50%);
	background: #e60012;
	border-color: #e60012;
}

.menu ul li:nth-child(4).active .dot::after{
	background: #fff;
	border-color: #fff;
}

.menu ul li.active .dot {
	width: 24px;
	height: 24px;
}

.menu ul li.active .line.b,
.menu ul li.active .line.t {
	height: 11px;
}


.menu ul li .line {
	width: 1px;
	height: 19px;
	position: absolute;
	left: 50%;
	margin-left: -0.5px;
	background: #d3c5a6;
	transition: all 0.35s;

}

.menu ul li .line.t {
	top: 0px;
}

.menu ul li .line.b {
	bottom: 0px;
}

.menu .txt {
	position: absolute;
	width: 85px;
	height: auto;
	line-height: 20px;
	font-size: 14px;
	top: 50%;
	transform: translateY(-50%);
	text-align: right;
	color: #fff;
	left: -100px;
	opacity: 0;
	transition: all .35s;
}

.menu ul li:hover .txt {
	left: -85px;
	opacity: 1;
}

.slide_warp {
	height: 100vh;
	overflow: hidden;
}

.slide_warp .slide {
	height: 100vh;
	overflow: hidden;
	position: relative;
	perspective: 300px;
}

.logo {
	width: 122px;
	height: auto;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 11;
}

.nav {
	width: calc(100vw - 122px);
	padding-left: 35vw;
	height: auto;
	position: fixed;
	right: 100px;
	top: 0px;
	z-index: 10;
	transition: all 0.4s;
}

.nav.active{
	background: #fff;
	
}

.nav ul {
	width: 100%;
	display: flex;
}

.nav ul li {
	width: calc(100% / 7);
	position: relative;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
	font-weight: 800;
}



.nav ul li a {
	display: block;
	transition: all 0.5s;
}

.nav ul li a::before{
	width: 100%;
	height: 0px;
	position: absolute;
	left: 0;
	top: 0;
	background: #e60012;
	content: '';
	transition: all 0.35s;
}

.nav ul li a:hover{
	color: #e60012;
}

.nav ul li a:hover::before{
	height: 4px;
}

.search_btn {
	width: 100px;
	height: 100px;
	position: fixed;
	right: 0;
	top: 0;
	background: #ffe900;
	z-index: 10;
	line-height: 100px;
	text-align: center;
	font-size: 20px;
}

.search_btn .icon{
	cursor: pointer;
}

.search_btn .icon:hover span{
	opacity: 0.7;
}

.bg1{
	width: calc(40vw - 100px);
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #d3c5a6;
}

.bg2{
	width: calc(60vw + 100px);
	height: 100%;
	position: absolute;
	left: 40vw;
	top: 0;
	background: #fff;
}

.banner_img {
	width: calc(80vw - 100px);
	height: calc(100vh - 200px);
	position: absolute;
	left: 20%;
	top: 100px;
	overflow: hidden;
}

.banner_img img {
	width: 100%;
	height: 100%;
}

.slogan {
	width: 50%;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10%;
	color: #fff;
}

.slogan .cn {
	font-family: Alimama;
	font-size: 5vw;
	font-weight: bold;
}

.slogan .en {
	font-family: din;
	text-transform: uppercase;
	font-size: 4.8vw;
}

.slogan .txt {
	font-size: 1.5vw;
}

.mouse_tip {
	width: 45px;
	height: auto;
	position: absolute;
	left: 38px;
	bottom: 3%;
	color: #fff;
}

.mouse_tip .line {
	width: 1px;
	height: 120px;
	position: relative;
	left: 50%;
	background: #fff;
	-webkit-animation: lineAnimate 2s cubic-bezier(0.215, 0.610, 0.355, 1) infinite;
}

@-webkit-keyframes lineAnimate{
	0%{
		height: 0px;
	}
	100%{
		height: 120px;
	}
}

.mouse_tip .icon {
	width: 43px;
	height: 43px;
	border: 1px solid #fff;
	border-radius: 50%;
	line-height: 43px;
	text-align: center;
	margin-top: 10px;
	font-weight: 100;
	font-size: 24px;
}

.menu_bar {
	width: 122px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	clip-path: polygon(0px 0px, 122px 0px, 0px 0px, 122px 0%);
	pointer-events:none;
	background: #fff;
}

.menu_bar::after {
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	background: #faccd0;
}

.menu_bar .menu_btm {
	width: 121px;
	height: 116px;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	border-top: 1px solid #faccd0;
	pointer-events: auto;
}

.mbc{
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	flex-wrap: wrap;
	align-content: center;
	text-align: center;
}

.mbc .prev,.mbc .next{
	width: 100%;
	height: auto;
	line-height: 35px;
	cursor: pointer;
	opacity: 0.5;
}

.mbc .prev:hover,.mbc .next:hover{
	opacity: 1;
}

.pro_nav {
	width: 122px;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s;
}

.pro_nav.active{
	opacity: 1;
	pointer-events: auto;
}

.pro_nav .pro_item{
	width: 100%;
	height: auto;
	position: relative;
	writing-mode: tb-rl;
	cursor: pointer;
	padding: 1vw 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	letter-spacing: 2px;
	opacity: 0;
}

.pro_nav .pro_item::after{
	width: 3px;
	height: 0%;
	position: absolute;
	right: 0;
	top: 50%;
	content: '';
	background: #e60012;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.pro_nav .pro_item:hover::after,.pro_nav .pro_item.active::after{
	height: 80%;
	top: 10%;
}

.pro_nav .pro_item:hover,.pro_nav .pro_item.active{
	color: #e60012;
}


.pro_nav .pro_item p {
	width: auto;
}

.slide2left {
	width: 50%;
	height: auto;
	position: absolute;
	left: 172px;
	top: 50%;
	transform: translateY(-50%);
}




.l_pros {
	width: 70%;
	display: flex;
	flex-wrap: wrap;
}


.pros_item {
	width: 30%;
	height: auto;
	position: relative;
	margin-right: 5%;
	margin-bottom: 2vw;
	transform: translateY(25px);
	opacity: 0;
}

.pros_item:nth-child(3n) {
	margin-right: 0%;
}

.slide2left .cate {
	width: 100%;
	display: flex;
	align-items: center;
	color: #e60012;
	margin-bottom: 5px;
	opacity: 0;
}

.slide2left .cate .icon {
	width: 35px;
	margin-right: 5px;
}

.slide2left .name {
	font-family: Alimama;
	font-size: 2.5vw;
	font-weight: bold;
	overflow: hidden;
}

.slide2left .name p,.slide2left .tips p{
	transform: translateY(100%);
}

.slide2left .tips {
	width: 100%;
	font-size: 1.6vw;
	margin-bottom: 0.5vw;
	overflow: hidden;
	font-weight: 400;
}

.slide2left .des {
	width: 80%;
	height: auto;
	position: relative;
	margin-bottom: 2vw;
	opacity: 0;
	font-size: 14px;
	line-height: 2;
	color: rgba(0, 0, 0, .7);
	transform: translateY(25px);
}

.slide2left .slide_ls.active .cate{
	opacity: 1;
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.slide2left .slide_ls.active .des{
	opacity: 1;
	transform: translateY(0px);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
	transition-delay: 0.4s;
}
.slide2left .slide_ls.active .name p,.slide2left .slide_ls.active .tips p{
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
	transform: translateY(0%);
}
.slide2left .slide_ls.active .tips p{
	transition-delay: 0.2s;
}
.slide2left .slide_ls.active .pros_item{
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
	transition-delay: 0.6s;
	transform: translateY(0%);
	opacity: 1;
}

.pros_item .thum {
	width: 50%;
	margin-left: 0%;
}

.pros_item .thum .inner {
	padding-top: 150%;
}

.slide2thum {
	width: 32vw;
	height: 32vw;
	position: absolute;
	left: 70%;
	top: 48%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	overflow: hidden;
	clip-path: circle(0%);
}

.slide2thum .slide_inner{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.slide_ls{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.slide2left .slide_ls:nth-child(1){
	position: relative;
}

.slide_ls.active{
	opacity: 1;
	visibility: visible;
}

.slide2thum .imgs{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	opacity: 0;
}

.slide2thum .imgs.active{
	opacity: 1;
}

.btm_ele {
	width: calc(100% - 122px);
	height: 116px;
	position: absolute;
	left: 122px;
	bottom: 0px;
	background: #d3c5a6;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%,0% 100%);
}

.mh_more {
	display: block;
	width: 200px;
	height: 116px;
	background: #e60012;
	position: absolute;
	right: 0;
	bottom: 0;
	content: '';
	color: #fff;
}

.slide_warp ul li:nth-child(3) .mh_more{
	right: auto;
	left: 122px;
}

.mh_more .l {
	width: 30px;
	height: 1px;
	position: absolute;
	top: 50%;
	content: '';
	background: #fff;
	left: 50px;
	transition: all 0.4s;
}

.mh_more .t {
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 90px;
	font-size: 14px;
	transition: all 0.4s;
}

.mh_more:hover .l{
	width: 40px;
}

.mh_more:hover .t{
	left: 100px;
}

.s3left {
	width: calc(50vw - 61px);
	height: 100vh;
	position: absolute;
	left: 122px;
	top: 0;
	
}

.s3left::before{
	width: 30vw;
	height: 15vw;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: url(../images/meihao_txt.png) center center no-repeat;
	background-size: contain;
	content: '';
}

.s3right {
	width: calc(50vw - 61px);
	height: 100vh;
	position: absolute;
	left: calc(50vw + 61px);
	top: 0;
	clip-path:polygon(0% 0%, 0% 0%, 0% 100%,0% 100%);
}

.s3_imgs{
	width: 100%;
	height: 100%;
	position: absolute;
}

.s3right img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.s3left .s3_box {
	width: 100%;
	height: auto;
	padding: 0px 50px;
	left: 0%;
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
}

.mh_name {
	width: 100%;
	margin-bottom: 1vw;
}

.mh_name .des {
	color: #e60012;
	margin-bottom: 5px;
	overflow: hidden;
}

.mh_name .des p,.mh_name .name p{
	transform: translateY(100%);
}

.s3_page,.s5_page{
	opacity: 0;
}

.s5_page{
	width: 80%;
}


.mh_name .name {
	font-size: 2.5vw;
	font-family: Alimama;
	font-weight: bold;
	overflow: hidden;
}

.mh_name .tips{
	font-size: 1.2vw;
	font-weight: bold;
	font-family: Alimama;
	margin-top: 0.5vw;
}

.num_list {
	width: 100%;
	height: 150px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #d3c5a6;
	display: flex;
	justify-content: center;
	align-items: center;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%,0% 100%);
	
}

.num_list ul {
	width: 100%;
	height: 100%;
	margin-left: 0%;
	
}

.num_item {
	width: auto;
	height: auto;
	padding: 0px 3vw;
	display: block;
	position: relative;
	color: #fff;
	text-align: center;
	line-height: 1;
	font-size: 14px;
}

.num_item::after {
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	background: rgba(255, 255, 255, .5);
}

.num_item:last-child::after {
	display: none;
}

.num_item .num {
	width: 100%;
	font-size: 60px;
	font-family: din;
}

.num_item .txt {
	width: 100%;
}

.splitText{
	perspective: 20vw;
}

.word{
	will-change: transform;
	transform-style: preserve-3d;
}

.s4right {
	width: 200px;
	height: 100vh;
	position: absolute;
	right: 0;
	top: 0;
	background: #e60012;
}

.news_box {
	width: calc(100% - 430px);
	height: calc(100vh - 200px);
	position: absolute;
	top: 100px;
	left: 172px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.news_box .top,
.news_box .bottom {
	width: 100%;
	height: 50%;
	position: relative;
}

.news_box .top {
	display: flex;
	justify-content: space-between;
}

.news_box .bottom {
	display: flex;
	flex-wrap: wrap;
	height: 43%;
}

.news_box .focus {
	width: 65%;
	display: block;
	position: relative;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.news_item {
	width: 30%;
	position: relative;
	margin-right: 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	cursor: pointer;
}

.news_box .top .news_item {
	margin-right: 0%;
}

.news_box .bottom .news_item:nth-child(3n) {
	margin-right: 0%;
}

.news_item .thum {
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 1;
	transition: all 0.6s;
}

.news_item .thum .inner {
	padding-top: 0%;
	height: 100%;
}

.news_box .focus .thum {
	height: 100%;
}

.news_box .focus .thum::after {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.news_box .focus .inner {
	padding-top: 0%;
	height: 100%;
}

.news_box .focus .info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 2vw;
	color: #fff;
}

.news_box .focus .info .date {
	font-size: 14px;
	margin-bottom: 5px;
}

.news_box .focus .info .name {
	font-size: 24px;
}

.news_item .date {
	font-size: 14px;
	margin-bottom: 5px;
	opacity: 0.5;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding-top: 35px;
	display: none;
}

.news_item .name {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding-top: 15px;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.news_item .name b{
	background: linear-gradient(#e60012, #e60012) 0 100% / 0 2px no-repeat;
	text-decoration: none;
	transition: background .6s cubic-bezier(0.215, 0.610, 0.355, 1);
	display: inline;
}

.news_item:hover .name b {
    background-size: 100% 2px;
	color: #e60012;
}

.news_item .ns_btm {
	-webkit-line-clamp: 3;
	opacity: 0.7;
	font-size: 18px;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.s5box {
	width: calc(100% - 122px);
	height: 100vh;
	position: absolute;
	left: 122px;
	top: 0px;
	background: url(../images/bg5.jpg) center center no-repeat;
	background-size: cover;
}

.s5box .left {
	width: 35%;
	height: auto;
	position: absolute;
	left: 50px;
	top: 30%;
	z-index: 2;
}

.logoBox{
	width: 100%;
	height: calc(100vh - 115px);
	position: absolute;
	left: 0%;
	top: 115px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.logoBox .logoItem {
	display: flex;
	justify-content: right;
	width: 100%;
	height: calc(16.5% - 10px);
	overflow: hidden;
}

.logoItem .logos {
	width: 15%;
	height: 100%;
	margin-left: 15px;
	background: white;
	position: relative;
	perspective: 1000px;
	overflow: hidden;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.logoItem .logos .logos-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
}

@keyframes logoAnm {
	0% {
		transform: rotateY(180deg);
	}

	50% {
		transform: rotateY(0);
	}

	100% {
		transform: rotateY(180deg);
	}
}

.logoItem .logos img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.logoItem .logoInfo {
	width: 6vw;
	background: white;
	margin-left: 0.5vw;
}

.s6right{
	width: 40vw;
	height: 100%;
	position: absolute;
	left: 60%;
	top: 0;	
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.s6right img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.s6left{
	width: calc(60% - 222px);
	height: 100vh;
	position: absolute;
	left: 172px;
	top: 0px;
	padding: 100px 0% 25px 0%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.s6_top{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: 5vw;
}

.xw_name{
	display: none;
}

.s6_top::after{
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: rgba(0, 0, 0, .1);
	display: none;
}

.s6_nav{
	width: 35%;
	height: auto;
	position: relative;
}

.s6_nav a{
	width: 100%;
	height: auto;
	position: relative;
	line-height: 40px;
	font-size: 28px;
	display: block;
	margin-bottom: 2vw;
	overflow: hidden;
	font-weight: 400;
}

.s6_nav a p{
	padding-left: 15px;
	width: 100%;
	position: relative;
	transform: translateY(100%);
	font-weight: bold;
}

.s6_nav a:hover p{
	color: #e60012;
}

.s6_nav a p::after{
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	background: #231815;
	border-radius: 50%;
}

.s6_socal{
	width: 55%;
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.so_item{
	width: 100%;
	display: flex;
	margin-bottom: 2vw;
	opacity: 0;
}

.so_item img{
	width: 130px;
}

.so_item:nth-child(n+3){
	width: 40%;
}

.so_item .icon{
	width: 25px;
	height: 25px;
	position: relative;
	background: #e60012;
	border-radius: 50%;
	line-height: 25px;
	text-align: center;
	color: #fff;
}

.so_item .info{
	width: calc(100% - 35px);
	margin-left: 10px;
}

.so_item .info .txt{
	font-size: 16px;
	font-weight: bold;
	color: #e60012;
	line-height: 25px;
	margin-bottom: 0.25vw;
}

.s6_cp{
	width: 100%;
	height: auto;
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, .1);
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	line-height: 1.4;
	padding-top: 1.3vw;
	color: rgba(0, 0, 0, .5);
}

.s6_cp a{
	color: rgba(0, 0, 0, .5);
}

.s6_cp .cp{
	width: calc(100% - 150px);
	display: flex;
}


.slide_warp ul li {
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0px;
	top: 100vh;

	z-index: 1;
	background: #fff;
	/* clip-path: polygon(0% 0%, 0% 0%, 0% 100%,0% 100%); */
	transform-origin: 50% 0%;
	
	will-change: transform;
	
}

.slide_warp ul li .img {
	clip-path: ellipse(50% 50% at 50% 150%);
	transform-origin: 50% 0%;
	transition: all 1.6s cubic-bezier(0.3, 0, 0.24, 1);
}



.slide_warp ul li.active {
	z-index: 2;
}

.slide_warp ul li .mask {
	height: 100%;
	width: 100%;
	position: relative;
	
	/* clip-path: ellipse(100vw 100vw at -100vw 50vh); */
	transform-origin: 50% 0%;
	/* transition: all 1.6s cubic-bezier(0.215, 0.610, 0.355, 1); */
	will-change: transform;
}


.slide_warp ul li:nth-child(5){
	background: url(../images/bg5.jpg) center center no-repeat;
	background-size: cover;
}


.slide_warp ul li .text,.slide_warp_swiper .text {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-70%);
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: din;
	font-size: 5vw;
	line-height: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 1.6s cubic-bezier(0.215, 0.610, 0.355, 1);
}


.sub_banner{
	width: 100%;
	height: 100vh;
	position: relative;
}

.sub_banner.auto{
    height: 70vh;
}


.sub_banner .sb_left{
	width: calc(40vw - 222px);
	height: 100vh;
	position: absolute;
	left: 172px;
	top: 0;
	background: #fff;
}

.sb_slogan{
	top: 25%;
	position: absolute;
}

.sb_slogan .title{
	font-size: 28px;
	font-weight: bold;
}

.sb_slogan .name{
	font-size: 2.5vw;
	font-weight: bold;
}

.sb_slogan .des{
	font-size: 16px;
	line-height: 2;
	position: relative;
	margin-top: 0.5vw;
	margin-bottom: 2vw;
	width: 95%;
}

.sb_slogan .icon{
	width: 45px;
	height: 45px;
	position: relative;
	border: 1px solid #e60012;
	line-height: 45px;
	text-align: center;
	color: #e60012;
	border-radius: 50%;
}

.sub_banner .sb_thum{
	width: 60vw;
	height: 100%;
	position: absolute;
	left: 40vw;
	background: #231815;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	animation: thumAnimate 2s cubic-bezier(0.215, 0.610, 0.355, 1) 1 forwards;
	overflow: hidden;
}

.sub_banner .sb_thum .img{
	animation: imgAnimate 2s cubic-bezier(0.215, 0.610, 0.355, 1) 1 forwards;
	width: 100%;
	height: 100%;
}

.sub_banner .sb_thum .img img{
	width: 100%;
	height: 100%;
}

@-webkit-keyframes thumAnimate{
	0%{
		clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	}
	100%{
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}

@-webkit-keyframes imgAnimate{
	0%{
		transform: scale(1.1);
	}
	100%{
		transform: scale(1);
	}
}

.sub_nav{
	width: auto;
	display: flex;
	position: absolute;
	left: 122px;
	bottom: 0;
	content: '';
}

.sub_nav a{
	display: block;
	line-height: 116px;
	width: auto;
	padding: 0px 4vw;
	background: #e60012;
	color: #fff;
	position: relative;
	cursor: pointer;
}

.sub_nav a p{
	position: relative;
	z-index: 2;
}

.sub_nav a::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: #c02427;
	opacity: 0;
}

.sub_nav a:hover::before,.sub_nav a.active::before{
	opacity: 1;
}

.brand_box{
	padding: 0px;
}

.mh_img{
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	top: 0;
}

.brand_left{
	width: 30vw;
	height: auto;
	position: absolute;
	left: 177px;
	top: 20%;
	z-index: 5;
}

.mh_name.sn .name p,.mh_name .tips p{
	transform: translateY(100%);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.mh_name .tips p{
	transition-delay: 0.1s;
}
.mh_name.sn.is-inview .name p{
	transform: translateY(0%);
}

.mh_name.is-inview .tips p{
	transform: translateY(0%);
}

.his_wrap{
	width: calc(100vw - 222px);
	height: auto;
	position: relative;
	margin-left: 122px;
	background: url(../images/his_story.jpg) center center no-repeat;
	background-size: cover;
	padding-bottom: 5vw;
}

.his_pic{
	width: 40vw;
	height: 115%;
	position: absolute;
	right: 0;
	top: -15%;
	background: url(../images/his_img.jpg);
	background-size: cover;
}

.his_box{
	z-index: 2;
	overflow: initial;
}

.factory_box{
	width: 100%;
	background: url(../images/factory_bg.jpg) center center no-repeat;
	background-size: cover;
}

.hisSwiper {
	color: #fff;
	width: calc(100% - 50px);
	margin-left: 50px;
}

.hisSwiper .swiper-pagination{
	display: none;
}

.hisSwiper .year {
	line-height: 1;
	font-size: 6vw;
	font-family: din;
}

.his_bar {
	width: calc(100% - 50px);
	margin-left: 50px;
	display: flex;
	justify-content: space-between;
	color: #ffffff;
	align-items: center;
	margin-top: 6vw;
	font-family: din;
	padding-left: 40px;
}

.his_bar .info {
	width: 200px;
	position: relative;
}

.his_bar .info p {
	font-size: 18px;
	text-transform: uppercase;
	position: absolute;
	left: 0px;
	top: -15px;
}

.his_bar .info b {
	display: block;
	font-size: 88px;
}

.timeline {
	width: 100%;
	position: relative;
}

.timeline .line {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0px;
	top: 5.5px;
	content: '';
	background: #fff;
	transition: all .5s;
	transform: scaleX(0%);
	transform-origin: left center;
}

.timeline::after {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0px;
	top: 5.5px;
	content: '';
	background: rgba(255, 255, 255, .3);
}

.timeline .ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.timeline a {
	width: calc(100% / 11);
	display: flex;
	justify-content: center;
	position: relative;
	align-content: center;
	flex-wrap: wrap;
	cursor: pointer;
}

.timeline a .dot {
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	margin-bottom: 5px;
}

.timeline a .num {
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 18px;
	opacity: 0.5;
	color: #fff;
	transition: all 0.5s;
	transform: translateY(10px);
}

.timeline a.active .num {
	opacity: 1;
	transform: translateY(5px);
}

.hisSwiper .swiper-slide {
	opacity: 0.75;
	padding: 0% 2.5% 0 0;
	transition: all 0.5s;
}

.hisSwiper .swiper-slide:nth-child(even) {
	margin-top: 6vw;
}

.hisSwiper .swiper-slide.active {
	opacity: 1;
}
.hisSwiper .des {
	width: 100%;
	position: relative;
	line-height: 25px;
	text-align: justify;
	margin-top: 1vw;
	overflow-y: auto;
	height: auto;
}
.m_pnav{
	display: none;
}
.hisSwiper .des p{
	margin-bottom: 8px;
}

.his_name{
	width: calc(100% - 50px);
	margin-left: 50px;
	color: #fff;
	margin-bottom: 0vw;
	position: relative;
	top: -7vw;
}

.his_name .en{
	font-family: din;
	text-transform: uppercase;
	font-size: 6vw;
	line-height: 1.2;
}

.his_name .cn{
	font-size: 2.5vw;
	font-family: Alimama;
	font-weight: bold;
}

.timeline .line {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0px;
	top: 5px;
	content: '';
	background: #fff;
	transition: all .5s;
	transform: scaleX(0%);
	transform-origin: left center;
}

.timeline .ul::before{
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0px;
	top: 5px;
	content: '';
	background: rgba(255,255,255,.3);
}

.timeline::after{
	width: 40px;
	height: 40px;
	position: absolute;
	left: -38px;
	top: -15px;
	background: url(../images/time_icon.png) no-repeat;
	background-size: cover;
	content: '';
}

.earth_box{
	width: 100%;
	height: 760px;
	position: relative;
}

.earth_box .earth{
	width: 1062px;
	margin: 0px auto;
	position: relative;
}

.earth_img{
	position: relative;
	width: 100%;
	pointer-events: none;
}

.earth_dots{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.earth_dots .dots{
	width: 15px;
	height: 15px;
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
	pointer-events: auto;
}

.earth_dots .dots span{
	width: 30px;
	height: 30px;
	position: absolute;
	display: block;
	left: -7.5px;
	top: -7.5px;
	border-radius: 50%;
	background: #e60012;
	opacity: 0;
	display: none;
	
	pointer-events: none;
}

.earth_dots .dots.active span{
	animation:pulseAniamte 3s 0s linear infinite;
}

.earth_dots .dots::after{
	width: 30px;
	height: 30px;
	position: absolute;
	left: -7.5px;
	top: -7.5px;
	content: '';
	background: url(../images/micon.png) no-repeat;
	background-size: cover;
	border-radius: 50%;
	transform: scale(0.8);
	transition: all 0.3s;
}

.earth_dots .dots.active::after{
	transform: scale(1);
}


.earth_dots .dots.active span:nth-child(2){
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
}

@keyframes pulseAniamte {
	0%{
		-webkit-transform: scale(0.33);
		transform: scale(0.33);
		opacity: 0.1;
	}
	50%{
		opacity: 0.4;
	}
	100%{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}

.earth_dots .dots.dots1{
	left: 39%;
	top: 64%;
	
}
.earth_item:nth-child(n+8){
	margin-left: 24vw;
}
.earth_item:nth-child(n+8)::after{
	right: auto;
	left: -18vw;
}
.earth_item.item1{
	top: 64%;
	
}

.earth_dots .dots.dots2{
	left: 43%;
	top: 62%;
}

.earth_item.item2{
	top: 62%;
}

.earth_dots .dots.dots3{
	left: 42%;
	top: 67%;
}

.earth_item.item3{
	top: 68%;
	margin-left: -30vw;
}

.earth_dots .dots.dots4{
	left: 50%;
	top: 56%;
}

.earth_item.item4{
	top: 57%;
	margin-left: -23vw;
}

.earth_dots .dots.dots5{
	left: 64%;
	top: 57%;
}

.earth_item.item5{
	top: 59%;
	margin-left: 17vw;
}

.earth_dots .dots.dots6{
	left: 67%;
	top: 50%;
}

.earth_item.item6{
	top: 55%;
	margin-left: 16.5vw;
}

.earth_dots .dots.dots7{
	left: 60%;
	top: 51%;
}

.earth_item.item7{
	top: 53%;
	margin-left: 18vw;
}

.earth_dots .dots.dots8{
	left: 63%;
	top: 49%;
}

.earth_item.item8{
	top: 52%;
	margin-left: 17vw;
	transform: translateX(25px);
}

.earth_dots .dots.dots9{
	left: 65%;
	top: 45%;
	
}

.earth_item.item9{
	top: 48%;
	margin-left: 18vw;
	transform: translateX(25px);
}

.earth_dots .dots.dots10{
	left: 61%;
	top: 44%;
}

.earth_item.item10{
	top: 47%;
	margin-left: 17vw;
	transform: translateX(25px);
}

.earth_dots .dots.dots11{
	left: 62%;
	top: 37%;
}

.earth_item.item11{
	top: 49%;
	margin-left: 17.5vw;
	transform: translateX(25px);
}

.earth_dots .dots.dots12{
	left: 72%;
	top: 33%;
}

.earth_dots .dots.dots13{
	left: 42%;
	top: 58%;
}

.addrss .a_item .a_it .icons.is{
	background: #e60012;
	border-radius: 50%;
	line-height: 25px;
	text-align: center;
	color: #fff;
	height: 25px;
}

.addrss .a_item .a_it .txt.t:hover{
	color: #e60012;
	text-decoration: underline;
}

.earth_item:nth-child(13){
	margin-left: -30vw;
}

.earth_item.item12{
	top: 44%;
	margin-left: 19.5vw;
	transform: translateX(25px);
}

.facts{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	position: absolute;
	top: 0;
	right: 0;
}

.facts ul{
	width: auto;
	display: flex;
}

.facts ul li{
	width: 82px;
	height: auto;
	margin-left: 15px;
}

.facts ul li .icon{
	width: 82px;
	height: 82px;
	position: relative;
	background: #e60012;
}

.facts ul li .txt{
	width: 100%;
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
	color: #e60012;
	margin-top: 10px;
}
.same_news .list .info .date{
		display: none;
	}
.earth_list{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.earth_item{
	width: 18vw;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -31vw;
	top: 50%;
	pointer-events: auto;
	margin-top: -20px;
	opacity: 0;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	pointer-events: none;
	transform: translateX(-25px);
}

.earth_item.active{
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0px);
}



.earth_item::after{
	width: 0vw;
	height: 1px;
	position: absolute;
	right: -14vw;
	top: 27px;
	content: '';
	background: #e60012;
	transition: all 0.4s;
	display: none;
}

.earth_item.active::after{
	width: 16vw;
}

.earth_item .inner{
	padding-top: 50%;
}

.earth_item .info{
	width: 100%;
	height: auto;
	background: #e60012;
	color: #fff;
	padding: 10px;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
}

.honor_menu{
	width: auto;
	height: auto;
	display: flex;
}

.honor_menu a{
	display: block;
	width: auto;
	height: auto;
	padding: 0px 2.5vw;
	background: #e60012;
	color: #fff;
	line-height: 45px;
	font-size: 14px;
	cursor: pointer;
}

.honor_menu a.active{
	background: #c02427;
}

.yf_box .yf_left{
	width: calc(45% - 172px);
	position: relative;
	margin-left: 172px;
}

.yf_box .yf_right{
	width: 50%;
	position: relative;
}

.bdata{
	width: 100%;
	display: flex;
	margin-top: 3vw;
	margin-bottom: 2vw;
}

.bdata .b_item{
	width: auto;
	display: block;
	position: relative;
	margin-right: 3vw;
}

.bdata .b_item:last-child{
	margin-right: 0vw;
}

.bdata .b_item .bts{
	width: 100%;
	display: flex;
	align-items: baseline;
	color: #e60012;
	justify-content: center;
}

.bdata .b_item .bts .n{
	font-size: 5vw;
	font-family: din;
	line-height: 0.7;
}

.bdata .b_item .bts .s{
	font-size: 18px;
	font-weight: bold;
	margin-left: 5px;
}

.bdata .b_item .btb{
	font-size: 16px;
	text-align: center;
	margin-top: 0.35vw;
}

.d_singePage{
	width: 100%;
	height: auto;
	position: relative;
}

.d_singePage p{
	position: relative;
	margin-bottom: 1vw;
	line-height: 30px;
	padding-left: 15px;
	font-size: 16px;
}

.d_singePage p::after{
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0px;
	top: 11px;
	content: '';
	background: #e60012;
	border-radius: 50%;
}

.yf_box .flex{
	align-items: flex-end;
}

.honor_swiper .inner{
	padding-top: 138%;
}

.yf_btm{
	width: 100%;
	position: relative;
}

.yf_box::before{
	width: 45%;
	height: 100%;
	position: absolute;
	left: 55%;
	top: 0%;
	content: '';
	background: url(../images/honor_bg.jpg) center center no-repeat;
	background-size: cover;
}

.yf_box{
	padding-bottom: 0%;
}

.yf_btm{
	width: calc(100% - 122px);
	margin-left: 122px;
	height: 116px;
	background: #d3c5a6;
	margin-top: 7vw;
	display: flex;
	justify-content: flex-end;
}

.btm_btn{
	width: 255px;
	height: 116px;
	position: relative;
	background: #e60012;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btm_btn .prev,.btm_btn .next{
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	transform: rotate(-90deg);
}

.toBack{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	text-align: center;
	line-height: 116px;
	cursor: pointer;
	font-size: 24px;
	opacity: 0.4;
}

.products{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.products .item{
	width: 32%;
	height: auto;
	position: relative;
	margin-right: 2%;
	margin-bottom: 1.5vw;
	background: #fff;
	
	transition: all 0.5s;
}

.products .item:hover{
	box-shadow: 15px 15px 50px rgba(0, 0, 0, .1);
}

.products .item:nth-child(3n){
	margin-right: 0%;
}

.products .item .backend{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.products .item .backend img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.products .item .front{
	width: 100%;
	height: auto;
	position: relative;
	padding: 3vw;
}

.products .item .front .thum{
	width: 40%;
	margin-left: 30%;
	margin-bottom: 0.5vw;
}

.products .item .front .thum .inner{
	padding-top: 155%;
}

.products .item .info{
	width: 100%;
	text-align: center;
}

.products .item .info .name{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
}

.products .item .info .des{
	width: 100%;
	height: auto;
	position: relative;
	line-height: 25px;
	font-size: 14px;
	height: 50px;
	overflow: hidden;
	opacity: 0.6;
}

.news_box.ipage{
	width: 100%;
	height: auto;
	left: 0px;
	top: 0px;
	position: relative;
}

.news_box.ipage .top, .news_box.ipage .bottom{
	height: auto;
}

.news_box.ipage .top{
	height: 25vw;
}
.news_box.ipage .focus{
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.news_box .focus.is-inview,.news_box.ipage .news_item.is-inview .date,.news_box.ipage .news_item.is-inview .name,.news_box.ipage .news_item.is-inview .ns_btm {
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.news_box.ipage .news_item .date,.news_box.ipage .news_item .name{
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.news_box.ipage .news_item .name{
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 0.1s;
}

.news_box.ipage .news_item .ns_btm{
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 0.2s;
}

.news_box.ipage .bottom{
	margin-top: 3vw;
}

.news_box.ipage .bottom .news_item{
	height: 16vw;
	padding-bottom: 2vw;
	margin-bottom: 3vw;
}

.news_box .news_item .thum .inner{
	padding-top: 30%;
}

.news_box.ipage .top .news_item .thum .inner{
	padding-top: 50%;
}

.news_item:hover .thum{
	opacity: 1;
}

.news_box.ipage .bottom .news_item .ns_btm{
	font-size: 14px;
	display: none;
}

.zr_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.zr_list .item{
	width: 32%;
	height: auto;
	position: relative;
	display: block;
	margin-right: 2%;
	margin-bottom: 2vw;
	background: #fff;
	border-radius: 10px;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
	padding: 2.5vw;
	text-align: center;
}

.zr_list .item .icon{
	width: 50px;
	height: 50px;
	background: #e60012;
	border-radius: 50%;
	margin: 0px auto;
	padding: 10px;
}

.zr_list .item:nth-child(3n){
	margin-right: 0%;
}

.zr_list .item .inner{
	padding-top: 60%;
}

.zr_list .item .info{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
}

.zr_list .item .info .name{
	width: 100%;
	height: auto;
	position: relative;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 15px;
	padding-bottom: 10px;
}

.zr_list .item .info .name::after{
	width: 30px;
	height: 3px;
	left: 50%;
	margin-left: -15px;
	bottom: 0%;
	content: '';
	background: #e60012;
	position: absolute;
	display: block;
	border-radius: 3px;
	
}

.zr_list .item .info .des{
	opacity: 0.7;
	line-height: 1.7;
}

.addrss{
	width: 100%;
	margin-top: 3vw;
}

.addrss .a_item{
	width: 100%;
	margin-bottom: 1vw;
}

.addrss .a_item .a_it{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	margin-bottom: 0.5vw;
}

.addrss .a_item .a_it .icons{
	width: 25px;
}

.addrss .a_item .a_it .txt{
	width: calc(100% - 30px);
	margin-left: 5px;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
}

.addrss .a_item .a_ib{
	width: 100%;
	padding-left: 30px;
	line-height: 1.7;
}

.addrss .a_item .a_ib a{
	width: 100%;
	color: #e60012;
	font-size: 48px;
	font-family: din;
	line-height: 1;
}

.addrss .add_box{
	display: none;
}

.addrss .add_box.active{
	display: block;
}

.waterfall{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.waterfall .item{
	width: 25%;
	border-radius: 15px;
	overflow: hidden;
	padding: 15px;
	transition: all 0.5s;
	display: block;
}

.waterfall .item .name{
	width: 100%;
	height: auto;
	position: relative;
	transition: all 0.5s;
	padding: 20px;
	text-align: center;
	line-height: 25px;
	color: rgba(0, 0, 0, .5);
	display: none;
}


.waterfall .item:hover .name{
	background: #fff;
	color: rgba(0, 0, 0, .85);
}

.loop_circle{
	width: 35vw;
	height: 35vw;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	margin-left: 25px;
}
.loop_circle .i_circle {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.3);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	animation: styles_pulse___yp6p 6s infinite;
}

.loop_circle .i_circle.ic2 {
	animation: styles_pulse___yp6p 6s 1.5s infinite;
}

.loop_circle .i_circle.ic3 {
	animation: styles_pulse___yp6p 6s 3s infinite;
}

.loop_circle .i_circle.ic4 {
	animation: styles_pulse___yp6p 6s 4.5s infinite;
}

@keyframes styles_pulse___yp6p {
	0%{
		transform: scale(.5);
		opacity: 1;
	}
	50%{
		opacity: 1;
	}
	100%{
		transform: scale(1.5);
		opacity: 0;
	}
}

.detail_box {
    display: flex;
    justify-content: space-between;
	padding-top: 150px;
}

.de_left{
	width: 800px;
}
.detail_box .same_news {
    width: 300px;
}
.same_news .sname {
    font-size: 28px;
    position: relative;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.same_news .list .inner {
    padding-top: 60%;
}
.same_news .list .info {
    padding: 10px 0px;
    font-size: 14px;
    line-height: 1.7;
}
.same_news .list a {
    display: block;
    margin-bottom: 15px;
}
.detail_top .info{
	display: none;
}

.detail_top{
	border-bottom: 2px solid rgba(0, 0, 0, .1);
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.detail_top .title{
	font-size: 36px;
}

.so_item .info .txt>a{
	color: #e60012;
}
.so_item .info .txt>a:hover{
	text-decoration: underline;
}

.searchContent {
	width: 100%;
	height: auto;
	padding-top: 80px;
}

.searchContent .scResult {
	width: 100%;
	height: auto;
	background: #006db2;
	color: #fff;
	font-weight: 700;
	text-indent: 45px;
	font-size: 20px;
	line-height: 40px;
	position: relative
}

.searchContent .scResult.b{
	background: #006db2;
}

.searchContent .scResult:after {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 10px;
	top: 7.5px;
	background: url(../images/result_icon.png?v=1) no-repeat;
	background-size: cover;
	content: ''
}

.resultTips {
	width: 100%;
	height: auto;
	line-height: 40px;
	font-size: 14px
}

.resultTips span {
	color: #e10101;
	padding: 0 3px;
	font-weight: 700
}

.noData {
	width: 200px;
	height: 200px;
	margin: 0px auto;
	font-size: 14px;
	text-align: center;
	display: none;
	position: relative;
}

.noData::after{
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	top: 30px;
	background: url(../images/noData_img.png) no-repeat;
	background-size: cover;
	opacity: .2;
	content: '';
}

.noData p{
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 60%;
	color: rgba(0,0,0,.2);
}

.noData.active {
	display: block
}

.news5{
	width: 100%;
	position: relative;
}

.news5 ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}

.news5 ul li{
	width: 32%;
	height: auto;
	position: relative;
	margin-right: 2%;
	margin-bottom: 1.5vw;
}

.news5 ul li:nth-child(3n){
	margin-right: 0%;
}

.news5 ul li .info{
	padding: 15px 0px;
	font-size: 16px;
	line-height: 1.5;
}

.hw_box{
	display: none;
}

.hw_box.active{
	display: block;
}

.hw_name{
	width: 100%;
	height: auto;
	position: relative;
	padding: 20px 0px;
	line-height: 1.7;
}

.hw_name p{
	font-size: 14px;
}

.hw_name b{
	font-size: 28px;
	font-family: Alimama;
}


.gl_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gl_list .gl_item{
	width: 48%;
	height: auto;
	position: relative;
	padding-left: 15px;
	line-height: 30px;
	margin-bottom: 1vw;
}
.gl_list .gl_item::after{
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0px;
	top: 11px;
	content: '';
	background: #e60012;
	border-radius: 50%;
}

.gl_list .gl_item p{
	font-size: 14px;
}

.news_box.ipage .bottom .news_item{
	height: auto;
	padding-bottom: 0px;
	margin-bottom: 2vw;
}

.news_box.ipage .news_item .thum{
	height: auto;
	position: relative;
	margin-top: 15px;
}

.news_box.ipage .news_item .thum .inner{
	height: 0px;
	padding-top: 50%;
}
@media screen and (max-width: 1440px){
	.news_item .thum{
		height: 65%;
	}
	.news_item .name{
		font-size: 18px;
	}
}

@media screen and (max-width: 900px) {
	
	.header_bg{
		height: 60px;
		background: #fff;
		width: 100%;
		z-index: 20;
		position: fixed;
		top: 0;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
	}
	.logo{
		width: 55px;
		z-index: 30;
	}
	.nav{
		display: block;
		position: fixed;
		left: 0;
		top: 60px;
		margin-left: 0;
		background: rgba(0, 0, 0, .7);
		width: 100%;
		height: calc(100vh - 60px);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);
		pointer-events: none;
		z-index: 30;
		padding-left: 0%;
	}
	.search_btn {
	    width: 60px;
	    height: 60px;
		line-height: 60px;
		font-size: 14px;
		z-index: 30;
		background: transparent;
		right: 70px;
	}
	.slide_warp{
		height: auto;
	}
	.slide_warp ul li{
		height: auto;
		min-height: 50vh;
		position: relative;
		top: 0;
		overflow: hidden;
	}
	
	.slide_warp ul li:nth-child(2){
		padding: 10vw 0px;
	}
	.slide_warp ul li:nth-child(3){
		padding-bottom: 10vw;
	}
	.l_pros{
		width: 100%;
		margin-bottom: 5vw;
	}
	.slide2left{
		width: 90%;
		left: 5%;
		position: relative;
		top: 0;
		transform: translateY(0%);
	}
	.slide2thum,.btm_ele,.s4right{
		display: none;
	}
	.news_box .top, .news_box .bottom{
		height: auto;
		flex-wrap: wrap;
	}
	.news_box .focus .inner {
	    padding-top: 50%;
		height: 0;
	}
	.news_box .focus{
		width: 100%;
		margin-bottom: 5vw;
	}
	.mh_more {
	    display: block;
	    width: 130px;
	    height: 46px;
	}
	.slide2left .des{
		width: 100%;
	}
	.news_box {
	    width: 90%;
	    height: auto;
	    position: relative;
	    top: 0;
	    left: 5%;
	}
	.news_box .focus .info .name {
	    font-size: 14px;
	}
	.news_box .focus .info .date {
	    font-size: 12px;
	    margin-bottom: 3px;
	    opacity: 0.7;
	}
	.news_box .focus .info{
		padding: 15px;
	}
	.news_item .thum {
		height: auto;
		position: relative;
		background: #000;
	}
	.news_item .thum .inner{
		opacity: 0.8;
	}
	.mh_more .l{
		width: 20px;
		left: 15px;
	}
	
	.mh_more .t{
		left: 50px;
	}
	
	.mh_more2{
		position: relative;
		margin: 0px auto;
	}
	
	.slide_warp ul li:first-child{
		height: 50vh;
	}
	.bg1 {
	    width: 40vw;
	}
	.banner_img {
	    width: 86%;
	    height: calc(50vh - 100px);
	    position: absolute;
	    left: 7%;
	    top: 80px;
	    overflow: hidden;
	}
	.slogan{
		width: 70%;
		left: 14%;
		top: 55%;
	}
	.slogan .cn{
		font-size: 7vw;
	}
	.slogan .en{
		font-size: 6.8vw;
	}
	.slogan .txt{
		font-size: 3.5vw;
	}
	.menu{
		display: none;
	}

	
	.s3left {
	    width: 90%;
	    height: auto;
	    position: relative;
	    left: 5%;
	    top: 0;
	}
	.s3left .s3_box{
		position: relative;
		top: 0%;
		padding: 0px;
		transform: translateY(0%);
	}
	.mh_name .des p, .mh_name .name p {
	    transform: translateY(0%);
	}
	.s3_page, .s5_page {
	    opacity: 1;
	}
	.s3right{
		width: 100%;
		height: 40vh;
		position: relative;
		left: 0;
		top: 0;
		clip-path: border-box;
	}
	
	
	
	
	.searchGroup{
		width: 90%;
		padding: 25px 5%;
	}
	#nav-icon2{
		display: block;
		position: fixed;
		z-index: 30;
		right: 15px;
	}
	.header_bg::before{
		width: 60px;
		height: 60px;
		background: #e60012;
		position: absolute;
		right: 0;
		top: 0;
		content:'';
	}
	.mouse_tip{
		display: none;
	}
	.nav.open{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		background: rgba(0, 0, 0, .7);
	}
	.nav ul{
		background: #f9f9f9;
		flex-wrap: wrap;
		padding: 7vw 5%;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.nav ul li{
		line-height: 60px;
		-webkit-transition: none !important;
		overflow: hidden;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		width: 100%;
	}
	.menu_bar{
		display: none;
	}
	.sub_nav{
		left: 0;
		width: 100%;
		background: #e60012;
		padding: 0px 5%;
	}
	.sub_banner{
		height: 50vh;
		margin-top: 60px;
	}
	.sub_banner .sb_left {
	    width: 90%;
	    height: auto;
	    position: absolute;
	    left: 5%;
		top: 25%;
		z-index: 5;
		background: transparent;
		color: #fff;
	}
	.sb_slogan .des{
		display: none;
	}
	.sb_slogan .title{
		font-size: 3.5vw;
	}
	.sb_slogan .name{
		font-size: 6vw;
	}
	.sb_slogan .icon{
		display: none;
	}
	.sub_nav a{
		line-height: 50px;
		padding: 0px 2vw;
	}
	.sub_nav a p{
		font-size: 14px;
	}
	.sub_banner .sb_thum {
	    width: 100%;
	    height: 100%;
	    left: 0vw;
	}
	.sub_banner .sb_thum .img{
		opacity: 0.7;
		width: 100%;
		height: 100%;
	}
	.sub_banner .sb_thum .img img{
		width: 100%;
		height: 100%;
	}
	.brand_left {
	    width: 90%;
	    height: auto;
	    position: relative;
	    left: 5%;
	    margin-top: 10vw;
		padding-top: 70px;
	}
	.brand_box {
	    padding: 0px;
	    background: #f3f3f3;
	}
	.mh_name .name{
		font-size: 6vw;
	}
	.singePage{
		font-size: 14px;
	}
	.his_pic{
		display: none;
	}
	.his_wrap{
		width: 100%;
		margin-left: 0px;
		height: auto;
		overflow: hidden;
		padding: 15vw 0px;
	}
	.his_name {
	    width: 90%;
	    margin-left: 5%;
	    color: #fff;
	    margin-bottom: 0vw;
	    position: relative;
		margin-top: 10vw;
		top: 0px;
		text-align: center;
	}
	.hisSwiper .des{
		font-size: 14px;
	}
	.hisSwiper {
	    color: #fff;
	    width: 90%;
	    margin-left: 5%;
		margin-top: 10vw;
		padding-bottom: 5vw;
	}
	.his_bar{
		display: none;
	}
	.his_name .cn{
		font-size: 6vw;
	}
	.hisSwiper .swiper-slide:nth-child(even) {
	    margin-top: 0vw;
	}
	.his_box{
		height: auto;
	}
	.his_name .en{
		display: flex;
		justify-content: center;
	}
	.his_name .en p:first-child{
		margin-right: 1vw;
	}
	.hisSwiper .year{
		font-size: 12vw;
	}
	.hisSwiper .swiper-pagination{
		display: block;
	}
	.swiper-pagination-bullet{
		margin: 0px 3px !important;
		width: 5px;
		height: 5px;
	}
	.swiper-pagination-bullet-active{
		background: #e60012;
	}
	.w1400 {
	    width: 90%;
	    position: relative;
	    margin-left: 0px;
	    padding-left: 0px;
		margin: 0px auto;
	}
	
	.mh_name .tips{
		font-size: 3.5vw;
	}
	.earth_box{
		margin: 15vw 0px;
		height: auto;
		padding-bottom: 10vw;
	}
	.facts{
		width: 100%;
		position: relative;
		margin-top: 5vw;
	}
	.facts ul{
		width: 100%;
		flex-wrap: wrap;
	}
	.facts ul li{
		width: 23.5%;
		margin-left: 0%;
		margin-right: 2%;
	}
	.facts ul li:nth-child(4n){
		margin-right: 0%;
	}
	.facts ul li .txt{
		font-size: 12px;
		line-height: 1.4;
	}
	.facts ul li .icon {
	    width: 40px;
	    height: auto;
		margin: 0px auto;
	}
	.factory_box{
		padding: 15vw 0px;
	}
	.factory_box .mh_name{
		text-align: center;
	}
	.earth_box .earth{
		width: 100%;
	}
	.earth_item{
		width: 50%;
		margin-left: -25% !important;
		top: 90% !important;
	}
	.earth_item .info{
		font-size: 12px;
		padding: 5px;
	}
	.earth_dots .dots::after {
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    left: -5px;
	    top: -5px;
		transform: scale(0.7);
	}
	.yf_box .yf_left {
	    width: 90%;
	    margin-left: 5%;
	}
	.yf_box{
		padding: 15vw 0px;
	}
	.honor_menu{
		width: 100%;
		margin-top: 3vw;
		justify-content: center;
		margin-bottom: 10vw;
	}
	.yf_box::before{
		width: 100%;
		left: 0%;
	}
	.bdata .b_item .btb{
		font-size: 12px;
	}
	.d_singePage p{
		font-size: 14px;
		line-height: 25px;
	}
	.yf_box .yf_right {
	    width: 90%;
	    position: relative;
	    margin-left: 5%;
		margin-top: 5vw;
	}
	.yf_btm {
	    width: 100%;
	    margin-left: 0;
	    height: 50px;
	    background: #d3c5a6;
		background: transparent;
		margin-top: 0px;
	}
	.btm_btn {
	    width: 100%;
	    height: 50px;
		background: transparent;
	}
	
	.yf_box .yf_left .mh_name{
		text-align: center;
	}
	
	.bdata{
		justify-content: center;
	}
	
	.bdata .b_item .bts .n{
		font-size: 10vw;
	}
	
	.d_singePage p::after {
	    width: 6px;
	    height: 6px;
	    position: absolute;
	    left: 0px;
	    top: 8.5px;
	}
	.honor_menu a{
		line-height: 35px;
	}
	.mh_name.mn{
		display: none;
	}
	.products .item{
		width: 49%;
		margin-bottom: 2vw;
	}
	.products .item:nth-child(3n){
		margin-right: 2%;
	}
	.products .item:nth-child(2n){
		margin-right: 0%;
	}
	.products .item .info .name{
		font-size: 14px;
	}
	.products .item .front .thum {
	    width: 60%;
	    margin-left: 20%;
	}
	.products .item .front {
	    padding: 5vw 3vw;
	}
	.news_box.ipage .top{
		height: auto;
		flex-wrap: wrap;
	}
	.news_item{
		width: 100%;
		border-bottom: none;
		margin-bottom: 5vw;
		padding-bottom: 0vw;
		margin-right: 0%;
	}
	.news_box.ipage .bottom .news_item{
		margin-bottom: 5vw;
		padding-bottom: 0vw;
	}
	
	.news_box.ipage .bottom .news_item:last-child{
		border-bottom: none;
		padding-bottom: 0;
	}
	
	#page{
		border: none;
	}
	
	.news_item .name{
		font-size: 16px;
	}
	.news_box.ipage .bottom .news_item{
		margin-right: 0%;
	}
	#page li{
		width: 30px;
		font-size: 12px;
		line-height: 30px;
	}
	.zr_list .item{
		width: 100%;
		margin-right: 0%;
	}

	.zr_list .item .info .name {
	    font-size: 16px;
	    margin-bottom: 15px;
	    padding: 10px;
		
	}
	.detail_box{
		width: 100%;
		padding: 0 5%;
		padding-top: 100px;
	}
	.de_left{
		width: 100%;
	}
	.detail_box .same_news{
		width: 100%;
	}
	.detail_box{
		flex-wrap: wrap;
	}
	.detail_top .title{
		font-size: 6vw;
	}
	.same_news .sname{
		font-size: 4vw;
	}
	.sub_banner.lxwm{
		height: auto;
	}
	.sub_banner.lxwm .sb_thum{
		position: relative;
		height: 50vh;
	}
	.sub_banner.lxwm .sb_left{
		position: relative;
		top: 0px;
		height: auto;
		padding: 10vw 0px;
		padding-bottom: 5vw;
	}
	.sub_banner.lxwm  .sb_slogan{
		position: relative;
		color: #3e3e3e;
	}
	
	.sub_banner.lxwm .sub_nav{
		position: relative;
		        
	}
	.addrss .a_item .a_ib{
		font-size: 14px;
	}
	.addrss .a_item .a_it .txt{
		font-size: 14px;
	}
	.sub_banner.lxwm .sb_thum .img{
		opacity: 1;
	}
	.his_wrap::before{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		content: '';
		background: rgba(0, 0, 0, .1);
		backdrop-filter: blur(10px);
	}
	.ns_top{
		width: 100%;
	}
	.news_item .name{
		border-top: none;
		padding-top: 0px;
		color: #3e3e3e;
		clip-path: border-box;
		position: absolute;
		left: 0px;
		bottom: 0px;
		padding: 15px;
		z-index: 2;
		color: #fff;
		font-size: 14px;
	}
	.boxes{
		padding: 10vw 0px;
	}
	.news_box.ipage .news_item .thum{
		margin-top: 10px;
	}
	.news_box.ipage .bottom{
		margin-top: 0;
	}
	.zr_list .item{
		padding: 5vw;
		margin-bottom: 5vw;
	}
	.zr_list .item .icon {
	    width: 40px;
	    height: 40px;
		padding: 7px;
	}
	.zr_list .item .info .name{
		margin-top: 5px;
	}
	.zr_list .item .info .des{
		font-size: 14px;
	}
	.news5 ul li {
	    width: 100%;
	    margin-right: 0%;
	}
	.news5 ul li .thum{
		display: none;
	}
	.news5 ul li .info{
		font-size: 14px;
	}
	.news5 ul li .info .time{
		font-size: 12px;
		opacity: 0.7;
	}
	
	.news_box .news_item .thum .inner{
		padding-top: 50%;
	}
	.s5box {
	    width: 90%;
	    height: auto;
	    position: relative;
	    left: 5%;
	}
	.slide_warp ul li:nth-child(4){
		padding: 10vw 0px;
	}
	.slide_warp ul li:nth-child(5){
		height: auto;
		padding: 10vw 0px;
	}
	.s5box .left{
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 5vw;
	}
	.logoBox {
	    width: 100%;
	    height: auto;
	    position: relative;
	    left: 0%;
	    top: 0;
	}
	.logoBox .logoItem{
		width: 100%;
		height: auto;
		margin-bottom: 1.5vw;
	}
	
	.logoItem .logos{
		height: 10vw;
		width: 20vw;
		margin-left: 1.25vw;
		clip-path: border-box;
	}
	.logoItem .logoInfo{
		height: 10vw;
		width: 5vw;
		margin-left: 1.25vw;
		
	}
	.logoBox .logoItem:nth-child(5n){
		margin-right: 0%;
	}
	.s6left{
		width: 90%;
		left: 5%;
		position: relative;
		height: auto;
		padding: 0px;
	}
	.s6right{
		width: 100%;
		position: relative;
		left: 0%;
		height: auto;
		clip-path: border-box;
	}
	.s6_nav{
		display: none;
	}
	.s6_nav a p{
		transform: translateY(0%);
	}
	.so_item{
		opacity: 1;
		border-bottom: 1px solid rgba(0, 0, 0, .05);
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.so_item:nth-child(n+3){
		width: 50%;
	}
	.so_item:last-child{
		width: 100%;
		border-bottom: none;
	}
	.mh_more:hover .l {
	    width: 25px;
	}
	.mh_more:hover .t {
	    left: 55px;
	}
	.s6_socal{
		width: 100%;
		justify-content: flex-start;
	}
	.so_item .info .des{
		font-size: 14px;
	}
	.s6_cp .cp{
		flex-wrap: wrap;
	}
	.s6_cp{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.s6_top{
		margin-top: 10vw;
		margin-bottom: 5vw;
	}
	.so_item .info .txt{
		font-size: 14px;
	}
	
	.news_box .bottom .news_item:last-child{
		margin-bottom: 0px;
	}
	.m_pnav{
		width: 90%;
		margin-left: 5%;
		display: flex;
		justify-content: space-between;
		margin-bottom: 3vw;
		border-bottom: 1px solid #faccd0;
	}
	.m_pnav .mp_item{
		width: 25%;
		height: auto;
		position: relative;
		line-height: 45px;
		text-align: center;
		color: #4e4e4e;
	}
	.m_pnav .mp_item::after{
		width: 100%;
		height: 3px;
		position: absolute;
		left: 0;
		bottom: -1px;
		opacity: 0;
		content: '';
		background: #e60012;
	}
	.m_pnav .mp_item.active{
		color: #e60012;
		font-weight: bold;
	}
	
	.m_pnav .mp_item.active::after{
		opacity: 1;
	}
	
	.slide2left .cate{
		display: none;
	}
	
	.slide2left .name{
		font-size: 5vw;
	}
	.slide2left .tips{
		font-size: 14px;
		margin-bottom: 3vw;
		line-height: 1.7;
		text-align: center;
		background: #f9f9f9;
		padding: 15px 0px;
		border-radius: 5px;
	}
	.slide_warp ul li:nth-child(3) .mh_more {
	    right: auto;
	    left: 0;
	}
	.pros_item .thum {
	    width: 80%;
	    margin-left: 10%;
	}
	.xw_name{
		display: block;
		width: 90%;
		margin-left: 5%;
		margin-bottom: 5vw;
		text-align: center;
	}
	.mh_name2{
		text-align: center;
	}
	.s5_page {
	    width: 100%;
	    text-align: center;
	}
	.slide_ls {
	    position: relative;
	    opacity: 1;
	    visibility: visible;
	    display: none;
	}
	.slide_ls.active {
	    display: block;
	}
	.waterfall .item{
		width: 50%;
		padding: 7.5px;
	}
	.nav ul li:last-child{
		border-bottom: none;
	}
}