#app {
	box-sizing: unset;
}
.banner{
	background: none;
	height: 860px;
}
.banner-h5{
	display: none;
}
.banner-wrap{
	background: url(/homepage/asset/frontend/doubleTeacher/img/bg_18f64455b7.png) no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 860px;
	position: relative;
	padding-top: 80px;
	overflow: hidden;
}
.banner-right-top-img{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 44%;
	z-index: 2;
}
.nav .logo{
	display: block;
	float: left;
	width: 250px;
	height: 24px;
	background: url(/homepage/asset/frontend/doubleTeacher/img/logo-blue_23c2c1190d.png) center center no-repeat;
	background-size:contain;
	cursor: pointer;
}

.header-center {
	height: 100%;
}
.header-center .ul-box{
	flex: 1;
	justify-content: center;
}
.header-center ul li>a{
	color: #3D4D69;
	font-size:14px;
	height: 45px;
	display: block;
	font-size: 16px;
}
.header-center.header-center-white ul li>a{
	color: #fff;
}
.header-center ul li .menu-item-box{
	position: absolute;
	top: 50px;
	cursor: default;
	left: -50px;
	display: none;
}
.header-center ul li .menu-back{
	display: none;
}
.menu-back{
	position: absolute;
	left: 0;
	right: 0;
	background:rgba(255,255,255,0.1);
	height: 25px;
	top: 25px;
	border-radius: 10px 10px 0 0 ;
}
.menu-list{
	border-radius: 10px;
	width: 366px;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	flex-direction: row;
	flex-wrap: wrap;
	background:rgba(255,255,255,0.1);
	box-shadow:10px 10px 40px 0px rgba(23,149,255,0.5);
	justify-content: space-between;
	height: auto;
}
.menu-list a{
	font-size:12px;
	min-width: 80px;
	display: block;
	position: relative;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:17px;
	margin-bottom: 8px;
	cursor: pointer;
	transition: all .3s ease;
}

.ul-box>ul>li>a:after{
	display: none;
	position: absolute;
	content: '';
	bottom: 6px;
	left: 10px;
	right: 10px;
	height: 2px;
	background: #1795FF;
}
.header-center.header-center-white .ul-box li>a:after{
	background: #fff;
}
.ul-box li.active>a,
.ul-box li:hover>a{
	color: #1795FF;
}
.header-center.header-center-white .ul-box li.active>a,
.header-center.header-center-white .ul-box li:hover>a{
	color: #fff;
}
.ul-box li.active>a:after{
	display: block;
}
.ul-box li:hover>a:after{
	display: block;
}
.header-center ul li:hover>a.hover:after{
	display: none;
}
.header-center ul li:active .menu-item-box,
.header-center ul li:hover .menu-item-box,
.header-center ul li:active .menu-back,
.header-center ul li:hover .menu-back{
	display: block;
	position: absolute;
}
.contact .phone{
	background: url(/homepage/asset/frontend/doubleTeacher/img/phone1_044dbbeae0.gif) no-repeat;
	width: 16px;
	height: 16px;
	background-size: contain;
	display: inline-block;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}
.banner{
	color:rgba(61,77,105,1);
	margin: 0 auto;
	position: relative;
}
.banner-left{
	background:url(/homepage/asset/frontend/doubleTeacher/img/pic0_0afffd5797.png) 0 0 no-repeat;
	background-size: 100% 100% ;
	width: 1031px;
	height: 710px;
	padding-top: 80px;
	box-sizing: border-box;
	padding-left: 150px;
	position: absolute;
	left: 0;
	text-align: left;
	z-index: 3;
}
.banner-right{
	width: 828px;
	height: 456px;
	background:url(/homepage/asset/frontend/doubleTeacher/img/illustration1_62212bd34b.png) 0 0 no-repeat;
	background-size: 100% 100% ;
	position: absolute;
	right: 0;
	top: 300px;
	z-index: 2;
}
.banner-left .title{
	height:84px;
	font-size:60px;
	font-weight:600;
	line-height:84px;
	letter-spacing:1px;
	color:#3D4D69;
}
.banner-left .content-main{
	margin-top: 7px;
	font-size:32px;
	font-weight:300;
	line-height:75px;
	color:#3D4D69;
;
}
.banner-left .content{
	margin-top: 2px;
	font-size:18px;
	font-weight:400;
	line-height:30px;
	width:530px;
	overflow: hidden;
}
.banner-left .content span{
	display: inline-block;
	position: relative;
	margin-right: 20px;
	margin-bottom:15px;
	color:#3D4D69;
}
.banner-left .content span .small-font{
	font-size: 18px;
}
.banner-left .content span:after{
	content: '';
	display: block;
	position: absolute;
	right: calc(100% + 10px);
	top: 10px;
	background: rgba(61,77,105,1);
	width: 6px;
	height: 6px;
	border-radius: 3px;
}
.banner-left .btn-box{
	margin-top: 56px;
}
.solution-box{
	background: #FEFEFE;
	position: relative;
}
.solution-box .left-img{
	background: url(/homepage/asset/frontend/doubleTeacher/img/pic2_6512f6310d.png) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 266px;
	height: 459px;
	display: block;
	position: absolute;
	left: 0;
	top: -199px;
}
.solution-box .right-img{
	background: url(/homepage/asset/frontend/doubleTeacher/img/pic5_eaeae94cfe.png) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 360px;
	height: 1050px;
	display: block;
	position: absolute;
	right: 0;
	top: 60px;
}
.solution-width{
	width: 1250px;
	margin: 0 auto;
	padding-top: 86px;
	text-align: center;
	position: relative;

}
.title-ch{
	font-size:36px;
	font-weight:400;
	color:rgba(61,77,105,1);
	line-height:50px;
	z-index: 10;
}
.title-ch-small{
	font-size:24px;
}
.title-en{
	font-size:24px;
	font-weight:300;
	color:rgba(189,198,207,1);
	line-height:21px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.solution-title-back{
	position: absolute;
	left: 160px;
	width: 828px;
	height: 276px;
	top: 68px;
}
.solution-content-back{
	position: absolute;
	left: -50px;
	width: 1300px;
	height: 1006px;
	top: 531px;
}
.solution2{
	overflow: hidden;
	padding: 40px 70px;
	padding-bottom: 0;
}
.solution2 li{
	float: left;
	width: 310px;
}
.solution2 li.center-li{
	margin-left: 90px;
	margin-right: 90px;
}
.solution2 li .li-title{
	font-size:18px;
	font-weight:400;
	color:rgba(61,77,105,1);
	line-height:21px;
	margin-bottom: 11px;
}
.solution2 li .li-content{
	font-size:16px;
	font-weight:400;
	color:rgba(145,156,166,1);
	line-height:22px;
}
.solution3{
	text-align: center;
	margin-top: 80px;
	position: absolute;
	left:50%;
	margin-left: -120px;
}
.solution4{
	margin-top: 280px;
}
.solution5{
	overflow: hidden;
	padding:40px;
	padding-top: 130px;
}
.solution5 li{
	float: left;
	width:370px;
	height:250px;
	background:rgba(255,255,255,1);
	box-shadow:0px 10px 40px 0px rgba(0,0,0,0.1);
	border-radius:10px;
	position:relative;
	box-sizing: border-box;
	padding-top:32px;
	padding-left:15px;
	text-align:left;
	transition: all .3s ease;
}
.solution5 li:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.solution5 li img{
	position: absolute;
	display: block;
	top: -64px;
	right: 20px;
}
.solution5 li.center-li{
	margin-left: 29px;
	margin-right: 29px;
}
.solution5 .li-title{
	font-size:24px;
	font-weight:400;
	color:rgba(61,77,105,1);
	line-height:33px;
	margin-bottom:38px;
}
.solution5 .li-content{
	position:relative;
	font-size:14px;
	padding-left:37px;
	font-weight:400;
	color:rgba(9,29,45,1);
	line-height:21px;
	margin-bottom:19px;
}
.solution5 .li-content:after{
	position:absolute;
	content:"";
	left:0;
	width:24px;
	height:24px;
	background: url(/homepage/asset/frontend/doubleTeacher/img/bound_dda694a362.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.contact{
	position: relative;
}
.contact-back{
	display:block;
	width:100%;
}
.contact-color{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height: 50%;
	background: rgba(241, 243, 245, 0.5);
	z-index: -1;
}
.contact-box{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	margin-top:-22px;
	transform: translateY(50%);
	text-align:center;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-box a {
	transition: all .3s;
}
.contact-box a:hover {
	transform: scale(1.1);
}
.contact-box span{
	margin-right:40px;
	font-size:24px;
	line-height:46px;
	position:relative;
	padding-left:48px;
}
.contact-box .btn{
	height:44px;
	line-height:44px;
}
.contact-box span:after{
	position:absolute;
	content:'+';
	width:28px;
	height:28px;
	background:#fff;
	border-radius:16px;
	left:0;
	top: 8px;
	color:#30B6F2;
	line-height:28px;
	text-align: center;
	font-weight:600;
}
.introduce-box{
	background-color: rgba(241, 243, 245, 0.5);
}
.introduce{
	width:100%;
	height:975px;
	padding-top: 32px;
	box-sizing:border-box;
	background:url(/homepage/asset/frontend/doubleTeacher/img/pic7_394a92b9e0.png) no-repeat;
	background-size:cover;
	text-align:center;
}
.introduce-content{
	width:1000px;
	margin:0 auto;
}
.introduce-content .title-ch-small{
	font-size:18px;
	line-height:30px;
}
.introduce-img{
	width:1114px;
	height:605px;
	display:block;
	margin:0 auto;
	margin-top:118px;
}
.introduce-btn{
	margin-top: -70px;
	position: relative;
}
.system-introduce{
	position: relative;
}
.system-back{
	position: absolute;
	width: 100%;
	height: 679px;
	background: url(/homepage/asset/frontend/doubleTeacher/img/picback_9ba4aadd16.png) 0 0 no-repeat;
	background-size: 100% 100%;
	margin-top: -140px;
	z-index: -1;
}
.introduce-system{
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 124px;
}
.introduce-system .system-right{
	position: absolute;
	right: 0;
	top:60px;
	width: 305px;
	height: 872px;
}
.video-introduce{
	width: 100%;
	display: flex;
	justify-content: center;
}
.video-introduce .video-wrap{
	width: 480px;
	height: 270px;
	position: relative;
	margin: 0 20px;
	box-shadow:0px 10px 40px 0px rgba(0,0,0,0.1),0px 10px 40px 0px rgba(0,0,0,0.1);
	border-radius: 8px;
}

.video-wrap .text{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -50px;
	color: #3D4D69;
	font-size:18px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
}
.video-wrap .video-limit{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	cursor: pointer;
}

.video-limit .video-poster{
	width: 100%;
}

.video-layer{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.7);
	z-index: 2;
}

.video-layer .video-wrap{
	width: 960px;
	height: 540px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.video-wrap .video-playing{
	width: 100%;
}

.video-wrap .close-btn{
	position: absolute;
	top: -40px;
	right: 0;
	width: 32px;
	height: 32px;
	background-image: url(/homepage/asset/frontend/doubleTeacher/img/close_4bcbe04a7c.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	cursor: pointer;
}

.system-backimg{
	width: 100%;
	height: 1135px;
	background: url(/homepage/asset/frontend/doubleTeacher/img/pic9_b77f0e92c4.png) center top no-repeat;
	background-size: cover;
	display: block;
	margin-top: 152px;
}
.system-content{
	position: absolute;
	top: 182px;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 800px;
}
.system-content .system-right li{
	margin-top: 76px;
	line-height: 33px;
	color:rgba(61,77,105,1);
	font-size: 24px;
	padding-left: 32px;
	position: relative;
	text-align: left;
	cursor: pointer;
}
.system-content .system-right li:after{
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #BDC6CF;
	display: block;
	left: 0;
	top: 8px;
}
.system-content .system-right li.item1{margin-left: 24px;}
.system-content .system-right li.item2{margin-left: 64px;}
.system-content .system-right li.item3{margin-left: 88px;}
.system-content .system-right li.item4{margin-left: 95px;}
.system-content .system-right li.item5{margin-left: 85px;}
.system-content .system-right li.item6{margin-left: 57px;}
.system-content .system-right li.item7{margin-left: 10px;}
.system-content .system-right li:hover{
	color:rgba(23,149,255,1);
}
.system-content .system-right li:hover:after{
	background: rgba(23,149,255,1);
}
.system-content .system-right li.cur{
	color:rgba(23,149,255,1);
}
.system-content .system-right li.cur i{
	display: block;
	width:255px;
	height:26px;
	background:linear-gradient(270deg,rgba(23,149,255,0) 0%,rgba(23,149,255,1) 100%);
	border-radius:12px 0px 0px 12px;
	opacity:0.31;
	filter:blur(4px);
	position: absolute;
	left: -2px;
	top: 3px;
}
.system-content .system-right li.cur:after{
	background: #fff;
}
.system-left .sec_01{
	padding-left: 100px;
}

.sec_01 .video-box{
	width: 320px;
	height: 480px;
	background:rgba(255,255,255,1);
	box-shadow:0px 10px 40px 0px rgba(0,0,0,0.1);
	border-radius:16px;
	box-sizing: border-box;
	overflow: hidden;
}
.video-box{
	transition: all .3s ease;
}
.video-box:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
#video1{
	margin-top: -30px;
}
#video2{
	margin-top: 37px;
}
.system-left>div{
	display: none;
}
.system-left>.show{
	display: block;
}
.sec_01 .sec_01_right{
	margin-left: 22px;
	margin-top: 210px;
}
.sec_01 .video-img{
	width:320px;
	height:240px;
	overflow: hidden;
	position: relative;
	display: block;
}
.sec_01 .video-img img{
	width: 320px;
	height: 240px;
	display: block;
}
.sec_01 .video-img p{
	background:rgba(61,77,105,0.2);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sec_01 .video-img span{
	background:url(/homepage/asset/frontend/doubleTeacher/img/video_8f3f3a29de.png) 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
}
.sec_01 .video-info{
	padding: 15px 12px;
	box-sizing: border-box;
	text-align: left;
	color:rgba(61,77,105,1);
	line-height:33px;
	font-size:14px;
}
.sec_01 .video-info .video-title{
	font-size:24px;
}
.sec_01 .video-info .video-title a{
	font-size:14px;
	color:rgba(23,149,255,1);
	line-height:40px;
	float: right;
	cursor: pointer;
}
.sec_01 .video-info .video-con{
	position: relative;
	padding-left: 26px;
}
.sec_01 .video-info .video-con:after{
	position: relative;
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width:13px;
	height:13px;
	border-radius: 7px;
	background:linear-gradient(317deg,rgba(50,197,255,1) 0%,rgba(23,149,255,1) 100%);
	box-shadow:0px 5px 10px 0px rgba(23,149,255,0.32),0px 0px 1px 0px rgba(255,255,255,1),0px 0px 1px 0px rgba(255,255,255,1);
}

.sec_02,
.sec_03{
	width: 800px;
	margin-top: 130px;
}
.sec_02{
	margin-top: 40px;
}
.sec_02 ul,
.sec_03 ul{
	overflow: hidden;
}
.sec_02 ul li,
.sec_03 ul li{
	margin-bottom: 25px;
	float: left;
	width: 400px;
	overflow: hidden;
}
.sec_02 ul li>img,
.sec_03 ul li>img{
	display: block;
	float: left;
	width: 154px;
	height: 154px;
}
.sec_02 ul li>div,
.sec_03 ul li>div{
	display: block;
	float: left;
	width: 246px;
}
.sec_02 ul li>div>p,
.sec_03 ul li>div>p{
	text-align: left;
	font-size:16px;
	color:rgba(145,156,166,1);
	line-height:26px;
}
.sec_02 ul li>div>p.title,
.sec_03 ul li>div>p.title{
	margin-bottom: 9px;
	margin-top: 15px;
	font-size:18px;
	color:rgba(61,77,105,1);
	line-height:21px;
}
.sec_04{
	text-align: left;
}
.sec_04>p{
	width:576px;
	height:60px;
	font-size:18px;
	color:rgba(61,77,105,1);
	line-height:30px;
	padding-left: 8px;
	margin-bottom: 46px;
	margin-left: 57px;
}
.sec_04>img.img1{
	width: 727px;
	display: block;
	margin-bottom: 49px;
	margin-left: 57px;
}
.sec_04>img.img2{
	width: 718px;
	display: block;
}
.sec_05{
	position: relative;
	margin-top: 262px;
}
.sec_05>img{
	position: absolute;
	top: 60px;
	left: 66px;
	z-index: -1;
}
.sec_05 .line{
	overflow: hidden;
}
.sec_05 .line2{
	padding-top: 26px;
	padding-left: 225px;
}
.sec_05 .line>div{
	float: left;
	margin-right: 70px;
}
.sec_05 .line .mt{
	margin-top: 80px;
}
.sec_05 .line .mb{
	margin-top: -20px;
}
.sec_05 .line>div p{
	font-size:18px;
	color:rgba(61,77,105,1);
	line-height:21px;
	text-align: center;
	margin-top: -20px;
}
.sec_05 .line3{
	position: absolute;
	top: 225px;
}
.sec_06{
	overflow: hidden;
	padding-top: 65px;
	margin-left: 50px;
}
.sec_06 .sec_06_left{
	width: 185px;
}
.sec_06 .sec_06_left>div:nth-child(1){
	margin-bottom: 218px;
	margin-top: -50px;
}
.sec_06 .sec_06_left>div:nth-child(2){
	margin-bottom: 160px;
}
.sec_06 .sec_06_left>div p{
	margin-top: -30px;
	font-size:18px;
	color:rgba(61,77,105,1);
	line-height:21px;
	text-align: center;
}
.sec_06 .sec_06_right>div{
	overflow: hidden;
	padding-left: 20px;
}
.sec_06 .num_back{
	width:50px;
	height:258px;
	background:linear-gradient(180deg,rgba(51,199,255,1) 0%,rgba(23,149,255,1) 100%);
	box-shadow:0px 10px 20px 0px rgba(23,149,255,0.3);
	color: #1795FF;
	border-radius: 25px;
	text-align: center;
}
.sec_06 .right_02 .num_back{
	width:50px;
	height:187px;
	background:linear-gradient(180deg,rgba(171,234,105,1) 0%,rgba(96,186,0,1) 100%);
	box-shadow:0px 10px 20px 0px rgba(109,212,0,0.3);
	color: #519D00;
}
.sec_06 .right_03 .num_back{
	width:50px;
	height:50px;
	background:linear-gradient(180deg,RGBA(237, 196, 83, 1) 0%,rgba(247, 114, 0, 1) 100%);
	box-shadow:0px 10px 20px 0px rgba(247, 114, 0, 0.5);
	color: #F77200;
}
.sec_06 .num_back span{
	display: inline-block;
	width:32px;
	height:32px;
	background:rgba(255,255,255,1);
	border-radius: 16px;
	line-height: 31px;
	text-align: center;
	margin-bottom: 34px;
}
.sec_06 .num_back span:first-child{
	margin-top: 8px;
}
.sec_06 .num_back span:nth-child{
	margin-bottom: 0;
}
.sec_06 .sec_06_right{
	margin-left: 0px;
}
.sec_06 .down{
	display: block;
	margin-left: 37px;
	margin-top: -31px;
}

.sec_06 .right_con{
	margin-top: 13px;
	margin-left: 9px;
}
.sec_06 .right_con p{
	margin-bottom: 44px;
	font-size:18px;
	color:rgba(61,77,105,1);
	line-height:25px;
	text-align: left;
	width: 495px;
}
.sec_07{
	width: 747px;
	padding-top: 180px;
}
.sec_07 p{
	font-size:18px;
	color:rgba(61,77,105,1);
	line-height:30px;
	text-align: center;
}
.sec_07 p.title{
	font-size:24px;
	line-height:33px;
	margin-bottom: 16px;
}
.map-box{
	/* height: 1073px; */
	position: relative;
	padding-top: 58px;
	padding-bottom: 87px;
	box-sizing: border-box;
	background:linear-gradient(0,rgba(50,197,255,1) 0%,rgba(24,150,255,1) 100%);
}
.map-box .map-img{
	position: relative;
	display: block;
	background: url(/homepage/asset/frontend/doubleTeacher/img/illustration3_088753e992.png) center top no-repeat;
	background-size: cover;
	width: 100%;
	max-width: 1920px;
	height: 1015px;
	margin: 0 auto;
}
.map-box .map-img2{
	position: absolute;
	width: 1023px;
	height: 761px;
	left: 50%;
	margin-left: -454.5px;
	margin-top: 220px;
	display: block;
	background: url(/homepage/asset/frontend/doubleTeacher/img/double-teacher_e486a2b702.png) center top no-repeat;
	background-size: cover;
	transition: all .3s ease;
}
.map-box .map-img2:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
/* .map-box img{
	display: block;
} */
.map-box .map-content{
	position: absolute;
	left: 0;
	top: 58px;
	width: 100%;
	color: #fff;
	text-align: center;
}
.map-box .map-content .title-ch{
	color: #fff;
}
.map-box .map-content .title-en{
	color: #fff;
}
.map-box .map-content .title-ch span{
	color: #fff;
	font-family: auto;
	font-size: 36px;
	font-weight: 600;
	margin: 0 20px;
	display: inline-block;
	left: 0;
	top: 14px;
}
.map-box .map-content .title-ch .salt{
	font-style: normal;
	display: inline-block;
	transform: translate(-12px, -18px);
}
.map-box .btns{
	text-align: center;
}
.map-box .btn{
	background:rgba(255,255,255,0.9);
	box-shadow:0px 10px 20px 0px rgba(20,133,229,0.3);
}
.field-box{
	text-align: center;
	color:rgba(61,77,105,1);
	line-height:21px;
}
.field-content{
	margin-top: -500px;
}
.field-back{
	width: 100%;
	height: 640px;
	background: url(/homepage/asset/frontend/doubleTeacher/img/pic10_a9670f7793.png) center top no-repeat;
	background-size: cover;
	display: block;
}
.field-back2{
	/* position: absolute; */
	width: 100%;
	background: url(/homepage/asset/frontend/doubleTeacher/img/pic11_5403072d86.png) center top no-repeat;
	background-size: cover;
	display: block;
	height: 1242px;
	margin-top: -220px;
}
.field-item{
	width: 200px;
	padding-top: 12px;
}
.field-item p{
	font-size:18px;
	color:rgba(61,77,105,1);
	line-height:21px;
}
.field-line{
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 44px;
	text-align: center;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;

}
.field-box .btns{
	margin-top: -980px;
}
.custom-box{
	margin-top: 69px;
}
.custom-box .custom-list{
	width: 1280px;
	margin: 0 auto;
	margin-top: 63px;
	margin-bottom: 110px;
}
.custom-box .custom-list img{
	transition: all .3s ease;
}
.custom-box .custom-list img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.news{
	text-align: center;
	width: 100%;
	padding: 50px 0;
	box-sizing: border-box;
	position: relative;
	background:linear-gradient(360deg,rgba(50,197,255,1) 0%,rgba(24,150,255,1) 100%);
}
.news .back{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/homepage/asset/frontend/doubleTeacher/img/pic41_4d1b93e873.png) center top no-repeat;
	background-size: contain;
}
.news > .news-list{
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}
.news .news-list .flex{
	margin-bottom: 20px;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}
.news .news-list .news-list-link{
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
	border-radius: 10px;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	position: relative;
}
.news .news-list .news-list-link .icon-dot{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #1795FF;
}
.news .news-list .news-list-link .news-link-item {
	display: inline-block;
	font-size: 14px;
	overflow: hidden;
	flex-grow: 1;
}
.news .news-list .news-list-link .news-link-title{
	float: left;
	width: 350px;
	margin-left: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
.news .news-list .news-list-link .divider{
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 50%;
	border: 1px solid #E5E5E5;
	border-style: none solid none none;
}
.news .news-list .news-list-link .news-link-title:hover {
	color: #1795FF
}
.news .news-list .news-list-link .news-list{
	width: 46%;
	display: inline-block;
	text-align: left;
	font-size: 12px;
	height: 35px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news .news-list .news-list-link .news-link-time{
	float: right;
	font-size: 12px;
	color: #415874;
	height: 30px;
	line-height: 30px;
}
.news .news-item{
	background:rgba(255,255,255,1);
	box-shadow:0px 10px 20px 0px rgba(12,60,101,0.3);
	border-radius: 10px;
	width: 286px;
	height: 240px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	transition: all .3s ease;
	margin-bottom: 20px;
}
.news .news-item img{
	width: 100%;
	height: 178px;
	display: block;
}
.news .news-item:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.news .news-title{
	margin-top: 6px;
	padding-left: 8px;
	/* padding-right: 8px; */
	font-size:14px;
	color:rgba(34,42,65,1);
	line-height:26px;
	text-align: left;
	text-shadow:0px 10px 20px rgba(12,60,101,0.3);
}
.news .news-time{
	position: absolute;
	bottom: 7px;
	right: 8px;
	font-size:12px;
	color:rgba(153,153,153,1);
	line-height:17px;
	text-align: right;
	text-shadow:0px 10px 20px rgba(12,60,101,0.3);
}
.news .title-ch,
.news .title-en{
	color: #fff;
}
.news .btns{
	margin-top: 60px;
}
.news .btn{
	background: transparent;
	color: #fff;
	box-shadow:none;
	position: relative;
}
.news .btn:hover{
	background:rgba(255,255,255,0.2);
	box-shadow:0px 10px 20px 0px rgba(20,133,229,0.3);
	border-radius:30px;
}
.news .btn i{
	display: inline-block;
	background: #fff;
	border-radius: 9px;
	width: 18px;
	height: 18px;
	margin-left: 7px;
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
	transform: translateY(1px);
	position: relative;
}
.news .btn i:after{
	position: absolute;
	content: "";
	background: url(/homepage/asset/frontend/doubleTeacher/img/right_e3a2d66162.png) 0 0 no-repeat;
	background-size: 100% 100%;
	width: 12px;
	height: 12px;
	left: 3px;
	top: 3px;
	display: block;
}

.btn-box a, .solution3 a, .btns a, #submit {
	transition: all .3s;
}
.btn-box a:hover, .solution3 a:hover, .btns a:hover {
	transform: scale(1.1);
}

/*H5适配*/
@media only all and (max-width: 768px){
	body,html{
		min-width: 100vw;
		width: 100vw;
	}
	#app {
		background: #F7F8F9;
	}
	.title-ch {
		font-size: 6.4vw;
		line-height: 23.8vw;
	}
	.title-en {
		display: none;
	}  
	.header {
		display: none;
	}

	.banner-h5{
		height: 68.4vw;
		background: #1795FF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	.banner-h5 .content-main{
		display: block;
		margin-top: 0;
		font-size: 4.5vw;
		font-weight: 300;
		line-height: 5.5vw;
		color: #fff;
		text-align: center;
		padding: 0 2vw;
	}
	.content-sub-main{
		font-size: 3.5vw;
		color: #fff;
		line-height: 13vw;
	}
	.banner-h5 .title{
		margin-top: 11.2vw;
		height: 8.8vw;
		color: #fff;
		font-size: 6.4vw;
		font-weight: 600;
		line-height: 8.8vw;
		letter-spacing: 0;
		margin-bottom: 3vw;
	}

	.nav{
		display: none;
	}
	.introduce-box {
		position: relative;
		z-index: 1;
		height: unset;
	}
	.introduce-box .introduce{
		padding-top: 0;
		background: none;
		height: unset;
	}
	.introduce-box .introduce-content{
		width: 100%;
	}
	.introduce .title-ch-small{
		color: #737583;
		font-size: 3.8vw;
		width: 90%;
		margin: 2vw auto;
		text-align: justify;
	}
	.introduce .introduce-img{
		width: 100%;
		height: unset;
		margin: 4vw 0;
	}
	.introduce-system {
		margin-top: 0;
		margin-bottom: 20vw;
		position: relative;
		z-index: 0;
	}
	.introduce-system .introduce-backimg{
		width: 100%;
	}

	.map-box{
		padding: 0;
		position: relative;
		z-index: 0;
		text-align: center;
	}
	.mobile-content .map-title{
		color: #fff;
		font-size: 5.2vw;
		padding-top: 5vw;
	}
	.mobile-content .map-desc{
		color: #fff;
		font-size: 3.6vw;
	}
	.map-room-count {
		color: #fff;
		font-size: 3.6vw;
	}
	.map-room-count .count{
		font-size: 5vw;
		margin: 0 1vw;
		position: relative;
		display: inline-block;
		color: #fff;
		font-family: auto;
		top: 2.4vw;
	}
	.map-room-count .salt{
		content: '+';
		position: relative;
		font-size: 4vw;
		left: -1vw;
		top: -2vw;
	}
	.map-box .map-img{
		height: unset;
		background-size: contain !important;
		background: url(/homepage/asset/frontend/doubleTeacher/img/4000+_c47b5edd69.png) center center no-repeat;
	}
	.map-box .map-img2{
		height: 80vw;
		position: unset;
		width: 100%;
		margin: 0;
	}
	.map-box .map-img2:hover{
		transform: none;
	}
	.field-box{
		position: relative;
		z-index: 0;
	}
	.field-box .field-content{
		margin: 0;
	}
	.field-content .field-line{
		width: 100%;
		justify-content: center;
		margin: 0;
	}
	.field-line .field-item{
		width: 25%;
		margin: 2vw;
	}
	.field-item p{
		font-size: 3.6vw;
		position: relative;
		top: -4vw;
	}
	.custom-box {
		margin: 0;
		position: relative;
		z-index: 0;
	}
	.custom-box .custom-list{
		margin: 0;
		width: 100%;
		box-sizing: border-box;
		padding: 1.5vw;
	}
	.flex > a, .flex > img {
		flex-grow: 1;
		width: 25%;
		box-sizing: border-box;
		height: unset;
	}
	.news {
		position: relative;
		z-index: 0;
		background: none;
		padding: 0;
		height: unset;
	}
	.news .title-ch{
		color: #3D4D69;
	}
	.news .news-list{
		margin: 0;
		width: 100%;
	}
	.news .news-list .flex{
		margin: 0;
	}
	.news .btns, .news .btn{
		margin: 0;
		color: unset;
		color: #1795FF;
	}
	.news .btn:hover{
		background: none;
    box-shadow: none;
    border-radius: none;
	}
	.news .btns i{
		background: none;
	}
	.news .news-item{
		margin: 3vw;
		border-radius: 0;
		background: none;
		box-shadow: none;
		width: 100%;
		height: unset;
	}
	.news .news-item:hover{
		transform: none;
		-webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
	}
	.news-item .news-title{
		color: #3D4D69;
		font-size: 4.8vw;
		font-weight: 600;
		line-height: 10vw;
		height: 10vw;
		padding-left: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-shadow: none;
	}
	.news-item .news-detail{
		width: 58vw;
		float: right;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		text-align: left;
		padding-left: 2vw;
		box-sizing: border-box;
		height: 32vw;
	}
	.news-detail .news-desc{
		color: #3D4D69;
		font-size: 4vw;
		display: -webkit-box;
		/* autoprefixer: off */
		-webkit-box-orient: vertical;
		/* autoprefixer: on  */
		-webkit-line-clamp: 3;
		overflow: hidden;
		line-height: 6vw;
		height: 18vw;
	}
	.news-detail .news-source, .news-detail .news-time{
		font-size: 3.2vw;
		color: #999999;
		text-shadow: none;
		position: unset;
		text-align: left;
	}
	.news .news-item img{
		width: 36vw;
		float: left;
		height: 32vw;
	}
	/*详情*/
	.bread-crumb{display: none;}
	.article{
		width: 100%;
		padding:0;
		padding: 2vw;
		box-sizing: border-box;
	}
	.article .article_logo{
		width: 28.2vw;
		margin-top: 4.6vw;
		margin-bottom: 2.2vw;
	}
	.article .article-type {
		font-size: 3.2vw;
		line-height: 4.5vw;
	}
	.article .article-line{
		margin-top: 2vw;
	}
	.article .article-title {
		font-size: 4.8vw;
		line-height: 6.7vw;
		margin-top: 4vw;
		margin-bottom: 4vw;
	}
	.article .article-sec-title {
		font-size: 3.7vw;
		line-height: 6.4vw;
		padding-left: 7.4vw;
		margin-bottom: 0;
	}
	.article .article-sec-title .icon {
		width: 6.4vw;
		height: 6.4vw;
		display: block;
	}
	.article .article-content {
		font-size: 3.2vw;
		line-height: 5.6vw;
		margin-bottom: 3.7vw;
	}
	.other-case .title-en-color2{
		display: none;
	}
	.other-case {
		padding-top: 3.7vw;
		padding-bottom: 2vw;
		box-shadow:0px -2px 5px 0px rgba(0,0,0,0.1);
	}
	.other-case .title-ch{
		margin-bottom: 5vw;
	}
	.other-case>div{
		width: 100vw;
		margin: 0 auto;
		justify-content: center;
		flex-wrap: wrap;
	}
	.other-case>div>a {
		margin: 1vw 2vw ;
		width: 45vw;
		height: auto;
	}
	.flotage .flotage-icon{
		display: none!important;
	}
	/*详情END*/
}
.footer .friends-link {
	width: 1180px;
	margin: auto;
	padding-top: 56px;
	display: block;
}
.footer .friends-link .friends-link-title {
	font-size: 18px;
	color: #FFFFFF;
}
.footer .friends-link .friends-link-item .item-name {
	color: #CDCDCD;
	font-size: 14px;
	margin-right: 50px;
}
.footer .friends-link .friends-link-item .item-name:hover {
	color: #ffffff;
}

.footer .anniversary-stick{
	display: flex;
}