a{
	text-decoration: none;
	color: #333;
	transition: all .5s;
-webkit-transition: all .5s;
}
a:hover{
	color: #FF6600;
	transition: all .5s;
-webkit-transition: all .5s;
}
img{
	display: inline-block;
}
img.max{
	width: 100%;
}
.imgBj{
	background: no-repeat center;
	background-size: cover;
}
.imgBj.pos{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.divpos{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wow{
	opacity: 0;
}
.hvtst{
	transition: all .5s;
}
.hvtst:hover{
	transition: all .5s
}
.bjimg img{
	 width: 100%;
    height: 100%;
    object-fit: cover;
}
.hvimg{
	overflow: hidden;
}
.hvimg .imgsc{
	transform: scale(1.01, 1.01);
    transition: all .8s;
}
.hvimg:hover .imgsc{
	transform: scale(1.08, 1.08);
    transition: all .8s;
}
@font-face{
	font-family: MiSans-Demibold;
	src: url('fonts/MiSans-Demibold.ttf'); 
}
@font-face{
	font-family: SourceHanSansCN-Regular;
	src: url('fonts/SourceHanSansCN-Regular.otf'); 
}
body{
	padding-top: 100px;
	font-family: SourceHanSansCN-Regular;
}

.max1840{
	width: 96%;
	max-width: 1840px;
	margin:  0 auto;
}
.max1820{
	width: 94%;
	max-width: 1820px;
	margin:  0 auto;
}
.max1750{
	width: 92%;
	max-width: 1750px;
	margin:  0 auto;
}
.max1800{
	width: 92%;
	max-width: 1800px;
	margin:  0 auto;
}
.max1720{
	width: 92%;
	max-width: 1720px;
	margin:  0 auto;
}
.max1600{
	width: 92%;
	max-width: 1600px;
	margin:  0 auto;
}
.max1580{
	width: 92%;
	max-width: 1580px;
	margin:  0 auto;
}
.max1500{
	width: 92%;
	max-width: 1500px;
	margin:  0 auto;
}
.max1440{
	width: 92%;
	max-width: 1440px;
	margin:  0 auto;
}
.max1400{
	width: 92%;
	max-width: 1400px;
	margin:  0 auto;
}
.max1320{
	width: 92%;
	max-width: 1320px;
	margin:  0 auto;
}
.max1250{
	width: 92%;
	max-width: 1250px;
	margin:  0 auto;
}
.max1000{
	width: 92%;
	max-width: 1000px;
	margin:  0 auto;
}
.md-show{
	display: none;
}
.md-show{
	display: none;
}
@media(max-width:750px){
	.pc-show{
		display: none;
	}
	.md-show{
		display: block;
	}
}







.gyban-bj{
	width: 100%;
	position: relative;
}
.gyban{
	position: relative;
}
.gyban-div-bj{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.gyban-b{
	width: 64px;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}


.gynav-bj{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.1);
	font-size: 0;
}
.gynav-a{
	color: #fff;
	display: inline-block;
	vertical-align: top;
	line-height: 85px;
	margin-left: 55px;
	position: relative;
	padding: 0 15px;
}
.gynav-a:first-child{
	margin-left: 0;
}
.gynav-a:after{
	content: '';
	width: 0%;
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 2px;
	background: #FF6600;
transition: all .5s;
-webkit-transition: all .5s;  
}
.gynav-a:hover,
.gynav-a.on{
	color: #ff6600;
}
.gynav-a:hover:after,
.gynav-a.on:after{
	
	width: 100%;
	left: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}





.join{
	padding: 90px 0 8vw 0;
	min-height: 65.6vw;
}
.join-a{
	font-size: 0;
	position: relative;
}
.join-a1{
	position: relative;
	z-index: 2;
}
.join-a2{
	width: 64px;
	position: absolute;
	left: -1px;
	top: 0;
	z-index: 1;
}
.join-div{
	width: 60%;
	max-width: 840px;
}
.join-b{
	margin-top: 20px;
}
.join-b span{
	color: #ff6600;
}
.join-c {
	margin-top: 70px;
}
.join-d{
	margin-top: 15px;
}
.join-d span{
	color: #ff6600;
}
.join-e{
	margin-top: 70px;
	font-size: 0;
}
.join-eli{
	width: calc(50% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
	background: #F9F9F9;
	padding: 30px;
	min-height: 195px;
	display: inline-block;
	vertical-align: top;
}
.join-e3{
	margin-top: 5px;
	color: #999;
}
.join-e3 span{
	color: #333;
}

.gybut{
	display: inline-block;
	vertical-align: top;
	width: 144px;
	line-height: 44px;
	border-radius: 25px;
	background: #ff6600;
	padding-left: 25px;
	border: 2px solid #ff6600;
	text-align: left !important; 
	position: relative;
	overflow: hidden;
	color: #fff !important;
transition: all .5s;
-webkit-transition: all .5s;  
}
.gybut-a{
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}
.gybut:after{
	content: '';
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 0;
	background: #fff;
	border-radius: 22px;
transition: all .5s;
-webkit-transition: all .5s;  
}
.join-f{
	margin-top: 35px;
}
.gybut span{
	position: relative;
	z-index: 2;
transition: all .5s;
-webkit-transition: all .5s;  
}
.gybut:hover span{
	color: #FF6600;
transition: all .5s;
-webkit-transition: all .5s;  
}
.gybut:hover:after{
	/*box-shadow: 4px 4px 10px rgba(255,102,0,.6);*/
	/*transform: scale(8);*/
	width: 144px;
transition: all .5s;
-webkit-transition: all .5s;  
}

.join-tk-bj{
	position: fixed;
	z-index: 29;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	-webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    display: none;
}
.join-tk{
	width: 92%;
	max-width: 410px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.join-tk-a{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 70px;
	background: rgba(249, 249, 249, 1);
}
.join-tk-b{
	padding: 50px 20px;
	text-align: center;
}
.join-tk-b1{
	font-size: 18px;
	color: rgba(153, 153, 153, 1);
}
.join-tk-b1 span{
	color: #FF6600;
	font-weight: bold;
	border-bottom: 1px solid #ff6600;
}
.join-tk-c{
	width: 26px;
	height: 26px;
	background: rgba(217, 217, 217, 1) url(../img/ico37.png)  no-repeat center;
	background-size:  ;
	border-radius: 100% ;
	position: absolute;
	top: 24px;
	right: 22px;
}


@media(max-width:1600px){
	.gynav-a{
		padding: 0 10px;
		line-height: 60px;
		margin-left: 40px;
	}
}
@media(max-width:1200px){
	.join-div {
		width: 80%;
	}
	.join-eli{
		padding: 20px;
	}
}
@media(max-width:1000px){
	.gyban-img{
		height: 400px;
	}
	.gyban-b{
		margin-top: 10px;
	}
}
@media(max-width:750px){
	.gyban-img{
		height: 10rem;
	}
	.gyban-a{
		font-size: 30px;
		line-height: 1.2;
	}
	.gyban-b{
		width: 30px;
	}
	.gynav-a{
		padding: 0 5px;
		margin-left: 5px;
		line-height: 40px;
		font-size: 12px;
	}
	
	.join{
		padding: 40px 0 12vw 0;
		min-height: auto;
	}
	.join-div{
		width: 100%;
	}
	.join-b{font-size: 22px;}
	.join-c{
		margin-top: 30px;
	}
	.join-e{
		margin-top: 40px;
	}
	.join-eli{
		width: 100%;
		margin: 0;
		margin-bottom: 15px;
		height: auto;
		min-height: auto;
	}
	.gybut{
		width: 120px;
		padding-left: 12px;
		line-height: 36px;
	}
	.gybut-a{
		width: 36px;
		height: 36px;
	}
	.gybut:after{
		width: 36px;
		height: 36px;
		border-radius: 18px;
	}
	.gybut:hover:after{
		width: 120px;
	}
	.join-f{
		margin-top: 20px;
	}
}




.recruitment{
	padding: 120px 0;
	min-height: 58.33vw;
	text-align: center;
}
.recruitment-b{
	margin-top: 45px;
}
.recruitment-b span{
	color: #ff6600;
}
.recruitment-c{
	margin-top: 30px;
	text-align: left;
}

.recruitment-d{
	width: 64px;
	margin-top: 100px;
}

@media(max-width:750px){
	.recruitment{
		padding: 40px 0 12vw 0;
	}
	.recruitment-b{
		margin-top: 30px;
	}
	.recruitment-d{
		margin-top: 30px;
	}
}



.store{
	padding: 120PX 0;
	text-align: center;
	min-height: 51.56vw;
}
.store-b{
	margin-top: 20px;
	margin-bottom: 30px;
	color: #ff6600;
}
.store-c{
	width: 64px;
}
.store-d{
	border-radius: 100%;
	box-shadow: 0 20px 30px rgba(0,0,0,.1);
	margin-top: 50px;
}

@media(max-width:750px){
	.store{
		padding: 40px 0 12vw 0;
	}
	.store-d{
		width: 50vw;
		margin-top: 30px;
	}
}





.news-bj{
	background: #F8F8F8;
}
.news{
	padding: 110px 0 70px 0;
}
.news-b{
	margin-top: 10px;
}
.news-swiper{
	margin-top: 80px;
	padding-bottom: 50px;
}
.news-ca{
	display: block;
	width: 100%;
}
.news-c{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.news-c4{
	color: #0C0C0C;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin-top: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
transition: all .5s;
-webkit-transition: all .5s;  
}
.news-c5{
	color: #0C0C0C;
	height: 25px;
	line-height: 25px;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.news-c6{
	color: #54565A;
	margin-top: 20px;
}
.news-ca:hover .news-c4{
	color: #ff6600;
transition: all .5s;
-webkit-transition: all .5s;  
}
.gysw-sp{
	bottom: 0  !important;
}
.gysw-sp span{
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #54565A;
	margin: 0 6px;
	opacity: 1;
}
.gysw-sp span.swiper-pagination-bullet-active{
	background: #FF6600;
	width: 34px;
}


.news-cnt{
	padding: 100px 0 12vw 0;
}
.news-ul{
	width: 102.5%;
	font-size: 0;
	margin-bottom: 40px;
}
.news-li{
	display: inline-block;
	vertical-align: top;
	width: 30.833%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	background: #F8F8F8;
	padding: 65px;
	height: ;
}
.news-e2{
	width: 40px;
}
.news-e3{
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical; 
}
.news-e4{
	color: #54565A;
	height: 44px;
	line-height: 22px;
	margin-top: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-e5{
	color: #54565A;
	margin-top: 35px;
}

@media(max-width:1200px){
	.news-c4{
		margin-top: 10px;
	}
	.news-c5{
		margin-top: 0px;
	}
	.news-c6{
		margin-top: 5px;
	}
	.news-li{
		padding: 30px;
	}
}
@media(max-width:750px){
	.news{
		padding: 40px 0;
	}
	.news-b{
		font-size: 24px;
		line-height: 1.3;
	}
	.join-a2{
		width: 50px;
	}
	.news-swiper{
		margin-top: 30px;
		padding-bottom: 30px;
	}
	.gysw-sp span{
		width: 8px;
		height: 8px;
		border-radius: 4px;
	}
	.gysw-sp span.swiper-pagination-bullet-active{
		width: 20px;
	}
	.news-cnt{
		padding: 40px 0 13vw 0;
	}
	.news-ul{
		width: 100%;
	}
	.news-li{
		width: 100%;
		padding: 20px;
		min-height: auto;
	}
	.news-e4{
		margin-top: 5px;
	}
	.news-e5{
		margin-top: 10px;
	}
}



.page{
	width: 100%;
	text-align: center;
	font-size: 0;
}
.page a{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #666;
	width: 38px;
	height: 38px;
	border: 1px solid #EBEBEB;
	line-height: 38px;
	border-radius: 20px;
	margin: 0 10px;
transition: all .5s;
}
.page a:hover{
	color: #fff;
	background-color: #FF6600 !important;
	border-color: #FF6600 !important;
transition: all .5s;
}
.page a.active{
	color: #fff;
	background: #D34C36;
	background: #FF6600;
	border-color: #FF6600;
}
.page a.prev,
.page a[rel="prev"]{
	font-size: 0 !important;
	background: url(../img/ico13_1.png) no-repeat center;
	background-size: 6px 12px;
}
.page a.prev:hover,
.page a[rel="prev"]:hover{
	background-color: #FF6600;
	background-image: url(../img/ico13_3.png);
}
.page a.next,
.page a[rel="next"]{
	font-size: 0 !important;
	background: url(../img/ico13_2.png) no-repeat center;
	background-size: 6px 12px;
}
.page a.next:hover,
.page a[rel="next"]:hover{
	background-color: #FF6600;
	background-image: url(../img/ico13_4.png);
}
.page a.page-first,
.page a.page-end{
	width: 88px;
	background: #EBEBEB;
	font-size: 12px;
}
@media(max-width:750px){
	.page a{
		font-size: 12px;
		width: 23px;
		height:23px;
		line-height: 23px;
		margin: 0 2px;
	}
	.page a.prev,
	.page a[rel="prev"],
	.page a.next,
	.page a[rel="next"]{
	
	}
	.page a.page-first, .page a.page-end{
		width: 40px;
	}
}



.gyinfo-go {
	margin-top: 25px;
	font-size: 14px;
	color: #B2B2B2;
	padding-left: 20px;
	background: url(../img/ico04.svg) no-repeat left center;
	background-size: 14px;
}
.gyinfo-go a{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #B2B2B2;
}
.gyinfo-go a:hover{
	color: #FF6600;
}
.gyinfo-go span{
	color: #333;
}
.gyinfo{
	padding: 140px 0 10vw 0;
}
.gyinfo-a {
	text-align: center;
}
.gyinfo-b{
	color: #666;
	text-align: center;
	margin-top: 10px;
}
.gyinfo-c{
	margin-top: 30px;
	padding: 30px 0;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	color: #666;
}
.gyinfo-c img{
	max-width: 100%;
	height: auto;
}
.gyinfo-de{
	position: relative;
	margin-top: 70px;
}
.gyinfo-d{
	width: calc(100% - 200px);
}
.gyinfo-dli{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5px;
}
.gyinfo-da{
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.gyinfo-e{
	position: absolute;
	right: 0;
	bottom: 0;
}
@media(max-width:1200px){
	.gyinfo{
	padding-top: 70px;
	}
}
@media(max-width:750px){
	.gyinfo{
		padding: 40px 0 12vw 0;
	}
	.gyinfo-de{
		margin-top: 30px;
		padding-bottom: 50px;
	}
	.gyinfo-d{
		width: 100%;
	}
	.gyinfo-e{
		
	}
}



.channel{
	padding: 90px 0;
}
.channel-b{
	margin-top: 20px;
	color: #000;
}
.channel-b span{
	color: #FF6600;
}
.channel-c{
	margin-top: 40px;
	position: relative;
}
.channel-csw{
	width: 102%;
	margin-left: -1%;
	padding: 5px 25% 15px 1%;
	font-size: 0;
}
.channel-csd{
	width: 31%;
	height: 520px;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
	transition: all .5s ;
	-webkit-transition: all .5s;
}
.channel-csd:last-child{
	/*margin-right: 0;*/
}
.channel-clt{
	width:100%;
	height: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.channel-clt-b{
	color: #fff;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	line-height: 30px;
	margin-top: -15px;
	text-align: center;
	font-weight: bold;
	/*text-shadow: 0 1px 2px rgb(0,0,0,.2);*/
}
.channel-clt:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(51, 51, 51, 0.1);
	opacity: 1;
	-webkit-backdrop-filter: blur(3px);
  	backdrop-filter: blur(3px);
}
.channel-crt{
	width: 51.12%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	padding: 60px;
	opacity: 0;
}
.channel-c2 span{
	color: #FF6600;
}
.channel-c3{
	margin: 30px 0;
}
.channel-c4{
	width: 33px;
}

@media(min-width:1001px){
	.channel-csd.on{
		width:66%;
		box-shadow: 0 4px 10px rgba(0,0,0,.1);
		transition: all .5s ;
		-webkit-transition: all .5s;
	}
	.channel-csd.on .channel-clt{
		width: 48.88%;
		transition: all .5s ;
		-webkit-transition: all .5s ;
	}
	.channel-csd.on .channel-clt-b{
		display: none;
	}
	.channel-csd.on .channel-clt:after{
		opacity: 0;
		transition: all .5s ;
		-webkit-transition: all .5s ;
	}
	.channel-csd.on .channel-crt{
		opacity: 1;
		transition: all .5s .5s;
		-webkit-transition: all .5s .5s;  
	}
}

.channel-de-bj{
	background: #F8F8F8;
}
.channel-de{
	padding: 80px 0 100px 0;
}

.channel-e{
	width: 103.125%;
	margin-top: 60px;
	font-size: 0;
}
.channel-eli{
	display: inline-block;
	vertical-align: top;
	width: 30.208%;
	margin-right: 3.125%;
	margin-bottom: 3.125%;
	background: #fff;
	padding: 30px 40px;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0,0,0,.1);
transition: all .5s;
-webkit-transition: all .5s;  
}
.channel-ediv{
	width: 100%;
	position: relative;
}
.channel-e2{
	width: 80px;
	font-size: 0;
}
.channel-e2 img{
	width: 1005;
}
.channel-e2-b{
	display: none;
}
.channel-e3{
	width: calc(100% - 100px);
	position: absolute;
	right: 0;
	top: 50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.channel-eli:hover{
	background: #ff6600;
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;  
}
.channel-eli:hover .channel-e2-a{
	display: none;
}
.channel-eli:hover .channel-e2-b{
	display: inline-block;
}


.channel-fg{
	padding: 80px 0 120px 0;
}
.channel-f{
	text-align: center;
}
.channel-fli{
	display: inline-block;
	vertical-align: top;
	margin: 0 70px;
	line-height: 2;
	padding-bottom: 10px;
	border-bottom: 4px solid #fff;
	cursor: pointer;
}
.channel-fli:hover,
.channel-fli.on{
	color: #FF6600;
	border-color: #FF6600
}

.channel-g{
	position: relative;
	margin-top: 45px;
}
.channel-gsd{
	overflow: hidden;
}
.gy-prev,
.gy-next{
	width: 66px ;
	height: 66px ;
	margin-top: -33px ;
	background: url(../img/ico06_1.png) no-repeat center;
	background-size: cover ;
}
.gy-prev{
	left: -90px ;
}
.gy-prev:hover{
	background-image: url(../img/ico06_3.png);
}
.gy-next{
	background-image: url(../img/ico06_2.png) ;
	right: -90px ;
}
.gy-next:hover{
	background-image: url(../img/ico06_4.png);
}
.channel-g{
	margin-bottom: 60px;
}
.channel-gsp {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -60px;
	left: 0
}
.channel-gsp span{
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: rgba(84, 86, 90, 1);
	opacity: 1;
	margin: 0 5px
}
.channel-gsp  span.swiper-pagination-bullet-active{
	width: 32px;
	background: rgba(255, 102, 0, 1);
}


.channel-btm{
	padding: 100px 0 10vw 0;
	min-height: 71.8vw;
	color: #fff;
	text-align: center;
}

.channel-jk{
	margin-top: 35px;
	position: relative;
	background: rgba(255,255,255,.95);
	padding: 70px;
	font-size: 0;
	text-align: left;
	color: #333;
}
.channel-j{
	width: 37.5%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 2;
}
.channel-j1{
	color: #FF6600;
}
.channel-j2{
	margin-top: 35px;
}
.channel-j3{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 280px;
}
.channel-k{
	width: 62.5%;
	display: inline-block;
	vertical-align: top;
	padding-left: 10%;
	position: relative;
	z-index: 2;
}
.channel-kli{
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}
.channel-kint{
	font-size: 14px;
	padding: 0 20px;
}
.channel-k1{
	border: 1px solid rgba(0,0,0,.1);
	width: 48%;
	height: 44px;
	display: inline-block;
	vertical-align: top;
	background:initial ;
}
.channel-k1:nth-child(2){
	margin-left: 4%;
}
.channel-k2{
	width: 100%;
}
.channel-k3{
	background: #fff;
	width: 100%;
	height: 45px;
	display: inline-block;
	vertical-align: top;
}
.channel-kli2 img{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 2;
}
.channel-kbut{
	text-align: left;
	margin-top: 15px;
}

.channel-m{
	margin-top: 80px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255,255,255,.25);
	margin-bottom: 35px;
}
.channel-n{
	font-size: 0;
	position: relative;
}
.channel-n:after{
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	background: rgba(255,255,255,.25);
}
.channel-n.on:after{
	display: none;
}
.channel-nli{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center;
	padding: 0 5%;
}
.channel-n3{
	margin: 10px 0 20px 0;
}
.channel-n4{
	font-family: Montserrat;
	color: #FF6600;
}
.channel-n5{
	width: 100%;
	font-size: 0;
	margin-top: 30px;
}
.channel-n5 img{
	width: 76px;
}


.channel-r{
	padding: 120px 0 100px 0;
	text-align: center;
}
.channel-r2{
	font-weight: bold;
	color: #FF6600;
	margin-top: 30px;
}
.channel-r3{
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 30px;
}
.channel-r1 .join-a2{
	left: 50%;
	margin-left: -32px;
}

.channel-st{
	padding: 120px 0;
}
.channel-t{
	width: 102%;
	margin-top: 60px;
	font-size: 0;
}
.channel-tli{
	display: inline-block;
	vertical-align: top;
	width: 23%;
	margin-right: 2%;
	margin-bottom: 2%;
	background: #fff;
	height: 420px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
	padding: 80px 35px;
	text-align: center;
}
.channel-t1{
	height: 74px;
}
.channel-t2{
	margin-top: 20px;
}
.channel-t3{
	margin-top: 30px;
	color: rgba(84, 86, 90, 1);
}



@media(max-width:1600px){
	.channel-c{
		padding: 0 60px;
	}
	.gy-prev, .gy-next{
		width: 50px;
		height: 50px;
		margin-top: -25px;
	}
	.gy-prev{
		left: 0;
	}
	.gy-next{
		right: 0;
	}
	.channel-crt{
		padding: 40px 30px;
	}
	.channel-csd{
		height: 400px;
	}
	.channel-eli{
		padding: 25px;
	}
	.channel-g{
		margin-top: 30px;
		padding: 0 60px;
	}
	
	.channel-r,.channel-st{
		padding: 80px 0;
	}
	.channel-tli{
		padding: 50px 30px;
	}
	.channel-fli{
		margin: 0 40px;
	}
}
@media(max-width:1200px){
	.channel-e{
		width: 102%;
	}
	.channel-eli{
		width: 48%;
		margin-right: 2%;
		margin-bottom: 3%;
	}
}
@media(max-width:1000px){
	.channel-csd{
		width: 100%;
		box-shadow: 0 4px 10px rgba(0,0,0,.1);
	}
	.channel-csd.on{
		width: 100%;
	}
	.channel-clt{
		width: 48.88%;
	}
	.channel-clt-b{
		display: none;
	}
	.channel-clt:after{
		opacity: 0;
	}
	.channel-crt{
		opacity: 1; 
	}
	.channel-csw{
		padding: 5px 1% 15px 1%;
	}
	.channel-tli{
		width: 48%;
		height: 360px;
	}
}
@media(max-width:750px){
	.channel{
		padding: 40px 0;
	}
	.gy-prev, .gy-next{
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.channel-c{
		padding: 0 35px;
	}
	.channel-c{
		margin-top: 30px;
	}
	.channel-csd{
		box-shadow: initial;
		border: 1px solid #eee;
		height: auto;
	}
	.channel-clt{
		width: 100%;
		height: 6rem;
	}
	.channel-crt{
		width: 100%;
		min-height: 7rem;
		padding: 25px;
		position: relative;
	}
	.channel-c3{
		margin: 10px 0;
	}
	.channel-de{
		padding: 40px 0;
	}
	.channel-e{
		width: 100%;
		margin-top: 30px;
	}
	.channel-eli{
		width: 100%;
		margin-right: 0;
		margin-bottom: 3%;
		padding: 15px;
	}
	.channel-fg{
		padding: 40px 0;
	}
	
	.channel-fli{
		margin: 0 6px;
		padding-bottom: 5px;
		margin-bottom: 15px;
		font-size: 13px;
		border-width: 2px;
	}
	.channel-e2{
		width: 60px;
	}
	.channel-e3{
		width: calc(100% - 70px);
		line-height: 1.5;
	}
	.channel-g{
		margin-top: 30px;
		padding: 0 35px;
	}
	.tit-44{
		font-size: 24px;
		line-height: 1.5;
	}
	.channel-btm{
		padding: 40px 0 12vw 0;
	}
	.channel-jk{
		margin-top: 30px;
		padding: 30px;
	}
	.channel-j{
		width: 100%;
	}
	.channel-k{
		width: 100%;
		margin-top: 30px;
		padding: 0;
	}
	.channel-k1{
		font-size: 12px;
		padding: 0 10px;
		height: 40px;
	}
	.channel-kli{
		margin-bottom: 10px;
	}
	.channel-m{
		margin-top: 40px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.channel-n5 img{
		width: 50px;
	}
	.channel-n5{
		margin-top: 15px;
	}
	.channel-n3{
		margin: 5px 0;
	}
	.channel-r,.channel-st{
		padding: 40px  0;
	}
	.channel-r1 .join-a2{
		margin-left: -25px
	}
	.channel-r2{
		margin-top: 15px;
	}
	.channel-r3{
		margin-top: 5px;
		margin-bottom: 15px
	}
	.channel-r4{
		font-size: 14px;
	}
	.channel-t{
		width: 100%;
		margin-top: 30px;
	}
	.channel-tli{
		width: 100%;
		margin: 10px 0;
		height: auto;
		padding: 30px 20px;
	}
	.channel-t1{
		height: 60px;
	}
	.channel-t2{
		margin-top: 10px;
	}
	.channel-t3{
		margin-top: 15px;
	}
	
	.channel-g{
		margin-bottom: 30px;
	}
	.channel-gsp {
		bottom: -30px;
	}
	.channel-gsp span{
		width: 8px;
		height: 8px;
		border-radius: 6px;
		margin: 0 3px
	}
	.channel-gsp  span.swiper-pagination-bullet-active{
		width: 16px;
	}
}



.renovation{
	padding: 120px 0;
}

.renovation-a{
	text-align: center;
	font-size: 0;
}
.renovation-aa{
	display: inline-block;
	vertical-align: top;
	min-width: 210px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0,0,0,.2);
	position: relative;
	cursor: pointer;
}
.renovation-a2{
	left: 50%;
	margin-left: -32px;
	opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.renovation-a1{
	position: relative;
	z-index: 2;
	color: #333 !important;
}
.renovation-aa:hover .renovation-a2,
.renovation-aa.on .renovation-a2{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}
.renovation-aa.on{
	border-color: #FF6600;
}

.renovation-b{
	text-align: center;
	margin-top: 45px;
	display: none;
}
.gyspan-clo span{
	color: #FF6600;
}
.renovation-c{
	margin-top: 80px;
}

.renovation-d{
	margin-top: 90px;
	width: 102.5%;
	font-size: 0;
}
.renovation-dli{
	width: 47.5%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	background: #F8F8F8;
	min-height: 450px;
	display: inline-block;
	vertical-align: top;
	padding: 80px 200px 80px 70px;
	position: relative;
transition: all .5s;
-webkit-transition: all .5s;  
}

.renovation-d3{
	max-width: 440px;
	margin-top: 25px;
}
.renovation-d4{
	max-height: 100px;
	position: absolute;
	right: 90px;
	bottom: 60px;
}
.renovation-dli:hover{
	background: #fff;
	box-shadow: 0 10px 25px rgba(0,0,0,.2);
transition: all .5s;
-webkit-transition: all .5s;  
}

.renovation-e{
	position: relative;
}
.renovation-ediv{
	width: 70%;
	color: #fff;
	position: absolute;
	left: 15%;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	text-align: center;
}
.renovation-e3{
	margin-top: 20px;
}
.renovation-e4{
	margin-top: 40px;
	width: 365px;
}

@media(max-width:1200px){
	.renovation-dli{
		padding: 50px 30px;
		padding-bottom: 100px;
		min-height: 400px;
	}
	.renovation-d4{
		max-height: 70px;
		right: 30px;
		bottom: 20px;
	}
	.renovation-e4{
		width: 280px;
	}
}
@media(max-width:750px){
	.renovation{
		padding: 40px 0;
	}
	.renovation-aa{
		min-width: 120px;
	}
	.renovation-a2{
		margin-left: -25px;
	}
	.renovation-b{
		margin-top: 20px;
	}
	.renovation-b3{
		font-size: 13px;
		margin-top: 3px;
		line-height: 1.5;
	}
	.renovation-d{
		width: 100%;
		margin-top: 40px;
	}
	.renovation-dli{
		width: 100%;
		min-height: auto;
	}
	.renovation-d3{
		margin-top: 15px;
	}
	.renovation-d4{
		max-height: 50px;
	}
	.renovation-e{
		overflow: hidden;
	}
	.renovation-ediv{
		width: 80%;
		left: 10%;
	}
	.renovation-e3{
		margin-top: 10px;
	}
	.renovation-e4{
		width: 120px;
		margin-top: 15px;
	}
	.jrenovation-eimg{
		width: 200% !important;
		max-width: initial;
		margin-left: -50%;
	}
}



.services-bj{
	position: relative;
	min-height: 59.63vw;
}
.services{
	position: relative;
	z-index: 1;
	padding-top: 130px;
	font-size: 0;
	overflow: hidden;
}
.services-lt{
	float: left;
	max-width: 35%;
	display: inline-block;
}

.services-rt{
	float: right;
	width: 755px;
	
}
.services-c{
	margin-top: 30px;
}
.services-d{
	width: 102%;
	margin-top: 40px;
	font-size: 0;
	padding-bottom: 70px;
	max-height: 850px;
	overflow-y: auto;
}
.services-dli{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	margin-top: 18px;
	height: 370px;
	background: rgba(0,0,0,.1);
	padding: 35px;
	text-align: center;
	-webkit-backdrop-filter: blur(10px);
  	backdrop-filter: blur(10px);
}
.services-dli:nth-child(2n + 1){
	position: relative;
	top: 70px;
}
.services-d2{
	width: 160px;
	margin-bottom: 35px;
}
.services-d3,
.services-d5{
	color: #666;
}


.services-cnt-bj{
	background: rgba(248,248,248,1);
}
.services-cnt{
	padding: 135px 0 6vw 0;
}
.services-gh{
	width: 100%;
	height: 1080px;
	position: relative;
}
.services-h{
	z-index: 2;
}
.services-hli{
	position: absolute;
	left: 50%;
	top: 52%;
	width: 0px;
	height: 0px;
}
.services-ha{
	width: 677px;
	height: 677px;
	display: block;
	overflow: hidden;
	position: relative;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	border-radius: 100%;
}
.services-hi{
	z-index: 2;
	background: rgba(255,102,0,.8);
	opacity: 0;
}
.services-hdiv{
	position: absolute;
	top: 50%;
	left: 10%;
	width: 80%;
	text-align: center;
	z-index: 3;
	color: #fff;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	opacity: 0;
}
.services-hli:first-child .services-hi,
.services-hli:first-child .services-hdiv{
	opacity: 1;
}
.services-h3{
	margin-top: 20px;
}
.services-h5{
	text-align: left;
	background: #fff;
	border-color: #fff;
	margin-top: 50px;
}
.services-h5 span{
	color: #FF6600 !important;
}
.services-h5:hover span{
	color: #fff !important;
}
.services-h5:after{
	background: #FF6600 !important;
}
.services-hli:nth-child(2){
	left: 12%;
    top: 28%;
	transform: scale(.415);
	-webkit-transform: scale(.415);
}
.services-hli:nth-child(3){
	    left: 8%;
    top: 74%;
	transform: scale(.55);
	-webkit-transform: scale(.55);
}
.services-hli:nth-child(4){
	    left: 40%;
    top: 83%;
	transform: scale(.41);
	-webkit-transform: scale(.41);
}
.services-hli:nth-child(5){
	    left: 74%;
    top: 24%;
	transform: scale(.36);
	-webkit-transform: scale(.36);
}
.services-hli:nth-child(6){
	    left: 95%;
    top: 16%;
	transform: scale(.5);
	-webkit-transform: scale(.5);
}
.services-hli:nth-child(7){
	left: 90%;
    top: 55%;
	transform: scale(.43);
	-webkit-transform: scale(.43);
}


.services-g{
	z-index: 1;
}
.services-gli{
	width: 55px;
	height: 55px;
	border-radius: 100%;
	background: #FF6600;
	position: absolute;
	    left: 19%;
    top: 44%;
}
.services-gli:nth-child(2){
	width: 34px;
	height: 34px;
	left: 37%;
    top: 16%;
}
.services-gli:nth-child(3){
	width: 50px;
	height: 50px;
	    left: 76%;
    top: 53%;
}
.services-gli:nth-child(4){
	width: 20px;
	height: 20px;
	     left: 74%;
    top: 81%;
}
.services-gli:nth-child(5){
	width: 24px;
	height: 24px;
	left: 92%;
    top: 73%;
}
@media(max-width:1600px){
	.services-hli:nth-child(1){
		    transform: scale(.8);
    -webkit-transform: scale(.8);
	}
	.services-hli:nth-child(3){
		left: 11%;
	}
	.services-hli:nth-child(5){
		left: 70%;
	}
	.services-hli:nth-child(6){
		left: 91%;
	}
	.services-gli:nth-child(3){
		left: 73%;
	}
}
@media(max-width:1200px){
	.services-rt{
		max-width: 650px;
	}
	.services-hli:nth-child(5){
		    left: 58%;
		    top: 15%;
	}
	.services-hli:nth-child(4){
		    left: 46%;
    top: 87%;
	}
}
@media(max-width:1000px){
	.services-lt{max-width: 100%;}
	.services-rt{
		width: 100%;
		margin-top: 30px;
		max-width: initial;
	}
	.services-ha{
		width: 500px;
		height: 500px;
	}
	.services-hli:nth-child(1) {
	    transform: scale(.8);
	    -webkit-transform: scale(.8);
	}
	.services-hli:nth-child(5){
		top: 24%;
	}
	.services-hli:nth-child(6){
		left: 87%;
		top: 14%;
	}
	.services-hli:nth-child(3) {
	    left: 15%;
	        top: 74%;
	}
	.services-gli:nth-child(1){
		left: 9%;
	}
	.services-hli:nth-child(7){
		left: 87%;
    top: 69%;
	}
	.services-gli:nth-child(3){
		left: 83%;
		top: 36%;
	}
}
@media(max-width:750px){
	.services{
		padding-top: 40px;
	}
	.join-b{
		margin-top: 10px;
	}
	.services-rt{
		margin-top: 0;
	}
	.services-dli{
		padding: 30px 15px;
		min-height: 260px;
		height: auto;
	}
	.services-d2{
		width: 60px;
		margin-bottom: 20px;
	}
	.services-d{
		padding-bottom: 40px;
		max-height: 570px;
		margin-top: 20px;
	}
	.services-d4{
		font-size: 16px;
		line-height: 1.5;
		margin: 5px 0;
	}
	.services-dli:nth-child(2n + 1){
		top: 40px;
	}
	.services-cnt{
		padding: 40px 0 12vw 0;
	}
	.services-ha{
		width: 80vw;
		height: 80vw;
	}
	.services-gh{
		height: 180vw;
	}
	.services-hli:nth-child(2){
		left: 15%;
	}
	.services-hli:nth-child(4) {
	    left: 52%;
	    top: 90%;
	}
	.services-h3{
		font-size: 20px;
		line-height: 1.4;
	}
	.services-h4{
		font-size: 14px;
	}
	.services-h5{
		margin-top: 15px;
	}
	.services-hli:nth-child(3) {
	    left: 21%;
	    top: 74%;
	}
	.services-hli:nth-child(7) {
	    left: 84%;
	    top: 72%;
	}
	.services-hli:nth-child(5) {
	    top: 27%;
	    left: 54%;
	}
	.services-hli:nth-child(6) {
	    left: 82%;
	    top: 14%;
	}
}




.gyinfo-k{
	position: relative;
}
.gyinfo-ka{
	width: 100px;
	text-align: center;
	position: absolute;
	top: 0;
	right: -130px;
}
.gyinfo-k2{
	height: 70px;
}
.gyinfo-k3{
	margin-top: 10px;
}




.proban-b{
	color: #FF6600;
}
.proban-c{
	margin-top: 20px;
}
.proban-d {
	margin-top: 80px;
}
.proban-div-bj{
	top: 0;
	transform: initial;
	padding-top: 7.8vw;
}
.proban-div{
	position: relative;
	left: 20px;
	opacity: 0;
}
.proban-sd.swiper-slide-active .proban-div{
	left: 0;
	opacity: 1;
transition: all .5s .7s;
-webkit-transition: all .5s .7s;  
}

.proban-span{
	text-align: left;
}
.proban-span-bj{
	position: absolute;
	left: 50%;
	bottom: 50px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	height: 10px;
	z-index: 2;
}
.proban-span span{
	background: #fff;
	opacity: .6;
}
.proban-span span.swiper-pagination-bullet-active{
	opacity: 1;
	background: #fff !important;
}
.proban-but-bj{
	width: 150px;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 60px;
}
.proban-prev{
	width: 60px;
	height: 60px;
	margin-top: -30px;
	left: 0;
	background: rgba(255,255,255,.1) url(../img/ico14_1.png)  no-repeat center; 
	background-size: cover;
	border-radius: 100%;
	border: 1px solid #fff;
}
.proban-prev:hover{
	background-image: url(../img/ico14_3.png)  ; 
	border-color: #FF6600;
}
.proban-next{
	width: 60px;
	height: 60px;
	margin-top: -30px;
	right: 0;
	background: rgba(255,255,255,.1) url(../img/ico14_2.png)  no-repeat center; 
	background-size: cover;
	border-radius: 100%;
	border: 1px solid #fff;
}
.proban-next:hover{
	background-image: url(../img/ico14_4.png)  ; 
	border-color: #FF6600;
}




.product-nav-bj{
	background: rgba(0, 0, 0, 0.05);
}
.product-nav{
	display: flex;
	justify-content: space-between;
}
.product-nav-li{
	width: 50%;
	display: inline-block;
	text-align: center;
	height: 120px;
	padding: 20px 0;
	position: relative;
transition: all .5s;
-webkit-transition: all .5s;  
}
.product-nav-a{
	font-size: 0;
	height: 50px;
	line-height: 50px;
}
.product-nav-a img{
	max-height: 50px;
}
.product-nav-a2{
	display: none;
}
.product-nav-b{
	margin-top: 10px;
}
.product-nav-li:after{
	content: '';
	width: 0%;
	height: 2px;
	background: #FF6600;
	position: absolute;
	left: 50%;
	top: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.product-nav-li:hover,
.product-nav-li.on{
	background: #fff;
	color: #FF6600;
transition: all .5s;
-webkit-transition: all .5s;  
}
.product-nav-li:hover .product-nav-a2,
.product-nav-li.on .product-nav-a2{
	display: inline-block;
transition: all .5s;
-webkit-transition: all .5s;  
}
.product-nav-li:hover .product-nav-a1,
.product-nav-li.on .product-nav-a1{
	display: none;
transition: all .5s;
-webkit-transition: all .5s;  
}
.product-nav-li:hover:after,
.product-nav-li.on:after{
	width: 100%;
	left: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}


.product{
	padding: 80px 0 10vw 0;
}
.product-ab{
	overflow: hidden;
}
.product-a{
	float: left;
	max-width: 15%;
}
.product-b{
	float: right;
	max-width: 85%;
	font-size: 0;
}
.product-ba{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 10px;
	padding: 0 10px;
	line-height: 30px;
	min-width: 80px;
	border: 1px solid rgba(0,0,0,.1);
	text-align: center;
	cursor: pointer;
}
.product-ba img{
	height: 12px;
	margin-right: 3px;
	position: relative;
	top: -1px;
}
.product-ba span{
	width: 10px;
	height: 10px;
	border: 1px solid rgba(0,0,0,.3);
	display: inline-block;
	border-radius: 100%;
	margin-right: 5px;
}
.product-ba:hover,
.product-ba.on{
	color: #FF6600;
}
.product-ba:hover span,
.product-ba.on span{
	border-color: #FF6600;
	border-width: 3px;
}
.product-ba:first-child{
	background: rgba(84, 86, 90, 1) !important;
	color: #fff !important;
}
.product-ba:first-child:hover,
.product-ba:first-child.on{
	background: #FF6600 !important;
}


.product-ul{
	width: 102.5%;
	margin-top: 25px;
	font-size: 0;
}
.product-li{
	display: inline-block;
	vertical-align: top;
	width: 30.833%;
	margin-right: 2.5%;
	margin-bottom: 60px;
}
.product-d{
	overflow: hidden;
	position: relative;
}
.product-e{
	height: 30px;
	line-height: 30px;
	margin-top: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.product-f{
	margin-top: 5px;
	color: rgba(188, 47, 44, 1);
	font-family: MiSans-Demibold;
}
.product-g{
	text-align: center;
}
.product-ga{
	cursor: pointer;
}

@media(max-width:1600px){
	.proban-d{
		margin-top: 30px;
	}
}
@media(max-width:1000px){
	.proban-span-bj{
		bottom: 20px;
	}
	.product-a{
		width: 100%;
		max-width: 100%;
	}
	.product-b{
		width: 100%;
		text-align: left;
		max-width: 100%;
		margin-top: 20px;
	}
	.product-ba{
		margin-left: 0;
		margin-right: 10px;
	}
	.product-li{
		width: 47.5%;
	}
}

@media(max-width:750px){
	.proban-sw .gyban-img{
		height: 15rem;
	}
	.proban-div-bj{
		padding-top: 2rem;
	}
	.proban-c{
		font-size: 20px;
		margin-top: 5px;
	}
	.proban-d{
		margin-top: 20px;
	}
	.proban-but-bj{
		width: 90px;
		height: 40px;
	}
	.proban-next,.proban-prev{
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
	.product-nav{
		width: 100%;
	}
	.product-nav-a{
		height: 30px;
		line-height: 30px;
	}
	.product-nav-a img{
		max-height: 30px;
	}
	.product-nav-b{
		margin-top: 5px;
	}
	.product-nav-li{
		padding: 10px 0;
		height: 75px;
	}
	.product{
		padding: 40px 0 12vw 0;
	}
	.product-ul{
		width: 100%;
	}
	.product-li{
		width: 100%;
		margin-bottom: 30px;		
	}
	.product-e{
		margin-top: 10px;
	}
}



.proinfo-bj{
	background:rgba(249, 249, 249, 1);
}
.proinfo{
	padding: 40px 0 10vw 0;
}


.proinfo-go{
	background-image: url(../img/ico17.svg);
	margin-top: 0;
}

.proinfo-div{
	background: #fff;
	font-size: 0;
	margin-top: 25px;
}
.proinfo-lt{
	width: 51.25%;
	display: inline-block;
	vertical-align: top;
}
.proinfo-sw{
	height: 100%;
	
	overflow: hidden;
}
.proinfo-sw .proban-span-bj{
	bottom: 30px;
}
.proinfo .gyban-img{
	height: 650px;
}
.proinfo-rt{
	width: 48.75%;
	display: inline-block;
	vertical-align: top;
	padding: 50px 70px;
}


.proinfo-c3{
	color: #999;
	margin-top: 5px;
}
.proinfo-d{
	line-height: 70px;
	background: rgba(249, 249, 249, 1);
	border: 1px solid #eee;
	margin-top: 15px;
	padding: 0 30px;
	color: rgba(188, 47, 44, 1);
}
.proinfo-e{
	margin-top: 12px;
	color: rgba(84, 86, 90, 1);
	margin-bottom: 5px;
}
.proinfo-f{
	width: 102%;
	font-size: 0;
}
.proinfo-fli{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 2%;
	margin-top: 10px;
	padding: 8px 12px;
	color: rgba(84, 86, 90, 1);
	border: 1px solid rgba(0,0,0,.1);
	cursor: pointer;
}
.proinfo-fli:hover,
.proinfo-fli.on{
	color: #FF6600;
	border-color: #FF6600;
}
.proinfo-g{
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,.1);
	margin-top: 18px;
}
.proinfo-fB .proinfo-fli{
	width: auto;
}

.proinfo-h{
	margin-top: 30px;
	
}
.proinfo-hlt{
	display: inline-block;
	line-height: 35px;
	margin-top: 10px;
}
.proinfo-hlt span{
	color: #FF6600;
	font-weight: bold;
	font-size: 22px;
}
.proinfo-ha{
	margin-left: 12px;
}
.proinfo-jk{
	margin-top: 40px;
	font-size: 0;
}
.proinfo-j{
	width: 68.5%;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	padding: 90px 50px;
}
.proinfo-k{
	display: inline-block;
	vertical-align: top;
	width: 29%;
	margin-left: 2.5%;
	background: #fff;
	padding: 25px 20px;
}
.roinfo-kul{
	width: 100%;
	margin-top: 20px;
}
.roinfo-kul .product-li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 30px;
}
@media(max-width:1600px){
	.proinfo-rt{
		padding: 30px;
	}
	.proinfo-d{
		line-height: 50px;
	}
	.proinfo-hlt{
		width: 100%;
	}
	.proinfo-ha{
		margin-left: 0;
		margin-right: 10px;
	}
	.proinfo  .gyban-img{
		height: 37.1875vw;
	}
}
@media(max-width:1200px){
	.proinfo-lt{
		width: 100%;
	}
	.proinfo-rt{
		width: 100%;
		padding: 40px;
	}
	.proinfo-hlt{
		margin-bottom: 15px;
	}
	
	.proinfo  .gyban-img{
		height: 72.85vw;
	}
	
	
	.gyinfo-ka{
		top: 10px;
		right: 0;
	}
	.gyinfo-k{
		padding-top: 100px;
	}
}
@media(max-width:750px){
	
	.proinfo .gyban-img{
		height: 69.33vw;
	}
	.proinfo-rt{
		padding: 30px  15px;
	}
	.proinfo-c2{
		font-size: 20px;
	}
	.proinfo-d{
		line-height: 40px;
		padding: 0 10px;
	}
	.proinfo-fli{
		width: 100%;
	}
	.proinfo-h{
		margin-top: 0;
	}
	.proinfo-j{
		width: 100%;
		padding: 20px;
	}
	.proinfo-k{
		width: 100%;
		margin-top: 30px;
		padding: 30px;
	}
	.gyinfo-go{
		display: none;
	}
	.proinfo-div{
		margin: 0;
	}
	
	.gyinfo-ka{
		top: 20px;
		right: 0;
	}
	.gyinfo-k{
		padding-top: 65px;
	}
	.gyinfo-k2{
		height: 40px;
	}
}



footer{
	position: relative;
	left: 0;
	width: 100%;
	z-index: 9;
	margin-top: -5vw;
	overflow: hidden;
}
.footer-bj{
	width: 100%;
	height: 100%;
	background: #f8f8f8;
	position: absolute;
	top: 6vw;
	left: 0;
	z-index: 1;
	
}
.footer-img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.footer{
	padding: 120px 0 50px 0;
	position: relative;
	z-index: 3;
}
.footer-a{
	text-align: center;
}
.footer-a img{
	width: 242px;
}
.footer-b{
	margin-top: 80px;
	display: flex;
	justify-content: space-between;
}
.footer-bli{
	display: inline-block;
	vertical-align: top;
}
.footer-ba{
	display: inline-block;
	
}
.footer-bt{
	margin-top: 20px;
}
.footer-bt a{
	display: inline-block;
}
.footer-c{
	width: 100%;
	height: 0;
	margin-top: 120px;
	position: relative;
	text-align: center;
}
.footer-cul{
	display: inline-block;
}
.footer-cli{
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 8px;
	font-size: 0;
}
.footer-c2{
	width: 40px;
}
.footer-c3{
	width: 120px;
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin-bottom:10px ;
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	margin-left: -60px;
	display: none;
}
.footer-d{
	overflow: hidden;
	width: 100%;
	padding: 10px 0;
}
.footer-dlt{
	max-width: 40%;
	float: left;
	line-height: 25px;
}

.footer-drt{
	max-width: 40%;
	float: right;
	line-height: 25px;
}
.footer-drt span{
	font-size: 18px;
	font-weight: bold;
	margin-left: 5px
}
@media(max-width:1000px){
	.footer-c{
		height: auto;
		margin-bottom: 30px;
		margin-top: 60px;
	}
	.footer{
		padding-top: 80px;
	}
}
@media(max-width:750px){
	.footer{
		padding: 2rem 0 1rem;
		margin-top: -5.5vw;
	}
	.footer-a img{
		width: 6rem;
	}
	.footer-b{
		display: none;
	}
	.footer-c{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.footer-cli{
		margin: 0 3px;
	}
	.footer-d{
		padding: 0;
	}
	.footer-dlt,
	.footer-drt{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 3px 0;
	}
}


header{
	background: #fff;
	height: 100px;
	border-bottom: 1px solid #E0E0E0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 19;
	font-size: 0;
}
.logo{
	width: 161px;
	display: inline-block;
	vertical-align: top;
	line-height: 100px;
}

.header-nav{
	display: inline-block;
}
.header-nav-li{
	display: inline-block;
}
.header-a{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-right: 10px;
}
.header-nav-li.on .header-a{
	color: #FF6600;
	font-weight: bold;
}

.header-rt{
	float: right;
}
.header-j{
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-left: 25px;
}
.header-j2{
	padding-left: 30px;
	line-height: 100px;
	display: inline-block;
	color: #FF6600;
	background: no-repeat left center; 
	background-size: 20px auto;
}
.header-j3{
	width: 120px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -60px;
	display: none;
}

.header-k{
	width: 28px;
	height: 100px;
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	background: no-repeat left center; 
	background-size: 24px auto;
	cursor: pointer;
}
.header-j5{
	padding-left: 0;
	padding-right: 15px;
	background: no-repeat right center; 
	background-size: 10px auto;
}
.header-j6{
	background: #fff;
	padding: 10px;
	box-shadow: 0 3px 6px rgba(0,0,0,.2);
	border-radius: 5px;
	width: 60px;
	margin-left: -30px;
}
.header-j6 a{
	text-align: center;
	padding: 0 10px;
}

.header-nav{
	float: right;
	margin-right: 160px;
}
.header-nav-ul{
	display: inline-block;
	vertical-align: top;
}
.header-nav-li{
	display: inline-block;
	margin-left: 50px;
	position: relative;
}
.header-a{
	line-height: 100px;
	font-size: 18px;
}
.header-b{
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -75px;
	width: 150px;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
	padding: 10px;
	display: none;
}
.header-b a{
	display: block;
	line-height: 2;
	font-size: 16px;
	text-align: center;
	padding: 3px 5px;
}


.header-dx{
	width: 35px;
	margin-top: 23px;
	text-align: right;
	margin-left:40px ;
	overflow: hidden;
	display: none;
	position: relative;
}
.header-dx1,.header-dx2,.header-dx3{
	width: 100%;
	height: 4px;
	margin-bottom: 8px;
	background:#333;
	float: right;
	
}
.header-dx div{
	transition: all .5s; 
}
.header-dx.cli .header-dx1{
	-webkit-transform: rotate(44deg);
   -ms-transform: rotate(44deg);
   transform: rotate(44deg);
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}
.header-dx.cli .header-dx2{
   opacity: 0;
   transition: all .5s; 
}
.header-dx.cli .header-dx3{
	-webkit-transform: rotate(-44deg);
   -ms-transform: rotate(-44deg);
   transform: rotate(-44deg);
   position: relative;
   top:1px;
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}

.header-ss{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 30vh;
	z-index: 2;
	top: 100px;
	box-shadow: 0 0 2px rgba(0,0,0,.1);
	background: rgba(0,0,0,.8);
	background: #fff;
	display: none;
	z-index: 39;
}
.header-ss-a{
	width: 800px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -400px;
}
.header-ss-a .int1{
	width: 800px;
	height: 50px;
	line-height: 50px;
	background: none;
	border: none;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	color: #333;
	padding:  0 10px;
	padding-right: 60px;
}
.header-ss-a .int2{
	width: 50px;
	height: 50px;
	border: none;
	background: no-repeat center;
	background-image: url(../img/ico02_3.svg);
	background-size: 30px auto;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.header-ss-x{
	width: 50px;
	height: 50px;
	background: url(../img/x03.png) no-repeat center;
	position: absolute;
	top: 50px;
	right: 50px;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;  
}
.header-ss-x:hover{
	transform: rotate(180deg);
transition: all .5s;
-webkit-transition: all .5s;  
}

@media(max-width:1600px){
	header{
		height: 70px;
	}
	body{
		padding-top: 70px;
	}
	.logo{
		line-height: 70px;
		width: 120px;
	}
	.header-j{
		margin-left: 20px;
	}
	.header-j2{
		line-height: 70px;
		padding-left: 20px;
		background-size: 16px auto;
	}
	.header-k{
		width: 20px;
		margin-left: 20px;
		background-size: 98% auto;
		height: 70px;
	}
	.header-j5{
		padding-left: 0 !important;
		padding-right: 12px;
		font-size: 16px;
		background-size: 10px auto;
	}
	.header-j6 a{
		font-size: 14px;
	}
	.header-a{
		font-size: 16px;
		line-height: 70px;
	}
	.header-nav-li{
		margin-left: 30px;
	}
	.header-nav{
		margin-right: 100px;
	}
	
	.header-ss{
		top: 70px;
	}
}

@media(max-width:1200px){
	.header-nav{
		width: 100%;
		height: calc(100% - 70px);
		position: fixed;
		top: 70px;
		left: 0;
		background: #fff;
		border-top: 1px solid rgba(0,0,0,.1);
		padding: 4%;
		display: none;
	}
	.header-nav-ul{
		width: 100%;
	}
	.header-nav-li{
		width: 100%;
		margin: 0;
	}
	.header-a{
		width: 100%;
		font-size: 20px;
		font-weight: bold;
		line-height: 80px;
		border-bottom:1px solid #e2e2e2;
		color: #333 !important;
	}
	.header-nav-li>i{
		width: 100%;
		height: 80px;
		display: inline-block;
		background: url(../img/ico28_1.png) no-repeat right center;
		background-size: 16px auto;
		position: absolute;
		right: 0%;
		top: 0;
	}
	
	.header-b{
		width: 100%;
		box-shadow: initial;
		border: initial;
		margin: 0;
		left: 0;
		background: initial !important;
		position: relative;
		/*display: block;*/
		padding: 0;
		padding-bottom: 1rem;
	}
	.header-b a{
		font-size: 18px;
		line-height: 60px;
		border-bottom: 1px solid rgba(0,0,0,.1);
		padding: 0 1.5rem;
		text-align: left;
		/*color: #fff;*/
		position: relative;
	}
	.header-b a:after{
		content: '';
		width: 6px;
		height: 6px;
		background: #fff;
		border-radius: 100%;
		position: absolute;
		left: .6rem;
		top: 50%;
		margin-top: -3px;
	}
	
	
	.header-dx{
		display: block;
	}
	
	.header-ss{
		top: 70px;
	}
	.header-ss-a{
		width: 500px;
		margin-left: -250px;
	}
	.header-ss-a .int1{
		width: 100%;
	}
	.header-ss-x{
		top: 8%;
		right: 3%;
	}
}

@media(max-width:750px){
	
	header{
		height: 2rem;
	}
	body{
		padding-top: 2rem;
	}
	.logo{
		line-height: 2rem;
		width: 3rem;
	}
	.header-nav{
		height: calc(100% - 2rem);
		top: 2rem;
		/*display: none;*/
	}
	.header-a{
		line-height: 50px;
		font-size: 14px;
	}
	.header-nav-li>i{
		width: 100%;
		background-size: 14px auto;
		height: 50px;
	}
	.header-b a{
		line-height: 40px;
		font-size: 12px;
		padding: 0 1.2rem;
	}
	.header-b a:after{
		left: .5rem;
	}
	
	.header-j2{
		line-height: 2rem;
		padding-left: 14px;
		background-size: 12px auto;
	}
	.header-j{
		margin-left: 15px;
	}
	.header-k{
		width: 16px;
		height: 2rem;
		margin-left: 15px;
	}
	.header-j5{
		font-size: 13px;
		padding-right: 10px;
		background-size: 8px auto;
	}
	
	
	
	.header-dx{
		display: block;
		width: .9rem;
		margin-top: .2rem;
		margin-left: .7rem;
		padding-top: .5rem;
	}
	.header-dx1, .header-dx2, .header-dx3{
		height: .1rem;
		margin-bottom: .19rem;
	}
	
	.header-ss-a{
		width: auto;
	}
	.header-ss-a .int1{
		width: 12rem;
		font-size: .5rem;
	}
	.header-ss-a{
		width: 12rem;
		margin-left: -6rem;
	}
	.header-ss-x{
		width: 30px;
		height: 30px;
		background-size: cover;
	}
	.header-ss{
		top: 2rem;
	}
	.header-ss-a .int2{
		background-size: 20px;
	}
}


.iban{
	font-size: 0;
	position: relative;
}
.idxban-swiper{
	height: 30vw;
	font-size: 0;
}
.idxban-sd{
	overflow: hidden;
}
/*.ban-video{
	background: #000;
	min-height: 100%;
	min-width: 100%;
	max-width: 110%;
	max-height: 110%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}*/
.idxban-sd.videoboxs .ban-video{
	 width: 100%;
    height: 100%;
	object-fit:cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.iban-av{
	z-index: 2;
}
.iban-div{
	position: absolute;
	left: 50%;
	top: 3vw;
	opacity: 0;
	z-index: 3;
	color: #fff;
	width: 92%;
	max-width: 1600px;
	text-align: center;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	padding-top: 8vw;
}
.idxban-sd.swiper-slide-active .iban-div{
	top: 0;
	opacity: 1;
	transition: all .5s .5s;
	-webkit-transition: all .5s .5s;  
}
.idxban-sp  span{
	background: #fff;
}
.iban-a{
	height: 100px;
}
.iban-b{
	font-size: 130px;
	line-height: 1.3;
	font-weight: bold;
	margin-top: 40px;
}

.iabt{
	padding: 140px 0;
	font-size: 0;
}
.iabt-lt{
	width: 45%;
	display: inline-block;
	vertical-align: top;
}
.iabt-ul{
	margin-top: 170px;
	width: 102%;
	font-size: 0;
}
.iabt-li{
	width: 48%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 100px;
	font-size: 0;
}
.iabt-c{
	width: 40px;
	display: inline-block;
	vertical-align: top;
}
.iabt-d{
	width: calc(100% - 40px);
	padding-left: 40px;
	display: inline-block;
	vertical-align: top;
}
.iabt-d2{
	color: #FF6600;
	line-height: 60px;
	height: 60px;
}
.iabt-d2 span{
	line-height: 50px;
	/*font-family: ;*/
	/*font-weight: bold;*/
	font-family: MiSans-Demibold;
}
.iabt-rt{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	margin-left: 5%;
}
.iabt-rt-div{
	width: 100%;
	max-width: 755px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-top: 60px;
}
.iabt-sp{
	bottom: 10px !important;
}
.iabt-f{
	margin-top: 50px;
	
	color: rgba(102, 102, 102, 1);
}
.iabt-g{
	margin-top: 40px;
}



.icycx-bj{
	position: relative;
}
.icycx-bj-b{
	opacity: 0;
	animation:divOC 4s linear 0s infinite;
	-webkit-animation:divOC 4s linear 0s infinite;
}
@keyframes divOC{
	0%   {opacity: 0} 
	40%   {opacity: 0} 
	50%  {opacity: 1;} 
	90%  {opacity: 1;} 
	100% {opacity: 0}
}

@-webkit-keyframes divOC{
	0%   {opacity: 0} 
	40%   {opacity: 0} 
	50%  {opacity: 1;} 
	90%  {opacity: 1;} 
	100% {opacity: 0}
}

.icycx{
	padding: 8vw 0 ;
	text-align: center;
	color: #fff;
	min-height: 50vw;
	position: relative;
	z-index: 3;
}
.icycx-b{
	margin-top: 50px;
}
.icycx-c{
	width: 64px;
	margin-top: 60px;
}



.ipro{
	padding: 140px 0 200px 0;
}
.ipro-ul{
	width: 100%;
	margin-top: 100px;
	display: flex;
	justify-content: space-between;
	border: 1px solid rgba(224, 224, 224, 1);
}
.ipro-li{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	border-left: 1px solid rgba(224, 224, 224, 1);
	height: 460px;
	position: relative;
}
.ipro-li:first-child{
	border: 0;
}

.ipro-img{
	z-index: 1;
	opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.ipro-img:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
}
.ipro-div{
	position: relative;
	z-index: 2;
}
.ipro-e{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 60px;
	z-index: 2;
}
.ipro-e img{
	height: 100px;
}
.ipro-e2{
	display: none;
}
.ipro-f{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 60px;
	z-index: 3;
transition: all .5s;
-webkit-transition: all .5s;  
}
.ipro-f1{
	color: rgba(84, 86, 90, 1);
transition: all .5s;
-webkit-transition: all .5s;  
}
@media(min-width:1201px){
	.ipro-li:hover .ipro-img{
		opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
	}
	.ipro-li:hover .ipro-e1{
		display: none;
transition: all .5s;
-webkit-transition: all .5s;  
	}
	.ipro-li:hover .ipro-e2{
		display: inline-block;
	transition: all .5s;
	-webkit-transition: all .5s;  
	}
	.ipro-li:hover .ipro-f{
		color: #fff !important;
		transition: all .5s;
		-webkit-transition: all .5s;  
	}
	.ipro-li:hover .ipro-f1{
		color: #fff !important;
	transition: all .5s;
	-webkit-transition: all .5s;  
	}
}



.ibrd{
	padding: 160px 0 100px 0;
	min-height: 56.25vw;
}
.ibrd-div{
	width: 80%;
	max-width: 800px;
}
.ibrd-c{
	margin-top: 50px;
}
.ibrd-ul{
	font-size: 0;
	margin-top: 60px;
}
.ibrd-li{
	width: 47%;
	margin-right: 3%;
	margin-top: 3%;
	display: inline-block;
	vertical-align: top;
	min-height: 200px;
	background: rgba(255,255,255,.6);
	    /*-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);*/
    text-align: center;
    padding: 40px;
}
.ibrd-d{
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
}
.ibrd-d img{
	max-height: 100%;
}



.isto-bj{
	min-height: 41.66vw;
	position: relative;
}
.isto{
	position: relative;
	z-index: 3;
	padding: 10vw 0 8vw 0;
}
.isto-a{
	font-weight: bold;
}
.isto-b{
	font-size: 110px;
	color: #FF6600;
	margin-top: 20px;
	font-family: MiSans-Demibold;
}
.isto-c{
	margin-top: 100px;
}

.isto-pos{
	width: 33%;
	position: absolute;
	z-index: 2;
	top: 16.8%;
    right: 20.5%;
}
.isto-pos>img{
	opacity: 0;
}
.isto-yd{
	z-index: 2;
}
.isto-yd img{
	width: 9.46%;
	position: absolute;
	    top: 71%;
    left: 71%;
}
.isto-yd img:nth-child(1){
	width: 9.46%;
    top: 71%;
    left: 71%;
    animation:divscale 2s linear 0s infinite;
	-webkit-animation:divscale 2s linear 0s infinite;
}
.isto-yd img:nth-child(2){
	top: 80.5%;
    left: 49.6%;
    animation:divscale 2s linear .5s infinite;
	-webkit-animation:divscale 2s linear .5s infinite;
}

.isto-yd img:nth-child(3){
	width: 4.73%;
    top: 67.5%;
    left: 55.5%;
    opacity: .6;
    animation:divscale 2s linear .9s infinite;
	-webkit-animation:divscale 2s linear .9s infinite;
}
.isto-yd img:nth-child(4){
	width: 4.73%;
    top: 71.5%;
    left: 42%;
    animation:divscale 2s linear .9s infinite;
	-webkit-animation:divscale 2s linear .9s infinite;
}
.isto-yd img:nth-child(5){
	    width: 7.57%;
    top: 79.5%;
    left: 36%;
    animation:divscale 2s linear .5s infinite;
	-webkit-animation:divscale 2s linear .5s infinite;
}
.isto-yd img:nth-child(6){
	 width: 7.57%;
        top: 45.5%;
    left: 42%;
    opacity: .6;
    animation:divscale 2s linear 0s infinite;
	-webkit-animation:divscale 2s linear 0s infinite;
}
.isto-yd img:nth-child(7){
	width: 4.73%;
    top: 59.5%;
    left: 35%;
    animation:divscale 2s linear .9s infinite;
	-webkit-animation:divscale 2s linear .9s infinite;
}
.isto-yd img:nth-child(8){
	width: 4.73%;
    top: 39%;
    left: 34%;
    animation:divscale 2s linear .5s infinite;
	-webkit-animation:divscale 2s linear .5s infinite;
}
.isto-yd img:nth-child(9){
	width: 7.57%;
       top: 46.5%;
    left: 20%;
    animation:divscale 2s linear 0s infinite;
	-webkit-animation:divscale 2s linear 0s infinite;
}
.isto-yd img:nth-child(10){
	width: 4.73%;
        top: 59.5%;
    left: 9.5%;
    animation:divscale 2s linear .9s infinite;
	-webkit-animation:divscale 2s linear .9s infinite;
}
.isto-yd img:nth-child(11){
	width: 4.73%;
        top: 24.5%;
    left: 21.5%;
    animation:divscale 2s linear .5s infinite;
	-webkit-animation:divscale 2s linear .5s infinite;
}
.isto-yd img:nth-child(12){
	width: 4.73%;
        top: 33%;
    left: 0.5%;
    animation:divscale 2s linear .9s infinite;
	-webkit-animation:divscale 2s linear .9s infinite;
}
.isto-yd img:nth-child(13){
	width: 4.73%;
    top: 60%;
    left: 68.5%;
    opacity: .7;
    animation:divscale 2s linear .5s infinite;
	-webkit-animation:divscale 2s linear .5s infinite;
}
.isto-yd img:nth-child(14){
	width: 4.73%;
    top: 42%;
    left: 68.5%;
    opacity: .7;
    animation:divscale 2s linear 0s infinite;
	-webkit-animation:divscale 2s linear 0s infinite;
}
.isto-yd img:nth-child(15){
	width: 4.73%;
       top: 50%;
    left: 56.5%;
    animation:divscale 2s linear .9s infinite;
	-webkit-animation:divscale 2s linear .9s infinite;
}
.isto-yd img:nth-child(16){
	width: 7.57%;
        top: 26.5%;
    left: 43.5%;
    animation:divscale 2s linear .5s infinite;
	-webkit-animation:divscale 2s linear .5s infinite;
}
.isto-yd img:nth-child(17){
	width: 4.73%;
        top: 29%;
    left: 58.5%;
    animation:divscale 2s linear 0s infinite;
	-webkit-animation:divscale 2s linear 0s infinite;
}
.isto-yd img:nth-child(18){
	width: 8.2%;
        top: 24.7%;
    left: 67.5%;
    opacity: .8;
    animation:divscale 2s linear .9s infinite;
	-webkit-animation:divscale 2s linear .9s infinite;
}
.isto-yd img:nth-child(19){
	width: 8.2%;
        top: 23.5%;
    left: 82%;
    animation:divscale 2s linear .5s infinite;
	-webkit-animation:divscale 2s linear .5s infinite;
}
.isto-yd img:nth-child(20){
	width: 4.73%;
     top: 3.5%;
    left: 69.5%;
    animation:divscale 2s linear .9s infinite;
	-webkit-animation:divscale 2s linear .9s infinite;
}
.isto-yd img:nth-child(21){
	width: 4.73%;
         top: 0.5%;
    left: 75.7%;
    opacity: .7;
    animation:divscale 2s linear 0s infinite;
	-webkit-animation:divscale 2s linear 0s infinite;
}
.isto-yd img:nth-child(22){
	width: 4.73%;
        top: 10.5%;
    left: 78.2%;
    animation:divscale 2s linear .9s infinite;
	-webkit-animation:divscale 2s linear .9s infinite;
}
.isto-yd img:nth-child(23){
	width: 8.2%;
    top: 8.5%;
    left: 3.6%;
    animation:divscale 2s linear .5s infinite;
	-webkit-animation:divscale 2s linear .5s infinite;
}
.isto-yd img:nth-child(24){
	width: 4.73%;
        top: 2.5%;
    left: 33.2%;
    animation:divscale 2s linear 0s infinite;
	-webkit-animation:divscale 2s linear 0s infinite;
}
.isto-yd img:nth-child(25){
	width: 8.2%;
    top: 8.5%;
    left: 51.2%;
    opacity: .7;
}
@keyframes divscale{
	0%   {transform: scale(.8);} 
	50%  {transform: scale(1.2);} 
	100% {transform: scale(.8);}
}
@-webkit-keyframes divscale{
	0%   {transform: scale(.8);} 
	50%  {transform: scale(1.2);} 
	100% {transform: scale(.8);}
}
.isto-tx{
	z-index: 3;
}
.isto-tx-a{
	color: #FF6600;
	font-weight: bold;
	position: absolute;
	    right: 0%;
    bottom: 20%;
}
.isto-tx-a:nth-child(2){
	color: #FF6600;
	font-weight: bold;
	position: absolute;
	right: 36%;
    bottom: 0%;
}

.isto-xt{
	z-index: 1;
	overflow: hidden;
}
.isto-xt-a{
	width: 10px;
	height: 10px;
	/*background: #333;*/
	position: absolute;
	right: 23.5%;
    bottom: 22%;
}
.isto-xt-a1{
	width:0;
	height: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-48.5%);
	-webkit-transform:translate(-50%,-48.5%);
	overflow: hidden;
	background: no-repeat center;
	background-size: 45vw 37.658vw;
}
.isto-xt-a.wow{
	opacity: 1 !important;
}
.isto-xt-a.animated .isto-xt-a1{
	width: 45vw;
	height: 37.66vw;
/*	/*
	margin-top:-18.3vw;
	margin-left:  -22.5vw;*/
	transition: all 3.5s .5s;
	-webkit-transition: all 3.5s .5s;  
}
.isto-xt-b{
	width: 10px;
	height: 10px;
	/*background: #333;*/
	position: absolute;
	    right: 44.5%;
    bottom: 12%;
}
.isto-xt-b1{
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	/*margin-top: -11.7vw;
    margin-left: -14.175vw;*/
	transform:translate(-50%,-48.5%);
	-webkit-transform:translate(-50%,-48.5%);
	overflow: hidden;
	background: no-repeat center;
	background-size: 28.75vw 23.958vw;
}

.isto-xt-b.wow{
	opacity: 1 !important;
}
.isto-xt-b.animated .isto-xt-b1{
	width: 28.75vw;
	height: 23.96vw;
	transition: all 3.5s .5s;
	-webkit-transition: all 3.5s .5s;  
}

.inws{
	padding: 120px 0 10vw 0;
}
.inws-ul .news-li{
	padding: 0 !important;
	background: initial;
	
}
.inws-ul{
	margin-top: 80px;
}


@media(max-width:1600px){
	.iban-b{
		font-size: 100px;
	}
	.ipro-e,
	.ipro-f{
		padding: 30px;
	}
	.ipro-li{
		height: 380px;
	}
	.iabt,.iabtm,.ipro,.ibrd{
		padding: 100px 0;
	}
	.isto-tx-a{
		 right: -5%;
	}
}
@media(max-width:1200px){
	.idxban-swiper{
		height: 50vw;
	}
	.iban-div{
		padding-top: 15vw;
	}
	/*.ban-video{
		display: none;
	}*/
	.iban-b{
		font-size: 70px;
	}
	.iban-a{
		height: 80px;
	}
	.iabt-d{
		padding-left: 15px;
	}
	.iabt-d2 span{
		font-size: 40px;
		line-height: 40px;
	}
	.isto-c{
		margin-top: 40px;
	}
	.inws{
		padding-top: 100px;
	}
	.inws-ul{
		margin-top: 40px;
	}
	.isto-b{
		font-size: 80px;
	}
	
	.ipro-ul{
		display: block;
		width: 103%;
		font-size: 0;
		margin-top: 40px;
		border: 0;
	}
	.ipro-li{
		width: 47%;
		margin-right: 3%;
		margin-bottom: 3%;
		border: 1px solid #eee;
		color: #fff;
	}
	.ipro-img{
		opacity: 1;
	}
	.ipro-f1,
	.ipro-f2{
		color: #fff;
	}
	.ipro-e1{
		display: none;
	}
	.ipro-e2{
		display: inline-block;
	}
	
	.isto-tx-a:nth-child(2){
		right: 34%;
    bottom: -3%;
	}
	
	
}

@media(max-width:1000px){
	.iabt-lt{
		width: 100%;
	}
	.iabt-ul{
		margin-top: 60px;
	}
	.iabt-li{
		margin-bottom: 40px;
	}
	.iabt-rt{
		width: 100%;
		margin: 0;
	}
	.iabt-rt-div{
		padding: 0;
	}
	.iban-b{
		margin-top: 20px;
	}
	.ipro-li{
		height: 300px;
	}
	.isto-tx-a{
		font-size: 14px;
	}
	.isto{
		min-height: 400px;
	}
	.isto-pos {
	    width: 37%;
	    position: absolute;
	    z-index: 2;
	    top: 23.8%;
	    right: 13.5%;
	}
	.isto-xt-a{
		width: 0;
		height: 0;
		right: 24.5%;
    	bottom: 24%;
	}
	.isto-xt-a1{
		    background-size: 49vw 40.658vw;
	}
	.isto-xt-a.animated .isto-xt-a1{
		    width: 49vw;
   			 height: 41.66vw;
	}
	.isto-xt-b{
		width: 0;
		height: 0;
		right: 45.5%;
   		bottom: 13%;
	}
	.isto-xt-b1{
		    background-size: 31.75vw 26.958vw;
	}
	.isto-xt-b.animated .isto-xt-b1{
		 width: 33.75vw;
   		 height: 27.96vw;
	}
}
@media(max-width:750px){
	.iban-a{
		height: 40px;
	}
	.iban-b{
		font-size: 30px;
	}
	.iban-img{
		height: 10rem;
	}
	.idxban-swiper{
		height: 50vh;
	}
	.iban-div{
		padding-top: 5rem;
	}
	.iabt, .iabtm, .ipro, .ibrd{
		padding: 40px 0;
	}
	.iabt-c{
		width: 25px;
		margin-top: 3px;
	}
	.iabt-d{
		width: calc(100% - 25px);
		padding-left: 10px;
	}
	.iabt-ul{
		margin-top: 30px;
	}
	.iabt-d2 span{
		font-size: 30px;
		line-height: 30px;
		height: 30px;
	}
	.iabt-d2{
		height: 30px;
		line-height: 30px;
	}
	.iabt-f{
		marker: 30px;
	}
	.iabt-g{
		margin-top: 30px;
	}
	.icycx-b{
		font-size: 13px;
		margin-top: 20px;
		line-height: 1.6;
	}
	.icycx-c{
		margin-top: 20px;
		width: 40px;
	}
	.ibrd-div{
		width: 100%;
	}
	.ibrd-c{
		margin-top: 30px;
	}
	.ibrd-ul{
		margin-top: 30px;
	}
	.ibrd-li{
		padding: 30px 15px;
	}
	.ibrd-d{
		height:35px;
		line-height: 35px;
	}
	.ibrd-li{
		min-height: 180px;
	}
	.isto-a{
		font-size: 24px;
	}
	.isto-b{
		font-size: 40px;
	}
	.isto-c{
		margin-top: 30px;
	}
	.inws{
		padding: 40px 0 12vw 0;
	}
	.inws-ul{
		margin: 20px 0;
	}
	.inws-ul .news-li{
		margin-bottom: 20px;
	}
	
	.ipro-li{
		height: 8rem;
	}
	.ipro-e, .ipro-f{
		padding: 20px;
	}
	.ipro-e img{
		height: 50px;
	}
	.ipro-ul{
		margin-top: 30px;
	}
	
	.isto-tx-a{
		font-size: 12px;
		right: -5px;
    	bottom: 5%;
	}
	.isto-tx-a:nth-child(2){
		right: 27%;
   		 bottom: -12%;
	}
	.isto{
		min-height: 10rem;
	}
	.isto-pos {
	        width: 44%;
	    position: absolute;
	    z-index: 2;
	    top: 26.8%;
	    right: 3.5%;
	}
	
	.isto-xt-a1{
		        background-size: 61vw 49.658vw;
	}
	.isto-xt-a.animated .isto-xt-a1{
		        width: 62vw;
    	height: 55.66vw;
	}
	
	.isto-xt-b1{
		   background-size: 36.75vw 32.958vw;
	}
	.isto-xt-b.animated .isto-xt-b1{
		        width: 40.75vw;
    height: 36.96vw;
	}
}



.iabout-ul{
	margin-top: 80px;
}
.iabout-rt-div{
	padding-top:230px ;
}
.iabout-rt-div .iabt-f{
	margin: 0;
}
.iabout{
	padding-bottom: 80px;
}
.iabout .iabt-li{
	margin-bottom: 60px
}



.about{
	padding: 100px 0 70px 0;
}
.about-f{
	width: 102%;
	font-size: 0;
}
.about-fli{
	display: inline-block;
	vertical-align: top;
	width: 31.333%;
	margin-right: 2%;
	margin-bottom: 2%;
	min-height: 400px;
	padding: 60px 80px 30px 80px;
	text-align: center;
	border: 1px solid rgba(224, 224, 224, 1);
}
.about-f2{
	height: 135px;
}
.about-f3{
	color: rgba(84, 86, 90, 1);
	margin-top: 30px;
}
.about-f4{
	width: 24px;
	margin-top: 5px;
}
.about-f5{
	margin-top: 15px;
}




.honor{
	padding: 110px 0 12vw 0;
	font-size: 0;
}

.honor-lt{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-right: 3.5%;
}
.honor-div{
	margin-top: 100px;
}
.honor-a{
	width: 120px;
	display: inline-block;
	vertical-align: top;
}
.honor-a1{
	display: inline-block;
	vertical-align: top;
	font-size: 128px;
	color: rgba(84, 86, 90, 1);
	line-height: .7;
	opacity: .1;
	font-weight: bold;
	transform-origin:left top;
	transform: rotate(-90deg);
	margin-top: 300px;
}
.honor-b{
	width: 38px;
	display: inline-block;
	vertical-align: top;
}
.honor-c{
	width: calc(100% - 158px);
	text-align: right;
	display: inline-block;
	vertical-align: top;
}
.honor-csw{
	width: 95%;
	max-width: 520px;
	height: 470px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
.honor-c2{
	color: #FF6600;
}
.honor-cul{
	margin-top: 20px;
	max-height: 400px;
	overflow-y: auto;
}
.honor-cli{
	margin-bottom: 8px;
	padding-left: 20px;
	position: relative;
	cursor: pointer;
	color: rgba(102, 102, 102, 1);
}
.honor-cli:after{
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #FF6600;
	position: absolute;
	left: 0;
	top: 11px;
}
.honor-cli:hover,
.honor-cli.on{
	color: #FF6600;
}


.honor-rt{
	width: 50%;
	font-size: 0;
	padding-top: 40px;
	display: inline-block;
	vertical-align: top;
	height: 635px;
}
.honor-but{
	display: none;
}



.course-bj{
	background: rgba(248, 248, 248, 1);
}
.course{
	padding: 100px 0 120px 0;
}
.course-ac{
	position: relative;
}
.course-a{
	display: inline-block;
	vertical-align: top;
}
.course-b{
	width: 130px;
	float: right;
	height: 60px;
	position: relative;
	margin-top: 20px;
}
.course-bnext{
	width: 60px;
	height: 60px;
	margin-top: -30px;
	right: 0;
}
.course-bprev{
	width: 60px;
	height: 60px;
	margin-top: -30px;
	left: 0;
}
.course-c{
	font-size: 230px;
	line-height: .8;
	color: rgba(239, 239, 239, 1);
	position: absolute;
	top: 100px;
	left: 500px;
	font-family: MiSans-Demibold;
}

.course-d{
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
	height: 24vw;
	padding-top: 100px;
	margin-top: 20px;
}
.course-dsd{
	text-align: center;
	position: relative;
	z-index: 2;
}
.course-ddiv{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: 0px;
	height: 0px;
	position: absolute;
	left: 50%;
	bottom: 50%;
	cursor: pointer;
}
.course-ddiv:after{
	content: '';
	width: 100px;
	height: 80px;
	position: absolute;
	bottom: -10px;
	left: -50px;
	z-index: 1;
}
.course-d23{
	position: absolute;
	left: 50%;
	bottom: 15px;
	z-index: 2;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
transition: all .5s;
-webkit-transition: all .5s;  
	/*display: none;*/
}
.course-d2{
	font-size: 24px;
	line-height: 1.5;
	font-family: MiSans-Demibold;
transition: all .5s;
-webkit-transition: all .5s;  
}
.course-d3{
	font-size: 24px;
	line-height: 1.5;
	white-space: nowrap !important;
	display: none;
transition: all .5s;
-webkit-transition: all .5s;  
}
.course-d4{
	display: inline-block;
	vertical-align: top;
	width: 12px;
	height: 12px;
	background: rgba(84, 86, 90, 1);
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	border-radius: 100%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
transition: all .5s;
-webkit-transition: all .5s;  
	
}
/*.course-d4:after{
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: rgba(84, 86, 90, 1);
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}*/
.course-ddiv.on .course-d23,
.course-ddiv:hover .course-d23{
	bottom: 60px;
transition: all .5s;
-webkit-transition: all .5s;  
}
.course-ddiv.on .course-d2,
.course-ddiv:hover .course-d2{
	font-size: 40px;
	line-height: 1.2;
	color: #FF6600;
transition: all .5s;
-webkit-transition: all .5s;  
}
.course-ddiv.on .course-d3,
.course-ddiv:hover .course-d3{
	display: block;
	color: #FF6600;
transition: all .5s;
-webkit-transition: all .5s;  
}
.course-ddiv.on .course-d4,
.course-ddiv:hover .course-d4{
	width: 100px;
	height: 100px;
	background: url(../img/ico32.png)  no-repeat center; 
	background-size: cover;
	margin-bottom: -50px;
transition: all .5s;
-webkit-transition: all .5s;  
}
.course-ddiv.on .course-d4:after,
.course-ddiv:hover .course-d4:after{
	width: 100px;
	height: 100px;
	background: url(../img/ico32.png)  no-repeat center; 
	background-size: cover;
transition: all .5s;
-webkit-transition: all .5s;  
}
.course-dsd:nth-child(5n + 1) .course-ddiv{
	bottom: 78%;
}
.course-dsd:nth-child(5n + 2) .course-ddiv{
	    bottom: 44.5%;
}
.course-dsd:nth-child(5n + 3) .course-ddiv {
    bottom: 34.5%;
    left: 33%;
}
.course-dsd:nth-child(5n + 4) .course-ddiv {
    bottom: 51%;
    left: 29%;
}
.course-dsd:nth-child(5n + 5) .course-ddiv{
	bottom: 76%;
}
.course-d .swiper-wrapper:after{
	content: '';
	width: 500%;
	height: 18.23vw;
	background: url(../img/ico31.png) left center; 
	background-size: 100vw auto;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9.125vw;
	z-index: 1;
}

.course-j{
	width: 80px;
	height: 30px;
	position: relative;
}
.course-jnext,
.course-jprev{
	width: 40px;
	height: 30px;
	margin: 0;
	top: 0;
}
.course-jnext{
	right: 0;
	background: url(../img/ico33_2.png)  no-repeat center; 
	background-size: cover;
}
.course-jprev{
	left: 0;
	background: url(../img/ico33_1.png)  no-repeat center; 
	background-size: cover;
}
.course-k{
	margin-top: 30px;
}
.course-k2{
	color: #FF6600;
	font-family: MiSans-Demibold;
}
.course-k3{
	margin-top: 15px;
}



@media(max-width:1600px){
	.honor-a{
		width: 100px;
	}
	.honor-c{
		width: calc(100% - 140px);
	}
	.honor-lt{
		width: 55%;
	}
	.honor-rt{
		width: 45%;
	}
	.honor-a1{
		font-size: 100px;
		margin-top: 235px;
	}
	
	.course-dsd:nth-child(5n + 1) .course-ddiv{
		bottom:  83%;
	}
	.course-dsd:nth-child(5n + 2) .course-ddiv{
		    bottom: 43.5%;
	}
	.course-dsd:nth-child(5n + 3) .course-ddiv {
	    bottom: 31.5%;
	    left: 33%;
	}
	.course-dsd:nth-child(5n + 4) .course-ddiv {
	    bottom: 51%;
	    left: 29%;
	}
	.course-dsd:nth-child(5n + 5) .course-ddiv{
		bottom: 80%;
	}
	.course-ddiv.on .course-d23{
		bottom: 30px;
	}
	
	
	.course-ddiv.on .course-d4{
		width: 60px;
		height: 60px;
		margin-bottom: -30px;
	}
	
	.course-c{
		font-size: 160px;
		    top: 80px;
    left: 420px;
	}
	.course{
		padding: 70px 0;
	}
}

@media(max-width:1200px){
	.iabout-rt-div{
		padding-top: 215px;
	}
	.about-fli{
		padding: 50px 30px;
	}
	.honor-lt{
		width: 100%;
	}
	.honor-rt{
		width: 100%;
		padding-top: 30px;
		padding-left: 170px;
		height: 605px;
	}
	.honor-csw{
		width: 95%;
		max-width: initial;
	}
	.honor-div{
		margin-top: 50px;
	}
	
	.course-c{
		display: none;
	}
	.course-dsd:nth-child(5n + 4) .course-ddiv {
	    bottom: 51%;
	    left: 29%;
	}
	.course-ddiv.on .course-d2{
		font-size: 22px;
	}
	.course-d3{
		font-size:18px;
	}
}

@media(max-width:1000px){
	.iabout-rt-div{
		padding-top: 30px;
	}
	.course-c {
	    font-size: 120px;
	    top: 80px;
	    left: :;0px;
	}
	.honor-rt{
		height: 570px;
	}
}
@media(max-width:750px){
	.iabout-ul{
		margin-top: 30px;
	}
	.iabout .iabt-li{
		margin-bottom: 30px;
	}
	.iabout-rt-div{
		padding: 0;
	}
	.iabout{
		padding-bottom: 40px;
	}
	.about{
		padding: 30px 0;
	}
	.about-f{
		width: 100%;
	}
	.about-fli{
		width: 100%;
		margin: 5px 0;
		height: auto;
		min-height: initial;
		padding: 20px;
	}
	.about-f2{
		height: 60px;
	}
	.about-f3{
		margin-top: 15px;
	}
	.about-f5{
		font-weight: bold;
		margin-top: 10px;
	}
	.honor{
		padding: 40px 0 12vw 0;
	}
	.honor-a,
	.honor-b{
		display: none;
	}
	.honor-c{
		width: 100%;
	}
	.honor-div{
		margin-top: 30px;
		position: relative;
	}
	.honor-csw{
		width: 100%;
		height: auto;
	}
	.honor-c2{
		font-size: 26px;
	}
	.honor-cli{
		font-size: 13px;
		padding-left: 12px;
	}
	.honor-cli:after{
		top: 7px;
	}
	.honor-rt{
		padding: 30px 30px 0 30px;
		height: 57vw;
	}
	.honor-but{
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 65px;
		height: 30px;
	}
	.honor-next{
		right: 0;
	}
	.honor-prev{
		left: 0;
	}
	
	.course{
		padding: 40px 0;
	}
	.course-a{
		width: 100%;
	}
	.course-b{
		width: 70px;
		height: 30px;
	}
	.course-bnext,.course-bprev{
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	
	.course-c{
		position: relative;
		left: 0;
		top: initial;
		bottom: 0;
		margin-top: 15px;
		font-size: 70px;
	}
	.course-d{
		height: 60vw;
		padding-top: 50px;
	}
	.course-d .swiper-wrapper:after{
		height: 40vw;
		margin-top: -20vw;
		background-size:167vw auto;
	}
	.course-d2{
		font-size: 16px;
	}
	.course-d4{
		width: 8px;
		height: 8px;
	}
	.course-d3{
		font-size: 16px;
	}
	.course-ddiv.on .course-d2{
		font-size: 20px;
	}
	.course-dsd:nth-child(5n + 1) .course-ddiv {
	    bottom: 69%;
	}
	.course-dsd:nth-child(5n + 2) .course-ddiv {
	    bottom: 45.5%;
	}
	.course-dsd:nth-child(5n + 3) .course-ddiv {
	    bottom: 39.5%;
    left: 34%;
	}
	.course-dsd:nth-child(5n + 4) .course-ddiv {
	        bottom: 57%;
    left: 42%;
	}
	.course-dsd:nth-child(5n + 5) .course-ddiv {
	   bottom: 68%;
	}
}



.searchs{
	padding: 50px 0;
}
.searchs-fm{
	overflow: hidden;
}
.searchs-a{
	width: calc(100% - 150px);
	font-size: 24px;
	height: 50px;
	border: 0;
	background: initial;
}
.searchs-b{
	width: 125px;
	float: right;
	height: 50px;
	background: #ff6600 url(../img/ss03.png) no-repeat 80px center;
	font-size: 16px;
	padding-left: 35px;
	text-align: left;
	color: #fff;
	border: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}
.searchs-b:hover{
	opacity: .8;
transition: all .5s;
-webkit-transition: all .5s;  
}
.searchs-cnt{
	padding: 50px 0 12vw 0;
}
.searchs-c{
	color: #666;
}
.searchs-c span{
	color: #ff6600;
}
.searchs-d{
	margin-top: 25px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 0;
}
.searchs-d a{
	display: inline-block;
	font-size: 16px;
	margin: 0 20px;
	line-height: 55px;
	position: relative;
transition: all .5s;
-webkit-transition: all .5s;  
}
.searchs-d a:after{
	content: '';
	width: 0px;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: 0px;
	background: #ff6600;
transition: all .5s;
-webkit-transition: all .5s;  
}
.searchs-d a.on,
.searchs-d a:hover{
	color: #ff6600;
transition: all .5s;
-webkit-transition: all .5s;  
}
.searchs-d a.on:after,
.searchs-d a:hover:after{
	width: 30px;
	margin-left: -20px;
transition: all .5s;
-webkit-transition: all .5s;  
}
.searchs-e{
	margin-bottom: 75px;
	overflow: hidden;
}
.searchs-eli{
	width: 48.5%;
	float: left;
	height: 50px;
	line-height: 50px;
	margin-top: 25px;
	display: inline-block;
	border-bottom: 1px solid #F0F0F0;
	padding-left: 30px;
	font-size: 16px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.searchs-eli:nth-child(2n + 0){
	float: right;
}
.searchs-eli>span{
	color: #ff6600
}
.searchs-eli:after{
	content: '';
	width: 10px;
	height: 10px;
	background: #ddd;
	border-radius: 100%;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -5px;
	
}
@media(max-width:1200px){
	.searchs{
	}
	.searchs-eli{
		width: 100%;
	}
}
@media(max-width:750px){
	.searchs{
	}
	.searchs{
		padding: 1rem 0;
	}
	.searchs-b{
		width: 3rem;
		font-size: .4rem;
		height: 1.2rem;
		background-position-x: 2rem;
		padding-left: .6rem;
		background-size: .6rem;
	}
	.searchs-a{
		width: calc(100% - 3.6rem);
		font-size: .6rem;
		height: 1.2rem;
		padding: 0 .5rem;
	}
	.searchs-cnt{
		padding: 2rem 0;
	}
	.searchs-c{
		font-size: .5rem;
	}
	.searchs-d{
		padding: .4rem 0;
	}
	.searchs-d a{
		font-size: .5rem;
		line-height: .8rem;
		margin:.1rem .4rem;
	}
	.searchs-d a:after{
		display: none;
	}
	.searchs-e{
		margin-bottom: 1.2rem;
	}
	.searchs-eli{
		font-size: .5rem;
		line-height: 1.5rem;
		height: 1.5rem;
		margin-top: .6rem;
		padding-left: .8rem;
	}
	.searchs-eli:after{
		width: .3rem;
		height: .3rem;
		left: .1rem;
		margin-top: -.15rem;
	}
}


.header-nav-md {
	display: none;
}
@media(max-width:750px){
	.header-nav-md {
		display: block;
		padding: 0 4%;
		box-shadow: 0 0 2px rgba(0,0,0,.1);
		background: #fff;
		position: relative;
		z-index: 9;
	}
	.header-nav-ul-md{
		display: flex;
		justify-content: space-between;
		text-align: center;
	}
	.header-nav-li-md{
		display: inline-block;
		position: relative;
	}
	.header-a-md{
		font-size: 3vw;
		line-height: 40px;
	}
	.header-nav-li-md:hover .header-a-md{
		color: #FF6600;
	}
	.header-b-md{
		position: absolute;
		top: 100%;
		left: 50%;
		width: 180%;
		margin-left: -90%;
		background: rgba(255,248,244,1);
		box-shadow: 0 2px 2px rgba(0,0,0,.1);
		padding: 5px 0;
		margin-top: 10px;
		display: none;
	}
	.header-b-md a{
		display: block;
		line-height: 2;
		margin: 3px 0;
		font-size: 3vw;
	}
	.header-b-md i{
		width: 10px;
		height: 10px;
		background: rgba(255,248,244,1);
		position: absolute;
		top: -5px;
		left: calc(50% - 5px);
		transform: rotate(45deg);
	}
}