*{margin:0;padding:0;}
body{overflow-x:hidden;font-size:12px;}
li{list-style:none;}
.clear {height:0px;clear:both;}
textarea{font-family: "Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
div{font-family: "Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
p{font-family: "Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";}
a{text-decoration:none;font-family: "Microsoft YaHei","Arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
input{border:none;background: none;}

/*数字翻转*/
@keyframes rotate360 {
  from {
    transform: rotateX(-90deg);
  }
  to {
    transform: rotateX(360deg);
  }
}

/*导航开始*/
.daohangbei{
	width:100%;height:100px;
	position: fixed;left:0;top:0;z-index:666;
	background:rgba(0,0,0,0.8);
}
.daohang{
	width:94%;
	height:100%;
	margin:auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.daohang .daohangl{
	height:100%;
	display: flex;
}
.daohang .daohangi{
	height:100%;
	display: inline-flex;
}
.daohang .daohangi img{
	position: relative;
	top:20%;
	height:60%;
}
.daohang .daohangt {
	position: relative;
	display: inline-flex;
    flex-flow: column;
    align-self: center;
    margin-left: 15px;
   	padding-left: 15px;
   	letter-spacing: 0.1em;
   	text-align: center;
    color: #fff;
}
.daohang .daohangt::before {
	content: '';
	position: absolute;
	top: 20%;
	left: 0;
	height: 60%;
	width: 1px;
	background-color: #fff;
	opacity: 0.5;
}
.daohang .daohangt .txt {
   	font-size: 16px;
	line-height: normal;
	letter-spacing: 0.1em;
    position: relative;
}
.daohang .daohangt .txt-2 {
	margin-top: 5px;
   	font-size: 16px;
	font-weight: lighter;
}
.daohang .daohangr{
	height:100%;
	margin-right:10%;
	display: flex;
	align-items: center;
	cursor:pointer;
}
.daohang .daohangr .daohangrl{
	height:40px;
	line-height:40px;
	font-size: 20px;
	color:#ffffff;
}
.daohang .daohangr .daohangrr{
	width:20px;
	height:40px;
	margin-left:10px;
}
.daohang .daohangr .daohangrr .daohangrrn{
	width:20px;
	height:4px;
	background: #ffffff;
}
.menubg{
	width:100%;height:0;
	position: fixed;left:0;top:0;z-index:999;
	overflow: hidden;
	transition: all 1s;
}
.menubgzhan{
	height:100%;
}
.menunei{
	width:100%;height:100%;
	position: relative;
}
.menunei .menuneibg{
	width:100%;
	height:100%;
}
.menunei .menuneiyc{
	height:40px;
	position: absolute;
	right:7%;
	top:5%;
	z-index:10;
	cursor:pointer;
	display: flex;
}
.menunei .menuneiyc .menuneidhimg{
	height:40px;
}
.menunei .menuneiyc .menuneidh{
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#000000;
}
.menunei .menuneiyc .menuneigb{
	width:40px;
	height:40px;
	margin-left:50px;
}
.menunei .menuneicontent{
	width:700px;
	height:490px;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-350px;
	margin-top:-245px;
}
.menunei .menuneicontent .menuneicontentl{
	width:300px;
	float:left;
}
.menunei .menuneicontent .menuneicontentl .menuneicontentle{
	width:300px;
	height:70px;
}
.menunei .menuneicontent .menuneicontentl .menuneicontentle .menuneicontentlea{
	height:70px;
	display: flex;
}
.menunei .menuneicontent .menuneicontentl .menuneicontentle .menuneicontentlea .menuneicontentleal{
	line-height:70px;
	font-size:20px;
	color:#000000;
	text-transform: uppercase;
}
.menunei .menuneicontent .menuneicontentl .menuneicontentle .menuneicontentlea .menuneicontentlear{
	width:0px;
	line-height:70px;
	font-size:20px;
	color:#000000;
	margin-left: 30px;
	overflow: hidden;
	transition: all 1s;
}
.menunei .menuneicontent .menuneicontentl .menuneicontentle .menuneicontentlea .menuneicontentlearzhan{
	width:100px;
}
.menunei .menuneicontent .menuneicontentr{
	width:250px;
	height:64px;
	float:right;
	margin-top:425px;
	line-height:32px;
	font-size:14px;
	color:#808080;
	text-align: right;
}

.menunew{
	height:40px;
	display: flex;
}
.menunew a{
	line-height:40px;
	font-size:18px;
	color:#ffffff;
	margin-left:30px;
}
/*导航结束*/

/*首页开始*/
.index1{
}

.index1gun{
	position: absolute;
	width:40px;
	left: 50%;
	margin-left:-20px;
	bottom: 20px;
	z-index:666;
	-webkit-animation: wheelDown 1.2s infinite; animation: wheelDown 1.2s infinite; transition: all 0.36s;
}
@-webkit-keyframes wheelDown {
  from { transform: translateY(0); }
  to { transform: translateY(12px) scale(0.9); opacity: 0 }
}
@keyframes wheelDown {
  from { transform: translateY(0); }
  to { transform: translateY(12px) scale(0.9); opacity: 0 }
}

.index1 #index1img1 {
	position: absolute;
	width:100%;
	height:100%;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.index1 #index1img2 {
	position: absolute;
	width:100%;
	height:100%;
	right: -100%;
	top: 0;
	opacity: 0;

	transition: all 1s;
}
.active #index1img1 {
	left:0;
	opacity: 1;
	transition-delay: 1s;
}
.active #index1img2 {
	right:0;
	opacity: 1;
	transition-delay: 1s;
}
.index2{
	width:100%;
	height:100%;
	background:#f2f2f2;
}
.index2 .index2nei{
	width:1510px;
	height:86%;
	position: absolute;
	left:50%;
	margin-left:-755px;
	top:15%;
}
.index2 .index2nei .index2neis{
    width:100%;
	margin-top:-100%;
	opacity: 0;
	transition: all 1s;
	text-align: center;
}
.index2 .index2nei .index2neis .index2neisn{
    width：100%;
    position: relative;
}
.index2 .index2nei .index2neis .index2neisn .index2neisnmore{
    position: absolute;
    right:11.5%;bottom:48px;
    width:100px;height:30px;
    display: block;border:1px solid #959595;
    text-align: center;line-height:30px;
    font-size:16px;color:#000000;
}
.index2 .index2nei .index2neis .index2neisn .index2neisnmore:hover{
    background:#cb2327;
	color:#ffffff;
	border:1px solid #cb2327;
	transition: all 0.3s;
}
.index2 .index2nei .index2neis .index2neisn .index2neisnimg{
	width:100%;
}
.index2 .index2nei .index2neix{
    width:100%;
	display:flex;
	justify-content:space-between;
	margin-top:100%;
	opacity: 0;
}
.index2 .index2nei .index2neix .index2neixe{
	width:750px;
	position: relative;
}
.index2 .index2nei .index2neix .index2neixe .index2neixeimg{
    width:100%;
}
.index2 .index2nei .index2neix .index2neixe .index2neixemore{
    position: absolute;
    right:5%;bottom:34px;
    width:100px;height:30px;
    display: block;border:1px solid #959595;
    text-align: center;line-height:30px;
    font-size:16px;color:#000000;
}
.index2 .index2nei .index2neix .index2neixe .index2neixemore:hover{
    background:#cb2327;
	color:#ffffff;
	border:1px solid #cb2327;
	transition: all 0.3s;
}

.active .index2nei .index2neis{
	margin-top:0;
	opacity: 1;
}
.active .index2nei .index2neix{
	margin-top:0;
	opacity: 1;
}

.index2 .index2nei2{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 90%;
	max-width:1510px;
	font-size: 0;
	transform: translate3d(0, -45%, 0);
}
.index2 .index2nei2 div,
.index2 .index2nei2 p {
	font-family: "PingFang SC";
}
.index2 .index2nei2 .index2neic{
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 49.7%;
	background-color: #fff;
}
.index2 .index2nei2 .index2neic .index2neici{
	position: relative;
	overflow: hidden;
}
.index2 .index2nei2 .index2neic .index2neici .img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index2 .index2nei2 .index2neisnmore{
    position: absolute;
    width:100px;
    height:1.875em;/*30px;*/
    display: block;
    border:1px solid #959595;
    text-align: center;
    line-height:1.875em;/*30px;*/
    font-size:0.03125rem;/*16px;*/
    color:#000000;
}
.index2 .index2nei2 .index2neisnmore:hover{
    background:#cb2327;
	color:#ffffff;
	border:1px solid #cb2327;
	transition: all 0.3s;
}
.index2 .index2nei2 .index2neic-c0{
	margin-bottom: 0.6%;
	width: 100%;
}
.index2 .index2nei2 .index2neic-c0 .index2neici{
	position: absolute;
	top: 0;
	left: 0;
	width: 70.86%;
	height: 100%;
}
.index2 .index2nei2 .index2neic-c0 .index2neicc .img{
	max-width: 80%;
}
.index2 .index2nei2 .index2neic-c0 .index2neicc{
	position: relative;
	margin: 5.62% 0 5.62% 70.86%;
    padding: 0 5%;
	text-align: center;
}
.index2 .index2nei2 .index2neic-c0 .index2neicc::after{
	content: '.';
	display: block;
	padding-bottom: 15%;/*37.93%;*/
	width: 100%;
	height: 0;
	font-size: 0;
}
.index2 .index2nei2 .index2neic-c0 .index2neicc .tit{
	margin-top: 25.86%;
	font-size: 0.07rem;/*36px;*/
}
.index2 .index2nei2 .index2neic-c0 .index2neicc .txt{
	font-size: 0.023rem;/*12px;*/
	color: #999;
	letter-spacing: 0.2em;
}
.index2 .index2nei2 .index2neic-c0 .index2neicc .con{
	margin-top: 12%;
	font-weight: bold;
	font-size: 0.037rem;/*19px;*/
	line-height: 1.8em;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.index2 .index2nei2 .index2neic-c0 .index2neicc .index2neisnmore{
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto -1.875em;
}
.index2 .index2nei2 .index2neic-c1 .index2neici,
.index2 .index2nei2 .index2neic-c2 .index2neici{
	padding-bottom: 35.33%;
}
.index2 .index2nei2 .index2neic-c1 .index2neicc,
.index2 .index2nei2 .index2neic-c2 .index2neicc{
	position: relative;
	margin: 3% 4%;
	padding-right: 110px;
}
.index2 .index2nei2 .index2neic-c1 .index2neicc .img,
.index2 .index2nei2 .index2neic-c2 .index2neicc .img{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	max-width: 50%;
	max-height: 30px;
}
.index2 .index2nei2 .index2neic-c1 .index2neicc .tit,
.index2 .index2nei2 .index2neic-c2 .index2neicc .tit{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-left: 0.5em;
	font-weight: bold;
	font-size: 0.042rem;/*22px;*/
	letter-spacing: 0.1em;
}
.index2 .index2nei2 .index2neic-c1 .index2neicc .txt,
.index2 .index2nei2 .index2neic-c2 .index2neicc .txt{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-left: 0.5em;
	font-size: 0.03125rem;/*16px;*/
}
.index2 .index2nei2 .index2neic-c1 .index2neicc .con,
.index2 .index2nei2 .index2neic-c2 .index2neicc .con{
	margin-top: 1em;
	font-size: 0.023rem;/*12px;*/
}
.index2 .index2nei2 .index2neic-c1 .index2neicc .index2neisnmore,
.index2 .index2nei2 .index2neic-c2 .index2neicc .index2neisnmore{
	bottom: 0;
	right: 0;
}
.index2 .index2nei2 .index2neic-c0{
	opacity: 0;
	transform: translate3d(0, -100%, 0);
	transition: all 1s;
}
.index2 .index2nei2 .index2neic-c1{
	opacity: 0;
	transform: translate3d(-50%, 0, 0);
	transition: all 1s;
}
.index2 .index2nei2 .index2neic-c2{
	margin-left: 0.6%;
	opacity: 0;
	transform: translate3d(50%, 0, 0);
	transition: all 1s;
}
.active .index2nei2 .index2neic{
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.active .index2nei2 .index2neic-c0{
	transition-delay: .4s;
}
.active .index2nei2 .index2neic-c1{
	transition-delay: .6s;
}
.active .index2nei2 .index2neic-c2{
	transition-delay: .8s;
}



.index3 .index3nei{
    width:870px;
    height:750px;
    position: absolute;
    left:5%;
    top:50%;
    margin-top:-375px;
}
.index3 .index3img {
    width:870px;
	margin-left: -100%;
	margin-top: 4%;
	margin-bottom: 4%;
    font-family: "PingFang SC";
    font-size: 0.039rem;/*20px;*/
    line-height: 2em;
    color: #fff;
	opacity: 0;
	transition: all 1s;
}
.index3 #index3img1 {
	margin-top: 0;
}
.index3 #index3img2 p {
    font-family: "PingFang SC";
	font-weight: bold;
    font-size: 1.3em;/*26px;*/
}
.active #index3img1 {
	margin-left:0;
	opacity: 1;
	transition-delay: 0s;
}
.active #index3img2 {
	margin-left:0;
	opacity: 1;
	transition-delay: 0.2s;
}
.active #index3img3 {
	margin-left:0;
	opacity: 1;
	transition-delay: 0.4s;
}

.index3neishu{
    width:870px;
    height:130px;
    display: flex;
    justify-content: space-between;
}
.index3neishu .index3neishue{
    margin-top:20px;
    display: flex;
}
.index3neishu .index3neishue .index3neishuel{
    margin-right:4px;
}
.index3neishu .index3neishue .index3neishuel .index3neishuelimg{
    height:35px;
}
.index3neishu .index3neishue .index3neishuer{
    margin-left:4px;
}
.index3neishu .index3neishue .index3neishuer .index3neishuers{
    height:54px;
    font-size:0.082rem;/*42px;*/
    line-height:42px;
    font-weight: bold;
    color:#ffffff;
}
.index3neishu .index3neishue .index3neishuer .index3neishuerx{
    font-size:0.039rem;/*20px;*/
    color:#ffffff;
}
.active .index3neishu .index3neishue .index3neishuer .index3neishuers{
     animation: rotate360 3s;
}

.index4n{
	width:84%;
	height:625px;
	position: absolute;
	left:8%;
	top:50%;margin-top:-310px;
	z-index:10;
	display:flex;
	justify-content:space-between;
}
.index4n .index4nt{
	width:206px;
	height:474px;
	position: relative;
	//margin-left:-100%;
	opacity: 0;
	background-color: #fff;
	transform: translate3d(300%, 0, 0);
}
.index4n .index4nt .index4ntd{
	width:206px;
	height:474px;
}
.index4n .index4nt .index4nth{
	width:206px;
	height:474px;
	position: absolute;
	left:0;top:0;
	z-index:10;
	opacity: 0;
}
.index4n .index4nt a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index4n .index4nt .tit{
	position: relative;
	top: 0;
	left: 0;
	margin: 26.69% 10.5% 0;
	width: auto;
	height: auto;
	font-family: "PingFang SC";
	font-weight: normal;
	font-size: 0.074rem;/*38px;*/
	color: #000;
	text-indent: 0;
	transform: scale(1);
}
.index4n .index4nt .con{
	margin: 0 10.5% 0;
	font-family: "PingFang SC";
	font-weight: lighter;
	font-size: 0.027rem;/*14px;*/
	color: #000;
}
.index4n .index4nt .txt{
	position: absolute;
	bottom: 0;
	right: 100%;
	margin: 0 -10.5% 21% 0;
	font-family: "PingFang SC Semibold","PingFang SC","PingFang";
	font-weight: bold;
	font-size: 0.156rem;/*80px;*/
	line-height: 1em;
	letter-spacing: -0.02em;
	color: #ccc;
	transform: rotate(90deg);
    transform-origin: right bottom;
}
.index4n .index4nt2 .txt{
	margin-bottom: 10.5%;
	font-size: 0.117rem;/*60px;*/
}
.index4n .index4nt .tit,
.index4n .index4nt .con,
.index4n .index4nt .txt{
	transition: color .5s;
}
.index4n .index4nt:hover .tit,
.index4n .index4nt:hover .con,
.index4n .index4nt:hover .txt,
.index4n .index4nt.active .tit,
.index4n .index4nt.active .con,
.index4n .index4nt.active .txt{
	color: #fff;
}
.index4nt1{
    margin-top:-54px;
}
.index4nt2{
    margin-top:54px;
}
.index4nt3{
    margin-top:114px;
}
.index4n .index4nn{
	width:calc(100% - 660px);
	position: relative;
	margin-right:-100%;
	opacity: 0;
	transition: all 1s;
}
.index4n .index4nn .index4nnn{
	width:100%;
	height:625px;
	position: absolute;
	left:0;top:50%;
	margin-top:-310px;
	opacity: 0;
}
.index4n .index4nn .index4nnn .index4nnnimg{
	width:100%;
	height:625px;
}

.active .index4nn{
	margin-right:0;
	opacity: 1;
}


.active .index4nt1 {
	margin-left:0;
	opacity: 1;
	transform: translate3d(0, 0, 0);
	//transition-delay: 0.6s;
	transition: margin 1s .6s, opacity 1s 0s, transform 1s 0s, background .5s 0s;
}
.active .index4nt2 {
	margin-left:0;
	opacity: 1;
	transform: translate3d(0, 0, 0);
	//transition-delay: 0.3s;
	transition: margin 1s .3s, opacity 1s .2s, transform 1s .2s, background .5s 0s;
}
.active .index4nt3 {
	margin-left:0;
	opacity: 1;
	transform: translate3d(0, 0, 0);
	//transition-delay: 0s;
	transition: margin 1s 0s, opacity 1s .4s, transform 1s .4s, background .5s 0s;
}

.index5{
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
}
.index5 .index5n{
	width:100%;
	//height:700px;
	position: relative;
	top:4%;
}
.index5 .index5n .index5nlogo{
	width:21%;
	max-width:544px;
	position: absolute;
	right:-100%;
	bottom:0;
	z-index:66;
	opacity: 0;
	transition: all 1s;
}

.index5 .index5n .index5nanniu{
	width:21%;
	max-width:544px;
	position: absolute;
	right:-100%;
	top:64%;
	z-index:66;
	display: flex;
	justify-content: center;
	opacity: 0;
	transition: all 1s;
}
.index5 .index5n .index5nanniu .index5nleft{
	width:30px;
	height:30px;
	margin:0 2px;
	border-radius: 100%;
	overflow: hidden;
	cursor:pointer;
	background: url(../img/index5left.png) no-repeat;
}
.index5 .index5n .index5nanniu .index5nright{
	width:30px;
	height:30px;
	margin:0 2px;
	border-radius: 100%;
	overflow: hidden;
	cursor:pointer;
	background: url(../img/index5right.png) no-repeat;
}
.index5 .index5n .index5nanniu .index5nleft:hover{
	background: url(../img/index5lefth.png) no-repeat;
}
.index5 .index5n .index5nanniu .index5nright:hover{
	background: url(../img/index5righth.png) no-repeat;
}

.index5content{
	width:84%;
	//height:700px;
	position: relative;
	margin:auto;
	margin-top:100%;
	padding-bottom: 36.46%;
	opacity: 0;
	transition: all 1s;
}
.index5content .index5contentl{
	width:72%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.index5content .index5contentl img{
	width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}
.index5content .index5contentr{
	width:25%;
	max-width:544px;
	height:72%;
	position: absolute;
	right:0;
	top:0;
	background:#f4f4f4;
	border-radius: 10px;
}
.index5content .index5contentr .index5contentrs{
	width:84%;
	height:100px;
	margin:auto;
	margin-top:20%;
	overflow: hidden;
}
.index5content .index5contentr .index5contentrs a{
	line-height:1.5625em;/*50px;*/
	font-size:0.0625rem;/*32px;*/
	color:#000000;
}
.index5content .index5contentr .index5contentrx{
	width:84%;
	height:90px;
	margin:auto;
	overflow: hidden;
	line-height:2.14em;/*30px;*/
	font-size:0.027rem;/*14px;*/
	color:#4d4d4d;
}
.index5content .index5contentr .index5contentrx p{
	line-height:2.14em;/*30px;*/
	font-size:0.027rem;/*14px;*/
	color:#4d4d4d;
}
.active .index5content,
.active1 .index5content{
	margin-top:0;
	opacity: 1;
	transition-delay: 0s;
}
.active .index5n .index5nanniu,
.active1 .index5n .index5nanniu{
	right:8%;
	opacity: 1;
	transition-delay: 0.5s;
}
.active .index5n .index5nlogo,
.active1 .index5n .index5nlogo{
	right:8%;
	opacity: 1;
	transition-delay: 1s;
}
.index6{
	width:100%;
	height:50%;
	background: #333333;
	position: absolute;
	left:0;bottom:0;
}
.index6s{
	width:700px;
	position: absolute;
	left:50%;margin-left:-350px;
	top:10%;
	text-align: center;
}
.index6s .index6s1{
	width:100%;
	height:68px;
	font-size:46px;
	font-weight:bold;
	color:#c9132a;
}
.index6s .index6s2{
	width:100%;
	height:78px;
	font-size:30px;
	font-weight:200;
	color:#000000;
}
.index6s .index6s3{
	width:100%;
	height:118px;
}
.index6s .index6s3 input{
	width:610px;
	height: 48px;
	border: 1px solid #6f6f6f;
	padding: 0 15px;
	line-height: 48px;
	font-size: 16px;
	color: #000000;
}
.index6s .index6s4 button{
	width:150px;
	height:48px;

	border:none;
	background:#c7142a;
	cursor:pointer;
	font-size:26px;
	color:#ffffff;
}


.index6 .index61{
	width:100%;
	height:30px;
	background:#c9142a;
}
.index6 .index62{
	width:100%;
	height:40px;
	text-align: center;
	font-size:28px;
	color:#ffffff;
}
.index6 .index63{
	width:100%;
	height:40px;
	text-align: center;
}
.index6 .index63 .index63e{
	height:40px;
	line-height:40px;
	font-size: 20px;
	color:#999999;
	display: inline-block;
}
.index6 .index63 .index63es{
	height:40px;
	line-height:40px;
	font-size: 20px;
	color:#999999;
	display: inline-block;
	margin:0 12px;
}

.index6 .index64{
	width:100%;
	height:80px;
	display: flex;
	justify-content: center;
}
.index6 .index64 .index64e{
	height:70px;
	margin:0 40px;
}
.index6 .index65{
	width:100%;
	height:20px;
	text-align: center;
	font-size: 16px;
	color:#808080;
}
.index6 .index66{
	width:100%;
	height:40px;
	text-align: center;
	font-size: 28px;
	color:#e2b88d;
}
.index6 .index67{
	width:100%;
	height:20px;
	text-align: center;
	line-height:20px;
	font-size: 14px;
	color:#999999;
}
.index6 .index67 a{
	color: #fff;
}
/*首页结束*/

/*优顿尊翔开始*/
.ydzx1{
	overflow: hidden;
}
.ydzx1 .ydzx1bg{
	position: absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	transition: all 10s;
}
.ydzx1 #ydzx1img1 {
	position: absolute;
	width:100%;
	height:100%;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.ydzx1 #ydzx1img2 {
	position: absolute;
	width:100%;
	height:100%;
	right: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.active .ydzx1bg{
	width:120%;
	height:120%;
	left: -10%;
	top: -10%;
}
.active #ydzx1img1 {
	left:0;
	opacity: 1;
	transition-delay: 0s;
}
.active #ydzx1img2 {
	right:0;
	opacity: 1;
	transition-delay: 0s;
}

.ydzx2{
}
.ydzx2 .ydzx2img {
	position: absolute;
	left: 50%;
  margin-left:-960px;
	top: 100%;
	opacity: 0;
	transition: all 1s;
}
.active #ydzx2img1 {
	top:0;
	opacity: 1;
	transition-delay: 0s;
}
.active #ydzx2img2 {
	top:0;
	opacity: 1;
	transition-delay: 0.2s;
}
.active #ydzx2img3 {
	top:0;
	opacity: 1;
	transition-delay: 0.4s;
}
.active #ydzx2img4 {
	top:0;
	opacity: 1;
	transition-delay: 0.6s;
}
.ydzx2 .conwr {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 90%;
	max-width: 1250px;
	max-height: 90%;
	font-size: 0;
	text-align: center;
	overflow: hidden;
	transform: translate3d(-50%, -50%, 0);
}
.ydzx2 .conwr .tit-s,
.ydzx2 .conwr .tit,
.ydzx2 .conwr .line,
.ydzx2 .conwr .con {
	opacity: 0;
	transform: translate3d(0, 200%, 0);
	transition: all 1s;
}
.ydzx2 .conwr .tit-s {
	padding-left: 1.5em;
	font-family: 'simsun';
	font-size: 0.11rem;/*56px*/
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5em;
	color: #ccc;
	transform: translate3d(0, 1000%, 0);
}
.ydzx2 .conwr .tit {
	margin-top: 3.2%;
	font-family: 'simsun';
	font-size: 0.066rem;/*34px*/
	font-weight: bold;
	color: #000;
	transform: translate3d(0, 2000%, 0);
}
.ydzx2 .conwr .line {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: 3.2%;
	padding-bottom: 9%;
	width: 1px;
	height: 0;
	background-color: #999;
	transform: translate3d(0, 1500%, 0);
}
.ydzx2 .conwr .con {
	margin-top: 2.8%;
	font-size: 0.036rem;/*18px*/
	line-height: 2.2em;
	color: #000;
	text-align: justify;
}
.ydzx2.active .conwr .tit-s,
.ydzx2.active .conwr .tit,
.ydzx2.active .conwr .line,
.ydzx2.active .conwr .con {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.ydzx2.active .conwr .tit-s {
	transition-delay: 0s;
}
.ydzx2.active .conwr .tit {
	transition-delay: 0.2s;
}
.ydzx2.active .conwr .line {
	transition-delay: 0.4s;
}
.ydzx2.active .conwr .con {
	transition-delay: 0.6s;
}
.ydzx3{
}
.ydzx3img{
	width:100%;
	height:60%;
	position: absolute;
	left:0;
	top: -100%;
	opacity: 0;
	transition: all 1s;
	display: flex;
	justify-content: center;
}
.ydzx3img img{
	height: 100%;
}
.ydzx3nei{
	width:100%;
	height:32%;
	position: absolute;
	left:0;
	bottom:0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ydzx3nei .ydzx3neie{
	height:140px;
	margin:0 70px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top:100%;
	opacity: 0;
	transition: all 1s;
}
.ydzx3nei .ydzx3neie .ydzx3neies{
	height:72px;
	display: flex;
}
.ydzx3nei .ydzx3neie .ydzx3neies .ydzx3neiesl{
	font-size:0.082rem;/*42px*/
	font-weight:bold;
	color:#c9132a;
}
.active .ydzx3nei .ydzx3neie .ydzx3neies .ydzx3neiesl{
     animation: rotate360 3s;
}
.ydzx3nei .ydzx3neie .ydzx3neies .ydzx3neiesr{
	font-size:0.039rem;/*20px*/
	color:#c9132a;
	margin-top:20px;
}
.ydzx3nei .ydzx3neie .ydzx3neiez{
	height:36px;
	font-size:0.039rem;/*20px*/
	color:#333333;
}
.ydzx3nei .ydzx3neie .ydzx3neiex{
	margin-top: -0.5em;
	font-weight: lighter;
	font-style: italic;
	font-size: 0.03125rem;/*16px*/
	color: #000;
	white-space: pre-wrap;
}
.ydzx3nei .ydzx3neie .ydzx3neiex img{
	height:32px;
}
.active .ydzx3img{
	top:8%;
	opacity: 1;
}
.active .ydzx3nei #ydzx3neie1{
	margin-top:0;
	opacity: 1;
	transition-delay: 0s;
}
.active .ydzx3nei #ydzx3neie2{
	margin-top:0;
	opacity: 1;
	transition-delay: 0.3s;
}
.active .ydzx3nei #ydzx3neie3{
	margin-top:0;
	opacity: 1;
	transition-delay: 0.6s;
}
.ydzx4{
}
.ydzx4 .ydzx4img {
	position: absolute;
		left: 50%;
  margin-left:-960px;
	top: 100%;
	opacity: 0;
	transition: all 1s;
}
.active #ydzx4img1 {
	top:0;
	opacity: 1;
	transition-delay: 0s;
}
.active #ydzx4img2 {
	top:0;
	opacity: 1;
	transition-delay: 0.2s;
}
.active #ydzx4img3 {
	top:0;
	opacity: 1;
	transition-delay: 0.4s;
}
.ydzx4 .conwr {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 90%;
	max-width: 1470px;
	max-height: 90%;
	font-family: "Pingfang SC";
	font-size: 0;
	color: #fff;
	transform: translate3d(-50%, -50%, 0);
}
.ydzx4 .conwr .tit,
.ydzx4 .conwr .con {
	opacity: 0;
	transform: translate3d(0, 1000%, 0);
	transition: all 1s;
}
.ydzx4 .conwr .tit {
	padding-left: 0.02em;
	font-size: 0.14rem;/*72px*/
	letter-spacing: 0.02em;
	text-align: center;
}
.ydzx4 .conwr .con {
	margin-top: 10.88%;
	font-size: 0.052rem;/*27px*/
	letter-spacing: 0.08em;
	line-height: 2.2em;
}
.ydzx4 .conwr .con div {
	font-family: "Pingfang SC";
}
.ydzx4.active .conwr .tit,
.ydzx4.active .conwr .con {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.ydzx4.active .conwr .tit {
	transition-delay: 0.2s;
}
.ydzx4.active .conwr .con {
	transition-delay: 0.4s;
}
.ydzx5{
	background-color: #f1f1f1;
}
.ydzx5 .ydzx51{
	position: absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
}
.ydzx5 .ydzx52{
	position: absolute;
	width:100%;
	height:100%;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s
}
.ydzx5 .ydzx53{
	position: absolute;
	width:100%;
	height:100%;
	right: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.ydzx5t {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 7.8% auto 0;
	max-width: 90%;
	font-size: 0;
	text-align: center;
}
.ydzx5t .tit-s {
	font-family: "Pingfang SC";
	font-size: 0.039rem;/*20px*/
	text-transform: uppercase;
	color: #c9142a;
	opacity: 0;
	transform: translate3d(100%, 0, 0);
	transition: all 1s;
}
.ydzx5t .tit {
	margin-top: 0.5%;
	font-family: "Pingfang SC";
	font-size: 0.086rem;/*44px*/
	letter-spacing: 0.02em;
	color: #000;
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
	transition: all 1s;
}

.ydzx5.active .tit-s,
.ydzx5.active .tit {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.ydzx5t .line {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: 0.9%;
	width: 50%;
	max-width: 136px;
	height: 1px;
	background-color: #d1d1d1;
}
.ydzx5t .line::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: -2px auto 0;
	width: 26%;
	height: 5px;
	background-color: #c9142a;
}
.ydzx5n{
	width:100%;
	height:50%;
	position: absolute;
	left:0;
	bottom:6%;
}
.ydzx5nei{
	width:100%;
	height:100%;
	position: relative;
}
.ydzx5nei .zuojiantou{
	width:60px;
	height:60px;
	position: absolute;
	left:50%;
	bottom:0;
	z-index:10;
	margin-left:-70px;
	background: url(../img/youdunzuo.png) no-repeat;
}
.ydzx5nei .youjiantou{
	width:60px;
	height:60px;
	position: absolute;
	right:50%;
	bottom:0;
	z-index:10;
	margin-right:-70px;
	background: url(../img/youdunyou.png) no-repeat;
}
.ydzx5nei .zuojiantou:hover{
	background: url(../img/youdunzuoh.png) no-repeat;
}
.ydzx5nei .youjiantou:hover{
	background: url(../img/youdunyouh.png) no-repeat;
}
.youdunchanpin{
	border-radius: 20px;
	background:#e8e8e8;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor:pointer;
}
.youdunchanpin .youdunchanpinl{
	height:86%;
	margin-left:20px;
	transition: 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.youdunchanpin .youdunchanpinr{
	width:100%;
	text-align: center;
}
.youdunchanpin .youdunchanpinr .youdunchanpinrs{
	height:56px;
	font-size:40px;
	font-weight: bold;
	color:#000000;
	transition: 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.youdunchanpin .youdunchanpinr .youdunchanpinrz{
	height:42px;
	font-size:16px;
	color:#464646;
	transition: 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.youdunchanpin .youdunchanpinr .youdunchanpinrx{
	line-height: 30px;
	font-size:18px;
	color:#464646;
	border-top: 1px solid #464646;
	border-bottom: 1px solid #464646;
	padding:5px 40px;
	display: inline-block;
	transition: 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.youdunchanpin:hover .youdunchanpinl{
	height:100%;
	margin-left:0;
}
.youdunchanpin:hover .youdunchanpinr .youdunchanpinrs{
	color:#c9142a;
}
.youdunchanpin:hover .youdunchanpinr .youdunchanpinrz{
	color:#c9142a;
}
.youdunchanpin:hover .youdunchanpinr .youdunchanpinrx{
	color:#c9142a;
	border-top: 1px solid #c9142a;
	border-bottom: 1px solid #c9142a;
}

.active .ydzx52 {
	left:0;
	opacity: 1;
	transition-delay: 0s;
}
.active .ydzx53 {
	right:0;
	opacity: 1;
	transition-delay: 0s;
}

.ydzx6{
	background:#333333;
}
.ydzx6 .ydzx6n{
	position: absolute;
	width:100%;
	height:72%;
	left: 0;
	top: 100%;
	display: flex;
	justify-content: center;
	opacity: 0;
	transition: all 1s;
}
.ydzx6 .ydzx6n img{
	height:100%;
}
.ydzx6 .ydzx6img{
	position: absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 100%;
	opacity: 0;
	transition: all 1s;
}
.active .ydzx6n{
	top:7%;
	opacity: 1;
}
.active #ydzx6img1 {
	top:0;
	opacity: 1;
	transition-delay: 0.2s;
}
.active #ydzx6img2 {
	top:0;
	opacity: 1;
	transition-delay: 0.4s;
}
.ydzx7{
}
.ydzx7 .ydzx71{
	position: absolute;
  margin-left:-960px;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.ydzx7 .ydzx72{
	position: absolute;
	  margin-left:-960px;
	left: 50%;
	top: 0;
}
.ydzx7 .ydzx73{
	position: absolute;
  margin-right:-960px;
	right: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.ydzx7t {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 6.8% auto 0;
	max-width: 90%;
	font-size: 0;
	text-align: center;
}
.ydzx7t .tit-s {
	margin-top: 0.86%;
	font-family: "Pingfang SC";
	font-size: 0.058rem;/*30px*/
	text-transform: uppercase;
	color: #fff;
	opacity: 0;
	transform: translate3d(100%, 0, 0);
	transition: all 1s;
}
.ydzx7t .tit {
	position: static;
	width: auto;
	height: auto;
	margin: 0 auto;
	font-family: "Pingfang SC";
	font-weight: normal;
	font-size: 0.121rem;/*62px*/
	letter-spacing: 0.02em;
	text-indent: 0;
	color: #fff;
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
	transition: all 1s;
}

.ydzx7.active .tit-s,
.ydzx7.active .tit {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.ydzx7t .line {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: 0.57%;
	width: 50%;
	max-width: 136px;
	height: 1px;
	background-color: #d1d1d1;
}
.ydzx7t .line::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: -2px auto 0;
	width: 26%;
	height: 5px;
	background-color: #c9142a;
}
.ydzx7 .ydzx7n{
	width:95%;
	max-width: 1352px;
	position: absolute;
	left:0;
	right:0;
	bottom:9.5%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.ydzx7ne{
	padding: 0.1px 0;
	width:20.58%;
	margin:0 2.21%;
	border-radius: 20px;
	background:#ffffff;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
	position: relative;
	opacity: 0;
	transform: translate3d(0, 200%, 0);
	transition: all 1s;
}
.ydzx7ne .ydzx7neimg{
	display: block;
	margin: 7.19% auto 0;
	width: 90%;
	height: 70px;
	object-fit: none;
	transition: transform 1s;
}
.ydzx7ne .ydzx7nen{
	margin: 3.5% auto 5.4%;
	width: 90%;
	min-height: 4.2em;
	font-weight: 600;
	font-family: "Pingfang SC";
	font-size: 0.033rem;/*17px*/
	line-height: 1.4em;
	letter-spacing: 0.05em;
	color: #000;
}
.ydzx7ne .ydzx7nen img{
	width:278px;
	height:185px;
}
.ydzx7ne:hover .ydzx7neimg{
	transform: rotateY(360deg);
}
.active .ydzx71 {
	left:50%;
	opacity: 1;
	transition-delay: 0s;
}
.active .ydzx73 {
	right:50%;
	opacity: 1;
	transition-delay: 0s;
}
.active #ydzx7ne1 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition-delay: 0s;
}
.active #ydzx7ne2 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition-delay: 0.2s;
}
.active #ydzx7ne3 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition-delay: 0.4s;
}
.active #ydzx7ne4 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition-delay: 0.6s;
}
.ydzx8{
}
.ydzx8 .ydzx8img {
	position: absolute;
	  margin-left:-960px;
	left: 50%;
	top: 100%;
	opacity: 0;
	transition: all 1s;
}
.active #ydzx8img1 {
	top:0;
	opacity: 1;
	transition-delay: 0s;
}
.active #ydzx8img2 {
	top:0;
	opacity: 1;
	transition-delay: 0.2s;
}
.active #ydzx8img3 {
	top:0;
	opacity: 1;
	transition-delay: 0.4s;
}
.active #ydzx8img4 {
	top:0;
	opacity: 1;
	transition-delay: 0.6s;
}
.active #ydzx8img5 {
	top:0;
	opacity: 1;
	transition-delay: 0.8s;
}
.ydzx8n {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto 1.83%;
	width: 90%;
	max-width: 1500px;
}
.ydzx8n div,
.ydzx8n h3,
.ydzx8n h4,
.ydzx8n p {
	font-family: "Pingfang SC";
	color: #fff;
}
.ydzx8n .tit {
	padding-left: 1em;
	font-weight: normal;
	font-size: 0.074rem;/*38px*/
	text-align: center;
	letter-spacing: 1em;
}
.ydzx8n .con {
	margin-top: 3%;
	padding-left: 0.5em;
	font-size: 0.05rem;/*26px*/
	letter-spacing: 0.5em;
}
.ydzx8n .line {
	display: block;
	margin: 7.66% auto 0;
	padding-bottom: 6.66%;
	width: 0.33%;
	height: 0;
	background-color: #fff;
	opacity: .6;
}
.ydzx8n .tit-2 {
	position: static;
	width: auto;
	height: auto;
	margin: 3.66% auto 0;
	padding-left: 0.3em;
	//font-weight: normal;
	font-size: 0.058rem;/*30px*/
	text-align: center;
	letter-spacing: 0.3em;
	text-indent: 0;
	transform: scale(1, 1);
    transition-delay: 0s;
}
.ydzx8n .con-2 {
	margin-top: 1%;
	padding-left: 0.3em;
	font-size: 0.046rem;/*24px*/
	line-height: 1.8em;
	letter-spacing: 0.3em;
	opacity: .8;
}
.ydzx8n .tit,
.ydzx8n .con,
.ydzx8n .line,
.ydzx8n .tit-2,
.ydzx8n .con-2 {
	opacity: 0;
	transform: translate3d(0, 1000%, 0);
	transition: all 1s;
}
.active .ydzx8n .tit {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-delay: 0s;
}
.active .ydzx8n .con {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.2s;
}
.active .ydzx8n .line {
	opacity: .6;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.4s;
}
.active .ydzx8n .tit-2 {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.6s;
}
.active .ydzx8n .con-2 {
	opacity: .8;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.8s;
}

.ydzx9{
}
.ydzx9 .ydzx91{
	position: absolute;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.ydzx9 .ydzx92{
	position: absolute;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.ydzx9t{
	position: absolute;
	left: 12.5%;
	top: 20%;
}
.ydzx9t .tit-s {
	font-family: "PingFang SC Semibold","PingFang SC","PingFang";
	font-weight: bold;
	font-size: 1.171rem;
	line-height: 1;
	color: #fff;
	opacity: 0;
	transform: translate3d(-200%, 0, 0);
	transition: all 1s;
}
.ydzx9t .tit {
	position: static;
	width: auto;
	height: auto;
	margin: -2.2em auto 0;
	font-family: "Pingfang SC";
	font-weight: normal;
	font-size: 0.101rem;
	text-align: center;
	letter-spacing: 0.1em;
	text-indent: 0;
	color: #fff;
	opacity: 0;
	transform: scale(1) translate3d(-200%, 0, 0);
    transition-delay: 0s;
	transition: all 1s;
}
.ydzx9n{
	width:70%;
	position: absolute;
	right:0;
	top:25%;
}
.ydzx9n .ydzx9nn{
	width:100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.ydzx9n .ydzx9ne{
	width:30.33%;
	height:300px;
	margin:0 1.5%;
	margin-top:100%;
	opacity: 0;
	transition: all 1s;
}
.ydzx9n .ydzx9ne .ydzx9nehuaguo {
	max-width: 310px;
}
.ydzx9n .ydzx9ne .ydzx9nehuaguo .ydzx9ne1{
	height:44px;
	text-align: center;
}
.ydzx9n .ydzx9ne .ydzx9nehuaguo .ydzx9ne1 .ydzx9ne1img{
	height: 44px;
	transition: transform 1s;
}
.ydzx9n .ydzx9ne .ydzx9nehuaguo .ydzx9ne2{
	height:30px;
	background: url(../img/ydzx9ne2.png) no-repeat;
	background-size: 100% auto;
}
.ydzx9n .ydzx9ne .ydzx9nehuaguo .ydzx9ne3{
	height:2.53em;
	text-align: center;
	line-height:2.53em;
	font-size:0.05rem;/*26px*/
	color:#ffffff;
	background: url(../img/ydzx9ne.png) repeat-y;
	background-size: 100% auto;
}
.ydzx9n .ydzx9ne .ydzx9nehuaguo .ydzx9ne4{
	background: url(../img/ydzx9ne.png) repeat-y;
	background-size: 100% auto;
	height:0px;
	overflow:hidden;
	transition: 0.5s ease-in-out, transform 0.5s ease-in-out;;
}
.ydzx9n .ydzx9ne .ydzx9nehuaguo .ydzx9ne4 .ydzx9ne4n{
	width:84%;
	margin:auto;
	line-height:18px;
	font-size: 12px;
	color:#999999;
	text-align: center;
}
.ydzx9n .ydzx9ne .ydzx9nehuaguo .ydzx9ne5{
	height:10px;
	background: url(../img/ydzx9ne5.png) no-repeat;
	background-size: 100% 100%;
}
.ydzx9n .ydzx9ne .ydzx9nehuaguo:hover .ydzx9ne1 .ydzx9ne1img{
	transform: rotateZ(360deg);
}
.ydzx9n .ydzx9ne .ydzx9nehuaguo:hover .ydzx9ne4{
	height:100px;
}
.active .ydzx9n .ydzx9ne{
	margin-top:0;
	opacity: 1;
}
.active .ydzx91 {
	left:0;
	opacity: 1;
	transition-delay: 0.2s;
}
.active .ydzx92 {
	left:0;
	opacity: 1;
	transition-delay: 0.2s;
}
.active .ydzx9t .tit-s {
	opacity: .15;
	transform: translate3d(0, 0, 0);
	transition-delay: 0s;
}
.active .ydzx9t .tit {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
	transition-delay: 0.2s;
}
.ydzx10{
}
.ydzx10 .ydzx10n{
	width:86%;
	height:670px;
	position: absolute;
	left:7%;
	top:11%;

}
.ydzx10 .ydzx10n{
	top:50%;
	height:auto;
	transform:translate3d(0, -50%, 0);
}
.ydzx10 .ydzx10n .ydzx10ntu{
	width:1015px;
	margin:0 auto 3%;
}
.ydzx10 .ydzx10n .ydzx10ntu .ydzx10nimg{
	width:1015px;
	margin:auto;
	margin-top:100%;
	color: #fff;
	font-family: "PingFang SC";
	text-align: center;
	opacity: 0;
	transition: all 1s;
}
.ydzx10 .ydzx10n .ydzx10ntu .ydzx10nimg1 {
	font-weight: bold;
	font-size: 0.117rem;/*60px;*/
	text-transform: uppercase;
}
.ydzx10 .ydzx10n .ydzx10ntu .ydzx10nimg2 {
	position: static;
	margin: 0;
	width: auto;
	height: auto;
	font-weight: normal;
	font-size: 0.089rem;/*46px;*/
	text-indent: 0;
}
.ydzx10ns{
	width:100%;
	height:135px;
	display: flex;
	justify-content: space-between;
}
.ydzx10ns input{
	height:88px;
	border:1px solid #6f6f6f;
	padding:0 25px;
	line-height:88px;
	font-size:0.039rem;/*20px;*/
	font-weight: bold;
	color:#ffffff;
}
.ydzx10ns .ydzx10nsd{
	width:24%;
}
.ydzx10ns .ydzx10nsx{
	width:15%;
}
.ydzx10nz{
	width:1015px;
	height:250px;
	display: flex;
	justify-content: space-between;
}
.ydzx10nz input{
	width:260px;
	height:88px;
	border:1px solid #6f6f6f;
	padding:0 30px;
	line-height:88px;
	font-size:0.039rem;/*20px;*/
	font-weight: bold;
	color:#ffffff;
}
.ydzx10nx{
	width:100%;
	height:50px;
	text-align: center;
}
.ydzx10nx input{
	width:150px;
	height:50px;
	margin:auto;
	background:#c7142a;
	text-align: center;
	line-height:50px;
	font-size:0.05rem;/*26px;*/
	color:#ffffff;
	cursor:pointer;
}
.ydzx10nsl{
	margin-left:-100%;
	opacity: 0;
	transition: all 1s;
}
.ydzx10nsr{
	margin-right:-100%;
	opacity: 0;
	transition: all 1s;
}
.ydzx10nzl{
	margin-left:-100%;
	opacity: 0;
	transition: all 1s;
}
.ydzx10nzm{
	margin-top:100%;
	opacity: 0;
	transition: all 1s;
}
.ydzx10nzr{
	margin-right:-100%;
	opacity: 0;
	transition: all 1s;
}
.ydzx10nxn{
	margin-top:100%;
	opacity: 0;
	transition: all 1s;
}

.ydzx10nnew{
	width:700px;
	position: absolute;
	left:50%;margin-left:-350px;
	bottom:10%;
	text-align: center;
}
.ydzx10nnew .ydzx10nnew1{
	width:100%;
	height:68px;
	font-size:0.089rem;/*46px;*/
	font-weight:bold;
	color:#ffffff;
}
.ydzx10nnew .ydzx10nnew2{
	width:100%;
	height:78px;
	font-size:0.058rem;/*30px;*/
	font-weight:200;
	color:#ffffff;
}
.ydzx10nnew .ydzx10nnew3{
	width:100%;
	height:118px;
}
.ydzx10nnew .ydzx10nnew3 input{
	width:610px;
	height: 48px;
	border: 1px solid #6f6f6f;
	padding: 0 15px;
	line-height: 48px;
	font-size: 0.03rem;/*16px;*/
	color: #ffffff;
}
.ydzx10nnew .ydzx10nnew4 button{
	width:150px;
	height:48px;

	border:none;
	background:#c7142a;
	cursor:pointer;
	font-size:0.05rem;/*26px;*/
	color:#ffffff;
}


.active .ydzx10n .ydzx10ntu .ydzx10nimg{
	margin-top:0;
	opacity: 1;
}
.active .ydzx10nsl{
	margin-left:0;
	opacity: 1;
	transition-delay: 0.5s;
}
.active .ydzx10nsr{
	margin-right:0;
	opacity: 1;
	transition-delay: 0.5s;
}
.active .ydzx10nzl{
	margin-left:0;
	opacity: 1;
	transition-delay: 1s;
}
.active .ydzx10nzm{
	margin-top:0;
	opacity: 1;
	transition-delay: 1s;
}
.active .ydzx10nzr{
	margin-right:0;
	opacity: 1;
	transition-delay: 1s;
}
.active .ydzx10nxn{
	margin-top:0;
	opacity: 1;
	transition-delay: 1.5s;
}

/*优顿尊翔结束*/

/*阿顿思可开始*/

.adsk1{
}
.adsk1 .adsk1bg{
	position: absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	transition: all 10s;
}
.adsk1 #adsk1img1 {
	position: absolute;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.adsk1 #adsk1img2 {
	position: absolute;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.adsk1 #adsk1img3 {
	position: absolute;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.adsk1 #adsk1img4 {
	position: absolute;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.active .adsk1bg{
	width:120%;
	height:120%;
	left: -10%;
	top: -10%;
}
.active #adsk1img1 {
	left:0;
	opacity: 1;
	transition-delay: 0s;
}
.active #adsk1img2 {
	left:0;
	opacity: 1;
	transition-delay: 0.5s;
}
.active #adsk1img3 {
	left:0;
	opacity: 1;
	transition-delay: 1s;
}
.active #adsk1img4 {
	left:0;
	opacity: 1;
	transition-delay: 1.5s;
}
.adsk2{
}
.adsk2 .adsk2bg{
	height:100%;
	position: absolute;
	right:-100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.adsk2 #adsk2img1 {
	position: absolute;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.adsk2 #adsk2img2 {
	position: absolute;
	left: -100%;
	top: 0;
	opacity: 0;
	transition: all 1s;
}

.active .adsk2bg {
	right:0;
	opacity: 1;
	transition-delay: 0s;
}
.active #adsk2img1 {
	left:0;
	opacity: 1;
	transition-delay: 0s;
}
.active #adsk2img2 {
	left:0;
	opacity: 1;
	transition-delay: 0.5s;
}

.adsk2shu{
    position: absolute;
    left:46%;
    top:42%;
    z-index:20;
}
.adsk2shu .adsk2shue{
    margin-bottom:30px;
}

.adsk2shu .adsk2shue .adsk2shues{
    display: flex;
}
.adsk2shu .adsk2shue .adsk2shues .adsk2shuesl{
    line-height:52px;
    font-size:36px;
    color:#d03939;

}
.active .adsk2shu .adsk2shue .adsk2shues .adsk2shuesl{
    animation: rotate360 2s;
}




.adsk2shu .adsk2shue .adsk2shues .adsk2shuesr{
    line-height:52px;
    font-size:36px;
    color:#d03939;
}
.adsk2shu .adsk2shue .adsk2shuez{
    line-height:28px;
    font-size:18px;
    color:#ffffff;
}
.adsk2shu .adsk2shue .adsk2shuex{
    line-height:16px;
    font-size:12px;
    color:#b2b2b2;
}


.adsk3{
}
.adskchanpin{
	width:100%;
	height:100%;
	position: relative;
}
.adskchanpinimg{
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
}
.adskchanpinnei{
	position: absolute;
	left:-100%;
	top:32%;
	z-index:10;
	opacity: 0;
	transition: all 1s;
}
.adskchanpinnei .adskchanpinnei1{
	height:72px;
	font-size:44px;
	font-weight: bold;
	color:#ffffff;
	text-transform: uppercase;
}
.adskchanpinnei .adskchanpinnei2{
	height:58px;
	font-size:30px;
	color:#ffffff;
}
.adskchanpinnei .adskchanpinnei3{
	height:78px;
	overflow: hidden;
	line-height:26px;
	font-size:18px;
	color:#ffffff;
}
.adskchanpinnei a.adskchanpinnei4{
    width:130px;
	height:40px;
	display: block;
	background:#cb2327;
	text-align:center;
	line-height:40px;
	font-size:16px;
	color:#ffffff;

}
.adskchanpinnei a.adskchanpinnei4:hover{
    width:130px;
	height:40px;
	background:#cb2327;
	text-align:center;
	line-height:40px;
	font-size:16px;
	color:#ffffff;
	transition: all 0.3s;

}


.adsk3youce{
	position: absolute;
	height: 320px;
	bottom: 0%;
	right: -100%;
	z-index: 200;
	opacity: 0;
	transition: all 1s;
}
.active .adskchanpinnei{
	left:16%;
	opacity: 1;
	transition-delay: 0s;
}
.active .adsk3youce{
	right:0%;
	opacity: 1;
	transition-delay: 0s;
}
.adsk4{
}
.adsk4 .adsk4img {
	position: absolute;
	left: -100%;
	top: 15%;
	opacity: 0;
	transition: all 1s;
}
.adsk4 .adsk4imgte {
	position: absolute;

	left: 150%;
	top: 10%;
	opacity: 0;
	transition: all 2s;
}
.active .adsk4imgte {
	left:16%;
	opacity: 1;
	transition-delay: 0s;
}
.active #adsk4img2 {
	left:16%;
	opacity: 1;
	transition-delay: 0.6s;
}
.active #adsk4img3 {
	left:16%;
	opacity: 1;
	transition-delay: 0.4s;
}
.active #adsk4img4 {
	left:16%;
	opacity: 1;
	transition-delay: 0s;
}
.adsk5{
}
.adsk5 .adsk5img {
	position: absolute;
	left: -100%;
	top: 24%;
	opacity: 0;
	transition: all 1s;
}
.active #adsk5img1 {
	left:10%;
	opacity: 1;
	transition-delay: 0s;
}
.active #adsk5img2 {
	left:10%;
	opacity: 1;
	transition-delay: 0.2s;
}
.active #adsk5img3 {
	left:10%;
	opacity: 1;
	transition-delay: 0.4s;
}
.active #adsk5img4 {
	left:10%;
	opacity: 1;
	transition-delay: 0.6s;
}
.active #adsk5img5 {
	left:10%;
	opacity: 1;
	transition-delay: 0.8s;
}
.adsk6{
}
.adsk6 .adsk6s{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50%;
	opacity: 0;
	transition: all 2s;
}
.adsk6 .adsk6s img {
	display: block;
	width: 100%;
}
.adsk6 .adsk6x{
	position: absolute;
	left: 10%;
	bottom: 0;
	width: 80%;
	height: 50%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.adsk6 .adsk6x .adsk6xe{
	width:200px;
	margin-top:100%;
	opacity: 0;
	transition: all 1s;
}

.adsk6 .adsk6x .adsk6xe .adsk6xes{
	width:130px;
	height:130px;
	border-radius: 100%;
	border:1px solid #d0d0d0;
	text-align: center;
	margin:auto;
}
.adsk6 .adsk6x .adsk6xe .adsk6xes img{
	margin-top:25px;
	height:80px;
	transition: transform 0.6s;
}
.adsk6 .adsk6x .adsk6xe .adsk6xex{
	width:200px;
	text-align: center;
	margin-top:20px;
	font-size:20px;
	color:#333333;
}
.adsk6 .adsk6x .adsk6xe:hover .adsk6xes img{
	transform: rotateY(360deg);
}
.active .adsk6s {
	opacity: 1;
}
.active .adsk6x .adsk6xe {
	margin-top:0;
	opacity: 1;
}
.adsk7{
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
}
.adsk7n{
	width:100%;
	height:750px;
	background:#e6e6e6;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.adsk7n .adsk7nl{
	width:60%;
}
.adsk7n .adsk7nl .adsk7nln{
	width:700px;
	margin:auto;
	display: flex;
	flex-wrap: wrap;
}
.adsk7n .adsk7nl .adsk7nln .adsk7nlns{
	width:100%;
	margin-bottom:20px;
	margin-left:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk7n .adsk7nl .adsk7nln .adsk7nlnx{
	width:100%;
	margin-top:20px;
}
.adsk7n .adsk7nl .adsk7nln .adsk7nlnx .adsk7nlnxe{
	width:600px;
	height:66px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	background:#ffffff;
	margin-left:-100%;
	opacity: 0;
	transition: all 1s;
	cursor:pointer;
}
.adsk7n .adsk7nl .adsk7nln .adsk7nlnx .adsk7nlnxe .adsk7nlnxen{
	width:560px;
	height:66px;
	position: absolute;
	left:20px;
	top:0;
	z-index:10;
	line-height:66px;
	font-size:20px;
	color:#000000;
}
.adsk7n .adsk7nl .adsk7nln .adsk7nlnx .adsk7nlnxe .adsk7nlnxes{
	width:0;
	height:66px;
	position: absolute;
	left:0;
	top:0;
	overflow: hidden;
	background:#c9142a;
}
.adsk7n .adsk7nl .adsk7nln .adsk7nlnx .adsk7nlnxe:hover .adsk7nlnxen{
	color:#ffffff;
	transition: 0.5s;
}
.adsk7n .adsk7nl .adsk7nln .adsk7nlnx .adsk7nlnxe:hover .adsk7nlnxes{
	width:600px;
	transition: 0.5s;
}
.adsk7n .adsk7nr{
	width:40%;
	height:750px;
	display: flex;
	align-items: center;
	margin-right:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk7n .adsk7nr img{
	width:100%;
}
.active .adsk7nl .adsk7nln .adsk7nlns{
	margin-left:0;
	opacity: 1;
}
.active .adsk7nl .adsk7nln .adsk7nlnx .adsk7nlnxe{
	margin-left:0;
	opacity: 1;
}
.active .adsk7nr {
	margin-right:0;
	opacity: 1;
	transition-delay: 0.5s;
}
.adsk8{
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
}
.adsk8n{
	width:100%;
	height:750px;
	background:#e6e6e6;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.adsk8n .adsk8nl{
	width:60%;
}
.adsk8n .adsk8nl .adsk8nln{
	width:700px;
	margin:auto;
	display: flex;
	flex-wrap: wrap;
}
.adsk8n .adsk8nl .adsk8nln .adsk8nlns{
	width:100%;
	margin-bottom:20px;
	margin-right:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk8n .adsk8nl .adsk8nln .adsk8nlnx{
	width:100%;
	margin-top:20px;

}
.adsk8n .adsk8nl .adsk8nln .adsk8nlnx .adsk8nlnxe{
	width:600px;
	height:66px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	background:#ffffff;
	margin-right:-100%;
	opacity: 0;
	transition: all 1s;
	cursor:pointer;
	float:right;
}
.adsk8n .adsk8nl .adsk8nln .adsk8nlnx .adsk8nlnxe .adsk8nlnxen{
	width:560px;
	height:66px;
	position: absolute;
	left:20px;
	top:0;
	z-index:10;
	line-height:66px;
	font-size:20px;
	color:#000000;
	text-align: right;
}
.adsk8n .adsk8nl .adsk8nln .adsk8nlnx .adsk8nlnxe .adsk8nlnxes{
	width:0;
	height:66px;
	position: absolute;
	right:0;
	top:0;
	overflow: hidden;
	background:#c9142a;
}
.adsk8n .adsk8nl .adsk8nln .adsk8nlnx .adsk8nlnxe:hover .adsk8nlnxen{
	color:#ffffff;
	transition: 0.5s;
}
.adsk8n .adsk8nl .adsk8nln .adsk8nlnx .adsk8nlnxe:hover .adsk8nlnxes{
	width:600px;
	transition: 0.5s;
}
.adsk8n .adsk8nr{
	width:40%;
	height:750px;
	display: flex;
	align-items: center;
	margin-left:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk8n .adsk8nr img{
	width:100%;
}
.active .adsk8nl .adsk8nln .adsk8nlns{
	margin-right:0;
	opacity: 1;
}
.active .adsk8nl .adsk8nln .adsk8nlnx .adsk8nlnxe{
	margin-right:0;
	opacity: 1;
}
.active .adsk8nr {
	margin-left:0;
	opacity: 1;
	transition-delay: 0.5s;
}

.adsk9{
}
.adsk9 .adsk9nei{
	width:80%;
	position: absolute;
	left:-100%;
	top:14%;
	opacity: 0;
	transition: all 1s;
}
.adsk9 .adsk9nei img{
	max-width:100%;
}
.adsk9 .adsk9n{
	width:570px;
	position: absolute;
	left:10%;
	top:23%;
}
.adsk9 .adsk9n .adsk9n1{
	width:100%;
	height:56px;
	display: flex;
	margin-left:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk9 .adsk9n .adsk9n1 .adsk9n1l{
	margin-top:8px;
	font-size:20px;
	color:#ffffff;
}
.adsk9 .adsk9n .adsk9n1 .adsk9n1r{
	margin-left:15px;
	font-size:30px;
	font-weight: bold;
	color:#cf3a3a;
}
.adsk9 .adsk9n .adsk9n2{
	width:100%;
	height:76px;
	display: flex;
	justify-content: space-between;
}
.adsk9 .adsk9n .adsk9n2 input{
	width:244px;
	height:48px;
	border:1px solid #6f6f6f;
	padding:0 15px;
	line-height:48px;
	font-size:16px;
	color:#ffffff;
	border-radius: 10px;
}
.adsk9 .adsk9n .adsk9n3{
	width:100%;
	height:90px;
	display: flex;
	justify-content: space-between;
}
.adsk9 .adsk9n .adsk9n3 input{
	width:150px;
	height:48px;
	border:1px solid #6f6f6f;
	padding:0 15px;
	line-height:48px;
	font-size:16px;
	color:#ffffff;
}
.adsk9 .adsk9n .adsk9n4{
	width:135px;
	height:45px;
	background: url(../img/tijiao.png) no-repeat;
	margin-left:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk9 .adsk9n .adsk9n4 input{
	width:135px;
	height:45px;
	font-size:0;
	cursor:pointer;
}
.adsk9n2l{
	margin-left:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk9n2r{
	margin-right:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk9n3l{
	margin-left:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk9n3m{
	margin-top:100%;
	opacity: 0;
	transition: all 1s;
}
.adsk9n3r{
	margin-right:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk9 .adsk9new{
	width:80%;
	position: absolute;
	left:10%;
	bottom:-100%;
	opacity: 0;
	transition: all 1s;
}
.adsk9 .adsk9new .adsk9new1{
	width:100%;
}
.adsk9 .adsk9new .adsk9new1 img{
	max-width:100%;
}
.adsk9 .adsk9new .adsk9new2{
	width:100%;
	height:60px;
	line-height:60px;
	font-size:24px;
	font-weight: 200;
	color:#ffffff;
}
.adsk9 .adsk9new .adsk9new3 input{
	width:540px;
	height: 48px;
	border: 1px solid #6f6f6f;
	padding: 0 15px;
	line-height: 48px;
	font-size: 16px;
	color: #ffffff;
}
.adsk9 .adsk9new .adsk9new4 button{
	border:none;
	background:none;
	cursor:pointer;
}
.adsk9 .adsk9new .adsk9new4 button img{
	height:55px;
	cursor:pointer;
}


.active .adsk9nei {
	left:10%;
	opacity: 1;
}
.active .adsk9n .adsk9n1{
	margin-left:0;
	opacity: 1;
	transition-delay: 0.5s;
}
.active .adsk9n2l{
	margin-left:0;
	opacity: 1;
	transition-delay: 1s;
}
.active .adsk9n2r{
	margin-right:0;
	opacity: 1;
	transition-delay: 1s;
}
.active .adsk9n3l{
	margin-left:0;
	opacity: 1;
	transition-delay: 1.5s;
}
.active .adsk9n3m{
	margin-top:0;
	opacity: 1;
	transition-delay: 1.5s;
}
.active .adsk9n3r{
	margin-right:0;
	opacity: 1;
	transition-delay: 1.5s;
}
.active .adsk9n .adsk9n4{
	margin-left:0;
	opacity: 1;
	transition-delay: 2s;
}
.active .adsk9new{
	bottom:6%;
	opacity: 1;
	transition-delay: 2.3s;
}
/*阿顿思可结束*/

/*优顿绿谷开始*/
.ydlg1{
}
.ydlg1 .ydlg1bg{
	position: absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	transition: all 10s;
}
.ydlg1 #ydlg1img1 {
	position: absolute;
	left: -50%;
	margin-left:-960px;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.ydlg1 #ydlg1img2 {
	position: absolute;
	right: -50%;
	margin-right:-960px;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.active .ydlg1bg{
	width:104%;
	height:104%;
	left: -2%;
	top: -2%;
}
.active #ydlg1img1 {
	left:50%;
	opacity: 1;
	transition-delay: 0s;
}
.active #ydlg1img2 {
	right:50%;
	opacity: 1;
	transition-delay: 0.5s;
}
.ydlg2{
}
.ydlg2 .ydlg2bg{
	position: absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	transition: all 10s;
}
.ydlg2 .ydlg2img {
	position: absolute;
	left: 50%;
	margin-left:-960px;
	top: 100%;
	opacity: 0;
	transition: all 1s;
}
.active #ydlg2img1 {
	top:0%;
	opacity: 1;
	transition-delay: 0s;
}
.active #ydlg2img2 {
	top:0%;
	opacity: 1;
	transition-delay: 0.3s;
}
.active #ydlg2img3 {
	top:0%;
	opacity: 1;
	transition-delay: 0.6s;
}
.active #ydlg2img4 {
	top:0%;
	opacity: 1;
	transition-delay: 0.9s;
}
.active #ydlg2img5 {
	top:0%;
	opacity: 1;
	transition-delay: 1.2s;
}
.ydlg3{
}
.ydlg3 .ydlg3bg {
	position: absolute;
	left: 50%;
	margin-left:-960px;
	top: 100%;
	opacity: 0;
	transition: all 1s;
}
.ydlg3 .ydlg3bg .ydlg3bgnei{
	width:1920px;
	position: relative;
}
.ydlg3 .ydlg3bg .ydlg3bgnei .ydlg3bgneiimg{
	position: absolute;
	left: 50%;
	margin-left:-960px;
	top: 0%;
	opacity: 0;
}
.ydlg3 .ydlg3bg .ydlg3bgnei #ydlg31bg{
	opacity: 1;
}
.ydlg3 .ydlg3nei{
	position: absolute;
	right:5%;
	bottom:-100%;
	z-index:20;
	opacity: 0;
	transition: all 1s;
}
.ydlg3 .ydlg3nei .ydlg3neie{
	cursor:pointer;
}
.active .ydlg3bg {
	top:0%;
	opacity: 1;
	transition-delay: 0s;
}
.active .ydlg3nei {
	bottom:9%;
	opacity: 1;
	transition-delay: 1s;
}
.ydlg4{
}
.ydlg4 .ydlg4bg{
	position: absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	transition: all 10s;
}
.ydlg4 .ydlg4img {
	position: absolute;
	left: 50%;
	margin-left:-960px;
	top: 100%;
	opacity: 0;
	transition: all 1s;
}
.active #ydlg4img1 {
	top:0%;
	opacity: 1;
	transition-delay: 0s;
}
.active #ydlg4img2 {
	top:0%;
	opacity: 1;
	transition-delay: 0.3s;
}
.active #ydlg4img3 {
	top:0%;
	opacity: 1;
	transition-delay: 0.6s;
}
.ydlg5{
	background:#e9e9e9;
}
.ydlg5 .ydlg5bg {
	position: absolute;
	left: 50%;
	margin-left:-960px;
	top: 100%;
	opacity: 0;
	transition: all 1s;
}
.ydlg5 .ydlg5content{
	position: absolute;
	left: 50%;
	margin-left:-960px;
	top: 100%;
	opacity: 0;
	transition: all 1s;
}
.ydlg5 .ydlg5content img{
	max-width: 1920px;
}
.active .ydlg5bg {
	top:0%;
	opacity: 1;
	transition-delay: 0s;
}
.active .ydlg5content {
	top:0%;
	opacity: 1;
	transition-delay: 0.6s;
}
.ydlg5nei{
	position: absolute;
	left:0;
	top:32%;
	width:100%;
	height:68%;
	display: flex;
	justify-content: center;
}
.ydlg5nei .ydlg5neie{
	width:300px;
	margin:0 7%;
	margin-top:100%;
	opacity: 0;
}
.ydlg5nei .ydlg5neie .ydlg5neieimg{
	width:300px;
}
.ydlg5nei .ydlg5neie .ydlg5neietitle{
	width:300px;
	text-align: center;
	margin:30px 0;
	font-size:22px;
	color:#000000;
}
.ydlg5nei .ydlg5neie .ydlg5neiexian{
	width:30px;
	height:2px;
	margin:auto;
	background:#000000;
}
.ydlg5nei .ydlg5neie .ydlg5neiegeng{
	width:130px;
	height:40px;
	margin:auto;
	border-bottom:1px solid #4d4d4d;
	display:flex;
	justify-content:space-between;
	transition: all 0.5s;
}
.ydlg5nei .ydlg5neie .ydlg5neiegeng .ydlg5neiegengl{
	line-height:40px;
	margin-left:5px;
	font-size:20px;
	color:#000000;
}
.ydlg5nei .ydlg5neie .ydlg5neiegeng .ydlg5neiegengr{
	height:40px;
}
.ydlg5nei .ydlg5neie:hover .ydlg5neiegeng{
	width:140px;
}
.active #ydlg5img1 {
	margin-top:0%;
	opacity: 1;
	transition-delay: 0.9s;
}
.active #ydlg5img2 {
	margin-top:0%;
	opacity: 1;
	transition-delay: 1.2s;
}
.active #ydlg5img3 {
	margin-top:0%;
	opacity: 1;
	transition-delay: 1.5s;
}

/*优顿绿谷结束*/

/*产品弹窗开始*/
.chanpinzhan{
	width:0;
	height:0;
	position: fixed;
	left:50%;
	top:50%;
	z-index:888;
	background:#f1f1f1;
	overflow:hidden;
	transition: all 1s;
}
.chanpinzhankai{
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.chanpinzhann{
	width:100%;
	height:100%;
	position: relative;
	display: none;
}
/*.chanpinzhann .chanpinzhannimg{
	width:1920px;
	height:1080px;
	position: absolute;
	left:50%;
	margin-left:-960px;
	top:50%;
	margin-top:-540px;
	opacity: 1;
}*/
.chanpinzhann .chanpinzhannimg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	object-fit: contain;
}
.chanpinzhann .chanpinzhannqie{
	width:100%;
	height:30px;
	position: absolute;
	left:0;
	bottom:15%;
	z-index:66;
	display: flex;
	justify-content: center;
}
.chanpinzhann .chanpinzhannqie .chanpinzhannqies{
	width:40px;height:40px;margin-top:10px;
}
.chanpinzhann .chanpinzhannqie .chanpinzhannqiee{
	width:60px;
	height:60px;
	border-radius: 100%;
	overflow: hidden;
	text-align: center;
	line-height:60px;
	font-size:14px;
	color:#ffffff;
	background:#b3b3b3;
	cursor:pointer;
}
.chanpinzhann .chanpinzhannqie .chanpinzhannqiee:hover{
    color:#ffffff;
	background:#ca1e27;
	transition: all 0.5s;
}
.chanpinzhann .chanpinzhannqie .chanpinzhannqieexuan{
	width:60px;
	height:60px;
	border-radius: 100%;
	overflow: hidden;
	text-align: center;
	line-height:60px;
	font-size:14px;
	color:#ffffff;
	background:#ca1e27;
}
.chanpinzhann .chanpinzhanncha{
	width:50px;
	height:50px;
	position: absolute;
	right:2%;
	top:15%;
	z-index:66;
	cursor:pointer;
}
/*产品弹窗结束*/

/*联系我们开始*/
div.lianxi1{
	width:100%;
	position: relative;
}
div.lianxi1 img{
	width:100%;
}
div.lianxi1 div.lianxi1n{
	width:100%;
	position: absolute;
	left:0;top:26%;
	text-align: center;
}
div.lianxi1 div.lianxi1n div.lianxi1ns{
	width:100%;
	height:72px;
	font-size:46px;
	font-weight:bold;
	color:#ffffff;
}
div.lianxi1 div.lianxi1n div.lianxi1nz{
	width:50px;
	height:2px;
	margin:auto;
	background:#e4e9f2;
}
div.lianxi1 div.lianxi1n div.lianxi1nx{
	width:100%;
	font-size:28px;
	font-weight:200;
	color:#ffffff;
}

div.lianxi2{
	width:80%;
	max-width:1920px;
	height:136px;
	margin:auto;
	position: relative;
	display: flex;
}
div.lianxi2 a.lianxi2{
	line-height:136px;
	font-size:20px;
	color:#404040;
	margin-right:30px;
	transition: all 0.5s;
}
div.lianxi2 a.lianxi2:hover{
    color:#c9132a;
}
div.lianxi2 a.lianxi2xuan{
	color:#c9132a;
}
div.lianxiwomen{
	width:100%;
	max-width:1920px;
	margin:auto;
	height:990px;
	position: relative;
}
div.lianxiwomen div.lianxiwomenback{
	width:100%;
	height:990px;
}
div.lianxiwomen div.lianxiwomennei{
	width:520px;height:700px;
	position: absolute;
	left:10%;top:160px;z-index:10;
	background: rgba(255,255,255,0.8);
}
div.lianxiwomennein{
	width:420px;
	margin:auto;
}
div.lianxiwomennein div.lianxiwomennein1{
	width:420px;
	height:47px;
	font-size:24px;
	color:#333333;
}
div.lianxiwomennein div.lianxiwomennein2{
	width:420px;
	height:2px;
	background: #808080;
}
div.lianxiwomennein div.lianxiwomennein3{
	width:420px;
	height:42px;
}
div.lianxiwomennein div.lianxiwomennein3 img{
	height:26px;
}
div.lianxiwomennein div.lianxiwomennein4{
	width:420px;
	height:60px;
	font-size:14px;
	font-weight: bold;
	color:#666666;
}
div.lianxiwomennein div.lianxiwomennein5{
	width:420px;
	height:44px;
	font-size:16px;
	color:#c9142a;
}
div.lianxiwomennein div.lianxiwomennein6{
	width:420px;
}
div.lianxiwomennein div.lianxiwomennein6 input{
	width:420px;
	height:24px;
	border-bottom:2px solid #808080;
	font-size:14px;
	color:#808080;
}
div.lianxiwomennein div.lianxiwomennein7{
	width:420px;
	height:24px;
}
div.lianxiwomennein div.lianxiwomennein7 input{
	width:50px;
	height:24px;
	text-align: center;
	line-height:24px;
	font-size:14px;
	color:#ffffff;
	background:#c9142a;
	cursor:pointer;
}
div.mendianchaxun{
	width:800px;
	margin:auto;
}
div.mendianchaxun div.mendianchaxun1{
	width:100%;
	height:72px;
	text-align: center;
	font-size:44px;
	font-weight: bold;
	color:#333333;
}
div.mendianchaxun div.mendianchaxun2{
	width:100%;
	height:26px;
	display: flex;
	justify-content: center;
}
div.mendianchaxun div.mendianchaxun2 div.mendianchaxun2l{
	height:26px;
	margin-right:4px;
}
div.mendianchaxun div.mendianchaxun2 div.mendianchaxun2l img{
	height:26px;
}
div.mendianchaxun div.mendianchaxun2 div.mendianchaxun2r{
	height:26px;
	margin-left:4px;
	margin-top:2px;
	font-size: 18px;
	color:#666666;
}
div.mendianchaxun div.mendianchaxun3{
	width:100%;
}
div.mendianchaxun div.mendianchaxun3 input{
	width:730px;
	height:74px;
	margin:auto;
	padding:0 20px;
	border:2px solid #c4c4c4;
	text-align: center;
	line-height:70px;
	font-size:24px;
	color:#2f2f2f;
}
div.mendianchaxun div.mendianchaxun4{
	width:100%;
	text-align: center;
}
div.mendianchaxun div.mendianchaxun4 button{
	width:130px;
	height:44px;
	text-align: center;
	line-height:44px;
	font-size:24px;
	color:#ffffff;
	background:#c9142a;
	cursor:pointer;
	border:none;
}
/*联系我们结束*/

/*新闻中心开始*/
div.xinwen1{
	width:100%;
	position: relative;
}
div.xinwen1 img{
	width:100%;
}
div.xinwen1 div.xinwen1n{
	width:100%;
	position: absolute;
	left:0;top:48%;
	text-align:center;
}
div.xinwen1 div.xinwen1n div.xinwen1ns{
	line-height:66px;
	font-size:42px;
	color:#ffffff;
}
div.xinwen1 div.xinwen1n div.xinwen1nx{
	line-height:70px;
	font-size:36px;
	color:#ffffff;
}

div.xinwen2{
	width:80%;
	max-width:1500px;
	height:106px;
	margin:auto;
	display: flex;
	justify-content: space-between;
}
div.xinwen2 div.xinwen2l{
	font-size:64px;
	color:#000000;
}
div.xinwen2 div.xinwen2r{
	display: flex;
	margin-top:30px;
}
div.xinwen2 div.xinwen2r a.xinwen2r{
	line-height:42px;
	font-size:20px;
	color:#404040;
	margin-left:30px;
	transition: all 0.5s;
}
div.xinwen2 div.xinwen2r a.xinwen2r:hover{

    color:#c9132a;
}
div.xinwen2 div.xinwen2r a.xinwen2rxuan{
	color:#c9132a;
}
div.xinwenlist{
	width:80%;
	max-width:1500px;
	margin:auto;
}
div.xinwenlist div.xinwenliste{
	width:100%;
	border-top:1px solid #dedede;
}
div.xinwenlist div.xinwenliste div.xinwenlisten{
	width:100%;
	display: flex;
	justify-content: space-between;
}
div.xinwenlist div.xinwenliste div.xinwenlisten div.xinwenlistenl{
	width:48%;
}
div.xinwenlist div.xinwenliste div.xinwenlisten div.xinwenlistenl img{
	width:100%;
	height: 340px;
	object-fit: cover;
	border-radius: 10px;
}
div.xinwenlist div.xinwenliste div.xinwenlisten div.xinwenlistenr{
	width:48%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
div.xinwenlist div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr1{
	width:100%;
	height:100px;
	overflow: hidden;
	line-height:100px;
	font-size:38px;
	font-weight: bold;
	color:#000000;
	 -ms-text-overflow: ellipsis;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
div.xinwenlist div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr2{
	width:100%;
	height:160px;
}
div.xinwenlist div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr2 p{
	line-height:40px;
	font-size:18px;
	color:#858585;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
div.xinwenlist div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr3{
	width:100%;
	height:70px;
	overflow: hidden;
}
div.xinwenlist div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr3 img{
	height:35px;
	margin-top:35px;
	transition: all 0.5s;
}
div.xinwenlist div.xinwenliste div.xinwenlisten:hover div.xinwenlistenr div.xinwenlistenr3 img{
    margin-left:20px;
}
div.xinwenxiang1{
	width:80%;
	margin:auto;
	height:145px;
	overflow: hidden;
	line-height:145px;
	font-size:40px;
	color:#000000;
	border-bottom: 2px solid #dedede;
}
div.xinwenxiang2{
	width:80%;
	margin:auto;
	line-height:54px;
	font-size:24px;
	color:#4d4d4d;
}
div.xinwenxiang2 p{
	line-height:54px;
	font-size:24px;
	color:#4d4d4d;
}
div.xinwenxiang2 img{
	max-width: 100%;
}
div.xinwenxiang3{
	width:80%;
	margin:auto;
	height:80px;
	font-size:40px;
	color:#000000;
}
div.xinwenxiang4{
	width:80%;
	margin:auto;
	display: flex;
	justify-content: space-between;
}
div.xinwenxiang4 div.xinwenxiang4e{
	width:24%;
}
div.xinwenxiang4 div.xinwenxiang4e img.xinwenxiang4e1{
	width:100%;
	height: 200px;
	border-radius: 6px;
	object-fit: cover;
}
div.xinwenxiang4 div.xinwenxiang4e div.xinwenxiang4e2{
	width:100%;
	height:70px;
	overflow:hidden;
	line-height:70px;
	font-size:18px;
	color:#4d4d4d;
	 -ms-text-overflow: ellipsis;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
div.xinwenxiang4 div.xinwenxiang4e div.xinwenxiang4e3{
	width:100%;
	height:72px;
	overflow:hidden;
	line-height:24px;
	font-size:14px;
	color:#999999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
div.xinwenxiang4 div.xinwenxiang4e div.xinwenxiang4e3 p{
	line-height:24px;
	font-size:14px;
	color:#999999;
}
/*新闻中心结束*/


.sousuomendian{
	width:1000px;
	margin:auto;
	border-collapse:collapse;
	border:1px solid #ccc;
}
.sousuomendian tr td{
	border:1px solid #ccc;
	text-align: center;
	line-height:50px;
	font-size:22px;
	color:#000;
}

/*底部导航开始*/
.footer{
	width:100%;
	height:500px;
	background: #333333;
}
.footer .footer1{
	width:100%;
	height:30px;
	background:#c9142a;
}
.footer .footer2{
	width:100%;
	height:40px;
	text-align: center;
	font-size:28px;
	color:#ffffff;
}
.footer .footer3{
	width:100%;
	height:40px;
	text-align: center;
}
.footer .footer3 .footer3e{
	height:40px;
	line-height:40px;
	font-size: 20px;
	color:#999999;
	display: inline-block;
}
.footer .footer3 .footer3es{
	height:40px;
	line-height:40px;
	font-size: 20px;
	color:#999999;
	display: inline-block;
	margin:0 12px;
}
.footer .footer4{
	width:100%;
	height:80px;
	display: flex;
	justify-content: center;
}
.footer .footer4 .footer4e{
	height:70px;
	margin:0 40px;
}
.footer .footer5{
	width:100%;
	height:35px;
	text-align: center;
	font-size: 16px;
	color:#808080;
}
.footer .footer6{
	width:100%;
	height:50px;
	text-align: center;
	font-size: 28px;
	color:#e2b88d;
}
.footer .footer7{
	width:100%;
	height:20px;
	text-align: center;
	line-height:20px;
	font-size: 14px;
	color:#999999;
}
.footer .footer7 a {
	color: #fff;
}
/*底部导航结束*/

.bottomerweima{
    width:100%;
    height:88px;
    display: flex;
    justify-content: center;
}
.bottomerweima .bottomerweimae{
    width:64px;
    margin:0 10px;
}
.bottomerweima .bottomerweimae .bottomerweimaeimg{
    width:64px;
    height:64px;
}
.bottomerweima .bottomerweimae .bottomerweimaetitle{
    width:64px;
    height:24px;
    text-align:center;
    line-height:24px;
    font-size:12px;
    color:#808080;
}


.lvgunew{
    width:70%;
    height:100%;
    position: absolute;
    left:15%;top:0;z-index:10;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.lvgunew p{
    width:100%;
    line-height: 26px;
    font-size: 16px;
    color: #ffffff;
}


.index4nnnxia{
    width:86%;
    position: absolute;
    left:7%;bottom:16%;
}
.index4nnnxia .index4nnnshu{
    width:100%;
    display: flex;
    justify-content:center;
}
.index4nnnxia .index4nnnshu .index4nnnshue{
    margin:0 50px;
}
.index4nnnxia .index4nnnshu .index4nnnshue .index4nnnshues{
    display: flex;
    text-align: center;
}
.index4nnnxia .index4nnnshu .index4nnnshue .index4nnnshues .index4nnnshuesl{
    font-size:0.054rem;/*28px;*/
    font-weight: bold;
    color:#ffffff;
}
.index4nnnxia .index4nnnshu .index4nnnshue .index4nnnshues .index4nnnshuesr{
    font-size:0.027rem;/*14px;*/
    color:#ffffff;
    margin-top:10px;
}
.index4nnnxia .index4nnnshu .index4nnnshue .index4nnnshuex{
    line-height:1.75em;/*28px;*/
    color:#ffffff;
    font-size:0.03125rem;/*16px;*/
}
.index4nnnxia .index4nnncon{
    margin-top:50px;
    width:100%;
    line-height:1.625em;/*26px;*/
    font-size:0.03125rem;/*16px;*/
	color:#ffffff;
}
.index4nnnxia .index4nnncon p{
    width:100%;
    line-height:1.625em;/*26px;*/
    font-size:0.03125rem;/*16px;*/
	color:#ffffff;
}

.card_bg_title{
    width:100%;
    height:40px;
    position: absolute;
    left:0;bottom:0;z-index:666;
    background:rgba(0,0,0,0.6);
    text-align: center;
    line-height:2.22em;/*40px;*/
    font-size:0.035rem;/*18px;*/
    color:#ffffff;
}


/*案例*/
div.anlilist{
	width:80%;
	max-width:1500px;
	margin:auto;
	display: flex;
	flex-flow:row wrap
}
div.anlilist div.anliliste{
    width:31%;
    margin:0 1% 36px 1%;
}
div.anlilist div.anliliste div.anlilistes{
    width:100%;
}
div.anlilist div.anliliste div.anlilistes img{
    width:100%;
    transition: all 0.4s;
}
div.anlilist div.anliliste div.anlilistex{
    width:100%;
    height:70px;
    background:#ffffff;
    text-align: center;
    line-height:70px;
    font-size:20px;
    color:#7d7d7d;
    overflow: hidden;
    transition: all 0.4s;
}
div.anlilist div.anliliste:hover div.anlilistes img{
    width:96%;
}
div.anlilist div.anliliste:hover div.anlilistex{
    color:#cc2733;
}


/*单屏案例*/
div.anligun{
    width:100%;
    position: absolute;
    left:0;
    top:50%;
    margin-top:-350px;
}
div.anligun div.anligun1{
    width:100%;
    height:140px;
    text-align: center;
}
div.anligun div.anligun1 div.anligun1s{
    width:100%;
    height:56px;
    text-align: center;
    font-size:0.066rem;/*34px*/
    color:#000000;
}
div.anligun div.anligun1 div.anligun1x{
    width:100%;
    height:84px;
    text-align: center;
    font-size:0.047rem;/*24px*/
    color:#e6e6e6;
}

div.anligun div.anligun2{
	width:80%;
	max-width:1500px;
	margin:auto;
	display: flex;
	justify-content: space-between;
}
div.anligun div.anligun2 div.anligun2e{
    width:32%;

}
div.anligun div.anligun2 div.anligun2e div.anligun2es{
    width:100%;
    overflow: hidden;
    text-align: center;
}
div.anligun div.anligun2 div.anligun2e div.anligun2es img.anligun2es{
    width:100%;
    transition: all 0.4s;
}
div.anligun div.anligun2 div.anligun2e div.anligun2ex{
    width:100%;
    height:70px;
    background:#ffffff;
    text-align: center;
    line-height:70px;
    font-size:0.039rem;/*20px*/
    color:#7d7d7d;
    overflow: hidden;
     transition: all 0.4s;
}
div.anligun div.anligun2 div.anligun2e:hover div.anligun2es img.anligun2es{
    width:98%;
}
div.anligun div.anligun2 div.anligun2e:hover div.anligun2ex{
    color:#cc2733;
}

div.anligun div.anligun3{
    width:80%;
	max-width:1500px;
    margin:auto;
    height:3px;
    background:#e6e6e6;
}
div.anligun div.anligun3 div.anligun3n{
    width:42%;
    height:3px;
    margin:auto;
    background:#cc2733;
}
div.anligun div.anligun4{
    width:230px;
    height:60px;
    margin:auto;
}
div.anligun div.anligun4 a.anligun4e{
    width:230px;
    height:60px;
    display: block;
    border-radius:60px;
    background:#cc2733;
    overflow: hidden;
    text-align: center;
    line-height: 60px;
    font-size: 0.058rem;/*30px*/
    color:#ffffff;
}



#pages {
	padding: 40px 0 80px;
	height: 36px;
	text-align: center
}

#pages a {
	width: 36px;
	height: 36px;
	background-color: #fff;
	display: inline-block;
	color: #a9a9a9;
	line-height: 36px;
	text-align: center;
	font-family: Arial;
	margin-right: 5px;
	transition: background-color 0.2s ease-out
}
#pages p {
	width: 36px;
	height: 36px;
	background-color: #fff;
	display: inline-block;
	color: #a9a9a9;
	line-height: 36px;
	text-align: center;
	font-family: Arial;
	margin-right: 5px;
	transition: background-color 0.2s ease-out
}

#pages span {
	margin-right: 5px
}

#pages a i {
	font-size: 24px;
	top: 2px;
	position: relative
}

#pages a.select,
#pages a:hover {
	background-color: #838383;
	color: #fff;
}