@charset "utf-8";
/*@font-face {
    font-family: Source Han Sans CN;
    src: url('font/SourceHanSansCN-Normal.otf');
}*/
@font-face {
    font-family: Montserrat; /*这里是说明调用来的字体名字*/
    src: url('font/Montserrat-Light.otf'); /*这里是字体文件路径*/
}
@font-face {
    font-family: Uni Sans; /*这里是说明调用来的字体名字*/
    src: url('font/Uni-Sans-Thin-3.otf'); /*这里是字体文件路径*/
}
@font-face {
    font-family: Uni Sans Heavy; /*这里是说明调用来的字体名字*/
    src: url('font/Uni-Sans-Heavy-4.otf'); /*这里是字体文件路径*/
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0 !important; 
    padding-left: 0 !important; 
}
img{
	width: 100%;
}
a{
	text-decoration: none !important;
}
.top-menu a:hover{
    color:rgba(102,102,102,1);
    padding-bottom: 10px;
    border-bottom: 2px solid;
	border-image:linear-gradient(95deg, rgba(77,116,255,1), rgba(173,50,253,1)) 2 2;
}
.top-menu{
	padding-top: 50px;
}
.top-menu a{
    font-size:16px;
    font-family:Microsoft YaHei UI;
    font-weight:400;
    color:rgba(102,102,102,1);
    margin-right: 30px;
}
.en-a{
    font-size:16px !important;
    font-family:Montserrat !important;
    font-weight:300 !important;
    color:rgba(51,51,51,1) !important;
    position: absolute;
    right: 0;
    height: 30px;
}
.logo-banner{
	width: 80%;
    margin-top: 12em;
}
.div-one-title{
	font-size:36px;
	font-family:Microsoft YaHei UI;
	font-weight:300;
	color:rgba(51,51,51,1);
	margin-top: 2em;
}
.div-one-intr{
	font-size:16px;
	font-family:Microsoft YaHei UI;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:30px;
	margin-right: 2em;
}
.div-one-end{
    margin-top: 2em;
}
.div-one-end-title{
	font-size:14px;
	font-family:Montserrat;
	font-weight:normal;
	color:rgba(51,51,51,1);
	line-height:52px;
	background:linear-gradient(95deg,rgba(77,116,255,1) 0.09765625%, rgba(173,50,253,1) 76.3427734375%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.div-one-end-line{
	width:45px;
	height:2px;
	background:linear-gradient(95deg,rgba(77,116,255,1),rgba(173,50,253,1));
    margin-top: 25px;
    margin-left: 20px;
}
.div-two,.div-thr,.div-five,.div-six,.div-seven,.banner-bottom{
	padding-top: 8em;
}
.div-thr-bottom{
	height: 8em;
}
.div-seven{
	margin-bottom: 3em;
}
.div-two-title{
	font-size:36px;
	font-family:Microsoft YaHei UI;
	font-weight:300;
	color:rgba(51,51,51,1);
    margin-bottom: 2em;
}
.div-two-left{
	font-size:16px;
	font-family:Microsoft YaHei UI;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:30px;
	padding-right: 2em !important;
}
.div-two-right{
	font-size:16px;
	font-family:Microsoft YaHei UI;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:30px;
	padding-left: 2em !important;
}
.div-thr-left{
	width: 69%;
	padding: 0;
    margin-top: 0;
}
.div-thr-child{
	width: 45%;
	height: 380px;
	border:1px solid rgba(220,220,220,1);
	padding: 45px 35px;
    margin-right: 5%;
    float: left;   
    cursor:pointer;
}
.thr-child-top{
	margin-bottom:30px;
}
.div-thr-child-long{
	width: 31%;
	height: 790px;
	border:1px solid rgba(220,220,220,1);
	padding: 45px 35px;
	float: left;
	cursor:pointer;
}
.div-thr-font{
	font-size:80px;
	font-family:Uni Sans;
	font-weight:normal;
	color:rgba(51,51,51,1);
}
.div-thr-line{
	font-size:30px;                                 
}
.div-thr-intr{
	font-size:16px;
	font-family:Microsoft YaHei UI;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:33px;
}
.div-thr-title{
	font-size:18px;
	font-family:Microsoft YaHei UI;
	font-weight:bold;
	color:rgba(51,51,51,1);
}
.div-thr-hover{
	border:2px solid;
	border-image:linear-gradient(0deg, rgba(71,118,230,1), rgba(142,84,233,1)) 2 2;
}
.div-thr-font-hover{
	font-family: Uni Sans Heavy;
	background:linear-gradient(95deg,rgba(77,116,255,1) 0.09765625%, rgba(173,50,253,1) 76.3427734375%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.div-four-short{
	width: 32.5%;
	margin-bottom: 15px;
	position: relative;
	cursor:pointer;
}
.div-four-long{
	width: 66.25%;
	margin-bottom: 15px;
	position: relative;
	cursor:pointer;
}
.five-img-div{
	width: 18%;
	border:1px solid rgba(229,229,229,1);
	margin-right: 2.5%;
    margin-bottom: 25px;
}
.bigbox{
  	overflow: hidden;
}
.box{
	transition:all .7s ease 0s;
	float: left;
	margin-right: 40px;
}
.box-top{
    margin-bottom: 20px;
}
.control-box ul {
  	list-style: none;
  	position: relative;
}
.control-box ul li {
  	position: absolute;
  	top: 35px;
  	cursor: pointer;
  	width: 40px;
}
.prev{
  	right: 50px;
}
.next{
  	right: 0;
}
.div-six-title{
    margin-bottom: 1.5em;
}
.end-left{
	font-size:16px;
	font-family:Microsoft YaHei UI;
	font-weight:400;
	color:#333333;
}
.end-center{
	font-size:16px;
	font-family:Montserrat;
	font-weight:400;
	color:#666666;
}
.end-right{
	font-size:16px;
	font-family:Microsoft YaHei UI;
	font-weight:400;
	color:#666666;
}
.div-seven-center{
	margin-top: 10px;
}
.div-seven-right{
    text-align: right;
	font-size:14px;
	font-family:Microsoft YaHei;
	font-weight:300;
	color:rgba(153,153,153,1);
    padding-top: 20px;
}
.div-four-child{
	position: absolute;
	top: 0;
    padding: 0 40px;
}
.div-four-title{
	font-size:24px;
	font-family:Microsoft YaHei UI;
	font-weight:bold;
	color:rgba(255,255,255,1);
	position: absolute;
    margin-top: 60px;
}
.div-four-font{
	font-size:80px;
	font-family:Uni Sans;
	font-weight:normal;
	color:rgba(255,255,255,1);
	opacity:0.4;
	float: right;
}
.div-four-line{
	font-size:30px;
	font-family:Uni Sans;
	font-weight:normal;
	color:rgba(255,255,255,1);
	opacity:0.4;
	float: right;
	margin-top: 56px;
}
.div-four-intr{
	font-size:16px;
	font-family:Microsoft YaHei UI;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:24px;
}
.banner-left{
	margin-top: 410px;
    width: 70%;
}


/*适配笔记本电脑*/
@media screen and (max-width: 1366px) {
    .top-menu a,.en-a{
	    font-size:14px !important;
	}
	.div-one-title,.div-two-title{
		font-size:30px;
	}
	.div-one-intr{
		font-size:14px;
		line-height:25px;
	}
	.logo-banner{
	    margin-top: 9em;
	}
	.div-one-end-title{
		font-size:12px;
	}
	.div-two-left,.div-two-right{
		font-size:14px;
		line-height:25px;
	}
	.div-thr-font{
		font-size:55px;
	}
	.div-thr-line{
		font-size:20px;                                 
	}
	.div-thr-intr{
		font-size:14px;
		line-height:27px;
	}
	.div-thr-child{
		height: 330px;
	}
	.banner-left{
		margin-top: 360px;
	}
	.div-thr-child-long{
		height: 690px;
	}
	.div-thr-title{
		font-size:16px;
	}
	.div-four-title{
		font-size:18px;
	    margin-top: 35px;
	}
	.div-four-font{
		font-size:55px;
	}
	.div-four-line{
		font-size:20px;
		margin-top: 39px;
	}
	.div-four-intr{
		font-size:14px;
		line-height:22px;
	}
	.end-left,.end-center,.end-right{
		font-size:14px;
	}
	.div-seven-center{
		margin-top: 6px;
	}
	.div-seven-right{
		font-size:12px;
	}
	.div-two,.div-thr,.div-five,.div-six,.div-seven,.banner-bottom{
		padding-top: 6em;
	}
	.div-thr-bottom{
		height: 6em;
	}
	.div-seven{
		margin-bottom: 1em;
	}
}
/*适配笔记本电脑*/