/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html,body{font-family:"PingFang SC","Microsoft YaHei",DengXian,Arial,Simsun,SimHei,sans-serif}body{margin:0 auto}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-weight:400}html{min-width:1200px;height:100%}body{min-width:1200px;height:100%}.pull-left{float:left}.pull-right{float:right}.overflow{overflow:hidden}.margin-auto{margin:0 auto}.clearfix:after{content:" ";display:block;clear:both;height:0}.clearfix{zoom:1}.color-fff{color:#fff!important}.icon{background-size:100%;background-repeat:no-repeat;background-position:center}


.page{width:100%;height:100%;box-sizing:border-box}

.container{width:100%;height:100%;position:relative;overflow:hidden}
.page-two .page-two-container{overflow:hidden}
.page-nav{padding-left:80px;padding-top:40px;height:auto;position:absolute;left:0;top:0;font-size:0;width:100%;z-index:100}
.page-nav .teacher-login{width:120px;height:40px;text-align:center;cursor:pointer;float:right;line-height:40px;margin-right:80px;background-color:#2768f3;box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:20px;font-weight:400;color:#fff;font-size:16px}
.page-nav .logo{height: 40px;}
.page-two .cycle-one{position:absolute;max-width:1440px;left:50%;transform:translateX(-50%);border-radius:50%;border:1px dashed #D3DBEF}

.cycle-two{position:absolute;transform:translate(-50%,-50%);border-radius:50%;left:50%;top:50%;border:2px dashed #CED6ED}
.page-two .cycle-two{position:absolute;transform:translate(-50%,-50%);border-radius:50%;left:50%;top:50%;border:2px dashed #CED6ED}
.page-two .cycle-two-container{position:relative;box-sizing:border-box;width:100%;height:100%;top:0}
.page-two .center-img-list{color:#333}
.page-two .center-img-list li{display:none;overflow:hidden;padding-top: 50px;}
.page-two .center-img-list li.active{display:block}
.page-two .center-img-list li img{display:block;margin:.57rem auto 0}
.page-two .center-img-list li:nth-child(1) img{width:50.2%}
.page-two .center-img-list li:nth-child(2) img{width:50.2%}
.page-two .center-img-list li:nth-child(3) img{width:50.2%}
.page-two .center-img-list li:nth-child(4) img{width:50.2%}
.page-two .center-img-list li:nth-child(5) img{width:50.2%}
.page-two .center-img-list li:nth-child(6) img{width:50.2%}
.page-two .center-img-list li:nth-child(7) img{width:50.2%}
.page-two .center-img-list h4{font-size:32px;font-weight:400;text-align:center;margin-bottom:.2rem;margin-top:1rem}
.page-two .center-img-list p{font-size:14px;width:260px;margin:0 auto;line-height:24px;color:#333;text-align:center}

.animated{animation-duration:1s;animation-fill-mode:both}
.animated.fast{animation-duration:800ms}
.animated.faster{animation-duration:500ms}
.fadeIn{animation-name:fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.fadeInRight{animation-name:fadeInRight}

.page-two .around-img li{position:absolute;width:70px;height:70px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;transition:all .3s;-ms-flex-pack:center;justify-content:center}
.page-two .around-img li.active{transform:scale(2.14);border-radius:50%}
.page-two .around-img li.active img{width:80%}
.page-two .around-img li img{width:100%}
.page-two .around-img li:nth-child(1).active{background-color:rgba(255,192,91,.1)}
.page-two .around-img li:nth-child(2).active{background-color:rgba(72,198,255,.1)}
.page-two .around-img li:nth-child(3){left:50%;top:0;transform:translate(-50%,-50%)}
.page-two .around-img li:nth-child(3).active{background-color:rgba(0,214,126,.1);transform:translate(-50%,-50%) scale(2.14)}
.page-two .around-img li:nth-child(4).active{background-color:rgba(72,198,255,.1)}
.page-two .around-img li:nth-child(5).active{background-color:rgba(0,214,126,.1)}
.page-two .around-img li:nth-child(6).active{background-color:rgba(255,192,91,.1)}
.page-two .around-img li:nth-child(7).active{background-color:rgba(0,214,126,.1)}
.video-player.active{display:block;opacity:1}
.video-player.active .mask{background-color:rgba(0,0,0,.5)}

.page-two .page-two-container{overflow:hidden}
.page-two .page-two-title{font-size:40px;font-weight:400;color:#333;position:relative;margin-top:-41px;text-align:center}
.page-two .page-two-title:after{position:absolute;content:'';display:block;width:100px;height:6px;background-color:#2D73F5;bottom:-15px;left:50%;margin-left:-50px;border-radius:3px}


.page-three{background-image: url('产品功能背景.png')}
.page-three .page-three-container{overflow:hidden}

.page-three .page-three-title{font-size:40px;font-weight:400;color:#fff;margin:1.6rem auto 1.2rem;text-align:center;position:relative}@media screen and (max-width:1360px){.page-three .page-three-title{margin:1rem auto 1.2rem}}
.page-three .page-three-title:after{display:block;content:'';position:absolute;width:100px;height:6px;background-color:#fff;bottom:-20px;border-radius:3px;left:50%;margin-left:-50px}




.page-three  .page-five-card-item{position:absolute;background-color:transparent;box-sizing:border-box;text-align:center;background-size:100%;background-position:center;background-repeat:no-repeat}
.page-three  .page-five-card-item h4{font-size:28px;font-weight:400;margin-top:.6rem;position:relative;z-index:1;display:inline-block}
.page-three .page-five-card-item h4 div:after{display:block;content:'';position:absolute;width:100%;height:13px;background-color:#E5F3FF;z-index:-1;bottom:0;left:50%;transform:translateX(-50%)}
.page-three  .page-five-card-item ul{margin-top:40px}

.page-three .page-five-cards{position:relative;width:1148px;height:670px;margin:.6rem auto 0}

.page-three  .page-five-card-item li{margin-top:30px;display:-ms-flexbox;display:flex;text-align:left}
.page-three  .page-five-card-item li .card-info{margin-left:15px}
.page-three  .page-five-card-item li .icon{-ms-flex-negative:0;flex-shrink:0}
.page-three  .page-five-card-item li h5{font-size:22px;font-weight:400}
.page-three  .page-five-card-item li p{color:#999;font-size:14px;margin-top:8px;line-height:20px}
.page-three  .page-five-card-item li img{margin-top: -10px;}
.page-three  .page-five-card-item li img{width: 60px;height: 60px;}
.page-three  .page-five-card-item .card-icon{width: 60px;height: 60px;background-size: 100%; background-image: url('云端.png');}

/*1*/
.page-three  .page-five-card-item li h5{font-size:20px;font-weight:400}
.page-three  .page-five-card-item li p{color:#999;font-size:12px;margin-top:8px;line-height:18px}
.page-three  .page-five-card-item .card-icon{width: 50px;height: 50px;background-size: 100%; background-image: url('云端.png');}
.page-three  .page-five-card-item .card-icon.i1{background-image: url('i0.png')}
.page-three  .page-five-card-item .card-icon.i2{background-image: url('i2.png')}
.page-three  .page-five-card-item .card-icon.i3{background-image: url('i7.png')}
.page-three  .page-five-card-item .card-icon.i4{background-image: url('i4.png')}
.page-three  .page-five-card-item .card-icon.i5{background-image: url('i05.png')}
.page-three  .page-five-card-item .card-icon.i6{background-image: url('i6.png')}
.page-three  .page-five-card-item .card-icon.i7{background-image: url('i3.png')}
.page-three  .page-five-card-item .card-icon.i8{background-image: url('i13.png')}
.page-three  .page-five-card-item .card-icon.i9{background-image: url('i9.png')}
.page-three  .page-five-card-item .card-icon.i10{background-image: url('i10.png')}
.page-three  .page-five-card-item .card-icon.i11{background-image: url('i11.png')}
.page-three  .page-five-card-item .card-icon.i12{background-image: url('i12.png')}

/**/

.page-three .page-five-card-item:nth-child(1){left:0;width:374px;height:630px;background-color: #fff}@media screen and (max-width:1200px){.page-three .page-five-card-item:nth-child(1){height:430px}}
.page-three .page-five-card-item:nth-child(1) ul{margin-left:.35rem}

.page-three .page-five-card-item:nth-child(2){box-shadow:0 0 30px 20px rgba(150,185,254,.2);left:50%;margin-left:-200px;top:-20px;z-index:100;width:400px;height:670px;background-color: #fff}@media screen and (max-width:1200px){.page-three  .page-five-card-item:nth-child(2){height:470px}}
.page-three .page-five-card-item:nth-child(2) ul{margin-left:.35rem}

.page-three .page-five-card-item:nth-child(3){right:0;height:630px;width:374px;background-color: #fff}@media screen and (max-width:1200px){.page-three .page-five-card-item:nth-child(3){height:430px}}
.page-three .page-five-card-item:nth-child(3) ul{margin-left:.35rem}


.page-four .page-three-title{font-size:40px;font-weight:400;color:#333;margin:1.6rem auto 1.2rem;text-align:center;position:relative}@media screen and (max-width:1360px){.page-three .page-three-title{margin:1rem auto 1.2rem}}
.page-four .page-three-title:after{display:block;content:'';position:absolute;width:100px;height:6px;background-color:#2D73F5;bottom:-20px;border-radius:3px;left:50%;margin-left:-50px}

.psix{background-image: url('应用背景.png')}


.page-five-img{width:488px;height:568px;background:#fff;border:30px solid rgba(255, 255, 255, 1);
box-shadow:0px 4px 40px 0px rgba(0,115,193,0.65);overflow:hidden;margin-left: 520px;border-radius: 8px;}
.right-img{width: 428px;height: 508px;border-radius: 8px;}


.leftselect{float: left;width: 350px;}
.leftselect ul li{margin-left: 90px;}
.left-img img{width: 70px;height: 70px; float: left;margin-top: 23px;margin-left: 23px;}
.left-img{background-color: #fff;width: 108px;height: 116px;float: left;border-radius: 116px 0 0 116px;}
.left-case{width:480px;height:116px;background:rgba(255,255,255,1);margin-bottom: 60px;color: #308BF2;margin-left: 100px;}

.left-text{width: 300px;height: 116px;float: left;text-align: left;}
.left-text h3{font-size: 32px;width: 300px;margin-top: 20px;font-weight: 800;}
.left-text p{font-size: 14px;width: 300px;margin-top: 8px;line-height: 20px;}

.left-case:hover{color: #0B58AD;}


.slide-container{width:100%;height:100%;overflow:hidden;position:relative}
.slide-container .slide-page{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-text-size-adjust:none;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;background-position:center}
.slide-container .slide-page{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.slide-container .slide-page.transition{transition:all 700ms cubic-bezier(0.55,.085,0,.99);-webkit-transition:all 700ms cubic-bezier(0.55,.085,0,.99)}

.navgation{position:fixed;z-index:1000;right:.6rem;top:50%;transform:translateY(-50%)}
.navgation li{transition:all .3s;cursor:pointer;position:relative;width:3px;height:30px;margin-bottom:10px;background-color:rgba(255,255,255,.3)}
.navgation li.active{background-color:#2d73f5;height:100px}
.navgation li:after{position:absolute;content:'';display:block;left:-10px;width:20px;height:100%}
.navgation.blue li{background-color:rgba(45,115,245,.3)}
.navgation.blue li.active{background-color:#fff}
.hide{display:none}
.show{display:block}

.control-btn{position:fixed;bottom:.4rem;width:.4rem;height:.4rem;right:.6rem;z-index:100;cursor:pointer}
.control-btn .icon{width:100%;height:100%;transition:all .3s;display:block}




/*20200321金榜顶部导航宽度*/
.public_header .container{width: 1200px;margin: 0 auto;}
.banner-top li{float: left;}

/*第五栏宽度*/
.design_five .container{width: 1200px;margin: 0 auto;}


/*0322金榜服务CSS*/

.oh-nav .oh-nav-list .oh-nav-item a.oh-navitem-link:hover{
	color:#01b0ff;
}

.study{
	width: 370px;height: 78px;margin: 0 auto;position: relative;top: 370px;left: 270px;text-align: center;
}
.study1{
	width: 370px;height: 78px;margin: 0 auto;position: relative;top: 370px; right: 352px;text-align: center;
}
.study2{
	width: 370px;height: 78px;margin: 0 auto;position: relative;top: 95px;right:150px;text-align: center;
}
.study_title{
	font-size: 35px;
	color:#01b0ff;
}
.study_small{
	font-size: 14px;
	color:#727272;
	margin-top: 10px;
}
a:hover{text-decoration: none}
.more{
	font-size: 20px;color: #323232;float: right;cursor: pointer;
}
.more a:hover{
	color:#01B0FF;
}
.news_jin{
	width: 600px;height: 668px;float: right;margin-top: 20px;
}
.news_title{
	width: 100%;height: 30px;margin-top: 30px;margin-left: 50px;
}
.news_title:first-of-type{
	margin-top: 25px;
}
.news_titles{
	font-size: 16px;color: #404040;margin-top:4px;cursor: pointer;
}
.news_small{
	font-size: 12px;color: #c5c6c7;
}
.news_titles a:hover{
	color:#01b0ff;
}
.zui_news{
	width: 355px;height: 200px;margin: 0 auto;position: relative;top: 40px;
}
.service_jin{
	width: 290px;
	height: 442px;
	margin-top: 30px;
	float: left;
	margin-left: 6px;
	cursor: pointer;
}

.jinservice{
	width: 160px;
    height: 200px;
    top: -327px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.service_title{
	font-size: 35px;color:#ffffff;margin-top: 50px;
}
.foot_content{
	width: 100px;
	height: 200px;
	float: left;
	margin-left:95px;
}
.foot_content:first-of-type{
	margin-left: 0px;
}
.foot_title{
	font-size: 18px;
	color: #323232;
	font-weight: 800;
}
.list-unstyled li{
	font-size: 14px;
	color: #323232;
	line-height: 30px;
}
.list-unstyled li a:hover{
	color:#01b0ff;
}
.kefu_image{
	width: 170px;
    height: 50px;
    background-color: #323232;
    border-radius: 25px;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
}
.kefu_image:hover{
    background-color: #01B0FF;

}


.service_jin:hover >.image_box1 img{
    transform: scale(1.1);
}

.image_box1 img{
    width: 100%;
    height: 100%;
    transition: ease .5s;
}
.image_box1{
	width: 290px;
    height: 442px;
	overflow: hidden;
}
.jin_news{
	font-size: 35px;color: #404040;
	margin-top: 8px;
}
.jin_news a:hover{
	color: #01B0FF;
}