html {
	height: 100%;
}

body, ul, li, p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}

header, footer {
	display: block;
}

body {
	min-width: 320px;
	background: #fff;
	font-family: "微软雅黑";
	height: 100%;
	color: #666666;
	overflow-x: hidden;
}
li {
	list-style: none;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #333;
}

img {
	max-width: 100%;
	pointer-events:auto;
}

.txc {
	text-align: center;
}

.flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.container {
    box-sizing: border-box;
    width: 100%;
    padding-left: 9%;
    padding-right: 9%;
}

.navbar-header{
	width: 291px;
	position: relative;
	height: 77px;
	overflow: hidden;
	padding-top: 5px;
}
.navbar-brand{
	width: 291px;
	height: 72px;
	background: url(../image/logo.svg) no-repeat;
	background-size: cover;
	transition: all 0.15s ease-out;
}
.navbar-default{
	height: 82px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
	background: none;
	border-bottom: 1px solid rgba(255,255,255,0.5)
}
.navbar-nav{
	float: none;
	display: flex;
	align-items: center;
	padding-left: clamp(30px,4vw,90px);
	padding-right: 46px;
}
.navbar-nav li{
	padding: 0 30px;
}
.navbar-nav li:last-child{
	padding-right: 0 !important;
	position: absolute;
	right: 46px;
}
.navbar-nav li a{
	display: block;
	padding: 23px 0;
	position: relative;
	line-height: 36px;
	font-size: clamp(14px,1.5vw,18px);
	transition: all 0.15s ease-out;
}
.navbar-default .navbar-nav>li>a{
	color: #fff !important;
	position: relative;
	background-color: rgba(0,0,0,0) !important;
}
.navbar-nav li a:hover{
	color: #c3172d !important
}
.navbar-nav li a:hover::before{
	width: 70%;
}
.navbar-default .container{
	position: relative;
	display: flex;
}
.navbar-default .navbar-collapse{
	padding-left:0;
	padding-right: 0;
	position: relative;
	flex: 1;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background: none;
	text-decoration: none !important;
	color: #ffffff;
}
.navbar-default.head-bg .navbar-nav .open .active,.navbar-default.head-bg .navbar-nav .active{
	color: #c3172d !important;
}
.navbar-default.head-bg .navbar-nav>li>a.active::after{
	background: #c3172d;
}
.navbar-default .navbar-nav>li>a.active::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ffffff;
}

.caret{
	display: none;
}
.lang{
	position: absolute;
	top: 28px;
	right: 9%;
	z-index: 1;
	transition: all 0.3s ease-out;
	color: #fff;
}
.lang a{;
	color: #fff;
	font-size: clamp(14px,1.5vw,18px);
}
.bar-search{
	display: block;
	background: url(../image/iss_w.png) no-repeat center;
	height: 80px;
	padding: 24px 10px;
	cursor: pointer;
	transition: all 0.15s ease-out;
}
.search-box{
	display: none;
	position: fixed;
	top: 0;
	z-index: 1002;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	height: 82px;
}
.search{
	width: 600px;
	margin: 20px auto;
	height: 36px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	border-radius: 6px;
	border: 1px solid #eaeaea;
	position: relative;
}
.search .bar-search{
	background: url(../image/iss1.png) no-repeat center;
	height: 28px;
}
.search-close{
	background: url(../image/close.png) no-repeat center;
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: -40px;
}
.search-input{
	flex: 1;
	box-sizing: border-box;
	padding: 0 15px;
	border: none;
	outline: none;
}


.head-bg.navbar-default{
	background: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05)
}
.head-bg.navbar-default .navbar-nav>li>a{
	color: #333333 !important;
}
.head-bg.navbar-default .navbar-brand{
	background: url(../image/logo_red.svg) no-repeat center;
	background-size: cover;
}
.head-bg.navbar-default .bar-search{
	display: block;
	background: url(../image/iss1.png) no-repeat center;
}

.head-bg.navbar-default .navbar-nav>.open>a, .head-bg.navbar-default .navbar-nav>.open>a:focus, .head-bg.navbar-default .navbar-nav>.open>a:hover{
	background: none;
	text-decoration: none !important;
	color: #333333;
}
.head-bg.navbar-default .lang a{
	color: #333333;
}


.subox {
	position: fixed;
	top: 82px;
	left: 0;
	width: 100%;
	z-index: 1001;
	display: none;
	background: #C3172D;
	color: #ffffff;
	padding: clamp(12px,1.87vw,30px) 0;
}
.subnav-box{
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.subnav{
	flex: 1;
}
.sut-tit{
	font-size: 20px;
	font-weight: bold;
}
.sub-img{
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	width: clamp(200px,20vw,386px);
}
.subnav ul{
	flex-wrap: wrap;
}
.subnav ul li{
	width: 33.333%;
	box-sizing: border-box;
	padding-right: clamp(24px,2.87vw,46px);
	padding-top: 20px;
}
.subnav ul li a{
	color: #FEFEFE;
	display: block;
	border-bottom: 1px solid #ffffff;
	font-size: clamp(14px,1.5vw,18px);
	padding: 5px 0;
	position: relative;
	transition: all 0.15s ease-out;
}
.subnav ul li a::after{
	content: '';
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	position: absolute;
	top: 12px;
	right: 4px;
}
.banner-swiper{
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.banner-swiper .swiper-slide{
	position: relative;
}
.banner-tips{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #ffffff;
	font-size: clamp(14px,1vw,20px);
}
.banner-tips h4{
	font-size: clamp(14px,1.25vw,24px);
	width: clamp(300px,43vw,840px);
	opacity: 0;
	transition: all 0.15s ease-out;
}
.banner-tips h3{
	font-size: clamp(18px,2.08vw,40px);
	padding: clamp(20px,1.25vw,24px) 0 clamp(14px,1vw,18px) 0;
	line-height: 1.6;
	width: clamp(300px,43vw,840px);
	letter-spacing: 1px;
	opacity: 0;
	transition: all 0.15s ease-out;
}
.banner-swiper .swiper-container .swiper-slide img{
	transform: scale(1);
	transition: all 1.5s ease-out;
}
.banner-swiper .swiper-container .swiper-slide-active img{
	transform: scale(1.15);
	-webkit-animation: banScale 2s ease-out forwards;
    animation: banScale 2s ease-out forwards;
}
.banner-swiper .swiper-slide-active .banner-tips h4{
	-webkit-animation: fadeInUp2 1s ease-out forwards;
    animation: fadeInUp2 1s ease-out forwards;
}
.banner-swiper .swiper-slide-active .banner-tips h3{
	-webkit-animation: fadeInUp2 1.2s ease-out forwards 0.5s;
    animation: fadeInUp2 1.2s ease-out forwards 0.5s;
}
.banner-swiper .swiper-container,.banner-swiper .swiper-container .swiper-slide img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	cursor: default !important;
}

.banner-swiper .swiper-button-prev{
	background: url(../image/mv.png) no-repeat;
	background-size: cover;
	width: 35px;
	height: 100px;
	left: 0;
	margin-top: -50px;
	opacity: 0.5;
}
.banner-swiper .swiper-button-next{
	background: url(../image/mv.png) no-repeat;
	background-size: cover;
	width: 35px;
	height: 100px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	right: 0;
	margin-top: -50px;
	opacity: 0.5;
	transition: all 0.15s ease-out;
}
.banner-swiper .swiper-button-prev:hover,.banner-swiper .swiper-button-next:hover{
	opacity: 1;
}
.banner-swiper .swiper-button-next:after, .banner-swiper .swiper-container-rtl .swiper-button-prev:after{
	display: none;
}
.banner-swiper .swiper-button-prev:after, .banner-swiper .swiper-container-rtl .swiper-button-prev:after{
	display: none;
}
.banner-swiper .swiper-pagination-bullet{
	width: 59px;
	height: 59px;
	text-align: center;
	line-height: 59px;
	font-size: 14px;
	color: #fff;
	opacity: 1;
	background: url(../image/icir.png) no-repeat center;
	background-size: 0 0;
	transition: all 0.5s ease-out;
}
.banner-swiper .swiper-pagination-bullet-active {
	color: #c3172d;
	font-weight: bold;
	background: url(../image/icir.png) no-repeat center;
	background-size: 100% 100%;
	cursor: default
}
.swiper-pagination-bullet-active{
	background: #fff;
}
.banner-swiper .swiper-pagination{
	text-align: left;
	box-sizing: border-box;
	padding-left: 9%;
	bottom: 10px;
    left: 0;
    width: 100%;
}
.tips-height{
	min-height: 240px;
}
.photo-exh{
	position: relative;
	overflow: hidden;
	height: clamp(200px,25vw,376px);
}
.photo-exh img{
	display: block;
	transition: all 0.3s ease-out;
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.news-hot{
	display: block;
	margin: 15px 0;
	position: relative;
	padding-bottom: 10px;
}
.news-hot::before{
	content: '';
	height: 1px;
	width: 0%;
	background: #c30f1e;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	transition: all 0.3s ease-out;
}
.pbt{
	padding-bottom: 100px;
	padding-top: 100px;
}
.news-hot-tit{
	font-size: 16px;
	color: #252525;
	margin: 12px 0;
	transition: all 0.3s ease-out;
}
.news-hot-other{
	color: #8c8c9d;
}
.news-hot-other span{
	color: #c30f1e;
	margin-right: 15px;
}
.news-hot:hover::before{
	content: '';
	width: 100%;
}
.news-hot:hover .photo-exh img{
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
.news-hot:hover .news-hot-tit{
	color: #c30f1e
}
.bgc{
	background: #f7f7fa;
}
.resi-item{
	text-align: center;
}
.resi-item h3 {
	font-size: clamp(18px,1.5vw,24px);
	color: #252525;
	margin: 20px 0 12px 0;
	display: inline-block;
	position: relative;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer
}
.resi-item h3::after{
	content: '';
	width: 100%;
	height: 1px;
	background: #c30f1e;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	transform: scale(0);
	transition: all 0.3s ease-out;
}
.resi-desc{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	padding: 0 20px
}
.resi-item:hover h3::after{
	transform: scale(1);
}
.about-pho{
	position: relative;
	margin-right: 36px;
	z-index: 10;
}
.about-pho img{
	width: 100%;
	transition: all 0.2s ease-out;
}
.about-pho::after{
	content: '';
	background: #f7334c;
	position: absolute;
	top: -26px;
	right: -36px;
	z-index: -1;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out;
}
.about-pho:hover::after{
	content: '';
	top: 0;
	right: 0;
}
.about-pho:hover img{
	transform: scale(1.02);
}
.resi-item:hover  h3{
	color: #c30f1e
}
.about-info h3{
	font-size: 32px;
	color: #c3172f;
}
.about-info h4 {
	font-size: 18px;
	padding: 30px 0;
	color: #252525;
}
.about-desc{
	font-size: 14px;
	color: #666;
	line-height: 2;
	padding-bottom: clamp(18px,2.25vw,36px);
}
.about-desc p{
	
}
.view-more{
	display: inline-block;
	background: #f7334c url(../image/vb.png) no-repeat right;
	transition: all 0.2s ease-out;
	color: #fff;
	position: relative;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	box-sizing: border-box;
	padding-left: 45px;
}
.view-more span{
	display: block;
	background: url(../image/arr1.png) no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	transition: all 0.2s ease-out;
}
.view-more:hover{
	background: #F7334C url(../image/vb.png) no-repeat 66px 0;
	color: #fff !important;
	padding-left: 30px;
}
.view-more:hover span{
	right: 6px;
}
.team-box{
	border-top: 1px solid #dedede;
	padding: 100px 0;
}
.team-pho{
	position: relative;
	overflow: hidden;
}
.team-pho img{
	transition: all 0.3s ease-out;
}
.team-pho:hover img{
	transform: scale(1.02);
}
.team-txt{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 100%;
	color: #fff;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
}
.team-txt a{
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	padding: 5px 30px;
	border-radius: 15px;
	transition: all 0.3s ease-out;
}
.team-txt h3{
	font-size: 36px;
	line-height: 46px;
	font-weight: lighter;
}
.team-txt h4{
	font-size: 20px;
	font-weight: lighter;
	padding: 30px 0;
}
.team-txt a:hover{
	color: #c3172d;
	border: 1px solid #c3172d;
}
.bbg {
	background: #f0f0f0;
}

.map-nav-box {
	align-items: flex-start;
	-wenkit-align-items: flex-start;
	justify-content: center;
	-wenkit-justify-content: center;
	padding: clamp(15px,3.2vw,60px) 0;
	margin-left: clamp(-1.6vw,-30px,-8px);
	margin-right: clamp(-1.6vw,-30px,-8px);
}
.map-nav {
	width: 16.666%;
	box-sizing: border-box;
	padding: 0 clamp(8px,1.6vw,30px);
}

.map-nav .view-more {
	transform: scale(0.8);
	transform-origin: 0 0;
}

.map-nav-tit {
	font-size: clamp(14px,1.2vw,20px);
	color: #252525;
	border-bottom: 1px solid #cccccc;
	padding: 15px 0;
	margin-bottom: 15px;
}

.map-nav ul li {
	position: relative;
	padding: 6px 0;
}

	.map-nav ul li a {
		display: block;
		position: relative;
		padding-left: 12px;
		color: #666666;
		font-size: 14px;
	}
.map-nav ul li a::before{
	content: '';
	border-top: 1px solid #8e8e8e;
	border-right: 1px solid #8e8e8e;
	width: 7px;
	height: 7px;
	-webki-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: -5px;
	z-index: 1;
	margin-top:-4px;
}
.mail {
	background: url(../image/imail.png) no-repeat 0 3px;
	padding-left: 30px;
	margin-bottom: 10px;
	white-space: nowrap;
}
footer{
	background: #c3172d;
	color: #fff;
	padding: 15px 0;
}
.copyright{
	line-height: 30px;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: relative;
	padding-left: 150px;
}
.copyright p{
	padding-left: 20px;
	opacity: 0.8;
}
.copyright a{
	color: #fff;
}
.f-logo{
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 1;
	opacity: 1;
}
.cban-box{
	overflow: hidden
}
.cban{
	height: clamp(180px,21.88vw,420px);
	transition: all 0.15s ease-out;
	transform: scale(1.15);
	-webkit-animation: banScale 1.5s ease-out forwards 0.15s;
    animation: banScale 1.5s ease-out forwards 0.15s;
}
@-webkit-keyframes banScale {
	0% {
		transform: scale(1.15)
	}
	100% {
		transform: scale(1)
	}
}
@keyframes banScale {
	0% {
		transform: scale(1.15)
	}
	100% {
		transform: scale(1)
	}
}
.ctab-box{
	width: 100%;
	background: #c3172d;
}
.ctab-box .container {
	padding: 0;
}
.ctab{
	display: flex;
	align-items: stretch;
}
.ctab li{
	flex: 1;
}
.ctab li a{
	display: block;
	padding: 16px 0;
	position: relative;
	cursor: pointer;
	color: #ffffff;
	background: #c3172d;
	text-align: center;
	font-size: clamp(14px,1vw,18px);
	transition: all 0.15s ease-out;
}
.ctab li a:hover,.ctab .active a{
	background: #ffffff;
	color: #000000
}
.about-box{
	padding: 60px 0;
}
.about-box2{
	background: url(../image/x2.jpg) no-repeat top center;
	padding: 60px 0;
	min-height: 700px;
}
.about-tit{
	position: relative;
	font-size: 24px;
	color: #252525;
	padding: 10px 0;
}
.about-tit::after{
	content: '';
	width: 30px;
	height: 5px;
	background: #c3172d;
	position: absolute;
	top: 100%;
	left: 0;
	
}
.intro-box{
	border-bottom: 1px solid #dedede;
	padding: 50px 0;
	margin-bottom: 50px;
}
.intro-img{
	width: 30%;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	padding-right: 50px;
	box-sizing: border-box;
}
.intro-ti2{
	padding: clamp(10px,2.34vw,45px) 0;
}
.intro-ti2 img{
	height: clamp(32px,6.92vw,132px);
}
.intro-ti1 img{
	height: clamp(16px,2.34vw,45px);
}
.intro-ti3{
	font-size: clamp(16px,1.25vw,24px);
	color: #C3172D;
	font-weight: bold
}
.intro-info{
	font-size:  clamp(16px,1.1vw,20px);
	line-height: 1.8;
	color: #252525;
}
.intro-info2{
	width: clamp(500px,41.15vw,790px);
	font-size:  clamp(14px,0.9vw,16px);
	line-height: 2.2;
	color: #252525;
	padding-bottom: clamp(20px,4.16vw,80px);
}
.intro-img2{
	position: relative;
}
.abimg1{
	width: clamp(345px,31.25vw,600px);
	position: absolute;
	right: 0;
	top: clamp(-346px,-18.02vw,-200px);
}
.abimg2{
	width: clamp(345px,59.27vw,1138px);
}
.vision-box{
	background: #f7f7fa;
	-webkit-align-items: stretch;
	align-items: stretch;
	margin: 50px 0 80px 0;
}
.vision-img{
	width: 50%;
}
.vision-info{
	width: 50%;
	box-sizing: border-box;
	padding: 60px;
	height: 400px;
	font-size: 16px;
	color: #999;
}
.vision-info h2{
	padding-bottom: 30px;
}
.vision-info h3{
	font-size: 20px;
	color: #252525;
	padding-bottom: 12px;
	line-height: 1.6;
}
.events-box{
	margin: 50px 0;
	position: relative;
	padding-bottom: 100px;
}
.events-box::after{
	content: '';
	position: absolute;
	top: 0;
	left: 97px;
	background: #c3172d;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	z-index: 1000;
}
.events-box::before{
	content: '';
	background: #ebebeb;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100px;
	z-index: 0;
}
.bar-ctr{
	display: block;
	position: absolute;
	bottom: 0;
	left: 58px;
	z-index: 1000;
	background: url(../image/ictr.png) no-repeat;
	background-size: cover;
	width: 84px;
	height: 84px;
}
.events{
	position: relative;
	z-index: 10;
	padding-left: 150px;
	padding-bottom: 30px;
	padding-top: 30px;
}
.events-year{
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 0;
	font-size: 36px;
	color: #c3172d;
}
.events-tit{
	font-size: 24px;
	color: #252525;
	line-height: 1.4;
	margin-bottom: 10px;
}
.events-info{
	background: #f7f7fa;
	color: #666666;
	padding: 20px 30px;
	font-size: 16px;
	line-height: 1.8;
	transition: all 0.3s ease-out;
}
.events:hover .events-info{
	background: #e00531;
	color: #fff;
	box-shadow: 0 0 8px rgba(295,23,45,0.8)
}
.events:hover .events-year::after{
	content: '';
	width: 3px;
	height: 30px;
	background: #e00531;
	position: absolute;
	left: 99px;
	top: 15px;
	z-index: 100;
}
.mission-info{
	padding: 30px 0;
	line-height: 2;
}
.mission-info h3{
	font-size: 16px;
	padding-bottom: 10px;
}
.mission-info h4{
	font-size: 16px;
	padding-bottom: 30px;
}
.leader-box{
	padding: 80px 0;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.leader-img{
	width: 260px;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	margin-right: 30px;
	overflow: hidden;
}
.leader-img img{
	width: 100%;
	transition: all 0.2s ease-out;
}
.leader-img:hover img{
	transform: scale(1.03);
}
.leader-info{
	flex: 1;
	-webkit-flex: 1;
	line-height: 1.8;
}
.leader-info h2{
	font-size: clamp(18px,1.62vw,26px);
	font-weight: bold;
	color: #e00531;
}
.leader-info h3{
	font-size: 18px;
	color: #252525;
	padding: 20px 0;
}
.leader-list{
	align-items: flex-start;
	-webkit-align-items: flex-start;
	padding: 60px 0;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}
.leader-list li{
	width: 20%;
	padding: 20px;
	text-align: center;
	cursor: pointer;
}
	.leader-list li h3 {
		font-size: 14px;
		color: #f04301;
		padding: 8px 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

.subtitle {
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.leader-list li:hover .photo-exh img{
	transform: scale(1.08);
}
.popbox{
	position: fixed;
	top: 15%;
	left: 50%;
	width: clamp(300px,60vw,1180px);
	transform: translateX(-50%);
	z-index: 10002;
	background: #fff;
	box-sizing: border-box;
	padding: 30px;
	border-radius: 8px;
	overflow: hidden;
}
.popbox::after{
	content: '';
	background: #E6203A url(../image/ilogo.png) no-repeat center;
	background-size: auto 80%;
	width: 50px;
	height: 50px;
	border-top-left-radius: 6px;
	position: absolute;
	bottom: 0;
	right: -1px;
	z-index: 1;
}
.popbox .leader-box{
	padding: 0;
	border-bottom: none;
}
.popclose{
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 10;
	line-height: 30px;
	text-align: center;
	width: 30px;
	height: 30px;
	color: #666666;
	font-size: 30px;
	cursor: pointer;
}
.develop-desc{
	padding: 30px 0;
	font-size: 18px;
	line-height: 2;
}
.develop-box{
	padding: 60px 0;
}
.site{
	background: url(../image/imap.png) no-repeat 0 4px;
	padding-left: 36px;
	font-size: 20px;
	color: #252525;
	line-height: 30px;
	margin: 30px 0;
}
.contact-item{
	border: 1px solid #dedede;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.lxinfo-list{
	width: 50%;
	border: 1px solid #dedede;
	box-sizing: border-box;
	padding: 30px;
	color: #252525;
	font-size: 16px;
	line-height: 1.2;
}
.lxinfo-list img{
	margin-right: 15px;
}
.lxinfo-list h3{
	font-size: 24px;
	padding-top: 6px;
}
.map-box{
	box-shadow: 0 6px 6px rgba(0,0,0,0.3);
	margin-top: 30px;
}
.news-list{
	border-bottom: 1px solid #dedede;
	padding: 50px 0;
}
.news-list .flex{
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.news-info{
	flex: 1;
	-webkit-flex: 1;
	box-sizing: border-box;
	padding-left: 30px;
	padding-right:clamp(60px,9vw,160px);
	overflow: hidden;
}
.news-date{
	width: 80px;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	padding-top: 20px;
}
.news-date h4{
	font-size: 24px;
	color: #252525;
	background: #f6f6f6;
	text-align: center;
	padding: 10px;
	transition: all 0.2s ease-out;
}
.news-date p{
	background: #f6f6f6;
	font-size: 12px;
	text-align: center;
	margin-top: 2px;
	padding: 6px 10px;
	transition: all 0.2s ease-out;
}
.news-info h3{
	font-size: 18px;
	padding: 20px 0;
	transition: all 0.2s ease-out;
}
.news-desc{
	font-size: 16px;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	color: #666;
}
.news-img{
	width: 300px;
	height: 150px;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	overflow: hidden;
	transition: all 0.2s ease-out;
	background: url(404.png) no-repea;
}
.news-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.35s ease-out;
}
.news-list a:hover .news-date h4{
	background: #c3172d;
	color: #fff;
}
.news-list a:hover .news-date p{
	background: #c3172d;
	color: #fff;
}
.news-list a:hover .news-info h3{
	color: #e00531;
	transform: translateX(5px);
}
.news-list a:hover .news-img img{
	transform: scale(1.05);
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #c3172d;
	border-color:#c3172d;
}
.pagination>li>a, .pagination>li>span{
	color: #999;
}
.pagination{
	padding-top: 60px;
}
.pagination a{
	 margin: 0 3px;
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
}
.title-group{
	border-bottom: 1px solid #dedede;
	padding: 60px 0 30px 0;
	text-align: center;
	font-size: 16px;
}
.title-group h1{
	font-size: 22px;
	color: #252525;
	line-height: 2;
	padding-bottom: 0.5em;
}
.content{
	padding: 50px 0;
	font-size: 16px;
	line-height: 2;
}
.relevant-news{
	padding: 30px 0;
	border-top: 1px solid #dedede;
}
.relevant-news li{
	padding: 5px 0;
}
.relevant-news a{
	color: #666;
}
.relevant-news a:hover{
	color: #c3172d;
	text-decoration: underline;
}
.jobs-tit{
	font-size: 24px;
	color: #e00531;
}
.jobs-list-box{
	padding-top: 30px;
}
.jobs-list{
	padding-bottom: 30px;
}
.jobs-info{
	font-size: 16px;
	line-height: 2;
}
.jobs-info h4{
	font-size: 20px;
	padding: 20px 0;
	color: #111;
}
.jobs-head{
	background: #f7f7fa;
	padding: 20px 90px 20px 30px;
	position: relative;
	color: #666;
	transition: all 0.2s ease-out;
}
.jobs-head span{
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	z-index: 1;
	margin-top: -16px;
	line-height: 32px;
	padding-right: 32px;
}
.jobs-head span::before{
	content: '';
	width: 18px;
	height: 2px;
	background: #666666;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -1px;
	z-index: 1;
	transition: all 0.2s ease-out;
}
.jobs-head span::after{
	content: '';
	width: 2px;
	height: 18px;
	background: #666666;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -9px;
	z-index: 1;
	transition: all 0.2s ease-out;
}
.jobs-head h3{
	font-size: 20px;
	padding-bottom: 6px;
	color: #252525;
	transition: all 0.2s ease-out;
}
.jobs-content{
	padding: 30px 0;
	display: none;
}
.jobs-show .jobs-head,.jobs-head:hover{
	background: #e00531;
	color: #fff;
}
.jobs-show .jobs-head h3,.jobs-head:hover h3{
	color: #fff;
}
.jobs-show .jobs-content{
	display: block
}
.jobs-show .jobs-head span::before,.jobs-head:hover span::before{
	content: '';
	background: #fff;
}
.jobs-show .jobs-head span::after,.jobs-head:hover span::after{
	content: '';
	background: #fff;
	display: none;
}
.map-nav-tit{
	cursor: default;
}
.map-nav ul li a,.map-nav ul li a::before{
	transition: all 0.2s ease-out;
}
.map-nav ul li a:hover{
	color: #f04301;
	transform: translateX(4px)
}
.map-nav ul li a:hover::before{
	border-top: 1px solid #f04301;
	border-right: 1px solid #f04301;
	left: -6px
}

.leader-list2{
	flex-wrap: wrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.leader-list2 li{
	width: 33.333%;
	box-sizing: border-box;
	padding: clamp(10px,3.75vw,60px) clamp(20px,5vw,90px);
}
.leader-name{
	font-size: clamp(16px,1.25vw,24px);
	font-weight: bold;
	color: #2b2b2b;
	margin-bottom: 6px;
}
.leader-list2 li{
	font-size: clamp(12px,1vw,16px);
	color: #666666;
}
.leader-poster{
	height: clamp(210px,25vw,400px);
	width: clamp(168px,20vw,320px);

	margin-top: 16px;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}
.poster{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.leader-poster img{
	width: 100%;
	height: 100%;
	transform: translateY(20px);
	object-fit: cover;
	transition: all 0.15s ease-out;
	border-radius: 6px;
}
.leader-list2 li:hover .leader-poster img{
	transform: translateY(0px);
}
.view-leader{
	position: absolute;
	background: url(../image/i_xq.png) no-repeat;
	width: 72px;
	height: 72px;
	bottom: clamp(20px,3.5vw,56px);
	left: 50%;
	margin-left: -36px;
	z-index: 10;
	opacity: 0;
	transform: scale(0.9);
	transition: all 0.2s ease-out;
}
.leader-list2 li:hover .view-leader{
	opacity: 1;
	transform: scale(1);
}
.pop-poster{
	width: clamp(200px,20vw,320px);
	margin-right: 30px
}
.pop-poster img{
	width: 100%;
	border-radius: 8px;
}
.js-title-group{
	text-align: center;
}
.js-title{
	display: inline-block;
	position: relative;
	z-index: 10;
	padding: 30px;
}
.js-icon{
	position: absolute;
	top: 0;
	right: -30px;
	z-index: -1;
}
.js-icon-r{
	position: absolute;
	top: 15%;
	left: 0px;
	z-index: -1;
}
.js-title h4{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	color: #808080;
}
.js-title h3{
	font-size: clamp(24px,3vw,46px);
	color: #252525;
	padding: 15px 0;
}
.js-desc{
	font-size: clamp(14px,1.1vw,18px);
	color: #252525;
	line-height: 2;
}
.bw-bg{
	background: url(../image/bwbg.png) no-repeat bottom;
	background-size: 100% auto;
	padding-bottom: clamp(40px,5vw,80px);
	position: relative;
	z-index: 10;
}
.bw-bg-rev{
	background: url(../image/bwbg_rev.png) no-repeat top;
	background-size: 100% auto;
	padding-top: clamp(30px,5vw,100px);
}
.cxol-box{
	position: relative;
	margin: clamp(20px,6vw,50px) 0;
}
.cxol-desc{
	font-size: clamp(14px,1.04vw,20px);
	line-height: 2;
	color: #666666;
}
.cxol-desc h4{
	font-size: clamp(18px,1.25vw,24px);
	font-weight: 500;
	color: #252525;
	padding: 8px 0;
}
.cxol-img{

	width: 45%;
}
.cxol-info{
	flex: 1;
	box-sizing: border-box;
	padding-left: clamp(24px,3vw,46px);
}
.cxol-info h3{
	font-size: clamp(18px,1.25vw,26px);
	font-weight: bold;
	color: #C3172D;
	margin-bottom: 20px;
}
.zyimg1{
	background: url(../image/jscp_bg01.png) no-repeat bottom;
	background-size: 100% auto;
	width: 465px;
	height: 368px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box
}
.zyimg2{
	background: url(../image/jscp_bg02.png) no-repeat bottom;
	background-size: 100% auto;
	width: 465px;
	height: 368px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box
}
.zyimg1 img,.zyimg2 img{
	max-width: 100%;
	max-height: 100%;
}
.zhiyao-list{
	justify-content: space-between;
	padding: clamp(30px,2.87vw,46px) 0;
}
.zyinfo{
	color: #666666;
	font-size: clamp(14px,1.1vw,18px);
	line-height: 2;
	width: 45%;
	position: relative;
}
.zyinfo h2{
	font-size: clamp(18px,1.25vw,26px);
	color: #252525;
	line-height: 1.6;
	padding: clamp(18px,1.25vw,26px) 0;
}

.tese-img{

	position: relative;
	width: 45%;
}
.tese-img img{
	width: 100%;
	border-radius: 8px;
}
.pro-others td{
	padding: 2px 0;
	font-size: clamp(12px,0.7vw,14px)
}
.pro-others label,.pro-others strong{
	font-weight: normal !important;
}
.pro-others{
	color: #666666;
}

.tese-pro{
	transform: translateX(6.25vw);
	position: absolute;
	bottom: 0;
	right: 0;
	width: clamp(120px,17.85vw,285px);
	height: auto;
}
.js-zhiyao-box{
	padding-bottom: clamp(30px,6vw,100px); 
}
.search-product{
	width: clamp(300px,46vw,750px);
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	border-radius: 30px;
	overflow: hidden;
	display: flex;
	align-items: center;
	margin: 0 auto;
	position: relative;
	padding: 4px;
	box-sizing: border-box;
	margin-top: 20px;
}
.search-product .ss-in{
	flex: 1;
	height: 42px;
	line-height: 42px;
	background: none;
	border: none;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 20px;
	outline: none;
	color: #333333;
}
.ss-tips{
	width: 120px;
	height: 24px;
	line-height: 24px;
	border-right: 1px solid #666666;
	text-align: center;
	font-size: 16px;
	color: #252525
}
.bar-ss{
	height: 42px;
	background: #A8A8A8;
	border-radius: 26px;
	border: none;
	width: clamp(60px,6.25vw,100px);
	font-size: 16px;
	color: #ffffff;
	outline: none;
}
.search-product.focus{
	border: 1px solid #c3172d ;
}
.search-product.focus .bar-ss{
	background: #c3172d;
	color: #ffffff;
}
.search-result{
	padding-top: clamp(26px,2.4vw,45px);
	padding-bottom: 15px;
	font-size: 16px;
}
.result-tips strong{
	margin: 0 5px;
	color: #1a1a1a;
}
.pro-down{
	background: url(../image/doctype.png) no-repeat left;
	padding-left: 22px;
}
.pro-down a{
	display: inline-block;
	background: url(../image/i_load2.png) no-repeat right;
	padding-right:22px;
	cursor: pointer;
	color: #000000;
}
.pro-down a:hover{
	text-decoration: underline
}
.product-list{
	flex-wrap: wrap;
	align-items: stretch;
	margin-left: -12px;
	margin-right: -12px;
}
.product-list li{
	padding: 12px;
	width: 25%;
	box-sizing: border-box;
}
.products{
	display: block;
	background: #ffffff;
	box-shadow: 0px 2px 16px 0px rgba(95,79,81,0.08);
	border-radius: 24px;
	padding: clamp(10px,1.5vw,24px) clamp(10px,1.5vw,24px) clamp(5px,0.75vw,12px) clamp(10px,1.5vw,24px);
	position: relative;
	transition: all 0.15s ease-out;
	color: #666666;
	cursor: pointer;
	height: 100%;
	box-sizing: border-box;
}
.products h3{
	font-size: clamp(16px,1.1vw,20px);
	color: #252525;
	padding: 10px 0;
	margin-bottom: 10px;
	margin-top: 10px;
	position: relative;
	transition: all 0.6s ease-out;
}
.products h3::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #E5E5E5;
	height: 1px;
}
.products h3::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #C3172D;
	height: 1px;
	transform: scaleX(0);
	transform-origin: left;
	transition: all 0.5s ease-out;
}
.product-list li:hover .products{
	box-shadow: 0px 6px 14px 0px rgba(132,46,68,0.2);
	transform: translateY(-10px)
}
.product-list li:hover h3{
	color: #C3172D;
}
.product-list li:hover h3::after{
	transform: scaleX(1)
}
.pro-poster{
	height: clamp(80px,8.88vw,142px);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.popCtr{
	padding: clamp(18px,2.25vw,36px);
	position: relative;
}
.popCtr::before{
	content: '';
	position: absolute;
	right: clamp(18px,2.25vw,36px);
	left: clamp(18px,2.25vw,36px);
	top: 0;
	height: 1px;
	background: #E8EEF7;
	z-index: 1;
}
.pro-poster img{
	max-height: 100%;
	max-width: 100%;
}
.pop-product{
	position: fixed;
	top: 0;
	right: 0;
	width: clamp(600px,38vw,730px);
	height: 100vh;
	background: #ffffff;
	z-index: 100003;
	display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: all 0.3s ease-out;
}
.pScroll{
	flex: 1;
	overflow-y: auto;
	position: relative;
}
.pScroll::-webkit-scrollbar {
	width: 10px;     
	height: 1px;
}

.pScroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #535353;
}

.pScroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}
.pop-product.pshow{
	transform: translateX(0);
	transition: all 0.3s ease-out;
}
.product-title{
	background: #C3172D;
	color: #ffffff;
	padding: clamp(6px,1.1vw,20px) clamp(18px,2.25vw,36px);
	font-size: clamp(16px,1.5vw,24px);
}
.pop-product .popclose{
	position: absolute;
	color: #ffffff;
	font-size: 18px;
	top: 50%;
	transform: translateY(-50%);
}
.pop-product-img{
	padding: clamp(10px,2.25vw,30px);
	max-height: 260px;
	position: relative;
}
.pop-product-img::before{
	content: '';
	position: absolute;
	right: clamp(18px,2.25vw,36px);
	left: clamp(18px,2.25vw,36px);
	bottom: 0;
	height: 1px;
	background: #E8EEF7;
	z-index: 1;
}
.pop-product-img img{
	max-width: 100%;
	max-height: 100%;
}
.pop-product-info{
	padding: clamp(6px,1.1vw,20px) clamp(18px,2.25vw,36px);
	margin-bottom: 20px;
}
.data-list{
	display: flex;
	align-items: flex-start;
	color: #333333;
	font-size: clamp(14px,1vw,16px);
	padding: clamp(8px,0.5vw,12px) 0;
}
.data-list label{
	font-weight: normal;
	color: #999999;
	display: inline-block;
	min-width: 136px;
	white-space: nowrap;
}
.market-list{
	padding-top: clamp(18px,2.25vw,36px);
}
.markets{
	background: #F6F6F6;
	align-items: stretch;
	-webkit-align-items: stretch;
	margin-bottom: 30px;
	transition: all 0.2s ease-out;
	color: #666666;
	padding: clamp(18px,1.25vw,24px);
}
.market-info{
	padding: 0 clamp(18px,2.25vw,36px);
	flex: 1;
	box-sizing: border-box;
	transition: all 0.2s ease-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.market-date{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 160px;
	color: #999999;
	font-size:clamp(14px,1.5vw,26px);
	transition: all 0.2s ease-out;
	position: relative;
}
.market-date::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #DEDEDE;
	width: 1px;
	transition: all 0.2s ease-out;
}
.market-date h2{
	font-size:clamp(18px,2.25vw,36px);
	font-weight: bold;
	margin-bottom: clamp(18px,1.56vw,30px);
	transition: all 0.2s ease-out;
}
.market-date h4{
	font-size:clamp(16px,1.755vw,28px);
	transition: all 0.2s ease-out;
	margin-bottom: 4px;
}
.market-img{
	width: clamp(200px,12.76vw,245px);
}
.market-desc{
	border-left: 1px solid #DEDEDE;
	padding-left: clamp(18px,2.25vw,36px);
	margin-top: 15px;
	font-size: 16px;
	line-height: 1.5;
	transition: all 0.2s ease-out;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.market-info h3{
	font-size: clamp(16px,1.1vw,20px);
	margin-bottom: 10px;
	color: #252525;
	transition: all 0.2s ease-out;
	line-height: 1.4
}
.m-arrow span{
	display: block;
	width: 20px;
	height: 20px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	transform: rotate(45deg);
	transition: all 0.2s ease-out;
}
.markets:hover{
	background: #C3172D;
	color: #ffffff;
}
.markets:hover .market-info h3{
	color: #ffffff;
}
.markets:hover .m-arrow span{
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.markets:hover .market-date{
	color: #ffffff;
}
.icon-arrow{
	display: block;
	width: 12px;
	height: 12px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	transform: rotate(45deg);
	transition: all 0.2s ease-out;
}
.btm{
	margin-bottom: clamp(20px,5vw,60px); 
}
.idea-list{
	flex-wrap: wrap;
	align-items: stretch;
}
.idea-list li{
	width: 50%;
	position: relative;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	transform: scale(1.01)
}
.idea-list li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-in-out;
}
.idea-list li:hover img{
	transform: scale(1.03)
}
.idea-tips{
	position: absolute;
	font-size: 14px;
	line-height: 1.6;
	background: rgba(195,23,45,0.9);
	padding: clamp(12px,2vw,30px);
	z-index: 10;
	color: #ffffff;
	text-transform: uppercase;
	min-width: clamp(120px,13vw,210px);
	bottom: 0;
	right: 0;
	transition: all 0.3s ease-in-out;
}
.idea-list li:hover .idea-tips{
	background: rgba(195,23,45,1);
}
.idea-tips h3{
	font-size: clamp(16px,1.5vw,24px);
	font-weight: bold;
	margin-bottom: 8px;
}
.idea-list li:nth-child(2n) .idea-tips{
	bottom: auto;
	right: auto;
	top: 0;
	left: 0;
}
.idea-info{
	font-size: 0;
	line-height: 0;
	position: relative;
	margin-bottom: clamp(18px,2.25vw,36px);
}
.idea-info img{
	width: 100%;
}
.idea-desc{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 18px;
	line-height: 2.2;
	color: #fff;
}
.idea-desc h2{
	font-size: clamp(16px,1.5vw,24px);
	font-weight: bold;
	margin-bottom: 8px;
}
.milestone-box{
	background: url(../image/hisbg.jpg) no-repeat fixed;
	background-size: cover;

	position: relative;
	overflow: hidden;
	z-index: 100;
	width: 100%;

	height: clamp(1200px,150vh,2400px)
}
.milestone-swiper{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	transition: all 0.15s ease-out;
}
.milestone-box .swiper-pagination{
	width: 100%;
	height: 1px;
	bottom: 15px;
}
.milestone-box .swiper-pagination-progressbar{
	background: rgba(235,235,235,0.5);
}
.milestone-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: rgba(255,255,255,1);
	height: 2px;
	margin-top: -1px;
}
.milestone-box .mySwiper{

	padding-top: clamp(60px,7.5vw,120px);
	padding-bottom: clamp(120px,15vw,240px);
}
.milestone-box .mySwiper .swiper-slide{
	width: auto;
	padding: clamp(20px,3vw,50px) clamp(30px,4vw,70px);
	transition: all 0.15s ease-out;
}
.milestone-box .mySwiper .swiper-slide-next.swiper-slide  .history{
    animation: mvDef 0.6s ease-out forwards;
}
.milestone-box .mySwiper .swiper-slide-prev.swiper-slide  .history{
    animation: mvDef 0.6s ease-out forwards;
}
.milestone-box .mySwiper .swiper-slide-active.swiper-slide .history{
    animation: mvDown 0.9s ease-out forwards;
}
.milestone-box .mySwiper .swiper-slide-active.swiper-slide:nth-child(2n) .history{

}
@keyframes mvUp {
	0% {
		transform: translateY(30%)
	}
	100% {
		transform: translateY(0%)
	}
}
@keyframes mvDef {
	0% {
		transform: translateY(-30%)
	}
	100% {
		transform: translateY(0)
	}
}
@keyframes mvDown {
	0% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(-30%)
	}
}
.milestone-box .swiper-wrapper{
	transition-duration: 1s !important;
}
.history{
	background: url(../image/his_titbg.png) no-repeat;
	width: 491px;
	height: 212px;
	position: relative;
	color: #ffffff;
	transition: all 1s ease-out;
}
.year{
	position: absolute;
	bottom: -10px;
	left: -30px;
	font-size: clamp(30px,2.8vw,64px);
	line-height: 1;
}
.history-info{
	display: flex;
	justify-content: center;
	height: 100%;
	width: 100%;
	flex-direction: column;
	padding: 20px 26px 50px 26px;
	box-sizing: border-box;
	font-size: clamp(14px,1.1vw,20px);
	 -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none;
}
.history-info h3{
	font-size: clamp(16px,1.5vw,36px);
	margin-bottom: 8px;
}
.milestone-box{
	position: relative;
	z-index: 10;
}
.milestone-years{
	position: relative;
	flex: 1;
}
.milestone-thumbs-box{
	position: absolute;
	bottom: clamp(40px,5vw,80px);
	left: 0;
	width: 100%;
	z-index: -1;
}
.milestone-thumbs{
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.years{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #ffffff;
	margin-left: -16px;
	margin-right: -16px;
	margin-bottom: 20px;
}
.milestone-title{
	color: #ffffff;
	line-height: 1;
	flex-shrink: 0;
	white-space: nowrap;
	margin-right: clamp(20px,3.33vw,64px);
}
.milestone-title h2{
	font-size: clamp(16px,2vw,42px);
	margin-bottom: 12px;
}
.milestone-title h3{
	font-size: clamp(30px,3.5vw,84px);
}

.milestone-cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - 66px );
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
}
.circle{
	position: absolute;
	top: 450px;
	left: 50%;
	width: 30vw;
	height: 30vw;
	border-radius: 50%;
	border-top: 600px solid #fff;
	border-bottom: 600px solid #fff;
	border-left: 3000px solid #fff;
	border-right: 3000px solid #fff;
	z-index: 101;
	box-sizing: content-box;
	transform: translate(-50%,-50%);
	margin-left: clamp(-400px,-25vw,-100px);
}
.milestone-tips{
	position: absolute;
	top: 0;
	left: 50%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 102;
	transition: all 0.1s linear;
}
.milestone-tips h2{
	font-size: clamp(16px,1.5vw,24px);
	color: #2b2b2b;
	margin-bottom: clamp(16px,1.5vw,24px);
}
.milestone-tips img{
	height: clamp(30px,5vw,106px);
	width: auto;
}
.mailzx{
	background: #C3172D;
	border-radius: 4px;
	display: flex;
	align-items: center;
	color: #ffffff;
	white-space: nowrap;
	width: 120px;
	padding: 10px;
	box-sizing: border-box;
	justify-content: center;
}
.mailzx i{
	display: block;
	background: url(../image/imail3.png) no-repeat;
	background-size: 20px 14px;
	width: 20px;
	height: 14px;
	margin-right: 10px;
}
.mailzx:hover{
	color: #fff;
	opacity: 0.9;
}
.mailzx:visited,.mailzx:focus{
	color: #fff;
}



.search-list{
	padding: 10px 0;
}
.search-list li{
	padding: 30px 0;
	border-bottom: 1px solid #dedede;
	font-size: 12px;
}
.search-list li a{
	font-size: 18px;
	color: #252525;
	display: block;
	padding-top: 10px;
}
.search-list li a .red{
	color: #f04301;
	text-decoration: underline;
}

.img1,.img2,.img3{
	opacity: 0;
}

.fadeInUp {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 60px, 0);
		transform:translate3d(0, 60px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 60px, 0);
		-ms-transform:translate3d(0, 60px, 0);
		transform:translate3d(0, 60px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}

@-webkit-keyframes fadeInUp2 {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 120px, 0);
		transform:translate3d(0, 120px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInUp2 {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 120px, 0);
		-ms-transform:translate3d(0, 120px, 0);
		transform:translate3d(0, 120px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}




.prudect-list{
	flex-wrap:wrap;
	flex-wrap:-webkit-wrap;
	align-items:stretch;
	-webkit-align-items:stretch;
	margin-left: -80px;
	margin-right: -80px;
}
.prudect-list li{
	width:50%;
	box-sizing:border-box;
	padding: 10px 80px;
}
.prudect-list li a{
	display: block;
}
.prudect-list-swiper .swiper-pagination{
	color:#fff;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.2);
	text-align:right;
	box-sizing: border-box;
	padding-right: 10px;
}
.product-download{
	text-align:right;
	padding-top: 30px;
}
.product-download h3{
	font-size: 18px;
	color: #333333;
}
.product-download h3 a{
	margin-left: 8px;
	color: #0366d6;
}
.downloads li{
	padding-top:10px;
}
.downloads li a{
	display: inline-block;
	font-size: 16px;
	background: url(../image/i_load.png) no-repeat right;
	padding-right: 22px;
}
.downloads li a img{
	width: 16px;
	height: 16px;
	margin-right: 8px;
}



.cx-lc-box {
	width: 100%;
	
}

	.cx-lc-box ul {
		padding: 20px 10px;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		align-items: stretch;
		-webkit-align-items: stretch;
		margin-left: -40px;
		margin-right: -40px;
	}

		.cx-lc-box ul li {
			padding: 0 40px;
			box-sizing: border-box;
			width: 20%;
			flex-shrink: 0;
			-webkit-flex-shrink: 0;
			position: relative;
		}

			.cx-lc-box ul li::after {
				content: '';
				background: url(../image/arrow22.png) no-repeat center;
				background-size: contain;
				width: 42px;
				height: 30px;
				margin-left: -21px;
				margin-top: -52px;
				position: absolute;
				top: 50%;
				left: 100%;
				z-index: 1;
			}

			.cx-lc-box ul li:last-child::after {
				display: none;
			}

.lc-info {
	padding: 40px 0;
	border-radius: 16px;
	text-align: center;
	height: 100%;
	transition: all 0.2s ease-out;
}

.lc-icon {
	display: inline-block;
	width: 108px;
	height: 108px;
	transition: all 0.2s ease-out;
	margin-bottom: 20px;
}

.lc-cx01 {
	background: url(../image/ico_cx01.png) no-repeat;
	background-size: cover;
}

.lc-cx02 {
	background: url(../image/ico_cx02.png) no-repeat;
	background-size: cover;
}

.lc-cx03 {
	background: url(../image/ico_cx03.png) no-repeat;
	background-size: cover;
}

.lc-cx04 {
	background: url(../image/ico_cx04.png) no-repeat;
	background-size: cover;
}

.lc-cx05 {
	background: url(../image/ico_cx05.png) no-repeat;
	background-size: cover;
}

.lc-tit {
	font-size: 16px;
	color: #222;
	transition: all 0.2s ease-out;
}


.cuihua-swiper .swiper-pagination {
	text-align: right;
	padding-right: 30px;
}

.cuihua-swiper .swiper-pagination-bullet {
	background: #fff;
	border-radius: 0px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	opacity: 1;
}

.cuihua-swiper .swiper-pagination-bullet-active {
	background: #e6203a;
	color: #fff;
}

.zyj-tit {
	font-size: 18px;
	color: #c3172d;
	padding-top: 30px;
	text-align:center;
}

.zyj-desc {
	font-size: 18px;
	padding-bottom: 20px;
	padding-top: 10px;
	text-align: center;
}

.product-info {
	padding: 30px 0;
}

.product-data-box {
	border: 1px solid #e7e6e6;
	align-items: stretch;
	-webkit-align-items: stretch;
	margin-bottom: 20px;
}

.product-tit {
	font-size: 20px;
	padding: 20px;
	width: 280px;
	box-sizing: border-box;
	height: 76px;
	transition: all 0.2s ease-out;
}

.product-data {
	border-left: 1px solid #e7e6e6;
	flex: 1;
	-webkit-flex: 1;
}

.product-data-top {
	height: 76px;
	font-size: 16px;
	transition: all 0.2s ease-out;
}

	.product-data-top li {
		width: 33.33%;
		text-align: center;
		position: relative;
	}

		.product-data-top li .data-arr {
			display: block;
			position: absolute;
			top: 50%;
			left: -50px;
			background: url(../image/darr.png) no-repeat;
			width: 18px;
			height: 18px;
			background-size: contain;
			margin-top: -9px;
			transition: all 0.2s ease-out;
		}

		.product-data-top li .data-icon {
			display: block;
			position: absolute;
			top: 50%;
			right: 20px;
			background: url(../image/daico.png) no-repeat;
			width: 44px;
			height: 44px;
			background-size: contain;
			margin-top: -22px;
			transition: all 0.2s ease-out;
		}

.product-data-info {
	display: none;
	position: relative;
	min-height: 200px;
}

.product-data-info-img {
	position: absolute;
	top: 0;
	height: 100%;
	width: 280px;
	left: -280px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

	.product-data-info-img img {
		width: 80%;
		max-height: 80%;
		object-fit: contain
	}



	.product-data-info ul li {
		width: 33.33%;
		text-align: center;
		padding: 10px 0;
	}

.data-open .product-data-info {
	display: block;
}

.data-open .product-tit {
	background: #c3172d;
	color: #fff;
}

.data-open .product-data-info {
	background: #f7f7fa;
}

.data-open .product-data-top {
	background: #c3172d;
	color: #fff;
}

	.data-open .product-data-top li .data-arr {
		background: url(../image/darr2.png) no-repeat;
		background-size: contain;
		transform: rotate(180deg);
	}

	.data-open .product-data-top li .data-icon {
		background: url(../image/daico2.png) no-repeat;
		background-size: contain;
	}

.cuihua-swiper {
	margin-top: 40px;
}






.develop-inbox {
	border: 1px solid #dedede;
	background: #fff;
	padding: 0 10px;
	position: relative;
	transition: all 0.2s ease-out;
}

	.develop-inbox span {
		position: absolute;
		top: 0;
		right: 0;
		width: 36px;
		height: 100%;
	}

		.develop-inbox span::after {
			content: '';
			border-right: 1px solid #666;
			border-bottom: 1px solid #666;
			width: 10px;
			height: 10px;
			position: absolute;
			top: 50%;
			right: 12px;
			margin-top: -8px;
			z-index: 10;
			transform: rotate(45deg);
		}

	.develop-inbox input {
		border: none;
		width: 100%;
		height: 34px;
		line-height: 34px;
		outline: none;
	}

.develop-select {
	display: none;
	position: absolute;
	top: 100%;
	margin-top: 1px;
	left: -1px;
	right: -1px;
	z-index: 1001;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #dedede;
}

.develop-screen label {
	font-weight: normal;
}

.develop-select li {
	padding: 5px 10px;
	cursor: pointer;
}

	.develop-select li:hover {
		background: #c3172d;
		color: #fff;
	}

.pitch-on {
	border-color: rgba(195,23,45,0.4);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(195,23,45,.03),0 0 8px rgba(195,23,45,.1);
	box-shadow: inset 0 1px 1px rgba(195,23,45,.003),0 0 8px rgba(195,23,45,.1)
}

	.pitch-on .develop-select {
		display: block;
	}
a.appy-btn:hover,a.appy-btn:active,a.appy-btn:visited,a.appy-btn:focus {
		background: #e6203a  !important;
		color: #fff !important;
		text-decoration: none;
	}
.btn-search {
	background: #f7334c;
	color: #fff;
	width: 45%;
}

.btn-clear {
	background: #a8a8a8;
	color: #fff;
	width: 45%;
	float: right;
}

.develop-info {
	flex: 1;
	-webkit-flex: 1;
}

.develop-list {
	border-top: 1px solid #dedede;
	padding: 30px;
	transition: all 0.15s ease-out;
}
.develop-list:hover{
	background: #C3172D;
	color: #fff;
}
.develop-list:hover .icon-arrow{
	border-color: #ffffff;
}
.develop-list:hover .develop-info ul li,.develop-list:hover .develop-info ul li span,.develop-list:hover .develop-info h3{
	color: #fff;
}
.develop-list:hover .imap2{
	    background: url(../image/imap2_w.png) no-repeat;
}
.develop-info h3 {
	font-size: 20px;
	color: #252525;
	margin-bottom: 20px;
}

.develop-list .view-more {
	transform: scale(0.8);
}

.develop-info ul li {
	border-right: 1px solid #dedede;
	padding-right: 10px;
	margin-right: 10px;
	line-height: 16px;
	color: #808080;
}

	.develop-info ul li:last-child {
		border-right: none;
	}

	.develop-info ul li span {
		color: #333;
	}

.imap2 {
	display: inline-block;
	background: url(../image/imap2.png) no-repeat;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-right: 8px;
}

.appy-btn {
	display: block;
	background: #f7334c;
	width: 50%;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	margin-top: 30px;
	transition: all 0.2s ease-out;
}

	.appy-btn:hover {
		background: #e6203a;
		color: #fff;
	}

.develop-screen .form-control {
	-webkit-box-shadow: inset 0 1px 1px rgba(195,23,45,.075);
	box-shadow: inset 0 1px 1px rgba(195,23,45,.075);
	border-radius: 0px;
}

	.develop-screen .form-control:focus {
		border-color: rgba(195,23,45,1);
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(195,23,45,.075),0 0 8px rgba(195,23,45,.6);
		box-shadow: inset 0 1px 1px rgba(195,23,45,.075),0 0 8px rgba(195,23,45,.6)
	}

.develop-screen {
	background: #f7f7fa;
	padding: 30px;
	margin-bottom: 30px;
}

	.develop-screen .form-control option:hover {
		background-color: #ddd !important;
	}

.pagination span{
	background: #C3172D  !important;
	color: #ffffff !important;
	display: inline-block;
    padding: 6px 12px;
    border: 1px solid #C3172D;
    border-radius: 3px;
	margin-right: 5px;
}


.btn-search:hover {
	background: #e6203a;
	color: #fff;
}

.btn-clear:hover {
	background: #999;
	color: #fff;
}

.details-box {
	width: 70%;
	margin: 0 auto;
}
.qr{
	width: 130px;
	text-align: center;
	float: right
}
.qr p{
	width: 100%;
}
.mission-box{
	align-items: stretch;
	border-top-right-radius: 64px;
	overflow: hidden;
	background: #F7F7FA;
	margin: clamp(40px,3.6vw,68px) 0;
}
.mission-box ul{
	width: 100%;
	display: flex;
	align-items: stretch;
	overflow: hidden;
	flex-shrink: 0;
}
.mission-box ul li{
	color: #000000;
	padding: 50px 40px;
	border-top-right-radius: 64px;
	width: 50%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	font-size: clamp(16px,1.25vw,24px);
	height: clamp(160px,12vw,230px);
}
.mission-box ul li:first-child{
	background: #C3172D url(../image/ishan.png) no-repeat right bottom;
	background-size: auto clamp(60px,5vw,96px);
	color: #ffffff;
}
.mission-box ul li h3{
	font-size: clamp(24px,1.87vw,36px);
	width: 1em;
	line-height: 1.2;
}
.mission-box ul li h4{
	transform: rotate(90deg) translateX(-30%);
	align-self: flex-end;
	text-transform: uppercase;
	font-size: 16px;
	font-family: Arial,"sans-serif";
}

.miss-tips{
	position: relative;
	padding-left: 8px;
	margin-left: 10px;
}
.miss-tips::before{
	content: '“';
	position: absolute;
	top: -2px;
	left: -12px;
	z-index: 0.8;
	font-family: "Arial";
	font-size: 30px;
	line-height: 1;
}
.value-list{
	align-items: stretch;
	margin-left: -22px;
	margin-right: -22px;
	padding-bottom: clamp(80px,6.25vw,120px)
	
}
.value-list li{
	width: 25%;
	box-sizing: border-box;
	padding: 0 22px;
}
.values{
	position: relative;
	padding-bottom: clamp(120px,9.37vw,180px);
}
.value-img{
	height: clamp(160px,11.45vw,220px);
	overflow: hidden;
	border-top-right-radius: 36px;
	border-bottom-left-radius: 36px;
	position: relative;
	z-index: 0;
}
.value-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}
.value-tips{
	position: absolute;
	bottom: 0;
	margin-right: clamp(30px,2.18vw,42px);
	background: rgba(195,23,45,0.75);
	border-radius: 0px 36px 0px 36px;
	color: #ffffff;
	padding: 30px;
	height: 65%;
	box-sizing: border-box;
	line-height: 2;
	z-index: 10;
	font-size: clamp(14px,0.9vw,18px);
	transition: all 0.25s ease-out;
}
.value-tips h3{
	font-size: clamp(20px,1.56vw,30px);
	margin-bottom: 20px;
	position: relative;
	color: #ffffff;
	z-index: 1
}
.value-list li:hover .value-img img{
	transform: scale(1.05)
}
.value-list li:hover .value-tips{
	background: rgba(195,23,45,1);
}
.empty-box{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: clamp(60px,10vw,200px)
}
.gx-table table{
	border-collapse: collapse;
}
.gx-table table th{
	border: 2px solid #ffffff;
	background: #C3172D;
	color: #fff;
	font-weight: normal;
	text-align: center;
	padding: clamp(10px,1.36vw,26px) clamp(8px,0.8vw,15px);
	font-size: clamp(14px,0.9vw,18px);
	white-space: nowrap;
}
.gx-table table td{
	border: 2px solid #ffffff;
	background: #FAF7F8;
	padding: clamp(10px,1.36vw,26px) clamp(8px,0.8vw,15px);
	text-align: center;
	font-size: 16px;
	font-size: clamp(12px,0.8vw,16px);
	color: #252525;
}
.gx-name{
	font-size: clamp(18px,1.25vw,24px);
	width: 1em;
	line-height: 1.2;
	display: inline-block;
}
.gx-progress-box{
	position: relative;
	height: 40px;
	transform: translateX(-15px);
}
.gx-progress{
	width: clamp(300px,35vw,660px);
	position: absolute;
	height: 40px;
	font-size: clamp(14px,1vw,18px);
}
.gx-prog01{
	background: #B3B3BC;
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: right;
	transform: scaleX(0);
	transform-origin: left;
}
.gx-prog01.action{
	-webkit-animation: progscale 0.9s ease-out forwards;
    animation: progscale 0.9s ease-out forwards;
}
.gx-prog01::after{
	content: '';
	border-left: 24px solid #B3B3BC;
	border-top: 20px solid rgba(0,0,0,0);
	border-bottom: 20px solid rgba(0,0,0,0);
	position: absolute;
	top: 0;
	right: -24px;
	z-index: 1;
}
.gx-prog02{
	background: #F7334C;
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: right;
	transform: scaleX(0);
	transform-origin: left;
}
.gx-prog02.action{
	-webkit-animation: progscale 0.9s ease-out forwards 0.3s;
    animation: progscale 0.9s ease-out forwards 0.3s;
}
.gx-prog02::after{
	content: '';
	border-left: 24px solid #F7334C;
	border-top: 20px solid rgba(0,0,0,0);
	border-bottom: 20px solid rgba(0,0,0,0);
	position: absolute;
	top: 0;
	right: -24px;
	z-index: 1;
}
.gx-prog03{
	background: #C3172D;
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: right;
	transform: scaleX(0);
	transform-origin: left;
}
.gx-prog03.action{
	-webkit-animation: progscale 0.9s ease-out forwards 0.3s;
    animation: progscale 0.9s ease-out forwards 0.5s;
}
.gx-prog03::after{
	content: '';
	border-left: 24px solid #C3172D;
	border-top: 20px solid rgba(0,0,0,0);
	border-bottom: 20px solid rgba(0,0,0,0);
	position: absolute;
	top: 0;
	right: -24px;
	z-index: 1;
}
.gx-prog01 p,.gx-prog02 p,.gx-prog03 p{
	width: clamp(80px,8vw,120px);
	text-align: center;
	display: inline-block;
}

@keyframes progscale{
	0% {
		transform: scaleX(0)
	}
	100% {
		transform: scaleX(1)
	}
}






@media (max-width: 1500px) {
	.navbar-nav li{
		padding: 0 20px;
	}
	.map-nav {
		padding: 0 15px;
	}
}
@media (max-width: 1440px) {
	.details-box {
		width: 80%;
	}
}
@media (max-width: 1366px) {
	.history{
		transform: scale(0.8)
	}
	.navbar-nav li{
		padding: 0 16px;
	}
	.history-info{
		padding: 15px 30px 30px 30px;
	}
	.history{
		background: url(../image/his_titbg.png) no-repeat;
		background-size: cover;
		width: 320px;
		height: 138px;
	}

	.map-nav .view-more {
		transform: scale(0.6);
		transform-origin: 0 0;
	}.lc-info {
		padding: 20px 5px;
	}

	.lc-icon {
		width: 96px;
		height: 96px;
	}

	.cx-lc-box ul {
		margin-left: -30px;
		margin-right: -30px;
	}
		.cx-lc-box ul li {
			padding:0 30px;
		}
		.cx-lc-box ul li::after {
			width: 42px;
			height: 30px;
			margin-left: -21px;
			margin-top: -15px;
		}

		.cx-lc-box ul li {
			padding: 0 30px;
		}
	.pop-product-img{
		height: 200px;
	}
}
@media (max-width: 1200px) {
	.navbar-nav li{
		padding: 0 18px;
	}
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.navbar-header::before{
		width: 30px;
	}
	.lang{
		right: 30px;
	}
	.vision-box{
		margin: 30px 0;
	}
	.prudect-list{
		margin-left: -30px;
		margin-right: -30px;
	}
	.prudect-list li{
		padding: 10px 30px;
	}
}
@media (max-width: 1024px) {
	.navbar-nav li{
		padding: 0 12px;
	}
	.navbar-nav li a{
		padding: 15px 0;
	}
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-header::before{
		width: 15px;
	}
	.lang{
		right: 15px;
	}
	.pbt{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.team-box{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.copyright{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.intro-box{
		flex-direction: column;
		-webkit-flex-direction: column;
		padding: 30px 0;
		margin-bottom: 30px;
	}
	.intro-img{
		width: 100%;
		padding-right: 0;
	}
	.vision-info{
		height: auto !important
	}
	.events-year{
		font-size: 30px;
	}
	.leader-box{
		padding: 40px 0;
	}
	.leader-img{
		margin-right: 30px;
	}
	.leader-list{
		padding: 30px 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	.leader-list li{
		padding: 15px;
	}
	.about-box{
		padding: 30px 0;
	}
	.lxinfo-list{
		padding: 15px;
		font-size: 14px;
	}
	.lxinfo-list h3{
		font-size: 20px;
	}
	.lxinfo-list img{
		width: 36px;
		margin-right: 10px;
	}
	.details-box {
		width: 100%;
	}
}
@media (max-width: 992px) {
	.head-cotainer .container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.navbar-header{
		width: 170px;
		float: left !important
	}
	.navbar-nav li{
		padding: 0 10px;
	}
	.navbar-nav li a{
		font-size: 14px;
		padding: 15px 0;
	}
	.search-box{
		width: 100%;
		right: 0;
		padding-left: 160px;
	}
	.bar-search{
		padding: 15px 15px;
		background-size: 16px 16px;
	}
	.navbar-nav li a::after{
		transform: scale(0.8);
	}
	.pbt{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.team-box{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.resi-item{
		padding: 10px 0;
	}
	.resi-desc{
		padding: 0;
	}
	.about-pho{
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.map-nav-box{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}
	.map-nav{
		width: 33.33%;
	}
	.copyright{
		padding-left: 0;
	}
	.ctab li{
		padding-left: 10px;
	}
	.ctab li a{
		white-space: nowrap;
		padding: 6px 10px;
	}
	.vision-info{
		padding: 30px;
	}
	.leader-box{
		flex-direction: column;
		-webkit-flex-direction: column;
		padding: 20px 0;
	}
	.leader-img{
		width: 320px;
		margin-right: 30px;
		margin-bottom: 20px;
	}
	.contact-item{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.lxinfo-list{
		width: 50%;
		padding: 20px;
	}
	.develop-box{
		padding: 30px 0;
	}
	.news-list{
		padding: 30px 0;
	}
	.pagination{
		padding-top: 30px;
	}
	.cx-lc-box ul {
		margin-left: -20px;
		margin-right: -20px;
	}

		.cx-lc-box ul li::after {
			width: 30px;
			height: 20px;
			margin-left: -15px;
			margin-top: -45px;
		}

		.cx-lc-box ul li {
			padding: 0 20px;
		}

	.lc-info {
		padding: 10px 3px;
	}

	.lc-tit {
		font-size: 12px;
	}

	.lc-icon {
		width: 70px;
		height: 70px;
	}

	.product-tit {
		font-size: 14px;
		padding: 15px;
		width: 150px;
		box-sizing: border-box;
		height: 50px;
		transition: all 0.2s ease-out;
	}

	.product-data-top {
		height: 50px;
		font-size: 12px;
		transition: all 0.2s ease-out;
	}
	
	.prudect-list{
		margin-left: 0px;
		margin-right: 0px;
	}
	.prudect-list li{
		padding: 10px 15px;
	}
	.product-data-info-img {
		width: 150px;
		left: -150px;
	}	.develop-screen {
		padding: 20px 15px;
	}

	.develop-info ul {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

		.develop-info ul li {
			width: 100%;
			margin-top: 10px;
			border-right: none;
			line-height: 1.4;
		}

	.develop-info h3 {
		margin-bottom: 6px;
	}

	.develop-list {
		padding: 15px 8px;
	}
}
@media (max-width: 480px) {
	.lang{
		display: none;
	}
	.navbar-header{
		width: 100%;
		float: none;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.navbar-nav li a::after{
		display: none;
	}
	.navbar-nav li{
		padding: 0 0;
	}
	.navbar-nav li a{
		font-size: 14px;
		padding: 5px 0;
		line-height: 30px;
	}
	.head-cotainer{
		height: 56px;
	}
	.navbar-default{
		height: 56px;
	}
	.navbar-header{
		background: #fff;
		height: 56px;
	}
	.navbar-header::before{
		display: none;
	}
	.navbar-header::after{
		display: none;
	}
	.navbar-brand{
		margin-left: 15px;
		height: 46px;
		width: 186px;
		background: url(../image/logo_red.svg) no-repeat center;
		background-size: cover;
	}
	.collapse{
		width: 100% !important;
		box-sizing: border-box;
		padding: 0 0;
		margin-left: 0 !important;
		margin-right: 0!important;
	}
	.navbar-nav{
		margin: 0 0 0 0;
		background: rgba(255,255,255,0.9);
		padding: 0 0;
		border-bottom: 2px solid #dedede;
		flex-direction: column;
	}
	.navbar-nav li{
		width: 100%;
	}
	.navbar-default .navbar-nav>li>a{
		color: #333333;
		padding: 5px 15px;
	}
	.navbar-default .navbar-nav .active a{
		background: #C40F20;
		color: #ffffff;
	}
	.navbar-default .navbar-collapse{
		margin-left: 0;
		margin-right: 0;
		position: absolute;
		top: 56px;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	.bar-search{
		display: none;
	}
	.caret{
		display: inline-block;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color:rgba(0,0,0,0);
	}
	.pbt{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.team-box{
		padding-top: 5px;
		padding-bottom: 5px;
		height: 200px;
	}
	.team-pho{
		height: 100%;
	}
	.team-pho img{
		height: 100%;
		object-fit: cover;
	}
	.team-txt h3{
		font-size: 18px;
		line-height: 22px;
	}
	.team-txt h4{
		font-size: 16px;
		line-height: 22px;
		padding: 6px 0;
	}
	.resi-item h3{
		font-size: 16px;
		margin: 10px 0;
	}
	.about-pho{
		margin-right: 20px;
		margin-bottom: 15px;
	}
	.about-pho::after{
		top: -10px;
		right: -15px;
	}
	.about-info h3{
		font-size: 20px;
	}
	.about-info h4{
		font-size: 16px;
		padding: 10px 0;
		line-height: 1.8;
	}
	.view-more{
		width: 110px;
		background: #F7334C url(../image/vb.png) no-repeat -70px 0;
		height: 36px;
		line-height: 36px;
		padding-left: 12px;
		font-size: 14px;
	}
	.view-more span{
		width: 36px;
		height: 36px;
		background-size: 16px 16px;
	}
	.copyright{
		padding-top: 30px;
	}
	.map-nav{
		width: 50%;
	}
	.map-nav:last-child{
		width: 100%;
	}
	.map-nav-tit{
		padding: 10px 0;
		margin-bottom: 5px;
		font-size: 16px;
	}
	.ctab-box li a{
		white-space: nowrap;
	}
	.ctab-box{
		overflow-y: auto;
	}
	.ctab-box::-webkit-scrollbar {
		display: none;
	}
	.ctab li{
		padding-left: 0;
		padding-right: 0px;
	}
	.ctab li a{
		font-size: 14px;
		padding: 15px 20px;
	}
	.about-box{
		padding: 20px 0;
	}
	.vision-box{
		flex-direction: column;
		-webkit-flex-direction: column;
		margin: 20px 0;
	}
	.vision-img{
		width: 100%;
		height: 160px;
	}
	.vision-info{
		padding: 15px;
		width: 100%;
	}
	.vision-info h2{
		padding-bottom: 10px;
	}
	.vision-info h2 img{
		height: 26px;
	}
	.vision-info h3{
		font-size: 16px;
	}
	.events-box{
		padding-bottom: 40px;
		margin-top: 20px;
	}
	.events{
		padding-left: 70px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.events-tit{
		font-size: 16px;
	}
	.events-info{
		font-size: 14px;
		padding: 8px 15px;
	}
	.events-box::before{
		left: 50px;
	}
	.events-year{
		font-size: 16px;
	}
	.events-box::after{
		left: 47px;
	}
	.bar-ctr{
		width: 50px;
		height: 50px;
		left: 25px;
	}
	.leader-img{
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.leader-info h3{
		font-size: 16px;
		padding: 12px 0;
	}
	.popbox{
		height: 80%;
		padding: 0px;
		border: 15px solid #fff;
		overflow-y: auto;
	}
	.popclose{
		display: none;
	}
	.pop-poster{
		margin-right: 0;
		width: 100%;
	}
	.leader-list{
		margin-left: -10px;
		margin-right: -10px;
		padding: 10px 0;
	}
	.leader-list li{
		width: 50%;
		padding: 10px 15px;
	}
	.leader-list li h3{
		font-size: 16px;
	}
	.develop-box{
		padding: 20px 0;
	}
	.site{
		margin: 20px 0;
		font-size: 16px;
		background-size: 20px 20px;
		padding-left: 28px;
		line-height: 24px;
	}
	.develop-desc{
		font-size: 14px;
		line-height: 1.4;
		padding: 15px 0;
	}
	.view-more:hover{
		padding-left: 15px;
	}
	.view-more:hover span{
		right: -3px;
	}
	.lxinfo-list{
		width: 100%;
		padding: 10px;
	}
	.lxinfo-list h3{
		font-size: 20px;
	}
	.news-list{
		padding: 0 0 20px 0;
	}
	.news-img{
		display: none;
	}
	.news-info{
		padding: 0 0 0 15px;
	}
	.news-info h3{
		font-size: 16px;
		line-height: 26px;
		padding-bottom: 8px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.news-desc{
		font-size: 14px;
		line-height: 22px;
		height: 44px;
	}
	.news-date{
		width: 60px;
	}
	.news-date p{
		padding: 2px 0;
		letter-spacing: -1px;
	}
	.content{
		font-size: 14px;
	}
	.title-group{
		padding: 30px 0 15px 0;
		font-size: 12px;
	}
	.title-group h1{
		font-size: 18px;
		line-height: 1.6;
	}
	.content{
		padding: 30px 0;
	}
	.relevant-news{
		padding: 15px 0;
	}
	.jobs-list{
		padding-bottom: 15px;
	}
	.jobs-head{
		padding: 10px 90px 10px 15px;
		font-size: 12px;
	}
	.jobs-head h3{
		font-size: 16px;
	}
	.jobs-head .flex{
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.jobs-head span{
		display: block;
		position: absolute;
		top: 50%;
		right: 30px;
		z-index: 1;
		margin-top: -16px;
		line-height: 32px;
		padding-right: 18px;
	}
	.jobs-head span::before{
		content: '';
		width: 14px;
		height: 2px;
		background: #666666;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -1px;
		z-index: 1;
	}
	.jobs-head span::after{
		content: '';
		width: 2px;
		height: 14px;
		background: #666666;
		position: absolute;
		top: 50%;
		right: 6px;
		margin-top: -7px;
		z-index: 1;
	}
	.jobs-tit{
		font-size: 16px;
	}
	.jobs-info{
		font-size: 14px;
		line-height: 1.8;
	}
	.jobs-content{
		padding: 15px 0 0 0;
	}
	.jobs-info h4{
		font-size: 14px;
		padding: 10px 0;
	}
	.intro-box{
		margin-bottom: 30px;
	}
	.mission-info{
		padding: 20px 0;
	}
	.intro-box{
		padding: 20px 0;
		margin-bottom: 15px;
	}
	.mission-info h4{
		padding-bottom: 5px;
	}
	.about-tit::after{
		height: 3px;
	}
	.develop-screen {
		padding: 5px 10px 30px 10px;
	}
	.events:hover .events-year::after{
		display: none;
	}

		.develop-screen label {
			margin-top: 10px;
		}

	.develop-list {
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		padding: 10px 0px;
	}

	.develop-info h3 {
		font-size: 18px;
		margin-bottom: 0;
		margin-top: 10px;
	}

	.develop-list .view-more {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		margin-top: 10px;
	}

	.btn-search {
		margin-top: -15px;
	}

	.btn-clear {
		margin-top: -15px;
	}
	.intro-img{
		width: 100%;
		padding-right: 0;
	}
	.cuihua-swiper{
		margin-top: 0px;
	}
	.pull-right{
		float: none !important;
	}
	.leader-list2{
		margin-left: -8px;
		margin-right: -8px;
	}
	.leader-list2 li{
		width: 50%;
		padding: 8px;
	}
	.leader-poster{
		margin-top: 6px;
	}
	.cxol-box{
		flex-direction: column;
		padding-bottom: 20px;
	}
	.cxol-img{
		width: 100%;
		margin-bottom: 20px;
	}
	.js-icon{
		right: 0;
		top: auto;
		max-width: 120px;
	}
	.js-icon img{
		height: 100%;
		width: auto;
	}
	.bw-bg{
		padding-bottom: 30px;
	}
	.cxol-info{
		padding-left: 0;
	}
	.search-product .ss-in{
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		padding: 0 10px;
	}
	.bar-ss{
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		flex-shrink: 0;
	}
	.product-list{
		margin-left: 0;
		margin-right: 0;
	}
	.product-list li{
		width: 50%;
		padding: 7px;
	}
	.product-list li a{
		border-radius: 6px;
	}
	.product-list li a::after{
		display: none;
	}
	.markets{
		flex-direction: row-reverse;
		padding: 8px;
		align-items: flex-start;
	}
	.market-date{
		padding: 5px 0;
		width: 60px;
		font-size: 12px;
	}
	.market-info{
		padding: 0;
	}
	.market-date::before{
		display: none;
	}
	.market-desc{
		margin-top: 0px;
		border-left: none;
		padding-left: 0;
		font-size: 12px;
	}
	.market-info h3{
		margin-bottom: 4px;
	}
	.m-arrow{
		display: none;
	}
	.idea-list li{
		width: 100%;
	}
	.idea-list li .idea-tips{
		top: 0;
		left: 0;
		right: auto;
		bottom: auto;
	}
	.idea-list li:nth-child(2n) .idea-tips{
		top: 0;
		left: auto;
		right: 0;
		bottom: auto;
	}
	.idea-info img{
		display: none;
	}
	.idea-desc{
		position: relative;
		color: #333;
		font-size: 14px;
		line-height: 1.6;
		text-align: left;
		display: block;
	}
	.year{
		left: -10px;
	}
	.milestone-box .container{
		display: flex;
		flex-direction: column-reverse;
	}
	.milestone-title{
		padding-top: 30px;
	}
	.milestone-box .mySwiper .swiper-slide:nth-child(2n) .history{
		margin-top: 0;
	}
	.milestone-title h2{
		font-size: 16px;
	}
	.milestone-title h3{
		font-size: 24px;
	}
	.milestone-box{
		position: relative;
		background-position: left;
		height: 400px;
		min-height: 400px;
		background-size: cover;
	}
	.milestone-swiper{
		position: relative;
	}
	.search-list li{
		padding: 15px 0;
	}
	.search-list li a{
		font-size: 14px;
		padding-top: 6px;
	}.cx-lc-box {
		width: 100%;
		overflow-x: auto;
		margin-bottom: 30px;
	}

		.cx-lc-box ul li {
			width: 180px;
			flex-shrink: 0;
			-webkit-flex-shrink: 0;
		}

	.zyj-tit {
		font-size: 16px;
		color: #c3172d;
		padding-top: 20px;
	}

	.zyj-desc {
		font-size: 14px;
		padding-bottom: 12px;
		padding-top: 6px;
	}
	.product-info {
		padding: 15px 0;
		width: 100%;
		overflow-x: auto;
		font-size: 14px;
		line-height: 1.4;
	}

	.product-data-box {
		min-width: 700px;
		font-size: 12px;
	}

	.product-data-top li .data-arr {
		left: -30px;
		background: url(../image/darr.png) no-repeat;
		width: 12px;
		height: 12px;
		background-size: contain;
		margin-top: -6px;
	}

	.product-data-top li .data-icon {
		right: 10px;
		background: url(../image/daico.png) no-repeat;
		width: 26px;
		height: 26px;
		background-size: contain;
		margin-top: -13px;
	}
	.prudect-list{
		margin-left: 0px;
		margin-right: 0px;
	}
	.prudect-list li{
		padding: 5px 7px;
		width: 100%;
	}
	.product-download{
		text-align: left;
	}
	.product-download h3{
		font-size: 14px;
	}
	.downloads li a{
		font-size: 12px;
	}
	.milestone-years{
		display: none;
	}
	.banner-swiper{
		height: 34vh;
	}
	.head-bg.navbar-default .bar-search{
		display: none;
	}
	.milestone-cover{
		display: none !important;
	}
	.intro-ti3{
		padding-bottom: 10px;
	}
	.abimg1{
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 20px;
	}
	.intro-info2{
		width: 100%;
	}
	.qr{
		float: left;
		margin-top: 12px;
	}
	.banner-swiper .swiper-pagination-bullet{
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.banner-swiper .swiper-pagination-bullet-active{
		
	}
	.banner-swiper .swiper-button-prev{
		transform-origin: left;
		transform: scale(0.6)
	}
	.banner-swiper .swiper-button-next{
		transform-origin: right;
		transform: scale(0.6)
	}
	@keyframes mvUp {
		0% {
			transform: translateY(0)
		}
		100% {
			transform: translateY(-10px)
		}
	}
	@keyframes mvDown {
		0% {
			transform: translateY(0)
		}
		100% {
			transform: translateY(10px)
		}
	}
	@keyframes mvDef {
		0% {

		}
		100% {
			transform: translateY(0)
		}
	}
	.search-product{
		width: 100%;
		margin-top: 10px;
	}
	.ss-tips{
		font-size: 12px;
		width: 72px;
		flex-shrink: 0;
	}
	.search-result{
		padding: 15px 0;
		font-size: 14px;
	}
	.market-img{
		display: none;
	}
	.miss-img{
		display: none;
	}
	.mission-box{
		border-top-right-radius: 12px;
		border-bottom-left-radius: 12px;
	}
	.mission-box ul{
		width: 100%;
	}
	.mission-box ul li{
		padding: 30px 15px;
	}
	.mission-box ul li h4{
		align-self: center;
	}
	.value-list{
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}
	.values{
		padding-bottom: 15px;
	}
	.value-img{
		border-top-right-radius: 12px;
		border-bottom-left-radius: 0;
	}
	.value-list li{
		width: 100%;
		padding: 0 8px;
	}
	.value-tips{
		padding: 15px 20px;
		margin-right: 0;
		    border-radius: 0px 0 0px 12px;
		position: relative;
	}
	.value-tips h3{
		margin-bottom: 6px;
	}
	.banner-tips{
		padding-left: 30px;
	}
	.gx-table{
		width: 100%;
		overflow-x: auto;
	}
	.gx-table table{
		width: 600px;
	}
	.gx-progress-box{
		height: 30px;
	}
	.gx-prog01,.gx-prog02,.gx-prog03{
		height: 30px;
		line-height: 30px;
	}
	.gx-prog01::after {
		border-left: 18px solid #B3B3BC;
		border-top: 15px solid rgba(0,0,0,0);
		border-bottom: 15px solid rgba(0,0,0,0);
		right: -18px;
	}
	.gx-prog02::after {
		border-left: 18px solid #F7334C;
		border-top: 15px solid rgba(0,0,0,0);
		border-bottom: 15px solid rgba(0,0,0,0);
		right: -18px;
	}
	.gx-prog03::after{
		border-left: 18px solid #C3172D;
		border-top: 15px solid rgba(0,0,0,0);
    	border-bottom: 15px solid rgba(0,0,0,0);
		right: -18px;
	}
	
	.tips-height{
		min-height: 10px;
	}
}