.header{
	position: absolute;
	top:0;
	width: 100%;
	height: 100px;
	line-height: 100px;
	padding:0 50px;
	z-index: 99;
}
.wrap{
	width: 1260px;
	margin:0 auto;
}
.header a.fl img{
	
height: 45px;
}

.header .fr{
	
	width: 82%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .fr li{
	float: left;
	margin-left: 5%;
	position: relative;
}
.header .fr li:hover .subs{
	display: block;
}
.header .fr li .subs{
	position: absolute;
	width: 460px;
	left:50%;
	padding:30px 0;
	margin-left: -230px;
	background: #ffffff;
	border: 1px solid #d2d2d2;
	top:80px;
height: 420px;
display: none;
}
.header .fr li .submenus{
	position: absolute;
		width: 150px;
		left:50%;
		padding:10px 0;
		margin-left: -75px;
		background: #ffffff;
		border: 1px solid #d2d2d2;
		top:80px;
	height: auto;
	display: none;
}
	
.header .fr li .submenus li{
	float: none;
	display: block;
	width: 100%;
	margin:0;
	line-height: 38px;
}
	
.header .fr li .submenus li a{
	font-size: 16px;
	    font-weight: 400;
	    color: #666666;
	text-align: center;
	display: block;
	
}
.header .fr li .submenus li a:hover{
	    color: #056ff3;
}
.header .fr li:hover .submenus{
	display: block;
}
.header .fr li .subs dl dt{
	width: 165px;
line-height: 26px;
	
	
	
	margin-bottom: 30px;
	cursor: pointer;
}
.header .fr li .subs dl dt a{
	font-weight: bold;
	color: #666666;
	text-align: center;
	font-size: 20px;
	display: block;
}
.header .fr li .subs dl.active dt a{
	
	font-weight: bold;
	color: #056ff3;
	border-right:1px solid  #056ff3;
}

.header .fr li .subs dl  .submenu{
	position: absolute;
	left:185px;
	width: 220px;
	top:20px;
	display: none;
}
.header .fr li .subs.active2{
	height: 200px;
}
.header .fr li .subs dl.active .submenu{
	display: block;
}

.header .fr li .subs dl  .submenu dd {
	line-height: 34px;
border-bottom: 1px solid #d2d2d2;
	
	background:url(/uploads/image/eimages/xl.png) no-repeat right center;
}
.header .fr li .subs dl  .submenu dd:hover {
	background:url(/uploads/image/eimages/xl2.png) no-repeat right center;
}
.header .fr li .subs dl  .submenu dd:hover a{
	
color: #056ff3;
}
.header .fr li .subs dl  .submenu dd a{
	font-size: 16px;
	
	font-weight: 400;
	color: #666666;
	display: block;
}
.header .fr li a{
	
opacity: 0.8;
	font-size: 16px;
	
	font-weight: 400;
	color: #ffffff;
}

.header .fr li a.active,.header .fr >ul>li >a:hover{
	    font-weight: bold;
	opacity: 1;
	padding-bottom: 10px;
color: #056ff3;
border-bottom:2px solid #056ff3;
}

.header .fr .search form{
	width: 300px;
	height: 36px;
	
	
border: 1px solid #eeeeee;
	
	border-radius: 18px;
	display: flex;
	background:rgba(255,255,255,0.2);
	
}

.header .fr .search form input{
	height:  34px;
	width: 80%;
	margin-left: 10px;
	line-height: 34px;
	background: none;
color:#fff;
	border:none;
}
.header .fr .search form input::-webkit-input-placeholder{
	color:#fff;
}
.header .fr .search form button{
background:url(/uploads/image/eimages/search.png) no-repeat center center;	
height: 36px;
width: 40px;
background-color:none;
}

.header .fr ul{
	width: 68%;
}
.header.active{
	background:#fff;
	position: fixed;
	top:0;
	width: 100%;
	box-shadow: 0 0 2px #ccc;
	z-index: 999;
}
.header a.fl img.active {
    display: none;
}
.header.active a.fl img.first{
	display: none
}.header.active a.fl img.active{
	display: block;
	padding-top:20px;
	
}
.header.active .fr .search form{
	background: rgba(0, 0, 0, 0.05);
}
.header.active .fr .search input,.header.active .fr .search input::-webkit-input-placeholder,.header.active .lang a{
	
color: #333333;
}
.header.active .lang a.active{
	color:#fff;
}
.header.active .fr .search button{
	    background:  no-repeat center center
}
.header.active .fr>ul>li>a {
    color: #999;
}
.header.active .fr li a.active,.header.active .fr li a:hover {
  color: #056ff3;
}
.banner img{
	width: 100%;
}
.banner{
	position: relative;
}
.banner .wrap{
	position: absolute;
	top:40%;
	height: 65%;
	
	left:15%;
	width: 100%;
	
	box-sizing: border-box;
	
	    
}
.banner .wrap .butn{
	display: flex;
	margin-top:85px;
}
.banner .wrap .butn a{
	width: 200px;
	height: 44px;
	background: #056ff3;
	border-radius: 22px;
	line-height: 44px;
	font-size: 16px;
	
	font-weight: 400;
	color: #ffffff;
	margin-right: 20px;
	box-sizing: border-box;
padding-left: 50px;
	display:inline-block;
}
.banner .wrap .butn a:first-child{
	background:url(/uploads/image/eimages/video.png) no-repeat right 40px center;
	background-color: #056ff3;
}
.banner .wrap .butn a:last-child{
	background:url(/uploads/image/eimages/arrow.png) no-repeat right 40px center;
	background-color:  #339a2c;
}
.banner  h2{
	
    position: absolute;
    top: 40%;
	left: 15%;
    width: 100%;
font-size: 36px;

font-weight: 400;
color: #ffffff;
background:url(/uploads/image/eimages/bg4.png) no-repeat bottom left;
padding-bottom: 10px;
}
.header .lang a{
	
	font-size: 20px;
	
	font-weight: 400;
	color: #ffffff;
line-height: 36px;	
height: 36px;
margin:0 14px;
display: inline-block;
}
.header .lang a.active{
	
	background: #056ff3;
	border-radius: 18px;
	padding:0 22px;
}

.submenus{
	
	height: 64px;
	background: #d6dae4;
	line-height: 64px;
}
.submenus.active{
	position: fixed;
	top:100px;
	z-index: 99;
	width: 100%;
}
.submenus .wrap{
	display: flex;
	justify-content: space-between;
}
.submenus .swiper-container{
	width: 85%;
}
.submenus .wrap  li{

	line-height: 64px;
	display: inline-block;
	
	width: auto;
}
.submenus .swiper-container{
	margin:0;
}
.submenus .wrap  li a{
		padding:0 20px;
	font-size: 18px;
	
	font-weight: 400;
	color: #333;
	display: block;
}

.submenus .wrap  li.active a,.submenus .wrap  li:hover a{
	color:#fff;
    background: #056ff3;
}

.submenus .menus a,.submenus .menus span{
	
	font-size: 16px;
	
	font-weight: 400;
	color: #333333;
}

.caselist li{
	padding:60px 0;
}
.caselist li:nth-of-type(2n){
	
background: #f7f7f7;
}

.caselist li img{
	width: 51%;
}
.caselist li .text{
	width: 45%;
}
.caselist li .wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.caselist li:nth-of-type(2n) img{
	float:right;
}
.caselist li:nth-of-type(2n) .text{
	position: absolute;
	top:0;
		width: 45%;
	right:0;
}

.caselist li .text p.title{
padding-bottom:20px;
margin-bottom: 20px;
font-size: 36px;

font-weight: 400;
color: #333333;
background:url(/uploads/image/eimages/bg3.1.png) no-repeat left bottom;
}

.caselist li .text p.font{
	
	font-size: 18px;
	
	font-weight: 400;
	color: #666666;
}
.caselist li .text a{
	width: 200px;
	height: 44px;
	display: block;
	line-height: 44px;
	background:url(/uploads/image/eimages/arrow.png) no-repeat right 40px center;
	background-color: #056ff3;
	border-radius: 22px;
	box-sizing: border-box;
	font-size: 16px;
	
	font-weight: 400;
	color: #ffffff;
	padding-left: 44px;
	margin-top:50px;
}

.footer{
	padding:60px 0 40px;
	
background: #f0f0f0;
}
.footer .fl p.p1{
	
	font-size: 18px;
	
	font-weight: 400;
	color: #666666;
}
.footer .fl p.p2{
	
	font-size: 48px;
	font-family: helveticalt;
	font-weight: normal;
	color: #666666;
}

.footer .fl p.p3{
	font-size: 14px;
	
	font-weight: 400;
	color: #666666;
}
.footer .fl .tel{
	margin-top:60px;
}
.footer .fl .tel p{
	
	font-size: 14px;
	
	font-weight: 400;
	color: #666666;
	line-height: 30px;
}
.footer .fl img{
	margin-right:5px;
}
.footer .fr{
	display: flex;
	width: 50%;
}
.footer .fr .text {
	width: 80%;
}
.footer .fr .text h2{
font-size: 18px;

font-weight: bold;
color: #666666;
margin-bottom: 30px;
	
}
.footer .fr .text >div{
	display: flex;
	margin-bottom: 10px;
}
.footer .fr .text >div:first-of-type ul{
	width:200px;
}
.footer .fr .text >div ul{
	width: 80%;
}
.footer .fr .text >div span{
	
	font-size: 14px;
	
	font-weight: 400;
	color: #666666;
}
.footer .fr .text >div li a{
	margin-right: 20px;
	font-size: 14px;
	
	font-weight: 400;
	color: #80807f;
}
.footer .fr .text >div li{
	float: left;
	margin-bottom: 15px;
}

.footer .fr  .ico a{
	display: block;
	margin-bottom: 10px;
}

.casedetail .tab1{
	padding:55px 0;
}
.casedetail .tab1 h2{
	
	font-size: 36px;
	
	font-weight: 400;
	color: #333333;
	background:url(/uploads/image/eimages/bg3.1.png) no-repeat  center bottom; 
	padding-bottom:25px;
	margin-bottom: 25px;
	text-align: center;
}
.casedetail .tab1 h2.small{
	font-size: 30px;
	background:none;
}
.casedetail .tab1 .text p{
	
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}
.casedetail .tab1 .text img{
	max-width: 100%;
	display: block;
	margin:20px auto;
}

.productlist{
	padding:80px 0 100px;
}
.productlist li{
	float: left;
	padding:45px 30px;
	width: 48%;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	margin:0 4% 50px 0;
	box-sizing: border-box;
	height: 220px;
}
.productlist li:nth-of-type(2n){
	margin-right: 0;
}
.productlist li p.title{
	
	font-size: 24px;
	font-family: sourcehansanscn;
	font-weight: 400;
	color: #333333;
	margin:15px 0;
}
.productlist li p.font{
	height: 60px;
	font-size: 16px;
	font-family: sourcehansanscn;
	font-weight: 400;
	color: #ffffff;
	line-height: 20px;
	overflow: hidden;
	display: none;
}
.productlist li:hover{
background:url(/uploads/image/eimages/arrow.png)	no-repeat left 30px bottom 25px;
background-color: #056ff3;

}
.productlist li:hover p.font{
	display: block;
	margin-bottom: 10px;
}
.productlist li:hover p.title{
	color:#fff;
	margin:0 0 20px;
}
.productlist li:hover img{
	display: none
}

.productlist a.more,.join a.more{
	display: block;
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
	width: 100%;
	height: 44px;
	background: #eeeeee;
	line-height: 44px;
	text-align: center;
}




.newslist {
	background-color: #fff;
	padding: 60px 0 100px;
}
.newslist .wrap>h2{
	
	font-size: 36px;
	
	font-weight: 400;
	color: #333333;
	text-align: center;
	padding-bottom: 30px;
	background:url(/uploads/image/eimages/bg3.1.png) no-repeat bottom center;
}
.xq_box .xq_title .title_p {
	font-size: 48px;
	
	font-weight: bold;
	color: rgba(22, 54, 78, 1);
	text-align: left;
	margin-bottom: 30px;
}

.xq_box .xq_title .time {
	text-align: left;
	font-size: 18px;
	font-family: microsoftyaheilight;
	font-weight: 400;
	color: rgba(22, 54, 78, 1);
}

.xq_box .xq_title .time span:first-child {
	padding-left: 30px;
	background: url(/uploads/image/eimages/ico8.png) no-repeat left center;
}

.xq_box .xq_title .time span:last-child {
	padding-left: 30px;
	background: url(/uploads/image/eimages/ico9.png) no-repeat left center;
}



.xq_box .content {
	padding-top: 60px;
}

.xq_box .content p {
	font-size: 18px;
	font-family: microsoftyaheilight;
	font-weight: 400;
	/*color: rgba(22, 54, 78, 1);
	line-height: 30px;*/
}

.xq_box .content img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
}
.relate{
	border-top:1px solid #dcdcdc;
	/* padding-top:40px; */
	margin-top:50px;
}
.relate h2{
	
	font-size: 36px;
	
	font-weight: 400;
	color: #16364e;
	margin-bottom: 40px;
}
.relate li a{
	display: block;
}
.relate li a img{
	width: 100%;
}
.relate li{
	display: inline-block;
	vertical-align: top;
	width: 32%;
	border:none !important;
	margin:0 1.5% 40px 0;
	padding:0;
	text-align: left;
}
.relate li:hover p.title,.relate li:hover p.font,.relate li:hover span{
	color: #056ff3;
}
.relate li:nth-of-type(3n){
	margin-right: 0;
}
.relate li p.title{
	
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	margin:20px 10px 0;
}
.relate li p.font{
	
	font-size: 14px;
	
	font-weight: 400;
	color: #999999;
	line-height: 30px;
	margin:20px 10px 10px;
}
.relate li p.time{
	
	font-size: 14px;
	
	font-weight: 400;
	color: #999999;
	background:url(/uploads/image/eimages/time.png) no-repeat left center;
	opacity: 0.5;
	padding-left: 25px;
	margin-left: 10px;
}
.page {
	text-align: center;
}

.page a {
	padding: 8px 14px;
	border: 1px solid rgba(229, 229, 229, 1);
	border-radius: 2px;
}

.page input {
	height: 34px;
	line-height: 34px;
	border: 1px solid rgba(229, 229, 229, 1);
	width: 50px;
	border-radius: 2px;
	text-align: center;
}

.page a:hover,
.page a.active {
	background: #eee;
}

.contact,.kehulist,.join{
	padding:55px 0 100px;
}

.contact .item {
	text-align: center;
	background:url(/uploads/image/eimages/bg3.1.png) no-repeat center bottom;
	padding-bottom: 15px;
	margin-bottom: 50px;
}
.contact .item p.ch{
	
	font-size: 36px;
	
	font-weight: 400;
	color: #333333;
}
.contact .item p.en{
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
}

.contact  .text p{
font-size: 18px;

font-weight: 400;
color: #333333;
line-height: 48px;
text-align: center;
	
}

.contact  .map {
	
height: 520px;
margin-top:70px;
}
.contact  .map img{
	width: 100%;
}

.kehulist h2,.join h2{
	
	font-size: 36px;
	
	font-weight: 400;
	color: #333333;
	background:url(/uploads/image/eimages/bg3.1.png) no-repeat center bottom;
	padding-bottom: 15px;
	margin-bottom: 50px;
	text-align: center;
}
.join li{
	padding:30px 20px ;
background: #f5f5f5;
width: 100%;
vertical-align: top;
display: inline-block;
margin:0 2% 40px 0;
}
.join li .title span:first-child{
	
	font-size: 30px;
	
	font-weight: 400;
	color: #333333;
}
.join li .title span:last-child{
	

font-size: 18px;

font-weight: 400;
color: #333333;
}
.join li .title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.join li .num{
	display: flex;
	
	padding:0 10px;
	height: 60px;
	background: #eeeeee;
	line-height: 60px;
}
.join li .num img{
	vertical-align: middle;
	margin-right: 5px;
}
.join li .num span{
	
	font-size: 18px;
	margin-right: 20px;
	font-weight: 400;
	color: #333333;
}
.join li  .content{
	margin-top:30px;
	text-align: left;
}
.join li  .content p,.join li  .content span{
	
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}
.join li  .content .text{

	margin-top:20px;
}
.join li  .content .text p{
	margin:0;
}
.join li:nth-of-type(2n){
	margin-right: 0;
}
.kehulist li{
	float: left;
	width: 32%;
	margin:0 2% 50px 0;
}
.kehulist li:nth-of-type(3n){
	margin-right: 0;
}
.kehulist li img{
	width: 100%;
}
.kehulist li p{
	text-align: center;
	
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
	margin-top:20px;
}
.producedetail{
	padding-bottom: 100px;
}
.producedetail .wrap>div{
	padding-top:75px;
}
.producedetail .box1 .fl{
	width: 60%;
}
.producedetail .box1 .fl  p{
	
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
	margin-bottom: 20px;
	text-indent: 2em;
}
.producedetail .box1 .fr{
	width: 32%;
	
	height: 400px;
	background: #ffffff;
	border: 1px solid #d2d2d2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.producedetail .box1 .fr img{
	max-width: 100%;
}

.producedetail .box2 .content p{
	word-break: break-all;
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}
.producedetail .box2 .content img{
	max-width: 100%;
}
.producedetail  .title{
	
	font-size: 36px;
	font-family: sourcehansanscn;
	font-weight: bold;
	color: #333333;
	background:url(/uploads/image/eimages/bg7.png) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 35px;
}
.producedetail .title.small{
	font-size: 30px;
}
.producedetail .box3 p.font{
	
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
	line-height: 30px;
		margin-bottom: 50px;
}
.producedetail .box3  ul{
	display: flex;
	flex-wrap: wrap;
	
}
.producedetail .box3  li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.producedetail .box3  li img{
	width: 100%;
}
.producedetail .box3  li:nth-of-type(3n){
	margin-right: 0;
}

.commonitem{
	text-align: center;
}

.commonitem span.en{
	
opacity: 0.1;
	
	
font-family: helveticalt;
	
	font-size: 72px;
	font-family: helveticalt;
	font-weight: 900;
	color: #333333;
}

.commonitem span.ch{
	

font-size: 48px;

font-weight: bold;
color: #333333;
display: block;
	margin-top:-60px;
}
.commonitem p{
	
	font-size: 18px;
	
	font-weight: 400;
	color: #65696d;
	margin-top:20px;
}

.productbox1{
	padding:25px 0 150px;
}
.productbox1 ul{
	display: flex;
	justify-content: space-between;
	margin-top:70px;
}

.productbox1 .wrap{
	width: 80%;
}
.productbox1 li{
	width: 30%;
	transition: all .3s;
border: 1px solid #e6e6e6;
}
.productbox1 li .photo{
padding:30px 0;
background: #e6e6e6;
}
.productbox1 li .photo i{
	display: block;
	margin:0 auto;	
height: 58px;
}
.productbox1 li .photo i img{
	display: block;
	margin:0 auto;
}
.productbox1 li .photo i img:last-child{
	display: none;
}
.productbox1 li:hover i img:last-child{
	display: block;
}
.productbox1 li:hover i img:first-child{
	display: none;
}
.productbox1 li  .text{
padding:20px 30px 30px;
}
.productbox1 li  .text p{
	
	font-size: 20px;
	font-family: microsoftyaheilight;
	font-weight: 400;
	color: #666666;
	line-height: 36px;
	height: 144px;
	overflow: hidden;
}
.productbox1 li:hover .photo{
	
background: #056ff3;
}
.productbox1 li:hover{
	transform: scale(1.1);
border: 1px solid #056ff3;
}
.productbox1 li .photo p{
	
	font-size: 24px;
	font-family: microsoftyaheilight;
	font-weight: 400;
	color: #212121;
	text-align: center;
	margin-top:10px;
}
.productbox1 li:hover .photo p{
	color:#fff;
}

.productbox2 .content{
	background:url(/uploads/image/eimages/bg5.png) no-repeat top center;
	padding:150px 0 100px;
	margin-top:60px;
}
.productbox2 .swiper-container{
	width: 80%;
	margin:0 10%;
	padding-bottom: 40px;
	
}
.productbox2 .swiper-slide{
	display: flex;
	justify-content: space-between;
}
.productbox2 .swiper-slide>img{
	width: 50%;
}
.productbox2 .swiper-slide .text{
	width: 40%;
}

.productbox2 .swiper-slide .font p{
	
	font-size: 18px;
	font-family: sourcehansanscn;
	font-weight: 400;
	color: #ffffff;
	line-height: 38px;
	margin-bottom: 20px;
}
.productbox2 .swiper-slide .item{
	display: flex;
	margin-bottom: 30px;
	align-items: center;
}
.productbox2 .swiper-slide .item img{
	margin-right: 25px;
	 margin-top: 40px;
}
.productbox2 .swiper-slide .item span.ch{
	
	font-size: 48px;
	font-family: sourcehansanscn;
	font-weight: 500;
	margin-top:-80px;
	display: block;
	color: #ffffff;
	   
}
.productbox2 .swiper-slide .item span.en{
	
	font-size: 14px;
	font-family: sourcehansanscn;
	font-weight: 400;
	color: #cccccc;
}
.productbox2 .swiper-slide .item span.num{
	
opacity: 0.1;
	font-size: 90px;
	font-family: helveticalt;
	font-weight: 900;
	color: #ffffff;
}

.productbox2 .swiper-pagination{
	width: 50% !important;
	text-align: center;
	bottom:0 !important;
}
.productbox2 .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	background: #ffffff;
	opacity: 0.3;
	border-radius: 50%;
}
.productbox2 .swiper-pagination-bullet-active{
	opacity: 1;
}


.commonitem2{
	display: flex;
	margin-bottom: 30px;
	align-items: center;
	justify-content: center;
}
.commonitem2  img{
	margin-right: 25px;
	 margin-top: 40px;
}
.commonitem2  span.ch{
	
	font-size: 48px;
	font-family: sourcehansanscn;
	font-weight: 500;
	margin-top:-80px;
	display: block;
	
color: #333333;
	   
}
.commonitem2  span.en{
	
	font-size: 14px;
	font-family: sourcehansanscn;
	font-weight: 400;
	display: block;
	text-align: center;
color: #333333;
}
.commonitem2  span.num{
	
opacity: 0.1;
	font-size: 90px;
	font-family: helveticalt;
	font-weight: 900;
	display: block;
	text-align: center;
color: #000000;
}

.productbox3{
	padding:40px 10% 100px;
}
.productbox3 .tab{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:60px 0;
	position: relative;
	
border-bottom: 1px solid #d2d2d2;
}
.productbox3 .tab:last-child{
	border:none;
}
.productbox3 .tab>img{
	width: 48%;
}
.productbox3 .tab>div{
	width: 50%;
}
.productbox3 .tab>div span{
	
	font-size: 30px;
	font-family: sourcehansanscn;
	font-weight: bold;
	color: #333333;
	line-height: 38px;
}
.productbox3 .tab>div p{
	font-size: 18px;
	font-family: sourcehansanscn;
	
	color: #333333;
	line-height: 30px;
}
.productbox3 .tab:nth-of-type(2n)>div{
	position: absolute;
	left: 0;
		width: 48%;
}
.productbox3 .tab:nth-of-type(2n)>img{
	margin-left: 50%;
}

.productbox4{
	background:url(/uploads/image/eimages/bg6.png) no-repeat top center/cover;
	padding:55px 0 100px;
}

.productbox4 .commonitem2 span{
	color:#fff;
}

.productbox4 .commonitem2 span.en{
	width: 140px;
	    margin: 0 auto;
}
.productbox4  .content{
	margin-top:90px;
}
	
.productbox4  .content ul{
	display: flex;
	justify-content: space-between;
}
.productbox4  .content li{
	width: 15%;
	text-align: center;
}
.productbox4  .content li i{
	display: block;
	height: 140px;
}
.productbox4  .content li span{
	
	font-size: 24px;
	font-family: sourcehansanscn;
	
	color: #ffffff;
	line-height: 38px;
}
.productbox4  .content li p{
	font-size: 18px;
	font-family: sourcehansanscn;
	
	color: #ffffff;
	line-height: 30px;
}

.productbox5{
	padding:40px 0 120px;
}
.productbox5 .content ul,.productbox6 ul{
	display: flex;
	justify-content: space-between;
	margin-top:70px;
}
.productbox5 .content .circle{
	width: 115px;
	height: 115px;
	background: #ebf1fd;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;

}
.productbox5 .content .circle img{
	max-width: 100%;
	max-height: 80%;
}
.productbox5 .content  p{
	font-weight: lighter;
	font-size: 18px;
	font-family: microsoftyaheilight;
	font-weight: 400;
	color: #333333;
	margin-top:30px;
}
.productbox5 .content li{
	background:url(/uploads/image/eimages/arrow2.png) no-repeat right center;
	padding-right:5%;
	width:15%;
}
.productbox5 .content li:last-child{
	background:none;
	padding:0;
}

.productbox6{
padding:30px 0 100px;	
background: #f7f7f7;
}
.productbox6 li{
	width: 22%;
}
.productbox6 li img{
	width: 100%;
}
.productbox6 li p{
	
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
	margin-top:15px;
	text-align: center;
}
.productbox6  .wrap{
	width: 80%;
}

.aboutbox1 .fn-clear>img,.aboutbox1 .fn-clear>.right{
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.aboutbox1 .fn-clear>.right{
	padding:50px 9% 0 4%;
}
.submenus .wrap{
	width: 80%;
}
.aboutbox1 .fn-clear>.right span.ch{
	display: block;
	text-align: right;
	opacity: 0.1;
   line-height: 60px;
	font-size: 72px;
	font-family: helveticalt;
	font-weight: 900;
	color: #333333;
}

.aboutbox1 .fn-clear>.right span.en{
	margin-bottom: 45px;
	font-size: 48px;
	
	font-weight: bold;
	color: #333333;
	display: block;
	text-align: right;
}
.aboutbox1 .fn-clear>.right p{
	
	font-size: 18px;
	font-family: sourcehansanscn;
	font-weight: 300;
	color: #333333;
	line-height: 30px;
	margin-bottom: 20px;
	text-indent: 2em;
}
.aboutbox1 .fn-clear>.right ul{
	display: flex;
	justify-content: space-between;
	margin-top:70px;
}
	
.aboutbox1 .fn-clear>.right li{
	flex:1;
	text-align: center;
}
.aboutbox1 .fn-clear>.right li img{
	display: block;
	margin:0 auto;
}
.aboutbox1 .fn-clear>.right li span{
	display: block;
	font-size: 20px;
	
	font-weight: 400;
	color: #999999;
	margin-top:10px;
}
.aboutbox2{
	background:url(/uploads/image/eimages/bg8.png) no-repeat top center/cover;
	padding:50px 0 150px;
}

.aboutbox2 .wrap,.aboutbox3 .wrap,
.aboutbox7 .wrap{
	width: 80%;
}
.aboutbox2 .wrap .text{
	width: 70%;
}
.aboutbox2 .wrap .text span.en,.aboutbox3 .wrap span.en,.aboutbox4 span.en,.aboutbox6  span.en{
font-size: 72px;
font-family: helveticalt;
font-weight: 900;
color: #333333;
display: block;
opacity: 0.5;
	
}
.aboutbox2 .wrap .text span.ch,.aboutbox3 .wrap span.ch,.aboutbox4 span.ch,.aboutbox6  span.ch{
	
	font-size: 48px;
	
	font-weight: bold;
	color: #333333;
	display: block;
	margin:0px 0 70px;
}
.aboutbox2 .wrap .text p{
	
	font-size: 18px;
	font-family: adobe heiti std;
	font-weight: normal;
	color: #333333;
	line-height: 30px;
	margin-bottom: 20px;
}
	
.aboutbox2 .wrap .text ul{
	display: flex;
	margin-top:100px;
	
}
.aboutbox2 .wrap .text ul li img{
	width: 300px;
	margin-right: 20px;
}
.aboutbox3 .items,.aboutbox6 .item{
	text-align: right;
}
.aboutbox3 .swiper-button-prev{
	background:url(/uploads/image/eimages/next.png) no-repeat center center;
	width: 40px;
	height: 100px;
	transform: rotate(180deg);
	top:65%
	
}

.aboutbox3 .swiper-button-next{
	background:url(/uploads/image/eimages/next.png) no-repeat center center;
	width: 40px;
	height: 100px;
	
	top:65%
}
.aboutbox3 .content{
	background:url(/uploads/image/eimages/bg13.png) no-repeat top center/cover;
	padding:110px 0 250px;
}

.aboutbox3 .swiper-father{
	background:url(/uploads/image/eimages/bg14.png) no-repeat top 72% center;
}
.aboutbox3 .swiper-container{
	width: 80%;
	margin:0 auto;
	padding-bottom: 250px;
}
.aboutbox3 .wrap span.ch{
	margin:0 0 50px;
}
.aboutbox3  span.num{
		display: none;
opacity: 0.1;
	font-size: 140px;
	font-family: robotocondensed;
	font-weight: 400;
	color: #ffffff;
	position: absolute;
	top:0;
	left:50%;
	margin-left: -75%;
	width: 150%;
	line-height: 150px;
}
.aboutbox3  .font1{
		display: none;
	font-size: 48px;
	font-family: sourcehansanscn;
	font-weight: bold;
	color: #ffffff;
	
;
margin-top:-70px;
}
.aboutbox3  span.num2{
	
	font-size: 24px;
	font-family: robotocondensed;
	font-weight: 400;
	color: #ffffff;
	
}
.aboutbox3 .swiper-slide-active .num2{
	font-size: 72px;
	display: block;
	margin-top:50px;
}
/* .aboutbox3 .swiper-slide.active{
	position: absolute;
	top:50%;
	left: 50%;
	z-index: 99;
}
.aboutbox3 .swiper-wrapper{
	position: static;
} */

.aboutbox3 .swiper-wrapper.active{
	margin-left: -25%;
}
.aboutbox3 .swiper-wrapper.active1{
	margin-left: 25%;
}
.aboutbox3 .swiper-slide-active .font2{
	position: absolute;
	top:100%;
	width: 200%;
	left: 50%;
	margin-left: -100%;
}
.aboutbox3 .swiper-slide-active .font1{
	position: absolute;
	top:120px;
	width: 180%;
	left: 50%;
	margin-left: -90%;
	z-index: 9999;
}
.aboutbox3 .swiper-slide{
	padding-top:275px;
	text-align: center;

}
.aboutbox3 .swiper-slide-active{
	padding-top:100px;
	
}
.aboutbox3  .font2{
	font-size: 24px;
	font-family: sourcehansanscn;
	font-weight: 400;
	color: #ffffff;
	display: none;
}

.aboutbox3 .swiper-slide-active .font1{
	background:url(/uploads/image/eimages/bg25.png) no-repeat center bottom;
	padding-bottom: 30px;
	    color: #056ff3;
}
.aboutbox3 .swiper-slide-active .font1,.aboutbox3 .swiper-slide-active .font2,.aboutbox3 .swiper-slide-active .num{
	display: block;
}

.aboutbox4{
	padding:80px 0 90px;
}

.aboutbox4 ul{
	display: flex;
	justify-content: space-between;
}

.aboutbox4 li{
	flex:1;
	text-align: center;
	
}
	
.aboutbox4 span.ch,.aboutbox4 span.en{
	text-align: center;
}
.aboutbox4 li:hover span,.aboutbox4 li:hover p{
	    color: #056ff3;
}
.aboutbox4 li i{
	height: 300px;
}
.aboutbox4 li span{
	
	font-size: 30px;
	
	font-weight: 400;
	color: #333333;
	display: block;
	margin-bottom:20px;
}
.aboutbox4 li p{
	
	font-size: 18px;
	
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	width: 80%;
	margin:0 10%;
}

.aboutbox5  .text{
	background:url(/uploads/image/eimages/bg15.png) no-repeat top center/cover;
	padding:40px 0 60px;
}
.aboutbox5  .text span.en,.aboutbox7  span.en{
	font-size: 72px;
	font-family: helveticalt;
	font-weight: 900;
	color: #ffffff;
	opacity: 0.1;
	display: block;
	
line-height: 56px;
margin-bottom: 20px;
}
.aboutbox5  .swiper-slide{
	width: 25%;
}
.aboutbox5  .swiper-slide img{
	max-width: 100%;
}
.aboutbox5  .text span.ch,.aboutbox7  span.ch{
	display: block;
	font-size: 48px;
	
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 40px;
}
.aboutbox5  .text span.en{
		color: #666;
		
}
.aboutbox5  .text span.ch{
	color: #333;
}
.aboutbox5  .text p{
	
	font-size: 18px;
	
	font-weight: 400;
		color: #666;
	line-height: 30px;
	
}
	
.aboutbox5  .wrap,.aboutbox6 .wrap{
	width: 80%;
}
.aboutbox5 .content{
	background: no-repeat top center/cover;
	padding:100px 0;
	position: relative;
}
.aboutbox5 ..swiper-slide img{
	width: 100%;
}
.aboutbox5 .swiper-slide:hover img{
	transform: scale(1.2);
}

.aboutbox5 .swiper-container{
	padding:40px 0;
}
.aboutbox5  .btn{
	/* position: absolute;
	left: 10%;
	bottom:45px;
	width: 108px;
	height: 46px;
	background: url(/uploads/image/eimages/butn.png) no-repeat center center;
	z-index:999;
border-radius: 10px; */
}
.aboutbox5   .btn .swiper-button-prev{
	background:url(/uploads/image/eimages/next2.png) no-repeat center;
	transform: rotate(180deg);
	border-radius: 5px;
	background-color:rgba(0,0,0,0.5)
}
.aboutbox5  .btn .swiper-button-next{
	background:url(/uploads/image/eimages/next2.png) no-repeat center;
	border-radius: 5px;
	background-color:rgba(0,0,0,0.5)
}

.aboutbox6{
	
background: #eeeeee;
padding:60px 0 90px;
}
.aboutbox6 .swiper-button-prev{
	background:url(/uploads/image/eimages/prev.png) no-repeat center center/cover;
	width: 60px;
	height: 117px;
	left: 5%;
}
.aboutbox6 .swiper-container{
    width: 90%;
	margin:0 0 0 10%;
}
.aboutbox6 .swiper-slide img{
	width: 100%;
}

.aboutbox6 .swiper-slide p{
	position: absolute;
	bottom:35px;
	font-size: 36px;
	font-family: sourcehansanscn;
	font-weight: bold;
	color: #ffffff;
	left: 30px;
}
.aboutbox6 .swiper-slide{
	width: 32%;
}
.aboutbox7{
	background:url(/uploads/image/eimages/bg9.png) no-repeat top center/cover;
	padding:60px 0 180px;
}
.aboutbox7 .content{
	
background: #eeeeee;
display: flex;
justify-content: space-between;
}

.aboutbox7 .content .left{
	width: 16%;
}
.aboutbox7 .content .left span{
	display: block;
	background: #056ff3;
cursor: pointer;
font-size: 18px;

font-weight: 400;
color: #ffffff;
text-align: center;
	height: 100px;
	line-height: 100px;
}
.aboutbox7 .content .left span.active{
	
background: #eeeeee;
color:#056ff3;
text-decoration: underline;
}
.aboutbox7 .content .right{
	width: 84%;
	padding:20px;
	box-sizing: border-box;
}
.aboutbox7 .content .right .tab{
	display: none;
}
.aboutbox7 .content .right .tab:first-child{
	display: block;
}
.aboutbox7 .content .right ul{
	display: flex;
	flex-wrap: wrap;
}
.aboutbox7 .content .right li{
	width: 18%;
	margin:0 2% 15px 0;
	height: 108px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
}
.aboutbox7 .content .right li:nth-of-type(5n){
	margin-right: 0;
}
.aboutbox7 .content .right li img{
	max-width: 100%;
	max-height: 100%;
}



.banner  .btn{
	position: absolute;
	left: auto;
	right:5%;
	bottom:55px;
	width: 108px;
	height: 46px;
	background: url(/uploads/image/eimages/butn.png) no-repeat center center;
	z-index:999;
border-radius: 10px;
}
.banner  .btn .swiper-button-prev{
	background:url(/uploads/image/eimages/next2.png) no-repeat center;
	transform: rotate(180deg);
}
.banner  .btn .swiper-button-next{
	background:url(/uploads/image/eimages/next2.png) no-repeat center;
}
.banner .swiper-pagination {
	
	color:#fff;
 z-index:999;
	left: auto;
	right:5%;
	bottom: 100px !important;
	text-align:right;
	font-size: 30px;
	font-family: microsoftyaheilight;
	font-weight: 400;
	color: #ffffff;
}
.swiper-pagination-total{
	font-size: 20px;
}
.banner .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, 1);
	margin-top: 15px;
	border-radius: 0;
	margin: 8px 5px !important;
}



.indexbox5 {

	
	padding: 50px 0 70px;
}

.indexbox5 .box {
	float: right;
	
background: #f3f3f3;
	width: 71%;
	padding: 110px 0 40px 24%;
}
.indexbox5 .wrap>span{
	
	font-size: 24px;
	
	font-weight: 400;
	color: #222222;
}
.indexbox5 .wrap>p{
	
	font-size: 40px;
	
	font-weight: 400;
	color: #333333;
	margin-top:20px;
	background:url(/uploads/image/eimages/bg4.png) no-repeat bottom left;
	padding-bottom: 5px;
}
.indexbox5 .box li {
	display: inline-block;
	vertical-align: top;
	width: 44%;
	margin-right: 8%;
}

.indexbox5 .box li:last-child {
	margin: 0;
}

.indexbox5 .box li img {
	display: block;
	
	width: 100%;
}

.indexbox5 .box li p.title {
	font-size: 18px;
	
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	width: 90%;
	margin: 30px 0 20px;
}

.indexbox5 .box li p.font {
	overflow: hidden;
	font-size: 14px;
	
	font-weight: 400;
	color: #999999;
	line-height: 30px;
	height: 60px;
	marign-bottom: 20px;
}

.indexbox5 .box li p.time {

	font-size: 14px;
	
	font-weight: 400;
	color: #999999;
	line-height: 30px;
	background: url(/uploads/image/eimages/time.png) no-repeat left center;
	padding-left: 20px;
}

.indexbox5 .swiper-container {
	padding-bottom: 50px;
}

.indexbox5 .swiper-pagination {
	bottom: 0 !important
}

.indexbox5 .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #dedede;
	border-radius: 50%;
}

.indexbox5 .swiper-pagination-bullet-active {

	
background: #056ff3;
}

.indexbox5 .left {
	position: absolute;
	left: 0;
	width: 48%;
	top: 100px;
z-index: 99;
}
.indexbox5 .commonitem{
	background:url(/uploads/image/eimages/bg18.png) no-repeat left bottom;
	padding-bottom: 30px;
}
.indexbox5 .left>img {
	width: 100%;
}

.indexbox5 .left .text {
	position: absolute;
	top: 20%;
	width: 100%;
	padding: 0 70px;
}

.indexbox5 .left .text p.title {
	overflow: hidden;
	font-size: 30px;
	
	font-weight: 400;
	color: #ffffff;
	line-height: 50px;
	height: 100px;
	margin-bottom: 60px;
}

.indexbox5 .left .text p.font {

	font-size: 18px;
	
	font-weight: 400;
	color: #ffffff;
	line-height: 30px;
	height: 60px;
	margin-bottom: 40px;
	overflow: hidden;
}

.indexbox5 .left .text span.time {
	background: url(/uploads/image/eimages/time.png) no-repeat left center/17px;

	font-size: 18px;
	
	font-weight: 400;
	color: #ffffff;
	line-height: 30px;
	padding-left: 30px;
}
.indexbox5 .fn-clear {
    position: relative;
}
.indexbox5 .left .text a {
	width: 200px;
	height: 44px;
	
	box-sizing: border-box;
	border-radius: 22px;
	display: block;
	padding-left: 40px;
	font-size: 18px;
	
	font-weight: 400;
	color: #fff;
	
	line-height: 44px;
	float: right;
	background:url(/uploads/image/eimages/arrow.png) no-repeat right 40px center;
	background-color: #056ff3;
}


.indexbox6 .wrap,.indexbox5 .wrap{
	width: 80%;
}

.indexbox6 {
	background: #e9e9e9;
	padding:125px 0 135px;
	position: relative;
}

.indexbox6 h2{
	
	font-size: 48px;
	
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
}
.indexbox6 .item{
	display: flex;
	justify-content: space-between;
}
.indexbox6 .item li{
	float: left;
}
.indexbox6 .item li a{
	
	font-size: 22px;
	
	font-weight: 400;
	color: #666666;
	margin-right: 50px;
}
.indexbox6 .item li a.active{
	
color: #339a2c;
border-bottom:2px solid #339a2c;
}
.indexbox6 .item>a{
	
	font-size: 22px;
	
	font-weight: 400;
	color: #666666;
	background:url(/uploads/image/eimages/arrow3.png) no-repeat right center;
	padding-right:50px;
}
.indexbox6  .tab li{
	float: left;
	
	height: 110px;
	background: #ffffff;
	width: 15%;
	margin:0 2% 30px 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.indexbox6  .tab li:nth-of-type(6n){
	margin-right: 0;
}
.indexbox6  .tab li img{
	max-width: 100%;
	max-height: 100%;
}
.indexbox6  .swiper-button-prev{
	background:url(/uploads/image/eimages/prev2.png) no-repeat center center;
	width: 19px;
	height: 33px;
	left:0%;
	top:60%;
}
.indexbox6  .swiper-button-next{
	background:url(/uploads/image/eimages/prev2.png) no-repeat center center;
	width: 19px;
	height: 33px;
	transform: rotate(180deg);
	right:0%;
	top:60%;
}
.indexbox6 .right .tab{
	display: none;
}
.indexbox6 .right .tab:first-child{
	display: block;
}
.indexbox6 .right {
	margin-top:80px;
}

.indexbox4{
	background:url(/uploads/image/eimages/bg19.png) no-repeat center bottom/cover;
	padding:80px 0 130px;
}

.indexbox4 .commonitem p{
	    background: url(/uploads/image/eimages/bg18.png) no-repeat center top;
		padding-top:30px;
}

.indexbox4 ul{
	display: flex;
	justify-content: space-between;
	margin-top:100px;
}
.indexbox4 li{
	width: 214px;
	height: 214px;
	background: rgba(255, 255, 255, 0);
	border: 2px solid #dcdcdc;
	border-radius: 50%;
	text-align: center;
	padding-top:30px;
	transition: all .3s;
	
}
.indexbox4 li:hover{
	border: 2px solid #056ff3;
	transform: scale(1.05);
}
.indexbox4 li:hover span{
	color: #056ff3;
}
.indexbox4 li img{
	max-width: 100%;
	max-height: 100%;
}
.indexbox4 li span{
	text-align: center;
	font-size: 34px;
	
	font-weight: 400;
	color: #666666;
	margin-top:20px;
	display: block;
}

.indexbox3{
	background:url(/uploads/image/eimages/bg20.png) no-repeat top center/cover;
	padding-top:80px;
	
background-color: #eeeeee;
}

.indexbox3 .wrap img{
	display: block;
	margin:0 auto;
	max-width: 100%;
}
.indexbox3 .commonitem{
	margin-bottom: 45px;
}
.indexbox3 .butn{
	display: flex;
	margin:50px 0 70px;
	align-items: center;
	justify-content: center;
}
.indexbox3 .butn a{
	width: 200px;
	height: 44px;
	background: #056ff3;
	border-radius: 22px;
	line-height: 44px;
	font-size: 16px;
	
	font-weight: 400;
	color: #ffffff;
	margin-right: 20px;
	box-sizing: border-box;
padding-left: 50px;
	display:inline-block;
}
.indexbox3 .butn a:first-child{
background:url(/uploads/image/eimages/arrow.png) no-repeat right 40px center;
	background-color:  #339a2c;
}
.indexbox3 .butn a:last-child{
	
	background:url(/uploads/image/eimages/video.png) no-repeat right 40px center;
	background-color: #056ff3;
}

.indexbox2{
		background:url(/uploads/image/eimages/bg21.png) no-repeat top center/cover;
		padding:100px 0;
}

.indexbox2 .wrap{
	display: flex;
	width: 80%;
	justify-content: space-between;
}

.indexbox2 .commonitem{
	text-align:left;
}
.indexbox2 .commonitem span{
	color:#fff;
}
.indexbox2 .commonitem span.ch{
	margin-left: 30px;
}

.indexbox2 li{
	float: left;
	padding:45px 30px;
	width: 48%;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	margin:0 4% 50px 0;
	box-sizing: border-box;
	height: 220px;
}
.indexbox2 li:nth-of-type(2n){
	margin-right: 0;
}
.indexbox2 li p.title{
	
	font-size: 24px;
	font-family: sourcehansanscn;
	font-weight: 400;
	color: #fff;
	margin:15px 0;
}
.indexbox2 li p.font{
	height: 60px;
	font-size: 16px;
	font-family: sourcehansanscn;
	font-weight: 400;
	color: #ffffff;
	line-height: 20px;
	overflow: hidden;
	display: none;
}
.indexbox2 li:hover{
background:url(/uploads/image/eimages/arrow.png)	no-repeat left 30px bottom 25px;
background-color: #339a2c;

}
.indexbox2 li:hover p.font{
	display: block;
	margin-bottom: 10px;
}
.indexbox2 li:hover p.title{
	color:#fff;
	margin:0 0 20px;
}
.indexbox2 li:hover img{
	display: none
}
.indexbox2 ul{
	width: 60%;
}

.indexbox1 .commonitem{
	background:url(/uploads/image/eimages/bg22.png) no-repeat top center/cover;
	padding:70px 0 80px;
}
.indexbox1  .content{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.indexbox1  .content .options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 600px;
    width: 100%;
    height: 640px;
}

.indexbox1  .content .options .tab {
    position: relative;
    overflow: hidden;
     width: 11%;
    background-size: 750px auto;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    color: #fff;
}

.indexbox1  .content .options .tab.active {
    flex-grow: 10000;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


.indexbox1  .content .options .tab>div {
    height: 100%;
    width: 100%;
   
   
    position: absolute;
    top: 0;
	box-sizing: border-box;
    left: 0;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}
.indexbox1  .content .options .tab>div:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 101%;
    top: 0;
    left: 0;
    z-index: 1;
   
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.indexbox1  .content .options .tab>div>span{
	
	font-size: 24px;
	
	font-weight: 400;
	color: #ffffff;
	position: absolute;
	bottom:50px;
	left: 50px;

}

.indexbox1  .content .options .tab>div>p{
	font-size: 20px;
	
	font-weight: 400;
	color: #ffffff;
	opacity: 0;
	margin:40px 0 60px;
}

.indexbox1  .content .options .tab>div>a,.indexbox4 a.more,.indexbox5 a.more{
	    width: 200px;
	    height: 44px;
	    background: #056ff3;
	    border-radius: 22px;
	    line-height: 44px;
	    font-size: 16px;
	    
	    font-weight: 400;
	    color: #ffffff;
	    margin-right: 20px;
	    box-sizing: border-box;
	    padding-left: 50px;
	    display: inline-block;
		    background: url(/uploads/image/eimages/arrow.png) no-repeat right 40px center;
		    background-color: #339a2c;
			opacity: 0;
}
.indexbox4 a.more,.indexbox5 a.more{
	display: block;
	margin:20px auto;
	opacity: 1;
	background: url(/uploads/image/eimages/arrow.png) no-repeat right 40px center;
	background-color: #056ff3;
}
.indexbox5 a.more{
	margin:40px auto 20px;
}
.indexbox1  .content .options .tab.active p,.indexbox1  .content .options .tab.active a{
    opacity: 1;
	-webkit-transition-property: opacity;
	    -moz-transition-property: opacity;
	    transition-property: opacity;
	    -webkit-transition-duration: 0.2s;
	    -moz-transition-duration: 0.2s;
	    transition-duration: 0.2s;
	    -webkit-transition-timing-function: ease-out;
	    -moz-transition-timing-function: ease-out;
	    transition-timing-function: ease-out;
	    -webkit-transition-delay: 0.2s;
	    -moz-transition-delay: 0.2s;
	    transition-delay: 0.2s;
}

.indexbox1  .content .options .tab.active div{
	padding:10% 5% 0;
}

.indexbox1 .content .options .tab.active div:before{
	content: "";
	    position: absolute;
	    height:0;
	    width: 101%;
	    top: 0;
	    left: 0;
	    z-index: 1;
	    
	    -webkit-transition-property: all;
	    -moz-transition-property: all;
	    transition-property: all;
	    -webkit-transition-duration: 0.2s;
	    -moz-transition-duration: 0.2s;
	    transition-duration: 0.2s;
}
.indexbox1  .content .options .tab.active span{
	position: relative;
	bottom:0;
	left: 0;
}
.phoneheader,.mobile-container,.phonebanner{
	display:none
}

.banner .swiper-wrapper .swiper-slide{
 height: 0;
 padding-bottom: 50%;
 position: relative;
 overflow: hidden;
}

.banner  .swiper-slide-active a>img{
	    width: 100%;
	    height: 100.1%;
	    transition: all 4s;
	    transition-delay: 1s;
		transform: scale(1.07);
}
.banner  .swiper-slide a>img{
	width: 100%;
	    display: block;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
}

.banner .swiper-slide .wrap {
	position: absolute;
	left: 15%;
	top:30%;
	width: 70%;
}
.banner .swiper-slide .wrap img{
	max-width: 35%;
	width: auto;
}
.banner .swiper-slide .wrap p.font1{
	
	font-size: 36px;
	
	font-weight: 400;
	color: #ffffff;
	line-height: 60px;
	text-shadow: 1px 3px 10px rgba(15, 30, 73, 0.8);
}
.banner .swiper-slide .wrap p.font2{
	font-size: 24px;
	
	font-weight: 400;
	color: #ffffff;
	line-height: 30px;
	text-shadow: 1px 3px 10px rgba(15, 30, 73, 0.8);
	margin:10px 0 30px;
}
/*.banner .swiper-slide a{*/
/*	width: 200px;*/
/*	    height: 44px;*/
/*	    background: #056ff3;*/
/*	    border-radius: 22px;*/
/*	    line-height: 44px;*/
/*	    font-size: 16px;*/
	    
/*	    font-weight: 400;*/
/*	    color: #ffffff;*/
/*	    margin-right: 20px;*/
/*	    box-sizing: border-box;*/
/*	    padding-left: 50px;*/
/*	    display: inline-block;*/
/*		margin-top:20px;*/
/*		text-align: left;*/
/*}*/

/*.banner .swiper-slide a.more{*/
/*background:url(/uploads/image/eimages/arrow.png) no-repeat right 40px center;*/
/*	background-color:  #339a2c;*/
/*}*/
/*.banner .swiper-slide a.video{*/
	
/*	background:url(/uploads/image/eimages/video.png) no-repeat right 40px center;*/
/*	background-color: #056ff3;*/
/*}*/
.layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	z-index: 999;
	display: none;
	
}
.layer2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	z-index: 999;
	display: none;
	
}
.layer2 .code{
	background:#fff;
	width: 300px;
	padding:20px;
	max-width: 90%;
	position:fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:99999;
}
.layer2 .code img{
	width: 100%;
}
.layer .video{
     width:1200px;
     height:660px;
     position:fixed;
     left:50%;
     top:50%;
     transform: translate(-50%,-50%);
     z-index:99999;
	 max-width:100%;
}
.layer .video video{
    width:100%;
    height:100%;
    z-index:99999;
    object-fit: fill;
}
.layer img{
    position: absolute;
    right:20px;
    top:30px;
    z-index:999999;
}


@-webkit-keyframes here{
0% {opacity:0;transform: translate(0,40px);}

100% {opacity:1;transform: translate(0,0px);}
}
@-webkit-keyframes here2{
0% {opacity:0;transform: translate(0,40px);}

100% {opacity:1;transform: translate(0,0px);}
}
.banner .swiper-slide-active .wrap{
	animation-name: here;
		   animation-duration: 1s;
		   animation-timing-function: linear;
}

.target-fix{
	 position: relative;
	
	   top: -220px; 
	
	   display: block;
	
	   height: 0;  
	
	   overflow: hidden; 
}