@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;border:0;}
img {border:none;}
a {cursor:pointer;}
a:focus{outline:none;}
a,a:hover {text-decoration: none;}
body,html {font-family:"微软雅黑";}
ul li{ list-style:none;}
input[type="button"],input[type="submit"],input[type="reset"]{ -webkit-appearance:none;}
input{ border:none;outline:medium;outline:none;}
button{outline:none; border:none; background:#fff;}

.header-box{width: 100%;height:80px;position: fixed;top:0;z-index: 10;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.1);}
.header{width: 80%;margin: 0 auto;height: 80px;}
.header-left{float: left;width: 25%;}
.header-left img{display: inline-block;height: 80px;}
.header-right{float: left;width: 75%;}
.clear{clear: both;}
.header-right ul li{float: right;text-align: center;height:80px;line-height: 80px;margin-left: 50px;}
.header-right ul li a{font-size: 16px;color:rgba(255,255,255,0.6);}
/*.header-down{color: #CC0000!important;border:1px solid #CC0000;display: inline-block;height: 38px;line-height: 38px;width: 120px;border-radius: 5px;font-size: 22px;}*/
.index-banner{ width: 100%;background:linear-gradient(180deg,#092C89,#1A8CFE);}
/*.index-banner img{width: 100%;}*/
.header-hover{display: inline-block;height: 77px;}
.header-hover:hover{color: #fff;border-bottom:2px solid #fff;}
.gl-color{color:#fff!important;border-bottom:2px solid #fff!important;}
.index-count{width: 100%;background: #fff;}
.index-count-main{width: 80%;margin:0 auto;padding-top:120px;box-sizing: border-box;}
.index-count-main h3{text-align: center;color: #000;font-size: 34px;font-weight: normal;}
.index-count-main h5{text-align: center;color: #CCCCCC;font-size: 22px;font-weight: normal;}
.index-count-main h5 span{margin: 0 20px;}
.xian{margin-top: 50px;margin-bottom: 20px;}
.xian span{display: inline-block;width: 50px;height: 1px;border-top: 5px solid #00177F;}
.index-count-main p{font-size: 22px;color: #484848;line-height: 35px;}
.index-count-main img{display: block;margin:80 auto;}
.index-count-main > img{
	margin-top:0!important;
}
.index-count-center{width: 100%;background: #F1F1F1;padding:80px 0;}
.index-centermain{width: 1200px;margin: auto;}
.index-centermain_left{float: left;width: 550px;}
.index-centermain_left img{width: 400px;}
.index-centermain_right{float: left;width: 650px;}
.index-centermain_right h4{font-size: 24px;color: #242424;margin-bottom: 40px;}
.index-centermain_right p{font-size: 20px;color: #484848;line-height: 30px;}
.index-list{display: flex;display: -webkit-flex;}
.index-list li{flex: 1;-webkit-flex: 1;text-align: center;margin: 0 25px;}
.index-list li img{margin: 80px auto 0!important;}
.footer-box{background: #2A324D; padding: 30px 0;}
.footer-box{background: #1e5fa9; padding: 30px 0;}
.footer{width: 1200px;margin: auto;}
.footer-right{float: right;width: 500px;}
.footer-right img{margin-top: 40px;width: 100px;}
.footer-left{float: left;width: 560px;}
.footer-left p{margin: 10px 0;color: #bbb;font-size: 12px;}
.footer-left p img{margin-right: 20px;vertical-align: middle;width: 22px;}
.footer-left p a{color: #C4C4C4;font-size: 26px;}
.footer-left p span{padding-left: 44px;}
.index_fixed{position: fixed;right: 0;top: 30%;width: 200px;z-index: 2;}
.index_fixed img{width: 100%;}
#dibu li {
	float: left;margin-right: 20px;font-size: 14px;color: #fff;margin: 20px 20px;
}
#dibu li:first-child{
	margin-left: 0;
}
.box{
	/*margin-top: 80px;*/
	width: 100%;
	height: 485px;
	position: relative;
}

.box .list{
	width: 1200px;
	height: 430px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -600px;
}

.box .btn{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: -60px;
	width: 60px;
	height: 100px;
	line-height: 100px;
	font-size: 30px;
	color: white;
	text-decoration: none;
	text-align: center;
	
	cursor: pointer;
}
.box .next{
	right: -60px;
}

#box li{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	/*opacity: 0;*/
	transition: all 0.3s ease-out;
}
.box img{
	width: 750px;
	/*height: 400px;*/
	border:none;
	float:left;
}
.box .p1{
	transform:translate3d(-224px,0,0) scale(0.81);
}
.box .p2{
	transform:translate3d(0px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.8;
	z-index: 5;
}
.box .p3{
	transform:translate3d(224px,0,0) scale(1);
	z-index: 6;
	opacity: 1;
}
.box .p4{
	transform:translate3d(449px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.8;
	z-index: 5;
}
.box .p5{
	transform:translate3d(672px,0,0) scale(0.81);
}
.box .p6{
	transform:translate3d(896px,0,0) scale(0.81);
}
.box .p7{
	transform:translate3d(1120px,0,0) scale(0.81);
}

.box .buttons{
	position: absolute;
	width: 1200px;
	height: 30px;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	padding-top: 10px;
}
.box .buttons a{
	display: inline-block;
	width: 35px;
	height: 5px;
	padding-top: 4px;
	cursor: pointer;
}
.box span{
	display: block;
	width: 35px;
	height: 1px;
	background: #bbb;
}
.box .blue{
	background: #fff;
}

		.slide{
		width: 100%;
		height: 770px!important;
		overflow: hidden;
		position: relative;
		margin-top: 20px;

	}
	.slide .img{
		overflow: hidden;
		position: absolute;
		transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
	}
	.slide .img img{
		width: calc(100% - 14px);
		height: calc(100% - 14px);
		/*margin: 7px;*/
	}
	.slide .img1{
		width: 40%;
		height: 40%;
		top: 30%;
		left: -50%;
		z-index: 1;
	}
	
	.slide .img2{
		/*width: 60%;
		height: 60%;
		top: 20%;
		left: -20%;*/
		width: 300px!important;
		height: 650px!important;
		right: 69.5%;
		top:2%;
		z-index: 2;
	    
	}
	/*@media screen and (max-width: 1680px) {
        .slide .img2{
    	left: 7.5%!important;   
    	 }  
    }
    @media screen and (max-width: 1650px) {
        .slide .img2{
    	left: 7.3%!important;   
    	 }  
    }
    @media screen and (max-width: 1600px) {
        .slide .img2{
    	left: 6.5%!important;   
    	 }  
    }
    @media screen and (max-width: 1580px) {
        .slide .img2{
    	left: 6%!important;   
    	 }  
    }
    @media screen and (max-width: 1280px) {
        .slide .img2{
    	left: 2%!important;   
    	 }  
    }*/
	/*@media (max-width:1665px){
    .slide .img2{
    	left: 10%!important;   
    	 }  
} */

 @media screen and (max-width: 1450px) {
        .pic{
    	width: 100%!important;   
    	 }  
    }
	.slide .img2 img{
		border-radius: 10px;
		border: 1px solid #e0dcdc;
	}
	.slide .img3{
		/*width: 41%;
	    height: 92%;*/
	   
	    width: 318px!important;
        height: 696px!important;
        position: relative;
        left: 50%;
        margin-left: -163px;
	    /*top: 4%;
	    left: 29.5%;*/
	    z-index: 3;
		/*width: 80%;
		height: 80%;
		top: 10%;
		left: 10%;
		z-index: 3;*/
	}
	.slide .img3 img{
		width: 318px!important;
        height: 696px!important;
        border-radius: 20px;
	}
	.slide .img4{
		/*width: 60%;
		height: 60%;*/
		/*width: 300px!important;
		height: 650px!important;
		top: 20%;
		left: 60%;
		z-index: 2;*/
		width: 300px!important;
    height: 650px!important;
    top: 2%;
    left: 69.5%;
    z-index: 2;
    
	}
	.slide .img4 img{
		border-radius: 10px;
		border: 1px solid #e0dcdc;
	}
	.slide .img5{
		width: 40%;
		height: 40%;
		top: 30%;
		left: 110%;
		z-index: 1;
	}
	.slide-bt{
		position: absolute;
		left: 50%;
		bottom: 13%;
		z-index: 10;
	}
	.slide-bt span{
		width: 24px;
		height: 8px;
		background: #c9caca;
		float: left;
		margin: 5px;
		border-radius: 4px;
	}
	.slide .slide-bt .on{
		background: #ffd200;
	}
	.phone-bor{
		width: 360px;
	/*	height: 734px;*/
		position: absolute;
		z-index: 100;
		display: block;
		left: 50%;
		margin-left: -183px;
	}

.video{
	/*box-shadow: -2px -1px 20px -1px #000000;
	background-color: #fff;*/
	position: fixed;
	/*margin-top:-100px;*/
	/*left: 20px;*/
	border-radius: 40px;
	top:50%;
	margin-top:-260px;
	overflow: hidden;
	z-index: 10;
}


.video img{
	
	/*height:455px;*/
	
	width:260px;
	height:auto;
	/*background-image: url(../img/phone-border.png);
	width: 100px;
	background-size: 240px 482px;*/
	position: relative;
	z-index: 100;
	
}
.video video{
	/*width: 200px;
    height: 557px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -89px;
    margin-left: 14px;*/
    width: 231px;
    /* height: 557px; */
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 13px;
    margin-left: 14px;
    border-radius: 20px;
    outline: none;
    }
.index-banner .swiper-container .swiper-wrapper .swiper-slide img{
	width: 30%;
	/*height: 500px;*/
}
/*.anli{
	height: 297px;
	width: 100%;
}*/
.marqueeleft ul li > div{
	width: 100%!important;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 10px!important;
	position: relative;
	float: left;
}
.marqueeleft ul li > div span{
	display: block;
	width:144px;
height:44px;
background:rgba(17,118,233,1);
border-radius:2px;
font-size:14px;
font-family:PingFang SC;
font-weight:600;
color:rgba(255,255,255,1);
text-align: center;
line-height: 44px;
margin:25px 0;

}
.ewm{
	position: absolute;
	top:0;
	width: 100%;
height:297px;
background:rgba(245,250,255,0.95);
border-radius:2px;
display: none;
pointer-events: none;
}
.ewm-img{
	width: 120px;
	height: 120px;
	margin:auto
}


.marqueeleft{height: 300px;
    width: 100%;
    overflow: hidden;
    margin: auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:250px;height:300px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
/* marqueetop */
.marqueetop{height:429px;width:148px;overflow:hidden;margin:40px auto;}
.marqueetop li{padding:5px 0;width:148px;height:133px;overflow:hidden;}
.marqueetop li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;}
.marqueetop li .txt{text-align:center;height:23px;line-height:23px;}

.change-size-color ul li span{
	color: #333!important;
}
.change-size-color ul li span.gray{
	color: #ccc!important;}
	
.new-main{
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
.new-part1-left,.new-part1-right{
	width: 304px;
	height: 468px;
}
.new-part1-left ul,.new-part1-right ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.new-part1-left ul li,.new-part1-right ul li{
	width:140px;
	height:140px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 40px 0px rgba(174,180,189,0.2);
	border-radius:2px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom:24px;
}
.new-part-tit{
	width: 100%;
	text-align: center;
	margin-bottom:80px;
}
.new-part-tit p{
	font-size:32px;
	font-weight:600;
	color:rgba(50,68,89,1);
}
.new-part-tit span{
	font-size:14px;
	font-weight:400;
	color:rgba(130,141,153,1);
	margin-top:14px;
	display: inline-block;
}
.new-part1-left ul li img,.new-part1-right ul li img{
	width: 48px;
	height: 48px;
	margin:30px 0 10px 0;
	display: block;
}
.new-part1-left ul li p,.new-part1-right ul li p{
	font-size:14px;
	font-weight:400;
	color:rgba(50,68,89,1);
}
.new-part1-center{
	width: 316px;
	height: 640px;
	background-image: url('../img/new-phone-border.png');
	background-size: 316px 640px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.new-part1-center img{
	width: 281px;
	height: 608px;
	border-radius: 32px;
}
.live-liactive{
	background:linear-gradient(170deg,rgba(17,118,233,1),rgba(17,167,242,1))!important;
	box-shadow:0px 0px 40px 0px rgba(17,118,233,0.2)!important;
	border-radius:2px!important;
}
.live-liactive p{
	color: #fff!important;
}
.new-part2-left{
	position: relative;
	width: 315px;
	height: 640px;
}
.new-part2-left img:first-child{
	width: 315px;
	height: 640px;
	position: absolute;
	z-index: 1;
	display: block;
	margin:0!important;
}
.new-part2-left img:last-child{
	width: 281px;
	height: 608px;
	display: block;
	margin-left: 17px;
	margin-top:17px;
	position: absolute;
}
.new-part2-right ul li,.new-part3-left ul li{
	width:408px;
	height:140px;
	background:rgba(255,255,255,1);
    box-shadow:0px 0px 40px 0px rgba(174,180,189,0.2);
	border-radius:2px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 24px;
	box-sizing: border-box;
	margin-bottom: 24px;
}
.new-part2-right ul li:last-child,.new-part3-left ul li:last-child{
	margin-bottom:0;
}
.li-left-img{
	width: 48px;
	height: 48px;
	margin-right: 25px;
}
.new-part2-right ul li img,.new-part3-left ul li img{
	width: 48px;
	height: 48px;
	display: inline-block;
	margin:0!important;
	
}
.li-right-text p{
	font-size:18px;
    font-weight:500;
    color:rgba(50,68,89,1);
    margin-bottom:5px;
}
.li-right-text span{
	font-size:14px;
	color:rgba(130,141,153,1);
	line-height: 20px;
	display: inline-block;
}
.part2-liactive{
	background:linear-gradient(170deg,rgba(17,118,233,1),rgba(17,167,242,1))!important;
    box-shadow:0px 0px 40px 0px rgba(17,118,233,0.2)!important;
}
.part2-liactive .li-right-text p{
	color: #fff!important;
}
.part2-liactive .li-right-text span{
	color:rgba(255,255,255,0.6)!important;
}
#new-part3 ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#new-part3 ul li{
	width: 316px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#new-part3 ul li .live-des-text{
	display: flex;
	flex-direction: column;
	align-items: center;
}
#new-part3 ul li .live-des-text p{
	font-size:18px;
	font-weight:500;
	margin-bottom:15px;
}
#new-part3 ul li .live-des-text span{
	font-size:14px;
    color:rgba(130,141,153,1);
}
#new-part3 ul li .live-des-img{
	width: 315px;
	height: 640px;
	margin-top:40px;
}
.new-part2-left{
	position: relative;
	width: 315px;
	height: 640px;
}
.live-des-img img:first-child{
	width: 315px;
	height: 640px;
	position: absolute;
	z-index: 1;
	display: block;
	margin:0!important;
}
.live-des-img img:last-child{
	width: 281px;
	height: 608px;
	display: block;
	margin-left: 17px;
	margin-top:17px;
	position: absolute;
}
.anli-ul-tit{
	width: 100%;
}
.anli-ul-tit ul{
	width: 100%;
	height: 72px;
	display: flex;
	align-items: center;
	border-bottom:1px solid #EAECEE;
}
.anli-ul-tit ul li{
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	cursor: pointer;
	
}
.anli-ul-tit ul li p{
	font-size: 18px;
	color: #324459;
}
.anli-ul-tit ul li span{
	display: none;
	width:34px;
	height:4px;
	background:rgba(17,120,233,1);
	margin-top:49px;
	position: absolute;
}
.anli-ul-tit ul li:first-child span{
	display: block;
}
#new-part6 .new-main{
	display: flex;
	flex-direction: column;
}
.anli-cont{
	width: 100%;
}
.anli-cont ul{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top:64px;
}
.anli-cont ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	
}
.part6-img{
	width:256px;
    height:520px;
    position: relative; 
}
.part6-img img:first-child{

    position: absolute;
	z-index: 1;
	display: block;
	margin:0!important;
}
.part6-img img:last-child{

	display: block;
	margin-left: 14px;
	margin-top:14px;
	position: absolute;
}
.part6-img-cont{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.part6-img-cont p{
	font-size:18px;
	font-weight:600;
	margin-top:24px;
}
.part6-img-cont span{
	font-size:14px;
    font-weight:400;
    margin-top:10px;
}
.anli-tit-li-active p{
	color: #1176E9!important;
}
.new-tit{
	width: 100%;
}
.new-tit ul{
	width: 100%;
	justify-content: center;
	display: flex;
	align-items: center;
	margin-bottom:40px;
}
.new-tit ul li{
	width:120px;
	height:40px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(234, 236, 238, 1);
	border-radius:2px;
	margin:0 20px;
	font-size: 14px;
	color: #324459;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
.new-cont > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.new-left{
	position: relative;
	width: 380px;
	height: 514px;
}
.new-left img{
	position: absolute;
	width: 380px;
	height: 514px;
	margin:0!important;
}
.new-left-cont{
	position: absolute;
	padding: 0 25px;
	box-sizing: border-box;
}
.new-left-cont p.date{
	font-size: 24px;
	color: #fff;
	margin-top:331px;
}
.new-left-cont a.new-left-tit{
	font-size: 20px;
	color: #fff;
	margin-top:36px;
	margin-bottom:10px;
	display: block;
}
.new-left-cont p.new-left-details{
	font-size: 14px;
	color:rgba(255,255,255,0.6);
	line-height: 26px;
}
.new-right{
	width: 100%;
}
.new-right ul a{
	display: inline-block;
	width:49%;
	height:158px;
}
.new-right ul a li{
	width:95%;
	height:158px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(234, 236, 238, 1);
	border-radius:2px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	
}
.new-right ul a{
	margin-bottom:20px;
}
.new-right ul a:last-child{
	margin-bottom:0;
}
.li-left-date{
	width:88px;
	height:158px;
	background:rgba(242,244,245,1);
	border-radius:2px;
	font-size: 24px;
	color: #324459;
	line-height: 158px;
	text-align: center;
}
.li-right-cont{
	width: 90%;
	padding: 18px;
	box-sizing: border-box;
	
}
.li-right-cont span{
	font-size: 20px;
	color: #324459;
	display: inline-block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width: 100%;
}
.li-right-cont p{
	font-size: 14px;
	color: #828D99;
	width: 100%;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 26px;
	margin-top:18px;
}
#new-part13{
	margin-bottom: 120px;
}
#new-part13 .index-count-main{
	width: 90%!important;
}
.new-tit-li-active{
	background-color: #1176E9!important;
	color: #fff!important;
}