@charset "UTF-8";
img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border: 0;
	display: inline-block;
}

a {
	color: #252B3A;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

body {
	font-size: 14px;
	background-size: cover;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
}

@keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-moz-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-webkit-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

@-o-keyframes water {
	0% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
}

.digital_banner{position: relative;overflow: hidden;}
.digital_banner img{width: 100%;}
.digital_banner .text{position: absolute;width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #fff;}
.digital_banner .text .w1440{position: relative;}
.digital_banner .text h2{font-weight: 600;font-size: 42px;margin-bottom: 8px;}
.digital_banner .text .banner-text{margin-bottom:44px;font-size: 18px;width:43%;line-height:1.7em;}
.digital_banner_link a{float: left;margin-right: 10px; width: 126px;height: 38px;  text-align: center; border-radius: 5px;line-height: 38px;border: 1px solid #fff;color: #fff;box-sizing: content-box;}
.digital_banner_link a:nth-child(1) {background-image: linear-gradient(135deg, #0068dd, #00aeee);background-color: #0360c3;border: none;height: 40px;line-height: 40px;}
.digital_banner_link a:after {transform: translateY(-1px); content: "";  transition:all .4s ease;font-family: "iconfont";display: inline-block;vertical-align: middle; }
.digital_banner_link .ewm img{width: 80px;}

.digital_banner_link a:hover:after {content: "\e683"; margin-left: 5px; }

@media only screen  and (max-width: 1280px) {
	.digital_banner .text h2{font-size: 36px;}
	.digital_banner .text h3{font-size: 36px;}
}



.introduce{
	background: url(../images/numeric_school/big_bg1.png) no-repeat ;
	background-size:cover ;
	padding:4% 0 5.83%;
}
.big_title{text-align: center;margin-bottom: 2.7%;}
.big_title:after{
	content: "";
	display: block;
	width: 68px;
height: 5px;
background: #2386EE;
border-radius: 3px;
margin: 0 auto;
}
.big_title .en{
	font-weight: 600;
color: #E2E7E4;font-family: "PingFangM";
}
.big_title .chinese{font-weight: 600;
color: #252B3A;margin-top: -40px;}



.introduce_list li{
	width:48.6%;
	margin-right:2.8%;
	margin-bottom: 2.8%;
	
	box-shadow: 0 0 13px #eee;
}
.introduce_list li:nth-child(2n){
	margin-right: 0;
}
.introduce_list li img{width: 100%;}
.introduce_list li:hover{
	box-shadow:1px 1px 13px #ccc;
}
.introduce_list li:hover img{transform: scale(1.05);}
.introduce_list li .img{
	border: 1px solid #cfcfcf;overflow: hidden;
}
.introduce_list li .text{
	border: 1px solid #cfcfcf;
	padding:5% 10%;
	height:260px;
	background: url(../images/numeric_school/bg2.png);
}
.introduce_list li .text .title{
	margin-bottom: 29px;
}
.introduce_list li .text .title .title_left{
	font-weight: 600;
}
.introduce_list li .text .des{
	line-height: 1.75em;color: #575D6C;
}



.theory{
	padding: 3.9% 0 5%;
	background: url(../images/numeric_school/big_bg2.png) no-repeat ;
	background-size:cover ;
}
.theory_iconlist li{
width: 31%;
display: inline-block;	
vertical-align: top;
margin-bottom:4.8%;
}
.theory_iconlist li:nth-child(3n-1){
	margin-left:3% ;
	margin-right: 3%;
}
.theory_iconlist li .icon {
	height:75px;
	margin-bottom:18px;
}
.theory_iconlist li .icon img{
	width:70px ;
}
.theory_iconlist li .text .title{
	margin-bottom: 13px;font-weight: 600;
}
.theory_iconlist li .text .des{

	color: #575D6C;
line-height: 22px;
}
.theory .zhuanye_list .swiper-container{padding: 0;}
.theory .swiper-button-prev{display: none;}
.theory .swiper-button-next{display: none;}
.theory_melist li{
	width: 20%;
	float: left;
	padding:0.7%;
}
.theory_melist li a:hover{
	box-shadow: 1px 1px 13px #ccc;
}
.theory_melist li a{display: block;box-shadow: 0 0 13px #eee;}
.theory_melist li .img{border: 1px solid #cfcfcf;overflow: hidden;}
.theory_melist li .img img{width: 100%;}
.theory_melist li:hover .img img{transform: scale(1.06);}
.theory_melist li .text{height: 152px;background: url(../images/numeric_school/bg1.png);padding: 10%;border: 1px solid #cfcfcf;}
.theory_melist li .text .title{margin-bottom: 10px;}
.theory_melist li .text .des{max-height:4.5em;overflow: hidden;}


.zhuanye{padding: 3.9% 0 3.54%;
	background: url(../images/numeric_school/big_bg3.png) no-repeat ;
	background-size:cover ;}
	.zhuanye_list .swiper-container{
		padding-bottom: 80px;
		
	}
.zhuanye_list .swiper-slide{
	padding: 12px;
}
.zhuanye_list .swiper-slide:hover a{
	box-shadow: 1px 1px 10px #ccc;
}
.zhuanye_list .swiper-slide a{
	display: block;
}
.zhuanye_list .swiper-slide .img {
	border: 1px solid #cfcfcf;overflow: hidden;
}
.zhuanye_list .swiper-slide .img img{width: 100%;} 
.zhuanye_list .swiper-slide .text{
	border: 1px solid #cfcfcf;
	padding:20px 24px;
	height:150px;
	background: url(../images/numeric_school/bg2.png);
}
.zhuanye_list .swiper-slide:hover .img img{
	transform: scale(1.06);
	
}
.zhuanye_list .swiper-slide .text .title{margin-bottom: 10px;}
.zhuanye_list .swiper-slide .text .des{
	height: 4.5em;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.zhuanye_list .swiper-button-prev{
	width: 56px;
	height: 56px;
	background: url(../images/numeric_school/left.png) no-repeat;
	background-size: 100%;
	top: auto;
	bottom: 0;
	transform: translateY(0);
	
}
.zhuanye_list .swiper-button-next{
	width: 56px;
	height: 56px;
	background: url(../images/numeric_school/right.png) no-repeat;
	background-size: 100%;
	top: auto;
	bottom: 0;
	right: auto;
	left: 85px;
	transform: translateY(0);
}

.big_des{text-align: center;margin-bottom: 4.3%;}
.shijian{padding: 4.48% 0 5.73%;background: url(../images/numeric_school/big_bg4.png) no-repeat ;
	background-size:cover ;}


.tyk{padding: 4.48% 0 2.92% ;background: url(../images/numeric_school/big_bg5.png) no-repeat ;
	background-size:cover ;}
	.tyk .theory_melist {text-align: center;}
.tyk .theory_melist li{float: none;display: inline-block;vertical-align: top;padding: 0.6%;}
.tyk .theory_melist li .text{text-align: left;}



@media only screen  and (max-width: 1550px) {
	.introduce_list li .text .title {
    margin-bottom: 20px;
}
.introduce_list li .text {
   
    padding: 3% 5%;
    height: 220px;
 
}
}
@media only screen and (max-width: 1440px) {
	.fnt_30{font-size:26px ;}
	
}
@media only screen and (max-width: 1366px) {
	.digital_banner .text .banner-text{width: 45%;}
	.introduce_list li .text{    height: 180px;}
	.theory .zhuanye_list .swiper-container{padding-bottom: 80px;}
.theory .swiper-button-prev{display: block;}
.theory .swiper-button-next{display: block;}
.tyk .theory_melist li{width: 25%;}
.zhuanye_list .swiper-slide {
    padding: 8px;
}
.zhuanye_list .swiper-slide .text{
	 padding:15px;
}
.theory_melist li .text{padding: 15px;}	
.theory_iconlist li .icon {
    height: 65px;}
    .theory_iconlist li .icon img {
    width: 60px;
}
.fnt_30 {
    font-size: 24px;
}
.zhuanye_list .swiper-button-prev {
    width: 46px;
    height: 46px;}
  .zhuanye_list .swiper-button-next {
    width: 46px;
    height: 46px;}  
}