@font-face
{
	font-family: Barlow;
	src: url("../images/Barlow-SemiBold.otf");
}
@media (min-width:1200px) {
    .container {
    	width:1200px
    }
}
a:hover, a:focus {
    text-decoration: none;
}
/*------------edu.html  start----------------*/
html{
	scroll-padding-top: 6rem;
}
.banner{	
	display: block;
	position: relative;
	height: 550px;
	background: url(../images/banner_fyzs.jpg) center center / cover no-repeat;
}
.banner .btn_box {
	position: absolute;
	height: 68px;
    left: 50%;
	width: 520px;
    margin-left: -520px;
    bottom: 190px;
}
.banner .btn_box .a_form {
	float: left;
	width: 280px;
	height: 64px;
	background: none;
	border: none;
}
.banner .btn_box .a_link {
	float: right;
	width: 180px;
	height: 64px;
	border: none;
}
.banner_pc img {
	max-width: 100%;
}



/*产品中心*/
.product{
	margin: 100px auto 0;
	overflow: hidden;
}
.product ul{
	overflow: hidden;
}
.product .ul_1 li{
	padding: 30px;
}
.product .ul_1 li dl{
	background: #fff;
	border-radius: 30px;
	padding: 40px 0 0;
	overflow: hidden;
	margin-bottom: 0;
	box-shadow: 0 0px 20px rgba(14,12,54,0.1);
}
.product .ul_1 li dl dt{
	overflow: hidden;
	margin: 0 auto 40px;
	text-align: center;
}
.product .ul_1 li dl img{
	width: 140px;
	margin-bottom: 20px;
}
.product .ul_1 li dl h2{
	font-size: 30px;
	font-weight: 600;
	color: #0e0c36;
	margin-bottom: 10px;
	margin-top: 6px;
}
.product .ul_1 li dl p{
	font-size: 18px;
    color: #646c74;
	font-weight: 300;
}
.product .ul_1 li dl dd{
	height: 60px;
	line-height: 60px;
	background: #346eec;
}
.product .ul_1 li dl dd a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	position: relative;
	text-align: center;
}
.product .ul_1 li dl dd a img {
	display: inline-block;
    width: 30px;
    height: 30px;
    margin: -5px 0 0 6px;
}

.product .p_1{
	color: #646c74;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
}

.product .a_form {
	display: block;
	width: 280px;
	text-align: center;
	height: 80px;
	line-height: 80px;
	border-radius: 40px!important;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	background: #346eec;
	margin: 40px auto 60px;
}
.product .a_form img {
	display: inline-block;
    width: 30px;
    height: 30px;
    margin: -5px 6px 0 0;
}

.product .ul_2 li{
	padding: 30px;
}
.product .ul_2 li dl{
	background: #fff;
	border-radius: 40px;
	padding: 30px 0 0;
	overflow: hidden;
	margin-bottom: 0;
	box-shadow: 0 0px 20px rgba(14,12,54,0.1);
}
.product .ul_2 li dl dt{
	overflow: hidden;
	margin: 0 auto 20px;
	text-align: center;
}
.product .ul_2 li dl img{
	width: 80px;
	margin-bottom: 20px;
}
.product .ul_2 li dl h2{
	font-size: 30px;
	font-weight: 400;
	color: #0e0c36;
	margin-bottom: 10px;
	margin-top: 6px;
}
.product .ul_2 li dl dd{
	height: 60px;
	line-height: 60px;
}
.product .ul_2 li dl dd a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 22px;
	font-weight: 400;
	color: #346eec;
	position: relative;
	text-align: center;
}
/*产品中心 结束*/




.h1_title{
	margin-bottom: 40px;
	text-align: center;
	font-size: 44px;
	color: #0e0c36;
	font-weight: 600;
}
.h3_title{
	width: 64%;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	font-weight: 100;
	color: #6a6a6a;
	margin: 0 auto 80px;
}



/*功能演示*/
.advantage{
	margin: 80px auto 0;
}
.advantage ul {
	overflow: hidden;
	background: #346eeb;
	margin-bottom: 0;
	color: #fff;
	padding: 30px 0;
}
.advantage .ul_2 {
	background: #fff;
	color: #0e0c36;
}
.advantage li {
	width: 50%;
	float: left;
	padding: 30px;
}
.advantage li dt {
	width: 160px;
	float: left;
	margin-right: 30px;
}
.advantage li dt img {
	width: 100%;
}
.advantage li dd {
	float: left;
	width: calc(100% - 190px);
}
.advantage li dd h1 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
.advantage li dd p {
	font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
}
.advantage .ul_2 li dd h1 {
    color: #0e0c36;
}
.advantage .ul_2 li dd p {
    color: #0e0c36;
}



/*产品优势*/
.function {
	margin:100px auto 0;
	text-align: center;
}
.function .h1_title {
	display: inline-block;
	padding: 20px 40px;
	border-radius: 60px;
    background: #346eeb;
	color: #fff;
	letter-spacing: 2px;
}
.slideBox{
	position: relative;
}
.slideBox .a_form{
	position: absolute;
	bottom: 80px;
}
.slideBox .a_form:hover{
	color: #0e0c36;
	background: #fff;
}

.slideBox .hd{
	padding: 0 40px;
}
.slideBox .hd ul{
	text-align: center;
	border-bottom: 3px solid #346eed;
}
.slideBox .hd li{
	cursor: pointer;
	display: inline-block;
	width: auto;
	margin: 0 30px;
	padding: 20px 10px;
	font-size: 30px;
    color: #0e0c36;
    font-weight: 300;
}
.slideBox .hd li.on{
	font-size: 30px;
    font-weight: 600;
	border-bottom: 5px solid #346eed;
}

.slideBox .bd{
	width: 100%;
	margin-top: 80px;
	overflow: hidden;
}
.slideBox .cont{
	margin: 0 50px;
}
.slideBox .cont_l{
	padding: 0;
	position: relative;
}
.slideBox .cont_l img{
	max-width: 100%;
}
.slideBox .cont_l .pro_img{
	width: 94%;
	position: absolute;
	top: 16px;
	left: 18px;
	right: auto;
	border-radius: 8px !important;
}

.slideBox dl{
	margin-top: 5%;
	text-align: left;
	padding: 40px;
}
.slideBox dl p{ 
	font-size: 30px;
	line-height: 48px;
    font-weight: 300;
    color: #0e0c36;
}



/*适配产品*/
.applicable {
	margin:100px auto 0;
	background: #346eeb;
	color: #fff;
	padding: 60px 0;
}
.applicable .h1_title {
	color: #fff;
}
.applicable dl {
	width: 900px;
	background: #fff;
	border-radius: 30px;
	padding: 40px;
	position: relative;
}
.applicable dl dt {
	width: 120px;
	margin-right: 30px;
	float: left;
	overflow: hidden;
}
.applicable dl dt img {
	width: 100%;
}
.applicable dl dd {
	float: left;
	color: #0e0c36;
	font-size: 36px;
	font-weight: 400;
	margin-top: 12px;
}
.applicable .a_download{
	display: block;
	width: 80px;
	height: 80px;
	background: url("../images/download_ico.png") no-repeat 0px 0px;
	background-size: 80px 80px;
	position: absolute;
	top: 60px;
	right: 60px;
	-webkit-animation: loadingiteam 800ms linear alternate forwards infinite;
	animation: loadingiteam 800ms linear alternate forwards infinite;
}
@-webkit-keyframes loadingiteam {
	0% {
		top: 50px;
	}

	100% {
		top: 70px;
	}
}
@keyframes loadingiteam {
	0% {
		top: 50px;
	}

	100% {
		top: 70px;
	}
}


/*常见问题*/
.question{
	margin: 100px auto 0;
}
.questionList dl{
	padding: 30px 20px;
	overflow: hidden;
	margin: 0 80px;  
	transition: all 0.3s ease-out 0s;
	border-top: 1px solid #eeeeee;
}
.questionList dl:last-child{
	border-bottom: 1px solid #eeeeee;
}
.questionList dl dt{
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	color: #0e0c36;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	position: relative;
	cursor: pointer;
}
.questionList dl dt:after{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/ico_hide.png") no-repeat 0px 0px;    
	transition: all 0.3s ease-out 0s;
}
.questionList dl.on dt{
	color: #346eec;
}
.questionList dl.on dt:after{
	background: url("../images/ico_show.png") no-repeat 0px 0px;
}

.questionList dl dd{
	display: none;
	font-size: 18px;
    line-height: 30px;
    color: #646c74;
}
.questionList dl dd p{
	display: block;
	margin-top: 20px;
    font-weight: 300;	
}
.questionList dl dd ul{
	padding-left: 30px;
	margin-top: 20px;
}
.questionList dl dd li{
	padding-left: 20px;
	position: relative;
	font-weight: 300;
}
.questionList dl dd li:before {
	content: '';
    display: block;
    position: absolute;
	top: 14px;
    left: 0;
    width: 4px;
    height: 4px;
	border-radius: 50%;
    background: #646c74;
}

.question .more_box{
	margin: 20px 100px;  
}
.question .more_box h2{
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	color: #346eec;
}
.question .more_box p{
	font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #646c74;
}



.code{
	margin: 80px auto 0;
	width: 100%;
	padding: 80px 0;
	--slide-background: 240,243,248;
	background-color: rgba(var(--slide-background),1);
	background-image: url("../images/form_bg.jpg");
	background-blend-mode: multiply;
	background-size: cover;
}
.edu_form{
	background: #fff;
	border: 1px solid #000;
	margin-bottom: 30px;
	padding: 8px 24px;
    font-size: 16px;
	height: 46px;
}
label.edu_form{
	color: #212628;
	font-weight: 400;
}
select.edu_form{
	height: 46px;
}
.code .btn{
	display: block;
    padding: 20px 80px;
    border-radius: 60px!important;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #0e0c36;
    transition: all 0.5s ease;
	margin: 30px auto 0;
}
.code .btn:hover{
	color: #0e0c36;
    background: #fff;
}

.privacy_box{
	width: 100%;
    float: left;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: rgba(14,12,54,0.8);
	margin:  20px auto 0;
	position: relative;
	background: url("../images/line_1.png") no-repeat center center;
	background-size: auto 1px;
}
.privacy_box:hover{
	color: rgba(14,12,54,1);
}



/*侧边栏*/
.side_box{
	position: fixed;
	bottom: 20%;
	right: 16px;
	z-index: 2;    
	border-radius: 4px;
    background: #f0f3f8;
}
.side_box li{
	border-radius: 4px!important;
	cursor: pointer;
	text-align: center;
	padding: 10px;
	transition: all 0.3s;
	position: relative;
}
.side_box li:hover{
	background: #ff6300;
}
.side_box li .ico{
	display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
	background: url("../images/side_ico.png") no-repeat 0px 0px;
}

.side_box .li_totop .ico{
	background-position: 0px 0px;
}
.side_box .li_totop:hover .ico{
	background-position: -28px 0;
}
/*侧边栏 结束*/
/*------------edu.html  end----------------*/







@media (max-width: 639px){
	

}