*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #333;
}
li{
	list-style: none;
}
img{
	vertical-align: middle;
	max-width: 100%;
}

@font-face {
  font-family: "SYCNRL";
  src: url("../font/SOURCEHANSANSCN-REGULAR.woff") format("woff"),
       url("../font/SOURCEHANSANSCN-REGULAR.ttf") format("truetype"),
       url("../font/SOURCEHANSANSCN-REGULAR.eot") format("embedded-opentype"),
       url("../font/SOURCEHANSANSCN-REGULAR.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica";
  src: url("../font/HELVETICA CONDENSED BOLD.woff") format("woff"),
       url("../font/HELVETICA CONDENSED BOLD.ttf") format("truetype"),
       url("../font/HELVETICA CONDENSED BOLD.eot") format("embedded-opentype"),
       url("../font/HELVETICA CONDENSED BOLD.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.sycn-rl{
	font-family: "SYCNRL";
}
.fm-helvetica{
	font-family: "Helvetica";
}


body{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	font-family:"SYCNRL","微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}




/*顶部*/

header{
	position: absolute;
	left: 0;
	top: 0;
	width: 130px;
	height: 100%;
	background: #1a1a1a;
	z-index: 9;
}
.logo{
	width: 62px;
	height: 62px;
	position: absolute;
	top: 45px;
	left: 34px;
}
.header-a{
	width: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	cursor: pointer;
}
.header-a div{
	width: 100%;
	height: 3px;
	margin-bottom: 9px;
	background: #fff;
	 transition: all .5s; 
}
.header-a1{
	background: #f26723 !important;
}
.header-a2{
	width: 70% !important;
}
.header-a.on .header-a1{
	 -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%;
   margin-bottom: 5.5px;
   transition: all .5s; 
}
.header-a.on .header-a2{
	opacity: 0;
	transition: all .5s; 
}
.header-a.on .header-a3{
	 -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%;
   background: #f26723 !important;
   transition: all .5s; 
}

.header-b{
	width: calc(100% - 130px);
	height: 100%;
	position: fixed;
	left: 130px;
	top: 0;
	background: rgba(0,0,0,.9);
	overflow: hidden;
	display: none;
	z-index: 6;
}
.header-b li{
	width: 14.285%;
	height: 100%;
	float: left;
	border-left: 1px solid rgba(255,255,255,.1);
	padding-top: 18%;
}
.header-b1{
	font-size: 33px;
	color: #fff;
	line-height: 50px;
	/* padding-left: 15%; */
	position: relative;
	transition: all .3s; 
}
.header-b1:after{
	content: "";
	width: 3px;
	height: 100%;
	position: absolute;
	left: -1.5px;
	top: 0;
	background: #f26723;
}
.header-b li:first-child .header-b1:after{
	display: none;
}

.header-b2{
	display: none;
	transition: all .3s; 
}
.header-b3{
	width: 100%;
	padding-left: 15%;
	margin-top: 40px;
}
.header-b3 div{
	width: 100%;
	line-height: 30px;
	margin-bottom: 10px;
}
.header-b3 div a{
	display: inline-block;
	max-width: 140px;
	font-size: 20px;
	color: rgba(255,255,255,.7);
	line-height: 30px;
	transition: all .3s; 
}
.header-b a:hover{
	color: #fff;
	transition: all .3s; 
}
.header-c{
	height: 15px;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 105px;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
}
.header-c a{
	display: inline-block;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
}
.header-c a.on{
	color: #f26723;
}
.header-c a:hover{
	color: #f26723;
}
.header-d{
	width: 100%;
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 50px;
	text-align: center;
}
.header-d1{
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255,255,255,.3);
	background: url(../img/ico01.png) no-repeat center;
	margin: 0 3px;
	border-radius: 100%;
	cursor: pointer;
	transition: all .3s;
}
.header-d1:hover{
	border: 1px solid rgba(255,255,255,8);
	transition: all .3s;
}
.header-d2{
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255,255,255,.3);
	background: url(../img/ico02.png) no-repeat center;
	margin: 0 3px;
	border-radius: 100%;
	cursor: pointer;
	transition: all .3s;
}
.header-d2:hover{
	border: 1px solid rgba(255,255,255,8);
	transition: all .3s;
}
.header-d3{
	border: 1px solid rgba(255,255,255,.5);
	background: url(../img/ico02.png) no-repeat center;
	margin: 0 3px;
	border-radius: 100%;
	display: none;
}

.header-ss{
	width: calc(100% - 130px);
	height: 100%;
	position: fixed;
	left: 130px;
	top: 0;
	background: rgba(0,0,0,.9);
	overflow: hidden;
	display: none;
	z-index: 5;
}
.header-ss-a{
	width: 600px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -300px;
}
.header-ss-a .int1{
	width: 540px;
	height: 50px;
	line-height: 50px;
	background: none;
	border: none;
	border-bottom: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	padding:  0 10px;
	padding-right: 60px;
}
.header-ss-a .int2{
	width: 50px;
	height: 50px;
	border: none;
	background: no-repeat center;
	background-image: url(../img/ico01.png);
	position: absolute;
	top: 0;
	right: 60px;
	cursor: pointer;
}
.header-ss-x{
	width: 50px;
	height: 50px;
	background: url(../img/x01.png) no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.header-e{
	width: calc(100% - 130px);
	height: 100%;
	position: fixed;
	left: 130px;
	top: 0;
	background: rgba(0,0,0,.9);
	overflow: hidden;
	display: none;
	z-index: 4;
}
.header-e1{
	width: 380PX;
	height: 50px;
	font-size: 35px;
	line-height: 50px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.header-e1 span{
	display: block;
	width: 40px;
	height: 50px;
	float: right;
	background: url(../img/x01.png) no-repeat center;
}


@media (max-width: 1700px) {
	header{
		width: 100px;
	}
	.logo{
		left: 19px;
	}
	.header-b{
		width: calc(100% - 100px);
		left: 100px;
	}
	.header-ss{
		width: calc(100% - 100px);
		left: 100px;
	}
	.header-e{
		width: calc(100% - 100px);
		left: 100px;
	}
	.header-b1{
		font-size: 30px;
		/* padding-left: 10%; */
	}
	.header-b3{
		margin-top: 25px;
		padding-left: 10%;
	}
}
@media (max-width: 1700px) {
	.header-b1{
		font-size: 26px;
		line-height: 40px;
	}
	.header-b3 div a{
		font-size: 18px;
		line-height: 25px;
	}
}
@media (max-width: 1200px) {
	header{
		width: 100%;
		height: 80px;
	}
	.logo{
		width: 50px;
		top: 15px;
		left: 30px;
	}
	.header-a{
		top: 28px;
		left: 110px;
		transform: translate(0,0);
	}
	.header-c{
		width: 26px;
		bottom: 30px;
		left: auto;
		right: 30px;
	}
	.header-c a:nth-child(3){
		display: none;
	}
	.header-c span{
		display: none;
	}
	.header-c a{
		font-size: 20px;
	}
	.header-d{
		width: 100px;
		left: auto;
		bottom: 22px;
		right: 70px;
	}
	.header-d1,.header-d2{
		border: none;
		border-radius: 0;
		background-size: 20px;
	}
	.header-d2{
		width: 52px;
		padding-left: 17px;
		position: relative;
	}
	.header-d2:after{
		content: "";
		width: 1px;
		height: 20px;
		background: rgba(255,255,255,.5);
		position: absolute;
		left: 0;
		top: 5px;
	}
	.header-b{
		width: 100%;
		height: calc(100% - 80px);
		left: 0;
		top: 80px;
		overflow: auto;
		padding: 30px;
	}
	.header-b li{
		width: 100%;
		height: auto;
		padding-top: 0;
		float: none;
	}
	.header-b1{
		display: none;
	}
	.header-b2{
		display: block;
		width: 100%;
		height: 80px;
		font-size: 28px;
		line-height: 80px;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.header-b2 span{
		display: inline-block;
		font-size: 30px;
		float: right;
	}
	.header-b3{
		margin-top: 0;
		padding: 0;
		display: none;
	}
	.header-b3 div{
		line-height: 60px;
		border-bottom: 1px solid rgba(255,255,255,.2);
		padding: 0 30px;
	}
	.header-b3 div a{
		display: block;
		width: 100%;
		max-width: 100%;
		font-size: 20px;
		line-height: 60px;
		color: rgba(255,255,255,.9);
	}
	.header-e{
		width: 100%;
		height: calc(100% - 80px);
		left: 0;
		top: 80px;
	}
	.header-ss{
		width: 100%;
		height: calc(100% - 80px);
		left: 0;
		top: 80px;
	}
	.header-b li{
		border: none;
	}
}

@media (max-width: 767px) {
	.inews-b1-a{
		position: absolute;
		right: .8rem;
	}
	.header-ss{
		height: calc(100% - 1rem);
		top: 1rem;
	}
	.header-ss-a{
		width: 6rem;
		margin-left: -3rem;
		height: .8rem;
	}
	.header-ss-a .int1{
		width: 5rem;
		font-size: 14px;
		height: .8rem;
		line-height: .8rem;
	}
	.header-ss-x{
		width: .8rem;
		height: .8rem;
		margin-top: .2rem;
	}
	
	header{
		height: 1rem;
	}
	.logo{
		width: .6rem;
		height: .6rem;
		line-height: .6rem;
		left: .2rem;
		top: .2rem;
	}
	.header-a{
		width: .45rem;
		top: .35rem;
		left: 1.2rem;
	}
	.header-a div{
		height: .05rem;
		margin-bottom: .11rem !important;
	}
	.header-c{
		width: .5rem;
		height: auto;
		right: .2rem;
		bottom: unset;
		top:50%;
		transform: translateY(-50%);
	}
	.header-c a{
		font-size: .3rem;
		line-height: 1;
	}
	.header-d{
		width: 1.6rem;
		bottom: unset;
		right: 1rem;
		top:50%;
		transform: translateY(-50%);
	}
	.header-d1, .header-d2{
		background-size: .28rem;
		width: .6rem;
		margin: 0;
	}
	.header-d2{
        
		width: .8rem;
		padding-left: .3rem;
	}
	.header-e{
		display: none !important; 
	}
	
	.header-b{
		height: calc(100% - 1rem);
		top: 1rem;
		padding: .4rem;
	}
	.header-b2{
		font-size: .3rem;
		height: 1rem;
		line-height: 1rem;
	}
	.header-b2 span{
		font-size: .3rem;
	}
	.header-b3 div{
		padding: 0 .3rem;
		line-height: .8rem;
	}
	.header-b3 div a{
		font-size: .26rem;
		line-height: .4rem;
		padding: .1rem 0;
	}
	.header-b3 div{
		margin: 0;
	}
}






/*底部*/

.footer-bj{
	width: 100%;
	height: auto;
	background: #333;
	padding-left: 130px;
}
footer{
	width: 100%;
	height: 100%;
}
.footer{
	width: 100%;
	max-width: 1520px;
	margin: 0 auto;
	padding: 0 50px;
	padding-top: 80px;
}
.footer-a{
	overflow: hidden;
}
.footer-a .footer-a-li{
	width: 28%;
	float: left;
	height: 100%;
	min-height: 235px;
	border-left: 1px solid rgba(255,255,255,.2);
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.footer-a .footer-a-li:first-child{
	border: none;
}
.footer-a-li:nth-child(2){
	width: 44%;
}
.footer-a1{
	width: 100%;
	max-width: 320px;
	overflow: hidden;
}
.footer-a1-a{
	width: 100%;
	overflow: hidden;
}
.footer-a1-a div{
	width: 50%;
	float: left;
	height: 20px;
	line-height: 20px;
	margin-bottom:30px;
}
.footer-a1-a div a{
	font-size: 16px;
	line-height: 20px;
	color: rgba(255,255,255,.7);
	margin-bottom: 5px;
}
.footer-a1-a div a:hover{
	color: #fff;
	transition: all .3s; 
}
.footer-a1-b{
	margin-top: 30px;
}
.footer-a1-b .bdsharebuttonbox{

}
.footer-a1-b .bdsharebuttonbox a{
	width: 32px;
	height: 32px;
	border: 1px solid rgba(255,255,255,.4);
	border-radius: 100%;
	margin: 0;
	margin-right: 13px;
}
.bd_weixin_popup{
	height: 295px;
	width: 250px !important;
	height: 310px !important;
}
.footer-a1-b .bdsharebuttonbox a:hover{
	border: 1px solid rgba(255,255,255,.8);
	
}
.footer-a1-b .bds_weixin{
	background: url(../img/ico14.png) no-repeat;
	background-position: center !important;
}
.footer-a1-b .bds_sqqs{
	background: url(../img/ico15.png) no-repeat;
	background-position: center !important;
}
.footer-a1-b .bds_tsina{
	background: url(../img/ico16.png) no-repeat;
	background-position: center !important;
}
.footer-a1-b .sf_twitter{
	background: url(../img/ico17.png) no-repeat ;
	background-position: center!important;
	position: relative;

}
.footer-a1-b .sf_twitter span{
	display: block;
	width: 100px;
	height: 40px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	background: #333;
	color: #fff;
	position: absolute;
	top:35px;
	left: 50%;
	transform: translateX(-50%);
}
.footer-a1-bb{
	height: 40px;
}
.footer-a1-b2{
	width: 170px;
	text-align: center;
	font-size: 12px;
	line-height: 32px;
	margin-left: 70px;
	color: #333;
	background: #fff;
	display: none;
	
}
.footer-a2{
	max-width: 290px;
	margin: 0 auto;
}
.footer-a2-a{
	font-size: 16px;
	color: #fff;
	line-height: 1.3;
}
.footer-a2-b{
	width: 100%;
	margin-top: 25px;
	color: rgba(255,255,255,.5);
	font-size: 14px;
	line-height: 20px;
	
}
.footer-a2-b li{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.footer-a2-b1{
	width: 90px;
	float: left;
}
.footer-a2-b2{
	width: calc(100% - 90px);
	float: left;
}
.footer-a2-b li:nth-child(2) .footer-a2-b2{
	width: 100px;
}
.footer-a2 .footer-a1-b{
	display: none;
}


.footer-a3{
	width: 100%;
	text-align: right;
	padding-right: 70px;
}
.footer-a3 div{
	width: 150px;
	float: right;
	text-align: center;
}
.footer-a3 a{
	display: inline-block;
	width: 100px;
	height: 30px;
	font-size: 14px;
	color: rgba(255,255,255,.5);
	text-align: center;
	line-height: 30px;
	border: 1px solid rgba(255,255,255,.5);
	margin-top: 30px;
}
.footer-a3 a:hover{
	color: rgba(255,255,255,.8);
	border: 1px solid rgba(255,255,255,.8);
}
.footer-b{
	width: 100%;
	padding: 20px 0;
	margin-top: 40px;
	border-top: 1px solid rgba(255,255,255,.2);
	font-size: 14px;
	color: rgba(255,255,255,.5);
	line-height: 30px;
	overflow: hidden;
}
.footer-b2 div{
	float: left;
	color: rgba(255,255,255,.3);
}
.footer-b2 div:first-child{
	margin-right: 40px;
}
.footer-b2 a{
	font-size: 14px;
	color: rgba(255,255,255,.3);
	text-align: center;
	line-height: 30px;
}
.footer-b2 a:hover{
	color: rgba(255,255,255,.8);
}
.footer-b1 div{
	margin-right: 10px;
}

@media (max-width: 1200px) {
	.footer-bj{
		height: auto;
		padding-left: 0;
	}
	.footer-b2{
		float: left;
	}
}
@media (max-width: 1023px) {
	.footer-a .footer-a-li{
		display: none;
	}
	.footer-a .footer-a-li:nth-child(2){
		width: 100%;
		border: none;
		min-height: auto;
		display: block !important;
	}
	.footer-a2{
		max-width: 100%;
		width: 100%;
	}
	.footer-a2-b li:nth-child(2) .footer-a2-b2{
		width: 80%;
	}
	.footer-b{
		margin-top: 30px;
	}
	.footer-b1 div:first-child{
		width: 100%;
	}
	.footer{
		padding-top: 50px;
	}
}
@media (max-width: 767px) {
	.footer{
		padding: 0 .65rem;
		padding-top: .65rem;
	}
	.footer-a2-a{
		font-size: .28rem;
	}
	.footer-a2-b{
		font-size: .22rem;
		line-height: .45rem;
		margin-top: .25rem;
	}
	.footer-a2-b li:nth-child(2) .footer-a2-b2{
		width: 65%;
	}
	.footer-a2-b li{
		margin-bottom: .1rem;
	}
	.footer-b{
		margin-top: 0rem;
		padding: .2rem 0;
		font-size: .24rem;
		line-height: .45rem;
	}
	.footer-b2{
		font-size: .24rem;
		line-height: .45rem;
	}
	.footer-b a{
		font-size: .24rem;
		line-height: .45rem;
	}
	.footer-a2 .footer-a1-b{
		display: block;
		margin-top: .25rem;
	}
	
	.footer-a1-bb{
		height: .8rem;
	}
	.footer-a1-b2{
		width: 4rem;
		font-size: .3rem;
		line-height: .8rem;
		left: 2rem;
	}
}







/*首页*/

.indx-swiper{
	width: 100vw;
	height: 100vh;
}
.indx-slide{
	width: 100%;
	height: auto;
}
.indx-span{
	width: 25px;
	height: auto;
	position: absolute;
	right: 50px !important;
	top: 50%;
	transform: translateY(-50%) !important;
	z-index: 8;
}
.indx-span span{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 !important;
	background: url(../img/ico20.png) no-repeat center;
	opacity: 1;
}
.indx-span .swiper-pagination-bullet-active{
	background: url(../img/ico20a.png) no-repeat center;
}
.indx-span span:nth-child(6){
	position: relative;
	top: -25px;
}
.indx-sz{
	width: 60px;
	height: 25px;
	position: absolute;
	right: 28px !important;
	top: 50%;
	margin-top: 60px;
	z-index: 7;
	line-height: 20px;
	font-size: 14px;
	color: rgba(255,255,255,.3);
	font-family: "Helvetica";
}
.indx-sz div{
	display: initial;
	font-size: 18px;
	color: #fff;
}

.iban-swiper{
	width: 100vw;
	height: 100vh;
}
.iban-m{
	display: none;
}
.iban-slide{
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
	padding-left: 130px;
}
.iban-a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat center;
	background-size: cover;
}
.iban-b{
	width: 900px;
	position: absolute;
	top: 34%;
	left: 17.3%;
	padding-left: 38px;
	color: #fff;
	position: relative;
}
.iban-b1{
	font-size: 80px;
	line-height: 100px;
}
.iban-b2{
	font-size: 42px;
	line-height: 55px;
	margin-top: 15px;
}
.iban-b3{
	font-size: 18px;
	line-height: 30px;
	margin-top: 30px;
}
.iban-b:after{
	content: "";
	width: 10px;
	height: 90px;
	background: #f26723;
	position: absolute;
	top: 10px;
	left: 0;
}
.iban-span{
	width:  calc(100% - 130px);
	height: 10px;
	line-height: 10px;
	position: absolute;
	left: 65px !important;
	bottom: 45px !important;
	text-align: center;
	z-index: 2;
}
.iban-span span{
	display: inline-block;
	width: 40px;
	height: 4px;
	margin: 0 4px;
	position: relative;
	background: #fff;
	opacity: 1;
	border-radius: 0;
}
.iban-span span:after{
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #f26723;
}
.iban-span .swiper-pagination-bullet-active{
	background: rgba(255,255,255,.5);
}
.iban-span .swiper-pagination-bullet-active:after{
	width: 100%;
	transition: all linear 4s;
}


.iabout{
	width: 100vw;
	height: 100vh;
	background: no-repeat center;
}
.iabout-a{
	width: 480px;
	position: absolute;
	top: 30%;
	left: 20.3%;
	padding-left: 30px;
}
.iabout-a1{
	font-size: 54px;
    color: #fff;
    line-height: 1.4;
}
.iabout-a2{
	font-size: 30px;
	color: rgba(255,255,255,.4);
	text-transform:Uppercase;
	line-height: 1;
	margin-top: 20px;
	font-family: "Helvetica";
}
.iabout-a3{
	font-size:16px;
	color: rgba(255,255,255,.8);
	line-height: 30px;
	margin-top: 40px;
	height: 120px;
	overflow: hidden;
}

.iabout-a3 p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient: vertical;
}
.inews .iabout-a3 p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
}
.iabout-a4{
	display: block;
	width: 114px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	color: #f26723;
	text-align: center;
	text-transform:Uppercase;
	background: url(../img/ico04.png) no-repeat center;
	margin-top: 90px;
	font-family: "Helvetica";
	position: relative;
	z-index: 99;
}
.iabout-a4:hover{
	color: #f26723;
}
.iabout-a:after{
	content: "";
	width: 5px;
	height: 70px;
	position: absolute;
	top: 5px;
	left: 0;
	background: #f26723;
}
.iabout-b{
	width: 100%;
	max-width: 990px;
	height: 200px;
	background: rgba(215,93,51,.9);
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
}
.iabout-b li{
	width: 33.333%;
	height: 100%;
	float: left;
	border-left: 1px solid rgba(255,255,255,.2);
	text-align: center;
}
.iabout-b1{
	display: inline-block;
	text-align: left;
	padding-top: 55px;
}
.iabout-b1-a{
	font-size: 14px;
	color: #fff;
	line-height: 1;
}
.iabout-b1-b{
	font-size: 20px;
	color: #fff;
	line-height: 1;
	margin-top: 10px;
}
.iabout-b1-b span{
	font-size: 72px;
	color: #fff;
	line-height: 1;
	font-family: "Helvetica";
}



.icourse{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.icourse-a{
	max-width: 1100px;
	height: 880px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 1;
	overflow: hidden;
}
.icourse-a img{
	display: none;
}
.icourse-a img:first-child{
	display: block;
}
.icourse-b{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/ico05.png) no-repeat center;
	/*background-size: cover;*/
	z-index: 2;
}
.icourse-c{
	max-width: 375px;
	left: 15.6%;
	z-index: 3;
}
.icourse-d{
	width: 760px;
	height: 980px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -490px;
	margin-left: -260px;
	z-index: 4;
}
.icourse-d1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.icourse-d1 .d1-list{
	width: 215px;
	padding-right: 35px;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -215px;
	background:url(../img/ico18.png) no-repeat right 16px;
	transition: all .3s; 
}
.icourse-d1 .d1-list-a{
	font-size: 20px;
	line-height: 1;
	color: rgba(255,255,255,.4);
	opacity: 0;
	font-family: "Helvetica";
	transition: all .3s; 
}
.icourse-d1 .d1-list-b{
	font-size: 14px;
	line-height: 20px;
	margin-top: 2px;
	color: rgba(255,255,255,.6);
	opacity: 0;
	transition: all .3s; 
}
.icourse-d1 .d1-list:nth-child(1){
	top: 9.5%;
	left: 85%;
}
.icourse-d1 .d1-list:nth-child(2){
	    top: 19.5%;
    left: 52%;
}
.icourse-d1 .d1-list:nth-child(3){
	top: 33.2%;
	left: 29.5%;
}
.icourse-d1 .d1-list:nth-child(4){
	top: 68%;
    left: 34.3%;
}
.icourse-d1 .d1-list:nth-child(5){
	    top: 80.5%;
    left: 61%;
}
.icourse-d1 .d1-list:nth-child(6){
	    top: 87%;
    left: 95%;
}
.icourse-d1 .d1-list.on{
	background:url(../img/ico18a.png) no-repeat right 10px;
	transform: translateX(8px);
	transition: all .3s; 
}
.icourse-d1 .d1-list.on .d1-list-a{
	opacity: 1;
	transition: all .3s; 
}
.icourse-d1 .d1-list.on .d1-list-b{
	opacity: 1;
	transition: all .3s; 
}
.icourse-e{
	width: 70px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 100px;
	margin-top: 375px;
	z-index: 6;
}
.icourse-e1{
	width: 30px;
	height: 30px;
	float: left;
	background: url(../img/ico10.png) no-repeat center;
	opacity: .5;
}
.icourse-e1:hover{
	background: url(../img/ico10a.png) no-repeat center;
}
.icourse-e2{
	width: 30px;
	height: 30px;
	float: right;
	background: url(../img/ico11.png) no-repeat center;
	opacity: .5;
}
.icourse-e2:hover{
	background: url(../img/ico11a.png) no-repeat center;
}
.icourse-f{
	display: none;
}



.ipro{
	width: 100vw;
	height: 100vh;
	background: url(../img/img05.jpg);
	padding-left: 130px;
}
.ipro-a{
	text-align: center;
	padding-top: 70px;
}
.ipro-a1{
	width: 70px;
	height: 7px;
	background: #f26723;
	margin: 0 auto;
}
.ipro-a2{
	font-size: 72px;
	line-height: 1;
	color: #fff;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 15px;
}
.ipro-a3{
	font-size: 30px;
	line-height: 1;
	color: rgba(255,255,255,.5);
	text-align: center;
	text-transform: uppercase;
	font-family: "Helvetica";
}
.ipro-b{
	margin-top: 50px;
}
.ipro-swiper{
	padding: 0 16.5%;
	padding-bottom: 100px;
}
.ipro-slide{
	height: 500px;
	background: no-repeat center;
	background-size: cover;
}
.ipro-b1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	opacity: 1;
	transition: all .3s;
}
.ipro-b2{
	display: block;
	width: 500px;
	height: 450px;
	background: url(../img/ico07.png) no-repeat center;
	position: absolute;
	bottom: -100px;
	left: 9%;
	padding: 0 65px;
	opacity: 0;
	transition: all .3s;
}
.ipro-b2-a{
	font-size: 34px;
	line-height: 40px;
	height: 40px;
	color: #fff;
	margin-top: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.ipro-b2-a span{
	display: inline-block;
	width: 60px;
	height: 3px;
	background: #fff;
	position: relative;
	top: -10px;
	
}
.ipro-b2-b{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	margin-top: 35px;
}
.ipro-b2-c{
	font-size: 16px;
	color: rgba(255,255,255,.8);
	line-height: 25px;
	margin-top: 5px;
	height: 125px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.ipro-b2-d{
	width: 114px;
	height: 25px;
	background: url(../img/ico06.png) no-repeat center;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	margin-top: 25px;
	font-family: "Helvetica";
}
.ipro-slide.swiper-slide-active .ipro-b1{
	opacity: 0;
	transition: all .3s;
}
.ipro-slide.swiper-slide-active .ipro-b2{
	opacity: 1;
	transition: all .3s;
}
.ipro-b-c{
	width: 100%;
	height:0px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	padding: 0 16.5%;
}
.ipro-b-c1{
	width: 42px;
	height: 42px;
	background:url(../img/ico08.png) no-repeat center;
	float: left;
	margin-top: 225px;
	margin-left: -75px;
	cursor: pointer;
}
.ipro-b-c2{
	width: 42px;
	height: 42px;
	background:url(../img/ico09.png) no-repeat center;
	float: right;
	margin-top: 225px;
	margin-right: -75px;
	cursor: pointer;
}
.ipro-b-c div{
	opacity: .6;
	transition: all .3s;
}
.ipro-b-c div:hover{
	opacity: 1;
	transition: all .3s;
}

.inews-bj{
	background: url(../img/img05.jpg);
}
.inews{
	width: 100vw;
	height: 100vh;
	background: url(../img/ico19.png) no-repeat center;
}
.inews-a{
	max-width: 375px;
	left: 15.5%;
}
.inews-b{
	width: 58.34%;
	height: 485px;
	position: absolute;
	right: 0;
	top: 24%;
}
.inews-b1{
	width: 115px;
	height: 45px;
	overflow: hidden;
}
.inews-b1 div{
	width: 45px;
	height: 45px;
	border: 1px solid rgba(255,255,255,.2);
	float: left;
	cursor: pointer;
	transition: all .3s;
}
.inews-b1-a{
	background: url(../img/ico10.png) no-repeat center;
}
.inews-b1-a:hover{
	background: url(../img/ico10a.png) no-repeat center;
	transition: all .3s;
}
.inews-b1-b{
	background: url(../img/ico11.png) no-repeat center;
	float: right !important;
}
.inews-b1-b:hover{
	background: url(../img/ico11a.png) no-repeat center;
	transition: all .3s;
}
.inews-swiper{
	margin-top: 20px;
	padding-right: 29.5%;
}
.inews-slide{	
}
.inews-b2{
	overflow: hidden;
}
.inews-b2 img{
	max-width: 100%;
	max-height: 100%;
	transition: all .3s;
}
.inews-b3{
	font-size: 18px;
	height: 20px;
	color: #fff;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-top: 20px;
}
.inews-b4{
	font-size: 14px;
	height: 40px;
	line-height: 20px;
	color: rgba(255,255,255,.4);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 10px;
}
.inews-b5{
	font-size: 14px;
	line-height: 25px;
	color: rgba(255,255,255,.4);
	margin-top: 30px;
	opacity: 0;
	transition: all .3s;
}
.inews-b5 span{
	display: block;
	float: right;
	text-transform: uppercase;
	padding-right: 28px;
	background: url(../img/ico12.png) no-repeat 93px center;
}
.inews-b6{
	width: 0%;
	height: 4px;
	background: #f26723;
	margin-top: 15px;
	transition: all .3s;
}
@media (min-width: 1201px) {
	.inews-slide:hover .inews-b2 img{
		transform: scale(1.08);
		transition: all .3s;
	}
	.inews-slide:hover .inews-b5{
		opacity: 1;
		transition: all .3s;
	}
	.inews-slide:hover .inews-b6{
		width: 100%;
		transition: all .3s;
	}
}



@media  (max-width: 1700px) {
	.iban-slide{
		padding-left: 100px;
	}
	.iban-b1{
		font-size: 80px;
		line-height: 90px;
	}
	.iban-b:after{
		height: 70px;
		top: 15px;
	}
	.iban-b2{
		font-size: 40px;
		line-height: 50px;
	}
	
	.icourse-c{
		left: 12%;
	}
	
	.inews-swiper{
		padding-right: 20%;
	}
}

@media  (max-width: 1500px) {
	.iban-b{
		top: 30%;
	}
	.iban-b1{
		font-size: 60px;
	}
	.iban-b:after{
		height: 60px;
		top: 20px;
	}
	.iban-b2{
		font-size: 30px;
		line-height: 40px;
	}
	.iban-b3{
		margin-top: 50px;
	}
	
	.iabout-a{
		top: 15%;
	}
	.iabout-a1{
		font-size: 50px;
	}
	.iabout-a2{
		font-size: 26px;
	}
	.iabout-a4{
		margin-top: 60px;
	}
	.iabout-a:after{
		height: 45px;
	}
	
	
	.indx-slide{
		overflow: hidden;
	}
	.icourse-a{
		height: 100%;
	}
	.icourse-a img{
		max-height: 100%;
	}
	.icourse-b{
		background-size: 1600px;
	}
	.icourse-d{
		height: 840px;
		margin-top: -420px;
	}
	.icourse-e{
		right: 50px;
		margin-top: 320px;
	}
	.icourse-c{
		top: 30%;
	}
	.icourse-d1 .d1-list:nth-child(1) {
		top: 8%;
	}
	.icourse-d1 .d1-list:nth-child(2){
		top: 19%;
	}
	.icourse-d1 .d1-list:nth-child(3){
		left: 30.5%;
	}
	.icourse-d1 .d1-list:nth-child(4){
		left: 35.2%;
	}
	.icourse-d1 .d1-list:nth-child(5){
		top: 80.8%;
	}
	.icourse-d1 .d1-list:nth-child(6){
		top: 86.5%;
	}
	
	.ipro-a2{
		font-size: 50px;
		margin-top: 15px;
	}
	.ipro-a3{
		font-size: 24px;
	}
	.ipro-slide{
		height: 350px;
	}
	.ipro-b2{
		width: 400px;
		height: 350px;
		background-size: cover;
		padding: 0 35px;
	}
	.ipro-b2-a{
		margin-top: 30px;
		height: 40px;
		font-size: 30px;
		line-height: 40px;
	}
	.ipro-b-c1{
		margin-top: 150px;
	}
	.ipro-b-c2{
		margin-top: 150px;
	}
	
	.inews-b{
		width: 55%;
	}
	.inews-a{
		top: 23%;
		left: 12%;
	}
	.inews-swiper{
		padding-right: 50px;
	}
	
	
}
@media  (max-width: 1370px) {
	.iabout-a1{
		font-size: 43px;
	}
}
@media  (max-width: 1200px) {
	body{
		padding-top: 80px;
	}
	.indx-swiper{
		height: calc(100vh - 80px);
	}
	.iban-swiper{
		height: calc(100vh - 80px);
	}
	.iban-slide{
		padding-left: 0;
	}
	.iban-b{
		width: 600px;
	}
	.iban-span{
		left: 0 !important;
	}
	.iban-a{
		background-position-x: 70%;
	}
	
	.iabout{
		background-size: cover;
		height: calc(100vh - 80px);
	}
	.iabout-b{
		max-width: 100%;
	}
	.iabout-a{
		left: 10%;
	}
	.iabout-b{
		height: 160px;
	}
	.iabout-b1-b span{
		font-size: 50px;
	}
	
	.icourse{
		height: calc(100vh - 80px);
		padding-left: 0;
	}
	.icourse-a{
		display: none;
	}
	.icourse-d{
		display: none;
	}
	.icourse-e{
		display: none;
	}
	.icourse-b{
		background-size:320% 100% ;
		background-position-x: 20%;
	}
	.icourse-c{
		top: 10%;
	}
	.icourse-f{
		max-width: 90%;
		display: block;
		position: absolute;
		left: 5%;
		bottom: 10%;
		z-index: 6;
		padding: 0 60px;
	}
	.icourse-f1{
		width: 40px;
		height: 40px;
		background: url(../img/ico10.png) no-repeat center;
		border: 1px solid rgba(255,255,255,.6);
		position: absolute;
		top: 50%;
		left: 0;
		border-radius: 100%;
		transform: translateY(-50%);
	}
	.icourse-f2{
		width: 40px;
		height: 40px;
		background: url(../img/ico11.png) no-repeat center;
		border: 1px solid rgba(255,255,255,.6);
		position: absolute;
		top: 50%;
		right: 0;
		border-radius: 100%;
		transform: translateY(-50%);
	}
	.icourse-slide div{
		width: 100%;
		font-size: 24px;
		color: rgba(255,255,255,.7);
		line-height: 30px;
		height: 30px;
		position: absolute;
		left: 0;
		bottom: 40px;
		padding: 0 30px;
		overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	}
	.icourse-slide div span{
		font-size: 30px;
		color: #fff;
	}
	
	
	.ipro{
		padding-left: 0;
	}
	.ipro-a{
		padding-top: 150px;
	}
	
	.ipro-swiper{
		padding: 0;
		padding-bottom: 400px;
	}
	.ipro-slide{
		height: 400px;
	}
	.ipro-b{
		margin-top: 80px;
	}
	.ipro-b2{
		left: 50%;
		transform: translateX(-50%);
		bottom: -300px;
	}
	.ipro-b-c1{
		margin-top: 550px;
	}
	.ipro-b-c2{
		margin-top: 550px;
	}
	
	
	.inews{
		height: calc(100vh - 80px);
	}
	.inews-a{
		top: 15%;
	}
	.inews-b{
		width: 80%;
		right: 10%;
		top: auto;
		bottom: 10%;
	}
	.inews-swiper{
		padding: 0;
	}
	
}

@media  (max-width: 1023px) {
	.iban-b{
		left: 8%;
	}
	
	.icourse-c{
		top: 5%;
	}
	.icourse-f{
		bottom: 10%;
	}
	
	.ipro-a{
		padding-top: 80px;
	}
	.ipro-b{
		margin-top: 40px;
	}
	.ipro-slide{
		height: 350px;
	}
	.ipro-b-c1{
		margin-top: 500px;
	}
	.ipro-b-c2{
		margin-top: 500px;
	}
	
	.inews-a{
		top: 10%;
	}
	.inews-b{
		bottom: 2%;
	}
	
}

@media  (max-width: 767px) {
	body{
		padding-top: 1rem;
	}
	.iabout-b1-b span{
		font-size: .4rem !important;
	}
	
	.indx-swiper{
		height: calc(100vh - 1rem);
	}
	.indx-span{
		display: none;
	}
	.indx-sz{
		display: none;
	}
	
	.iban-swiper{
		height: calc(100vh - 1rem);
	}
	.iban-pc{
		display: none;
	}
	.iban-m{
		display: block;
	}
	.iban-b{
		width: 6rem;
		top: 20%;
		left: .65rem;
		padding-left: .5rem;
	}
	.iban-b1{
		font-size: .6rem;
		height: .6rem;
		line-height: .6rem;
	}
	.iban-b:after{
		width: .1rem;
		height: .6rem;
		top: 0;
	}
	.iban-b2{
		font-size: .35rem;
		line-height: .5rem;
	}
	.iban-b3{
		font-size: .28rem;
		margin-top: .5rem;
	}
	.iban-span{
		bottom: .5rem !important;
	}
	.iban-span span{
		width: .5rem;
		height: .05rem;
	}
	
	.iabout{
		height: calc(100vh - 1rem);
	}
	.iabout-a{
		width: 6.2rem;
		padding-left: .5rem;
		left: .65rem;
	}
	.iabout-a1{
		font-size: .5rem;
	}
	.iabout-a2{
		font-size: .36rem;
		margin-top: .15rem;
	}
	.iabout-a3{
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.iabout-a:after{
		width: .1rem;
		height: .5rem;
		top: 0;
	}
	.iabout-a4{
		width: 1.8rem;
		height: .7rem;
		font-size: .26rem;
		line-height: .7rem;
		background-size: 100%;
		margin-top: 0.1rem;
	}
	.iabout-b{
		height: 2rem;
		bottom: 1rem;
	}
	.iabout-b1{
		padding-top: .6rem;
	}
	.iabout-b1-a{
		font-size: .26rem;
		height: .6rem;
	}
	
	.iabout-b1-b{
		font-size: .26rem;
		margin-top: .1rem;
	}
	.iabout-b1-b span{
		font-size: .4rem;
	}
	
	
	.icourse{
		height: calc(100vh - 1rem);
	}
	.icourse-c{
		top: 10%;
	}
	.icourse-f{
		padding: 0 .6rem;
		bottom: 15%;
	}
	.icourse-f1,.icourse-f2{
		width: .5rem;
		height: .5rem;
		background-size: .2rem;
	}
	.icourse-slide div{
		padding: 0 .3rem;
		font-size: .26rem;
		bottom: .2rem;
	}
	.icourse-slide div span{
		font-size: .35rem;
	}
	
	.ipro{
		height: calc(100vh - 1rem);
	}
	.ipro-a{
		padding-top: .8rem;
	}
	.ipro-a1{
		width: .8rem;
		height: .06rem;
	}
	.ipro-a2{
		font-size: .5rem;
		margin: .2rem 0;
	}
	.ipro-a3{
		font-size: .34rem;
	}
	.ipro-swiper{
		padding-bottom: 4.5rem;
	}
	.ipro-slide{
		height: 3.5rem;
	}
	.ipro-b2{
		width: 5.5rem;
		height: 5rem;
		bottom: -3rem;
		padding: .4rem;
	}
	.ipro-b2-a{
		font-size: .4rem;
		line-height: .5rem;
		height: .5rem;
		margin-top: .2rem;
	}
	.ipro-b2-a span{
		width: .7rem;
		height: .03rem;
		top: -.1rem;
	}
	.ipro-b2-b{
		font-size: .26rem;
		margin-top: .3rem;
		line-height: .45rem;
	}
	.ipro-b2-c{
		font-size: .24rem;
		line-height: .45rem;
		height: 1.8rem;
		-webkit-line-clamp: 4;
	}
	.ipro-b2-d{
		width: 1.8rem;
		height: .7rem;
		font-size: .26rem;
		line-height: .7rem;
		background-size: 100%;
		margin-top: .3rem;
	}
	.ipro-b-c{
		padding: 0 .75rem;
	}
	.ipro-b-c div{
		width: .5rem;
		height: .5rem;
		margin-top: 4rem;
		background-size: .5rem;
		opacity: 1;
	}
	.ipro-b-c1{
		margin-left: -.65rem;
	}
	.ipro-b-c2{
		margin-right: -.65rem;
	}
	
	
	.inews{
		height: calc(100vh - 1rem);
		background-size: cover;
	}
	.inews-a{
		top: 6%;
	}
	.inews-b{
		height: auto;
		bottom: 10%;
	}
	.inews-b5{
		display: none;
	}
	.inews-b6{
		display: none;
	}
	.inews-b1{
		width:100%;
		position: relative;
		height: .6rem;
	}
	.inews-b1 div{
		width: .6rem;
		height: .6rem;
		background-size: .2rem;
	}
	.inews-swiper{
		margin-top: .2rem;
	}
	.inews-b3{
		font-size: .3rem;
		height: .4rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.inews-b4{
		font-size: .24rem;
		line-height: .45rem;
		height: .9rem;
		margin-top: .1rem;
	}
}


.all-page-img{
	animation:add-dh 1.5s linear infinite;
	cursor: pointer;
	z-index: 999;
}
@keyframes add-dh{
	0%{
		opacity: 1;
		bottom: 52px;
	}
	100%{
		opacity: 0;
		bottom:40px;
	}
}