@font-face{font-family:'din';src:url(../fonts/din-medium.eot);src:url(../fonts/din-medium.eot) format('embedded-opentype'),url(../fonts/din-medium.woff2) format('woff2'),url(../fonts/din-medium.woff) format('woff'),url(../fonts/din-medium.ttf) format('truetype'),url(../fonts/din-medium.svg) format('svg')}
@font-face{font-family:'you';src:url(../fonts/youshebiaotihei.eot);src:url(../fonts/youshebiaotihei.eot) format('embedded-opentype'),url(../fonts/youshebiaotihei.woff2) format('woff2'),url(../fonts/youshebiaotihei.woff) format('woff'),url(../fonts/youshebiaotihei.ttf) format('truetype'),url(../fonts/youshebiaotihei.svg) format('svg')}

/*<<<<<<<<<<<<<<<<<<<<<< 公共样式 >>>>>>>>>>>>>>>>>>>>>>>*/
*,html,body{font-family:Verdana,Arial,Helvetica,sans-serif,ui-sans-serif,PingFangSC-Regular;}
 .wrap128{width: 1280px;}
.imgwauto{width: 100%; height: auto;}
.imghauto{width: auto; height: 70%;}
.imgcontain{width: 100%; height: 100%; object-fit: contain;}
.imgcover{width: 100%; height: 100%; object-fit: cover;}
@media only screen and (min-width:1280px) and (max-width:1366px){
	.wrap128{width: 1080px;}
}
@media only screen and (min-width:1080px) and (max-width:1280px){
	.wrap128{width: 960px;}
}
@media only screen and (min-width:1080px){
	.div_m{display: none !important;}
}
@media only screen and (max-width:1080px){
	.div_pc{display: none !important;}
	html{max-width: 750px; margin-left: auto !important; margin-right: auto !important;}
	body,html{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.wrap128{width: 100%;}
}

 
/*<<<<<<<<<<<<<<<<<<<<<< 首页内容 >>>>>>>>>>>>>>>>>>>>>>>*/
.h-title{ text-align:center}
.h-title .tit1{font-size: 0.22rem; color: #B1B1B1; line-height: 150%; text-transform: uppercase;}
.h-title .tit2{font-size: 42px; color: #000; font-weight: bold; line-height: 150%;}
.more .morea{display: inline-block; width: 2.5rem; line-height: .5rem; font-size: .16rem; color: #9B0000; position: relative; border: #9B0000 solid 1px; padding: 0 .4rem; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.more .morea::after{content: ""; display: block; font-size: 0; width: 30%; height: 1px; background: #9B0000; position: absolute; right: 16%; top: 50%; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
@media (any-hover: hover){
	.more .morea:hover{color: #FFF; background: #9B0000;}
	.more .morea:hover::after{background: #CBB396; }	
}
/* 首页-科技创新 */
.hom2{width: 100%; background: #fff url(../img/hom2-bg.svg) no-repeat right 90%; background-size: auto;}
.hom2 .hom2l{width: 50%; padding: 0 2.5rem 0 2.3rem;}
.hom2 .hom2l .tab1{display: block; margin-top: .32rem;}
.hom2 .hom2l .tab1 .slide .txt .num{position: absolute; left: -0.9rem; top: -0.1rem; z-index: 1; font-size: .7rem; font-family: 'din'; color: #C5AA89;}
.hom2 .hom2l .tab1 .slide .txt .h2{font-size: .36rem; line-height: 200%; color: #9B0000;}
.hom2 .hom2l .tab1 .slide .txt .p{animation-delay: 0.2s; font-size: .16rem; line-height: 200%; color: #666; text-align: justify; height: 3.8rem;}
.hom2 .hom2l .tab2{position: absolute; left: calc(100% - 1.7rem); top: 0; z-index: 2; width: 4.8rem; height: 4.8rem; background: #9B0000; border: #FFF solid 0.04rem; overflow: hidden;}
.hom2 .hom2l .tab2 .slide{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; transition:all 0.35s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.hom2 .hom2l .tab2 .slide.slide-active{opacity: 1;}
.hom2 .hom2l .tab2 .slide img{width: 100%; height: 100%; object-fit: cover;}
.hom2 .hom2r{width: 50%;}
.hom2 .hom2r::before{content: ""; display: block; width: 1px; height: 100%; background: rgba(255, 255, 255, .2); position: absolute; right: 4.94rem; top: 0; z-index: 1;}
.hom2 .hom2r .aside{position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); right: 1.6rem; width: 3.8rem;}
.hom2 .hom2r .aside .li{color: #FFF; cursor: pointer; font-size: .16rem; height: .7rem; line-height: .7rem; margin: 0 .4rem .15rem; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.hom2 .hom2r .aside .li:last-child{margin-bottom: 0;}
.hom2 .hom2r .aside .li span{display: block; padding-left: .3rem; position: relative;}
.hom2 .hom2r .aside .li span::before{content: ""; display: block; width: .11rem; height: .11rem; border-radius: 50%; background: #FFF; position: absolute; left: 0; top: calc(50% - 0.055rem); transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.hom2 .hom2r .aside .icon{width: 100%; height: 0.7rem; background: #C11515; border-radius: 100px; position: absolute; left: 0; top: 0; z-index: -1; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.hom2 .hom2r .aside .li.li-ing span::before{background: #C5AA89;}



/* 首页-底部彩带 */
@keyframes move-forever {
	0% {
		-webkit-transform: translate(-90px, 0%);
		-moz-transform: translate(-90px, 0%);
		-ms-transform: translate(-90px, 0%);
		-o-transform: translate(-90px, 0%);
		transform: translate(-90px, 0%);
	}
	100% {
		-webkit-transform: translate(85px, 0%);
		-moz-transform: translate(85px, 0%);
		-ms-transform: translate(85px, 0%);
		-o-transform: translate(85px, 0%);
		transform: translate(85px, 0%);
	}
}
@-webkit-keyframes move-forever {
	0% {
		-webkit-transform: translate(-90px, 0%);
		-moz-transform: translate(-90px, 0%);
		-ms-transform: translate(-90px, 0%);
		-o-transform: translate(-90px, 0%);
		transform: translate(-90px, 0%);
	}
	100% {
		-webkit-transform: translate(85px, 0%);
		-moz-transform: translate(85px, 0%);
		-ms-transform: translate(85px, 0%);
		-o-transform: translate(85px, 0%);
		transform: translate(85px, 0%);
	}
}
@-moz-keyframes move-forever {
	0% {
		-webkit-transform: translate(-90px, 0%);
		-moz-transform: translate(-90px, 0%);
		-ms-transform: translate(-90px, 0%);
		-o-transform: translate(-90px, 0%);
		transform: translate(-90px, 0%);
	}
	100% {
		-webkit-transform: translate(85px, 0%);
		-moz-transform: translate(85px, 0%);
		-ms-transform: translate(85px, 0%);
		-o-transform: translate(85px, 0%);
		transform: translate(85px, 0%);
	}
}
@-ms-keyframes move-forever {
	0% {
		-webkit-transform: translate(-90px, 0%);
		-moz-transform: translate(-90px, 0%);
		-ms-transform: translate(-90px, 0%);
		-o-transform: translate(-90px, 0%);
		transform: translate(-90px, 0%);
	}
	100% {
		-webkit-transform: translate(85px, 0%);
		-moz-transform: translate(85px, 0%);
		-ms-transform: translate(85px, 0%);
		-o-transform: translate(85px, 0%);
		transform: translate(85px, 0%);
	}
}
@-o-keyframes move-forever {
	0% {
		-webkit-transform: translate(-90px, 0%);
		-moz-transform: translate(-90px, 0%);
		-ms-transform: translate(-90px, 0%);
		-o-transform: translate(-90px, 0%);
		transform: translate(-90px, 0%);
	}
	100% {
		-webkit-transform: translate(85px, 0%);
		-moz-transform: translate(85px, 0%);
		-ms-transform: translate(85px, 0%);
		-o-transform: translate(85px, 0%);
		transform: translate(85px, 0%);
	}
}
.editorial{display: block; width: 100%; height: 5em; margin: 0;}
.parallax > use {
	animation: move-forever 12s linear infinite;
	-webkit-animation: move-forever 12s linear infinite;
	-moz-animation: move-forever 12s linear infinite;
	-ms-animation: move-forever 12s linear infinite;
	-o-animation: move-forever 12s linear infinite; transform-origin: 50% 50%;}
.parallax > use:nth-child(1) {animation-delay: -2s;}
.parallax > use:nth-child(2) {animation-delay: -2s; animation-duration: 5s;}
.parallax > use:nth-child(3) {animation-delay: -4s; animation-duration: 3s;}


/* 移动端样式 */
@media only screen and (max-width:1080px){
	.banner .h-banner{width: 100%; height: 9.3rem;}
	.banner .txt{width: 100%;}
	.banner .txt .txt-p{letter-spacing: 0.1em; font-size: .7rem;}
	.banner .txt .txt-p2 span{padding: 0 0.6rem;}
	.banner .h-but{display: none;}

	.stare{margin-top: -0.3rem;}

	.hom1-content{padding-bottom: .2rem;}
	.hom1{width: 100%; padding: 0.6rem .2rem;}
	.hom1 .hom1-img{width: 100%; overflow: hidden; margin-top: .5rem;}
	.hom1 .txt{width: 100%;}
	.hom1 .txt .ps{margin-top: 0.5rem;}
	.hom1 .txt .ps .h3{font-size: .28rem;}
	.hom1 .txt .p{font-size: .24rem;}
	.hom1 .txt .more{margin-top: 1.5rem;}
	.more .morea{width: 100%; text-align: center; font-size: 14px; line-height: 200%;}
	.more .morea::after{display: none;}

	.hom2{flex-direction: column; padding: 20px; background: url(../fonts/mhom2-bg.svg) no-repeat center; background-size: 100% auto;}
	.hom2 .hom2l{width: 100%; padding: 0; text-align: center;}
	.hom2 .hom2l section#h2-wrapper{display: none;}
	.hom2 .hom2r{display: none;}
	.hom2 .hom2-swiper{width: 100%; margin-top: .65rem;}
	.hom2 .hom2-swiper .swiper-slide{text-align: center;}
	.hom2 .hom2-swiper .swiper-slide .num{font-size: .7rem; font-family: 'din'; color: #C5AA89;}
	.hom2 .hom2-swiper .swiper-slide .h1{font-size: .36rem; color: #9B0000; margin-top: .2rem;}
	.hom2 .hom2-swiper .swiper-slide .img{width: 4.8rem; height: 6.4rem; border: 4px solid #FFF; overflow: hidden; margin-left: auto; margin-right: auto; margin-top: .4rem;}
	.hom2 .hom2-swiper .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover;}
	.hom2 .hom2-swiper .swiper-slide .p{font-size: .24rem; margin-top: .5rem; text-indent: 2em; text-align: justify; color: #666666; line-height: 200%;}
	.hom2 .hom2-swiper .hom2-nav{text-align: center; margin: .3rem 0.16rem 0 0.16rem;}
	.hom2 .hom2-swiper .hom2-nav .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #9B0000;}
	.hom2 .hom2-swiper .hom2-nav .swiper-pagination-bullet{width: .16rem; height: .16rem; background: #999; opacity: 1;}
	
	.hom3{margin: .5rem .4rem 2.5rem; width: calc(100% - .8rem); padding: 0 0 1.5rem; position: relative;}
	.hom3 .hom31 .hom31l{flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	.hom3 .hom31 .hom31r{position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%;}
	.hom3 .hom31 .hom31l .aside{margin-left: 0; margin-top: .2rem;}
	.hom3 .hom31 .hom31l .aside .li{margin: .3rem .25rem 0; font-size: .26rem;}
	.hom3 .hom31 .hom31l .aside .li:nth-child(n+2){margin: .3rem .25rem 0;}
	.hom3 .slide .swiper-slide .info .txt{height: 1.79rem;}
	.hom3 .slide .swiper-slide .img{width: 100%; height: 0; position: relative; overflow: hidden; padding-bottom: 66.01941747572816%;}
	.hom3 .slide .swiper-slide .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
	.hom3 .slide .swiper-slide .info .txt .ht1 div{font-size: .28rem; line-height: .4rem; max-height: .8rem;}
	.hom3 .slide .swiper-slide .info .txt .p{font-size: .26rem; line-height: .38rem; max-height: .76rem;}
	.hom3 .slide .swiper-slide .info .h3-more{font-size: .26rem; background-size: .2rem; padding-right: .3rem;}
	.hom3 .hom31 .hom31r .morea.h3-active{width: 100%;}
	
	.h-title .tit1{font-size: 0.22rem; color: #B1B1B1; line-height: 150%; text-transform: uppercase;}
.h-title .tit2{font-size: 22px; color: #000; font-weight: bold; line-height: 150%;}

}