.open{
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/* display: none; */
}
.open.active{
	height: 0;
	transition-delay: 1s;
}
.open-box{
	position: relative;
	width: 100%;
	height: 100%;
}
.open-box>img{
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	opacity: 1;
	transform: translate(-50%,-50%);
	transition: all 1s ease-in-out;  
}
.open.active .open-box>img{
	width: 180%;
	opacity: 0;
}
.open-box>h2{
	color: #c21b22;
	position:absolute;
	left: 50%;
	top: 65%;
	transform: translate(-50%,-50%);
	font-weight: bold;
	transition: all .3s ease-in-out;  
}
.open.active .open-box>h2{
	top: 80%;
	opacity: 0;
}
.open-box>p{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 5%;
}
.open.active .open-box>p{
	display: none;
}
/*导航样式*/
	.web-nav-box{
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
	}
	.web-nav{
		background-color: rgba(0,0,0,0);
		transition: all .6s;
		position: relative;
	}
	.web-nav:hover{
		background-color: #fff;
		box-shadow: 2px 5px 5px rgba(0,0,0,.1);
	}
	.web-nav-box>.active{
		background-color: #fff;
		box-shadow: 2px 5px 5px rgba(0,0,0,.1);
	}
	.web-nav>.cont{
		width: 100%;
		position: relative;
	}
	.web-nav>.cont>a{
		padding:20px 0;
		height: 40px;
		margin-left: 7%;
	}
	.web-nav>.cont>a>img{
		height:100%;
	}
	.web-nav>.cont>a>img:last-child{
		display: none;
	}
	.web-nav:hover>.cont>a>img{
		display: none;
	}
	.web-nav-box>.active>.cont>a>img{
		display: none;
	}
	.web-nav:hover>.cont>a>img:last-child{
		display: block;
	}
	.web-nav-box>.active>.cont>a>img:last-child{
		display: block;
	}
	.web-nav>.cont>ul{
		width:60%;
	}
	.web-nav>.cont>ul>li{
		padding:20px 0;
		line-height: 40px;
		position: relative;
	}
	.web-nav>.cont>ul>li:after{
		position: absolute;
		width:0;
		height: 4px;
		background-color:#c21b22;
		bottom: 0;
		left: 50%;
		content: "";
		transform: translateX(-50%);
		transition: all .6s;
	}
	.web-nav>.cont>ul>li:hover:after{
		width:180%;
	}
	.web-nav>.cont>ul>.active:after{
		width:180%;
	}
	.web-nav>.cont>ul>.active>a{
		color: #c21b22;
	}
	
	.web-nav>.cont>ul>li>a{
		color: #fff;
		line-height: 40px;
		position: relative;
	}
	
	.web-nav:hover>.cont>ul>li>a{
		color: #000;
	}
	.web-nav-box>.active>.cont>ul>li>a{
		color: #000;
	}
	.web-nav>.cont>ul>li:hover>a{
		color: #c21b22;
	}
	.web-nav>.cont>p{
		color: #fff;
		line-height: 40px;
		padding:20px;
		box-sizing: border-box;
		background-color: #c21b22;
	}
	/* .web-nav:hover>.cont>p{
		color: #000;
	}
	.web-nav-box>.active>.cont>p{
		color: #000;
	} */
	.web-nav>.cont>p>img{
		width:36px;
		height: 36px;
		float: left;
		margin-top: 2px;
		margin-right: 10px;
	}
	 .web-nav>.cont>p>img:nth-child(2){
		display: none;
	}
	/*.web-nav:hover>.cont>p>img{
		display: none;
	}
	.web-nav-box>.active>.cont>p>img{
		display: none;
	}
	.web-nav:hover>.cont>p>img:nth-child(2){
		display: block;
	}
	.web-nav-box>.active>.cont>p>img:nth-child(2){
		display: block;
	} */
/*分屏导航*/
	#full_tap { 
		width: 20px; 
		position: fixed; 
		top: 50%; 
		right: 48px; 
		height: 182px;
		transform: translateY(-50%);
		z-index: 10; 
	}
	#full_tap li { 
		margin: 3px 0 ;
	}
	.full_tap { 
		display: inline-block; 
		position: relative; 
		width: 20px; 
		height: 20px; 
	}
	.full_tap:before { 
		content: ""; 
		position: absolute; 
		left: 0; 
		top: 0; 
		width: 20px; 
		height: 20px; 
		background: url(../images/hmi.png) no-repeat center center; 
		display: block; 
	}
	.full_tap span { 
		position: absolute; 
		top: 0px; 
		right: 31px; 
		transition: all 0.2s ease-in-out; 
		opacity: 0; 
		visibility: hidden;
		white-space: nowrap; 
		font-size: 16px; 
		line-height: 20px; 
		color: #c62b30; 
		display: inline-block;
		
		}
	.full_tap.on:before { 
		background: url(../images/hmci.png) no-repeat center center; 
		animation: an1 2s linear infinite;
	}
	.full_tap.on span { 
		opacity: 1; 
		visibility: visible ;
	}
	@keyframes an1 {  
		0% {
		 transform:rotate(0deg);
		}
		 100% {
		 transform:rotate(360deg);
		opacity:0.8;
		}
	  }
	  @-webkit-keyframes an2 {  
		0% {
		 opacity: 1;
		}
		 50% {
		 opacity: 0;
		}
		 100% {
		 opacity: 1;
		}
	  }
/* banner区域 */
	.inx-01{
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
	}
	.inx-swiper{
		width: 100%;
		height: 100%;
	}
	.inx-swiper>ul>li{
		width: 100%;
		height: 100%;
	}
	.inx-swiper>ul>li>a>img{
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center;
		background-repeat: no-repeat;
	}
	.inx-swiper>ul>li>a{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.banner-box{
		width: 100%;
		height: 100%;
		position:absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}
	.banner-box img{
		width: 50%;
		position:absolute;
		left: 50%;
		top: 42%;
		transform: translate(-50%,-50%);
		top: 60%;
		transition: all .8s ease-in-out;
		opacity: 0;
	}
	.banner-box h3{
		width: 50%;
		position:absolute;
		left: 50%;
		top: 40%;
		transform: translate(-50%,-50%);
		color: #fff;
		text-align: center;
		opacity: 0;
		transition: all .8s ease-in-out;
	}
	.inx-01.active .banner-box img{
		top: 48%;
		opacity: 1;
		transition-delay: .3s;
	}
	.inx-01.active .banner-box h3{
		top: 56%;
		opacity: 1;
		transition-delay: .3s;
		width: 100%;
		text-align: center;
	}
	.banner-tap{
		/*width: 100%;*/
		position: absolute;
		color: #fff;
		bottom: 80px;
		left: 7%;
		z-index: 3;
	  }
	  .banner-tap>ul>li{
		width: 60px;
		height: 60px;
		border:none;
		margin:0 30px;
		text-align: center;
		font-size: 14px;
		line-height: 60px;
		border-radius: 50%;
		position: relative;
		cursor: pointer;
	  }
	  .banner-tap>ul>.active{
		border:1px solid #fff;
	  }
	  .banner-tap>ul>li:after{
		position: absolute;
		content: "";
		width: 0;
		opacity: 1;
		height: 1px;
		background-color: #fff;
		left: -45px;
		top: 50%;
		transform: translateY(-50%);
		transition: all .6s;
	  }
	  .banner-tap>ul>.active:after{
		width: 60px;
		opacity: 1;
	  }
	  
	  .inx-scroll{
		  width:80px;
		  position: absolute;
		  right: 7%;
		  bottom: 60px;
		  z-index: 1;
		  text-align: center;
		  color: #fff;
		  animation: scrol 2s infinite;
		  animation-timing-function: linear;
		  -webkit-animation: scrol 2s infinite;
		  -webkit-animation-timing-function: linear;
	  }
	  .inx-scroll>img{
		  margin:0 auto;
	  }
	  .inx-scroll>p{
		  text-align: center;
		  margin-top: 10px;
	  }
/* 首页二屏 */
	.inx-02-box{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.inx-02-left{
		width: 50%;
		/* background-color: #f4f4f4; */
		padding-left: 7%;
		padding-right: 5%;
		padding-top: 180px;
		box-sizing: border-box;
		position: relative;
		background-image: url(../images/inx-bj3.png);
		background-position: center;
		background-repeat: no-repeat;
		transform: translateX(-50%);
		opacity: 0;
		transition: all .8s ease-in-out;
	}
	.inx-02.active .inx-02-left{
		transform:translateX(0);
		opacity: 1;
		transition-delay: .3s;
	}
	.inx-02-left>h4{
		position: relative;
		padding-left: 50px;
		box-sizing: border-box;
	}
	.inx-02-left>h4::before{
		position: absolute;
		left: 0;
		top: 50%;
		content: "";
		transform: translateY(-50%);
		width: 40px;
		height: 2px;
		background-color: #c21b22;
	}
	.inx-02-left>p:nth-child(2){
		text-transform: uppercase;
		font-size: 20px;
		padding-left: 50px;
		box-sizing: border-box;
		font-weight: 500;
	}
	.inx-02-info{
		width: 100%;
		margin-top: 60px;
		text-align: justify;
	}
	.inx-02-info>p{
		line-height: 32px;
	}
	.inx-02-left>a{
		width: 160px;
		line-height: 48px;
		background-color: #c21b22;
		color: #fff;
		text-align: center;
		margin-top: 60px;
	}
	.inx-02-left>ul{
		margin-top: 80px;
		border:1px solid rgba(0,0,0,.1);
	}
	.inx-02-left>ul>li{
		width: 25%;
		padding:15px 0;
		text-align: center;
		position: relative;
	}
	.inx-02-left>ul>li::after{
		position: absolute;
		right: 0;
		top: 50%;
		content: "";
		width: 1px;
		height: 60%;
		background-color: rgba(0,0,0,.1);
		transform: translateY(-50%);
	}
	.inx-02-left>ul>li:last-child::after{
		display: none;
	}
	.inx-02-left>ul>li img{
		margin:0 auto;
		width: 48px;
	}
	.inx-02-right{
		width: 50%;
		background-image: url(../images/inx-bj1.jpg);
		background-size: cover;
		padding-left: 7%;
		padding-right: 5%;
		padding-top: 180px;
		box-sizing: border-box;
		position: relative;
		transform: translateX(50%);
		opacity: 0;
		transition: all 0.8s ease-in-out;
	}
	.inx-02.active .inx-02-right{
		transform:translateX(0);
		opacity: 1;
		transition-delay: .3s;
	}
	.inx-02-right>h5{
		color: #fff;
	}
	.inx-02-right>h2{
		color: #fff;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 40%;
		left: 0;
		z-index: 2;
		font-weight: 600;
	}
	.inx-02-right>img{
		width: 80%;
		position: absolute;
		bottom: -50%;
		left: 50%;
		transform: translateX(-50%);
		opacity: 0;
		transition: all 0.8s ease-in-out;
	}
	.inx-02.active .inx-02-right>img{
		bottom: 0%;
		opacity: 1;
		transition-delay: .3s;
	}
	.inx-02-right>span{
		position: absolute;
		width: 80px;
		height: 80px;
		display: block;
		left: 50%;
		top: 60%;
		transform: translate(-50%,-50%);
		opacity: .6;
		cursor: pointer;
	}
	.inx-02-right>span:hover{
		opacity: 1;
	}
	.inx-02-right>span img{
		width: 100%;
		
	}
	.inx-02-right>span img:first-child{
		-webkit-animation: rotate360 6s linear 0s infinite;
         animation: rotate360 6s linear 0s infinite;
	}
	.inx-02-right>span img:nth-child(2){
		width: 60%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.video-box{
		width: 0%;
		height: 100%;
		position:absolute;
		right: 0;
		top: 0;
		z-index: 3;
		background-color: rgba(0,0,0,0);
		overflow: hidden;
	}
	.video-box.active{
		width: 100%;
		background-color: rgba(0,0,0,.8);
		transition: all .6s ease-in-out;  
	}
	.video-box video{
		width: 0%;
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		opacity: 0;
		transition: all .8s ease-in-out;  
	}
	.video-box.active video{
		width: 60%;
		opacity: 1;
		transition-delay: .5s;
	}
	.video-close{
		position:absolute;
		right: 10%;
		width:50px;
		height: 50px;
		top:50%;
		transform: translateY(-50%);
		cursor: pointer;
		background-image: url(../images/close.png);
		background-size: 100%;
	}
	.video-close:hover{
		background-image: url(../images/close1.png);
	}
/* 首页三屏 */
	.inx-03{
		width: 100%;
		background-image: url(../images/inx-bj2.jpg);
	}
	.inx-03-box{
		width: 100%;
		height: 100%;
		position: relative;
		padding-top: 200px;
		box-sizing: border-box;
		padding-left: 7%;
	}
	.inx-03-list{
		width: 45%;
		transform: translateX(-50%);
		opacity: 0;
		transition: all .8s ease-in-out;
	}
	.inx-03.active .inx-03-list{
		transform: translateX(0);
		opacity: 1;
		transition-delay: .3s;
	}
	.inx-03-list>ul{
		width: 100%;
	}
	.inx-03-list>ul>li{
		width: 100%;
		position: relative;
		display: none;
	}
	.inx-03-list>ul>li:nth-child(1){
		display: block;
	}
	.inx-03-num{
		width: 23%;
		height: 200px;
		background-color: #9b9a9a;
		position: absolute;
		left: 0;
		top: -30px;
	}
	.inx-03-num h1{
		font-size: 140px;
		font-weight: 500;
		color: rgba(255,255,255,.3);
		text-align: center;
		position:absolute;
		width: 100%;
		top: 0;
	}
	.inx-03-num span{
		width: 100%;
		display: block;
		background-color: #9b9a9a;
		position:absolute;
		width: 100%;
		left: 0;
		top:72px;
		text-align: center;
		color: #fff;
	}
	.inx-03-info{
		width: 82%;
		height: 70vh;
		background-color: rgba(194,27,34,1);
		margin-left: auto;
		padding:60px;
		box-sizing: border-box;
		color: #fff;
	}
	.inx-03-info strong{
		width: 100%;
		display: block;
		max-height: 32vh;
		overflow: hidden;
	}
	.inx-03-info p{
		line-height: 30px;
		margin-top: 10px;
	}
	.inx-03-info p:nth-child(1){
		margin-top: 0;
	}
	.inx-03-info>h5{
		margin-bottom: 40px;
	}
	.inx-03-info>a{
		width: 150px;
		line-height: 48px;
		border:1px solid #fff;
		text-align: center;
		color: #fff;
		margin-top: 40px;
	}
	.inx-03-tap{
		position: absolute;
		right: 50px;
		width: 600px;	
		height: 600px;
		border-radius: 50%;
		/* border:1px solid rgba(0,0,0,.1); */
		top: 55%;
		transform: translateY(-50%);
		opacity: 0;
		transition: all .8s ease-in-out;
	}
	.inx-03.active .inx-03-tap{
		right: 50px;
		opacity: 1;
		transition-delay: .3s;
	}
	.inx-03-tap>ul{
		width:100%;
		height: 100%;
		border-radius: 50%;
	}
	.inx-03-tap>ul li{
		width: 100px;
		height: 100px;
		position: absolute;
		background-color:#fafafafa;
		border-radius: 50%;
		text-align: center;
		left: 50%;
		margin-left: -55px;
		margin-top: -55px;
		box-shadow: 5px 2px 10px 2px rgba(0,0,0,.1);
	}
	.inx-03-tap>ul>li>a{
		width:100%;
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		transform: translate(-50%,-50%);
		padding:0 10px;
		box-sizing: border-box;
		z-index: 2;

	}
	.inx-03-tap>ul>li>a>p>img{
		width: 50%;
		margin:0 auto;
	}
	.inx-03-tap>ul>li>a>p>img:nth-child(1){
		opacity: .6;
	}
	.inx-03-tap>ul>li>a>p>img:nth-child(2){
		display: none;
	}
	.inx-03-tap>ul>li.active{
		background-color: #c21b22;
	}
	.inx-03-tap>ul>li.active:after{
		position:absolute;
		width: 100%;
		height: 100%;
		content: "";
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		background-color: #c21b22;
		border-radius: 50%;
		z-index: 1;
		opacity: 0;
		animation: an4 2s linear infinite;
	}
	.inx-03-tap>ul>li.active>a>p>img:nth-child(1){
		display: none;
	}
	.inx-03-tap>ul>li.active>a>p>img:nth-child(2){
		display: block;
	}
	.inx-03-tap>ul li:nth-of-type(1){
		transform: rotate(-10deg);
		transform-origin:50px 350px;
	}
	.inx-03-tap>ul li:nth-of-type(1) p{
		transform: rotate(10deg);
		transform-origin:center center;
	}
	.inx-03-tap>ul li:nth-of-type(2){
		transform: rotate(-32.8deg);
		transform-origin:50px 350px;
	}
	.inx-03-tap>ul li:nth-of-type(2) p{
		transform: rotate(32.8deg);
		transform-origin:center center;
	}
	.inx-03-tap>ul li:nth-of-type(3){
		transform: rotate(-55.6deg);
		transform-origin:50px 350px;
	}
	.inx-03-tap>ul li:nth-of-type(3) p{
		transform: rotate(55.6deg);
		transform-origin:center center;
	}
	.inx-03-tap>ul li:nth-of-type(4){
		transform: rotate(-78.4deg);
		transform-origin:50px 350px;
	}
	.inx-03-tap>ul li:nth-of-type(4) p{
		transform: rotate(78.4deg);
		transform-origin:center center;
	}
	.inx-03-tap>ul li:nth-of-type(5){
		transform: rotate(-101.2deg);
		transform-origin:50px 350px;
	}
	.inx-03-tap>ul li:nth-of-type(5) p{
		transform: rotate(101.2deg);
		transform-origin:center center;
	}
	.inx-03-tap>ul li:nth-of-type(6){
		transform: rotate(-124deg);
		transform-origin:50px 350px;
	}
	.inx-03-tap>ul li:nth-of-type(6) p{
		transform: rotate(124deg);
		transform-origin:center center;
	}
	.inx-03-tap>ul li:nth-of-type(7){
		transform: rotate(-146.8deg);
		transform-origin:50px 350px;
	}
	.inx-03-tap>ul li:nth-of-type(7) p{
		transform: rotate(146.8deg);
		transform-origin:center center;
	}
	.inx-03-tap>ul li:nth-of-type(8){
		transform: rotate(-170deg);
		transform-origin:50px 350px;
	}
	.inx-03-tap>ul li:nth-of-type(8) p{
		transform: rotate(170deg);
		transform-origin:center center;
	}
	.inx-03-tit{
		position: absolute;
		right:200px;
		width: 280px;
		height: 280px;
		border-radius: 50%;
		border:1px solid rgba(0,0,0,.1);
		top: 55%;
		transform: translateY(-50%);
		padding:30px;
		box-sizing: border-box;
	}
	.inx-03-tit .box::after{
		position:absolute;
		width: 100%;
		height: 100%;
		content: "";
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		background-color: #c21b22;
		border-radius: 50%;
		z-index: 1;
		opacity: 0;
		animation: an4 2s linear infinite;
	}
	.inx-03-tit a{
		color: #fff;
		font-size: 1.2vw;
		font-weight: 700;
	}
	@keyframes an4 {  
		0% {
		opacity:0;
		width: 100%;
		height: 100%;
		}
		 50% {
			opacity:.3;
			width: 118%;
			height: 118%;
		 }
		 100% {
			opacity:0;
			width: 100%;
			height: 100%;
		 }
	}
	.inx-03-tit>span{
		width: 100%;
		height:100%;
		border-radius: 50%;
		background-color: #c21b22;
		display: block;
		box-shadow: 5px 2px 10px 2px rgba(0,0,0,.1);
	}
	.inx-03-tit>span h5{
		position: absolute;
		width: 80%;
		color: #fff;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		display: none;
		z-index: 2;
	}
	.inx-03-tit>span h5:nth-child(1){
		display: block;
	}
/* 首页四屏 */
	.inx-04,.inx-04 ul{
		width:100vw;
		height: 100vh;
		background-color: #fafafa;
	}
	.inx-04 ul>li{
		height: 33.333vh; 
		width: 33.333vw;
		overflow:hidden;
	}
	.inx-04-box{
		width:100%;
		height: 33.333vh; 
		position: relative;
	}
	.inx-04 ul>li:nth-child(2) .inx-04-box,
	.inx-04 ul>li:nth-child(4) .inx-04-box,
	.inx-04 ul>li:nth-child(6) .inx-04-box,
	.inx-04 ul>li:nth-child(8) .inx-04-box{
		transform: translateY(-80%);
		opacity: 0;
		transition: all 0.8s ease-in-out;
	}
	.inx-04 ul>li:nth-child(1) .inx-04-box,
	.inx-04 ul>li:nth-child(3) .inx-04-box,
	.inx-04 ul>li:nth-child(7) .inx-04-box,
	.inx-04 ul>li:nth-child(9) .inx-04-box{
		transform: translateY(80%);
		opacity: 0;
		transition: all 0.8s ease-in-out;
	}
	.inx-04.active ul>li:nth-child(2) .inx-04-box,
	.inx-04.active ul>li:nth-child(4) .inx-04-box,
	.inx-04.active ul>li:nth-child(6) .inx-04-box,
	.inx-04.active ul>li:nth-child(8) .inx-04-box{
		transform: translateY(0);
		opacity: 1;
		transition-delay: .4s;
	}
	.inx-04.active ul>li:nth-child(1) .inx-04-box,
	.inx-04.active ul>li:nth-child(3) .inx-04-box,
	.inx-04.active ul>li:nth-child(7) .inx-04-box,
	.inx-04.active ul>li:nth-child(9) .inx-04-box{
		transform: translateY(0);
		opacity: 1;
		transition-delay: .6s;
	}
	
	.inx-04-box:after{
		content: "";
		transition: all 0.5s ease-in-out;
		 position: absolute;
		left: 0; 
		top: 0; 
		right: 0; 
		bottom: 0; 
		background: rgba(0,0,0,0.7);
	}
	.inx-04 ul>li:hover .inx-04-box:after{
		background: rgba(0,0,0,0.5);
	}
	.inx-04-box .img_box{
		width:100%;
		height: 33.333vh; 
		overflow:hidden;
		-webkit-filter: grayscale(100%); 
		filter: grayscale(100%); 
		opacity: 1; 
	}
	.inx-04 ul>li:hover .inx-04-box .img_box{
		-webkit-filter: grayscale(0%); 
		filter: grayscale(0%); 
		opacity: 1;
	}
	.inx-04 ul>li:hover .inx-04-box .img_box>img{
	  transform: scale(1.1);
	}
	/*.pic-box>img{
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center;
		background-repeat: no-repeat;
	}*/
	.inx-04-on { 
		position: absolute; 
		left: 0; 
		top: 0; 
		right: 0; 
		bottom: 0;
		 z-index: 2; 
		 transition: all 0.5s ease-in-out; 
		 opacity: 0; 
	}
	.inx-04-on i {
		 position: absolute; 
		 left: 0; 
		 top: 0; 
		 right: 0; 
		 bottom: 0; 
		 z-index: 2; 
		 display: block;
	}
	.inx-04-on:before { 
		content: "";
		 height: 30px; 
		 width: 30px; 
		 border-top: 2px solid #c62b30;
		 border-left: 2px solid #c62b30; 
		 position: absolute; 
		 left: 0px; 
		 top: 0px; 
	}
	.inx-04-on:after { 
		content: ""; 
		height: 30px; 
		width: 30px; 
		border-bottom: 2px solid #c62b30; 
		border-left: 2px solid #c62b30; 
		position: absolute; 
		bottom: 0px; 
		left: 0px; 
	}
	.inx-04-on i:before { 
		content: ""; 
		height: 30px; 
		width: 30px; 
		border-top: 2px solid #c62b30; 
		border-right: 2px solid #c62b30; 
		position: absolute; 
		right: 0px; 
		top: 0px; 

	}
	.inx-04-on i:after { 
		content: ""; 
		height: 30px; 
		width: 30px; 
		border-bottom: 2px solid #c62b30; 
		border-right: 2px solid #c62b30; 
		position: absolute; 
		bottom: 0px; 
		right: 0px; 
	}
	.inx-04 ul>li:hover .inx-04-on { 
		opacity: 1!important; 
	}
	.inx-04-tit{
		color: #faf7f7; 
		line-height: 42px; 
		position: absolute; 
		top: 50%; 
		margin-top: -21px; 
		left: 15px; 
		right: 15px; 
		text-align: center; 
		overflow: hidden; 
		z-index: 5; 
		transition: all 0.5s ease-in-out; 
		opacity: 0;
	}
	.inx-04 ul>li:hover .inx-04-tit{
		opacity: 1;
	}
	.inx-04-cont{ 
		width: 33.33vw;
		height: 33.33vh;
		position: absolute; 
		left: 50%; 
		margin-left: -16.66vw; 
		top: 50%; 
		transform: translateY(-80%); 
		z-index: 8; 
		overflow:hidden;
		opacity: 0;
		transition: all 0.8s ease-in-out; 
		
	}
	.inx-04.active .inx-04-cont{
		opacity: 1;
		transform: translateY(-50%); 
		transition-delay: .6s;
	}
	.inx-04-cont>.box{
		width: 33.33vw;
		height: 33.33vh;
		position: relative;
	}
	.inx-04-cont>.box>span{
		width: 33.33vw;
		position: absolute; 
		left: 50%; 
		margin-left: -16.66vw; 
		top: 50%; 
		display: block;
		transform: translateY(-50%); 
	}
	.inx-04-cont img{
		width: 100px;
		height: 100px;
		margin:0 auto;
	}
	.inx-04-cont>.box>span>dl{
		margin-top: 50px;
	}
	.inx-04-cont>.box>span>dl>dd{
		width: 20%;
		position: relative;
	}
	.inx-04-cont>.box>span>dl>dd::before{
		position: absolute;
		content: "";
		left: -10%;
		top:50%;
		transform: translateY(-50%);
		width: 20%;
		height: 0px;
		border-top:1px dashed #fff;
	}
	.inx-04-cont>.box>span>dl>dd:first-child::before{
		left: 10%;
	}
	.inx-04-cont>.box>span>dl>dd:last-child::after{
		position: absolute;
		content: "";
		right: 10%;
		top:50%;
		transform: translateY(-50%);
		width: 20%;
		height: 0px;
		border-top:1px dashed #fff;
	}
	.inx-04-cont>.box>span>dl>dd img{
		width: 40px;
		height: 40px;
		margin:0 auto;
		display: none;
	}
	.inx-04-cont>.box>span>dl>dd img:nth-child(2){
		display: block;
	}
	.inx-04-cont>.box>span>dl>dd.active img:nth-child(2){
		display: none;
	}
	.inx-04-cont>.box>span>dl>dd:hover img:nth-child(2){
		display: none;
	}
	.inx-04-cont>.box>span>dl>dd.active img:nth-child(1){
		display: block;
	}
	.inx-04-cont>.box>span>dl>dd:hover img:nth-child(1){
		display: block;
	}
	.inx-04-cont p{
		color: #fff;
		width:80%;
		line-height: 30px;
		margin:0 auto;
		margin-top:8px;
		text-align:center;
	}
	.inx-04-cont>.box>span>dl>dd.active  p{
		color: #c21b22;
		font-weight: 700;
	}
	.inx-04-cont>.box>span>dl>dd:hover  p{
		color: #c21b22;
		font-weight: 700;
	}
	.hmc6more { 
		display: block;
		 height: 34px; 
		 width: 34px; 
		 position: absolute;
		  left: 50%; 
		  bottom: 20px; 
		  margin-left: -17px; 
		  opacity: 0;
		  z-index: 8;
		  transition: all 0.8s ease-in-out;  
		}
	.inx-04.active .hmc6more{
		bottom: 80px;
		opacity: 1;
		transition-delay: .6s;
	}
	@keyframes scaleRund {

		from{transform:scale(0.5) translate(-50%,-50%); opacity:1;}

		to {transform: scale(1) translate(-50%,-50%); opacity:0.5}

	}
	.hmc6Mbtn{ 
		background: #c21b22 url(../images/hmc6_icon.png) no-repeat center center; 
		display: block; 
		height: 34px; 
		width: 34px; 
		position: relative; 
		border-radius:50%;
	}
	.hmc6Mbtn:after{ 
		content: ""; 
		height: 69px; 
		width: 69px; 
		border: 1px solid #ddd; 
		position: absolute; 
		left: 50%; top: 50%; 
		border-radius:50%; 
		transform:translate(-50%,-50%); 
		animation:scaleRund 1.5s ease-in-out infinite; 
		transform-origin:top left
	}
	.hmc6Mbtn p{ 
		font-size: 18px;
		color: #fff; 
		line-height: 26px; 
		display: inline-block; 
		position: absolute; 
		left: 50%; 
		bottom: -52px; 
		transform: translateX(-50%); 
		white-space: nowrap; 
	}
/* 首页5屏 */
	.inx-05{
		width: 100%;
		height: 100%;
		padding-top:150px;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		background-image: url(../images//inx-bj4.png);
		background-position: bottom;
		background-repeat: no-repeat;
	}
	.inx-05>.cont{
		height: 100%;
		position:relative;
	}
	.inx-05-tit>h5{
		text-transform: uppercase;
		color: #c21b22;
	}
	.inx-05>img{
		position: absolute;
		right: -5%;
		top: -5%;
		opacity: .8;
	}
	.inx-05-tap{
		position: absolute;
		left: 0;
		width: 100%;
		top: 10px;
	}
	.inx-05-tap>ul>li{
		padding:0 40px;
		position: relative;
	}
	.inx-05-tap>ul>li::before{
		position: absolute;
		content: "";
		left: -30px;
		border:1px dashed rgba(0,0,0,.1);
		width: 60px;
		top: 50%;
		transform: translateY(-50%);
	}
	.inx-05-tap>ul>li:last-child::after{
		position: absolute;
		content: "";
		right: -30px;
		border:1px dashed rgba(0,0,0,.1);
		width: 60px;
		top: 50%;
		transform: translateY(-50%);
	}
	.inx-05-tap>ul>li img{
		width: 40px;
		height: 40px;
		margin:0 auto;
		display: none;
	}
	.inx-05-tap>ul>li img:nth-child(1){
		display: block;
	}
	.inx-05-tap>ul>li.active img:nth-child(1){
		display: none;
	}
	.inx-05-tap>ul>li:hover img:nth-child(1){
		display: none;
	}
	.inx-05-tap>ul>li.active img:nth-child(2){
		display: block;
	}
	.inx-05-tap>ul>li:hover img:nth-child(2){
		display: block;
	}
	.inx-05-tap>ul>li h5{
		color: #9a9a9a;
		margin-top: 10px;
		font-size: 22px;
	}
	.inx-05-tap>ul>li.active h5{
		color: #c21b22;
	}
	.inx-05-tap>ul>li:hover h5{
		color: #c21b22;
	}
	.inx-05-box{
		transform: translateY(40%);
		opacity: 0;
		transition: all .8s ease-in-out;
	}
	.inx-05.active .inx-05-box{
		transform: translateY(0);
		opacity: 1;
		transition-delay: .3s;
	}
	.inx-05-list{
		margin-top: 80px;
	}
	.inx-05-list>ul>li{
		width: 33.3%;
		padding:0 30px;
		padding-top: 60px;
		box-sizing: border-box;
		transition: all .6s ease-in-out;
	}
	.inx-05-list>ul>li>a{
		transition: all .6s ease-in-out;
	}
	.inx-05-list>ul>li.swiper-slide-active{
		padding-top: 0;
	}
	.inx-05-list>ul>li.swiper-slide-active a{
		box-shadow: 0 0 31px 3px rgb(0 0 0 / 5%);
		box-sizing: border-box;
	}
	.inx-05-list>ul>li .img_box{
		height: 24vh;
	}
	.inx-05-info{
		width: 100%;
		padding:20px 0;
		box-sizing: border-box;
		transition: all .6s ease-in-out;
	}
	.inx-05-info>em{
		color: #c21b22;
	}
	.inx-05-info>h5{
		line-height: 30px;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.inx-05-info>p{
		height: 0;
		overflow: hidden;
		
	}
	.inx-05-list>ul>li.swiper-slide-active .inx-05-info{
		background-color: #fff;
		padding:30px;
	}
	.inx-05-list>ul>li.swiper-slide-active .inx-05-info>p{
		height: 100%;
		transition: all .6s ease-in-out;
	}
	.inx-05-btn{
		position:absolute;
		bottom: 50px;
	}
	.inx-05-prv,.inx-05-next{
		width: 50px;
		height: 50px;
		background-image: url(../images/btn-l.png);
		background-size: 60%;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}
	.inx-05-next{
		background-image: url(../images/btn-r.png);
	}
	.inx-05-btn>ul{
		margin-right: auto;
		margin-left: 20px;
		margin-top: 21px;
	}
	.inx-05-btn>ul>li{
		width: 8px;
		height: 8px;
		background-color: #9a9a9a;
		border-radius: 50%;
		cursor: pointer;
		margin:0 10px;
	}
	.inx-05-btn>ul>li.active{
		background-color: #c21b22;
	}
	.inx-05 .hmc6more p{
		color: #000;
	}
	.inx-05.active .hmc6more{
		bottom: 80px;
		opacity: 1;
		transition-delay: .6s;
	}
/* 底部结束 */
	footer{
		padding:100px 0 10px 0;
		background-color: #202020;
		background-image: url(../images/footMp.png);
		background-repeat: no-repeat;
		background-position: top;
		position: relative;
		z-index: 2;
	}
	.footer-con{
		width: 86%;
		margin:0 auto; 
		padding:0 15px; 
		color:#999;
	}
	.footer-top{ 
		padding-bottom: 7.59vh; 
	}
	.footer-l>a:nth-child(2){
		margin-top: 40px;
		width: 160px;
		line-height: 50px;
		background-color: #c21b22;
		text-align: center;
		color: #fff;
	}
	.footer-nav{
		max-width:30%;
	}
	.footer-tit{
		color: #fff;
		position: relative;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.footer-tit:after{
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		width:30px;
		height: 2px;
		background-color:#c62b30;
	}
	.footer-nav>ul>li{
		width:33.3%;
	}
	.footer-nav>ul>li:last-child{
		margin-right: auto;
	}
	.footer-nav>ul>li>a{
		color: #999;
		line-height: 40px;
	}
	.footer-lx>h3{
		color: #fff;
	}
	.footer-lx>p{
		font-size: 16px;
	}
	.footer-ewm>img{
		width:151px;
		height: 151px;
	}
	.footer-ewm>p{
		text-align:center;
		font-size: 16px;
	}
	.footer-bottom{
		width:100%;
		border-top: 1px solid #3A3A3A;
		font-size: 14px;
		line-height: 26px;
		padding: 5vh 0px;
	}
	.footer-bottom>span>a{
		display: inline-block;
		color: #999;
	}
	.footer-bottom>span>a>img{
		display: inline-block;
	}
/*关于我们*/
	/*公共banner*/
	.web-hengfu{
		width:100%;
		height: 500px;
		position: relative;
		overflow: hidden;
	}
	.web-hengfu>img{
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center;
		background-repeat: no-repeat;
	}
	.web-hengfu-info{
		position: absolute;
		left: 50%;
		top: 55%;
		color: #fff;
		transform: translate(-50%,-50%);
	}
	.web-hengfu-info>h2{
		font-weight: bold;
		letter-spacing: 10px;
	}
	/*公共面包屑*/
	.web-mbx{
		padding:20px 0;
		background-color: #f5f5f5;
	}
	.web-mbx p{
		line-height: 32px;
	}
	.web-mbx p>img{
		display: inline-block;
		float: left;
		margin-right: 10px;
	}
	.web-mbx p>a{
		display: inline-block;
	}
	/* 建邦简介 */
	.ab-01{
		width: 100%;
		background-image: url(../images/000.jpg);
		background-size: 100% auto;
		background-position: bottom;
		background-repeat: no-repeat;
		padding-bottom: 120px;
	}
	.ab-01 .ab-tit{
		width: 100%;
		text-align: center;
	}
	.ab-tit>h4{
		font-weight: 700;
	}
	.ab-tit>h4>i{
		color: #c21b22;
		font-weight: 700;
	}
	.ab-tit>h5{
		text-transform: uppercase;
		margin-top: 10px;
	}
	.ab-01-des{
		width: 100%;
		padding:0 10%;
		box-sizing: border-box;
		line-height: 30px;
		text-align: center;
		margin-top: 40px;
	}
	.ab-01-more{
		width: 100%;
		margin-top: 20px;
	}
	.ab-01-more>a{
		width: 20%;
		margin:0 auto;
		text-align: center;
	}
	.ab-01-more>a>img{
		width: 40px;
		margin: 0 auto;
		display: none;
	}
	.ab-01-more>a>img:nth-child(1){
		display: block;
	}
	.ab-01-more>a:hover>img:nth-child(1){
		display: none;
	}
	.ab-01-more>a:hover>img:nth-child(2){
		display: block;
	}
	.ab-01-more>a:hover{
		color: #c21b22;
	}
	.ab-01-pc{
		width: 500px;
		height: 500px;
		margin:0 auto;
		margin-top: 40px;
		background-image: url(../images/ab-01-1.png);
		background-size: 100% 100%;
		padding:100px;
		box-sizing: border-box;
		position: relative;
	}
	.ab-01-pc>h5{
		position:absolute;
		width: 100%;
		left: 0;
		text-align: center;
		top: 0;
	}
	.ab-01-pc>img{
		position:absolute;
		width: 40px;
		top: 45px;
		left: 50%;
		transform: translateX(-50%);
	}
	.ab-01-list{
		width: 100%;
		height: 100%;
		position:absolute;
		left: 0;
		top: 0;
	}
	.ab-01-list>ul{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.ab-01-list>ul>li{
		width: 110px;
		height: 110px;
		background-color: #fff;
		border-radius: 50%;
		position: absolute;
		text-align: center;
		box-shadow: 2px 5px 5px rgba(0,0,0,.1);
	}
	.ab-01-list>ul>li:nth-child(1){
		top: 160px;
		left: -50px;
	}
	.ab-01-list>ul>li:nth-child(2){
		top: 340px;
		left: -10px;
	}
	.ab-01-list>ul>li:nth-child(3){
		bottom: -55px;
		left: 50%;
		transform: translateX(-50%);
	}
	.ab-01-list>ul>li:nth-child(4){
		top: 340px;
		right: -10px;
	}
	.ab-01-list>ul>li:nth-child(5){
		top: 160px;
		right: -50px;
	}
	.ab-01-list>ul>li>a{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.ab-01-list>ul>li>a>p{
		width: 70%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		font-size: 17px;
		font-weight: 700;
	}
	.ab-01-dail{
		width: 100%;
		height: 100%;
		border-radius: 50%;
		position: relative;
		padding: 13%;
		box-sizing: border-box;
	}
	.ab-01-dail::before{
		position:absolute;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border:1px solid #9a9a9a;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		opacity: .3;
	}
	.ab-01-dail::after{
		position:absolute;
		content: "";
		width: 90%;
		height: 90%;
		border-radius: 50%;
		border:2px solid #9a9a9a;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		opacity: .3;
	}
	.ab-01-dail>.box{
		background-color: #c21b22;
		border-radius: 50%;
	}
	.ab-01-dail>.box>.ab-01-btn{
		color: #fff;
		text-align: center;
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.ab-01-btn>img{
		width: 50%;
		margin:0 auto;
		margin-bottom: 10px;
	}
	.ab-01-show{
		width: 100%;
		height: 100%;
		position:fixed;
		top: 0;
		left: 0;
		z-index: 90;
		display: none;
	}
	.ab-01-show.active{
		display: block;
	}
	.ab-01-show>.box::after{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,.3);
	}
	.ab-01-info{
		width: 100%;
		height: 60%;
		background-color: rgba(0,0,0,.8);
		position:absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		box-sizing: border-box;
	}
	.ab-01-info>.cont{
		height: 100%;
		position: relative;
	}
	.ab-01-info .img_box{
		width: 45%;
		height: 100%;
		padding-left: 5%;
		box-sizing: border-box;
		border-right: 2px solid rgba(255,255,255,.5);
	}
	.ab-01-text{
		width: 55%;
		height: 100%;
		overflow: scroll;
		padding-right: 5%;
		box-sizing: border-box;
		color: #fff;
		padding-right: 8px;
	}
	.ab-01-close{
		position: absolute;
		right: -80px;
		top: -40px;
	}
	.ab-01-close>img{
		width: 40px;
		height: 40px;
		cursor: pointer;
	}
	/* 技术中心 */
	.ab-02{
		width: 100%;
		background-color: #fafafa;
	}
	.ab-02-left{
		width: 50%;
	}
	.ab-02-left .ab-tit{
		margin-bottom: 40px;
	}
	.ab-02-left>p{
		margin-top: 20px;
		line-height: 30px;
		text-indent: 2rem;
		text-align: justify;
	}
	.ab-02-left>a{
		width: 160px;
		line-height: 50px;
		background-color: #c21b22;
		color: #fff;
		text-align: center;
		margin-top: 50px;
	}
	.ab-02-right{
		width: 50%;
		position: relative;
	}
	.ab-02-right>img{
		width: 75%;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	/* 集团文化 */
	.ab-03{
		width: 100%;
		background-color: #fafafa;
	}
	.ab-03 .ab-tit{
		width: 100%;
		text-align: center;
	}
	.ab-03-box{
		margin-top: 60px;
		position: relative;
	}
	.ab-03-box>img{
		margin:0 auto;
	}
	.ab-03-box ul{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding-top: 40px;
		box-sizing: border-box;
	}
	.ab-03-box ul>li{
		width: 34%;
	}
	.ab-03-box ul>li:nth-child(2n-1){
		margin-left: 8%;
	}
	.ab-03-box ul>li>img{
		float: left;
		width: 40px;
		height: 40px;
		margin-right: 20px;
	}
	.ab-03-list{
		float: left;
	}
	.ab-03-list>p{
		margin-top: 15px;
	}
	/* 组织架构 */
	.ab-04 .ab-tit{
		width: 100%;
		text-align: center;
	}
	.ab-04 img{
		width: 85%;
		margin:0 auto;
		margin-top: 60px;
	}
	/* 董事长简介 */
	.ab-05 .ab-tit{width: 100%;text-align: center;}
	.ab-05 .box{width: 100%;margin-top: 60px;}
	.ab-05 .box .img_box{width: 30%;}
	.ab-05 .box .info{width: 65%;overflow: scroll;max-height: 650px;padding-right: 10px;box-sizing: border-box;}
	.ab-05 .box .info h5{font-weight: 600;margin-bottom: 15px;font-size: 20px;margin-top: 15px;}
	.ab-05 .box .info h5:first-child{margin-top: 0;}
	.ab-05 .box .info p{line-height: 36px;}
/* 旗下产业 */
	.indu-list{
		width: 100vw;
		height: 100vh;
		position: relative;
	}
	.indu-swi,.indu-swi>ul,.indu-swi>ul>li>a{
		width: 100%;
		height: 100%;
	}
	.indu-swi>ul>li{
		width: 33.333%;
		height: 100%;
	}
	.indu-swi>ul>li>a{
		position: relative;
		overflow: hidden;
	}
	.indu-swi>ul>li>a>img{
		width: 110%;
		height: 110%;
		display: block;
		object-fit: cover;
		object-position: center;
		background-repeat: no-repeat;
		transform: translateY(-5%);
		transition: all .8s ease-in-out;
	}
	.indu-swi>ul>li:hover>a>img{
		transform: translateY(0);
	}
	.indu-swi>ul>li>a::after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,.9);
		transition: all .8s ease-in-out;
	}
	.indu-swi>ul>li:hover>a::after{
		background-color: rgba(0,0,0,.5);
	}
	.indu-tit{
		position: absolute;
		left: 0;
		bottom: 8vw;
		z-index: 5;
		padding: 0 4vw;
	}
	.indu-tit>h3{
		color: #9a9a9a;
		margin-bottom: 2vw;
		transition: all .6s ease-in-out;
	}
	.indu-tit>h4{
		font-size: 32px;
		margin-bottom: 2vw;
    	font-weight: bold;
		line-height: 42px;
		height: 84px;
		transition: all .6s ease-in-out;
	}
	.indu-tit>p{
		color: #898989;
		margin-bottom: 4vw;
		line-height: 26px;
		transition: all .6s ease-in-out;
	}
	.indu-swi>ul>li:hover .indu-tit>h3,.indu-swi>ul>li:hover .indu-tit>h4,.indu-swi>ul>li:hover .indu-tit>p{
		color: #fff;
	}
	.indu-tit>span{
		display: block;
		width: 48px;
		height: 48px;
		border: 1px solid #9a9a9a;
		border-radius: 50%;
		position: relative;
		box-sizing: border-box;
		transition: all .8s ease-in-out;
	}
	.indu-swi>ul>li:hover .indu-tit>span{
		border-color: #fff;
		transform: rotate(360deg);
	}
	.indu-tit>span::after{
		content: "";
		width: 32px;
		height: 32px;
		position:absolute;
		left: 50%;
		top:50%;
		transform: translate(-50%,-50%);
		background-image:url(../images/indu-ico1.png);
		background-size: 100%;
		transition: all .6s ease-in-out;
	}
	.indu-swi>ul>li:hover .indu-tit>span::after{
		background-image:url(../images/indu-ico1-1.png);
	}
	.inx-list-prv,.inx-list-next{
		position: absolute;
		left: 3vw;
		bottom: 3vh;
		width: 40px;
		height: 40px;
		background-size: 100%;
		background-image: url(../images/left.png);
		z-index: 1;
		cursor:pointer;
	}
	.inx-list-next{
		left: auto;
		right:3vw;
		background-image: url(../images/right.png);
	}
	/* 产业详情 */
	.indu-content-box{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9;
	}
	.indu-content{
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		position: relative;
	}
	.indu-content>img{
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center;
		background-repeat: no-repeat;
	}
	.indu-content::after{
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/wg.png);
		z-index: 1;
	}
	.indu-content>.box{
		width: 100%;
		height: 100%;
		position:absolute;
		z-index: 2;
		top:0;
		left: 0;
	}
	.indu-content>.box>.cont{
		height: 100%;
		position: relative;
	}
	.indu-dail{
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 8vw;
		z-index: 2;
	}
	.indu-info{
		width: 500px;
		padding:30px;
		box-sizing: border-box;
		color: #fff;
		background-color: rgba(0,0,0,.7);
	}
	.indu-info>h5{
		margin-bottom: 30px;
	}
	.indu-info>strong{
		width: 100%;
		height: 46vh;
		overflow-y:scroll;
		display: block;
		padding-right: 20px;
		box-sizing: border-box;
		overflow-x: hidden;
		color: rgba(255,255,255,.7);
	}
	.indu-info>strong::-webkit-scrollbar {
		width: 1px;
		height: 4px;
		background-color: rgba(255,255,255,.2);
	}
	.indu-pics{
		width: 12%;
		margin-left: 10px;
		margin-right: auto;
		padding:40px 0;
		box-sizing: border-box;
		background-color: rgba(0,0,0,.3);
	}
	.indu-pic-list{
		height: 100%;
		
	}
	.indu-pic-list>ul{
		width: 100%;
		height: 100%;
	}
	.indu-pic-list>ul>li{
		width: 100%;
		height: 33.3%;
		padding:10px 5px;
		box-sizing: border-box;
	}
	
	.indu-pic-list>ul>li>img{
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center;
		background-repeat: no-repeat;
		box-sizing: border-box;
	}
	.indu-pic-list>ul>li:hover>img{
		border:2px solid #c21b22;
	}
	.indu-bigpic{
		width: 45%;
		margin-left: 10px;
		margin-right: auto;
		display: none;
	}
	.indu-bigpic>.img_box{
		height: 100%;
	}
	.indu-link{
		position: absolute;
		right: 0;
		bottom: 4vw;
		z-index: 2;
		text-align: right;
	}
	.indu-link>a{
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin-top: 20px;
		position: relative;
		margin-left: auto;
	}
	.indu-link>a>img{
		width: 30px;
		height: 30px;
		position:absolute;
		left: 50%;
		top:50%;
		transform: translate(-50%,-50%);
		z-index: 2;
	}
	.indu-link>a::before,.indu-link>a::after{
		position: absolute;
		content: "";
		left: 50%;
		top:50%;
		transform: translate(-50%,-50%);
		background-color: rgba(0,0,0,.7);
		width: 100%;
		height: 100%;
		border-radius: 50%;
		z-index: 1;
		transition: all .3s ease-in-out;
	}
	.indu-link>a::after{
		width: 0;
		height: 0;
		opacity: 0;
		background-color: #c21b22;
		transition: all .3s ease-in-out;
	}
	.indu-link>a:hover::before{
		width: 0;
		height: 0;
		opacity: 0;
	}
	.indu-link>a:hover::after{
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	.indu-link>h4{
		margin-top: 50px;
		color: #fff;
		line-height: 60px;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.indu-link>h4>img{
		width: 60px;
		float: left;
		margin-right: 20px;
	}
/* 工程案例列表 */
	.case-tab{
		width: 100%;
		padding-bottom: 40px;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.case-tab>ul{
		width: 100%;
	}
	.case-tab>ul>li{
		width: 12.5%;
		float: left;
		padding:0 8px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.case-tab>ul>li>a{
		border:1px solid rgba(0,0,0,.1);
		text-align: center;
		line-height: 50px;
	}
	.case-tab>ul>li.active>a{
		border:1px solid #c21b22;
		background-color: #c21b22;
		color: #fff;
	}
	.case-tab>ul>li:hover>a{
		border:1px solid #c21b22;
		background-color: #c21b22;
		color: #fff;
	}
	.case-list-box{
		margin-top: 60px;
	}
	.case-list-box ul>li{
		width:33.3%;
		padding:0 30px;
		box-sizing: border-box;
		margin-bottom:60px;
	}
	.case-list-box ul>li>a{
		padding:10px;
		background-color:#fafafa;
		box-sizing: border-box;
	}
	.case-list-box ul>li>a>.img_box{
		height: 320px;
		position: relative;
	}
	.case-list-pic{
		position: absolute;
		width:100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color:rgba(197,27,34,.8);
		padding:15px;
		box-sizing: border-box;
		opacity: 0;
		transition: all .6s;
	}
	.case-list-box ul>li:hover .case-list-pic{
		opacity: 1;
	}
	.case-list-pic-tit{
		width:100%;
		height: 100%;
		position: relative;
	}
	.case-list-pic-tit>em{
		position: absolute;
		opacity: 0;
		transition:all .6s;
		background-color:#fff;
	}
	.case-list-pic-tit>.line-1{
		width:0%;
		height: 1px;
		top: 0;
		left: 50%;
		transform:translateX(-50%);
	}
	.case-list-pic-tit>.line-2{
		width:1px;
		height: 0%;
		top: 50%;
		right: 0;
		transform:translateY(-50%);
	}
	.case-list-pic-tit>.line-3{
		width:0%;
		height: 1px;
		bottom: 0;
		left: 50%;
		transform:translateX(-50%);
	}
	.case-list-pic-tit>.line-4{
		width:1px;
		height: 0%;
		top: 50%;
		left: 0;
		transform:translateY(-50%);
	}
	.case-list-box ul>li:hover .case-list-pic-tit>.line-1,.case-list-box ul>li:hover .case-list-pic-tit>.line-3{
		width:100%;
		opacity: 1;
	}
	.case-list-box ul>li:hover .case-list-pic-tit>.line-2,.case-list-box ul>li:hover .case-list-pic-tit>.line-4{
		height: 100%;
		opacity: 1;
	}
	.case-list-pic-tit>h5{
		position: absolute;
		color: #fff;
		top: 80%;
		left: 50%;
		text-align:center;
		transform:translate(-50%,-50%);
		opacity: 0;
		transition:all .6s;
	}
	.case-list-box ul>li:hover .case-list-pic-tit>h5{
		opacity: 1;
		top: 50%;
	}
	.case-list-info{
		padding:15px 0 5px 0;
	}
	.case-list-info>span{
		max-width: 73%;
	}
	.case-list-info>span>img{
		width:36px;
		height: 36px;
		margin-right: 5px;
	}
	.case-list-box ul>li:hover .case-list-info>span>p{
		color: #c21b22;
	}
	.case-list-box ul>li:last-child{
		margin-right:auto;
	}
/* 案例详情 */
	.case-info-box{
		width:70%;
		padding-right: 80px;
		box-sizing:border-box;
		border-right: 1px solid rgba(0,0,0,.1);
	}
	.case-info-box>h4{
		line-height: 60px;
		box-sizing:border-box;
		padding-bottom: 30px;
		border-bottom: 1px dashed rgba(0,0,0,.1);
		color: #c21b22;
	}
	.case-info-box>h5{
		margin-top:50px;
		width:100%;
		line-height: 42px;
		padding-left: 20px;
		box-sizing:border-box;
		background-color: #fafafa;
		position: relative;
	}
	.case-info-box>h5:before{
		position: absolute;
		content: "";
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width:3px;
		height: 60%;
		background-color: #c21b22;
	}
	.case-info-box>p{
		font-size: 16px;
		line-height: 30px;
		margin-top:30px;
	}
	.case-info-box>span{
		margin-top:30px;
	}
	.case-info-box>span img{
		width:100%;
	}
	.case-info-box>div{
		margin-top:30px;
	}
	.case-info-recd{
		width:30%;
		padding-left: 80px;
		box-sizing:border-box;
	}
	.case-info-recd>h4{
		line-height: 60px;
		box-sizing:border-box;
		padding-bottom: 30px;
		border-bottom: 1px dashed rgba(0,0,0,.1);
	}
	.case-info-recd>ul{
		margin-top:50px;
	}
	.case-info-recd>ul>li{
		width:100%;
		padding:10px;
		box-sizing:border-box;
		border: 1px solid rgba(0,0,0,.1);
		margin-top:20px;
	}
	.case-info-recd>ul>li:first-child{
		margin-top:0;
	}
	.case-info-recd>ul>li>a{
		position: relative;
	}
	.case-info-recd>ul>li>a:after{
		position: absolute;
		content: "";
		right: 0;
		top: 50%;
		width:20px;
		height: 20px;
		transform: translateY(-50%);
		background-image: url(../images/indu-ico1.png);
		background-size:100% 100%;
	}
/* 荣誉证书 */
	.hor-01{
		background: url(../images/honor-bj.png) no-repeat left center;
	}
	.hor-01 .ab-tit{
		text-align:center;
	}
	.hor-01-box{
		margin-top:50px;
	}
	.hor-01-left{
		width:30%;
		position: relative;
		z-index: 4;
		padding-top: 60px;
		box-sizing: border-box;
	}
	.hor-01-left>h4{
		font-weight: bold;
		color: #c21b22;
		margin-top:60px;
	}
	.hor-01-name{
		width:100%;
		margin-top:40px;
	}
	.hor-01-name>ul>li{
		width:100%;
	}
	.hor-01-name p{
		margin-top:20px;
		position: relative;
		padding-left: 80px;
	}
	.hor-01-name p:after{
		position: absolute;
		width:60px;
		height: 1px;
		background-color: #333;
		left: 0px;
		top: 50%;
		content: "";
		transform: translateY(-50%);
	}
	.hor-01-page{
		margin-top: 30px;
	}
	.hor-01-page span{
		font-size: 24px;
		font-family: font_4;
	}
	.hor-01-page .swiper-pagination-current{
		color: #c21b22;
	}
	.hor-01-tap{
		margin-top:40px;
	}
	.hor-01-tap>div{
		width:70px;
		height: 70px;
		background-color:#fff;
		box-shadow: 0px 4px 9.6px 0.4px rgb(0 0 0 / 6%);
    	border-radius: 50%;
    	background-size: 50%;
    	background-repeat: no-repeat;
    	background-position:center;
    	cursor: pointer;
	}
	.hor-01-tap>div:first-child{
		background-image: url(../images/left.png);
	}
	.hor-01-tap>div:last-child{
		margin-right: auto;
		margin-left: 40px;
		background-image: url(../images/right.png);
	}
	.hor-01-right{
		width:60%;
		position: relative;
		overflow: hidden;
	}
	.hor-01-right .swiper{
		z-index: 2;
		margin-left: 0;
		overflow: visible;
	}
	.hor-01-list{
		width:50%;
		
	}
	.hor-01-list>ul{
		width:100%;
	}
	.hor-01-list>ul>li{
		width:100%;
		padding:60px;
		box-sizing:border-box;
		transition: all .6s;
		opacity: .3;
	}
	.hor-01-list>ul>.swiper-slide-active{
		padding:0;
		padding:40px;
		opacity: 1;
	}
/*专利证书*/
	.hor-02{
		width:100%;
		background-color:#fafafa;
	}
	.hor-02 .ab-tit{
		text-align:center;
	}
	.hor-02 ul{
		margin-top: 60px;
	}
	.hor-02 ul>li{
		width:25%;
		padding:0 20px;
		margin-bottom:40px;
		box-sizing: border-box;
	}
	.hor-02 ul>li:last-child{
		margin-right: auto;
	}
.hor-02 ul>li .img_box{height:90%;display:flex;align-items:center;justify-content:center;background-color:#fff;}
.hor-02 ul>li .img_box img{width:100%;height:auto}
	.hor-02 ul>li>p{
		margin-top: 10px;
		background-color:#fff;
		padding:5px 0;
		text-align:center;
		line-height: 26px;
	}
/* 新闻列表 */
	.news-list{
		width: 100%;
	}
	.news-top-pic{
		width:55%;
	}
	.news-pic-swi>ul{
		width: 100%;
	}
	.news-pic-swi>ul>li{
		width: 100%;
	}
	.news-pic-swi>ul>li>a{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.news-pic-swi>ul>li>a>.img_box{
		width: 100%;
		height: 500px;
	}
	.news-pic-swi>ul>li>a>.time{
		position: absolute;
		top: 0;
		left: 20px;
		padding:40px 20px;
		box-sizing: border-box;
		text-align: center;
		color: #fff;
	}
	.news-pic-swi>ul>li>a>.time>h3{
		font-weight: bold;
		margin-bottom: 10px;
	}
	.news-top-txt{
		width: 43%;
		background-color: #f4f4f4;
		padding:40px;
		box-sizing: border-box;
	}
	.news-top-list h5{
		margin-bottom: 20px;
	}
	.news-top-list p{
		margin-top: 30px;
		line-height: 30px;
	}
	.news-top-list em{
		margin-top: 50px;
		display: block;
		width: 150px;
		line-height: 50px;
		background-color: #c21b22;
		color: #fff;
		text-align: center;
	}
	.news-list-tap{
		margin-top: 40px;
	}
	.news-list-tap>ul{
		width: 100%;
		margin-top: 60px;
	}
	.news-list-tap>ul>li{
		width: 18px;
		height: 18px;
		border-radius: 50%;
		padding:3px;
		box-sizing: border-box;
		margin-left: 20px;
		
	}
	.news-list-tap>ul>li:first-child{
		margin-left: auto;
	}
	.news-list-tap>ul>li>i{
		width: 100%;
		height: 100%;
		background-color: #9a9a9a;
		display: block;
		border-radius: 50%;
	}
	.news-list-tap>ul>li.active{
		border:1px solid #c21b22;
	}
	.news-list-tap>ul>li.active>i{
		background-color: #c21b22;
	}
	/* 列表开始 */
	.news-type{
		width: 100%;
		margin-top: 60px;
	}
	.news-type>ul>li{
		width: 130px;
		border:1px solid #c21b22;
		text-align: center;
		margin:0 20px;
	}
	.news-type>ul>li>a{
		line-height: 45px;
	}
	.news-type>ul>li.active>a{
		color: #fff;
		background-color: #c21b22;
	}
	.news-type>ul>li:hover>a{
		color: #fff;
		background-color: #c21b22;
	}
	.news-list>.cont>ul{
		margin-top: 60px;
	}
	.news-list>.cont>ul:after {
        display:block;
        content:"";
        width: 30%;
        height:0px;
    }
   .news-list>.cont>ul>li{
    width: 30%;
    margin-bottom: 60px;
   }
   .news-list>.cont>ul>li>a>.img_box{
    width: 100%;
    height: 260px;
   }
   .news-list-info{
    width: 100%;
    padding:30px;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgba(0,0,0,.1);
   }
   .news-list-info>p{
    font-weight: lighter;
   }
   .news-list-info>h5{
    margin-top: 15px;
    font-weight: bold;
   }
   .news-list-info>p:nth-child(3){
    margin-top: 15px;
    line-height: 30px;
   }
   .news-list-info>img{
    margin-top: 15px;
	width: 30px;
   }
/*新闻详情*/
.news_inner{
    width: 100%;
    background:#fff;
  }
  .news_inner img{
    margin: 0 auto;
	display: inline-block;
  }
  .news_inner>.cont>.ym_tit{
    margin-bottom: 30px;
    text-align:center;
    font-size: 26px;
    font-weight: bold;
  }
  .news_inner>.cont>p:nth-child(2){
    text-align: center;
    height: 40px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
  }
  .news_inner>.cont>span{
    padding: 20px 0;
    display: block;
    font-size: 14px;
    color: #6f7173;
  }
  .news_inner>.cont>span img{
    max-width: 100% !important;
    height: auto!important;
  }
  .news_inner>.cont>div{
    width: 100%;
    margin-top:30px;
    height: 60px;
    line-height:30px;
   }
  .news_inner>.cont>div>em:first-child{
    float: left;
    display: block;
  }
  .news_inner>.cont>div>em:last-child{
    float: right;
    display: block;
  }
  .news_inner>.cont>div>em>a{
    color: #333;
    display: inline-block;
  }
  .news_inner>.cont>div>em>a:hover{
    color: #00478B;
  }
  .news_inner>.cont>.video-box{
    width:100%;
    height: 100%;
  }
  .news_inner video{
    width:80%;
    margin:0 auto;
    display: block;
  }
/* 招贤纳士 */
  .join-tel>h5{
	margin-top: 15px;
	line-height: 40px;
  }
  .join-tel>h5>img{
	height: 40px;
	float: left;
	margin-right: 15px;
  }
  .join-02{
	width: 100%;
	background-image: url(../images/join-bj.jpg);
	background-size: cover;
  }
  .join-02-box{
	width: 50%;
	padding:80px 30px 80px 7%;
	color: #fff;
	box-sizing: border-box;
  }
  .join-02-box:first-child{
	background-color: #f4f4f4;
	color: #333;
  }
  .join-02-tit>h4:first-child{
	font-weight: bold;
	margin-bottom: 10px;
  }
  .join-02-box>span{
	margin-top: 40px;
	display: block;
  }
  .join-02-box>span>p{
	line-height: 30px;
	margin-top: 10px;
  }
  .join-02-top>.cont>ul>li>img{
	width: 56px;
  }
  .join-02-top>.cont>ul>li{
	width: 23%;
	color: #fff;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,.2);
  }
  .join-02-top>.cont>ul>li:last-child{
	border:none;
  }
  .join-02-top>.cont>ul>li>h5{
	margin-top: 10px;
	margin-bottom: 20px;
  }
  .join-02-top>.cont>ul>li>p{
	width: 80%;
  }
/* 招聘职位 */
  .join-03 .ab-tit{
	text-align: center;
  }
  .recruit-02{
    width: 100%;
    background-color: #fff;
    position: relative;
	margin-top: 60px;
  }
  .recruit-02 dl{
    width: 100%;
  }
  .recruit-02 dl>dt{
    background-color: #c21b22;
    color: #fff;
    margin-bottom:10px;
  }
  .recruit-02 dl>dt>h5{
    width: 25%;
    float: left;
	font-size: 20px;
    line-height: 80px;
    text-align: center;
  }
  .recruit-02 dl>dd{
    height: 80px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }
  .recruit-02 dl>dd>p{
    min-width: 25%;
    width: 25%;
    float: left;
    text-align: center;
    line-height: 80px;
  }
  .recruit-02 dl>dd:nth-child(2n){
    background-color: #fafafa;
  }
  .recr-info{
    float: left;
    width: 100%;
    height: 100%;
    color: #333;
    padding:30px 80px;
    box-sizing: border-box;
    background-color: #fafafa;
    overflow: hidden;
    position: relative;
  }
  .recr-info>p{
    line-height: 36px;
    font-weight: lighter;
  }
   .recruit-02 dl>dd:hover{
    background-color: #c21b22;
    color: #fff;
    height: 100%;
   }
   .recr-info>form{
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;

   }
   .recr-info>form>p{
    width: 25%;
    padding:0 10px;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
   }
   .recr-info>form>p>input{
    width: 90%;
    height: 40px;
    border:none;
    background-color:rgba(255,255,255,0);
   }
   .recr-info>form>button{
    width: 8%;
   }
   .recr-info>a{
    width: 140px;
    line-height: 50px;
    background-color: red;
    display: block;
    text-align: center;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
    transition: all 1.2s;
    float: right;
   }
   .recr-info>a:after{
    position: absolute;
    content: "";
    background-color: #c21b22;
    width: 0;
    height: 0;
    border-radius: 50%;
    left: -5%;
    top: -95%;
    z-index:0;
    opacity: 0;
    transition: all 0.4s;
   }
   .recr-info>a:hover:after{
    width: 110%;
    height: 300%;
    opacity: 1;
   }
   .recr-info>a>i{
    position: relative;
    z-index: 3;
    color: #fff;
   }
/* 联系我们 */
   .cat-01{
	width: 100%;
	background-color: #fafafa;
	}
	.cat-01-left{
		width:40%;
		/*padding-top: 80px;*/
		box-sizing: border-box;
	}
	.cat-01-left ul{
		margin-top: 80px;
	}
	.cat-01-left ul>li{
		margin-top: 30px;
		width:100%;
		line-height: 30px;
		overflow: hidden;
		padding:10px 10px 10px 40px;
		box-sizing: border-box;
		background-repeat:no-repeat;
		background-position:10px center;
		border:1px solid rgba(0,0,0,.1);
	}
	.cat-01-left ul>li:first-child{
		background-image:url(../images/contact_ico1.png);
	}
	.cat-01-left ul>li:nth-child(2){
		background-image:url(../images/contact_ico2.png);
	}
	.cat-01-left ul>li:nth-child(3){
		background-image:url(../images/contact_ico4.png);
	}
	.cat-01-left ul>li:last-child{
		background-image:url(../images/contact_ico5.png);
	}
	.cat-01-left>h5{
		margin-top: 60px;
		line-height: 50px;
		padding-left: 15px;
		box-sizing: border-box;
		position: relative;
	}
	.cat-01-left>h5:before{
		position: absolute;
		content: "";
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width:4px;
		height: 50%;
		background-color:#c21b22;
	}
	.cat-01-left>p{
		margin-top: 10px;
	}
	.cat-01-left>form{
		margin-top: 30px;
	}
	.cat-01-left>form>input{
		width:100%;
		border:none;
		height: 50px;
		padding-left: 15px;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.cat-01-left>form>textarea{
		height: 160px;
		background: #fff;
		font-size: 15px;
		color: #666;
		padding: 15px;
		line-height: 24px;
		border: 1px solid #eee;
		width: 100%;
		box-sizing: border-box;
		resize: none;
		margin-top: 30px;
		outline: none;
		font-family: none;
	}
	.cat-01-left>form>button{
		width:100%;
		margin:0 auto;
		margin-top:50px;
		padding:0;
		border:none;
		height: 50px;
		color: #fff;
		background-color:#c21b22;
	}
	/*在线地图*/
	.zxdt_box{
		position: fixed;
		width: 48%;
		height: 100%;
		background-color:#fff;
		z-index: 1;
		right: 0;
		top: 0;
		padding-top: 80px;
		box-sizing: border-box;

	}
	.zxdt{
		width: 100%;
		height: 100%;
	}
	.bddt_box{
		width: 100%;
		height: 100%;
	}
	.bddt{
		width: 100%;
		height: 100%;
	}
/* 手机导航 */
.auto-header{
	width:100%;
	background-color: #fff;
	padding:10px 0;
	box-sizing: border-box;
	box-shadow: 2px 5px 5px rgba(0,0,0,.1);
	position: fixed;
	left: 0;
	top: -80px;
	z-index: 999;
	opacity: 0;
	transition: all .6s;
}
.auto-logo{
	height: 40px;
}
.auto-logo>a{
	height:100%;
}
.auto-logo>a>img{
	height: 100%;
}
.auto-header>.cont>span{
	width:32px;
	height: 32px;
	margin-left:auto;
	margin-top:9px;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid rgba(0,0,0,.1);
	cursor: pointer;
}

.auto-nav{
	width:40px;
	height: 40px;
	padding:7px 3px;
	box-sizing: border-box;
	position: relative;
	margin-top:3px;
}
.auto_close{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
.auto-nav>button{
  background-color: rgba(0,0,0,0);
  border:none;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  }
  .auto-nav>button>em{
	height: 4px;
	background-color: #c21b22;
	display: block;
	position: absolute;
	left: 0;
	border-radius: 3px;
  }
  .auto_ht1{
	  width: 100%;
	  top: 0;
	  transition: all 0.8s;
  }
  .auto_ht2{
	  width:70%;
	  top: 11px;
	  transition: all 0.8s;
  }
  .auto_ht3{
	  width: 100%;
	  top: 22px;
	  transition: all 0.8s;
  }
  .auto-nav>.active>.auto_ht1{
	  top: 10px;
	-moz-transform: rotate(225deg);
	  -webkit-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	   -ms-transform: rotate(225deg);
	  transform: rotate(225deg);
  }
  .auto-nav>.active>.auto_ht2{
	  opacity: 0;
	  left: 30px;
  }
  .auto-nav>.active>.auto_ht3{
	  top: 10px;
	-moz-transform: rotate(-225deg);
	  -webkit-transform: rotate(-225deg);
	  -o-transform: rotate(-225deg);
	   -ms-transform: rotate(-225deg);
	  transform: rotate(-225deg);
  }
  .auto-2nav{
	  width:100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 10;
	  background-color:rgba(0,0,0,.5);
	  display: none;
  }
  .auto-2nav-box{
	  width:100%;
	  height: 100%;
	  position: relative;
  }
  .auto-2nav-all{
	  width:70%;
	  height: 100%;
	  background-color:#fff;
	  right: -100%;
	  top: 0;
	  padding:100px 60px 30px 30px;
	  box-sizing: border-box;
	  position: absolute;
	  overflow: scroll;
	  opacity: 0;
	  transition: all .6s;
  }
  .auto-2nav-box>.active{
	  opacity: 1;
	  right: 0;
  }
  .auto-2nav-all::-webkit-scrollbar {
  width: 3px;
  height: 6px;

}
  .auto-2nav-all>dl{
	  margin-top: 20px;
  }
  .auto-2nav-all>dl:first-child{
	  margin-top: 0;
  }
  .auto-2nav-all>dl>dt{
	  width:100%;
	  line-height: 40px;
	  background-color:#fafafa;
	  padding-left: 20px;
	  box-sizing: border-box;
	  position: relative;
  }
  .auto-2nav-all>dl>dt:before{
	  position: absolute;
	  content: "";
	  width:3px;
	  height: 40%;
	  left: 0;
	  top: 50%;
	  transform: translateY(-50%);
	  background-color:#c21b22;
  }
  .auto-2nav-all>dl>dt>a{
	  font-size: 17px;
	  font-family: font_2;
  }
  .auto-2nav-all>dl>dd{
	width:25%;
	margin-top: 20px;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
  }
  .auto-2nav-all>dl>dd:before{
	  position: absolute;
	  left: 0;
	  content: "";
	  left: 0;
	  top: 50%;
	  width:8px;
	  height: 8px;
	  border-radius: 50%;
	  transform: translateY(-50%);
	  border:2px solid #c21b22;
  }
  .auto-2nav-all>dl>dd:last-child{
	  margin-right: auto;
  }