* {
	margin: 0;
	padding: 0;
}

html,
body {
	margin: 0;
	padding: 0;
	min-width: 1220px;
	font-family: 'Microsoft YaHei';
	color: #353535;
}

nav {
	height: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;

}


ul,
ol {
	list-style: none;
}

a {
	text-decoration: none;
}

.w1220 {
	width: 1220px;
	margin: 0 auto;
}

nav ul {
	display: flex;

	justify-content: space-between;
}

nav ul li {
	margin-right: 30px;
}

nav ul a {
	font-size: 20px;
	color: #252525;
	padding-bottom: 5px;
	border-bottom: 2px solid transparent;
}

nav .active {
	color: #1a75ff;
	font-weight: bold;
	border-bottom: 2px solid #1a75ff;
}

nav a:hover {
	color: #1a75ff;
	font-weight: bold;
	border-bottom: 2px solid #1a75ff;
}

.banner {
	height: 650px;
	background-color: #f5f7ff;
}

.banner .w1220 {
	height: 650px;
	position: relative;
}

.banner_right {
	/* width: 423px; */
}

.banner_inc {
	position: absolute;
	bottom: 70px;
	right: -12px;
}

.banner_incq {
	position: absolute;
	top: 143px;
	right: -57px;
}


.banner_inct {
	width: 144px;
	height: 144px;
	font-size: 19px;
	color: #fff;
	text-align: center;
}

@keyframes moveUpDown2 {
	0% {
		transform: translatey(-10px)
	}

	100% {
		transform: translatey(0)
	}
}

@keyframes moveUpDown1 {
	0% {
		transform: translateY(10px)
	}

	100% {
		transform: translateY(0)
	}
}

.inc1 {
	background: url('../images/inc1.png') no-repeat center;
	line-height: 123px;
	position: absolute;
	bottom: 180px;
	right: 376px;
	animation-delay: .3s;
	animation: moveUpDown2 2s ease-in-out infinite alternate
}

.inc2 {
	background: url('../images/inc2.png') no-repeat center;
	position: absolute;
	bottom: 330px;
	right: 335px;
	animation-delay: .2s;
	animation: moveUpDown1 2s ease-in-out infinite alternate
}

.inc2 p,
.inc3 p,
.inc6 p {
	padding-top: 35px;
	line-height: 25px;
}

.inc3 {
	background: url('../images/inc3.png') no-repeat center;
	position: absolute;
	top: 83px;
	right: 218px;
	animation-delay: .3s;
	animation: moveUpDown2 2s ease-in-out infinite alternate
}

.inc4 p {
	padding-top: 37px;
	line-height: 25px;
}

.inc4 {
	background: url('../images/inc4.png') no-repeat center;
	position: absolute;
	top: 83px;
	right: 55px;
	animation-delay: .3s;
	animation: moveUpDown1 2s ease-in-out infinite alternate
}

.inc5 {
	background: url('../images/inc5.png') no-repeat center;
	line-height: 123px;
	position: absolute;
	bottom: 330px;
	right: -79px;
	animation-delay: .3s;
	animation: moveUpDown2 2s ease-in-out infinite alternate
}

.inc6 {
	background: url('../images/inc6.png') no-repeat center;
	position: absolute;
	bottom: 180px;
	right: -131px;
	animation-delay: .3s;
	animation: moveUpDown1 2s ease-in-out infinite alternate
}

.banner .title {
	padding-top: 112px;
	font-size: 70px;
	font-weight: bold !important;
	color: #131313;
}


.banner .title span {
	font-size: 70px;
	color: #1a75ff;
	display: inline-block;
	height: 78px;
	line-height: 78px;
	padding: 0 40px;
	position: relative;
}

.banner .title span i {
	position: absolute;
	width: 20px;
	height: 20px;

}

.banner .title span i:nth-child(1) {
	top: 0;
	left: 15px;
	background: url('../images/btle.png') no-repeat center;
}

.banner .title span i:nth-child(2) {
	bottom: -8px;
	right: 15px;
	background: url('../images/btre.png') no-repeat center;
}

.banner .text {
	font-size: 26px;
	padding-top: 13px;
	color: #131313;
}

.banner .text p {
	margin-bottom: 2px;
}

.banner .yws {
	display: flex;
	font-size: 18px;
	color: #131313;
	justify-items: center;
	flex-wrap: wrap;
}

.banner .yws div {
	display: flex;
	text-align: center;
	align-items: center;
	margin-right: 24px;
}

.banner .yws div img {
	width: 18px;
	height: 18px;
	margin-right: 3px;
}

.banner .mt11 {
	margin: 5px 0 48px 0;
}

.banner .mt26 {
	margin-top: 20px;
}

.download {
	background-color: #1a75ff;
	width: 215px;
	display: block;
	height: 60px;
	font-size: 26px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	    transition: transform .3s;
}

.download:hover {
    background: linear-gradient(to right, #3684fb , #0065ff);;
	 transform: translateY(-15px)
}

.download img {
	margin-right: 10px;
}

 

.banner .info {
	font-size: 16px;
	color: #353535;
	margin-top: 28px;
}

.banner .info p {
	margin-bottom: 5px;
}

.infot {
	width: 100%;
	height: 180px;
	background: url('../images/sd.png') no-repeat center;
}

.infot .w1220 {
	width: 1220px;
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.infot div h1 {
	font-size: 45px;
	text-align: center;
	color: #fff;
	line-height: 45px;
	position: relative;
}

.infot div p {
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
}

.infot div h1 span {
	height: 24px;
	width: 24px;
	font-size: 16px;
	background-color: #eb6100;
	border-radius: 100%;
	display: block;
	line-height: 24px;
	position: absolute;
	top: 0;
	right: 20px;
}

.bts .title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bts .title h2 {
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    height: 56px;
    color:#131313;
    line-height: 56px;
    position: relative;
    z-index: 1;
}


.bts .title h2 i:nth-child(1){
    content: '';
    position: absolute;
    top: 15px;
    left: -72px;
    width: 32px;
    height: 31px;
    background-image: url(../images/cbt.png);
}


.bts .title h2 i:nth-child(2){
    content: '';
    position: absolute;
    top: 15px;
     right:  -72px;
    width: 32px;
    height: 31px;
    background-image: url(../images/dbt.png);
}

.bts .title h2::after{
    content: '';
    position: absolute;
    height: 14px;
    bottom: -2px;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(-88deg, 
  rgba(26, 117, 255, 0.5) 0%, 
  rgba(104, 164, 255, 0.5) 42%, 
  rgba(133, 182, 255, 0.4) 64%, 
  rgba(181, 211, 255, 0.2) 100%);
    border-radius: 14px;
    width: 100%;
}
.bts .text{
	font-size:24px;
	margin-top: 20px;
	text-align: center;
	line-height:35px;
}
.mt67{
	margin-top: 80px;
}
.xfinf{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 50px 0 30px 0;
}
.xfinf div{
	width:290px;
	height:300px;
	border-radius: 20px;
	box-shadow: 0px 8px 15px 0px rgba(26,117,255,0.1);
	margin-bottom: 20px;
}

.xfinf div img{
    display: block;
    margin: 39px auto 0 auto;
}
.xfinf div h1{
    font-size: 30px;
    text-align: center;
    color: #353535;
}
.xfinf div p{
    font-size: 24px;
    color: #999999;
    text-align: center;
    margin-top: 8px;
}



.tdownload {
	background-color: #1a75ff;
	width: 290px;
	display: block;
	height: 80px;
	font-size: 26px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}

.tdownload img {
	margin-right: 10px;
}

.tdownload:hover {
	background-color: #438af5;
}




.tab{
    margin: 40px 0 40px 0;
    display: flex;
    justify-content: space-between;
}
.tab-item{
    width: 394px;
    height: 120px;
    background-color: #f5f7ff;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 15px;
}
.tab-item > div:first-child{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
    position: relative;
}
.tab-item > div:first-child img{position: absolute;left: -10px;top: -2px;}
.tab-item > div:first-child span{
	
z-index: 999;
}
.tab-item > div:last-child{
    margin-top: 10px;
    color: #353535;
    font-size: 17px;
}



.tab .active{
    background-color: #1a75ff;
}
.tab .active > div:first-child{
    color: #fff;
}
.tab .active > div:last-child{
    color: #fff;
}

#no-img{
    display: inline-block;
}

#active-img{
    display: none;
}

.active #active-img{
    display: inline-block;
}
.active #no-img{
    display: none;
}



.swiper-slide-active{
    transform: scale(1) !important;
}
.swiper-slide{
    transform: scale(0.8);
}
.swiper-slide img{
    width: 100%;
    height: auto;
}
.swiper-pagination{
    position: relative;
    margin-top: 30px;
}


.swiper_left {
    background: linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0.3) 100%);
    width: 250px;
    height: 450px;
    position: absolute;
    top: 0px;
    z-index: 99
}

.prevt{
	margin-left:30px;
}
.prevt:after,.rprevt:after,.swiper-button-prev:after,.swiper-button-next:after{
	content:''!important;
}
.rprevt{
	margin-left:30px;
	 
	left:130px !important;
}

.swiper_right {
    background: linear-gradient(to left,rgba(255,255,255,1) 0,rgba(255,255,255,0.3) 100%);
    width: 250px;
    height: 450px;
    position: absolute;
    top: 0px;
    z-index: 99;
	right:0;
}

.swiper-slide-active{
	box-shadow:0px 8px 15px 0px rgba(0,0,0,0.1)
}

.actts{
	margin:40px 0 60px 0;
}


.ysb{
	width:100%;
	height:1340px;
	background: url('../images/ysbj.png') no-repeat center;
	background-size:100% 100%;
}


 .ysb .title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	color:#f6faff;
}
.ysb .title h2 {
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    height: 56px;
    color:#f6faff;
    line-height: 56px;
    position: relative;
    z-index: 1;
}


.ysb .title h2 i:nth-child(1){
    content: '';
    position: absolute;
    top: 15px;
    left: -72px;
    width: 32px;
    height: 31px;
    background-image: url(../images/ys1.png);
}


.ysb .title h2 i:nth-child(2){
    content: '';
    position: absolute;
    top: 15px;
     right:  -72px;
    width: 32px;
    height: 31px;
    background-image: url(../images/ys2.png);
}

.ysb .title h2::after{
    content: '';
    position: absolute;
    height: 14px;
    bottom: -2px;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(-88deg, 
  rgba(138, 168, 255, 0.5) 0%, 
  rgba(104, 164, 255, 0.5) 42%, 
  rgba(133, 182, 255, 0.4) 64%, 
  rgba(181, 211, 255, 0.2) 100%);
    border-radius: 14px;
    width: 100%;
}
.ysb .text{
	font-size:24px;
	margin-top: 20px;
	text-align: center;
	line-height:35px;
}
.m117{
	padding:117px 0 50px 0;
}
.ysb_main{
	display: flex;
	/* flex-direction: column; */
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ysb_main div{
	width:394px;
	height:460px;
	background-color:#fff;
	border-radius:15px;
	margin-bottom: 20px;
}

.ysb_main div img{
    display: block;
    margin: 45px auto 5px auto;
}
.ysb_main div h1{
    text-align: center;
    color: #131313;
    font-size: 30px;
}
.ysb_main div p{
    padding: 10px 30px;
    font-size: 20px;
    color: #353535;
    text-align: justify;
}

.syt{
	width:100%;
	padding-top:80px;
	background-color:#f5f7ff;
	padding: 70px 0;
}

.syt .user {
    flex-shrink: 0;
	width: 232px;
	height:232px;
	border-radius:100%;
	border:5px solid #fff;
	box-shadow:0px 8px 15px 0px rgba(26,117,255,0.1);
}
.syt .user img{
	width: 232px;
	height:232px;
	border-radius:100%;
}
.syt .user_name{
	font-size:24px;
	color:#151515;
	margin-top:22px;
	text-align: center;
}

.syt .swiper-slide {
    color: #333;
    display: flex;
    align-items: flex-start
}
.syt .texts{
	font-size: 30px;
	color: #131313;
	padding-top: 57px;
	line-height: 45px;
	letter-spacing:2px;
	padding-left: 10px;
	padding-right: 100px;
	
}
.nature{
	width:44px;
	margin-left:30px;
}
.nature img{
	width:44px;
}


.nature1{
	width:44px;
	margin-left:30px;
	position: absolute;
	bottom: 45px;
	right:80px;
	
}
.nature1 img{
	width:44px;
}
.nat{
margin-left:10px;	
}
.ntr{
	margin-right: 10px;
}
.User_Evaluate_swiper{
	margin-top: 60px;
}

 
.eslide{
	margin-left:100px;
}

.User_Evaluate_swiper .swiper-slide-active{
	box-shadow:none !importantf
}

.footer{
	background-color:#222222;
	color:#fff;
	padding:30px 0;
	text-align: center;
	font-size:18px;
	line-height:30px;
}
.footer a{
	color:#fff;
}

.css3{
	
	transition:all .3s ease-in-out;
}
.css3:hover{
  
	transform:translateY(-10px)
}

.gywm{
	font-size:18px;
	margin:40px 0;
	line-height:35px;
}

.error_img,.error_text,.error_href{text-align:center;}
.error_img{height:196px;line-height:196px;margin-top:89px;}
.error_text{height:20px;line-height:20px;font-size:14px;color:#2E2E30;letter-spacing:0;margin-top:80px;}
.error_href{height:36px;margin-top:20px;margin-bottom:100px;}
.error_href a{display:inline-block;width:100px;height:36px;line-height:36px;background:#F85659;border-radius:100px;font-size:14px;color:#FFFFFF;letter-spacing:0;}