*{
	margin: 0;
	padding: 0;
	white-space:normal !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #222;
	transition: all .5s;
-webkit-transition: all .5s;
}
a:hover{
	color: #222;
	transition: all .5s;
-webkit-transition: all .5s;
}
table ,table td ,table tr{
	border: 1px solid rgba(255,255,255,.2);
}
li{
	list-style: none;
}
img{
	vertical-align: middle;
	max-width: 100%;
}


/*@font-face{
font-family: impact;
src: url('../fonts/Impact.ttf'),
     url('../fonts/Impact.eot'); 
}
.fm-APT-H{
	font-family: impact;
}*/

/*@font-face{
font-family: Alibaba-PuHuiTi-Heavy;
src: url('../fonts/Alibaba-PuHuiTi-Heavy.otf'),
     url('../fonts/Alibaba-PuHuiTi-Heavy.eot'); 
}
.fm-APT-H{
	font-family: Alibaba-PuHuiTi-Heavy;
}*/

/*@font-face{
font-family: Alibaba-PuHuiTi-Regular;
src: url('../fonts/Alibaba-PuHuiTi-Regular.ttf'),
     url('../fonts/Alibaba-PuHuiTi-Regular.eot'); 
}
.fm-APT-R{
	font-family: Alibaba-PuHuiTi-Regular
}*/

/*@font-face{
font-family: Alibaba-PuHuiTi-Medium;
src: url('../fonts/Alibaba-PuHuiTi-Medium.ttf'),
     url('../fonts/Alibaba-PuHuiTi-Medium.eot'); 
}
.fm-APT-M{
	font-family: Alibaba-PuHuiTi-Medium;
}*/

/*@font-face{
font-family: Alibaba-PuHuiTi-Bold;
src: url('../fonts/Alibaba-PuHuiTi-Bold.ttf'),
     url('../fonts/Alibaba-PuHuiTi-Bold.eot'); 
}*/
.fm-APT-B{
	/*font-family: Alibaba-PuHuiTi-Bold;*/
	font-weight: bold;
	
}
/*@font-face{
font-family: Alibaba-PuHuiTi-Light;
src: url('../fonts/Alibaba-PuHuiTi-Light.ttf'),
     url('../fonts/Alibaba-PuHuiTi-Light.eot'); 
}
.fm-APT-L{
	font-family: Alibaba-PuHuiTi-Light;
}*/


body{
	width: 100%;
	font-size: 14px;
	color: #222;
	/*max-width: 1920px;
	margin: 0 auto;*/
	/*position: relative;*/
    line-height: 1.6;
	/*overflow: hidden;*/
	font-family: "微软雅黑", "Microsoft Yahei",Microsoft YaHei,Segoe UI,Hiragino Sans GB,Arial,Helvetica Neue,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	font-family: "微软雅黑", "Microsoft Yahei";
	font-family: PingFang SC;
	/*font-family: Alibaba-PuHuiTi-Heavy;*/
	font-family: arial;
}


header{
	position: fixed;
	z-index: 39;
	width: 100%;
	top: 0;
	left: 0;
}
.header{
	height: 7.3vw;
transition: all .3s;
-webkit-transition: all .3s;  
}
.logo{
	line-height: 7.3vw;
	font-size: 0;
	float: left;
transition: all .3s;
-webkit-transition: all .3s;  
}
.logo img{
	width: 4.68vw;
}
.logo .img2{
	display: none;
}
.logo-ab{
	display: inline-block;
	color: #222;
	font-size: 0.85vw;
	line-height: 1;
	padding-left: .85vw;
	margin-left: .85vw;
	border-left: 1px solid #999;
	opacity: .3;
	position: relative;
	top: .8vw;
}
.logo-b{
	margin-top: .2vw;
	font-family: arial;
	font-weight: bold;
}
.gybt-xt{
	display: inline-block;
	line-height: 1;
	padding-bottom: .5vw;
	border-bottom: 2px solid #ec621f;
}
.header-en{
	float: right;
	width: 3.125vw;
	border: 1px solid #999;
	font-family: arial;
	font-weight: bold;
	text-align: center;
	line-height: 1.85vw;
	border-radius: 1vw;
	
	color: #222;
	margin-top: 2.5vw;
	margin-left: 1.3vw;
	color: #ec621f !important;
	border-color: #ec621f !important;
transition: all .5s;
-webkit-transition: all .5s;
}
.header-en:hover{
	opacity: 1 !important;
	color: #ec621f !important;
	border-color: #ec621f !important;
transition: all .5s;
-webkit-transition: all .5s;
}
.header-nav{
	float: right;
	font-size: 0;
}
.header-nav-li{
	/*position: relative;*/
	display: inline-block;
	vertical-align: top;
}
.header-a{
	display: inline-block;
	vertical-align: top;
	font-size:1.2vw;
	line-height: 7.3vw;
	padding: 0 1.2vw;
	opacity: .3;
	font-weight: bold;
transition: all .5s;
-webkit-transition: all .5s;
}
.header-a:hover,
.header-a.on{
	opacity: 1 !important;
	color: #ec621f !important;
transition: all .5s;
-webkit-transition: all .5s;
}
.header-b{
	width: 93.75%;
	/*height: 12.5vw;*/
	background: #fff url(../img/ico13.png) no-repeat right center;
	background-size: auto 100%;
	border-radius: 10px;
	position: absolute;
	left: 3.125vw;
	top: 100%;
	overflow: hidden;
	box-shadow: 0 5px 10px #ccc;
	display: none;
}
.header-blt{
	width: 17.22%;
	float: left;
	min-height: 12.5vw;
	border-right: 3px solid #f4f4f4;
	padding: 2.1vw 0;
}
.header-b2{
	font-size: 1.15vw;
	display: block;
	padding-left: 2.6vw;
	font-family: Alibaba-PuHuiTi-Light;
	line-height: 1.2;
	margin: 1vw 0;
	border-left: 3px solid #fff;
transition: all .5s;
-webkit-transition: all .5s;
}
.header-b2:hover,
.header-b2.on{
	font-weight: bold;
	border-color: #ff620f;
transition: all .5s;
-webkit-transition: all .5s;
}
.header-brt{
	width: 50%;
	float: left;
	padding: 3.2vw;
	padding-top: 2.8vw;
	padding-right: 0;
}
.header-bli{
	overflow: hidden;
	display: none;
}
.header-b3{
	width: 30%;
	display: inline-block;
	vertical-align: top;
}
.header-b4{
	width: 70%;
	display: inline-block;
	vertical-align: top;
}

.header-k{
	width: 52vw;
	left: initial;
	right: 3.125vw;
	background: #fff;
	padding:2vw 2.3vw;
	overflow: hidden;
}
.header-k2{
	float: left;
	line-height: 1.1;
	padding-bottom: 1.2vw;
	position: relative;
}
.header-k2:after{
	content: '';
	width: 1.3vw;
	height: .2vw;
	background: #ff620f;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: .1vw;
}
.header-k3{
	float: right;
	text-align: right;
	line-height: 1.2;
}

header.zt {
	
}
/*header.zt .logo .img1{
 	display: none;
}
header.zt .logo .img2{
 	display: inline-block;
 }*/
header.zt .logo-ab{
 	color: #fff;
 	opacity: 1;
 	border-color: #fff;
}
header.zt .header-en{
 	color: #fff;
 	border-color: #fff;
 	opacity: 1;
}
header.zt .header-a{
	color: #fff;
	opacity: 1;
}

header.bj{
	background: #fff;
	border-bottom: 1px solid #ccc;
}
header.bj .header{
	height: 5vw;
transition: all .3s;
-webkit-transition: all .3s;  
}
header.bj .logo{
	line-height: 5vw;
transition: all .3s;
-webkit-transition: all .3s;  
}
header.bj .logo .img1{
 	display: inline-block;
}
header.bj .logo .img2{
 	display: none;
 }
header.bj .logo-ab{
 	color: #222;
 	opacity: .3;
 	border-color: #999;
}
header.bj .header-en{
 	color: #222;
 	border-color: #999;
 
}
header.bj .header-a{
	color: #222;
	opacity: .3;
	line-height: 5vw;
}
header.bj .header-en{
	margin-top: 1.5vw;
}

.header-dx{
	width: 35px;
	margin-top: 20px;
	text-align: right;
	margin-left:40px ;
	overflow: hidden;
	display: none;
	opacity: .3;
}
.header-dx1,.header-dx2,.header-dx3{
	width: 100%;
	height: 3px;
	margin-bottom: 8px;
	background: #222;
	float: right;
	
}
.header-dx2{
	opacity: 0 !important;
}
.header-dx div{
	transition: all .5s; 
}
header.zt .header-dx div{
	background: #fff;
}

header.bj .header-dx div{
	background: #222;
}
.header-dx.cli{
	opacity: 1;
}
.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:2px;
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}
.header-j{
	display: none;
}
@media(max-width:1200px){
	.header-dx{
		display: block;
		float: right;
		margin-top: 27px;
		margin-left: 30px;
		position: relative;
		z-index: 39;
	}
	.header,
	header.bj .header{
		height: 80px;
	}
	.logo,
	header.bj .logo{
		line-height: 80px;
		position: relative;
		z-index: 39;
	}
	.logo img{
		width: 100px;
	}
	.logo-ab{
		font-size: 16px;
		margin-left: 15px;
		padding-left: 15px;
		top: 15px;
	}
	.logo-b{
		margin-top: 5px;
	}
	.header-en,
	header.bj .header-en{
		width: 50px;
		line-height: 30px;
		margin-top: 23px;
		position: relative;
		z-index: 39;
		border-radius: 20px;
	
		background: rgba(255,255,255,.2);
	}
	
	.header-nav{
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		height: 100vh;
		background: url(../img/bj01.jpg) no-repeat center top;
		background-size: cover;
		z-index: 38;
		padding: 150px 5%;
		display: none;
	}
	.header-nav-li{
		width: 100%;
		position: relative;
	}
	.header-nav-li2{
		z-index: 2;
	}
	.header-a{
		width: 100%;
		font-size: 26px;
		line-height: 80px !important;
	}
	.header-b{
		/*display: block !important;*/
		top: 0;
		left: initial;
		right: 0;
		width: 40vw;
		background: initial;
		box-shadow: initial;
		padding-top: 10px;
	}
	.header-brt{
		display: none;
	}
	.header-blt{
		width: 30vw;
		border: 0;
	}
	.header-b2{
		font-size: 20px;
		line-height: 1.3;
		padding-left: 0;
		border: 0;
		margin: 0;
		margin-bottom: 20px;
		font-weight: bold;
	}
	.header-b2:hover, .header-b2.on{
		color: #ff620f;
	}
	.header-j{
		display: block;
		position: absolute;
		left: 5%;
		bottom: 50px;
		color: #bbc5dc;
		line-height: 1.4;
	}
	.header-j3{
		margin-bottom: 30px;
	}
	.header-k{
		width: initial;
		padding: 0;
	}
	.header-k2:after{
		display: none;
	}
	.header-k2{
		text-align: right;
		width: 100%;
	}
}
@media(max-width:750px){
	.header-dx{
		display: block;
		width: .45rem;
		margin-top: .1rem;
		margin-left: .35rem;
		padding-top: .25rem;
	}
	.header-dx1, .header-dx2, .header-dx3{
		height: .04rem;
		margin-bottom: .11rem;
	}
	.header-dx.cli .header-dx3{
		top: .02rem;
	}
	
	.header,
	header.bj .header{
		height: 1rem;
	}
	.logo,
	header.bj .logo{
		line-height:1rem;
	}
	.logo img{
		width: 1.2rem;
	}
	.logo-ab{
		font-size: .24rem;
		margin-left: .15rem;
		padding-left: .15rem;
		top: .2rem;
	}
	.logo-b{
		margin-top: .02rem;
	}
	.header-en,
	header.bj .header-en{
		width: .8rem;
		line-height: .4rem;
		margin-top: .3rem;
		border-radius: .2rem;
	}
	.header-nav{
		/*display: block;*/
		padding: 1.8rem 5%;
		background-image: url(../img/bj_md.jpg);
	}
	.header-a{
		font-size: .4rem;
		line-height: 1rem !important;
		padding: 0;
	}
	.header-b{
		width: 50vw;
		padding-top: .3rem;
	}
	.header-blt{
		width: 100%;
		padding: 0;
	}
	.header-b2{
		font-size: .3rem;
		margin-bottom: .3rem;
	}
	
	.header-j{
		font-size: .26rem;
		bottom: .2rem;
	}
	.header-j3{
		margin-bottom: .2rem;
	}
	.header-k{
		padding-top: 0;
		top: -.8rem;
	}
	.header-k2{
		font-size: .45rem;
	}
	.header-k3{
		font-size: .4rem;
		line-height: 1.3;
	}
	.gybt-xt{
		padding-bottom: .14rem;
		margin-bottom: .15rem !important;
	}
}



footer{
	width: 100%;
	background: url(../img/img12.jpg) no-repeat center; 
	background-size: cover;
	padding: 4.2vw 0;
	position: relative;
	overflow: hidden;
}
.footer-vd{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 1;
	transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.footer{
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.footer-lt{
	float: left;
	width: 5.3vw;
}
.footer-rt{
	width: 35vw;
	float: right;
	color: #fff;
	min-height: 33.85vw;
	position: relative;
}
.footer-a{
	font-size: 0;
}
.footer-a  a{
	display: inline-block;
	margin-right: 1.5vw;
	color: #fff;
}
.footer a:hover{
	color: #ff620f;
transition: all .5s;
-webkit-transition: all .5s;
}
.footer-b{
	margin-top: 1.5vw;
	line-height: 1.4;
}
.footer-de .footer-a{
	display: none;
}
.footer-e{
	width: 20vw;
	margin-top: 2.2vw;
	font-size: 0;
}
.footer-e a{
	color: #fff;
	font-size: 0.833vw;
	margin-right: 1.05vw;
	display: inline-block;
	vertical-align: top;
	margin-bottom: .5vw;
}
.footer-f{
	font-size: .8vw;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 1.5;
}
.footer-f a{
	color: #fff;
}
.footer-f2{
	/*opacity: .7;*/
}
.footer-f-f{
	left: initial;
	right: 0;
}

.footer-g{
	font-size: 0;
	margin-top: 2.6vw;
}
.footer-ga{
	display: inline-block;
	width: 1.8vw;
	position: relative;
	margin-right: .5vw;
}
.footer-ga .img1{
	width: 100%;
}
.footer-ga .img2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;
}
.footer-ga:hover .img2{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;
}
.footer-gdiv{
	position: absolute;
	top: 120%;
	left: 0;
	background: #fff;
	border: 1px solid #eee;
	padding: 5px;
	border-radius: 5px;
	width: 8vw;
	display: none;
}
.footer-gdiv img{
	width: 100%;
}
.footer-ga:hover .footer-gdiv{
	display: block;
}

.footer-h{
	width: 2.5vw;
	position: absolute;
	left: 0;
	bottom: 0;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;
}
.footer-h:hover{
	bottom: 5px;
transition: all .5s;
-webkit-transition: all .5s;
}

@media(max-width:1200px){
	footer{
		padding: 40px 0;
	}
	.footer-lt{
		width: 80px;
	}
	.footer-rt{
		width: 460px;
		min-height: 450px;
	}
	.footer-h{
		width: 40px;
	}
	.footer-a a{
		margin-right: 25px;
	}
	.footer-e a{
		font-size: 14px;
		margin-right: 20px;
	}
	.footer-e{
		width: 340px;
		margin-top: 30px;
	}
	.footer-ga{
		width: 30px;
		margin-right: 15px;
	}
	.footer-ga .img2{
		opacity: 1;
	}
	.footer-gdiv{
		width: 120px;
	}
	.footer-vd{
		display: none;
	}
}
@media(max-width:1000px){
	.footer-rt{
		width: 520px;
	}
	.footer-e{
		width: 300px;
	}
}
@media(max-width:750px){
	footer{
		padding: .8rem 0;
	}
	.footer-rt{
		width: 100%;
		min-height: auto;
	}
	.footer-a{
		display: none;
	}
	
	.footer-b{
		margin-top: .5rem;
		font-size: .24rem;
	}
	.footer-de{
		padding: .4rem 0;
		border-top: 1px solid rgba(255,255,255,.3);
		border-bottom: 1px solid rgba(255,255,255,.3);
		margin-top: .4rem;
		margin-bottom: .5rem;
	}
	.footer-de .footer-a{
		display: block;
	}
	.footer-e{
		margin-top: .2rem;
	}
	.footer-f{
		position: relative;
		width: 80%;
		margin-top: .3rem;
	}
	.footer-f1 span{
		display: block;
	}
	.footer-g{
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.footer-ga{
		width: .5rem;
		margin-right: 0;
		margin-left: .1rem;
	}
	.footer-gdiv{
		top: initial;
		bottom: 1210%;
		left: initial;
		right: 0;
		width: 2rem;
	}
	.footer-h{
		width: .6rem;
		left: initial;
		bottom: initial;
		top: 0;
		right: 0;
	}
	.footer-e a{
		width: 50%;
		margin-right: 0;
		font-size: .26rem;
		margin-bottom: .1rem;
	}
	.footer-a a{
		font-size: .35rem;
		margin-right: .4rem;
	}
}





/*加入我们*/
.gybaj-img{
	background: no-repeat top center;
	background-size: 100% auto;
	min-height: calc(100vh - 40vw);
}

.join-bj{
	background-color: #f0fbfc;
	padding-top: 9.4vw;
	padding-bottom: 4.7vw;
	width: 100%;
	overflow: hidden;
}
.join{
	
	font-size: 0;
}
.join-lt{
	width: 14.5%;
	display: inline-block;
	vertical-align: top;
	padding-right: 8%;
	line-height: 1;
	text-transform: uppercase;
}
.join-lt-b{
	margin-top: 1.2vw;
	line-height: 1.2;
	display: none;
}

.join-rt{
	width: 85.5%;
	vertical-align: top;
	display: inline-block;
}
.join-ul{
	width: 100%;
}
.join-li{
	display: block;
	background: #fff url(../img/ico01.png)  no-repeat 97% center;
	background-size: 1.25vw auto;
	border-radius: 15px;
	padding-left: 2.6vw;
	padding-right: 4.2vw;
	line-height: 6vw;
	height: 6vw;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-top: .3vw;
transition: all .5s;
-webkit-transition: all .5s;
}
.join-li:hover{
	/*font-family: Alibaba-PuHuiTi-Heavy;*/
	font-weight: bold;
	color: #fff;
	background-color: #ff5d0a;
	background-image: url(../img/ico02.png);
transition: all .5s;
-webkit-transition: all .5s;
}


.gybut-bj{
	width: 100%;
	font-size: 0;
	text-align: center;
	margin-top: 3.7vw;
}

.gybut{
	display: inline-block;
	width: 9.375vw;
	line-height: 3.125vw;
	background: #fff;
	border-radius: 1.6vw;
	position: relative;
	color: #222;
	padding: 0 1.8vw;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
transition: all .5s;
-webkit-transition: all .5s;
}
.gybut>span{
	position: relative;
	z-index: 2;
}
.gybut>i{
	width: .4vw;
	height: .4vw;
	background: #ff5d0a;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	right: 1.8vw;
	z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
transition: all .7s;
-webkit-transition: all .7s;
}
.gybut:hover{
	color: #fff;
	font-weight: bold;
transition: all .5s;
-webkit-transition: all .5s;
}
.gybut:hover>i{
	width: 16vw;
	height: 16vw;
	right:-2.3vw;
transition: all .7s;
-webkit-transition: all .7s;
}


@media(max-width:1200px){
	.join-bj{
		padding-top: 120px;
		padding-bottom: 80px;
	}
	.join-lt{
		width: 18%;
		padding-right: 10%;
	}
	.join-rt{
		width: 82%;
	}
	.join-li{
		padding-left: 20px;
		padding-right: 60px;
		background-size: 20px auto;
		line-height: 70px;
		height: 70px;
		margin-top: 5px;
	}
	.gybut-bj{
		margin-top: 30px;
	}
	.gybut{
		width: 150px;
		line-height: 50px;
		padding: 0 25px;
		border-radius: 30px;
	}
	.gybut>i{
		width: 10px;
		height: 10px;
		right: 25px;
	}
	.gybut:hover>i{
		width: 200px;
		height: 200px;
		right:-25px;
	}
	.join-lt-b{
		margin-top: 10px;
	}

}
@media(max-width:1200px){
	.join-lt{
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.join-rt{
		width: 100%;
		margin-top: 40px;
	}
}
@media(max-width:750px){
	.join-bj{
		padding-top: 1.8rem;
		padding-bottom: .8rem;
	}
	.join-lt-b{
		margin-top: .15rem;
	}
	.join-rt{
		margin-top: .6rem;
	}
	
	.join-li{
		padding-left: .25rem;
		padding-right: .8rem;
		background-size: .2rem auto;
		line-height: .8rem;
		height: .8rem;
		margin-top: .1rem;
		font-size: .26rem;
		border-radius: 10px;
	}
	.gybut-bj{
		margin-top: .4rem;
	}
	.gybut{
		width: 2rem;
		line-height: .7rem;
		padding: 0 .25rem;
		border-radius: .4rem;
	}
	
	.gybut>i{
		width: .1rem;
		height: .1rem;
		right: .25rem;
	}
	.gybut:hover>i{
		width: 3rem;
		height: 3rem;
		right:-.5rem;
	}
}


/*加入详情*/

.jninfo-lt{
	width: 25%;
	padding-right: 10%;
	line-height: 1.2;
}
.jninfo-lt-b{
	margin-top: 2vw;
}
.jninfo-lt-c{
	margin-top: .3vw;
}
.jninfo-lt-d{
	width: 11.5vw;
	margin-top: 3vw;
	background: #ff5d0a;
	color: #fff;
}
.jninfo-lt-d:hover{
	color: #222;
	background: #fff;
}
.jninfo-lt-d>i{
	background: #fff;
}
.jninfo-rt{
	width: 75%;
	padding-top: .2vw;
}
.jninfo-b{
	line-height: 1.3;
	margin-top:1.3vw;
	padding-bottom: 4.15vw;
}

.jninfo-cd{
	overflow: hidden;
	margin-top: 3.75vw;
	padding-top: 2.5vw;
	border-top: .15vw solid #d4e2e3;
}
.jninfo-c{
	float: left;
}
.jninfo-d{
	float: right;
	line-height: 1.1;
	text-align: right;
}
.jninfo-md{
	display: none;
}

@media(max-width:1200px){
	.jninfo-lt{
		width:28%;
		padding-right: 6%;
		text-align: left;
	}
	.jninfo-rt{
		width: 72%;
		margin-top: 0;
	}
	.jninfo-lt-b{
		margin-top: 20px;
	}
	.jninfo-lt-d{
		width: 75%;
		margin-top: 30px;
	}
	.jninfo-b{
		margin-top: 15px;
		margin-bottom: 30px;
		line-height: 1.5;
	}
	.jninfo-cd{
		margin-top: 30px;
		padding-top: 30px;
	border-top: 3px solid #d4e2e3;
	}
}
@media(max-width:1000px){
	.jninfo-lt-d{
		width: 130px;
	}
	.jninfo-lt{
		width:100%;
		padding-right: 0;
		text-align: center;
	}
	.jninfo-rt{
		width: 100%;
		padding: 0;
		margin-top: 40px;
	}
	.jninfo-md{
		display: block;
	}
	.jninfo-pc{
		display: none;
	}

}
@media(max-width:750px){
	.jninfo-lt-b{
		margin-top: .2rem;
	}
	.jninfo-lt-d{
		width: 2rem;
		margin-top: 0;
	}
	.jninfo-b{
		margin-top: .2rem;
		margin-bottom: .4rem;
	}
	.jninfo-b{
		font-size: .26rem;
		line-height: 1.8;
		font-weight: bold;
	}
	.jninfo-cd{
		margin-top: .3rem;
		padding-bottom: .3rem;
	}
	.jninfo-c{
		font-size: .32rem;
	}
	.jninfo-d{
		font-size: .28rem;
	}
}


/*引力联系*/
.contact-bj{
	background-color: #dcecf9;
	padding-top: 10vw;
	padding-bottom: 5vw;
}
.contact-lt{
	width: 15%;
}
.contact-rt{
	width: 85%;
	padding-top: .2vw;
}
.contact-ul{
	width: 102.3%;
	font-size: 0;
}
.contact-li{
	display: inline-block;
	width: 47.7%;
	margin-right: 2.3%;
	margin-bottom: 2.3%;
	height: 19.8vw;
	background: #fff;
	border-radius: 1vw;
	font-size: 0;
transition: all .5s;
-webkit-transition: all .5s;
}
.contact-li:hover{
	box-shadow: 0px 5px 15px #999;
transition: all .5s;
-webkit-transition: all .5s;
}
.contact-li:first-child:after{
	content: '';
	width: 4.2vw;
	height: 4.2vw;
	background: url(../img/ico03.png) no-repeat center;
	background-size: cover;position: absolute;
	z-index: 4;
	top: 0;
	right: 0;
}
.contact-a{
	width: 46%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
.contact-a1{
	z-index: 1;
}
.contact-a2{
	position: absolute;
	left: 1vw;
	bottom: 1vw;
	z-index: 2;
	color: #fff;
}
.contact-a3{
	font-weight: bold;
	font-family: arial;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	top: 1vw;
	left: 95%;
	width: 5vw;
	z-index: 3;
	line-height: 1;
	
	
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);
	
	-webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    transform-origin:0 0;
}
.contact-b{
	display: inline-block;
	vertical-align: top;
	width: 54%;
	height: 100%;
	padding: 1.5vw 2.6vw;
	position: relative;
	line-height: 1.4;
}
.contact-b2{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 2vw 2.6vw;
	min-height: 10vw;
}
.contact-b2 .div1{
	min-height: 4vw;
}
.contact-b2 .div2{
	margin-top: .5vw;
}


@media(max-width:1200px){
	.contact-bj{
		padding-top: 120px;
		padding-bottom: 80px;
	}
	.contact-lt{
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.contact-rt{
		width: 100%;
		margin-top: 40px;
	}
	.contact-ul{
	}
	.contact-b{
		padding: 20px;
	}
	.contact-b2{
		font-size: 14px;
		min-height: 125px;
		padding: 20px;
	}
	.contact-b2 .div1{
		min-height: 60px;
	}
	.contact-b2 .div2{
		margin-top: 8px;
	}
	.contact-a3{
		width: 50px;
		font-size: 30px;
	}
	.contact-li:first-child:after{
		width: 60px;
		height: 60px;
	}
}
@media(max-width:1000px){
	.contact-ul{
		width: 100%;
	}
	.contact-li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		height: 260px;
	}
}
@media(max-width:750px){
	.contact-bj{
		padding-top: 1.8rem;
		padding-bottom: .8rem;
	}
	.contact-rt{
		margin-top: .6rem;
	}
	.contact-li{
		height: 3rem;
		border-radius: 10px;
		margin-bottom: .2rem;
	}
	.contact-li:first-child:after{
		width: .8rem;
		height: .8rem;
	}
	.contact-b{
		padding: .2rem;
		font-weight: bold;
	}
	.contact-b2{
		padding: .2rem;
		min-height: auto;
		font-size: .24rem;
	}
	.contact-b2 .div1{
		min-height: auto;
	}
	.contact-a3{
		font-size: .4rem;
		top: .15rem;
	}
	.contact-a2{
		left: .2rem;
		bottom: .2rem;
	}
}



/*业务与解决方案*/
.business{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.business-bom-slide{
	height: auto;
}

.business-sd{
	
}
.business-div{
	width: 100%;
	padding: 0 3.125%;
	padding-bottom: 4vw;
	position: absolute;
	left: 0;
	bottom:0;
	color: #fff;
	z-index: 3;
	overflow: hidden;
}
.business-lt{
	width: 45%;
	line-height: 1.2;
	float: left;
	opacity: 0;
	position: relative;
	top: 80px;
}
.business-a{
	margin-bottom: .3vw;
}
.business-rt{
	width: 45%;
	float: right;
	line-height: 1.4;
	padding: .7vw 0;
	opacity: 0;
	position: relative;
	top: 80px;
}
.business-sd.swiper-slide-active .business-lt{
	opacity: 1;
	top: 0;
transition: all .8s .8s;
-webkit-transition: all .8s .8s;
}
.business-sd.swiper-slide-active .business-rt{
	opacity: 1;
	top: 0;
transition: all .8s 1.4s;
-webkit-transition: all .8s 1.4s;
}
.business-span{
	right: 4vw !important;
}
.business-span span{
	width: .8vw;
	height: .8vw;
	border: 1px solid #fff;
	background: initial;
	margin:.8vw  0 !important;
	opacity: .6;
}
.business-span span.swiper-pagination-bullet-active{ 
   background: #ec621f ;
   border-color: #ec621f ;
   opacity: 1;
}
.business-span span:last-child{
	display: none !important;
}

@media(max-width:1200px){
	.business-div{
		padding: 0 5%;
		padding-bottom: 60px;
	}
	.business-lt{
		width: 45%;
	}
	.business-rt{
		width: 52%;
		padding: 30px 0;
	}
	.business-span{
		right: 5% !important;
	}
	.business-span span{
		width: 12px;
		height: 12px;
		margin: 10px 0 !important;
	}
}
@media(max-width:1000px){
	.business-lt{
		width: 60%;
	}
	.business-rt{
		width: 60%;
		padding: 20px 0;
		float: left;
	}
}
@media(max-width:750px){
	.business-div{
		padding-bottom: 1rem;
	}
	.business-lt{
		width: 90%;
	}
	.business-a{
		font-size: .24rem;
		margin-bottom: .1rem;
	}
	.business-rt{
		width: 100%;
		padding: .3rem 0;
		float: left;
		font-size: .26rem;
	}
	.business-span span{
		width: .15rem;
		height: .15rem;
		margin:8px 0 !important;
	}
}


/*五大优势*/
.advantage{
	position: relative;
	top: 0;
	width: 100%;
}
.advantage-img{
	width: 100%;
}
.advantage-div{
	width: 100%;
	padding: 0 3.125vw;
	position: absolute;
	left: 0;
	top: 55%;
	color: #fff;
	overflow: hidden;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.advantage-ul{
	float: right;
	width: 19.3vw;
}
.advantage-li{
	padding: 1.28vw 0;
	border-top: 1px solid #fff;
	opacity: .6;
	cursor: pointer;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.advantage-li:after{
	content: '';
	width: 0%;
	height: .2vw;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -1px;
transition: all .5s;
-webkit-transition: all .5s;
}
.advantage-a{
	line-height: 1 ;
	background: initial;
	background-size: 0;
}
.advantage-a>span{
	display: inline-block;
	float: right;
}
.advantage-b{
	margin-top: .5vw;
	padding-right: 1.5vw;
	line-height: 1.4;
}
/*.advantage-li:hover,*/
.advantage-li.on{
	opacity: 1;
	font-weight: bold;
transition: all .5s;
-webkit-transition: all .5s;
}
.advantage-li:hover:after,
.advantage-li.on:after{
	width: 100%;
transition: all .5s;
-webkit-transition: all .5s;
}

.advantage-lt{
	float: left;
}

.advantage-e{
	position: absolute;
	left: 3.125vw;
	bottom: 1.28vw;
	z-index: 3;
	padding-top: 20vw;
}

.advantage-f{
	width: 38.28125vw;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.advantage-fimg{
	width: 100%;
}
.advantage-ful{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
	text-align: center;
	padding-top: 1vw;
}
.advantage-fli{
	text-align: center;
	width: 33.333%;
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	padding: 1.8vw 0;
	margin: 2vw 0;
	opacity: .6;
	cursor: pointer;
}
/*.advantage-fli:hover,*/
.advantage-fli.on{
	opacity: 1;
}
.advantage-fli:first-child{
	margin: 0 30%;
}
.advantage-f2{
	height: 1.6vw;
}
.advantage-f3{
	line-height: 1.2;
	margin: .5vw 0;
}
.advantage-pcbj,.advantage-mdbj{
	display: none;
}
@media(max-width:1200px){
	.advantage-f{
		display: none;
	}
	.advantage-img{
		display: none;
	}
	.advantage-pcbj{
		display: block;
	}
	.advantage-div{
		position: initial;
		transform: initial;
		padding: 0 5%;
		padding-top: 120px;
		padding-bottom: 60px;
	}
	.advantage-e{
		display: none;
	}
	.advantage-lt{
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.advantage-ul{
		width: 60%;
		margin-right: 20%;
		margin-top: 40px;
	}
	.advantage-li{
		padding: 25px 0;
	}
	.advantage-li:first-child{
		border: 0;
	}
	.advantage-li:after{
		display: none;
	}
	.advantage-b{
		margin-top: 10px;
	}
	.advantage-a>span{
		display: none;
	}
	.advantage-a{
		background: no-repeat right center;
		background-size: 24px auto;
		line-height: 1.2;
	}
}
@media(max-width:750px){
	.advantage-div{
		padding-top: 1.8rem;
		padding-bottom: .8rem;
	}
	.advantage-ul{
		width: 100%;
		margin-right: 0;
		padding: 0 3%;
		margin-top: .7rem;
	}
	.advantage-li{
		padding: .25rem 0;
	}
	.advantage-a{
		background-size: .4rem auto;
	}
	
	.advantage-pcbj{
		display: none;
	}
	.advantage-mdbj{
		display: block;
	}
}


/*引力案例*/
.case-ul{
	width: 102%;
	font-size: 0;
}
.case-li{
	width: 31.333%;
	margin-right: 2%;
	margin-bottom: 2%;
	display: inline-block;
	vertical-align: top;
	border-radius: 1vw;
	overflow: hidden;
	background: #fff;
transition: all .5s;
-webkit-transition: all .5s;
}
.case-li:hover{
	box-shadow: 0 5px 15px #ccc;
transition: all .5s;
-webkit-transition: all .5s;
}
.case-ab{
	display: block;
	width: 100%;
	
}
.case-a{
	width: 100%;
	height: 14.375vw;
	overflow: hidden;
	position: relative;
}
.case-b{
	width: 100%;
	height: 15.3vw;
	padding: 2.6vw;
}
.case-b1{
	height: 2vw;
	line-height: 2vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.case-b2{
	margin-top: .5vw;
	height: 4vw;
	line-height: 2vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.case-b3{
	height: 1.35vw;
	background: url(../img/ico07.png) no-repeat left center;
	background-size: auto 100%;
	margin-top: 2vw;
}
.case-li-spw{
	width: 64.333%;
	position: relative;
}
.case-swiper{
	width: 100%;
	height: 29.7vw;
}
.swiper-sd:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;	
	background: url(../img/ico06.png) no-repeat center;
	background-size: cover;
}
.swiper-ce{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 2.6vw;
	color: #fff;
	z-index: 3;
}
.swiper-c{
	height: 2.5vw;
	line-height: 2.5vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.swiper-d{
	height: 2vw;
	line-height: 2vw;
	margin-top: .5vw;
	margin-bottom: 2vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.swiper-e{
	
}
.swiper-fh{
	position: absolute;
	top: 2vw;
	right: 2vw;
	z-index: 3;
	color: #fff;
	line-height: 1;
	font-size: 0;
}
.swiper-f{
	display: inline-block;
	vertical-align: top;
	font-size: 36px;
	line-height: 1;
}
.swiper-g{
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 32px;
	margin: 0 20px;
	border: 1px solid #fff;
	border-radius: 100%;
	margin-top: 5px;
}
.swiper-h{
	width: 100px;
	display: inline-block;
	margin-left: 50px;
	overflow: hidden;
	margin-top: 3px;
}
.swiper-h1{
	width: 50%;
	float: left;
	height: 36px;
	background: url(../img/ico09_1.png) no-repeat center;
transition: all .5s;
-webkit-transition: all .5s;
	cursor: pointer;
}
.swiper-h1:hover{
	background-image: url(../img/ico09_2.png);
transition: all .5s;
-webkit-transition: all .5s;
}
.swiper-h2{
	width: 50%;
	float: left;
	height: 36px;
	background: url(../img/ico09_3.png) no-repeat center;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;
}
.swiper-h2:hover{
	background-image: url(../img/ico09_4.png);
transition: all .5s;
-webkit-transition: all .5s;
}

@media(min-width:1001px){
	.case-ul-one .case-li:nth-child(6){
		width: 98%;
	}
	.case-ul-one .case-li:nth-child(6) .case-a{
		height: 42vw;
	}
	.case-ul-one .case-li:nth-child(6) .case-b{
		color: #fff;
		position: absolute;
		top: 0;
		left: 0;
		width: 33.333%;
	}
	.case-ul-one .case-li:nth-child(6) .case-b3{
		background-image: url(../img/ico08.png);
		margin-top: 2vw;
	}
}
.case-ul{
	margin-bottom: 1.5vw;
}


.page{
	width: 100%;
	overflow: hidden;
	font-size: 0;
	position: relative;
}
.page a{
	display: inline-block;
	font-size: 1.25vw;
	line-height: 2vw;
	color: #000;
	font-family: Alibaba-PuHuiTi-Light;
	margin-right: 1.25vw;
}
.page a:hover,
.page a.active{
	color: #ff620f;
	border-bottom: 1px solid #ff620f;
}
.page a.prev{
	width: 1.15vw;
	height: 100%;
	position: absolute;
	top: 0;
	right: 1.5vw;
	background: url(../img/ico10_1.png) no-repeat center;
	background-size: 100% auto;
	margin: 0;
}
.page a.prev:hover{
	background-image: url(../img/ico10_2.png);
	border: 0;
}
.page a.next{
	width: 1.15vw;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/ico10_3.png) no-repeat center;
	background-size: 100% auto;
	margin: 0;
}
.page a.next:hover{
	background-image: url(../img/ico10_4.png);
	border: 0;
}
.case-nav{
	width: 100%;
	font-size: 0;
	margin-bottom: 1.2vw;
}
.case-nav a{
	display: inline-block;
	font-size: 0.9375vw;
	background: #fff;
	border-radius: 1.8vw;
	font-family: Alibaba-PuHuiTi-Light;
	color: #666;
	text-align: center;
	min-width:7vw;
	margin-right: 1.5vw;
	margin-bottom: 1.5vw;
	padding: .8vw 1vw;
	line-height: 1.5vw;
transition: all .5s;
-webkit-transition: all .5s;
}
.case-nav a:hover,
.case-nav a.on{
	color: #fff;
	font-weight: bold;
	background: #ff5d0a;
transition: all .5s;
-webkit-transition: all .5s;
}

@media(max-width:1200px){
	.case-b{
		padding: 20px;
	}
	.case-b2{
		line-height: 25px;
		height: 50px;
		font-size: 18px;
		margin-top: 5px;
	}
	.case-b1{
		font-size: 18px;
		line-height: 25px;
		height: 25px;
	}
	.case-b3{
		height: 20px;
		margin-top: 15px;
	}
	.case-ul-one .case-li:nth-child(6) .case-b3{
		margin-top: 14vw;
	}
	.page a{
		font-size: 16px;
		line-height: 25px;
		margin-right: 10px;
	}
	.page a.prev{
		width: 20px;
		right: 30px;
	}
	.page a.next{
		width: 20px;
	}
	.swiper-c{
		font-size: 22px;
		line-height: 25px;
		height: 25px;
	}
	.swiper-d{
		font-size: 18px;
		line-height: 25px;
		height: 25px;
	}
	
	.case-nav{
		margin-bottom: 30px;
	}
	.case-nav a{
		min-width: 100px;
		padding:10px 15px;
		font-size: 14px;
		line-height: 20px;
		border-radius: 20px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
}
@media(max-width:1000px){
	.case-li{
		width: 48%;
		border-radius: 10px;
	}
	.case-a{
		height: 220px;
	}
	.case-b{
		height: 160px;
	}
	.case-li-spw{
		width: 98%;
	}
	.case-swiper{
		height: 400px;
	}
}
@media(max-width:750px){
	.case-a{
		height: 2rem;
	}
	.case-b{
		height:2rem;
		padding: .25rem;
	}
	.case-li-spw{
		width: 98%;
	}
	.case-swiper{
		height: 4rem;
	}
	.case-b2{
		line-height: .35rem;
		height: .7rem;
		font-size: .24rem;
		margin-top: .05rem;
	}
	.case-b1{
		line-height: .4rem;
		height: .4rem;
		font-size: .24rem;
	}
	.case-b3{
		height: .25rem;
		margin-top: .15rem;
	}
	.swiper-c{
		font-size: .32rem;
		height: .4rem;
		line-height: .4rem;
	}
	.swiper-d{
		font-size: .26rem;
		line-height: .4rem;
		height: .4rem;
	}
	.swiper-ce{
		padding: .25rem;
	}
	.swiper-f{
		font-size: 18px;
	}
	.swiper-g{
		width: 15px;
		height: 15px;
		margin: 0 10px;
		margin-top: 3px;
	}
	.swiper-h{
		width: 60px;
		margin-top: 0;
		margin-left: 20px;
	}
	.swiper-h1,
	.swiper-h2{
		width: 30px;
		background-size: 20px auto;
		height: 20px;
	}
	.case-nav{
		margin-bottom: .4rem;
	}
	.case-nav a{
		min-width: 1.5rem;
		padding:.15rem .2rem;
		font-size: .24rem;
		line-height: .35rem;
		border-radius: .3rem;
		margin-right: .15rem;
		margin-bottom: .15rem;
	}
}


.csinfo{
	max-width: 1590px
}
.csinfo-a{
	text-align: center;
	line-height: 1.1;
	font-size: 70px;
}
.csinfo-b{
	text-align: center;
	line-height: 1.3;
	margin-top: 40px;
	margin-bottom:60px;
	font-size: 28px;
}
.csinfo-c{
	text-align: center;
}

.csinfo-c .bshare-custom a.bshare-weixin{
	width: 83px;
	height: 83px;
	background: url(../img/ico11_1.png) no-repeat center; 
	background-size: cover;
	margin: 0 15px;
}
.csinfo-c .bshare-custom a.bshare-sinaminiblog{
	width: 83px;
	height: 83px;
	background: url(../img/ico11_2.png) no-repeat center; 
	background-size: cover;
	margin: 0 15px;
}

.csinfo-d{
	margin-top: 85px;
	font-size: 20px;
}
.csinfo-d>img{
	border-radius: 25px;
}
.csinfo-e{
	padding: 6%;
	font-size: 0;
}
.csinfo-e1{
	font-size: 46px;
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-right: 5%;
	line-height: 1.2;
	font-weight: bold;
}
.csinfo-e2{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.csinfo-e2>div{
	width: 50%;
	padding-right: 20px;
	display: inline-block;
	vertical-align: top;
	font-size: 28px;
	margin: 5px 0;
}

.csinfo-go{
	position: absolute;
	top: 8vw;
	left: 3.125vw;
	display: inline-block;
	padding-right: 1.5vw;
	background: url(../img/ico12_1.png) no-repeat right center;
	background-size: 1.05vw auto;
transition: all .5s;
-webkit-transition: all .5s;
}
.csinfo-go:hover{
	color: #ff620f;
	background-image: url(../img/ico12_2.png);
transition: all .5s;
-webkit-transition: all .5s;
}

@media(max-width:1600px){
	.csinfo-a{
		font-size: 50px;
	}
	.csinfo-b{
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.csinfo-c a{
		width: 60px !important;
		height: 60px !important;
		margin: 0 10px !important;
	}
	.csinfo-e1{
		font-size: 36px;
	}
	.csinfo-e2>div{
		font-size: 20px;
	}
	.csinfo-d{
		margin-top: 60px;
	}
	.csinfo-d{
		font-size: 18px;
	}
}
@media(max-width:1200px){
	.csinfo-a{
		font-size: 40px;
	}
	.csinfo-e{
		padding: 5% 0;
	}
	.csinfo-e1{
		font-size: 26px;
		padding: 0;
	}
	.csinfo-e2>div{
		font-size: 16px;
	}
	.csinfo-go{
		left: 5%;
		top: 90px;
		padding-right: 25px;
		background-size: 20px auto;
	}
	.csinfo-d{
		font-size: 16px;
	}
}
@media(max-width:750px){
	.csinfo-a{
		font-size: .5rem;
	}
	.csinfo-b{
		font-size: .3rem;
		margin-top: .3rem;
		margin-bottom: .4rem;
	}
	.csinfo-c a{
		width: .6rem !important;
		height: .6rem !important;
		margin: 0 .1rem !important;
	}
	.csinfo-e1{
		font-size: .4rem;
		width: 100%;
	}
	.csinfo-e2{
		width: 100%;
		margin-top: .3rem;
	}
	.csinfo-e2>div{
		font-size: .26rem;
	}
	.csinfo-d>img{
		border-radius: 10px;
	}
	.csinfo-d{
		margin-top: .6rem;
		font-size: .26rem;
	}
	.csinfo-go{
		left: 5%;
		top: 1.2rem;
		padding-right: .25rem;
		background-size: .2rem auto;
	}
}


/*引力新闻*/
.news-b{
	height: 21.42vw;
}
.news-ul{
	width: 104%;
	padding: 1%;
	margin-left: -1%;
}
.news-li{
transition: all .5s;
-webkit-transition: all .5s;
}
.news-ul .case-swiper{
	height: 21.44vw;
}
.news-ul .case-b3{
	margin-top: 9vw;
}
.news-ul .swiper-c{
	line-height: 1;
	height: auto;
}
.news-li:hover{
	/*box-shadow: initial;*/
	background: #ff5d0a;
transition: all .5s;
-webkit-transition: all .5s;
}
.news-li:hover .case-b *{
	color: #fff;
transition: all .5s;
-webkit-transition: all .5s;
}
.news-li:hover .case-b3{
	background-image: url(../img/ico08.png);
}
.news-ul .swiper-ce{
	padding: 2vw;
}
.news-ul .swiper-d{
	margin-bottom: .8vw;
	margin-top: .4vw;
}


@media(max-width:1200px){
	.news-ul .case-b1{
		font-size: 14px;
	}
	.news-ul .case-b3{
		margin-top: 7vw;
	}
}
@media(max-width:1000px){
	.news-ul .case-swiper{
		height: 30vw;
	}
	.news-ul .news-b{
		height: 26vw;
	}
	/*.news-ul .news-li:nth-child(2){
		width: 98%;
	}*/
}
@media(max-width:750px){
	.news-ul .case-swiper{
		height: 4rem;
	}
	.news-ul .news-b{
		height: 2.4rem;
	}
	.news-ul .case-b1{
		font-size: .22rem;
	}
	.news-ul .case-b3{
		margin-top: .4rem;
	}
	
}



/*引力传媒*/
.about{
	width: 100%;
	height: 100vh;
	min-height: 45vw;
	position: relative;
	overflow: hidden;
}

.about-lt{
	color: #fff;
	position: absolute;
	left: 3.125vw;
	top: 9.3vw;
	z-index: 2;
	width: 24vw;
}

.about-ul{
	width: 100%;
	padding: 0 3.125vw;
	position: absolute;
	left: 0;
	bottom: 2.2vw;
	z-index: 2;
	color: #fff;
	overflow: hidden;
}

.about-li{
	width: 22.666%;
	float: left;
	text-align: center;
}
.about-li:nth-child(1){
	width: 16%;
	text-align: left;
}
.about-li:nth-child(5){
	width: 16%;
	text-align: right;
}
.about-ab{
	display: inline-block;
	text-align: center;
	line-height: 1.2;
}


.about-div{
	position: absolute;
	top: 40%;
	right: 3.125vw;
	width: 30vw;
	color: #fff;
}
.about-c{
	color: #fff;
}
.about-d{
	width: 3.7vw;
	margin-top: 3.7vw;
	position: relative;
	cursor: pointer;
}
.about-d img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation:divfirst 2s linear 0s infinite;
	-moz-animation:divfirst 2s linear 0s infinite;
	-webkit-animation:divfirst 2s linear 0s infinite;
	-o-animation:divfirst 2s linear 0s infinite;

}
@keyframes divfirst{0%   {top: 0px;} 50%  {top: 25px;} 100% {top: 0px;}}
@-moz-keyframes divfirst{0%   {top: 0px;} 50%  {top: 25px;} 100% {top: 0px;}}
@-webkit-keyframes divfirst{0%   {top: 0px;} 50%  {top: 25px;} 100% {top: 0px;}}
@-o-keyframes divfirst{0%   {top: 0px;} 50%  {top: 25px;} 100% {top: 0px;}}



@media(max-width:750px){
	@keyframes divfirst{0%   {top: 0px;} 50%  {top: 6px;} 100% {top: 0px;}}
@-moz-keyframes divfirst{0%   {top: 0px;} 50%  {top: 6px;} 100% {top: 0px;}}
@-webkit-keyframes divfirst{0%   {top: 0px;} 50%  {top: 6px;} 100% {top: 0px;}}
@-o-keyframes divfirst{0%   {top: 0px;} 50%  {top: 6px;} 100% {top: 0px;}}
}

.course{
	width: 100%;
	padding: 0 3.125vw;
	padding-top: 3.75vw;
	padding-bottom: 8vw;
	position: relative;
	overflow: hidden;
}
.course-ab{
	width: 60vw;
}
.course-a.gybt-xt{
	margin-bottom: .5vw;
}
.course-div{
	margin-top: 6.25vw;
	padding-left: 13vw;
	position: relative;
}

.course-swiper{
	display: inline-block;
	margin: 0;
	margin-top: 8.3vw;
	width: 12vw;
	height: 20vw;
	padding-top: 5vw;
	padding-bottom: 10vw;
}
.course-sd{
	line-height: 5vw;
	font-size: 3.125vw;
	color: #dce5eb;
	cursor: pointer;
} 
.course-sd.swiper-slide-active{
	color: #ff620f;
}
.course-sd-hd{
	display: none;
}
.course-txt{
	width: 55vw;
	display: inline-block;
	vertical-align: top;
	padding-top:0;
	padding-left: 4.6vw;
	border-left: 1px dotted #ccc;
	min-height: 37.5vw;
}
.course-txt-a>div{
	min-height: 8vw;
}
.course-txt-a>img{
	border-radius: 2vw;
}
.course-txt2{
	margin-left: 2vw;
	font-size: 0;
}
.course-txt2>img{
	width: 100%;
}
.course-but{
	display: inline-block;
	position: absolute;
	font-size: 0;
	width: 3.1vw;
	left: 8.5vw;
    top: 14.5vw;
}
.course-but-a{
	display: inline-block;
	vertical-align: top;
	width: 3.072vw;
	height: 3.072vw;
	background: url(../img/ico17_1.png) no-repeat center; 
	background-size: 98%;
	cursor: pointer;
/*transition: all .5s;
-webkit-transition: all .5s;*/
}
.course .course-but-a{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
.course-but-a:hover{
	background-image: url(../img/ico17_3.png);
/*transition: all .5s;
-webkit-transition: all .5s;*/
}
.course-but-b{
	display: inline-block;
	vertical-align: top;
	width: 3.072vw;
	height: 3.072vw;
	margin-top: .2vw;
	background: url(../img/ico17_2.png) no-repeat center; 
	background-size: 98%;
	cursor: pointer;
/*transition: all .5s;
-webkit-transition: all .5s;*/
}
.course .course-but-b{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
.course-but-b:hover{
	background-image: url(../img/ico17_4.png);
/*transition: all .5s;
-webkit-transition: all .5s;*/
}

.course-ul{
	position: absolute;
	top: 3.125vw;
	right:0;
}
.course-li{
	padding-right: 3.125vw;
	margin-bottom: .5vw;
	cursor: pointer;
	position: relative;
transition: all .5s;
-webkit-transition: all .5s;
}
.course-li:after{
	content: '';
	width: .4vw;
	height: 1vw;
	border-radius: .2vw;
	background: #ff620f;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.4vw;
	opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;
}
/*.course-li:hover,
.course-li.on{
	font-weight: bold;
transition: all .5s;
-webkit-transition: all .5s;
}
.course-li:hover:after,
.course-li.on:after{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;
}*/

.culture{
	padding: 3.125vw 0;
}
.culture-ul{
	width: 100%;
	padding: 0 1%;
	font-size: 0;
	margin: 7vw 0;
}
.culture-li{
	width: 25%;
	height: 25%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 2 !important;
}
.culture-li>img{
	width: 100%;
}
.culture-div{
	width: 106%;
	height: 106%;
	position: absolute;
	left: -3%;
	top: -3%;
	background: #fff;
	border-radius: 100%;
	text-align: center;
	padding: 25% 10%;
}
.culture-li:nth-child(2n + 0){
	z-index: 1 !important;
}
.culture-li:nth-child(2n + 0) .culture-div{
	background: #fdfdfe;
	
}
.culture-a{
	height: 4.6875vw;
	font-size: 0;
}
.culture-a img{
	height: 100%;
}
.culture-a .img2{
	display: none;
}
.culture-b{
	margin: .6vw 0;
}
.culture-li:hover .culture-a .img1{
	display: none;
}
.culture-li:hover .culture-a .img2{
	display: inline-block;
}
.culture-li:hover .culture-b{
	font-weight: bold;
}

.resource{
	padding: 3.125vw 0;
}
.resource-ab{
	overflow: hidden;
}
.resource-a{
	line-height: 1.3;
	float: left;
}
.resource-b{
	float: right;
	width: 20vw;
}
.resource-ul{
	margin-top: 5.2vw;
	width: 101.65%;
	font-size: 0;
}
.resource-li{
	width: 9.46%;
	height: 9vw;
	border-radius: 100%;
	overflow: hidden;
	line-height: 9vw;
	text-align: center;
	margin-right: 1.65%;
	margin-bottom: 1.65%;
	display: inline-block;
	vertical-align: top;
	background: #f3fafb;
}
.resource-li:nth-child(2n + 0){
	background: #f9fcfd;
}
.resource-li>img{
	min-height: 15%;
	min-width: 15%;
	max-width: 75%;
	max-height: 75%;
}

.resource-but-bj{
	margin: 2.5vw 0;
}
.resource-but{
	border: 1px solid #ccc;
}


.honour{
	padding: 5.7vw 0;
	font-size: 0;
}
.honour-lt{
	width: 21.35%;
	display: inline-block;
	vertical-align: top;
}
.honour-a{
	line-height: 1.1;
}
	
.honour-b{
	margin-top: 3.5vw;	
	margin-left: -3.125vw;
}
.honour-bli{
	padding-left: 3.125vw;
	position: relative;
	margin-bottom: .5vw;
	cursor: pointer;
}
.honour-bli:hover{
	font-weight: bold;
}
.honour-bli:after{
	content: '';
	width: .4vw;
	height: 1vw;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.5vw;
	background: #ff620f;
	border-radius: .2vw;
	opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;
}
.honour-bli:hover:after,
.honour-bli.on:after{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;
}
.honour-rt{
	width: 78.65%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 3;
}
.honour-ul{
	width: 100%;
}
.honour-li{
	padding: 2vw 2.8vw;
	background: #fff;
	border-radius: 1vw;
	position: relative;
	margin-bottom: .85vw;
	line-height: 1.5;
transition: all .5s;
-webkit-transition: all .5s;
}
.honour-li:first-child:after{
	content: '';
	width: 3.7vw;
	height: 3.7vw;
	background: #ec621f;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/sfbj.png) no-repeat center;
	background-size:cover;
	border-top-right-radius: 1vw;
}
.honour-li:hover{
	background: #ff620f;
	color: #fff;
	font-weight: bold;
transition: all .5s;
-webkit-transition: all .5s;
}
.honour-li-img{
	width: 15.5vw;
	border-radius: .5vw;
	overflow: hidden;
	box-shadow: 0 0 1vw #ccc;
	position: absolute;
	right: 10%;
	bottom: 30%;
	cursor: pointer;
	display: none;
}
.honour-but-bj{
	text-align: left;
	margin-top: 3.3vw;
}

@media(max-width:1200px){
	.about{
		height: 60vw;
	}
	.about-lt{
		width: 220px;
		top: 120px;
		text-align: left;
	}
	.about-div{
		width: 40vw;
	}
	.course-div{
		padding-left: 8vw;
	}
	.course-swiper{
		width: 15vw;
	}
	/*.course-txt{
		width: 30vw;
	}*/
	.course-txt-a>div{
		min-height: 10vw;
	}
	.course-but{
		left: 3vw;
	}
	.course-but-a,
	.course-but-b{
		width: 40px;
		height: 40px;
	}
	.culture-b{
		font-size: 16px;
		font-weight: bold;
	}
	.culture-c{
		font-size: 13px;
	}
	.resource-b{
		width: 45vw;
	}
	.resource-li{
		height: 8.6vw;
		line-height: 8.6vw;
	}
	.honour-li{
		padding: 20px 25px;
		font-size: 16px;
		border-radius: 15px;
	}
	.honour-b{
		margin-left: -5vw;
	}
	.honour-bli{
		padding-left: 5vw;
	}
	.course-li:after{
		width: 6px;
		height: 20px;
		margin-top: -10px;
		border-radius: 2px;
	}
	.honour-bli:after{
		width: 6px;
		height: 20px;
		margin-top: -10px;
		border-radius: 2px;
	}
	.about-lt{
		left: 5%;
	}
	.about-div{
		right: 5%;
	}
	.about-ul{
		padding: 0 5%;
	}
}

@media(max-width:1000px){
	.culture-ul{
		width: 100%;
		padding: 0;
	}
	.culture-li{
		width: 100%;
		margin-bottom: 20px;
	}
	.culture-li>img{
		display: none;
	}
	.culture-div{
		width: 100%;
		height: auto;
		position: initial;
		padding: 30px;
		border-radius: 0;
		background: #fff !important;
		border-radius: 15px;
		overflow: hidden;
	}
	.course-but{
		left: 2vw;
	}
	.culture-a{
		width: 30%;
		height:90px;
		line-height: 90px;
		float: left;
		text-align: center;
	}
	.culture-a img{
		height: 80px;
	}
	.culture-b{
		font-weight: bold;
		margin: 0;
		margin-bottom: 15px;
	}
	.culture-b,
	.culture-c{
		width: 70%;
		float: left;
		text-align: left;
	}
}

@media(max-width:750px){
	.about{
		height: 100vh;
		min-height: 10rem;
	}
	.about-lt{
		width: 2.6rem;
		top: 1.5rem;
	}
	.about-ul{
		bottom: 3.6rem;
		font-size: 0;
	}
	.about-li{
		float: initial;
		display: inline-block;
		vertical-align: top;
		margin-bottom: .3rem;
		width: 33.333% !important;
	}
	.about-li:nth-child(3){
		text-align: right;
	}
	.about-li:nth-child(4){
		width: 50% !important;
		text-align: left;
	}
	.about-li:nth-child(5){
		width: 50% !important;
		text-align: right;
	}
	.about-div{
		position: absolute;
		right: 0;
		top: initial;
		bottom: 0;
		width: 100%;
		padding: 0 5%;
		min-height: 3rem;
	}
	.about-c{
		min-height: 1.5rem;
	}
	.about-d{
		width: .6rem;
		margin-top: .43rem;
	}
	
	.course{
		padding: .8rem 5%;
	}
	.course-ab{
		width: 70%;
	}
	.course-ul{
		top: .8rem;
	}
	.course-li{
		font-size: .26rem;
		padding-right: 5vw;
		margin-bottom: .15rem;
	}
	.course-li:after{
		width: .1rem;
		height: .3rem;
		margin-top: -.15rem;
	}
	.course-div{
		padding-left: .8rem;
	}
	.course-but{
		left: 0;
	}
	.course-swiper{
		width: 1.6rem;
		height: 3.2rem;
		padding-top: .8rem;
		padding-bottom: 1.6rem;
		margin-top: 5.5vw;
	}
	.course-sd{
		font-size: .5rem;
		line-height: .8rem;
	}
	.course-txt{
		width: 4.2rem;
		padding-top: 0rem;
		min-height: 55vw;
	}
	.course-txt-a{
		font-size: .26rem;
	}
	.course-txt-a>div{
		min-height: 20vw;
	}
	.course-txt2{
		width: 5rem;
		padding-top: .4rem;
		margin-left: 0;
	}
	.course-but{
		vertical-align: top;
		margin-top: .3rem;
	}
	.course-but-a, .course-but-b{
		width: .6rem;
		height: .6rem;
	}
	.course-but-b{
		/*margin-left: .1rem;*/
	}
	.culture{
		padding: .8rem 0;
	}
	.culture-ul{
		margin-top: .6rem;
	}
	.culture-li{
		margin-bottom: .2rem;
	}
	.culture-div{
		padding: .3rem .4rem;
	}
	.culture-a img{
		height: 1rem;
	}
	.culture-a{
		height: 1.6rem;
		line-height: 1.6rem;
		text-align: left;
		padding-left: .2rem;
	}
	.culture-b{
		font-size: .34rem;
		margin-bottom: .1rem;
	}
	.resource{
		padding: .8rem 0;
	}
	.resource-a{
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: .45rem;
	}
	.resource-b{
		width: 100%;
		text-align: center;
		padding: 0%;
		margin-top: .2rem;
	}
	.course-a{
		font-size: .45rem;
		font-weight: bold;
		margin-bottom: .2rem;
	}
	.culture-tit{
		font-size: .45rem;
		font-weight: bold;
		width: 100%;
		text-align: center;
	}
	.resource-ul{
		width: 101%;
		margin-top: .5rem;
	}
	.resource-li{
		width: 15.666%;
		margin-right: 1%;
		margin-bottom:3%;
		height: 1.1rem;
		line-height: 1.1rem;
	}
	.resource-li>img {
	    min-height: 15%;
	    min-width: 15%;
	    max-width: 65%;
	    max-height: 65%;
	}
	.resource-but-bj{
		margin: 0;
		margin-top: .5rem;
	}
	
	.honour{
		padding: .8rem 0;
	}
	.honour-lt{
		width: 100%;
		text-align: center;
	}
	.honour-a{
		font-size: .45rem;
		font-weight: bold
	}
	.honour-b{
		width: 100%;
		margin-left: 0;
		display: flex;
		margin-top: .3rem;
	}
	.honour-bli{
		width: 50%;
		text-align: center;
		padding: 0;
	}
	.honour-bli:after{
		display: none !important;
	}
	.honour-bli div{
		display: inline-block;
		font-size: .26rem;
		font-weight: bold;
		padding-bottom: .1rem;
		position: relative;
	}
	.honour-bli div:after{
		content: '';
		width: 100%;
		height: .08rem;
		background: #ff620f;
		border-radius: .1rem;
		position: absolute;
		left: 0;
		bottom: 0;
		opacity: 0;
	}
	.honour-bli.on div:after{
		opacity: 1;
	}
	.honour-rt{
		width: 100%;
		margin-top: .6rem;
	}
	.honour-li{
		padding: .3rem;
		font-size: .28rem;
		margin-bottom: .15rem;
	}
	.honour-li-img{
		width: 22vw;
	}
	.honour-but-bj{
		text-align: center;
		margin-top: .7rem;
	}
	
}


/*首页*/

.iban-bj{
	width: 100%;
	height: 100vh;
	position: relative;
}
.iban-swiper{
	width: 100%;
	height: 100vh;
}

.iban-fh{
	width: 100%;
	position: absolute;
	right: 0;
	top: initial;
	bottom: 3.5vw;
	z-index: 3;
	padding: 0 3.125vw;
}
.iban-fh .swiper-h{
	float: right;
}
.iban-fh .swiper-f{
	color: #d0dfe9;
}
.iban-fh .swiper-ff{
	display: inline-block;
	color: #ff620f;
}
.iban-fh .swiper-g{
	border-color: #d0dfe9;
}
.iban-fh .swiper-h1{
	background-image: url(../img/ico09_5.png);
}
.iban-fh .swiper-h1:hover{
	background-image: url(../img/ico09_2.png);
}
.iban-fh .swiper-h2{
	background-image: url(../img/ico09_6.png);
}
.iban-fh .swiper-h2:hover{
	background-image: url(../img/ico09_4.png);
}

.iban-div{
	width: 100%;
	position: absolute;
	left: 0;
	top: 45%;
	z-index: 3;
	padding: 0 16.666vw;
	/*text-align: center;*/
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.iban-a{
	font-size: 2.6vw;
	line-height: 1.1;
	position: relative;
	top: 30px;
	opacity: 0;
}

/*.gybut2{
	background: #ff620f;
	border: 1px solid #ff620f;
	color: #fff;
}
.gybut2>i{
	background: #fff;
}
.gybut2:hover{
	color: #222;
}*/
.gybut2{
	border: 1px solid #ccc;
}
.iban-b{
	margin-top: 2vw;
	position: relative;
	top: 30px;
	opacity: 0;
}
.iban-eg{
	width: 25.5vw;
	color: #fff;
	position: relative;
	left: 2vw;
	opacity: 0;
}
.iban-e,.iban-f{
	font-size: 1.98vw;
	line-height: 1.2;
}
.iban-g{
	font-size: 1.0416vw;
	margin-top: .5vw;
}
.iban-sd.swiper-slide-active .iban-a{
	top: 0;
	opacity: 1;		
transition: all .7s .5s;
-webkit-transition: all .7s .5s;
}


.iban-sd.swiper-slide-active .iban-b{
	top: 0;
	opacity: 1;		
transition: all .7s .8s;
-webkit-transition: all .7s .8s;
}
.iban-sd.swiper-slide-active .iban-eg{
	left: 0;
	opacity: 1;		
transition: all .7s .8s;
-webkit-transition: all .7s .8s;
}

.ban-video{
	min-height: 100%;
	min-width: 100%;
	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%);
}
.videoboxs{
	background: #222;
	overflow: hidden;
}
.iban-sd{
	overflow: hidden;
}

@media(max-width:1200px){
	.ban-video{
		display: none;
	}
	.iban-a{
		font-size: 30px;
		line-height: 1.3;
	}
	.iban-b{
		margin-top: 30px;
	}
	.iban-fh{
		bottom: 40px;
		padding: 0 5%;
	}
	.iban-eg{
		width: 320px;
	}
	.iban-e,.iban-f{
		font-size: 26px;
	}
	.iban-g{
		font-size: 14px;
		margin-top: 10px;
	}
}
@media(max-width:750px){
	.iban-bj{
		width: 100%;
		height: 100vh;
	}
	.iban-swiper{
		width: 100%;
		height: 100vh;
	}
	.iban-a{
		font-size: .5rem;
	}
	.iban-b{
		margin-top: .3rem;
	}
	.iban-fh{
		bottom: .4rem;
	}
	.iban-div{
		top: 30%;
		padding: 0 6%;
	}
	.iban-eg{
		width: 60%;
	}
	.iban-e,.iban-f{
		font-size: .3rem;
	}
	.iban-g{
		font-size: .24rem;
		margin-top: .15rem;
	}
}

.iabt-bj{
	width: 100%;
	min-height: 47.9vw;
	padding: 3.7vw 3.125vw;
	position: relative;
}
.iabt{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.iabt-lt{
	width: 15.625vw;
	float: left;
}
.iabt-a{
	line-height: 1.4;
	margin-bottom: 5.2vw;
	color: #ec621f ;
}
.iabt-b{
	margin-bottom: 1vw;
	text-align: left;
}
.iabt-bcnt{
	display: inline-block;
	text-align: center;
	color: #d0dfe6;
}
.iabt-b1{
	font-size: 0;
}
.iabt-sp1{
	display: inline-block;
	vertical-align: top;
	font-size: 3.54166vw;
	line-height: 3.6vw;
}
.iabt-sp2{
	display: inline-block;
	vertical-align: top;
	font-size: 2vw;
	line-height: 3.6vw;
	position: relative;
	top: .3vw;
}
.iabt-b2{
	line-height: 1.2;
	margin-top: .3vw
}

.iabt-rt{
	width: 34.375vw;
	float: right;
}
.iabt-c{
	min-height: 10vw;
}
.iabt-c>div{
	text-align: right;
}
.iabt-c>div>a{
	display: inline-block;
	text-transform: uppercase;
	color: #d2d2d2;
	margin-bottom: .2vw;
transition: all .5s;
-webkit-transition: all .5s;
}
.iabt-c>div>a:hover{
	color: #ff620f;
transition: all .5s;
-webkit-transition: all .5s;
}
.iabt-d{
	margin-top: 2vw;
	text-align: justify;
	text-align: left;
}
.iabt-e{
	text-align: center;
	margin-top: 3vw;
}

.iabt-cnt{
	text-align: center;
	width: 100%;
	float: left;
}
.iabt-cwa{
	display: inline-block;
	width: 90%;
	max-width: 35vw;
	min-height: 10vw;
	margin-bottom: 5vw;
}
.iabt-csj{
	display: flex;
	justify-content: space-between;
}
.iabt-b{
	display: inline-block;
}

@media(max-width:1200px){
	.iabt-lt{
		width: 210px;
	}
	.iabt-bj{
		padding: 40px 5%;
	}
	.iabt-b{
		margin-bottom: 15px;
	}
	.iabt-rt{
		width: 44vw;
	}
	.iabt-e{
		margin-top: 30px;
	}
	/*.iabt-b1{
		font-size: 40px;
	}*/
	.iabt-cwa{
		max-width: 50vw;
	}
	.iabt-sp1{
		font-size: 34px;
		line-height: 35px;
	}
	.iabt-sp2{
		font-size: 26px;
		line-height: 35px;
	}
	.iabt-b2{
		margin-top: 5px;
	}
}
@media(max-width:750px){
	.iabt-bj{
		padding: .8rem 5%;
	}
	.iabt-lt{
		width: 3.5rem;
		padding-right: 1rem;
	}
	.iabt-b1{
		/*font-size: .7rem;*/
	}
	.iabt-a{
		margin-bottom: .6rem;
	}
	.iabt-b{
		margin-bottom: .2rem;
	}
	.iabt-c{
		position: absolute;
		top: 0;
		right: 0;
	}
	.iabt-c>div{
		line-height: 1;
	}
	.iabt-c>div>a{
		font-size: .26rem;
		margin-bottom: 0;
		line-height: 1.4;
	}
	.iabt-rt{
		width: 5rem;
		margin-top: .6rem;
	}
	
	.iabt-cwa{
		max-width: 100%;
	}
	.iabt-e{
		margin-top: .3rem;
	}
	.iabt-csj{
		display: block;
	}
	.iabt-b{
		width: 49%;
		display: inline-block;
		text-align: center;
		margin-bottom: .5rem;
	}
	.iabt-b:nth-child(4),
	.iabt-b:nth-child(5){
		width: 45%;
	}
	.iabt-sp1{
		font-size: .6rem;
		line-height: .45rem;
	}
	.iabt-sp2{
		font-size: .34rem;
		line-height: .45rem;
	}
	.iabt-b2{
		margin-top: .15rem;
	}
}

.icop{
	padding: 4vw 0;
}
.icop-ac{
	position: relative;
}
.icop-ab{
	display: inline-block;
}
.icop-a{
	line-height: 1;
	font-weight: bold;
}
.icop-b{
	width: 36vw;
	line-height: 1.4;
	margin-top: .8vw;
}
.icop-c{
	float: right;
	margin: 0;
	position: inherit;
	width: auto;
	top: 0;
	left: 0;
}
.icop-c .course-but-b{
	margin-right: 0 !important;
	margin-left: 1vw !important;
}

.icop-swiper{
	margin-top: 2.6vw;
	width: 100%;
}
.icop-sd .resource-ul{
	margin-top: 0;
}

@media(max-width:1200px){
	.icop{
		padding: 60px 0;
	}
	.icop-b{
		width:400px;
	}
	.icop-swiper{
		margin-top: 40px;
	}
}
@media(max-width:750px){
	.icop{
		padding: .8rem 0;
	}
	.icop-b{
		width:4.5rem;
		font-size: .26rem;
		margin-top: .2rem;
	}
	.icop-a{
		font-size: .45rem;
		font-weight: bold;
	}
	.icop-swiper{
		margin-top: .5rem;
	}
}


.inws-bj{
	/*background: #f3fafb;*/
	overflow: hidden;
}
.inws{
	padding: 3.75vw 0;
	padding-bottom: 0;
}
.inws-c{
	display: none;
}

.inws-ul{
	width: 104%;
	padding-top: 10vw;
	margin-top: -5vw;
	font-size: 0;
}
.inws-li{
	display: inline-block;
	vertical-align: top;
	width: 29.333%;
	margin-right: 4%;
	margin-bottom: 4%;
	height: 21.8vw;
	padding: 1.5vw;
	background: #fff;
	color: #222;
	border-radius: 1.5vw;
	overflow: hidden;
}
.inws-d{
	border-radius: 1.5vw;
	border: 3px solid #f1f7fc;
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;
}
.inws-d2{
	background:url(../img/ico21.png) no-repeat left center; 
	background-size: cover;
	opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;
}
.inws-e{
	line-height: 1;
	opacity: .6;
	position: relative;
	z-index: 2;
}
.inws-f{
	line-height: 2vw;
	height: 6vw;
	margin-top: 2vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	position: relative;
	z-index: 2;
transition: all .5s;
-webkit-transition: all .5s;
}
.inws-li:nth-child(2),
.inws-li:nth-child(5){
	position: relative;
	top:-5vw;
}
.inws-li:nth-child(3),
.inws-li:nth-child(6){
	position: relative;
	top:-10vw;
}
.inws-li:hover .inws-d{
	opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;
}
.inws-li:hover .inws-d2{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;
}
.inws-li:hover .inws-f{
	font-weight: bold;
transition: all .5s;
-webkit-transition: all .5s;
}
.inws-g{
	width: 3.2vw;
	height: 3.2vw;
	margin-top: 6.3vw;
	background:url(../img/ico22_1.png) no-repeat left center; 
	background-size: 99%;
}
.inws-li:hover .inws-g{
	background-image: url(../img/ico22_2.png);
}
.inws-but-bj{
	width: 100%;
	text-align: center;
}
.inws-but{
	position: relative;
	top: -5vw;
	border: 1px solid #ccc;
}
@media(max-width:1200px){
	.inws-ul{
		padding-top: 100px;
		margin-top: -50px;
	}
	.inws-ul{
		width: 102%;
	}
	.inws-li{
		width: 31.333%;
		margin-right: 2%;
		margin-bottom: 2%;
		padding: 20px;
	}
	.inws-f{
		line-height: 25px;
		height: 75px;
		font-size: 16px;
		margin-top: 10px;
	}
	.inws-g{
		width: 30px;
		margin-top: 30px;
	}
	
	.inws-but{
		top: -4vw;
	}
}
@media(max-width:1000px){
	.inws-li{
		height: 24vw;
	}
	/*.inws-d{
		opacity: 1 !important;
	}
	.inws-d2{
		opacity: 0 !important;
	}*/
}
@media(max-width:750px){
	.inws-bj{
		/*background: #f3fafb;*/
	}
	.inws{
		padding: .8rem 0;
	}
	.inws-swiper{
		width: 100vw;
		padding-right: 40vw;
		margin-top: .6rem;
	}
	.inws-li{
		width: 100%;
		top: initial !important;
	}
	.inws-but{
		top: initial;
		margin-top: .5rem;
	}
	.inws-d2,
	.inws-d{
		/*display: none;*/
	}
	.inws-li{
		height: auto;
		/*border-radius: 15px;*/
	}
	.inws-g{
		margin-top: 1.2rem;
	}
	.inws-c{
		display: block;
	}
}

.ibus{
	width: 100%;
	height: 54.1666vw;
	position: relative;
}
.ibus-img{
	z-index: 1;
}
.ibus-img div{
	display: none;
}
.ibus-img div:first-child{
	display: block;
}
.ibus-top{
	position: relative;
	color: #fff;
	padding-top: 4.2vw;
	z-index: 2;
}
.ibus-top-a{
	display: inline-block;
}
.ibus-top-b{
	width: 17.8vw;
	float: right;
}

.ibus-div{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.ibus-a{
	width: 659px;
}
.ibus-b{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}
.ibus-bli{
	position: absolute;
	top: 16.85%;
    left: 22.2%;
	width: 1px;
	height: 1px;
	cursor: pointer;
}
.ibus-bli:nth-child(2){
	    top: 12.9%;
    left: 72.6%;
}
.ibus-bli:nth-child(3){
	top: 60%;
    left: 92.1%;
}
.ibus-bli:nth-child(4){
	top: 93%;
    left: 53.5%;
}
.ibus-bli:nth-child(5){
	    top: 66.2%;
    left: 10%;
}

.ibus-b2{
	width: 20px;
	height: 20px;
	background: rgba(255,255,255,.4);
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
transition: all .5s;
-webkit-transition: all .5s;
}
.ibus-bli:after{
	content: '';
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.ibus-b3{
	font-size: 16px;
	color: #fff;
	width: 90px;
	line-height: 1.2;
	position: absolute;
	top: -20px;
	right: 15px;
	text-align: center;
transition: all .5s;
-webkit-transition: all .5s;
}
.ibus-bli:nth-child(2) .ibus-b3{
	top: -50px;
	right: -55px;
}
.ibus-bli:nth-child(3) .ibus-b3{
	top: -20px;
	right: -100px;
}
.ibus-bli:nth-child(4) .ibus-b3{
	top: 10px;
	right: -45px;
}
.ibus-bli:nth-child(5) .ibus-b3{
	top: -10px;
	right: 10px;
}
.ibus-bli.on .ibus-b3,
.ibus-bli:hover .ibus-b3{
	font-weight: bold;
transition: all .5s;
-webkit-transition: all .5s;
}
.ibus-bli.on .ibus-b2,
.ibus-bli:hover .ibus-b2{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;
}
.ibus-swiper{
	width: 360px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index: 6;
}
.ibus-sd{
	text-align: center;
	color: #fff;
}
.ibus-j2>img{
	height: 75px;
}
.ibus-j3{
	font-size: 36px;
	line-height: 1;
	margin-top: 10px;
}
.ibus-j4{
	font-size: 30px;
	line-height: 1;
}
.ibus-j5{
	font-size: 18px;
	line-height: 25px;
	margin-top: 15px;
	min-height: 80px;
	padding: 0 20px;
	
	
		min-height: 60px;
		max-height: 175px;
		overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	
}
.ibus-j5 *{
	margin: 0 !important;
	font-size: 18px !important;
	line-height: 25px !important;
}
.ibus-j6{
	width: 175px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	font-size: 18px;
	margin-top: 10px;
}
.ibus-j6>i{
	width: 10px;
	height: 10px;
}

.ibus-svg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.ibus-svg .svg {
	width: 576px;
	height: 576px;
    transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -288px;
    margin-left: -287px;
}
.ibus-svg .svg2,.ibus-svg .svg3{
	display: none;
}
.ibus-svg.rt2 .svg{
	transform: rotate(-58deg);
    -webkit-transform: rotate(-58deg);
}
.ibus-svg.rt3 .svg{
	transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
}
.ibus-svg.rt4 .svg{
	transform: rotate(86deg);
    -webkit-transform: rotate(86deg);
}
.ibus-svg.rt5 .svg{
	transform: rotate(158deg);
    -webkit-transform: rotate(158deg);
}

.progress {
	display: none;
}
.ibus-svg.on1 .progress {
	display: block;
    animation: dash1 27500ms linear both;
    -webkit-animation:dash1 27500ms linear both;
}
@keyframes dash1 {
    from {
        stroke-dashoffset: 1830px;
    }
    to {
        stroke-dashoffset: 0px;
    }
}  }
}
@-webkit-keyframes dash1 {
    from {
        stroke-dashoffset: 1830px;
    }
    to {
        stroke-dashoffset: 0px;
    }
}


@media(max-width:1200px){
	.ibus{
		height: 620px;
	}
	.ibus-j2>img{
		height: 50px;
	}
	.ibus-j3{
		font-size: 28px;
	}
	.ibus-j4{
		font-size: 28px;
	}
	.ibus-j6{
		width: 140px;
		line-height: 50px;
		height: 50px;
		margin-top: 10px;
	}
	.ibus-div{
		width: 450px;
		top: 55%;
	}
	.ibus-top-b{
		width: 260px;
		font-size: 14px;
	}
	
	.ibus-svg .svg {
		width: 390px;
		height: 390px;
	    margin-top: -195px;
	    margin-left: -195px;
	}
	.ibus-svg .svg1,.ibus-svg .svg3{
		display: none;
	}
	.ibus-svg .svg2{
		display: block;
	}
	@keyframes dash1 {
	    from {
	        stroke-dashoffset: 1240px;
	    }
	    to {
	        stroke-dashoffset: 0px;
	    }

	}
	@-webkit-keyframes dash1 {
	    from {
	        stroke-dashoffset: 1240px;
	    }
	    to {
	        stroke-dashoffset: 0px;
	    }
	}
	
}
@media(max-width:1000px){
	.ibus-top-b{
		width: 160px;
	}
}
@media(max-width:750px){
	.ibus{
		height: auto;
		padding: .8rem 0;
	}
	.ibus-top{
		padding-top: 0;
	}
	.ibus-top-a{
		width: 100%;
		font-size: .45rem;
		font-weight: bold;
		text-align: center;
	}
	.ibus-top-b{
		width: 100%;
		float: initial;
		text-align: center;
	}
	.ibus-div{
		width: 300px;
		top: initial;
		left: initial;
		position: relative;
		margin: 0 auto;
		margin-top: .8rem;
		transform: initial;
	}
	.ibus-swiper{
		width: 220px;
	}
	.ibus-j2>img{
		height: 25px;
	}
	.ibus-j3{
		font-size: 16px;
		margin-top: 8px;
		font-weight: bold;
	}
	.ibus-j4{
		font-size: 16px;
		margin-top: 3px;
		font-weight: bold;
	}
	.ibus-j5{
		font-size: 12px !important;
		line-height: 20px !important;
		padding: 0 10px;
		min-height: 60px;
		max-height: 100px;
		overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	}
	.ibus-j5 *{
		font-size: 12px !important;
		line-height: 20px !important;
	}
	.ibus-j6{
		width: 80px;
		line-height: 30px;
		height: 30px;
		font-size: 12px;
	}
	.ibus-j6>i{
		width: 6px;
		height: 6px;
	}
	.ibus-b2{
		width: 10px;
		height: 10px;
	}
	.ibus-b3{
		font-size: 12px;
		width: 50px;
		top: -15px;
    	right: 21px;
	}
	.ibus-bli:nth-child(2) .ibus-b3{
		top: -25px;
    right: -70px;
	}
	.ibus-bli:nth-child(3) .ibus-b3{
		top: 33px;
    right: -40px;
	}
	.ibus-bli:nth-child(4) .ibus-b3{
		top: 6px;
    right: -20px;
	}
	.ibus-bli:nth-child(5) .ibus-b3{
		       top: 24px;
    right: 15px;
	}
	
	.ibus-b2{
		width: 14px;
		height: 14px;
	}
	.ibus-bli:after{
		height: 6px;
		width: 6px;
	}
	.ibus-svg .svg1,.ibus-svg .svg2{
		display: none;
	}
	.ibus-svg .svg3{
		display: block;
	}
	.ibus-svg .svg {
		width: 264px;
		height: 264px;
	    margin-top: -134px;
	    margin-left: -131px;
	}
	@keyframes dash1 {
	    from {
	        stroke-dashoffset: 835px;
	    }
	    to {
	        stroke-dashoffset: 0px;
	    }

	}
	@-webkit-keyframes dash1 {
	    from {
	        stroke-dashoffset: 835px;
	    }
	    to {
	        stroke-dashoffset: 0px;
	    }
	}
}

.swiper-g{
	opacity: 0 !important;
	display: none;
}