.mode { width: 100%; padding: 1rem 0; position: relative; z-index: 1; }

.mode-title,
h3.mode-tittle { 
	margin-bottom: 15px; 
	font-size: .36rem;  
	padding-bottom: 10px;
	line-height: 1;
	font-weight: bold; 
	border-bottom: 2px #0f373b solid;	
	margin-bottom: .4rem;
}


.mode-title big ,
.cotittle big {
	color: #0f373b;
	font-size: .48rem;
	font-weight: bold; 
	letter-spacing: 0;
	background: none;
	background: -moz-linear-gradient(left, #0f373b 1%,#2bb7b3 100%);
	background: -webkit-linear-gradient(left, #0f373b 1%,#2bb7b3 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	
}

.mode-title a ,
.mode-title a:hover {  color: #0f373b; display: block; font-weight: bold; text-decoration: none; }

.cotittle {  text-align: center; margin-bottom: 40px; }
.cotittle h3 { font-size: .36rem; text-align: center; font-weight: bold; }
.cotittle i {
	display: block;
	margin: auto;
	width: 44px;
	height: 2px;
	margin-top: 20px;
}

.btn_more,
.btn_video { 
	display: inline-block;
	color: #fff;
	border: 2px #dadada solid;
	border-radius: 35px ;
	line-height: 1;
	padding: 9px 20px;
	font-size: .16rem;
	text-transform: capitalize;
	text-decoration: none;
	font-style: normal;
	transition: all .35s;
}

.xc-video .btn_video { 
	background-color: #f7a700; 
	color: #fff; 
	border-color: #f7a700 !important; 
	transform-origin: center center;
	transform: scale(1); 
	transition: all .35s;
}
.xc-video .btn_video:hover { transform: scale(1.1); transition: all .35s; }


.btn_more:hover ,
.btn_video:hover {
	background-color: #f7a700;
	color: #fff;
	border-color: #f7a700 !important;
	text-decoration: none;
	transition: all .35s;
}

.bai { color: #fff !important; border-color: #fff !important ; }
.deepgreen { color: #0f373b !important; border-color: #0f373b !important ;  }

.w_70 { width: 65%; float: left; margin-right: 5%; }
.w_30 { width: 30%; float: left; }

.w_30 a.btn_more.deepgreen.change.phone { display: none; }

.w_50 { width: calc( calc( 100% - 15px ) / 2 ); float: left; margin-right: 15px;  } 
.caurse { margin-right: 0; }

/* 弹窗 */
#v-windows {
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,.85);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	display: none;
}

#v-windows video {
	width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.close3 {
	width: 40px;
    height: 40px;
    background-color: #e2231a;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    cursor: pointer;
}

.close3 span {
    width: 23px;
    height: 5px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    transform: translate(-50%,-50%) rotate(45deg);
}

.close3 span:last-child {
    transform: translate(-50%,-50%) rotate(-45deg);
}



div#virtual_mechine {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	width: 100%;
    height: auto;
}

#v-windows .container {  height: 100%;}

div#virtual_mechine .swiper-slide { display: block; background-color: transparent; color: #fff; }
div#virtual_mechine .swiper-slide .e-name { font-size: 24px; color: #fff; }

div#virtual_mechine .swiper-button-next::after,
div#virtual_mechine .swiper-button-prev::after {  color: #fff; }

div#virtual_mechine .swiper-button-next {  right: -8%;}
div#virtual_mechine .swiper-button-prev { left: -8%; }


/* 弹窗-end */

/* banner */
#banner { width: 100%;  height: 78vh; position: relative; z-index: 5; }
.mySwiper { width: 100%; height: 100%; }
#banner .swiper-slide { position: relative; display: block; }

#banner .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-align: left;
	text-decoration: none;
	color: #fff;
}

#banner .swiper-slide .container { 
	height: 100%; position: relative; z-index: 1; 
	display: flex;
	justify-content: flex-end;
	flex-flow: column;	
	align-content: flex-start;
	text-align: left;
	padding-bottom: 100px;
}

#banner .swiper-slide a img,
#banner .swiper-slide a video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 0;
}


#banner .swiper-button-prev:after, 
#banner .swiper-button-next:after {  color: #fff;  }

#banner button.btn_more {
    display: block;
    width: 109px;
    margin-bottom: 25px;
    padding: 7px 5px;
    /*font-size: 14px !important;*/
}

.mt_box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}

.mt_box img,
.mt_box video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s;
}


.banbox { 
	width: 4.6rem;  height: 2.7rem;  padding: .35rem; 
	position: relative;
	z-index: 5;
	margin-top: -2rem;
}

.banbox .swiper-slide {	
	background-color: #0f373b;
	display: block;
	text-align: left;
	color: #fff;
}

.banbox .swiper-slide h2 a {
	color: #fff;
	font-size: .32rem;
	line-height: 1.35;
	font-weight: bold;
	text-decoration: none;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.banbox .swiper-slide .btn_more { 
	display: inline-block !important; 
	width: auto !important; 
	height: auto !important; 
	margin-top: 25px;
	position: absolute !important;
	bottom: 0;
	/* background-color: #f7a700;
	border-color: #f7a700 !important; */
}



/* banner-end */


/* news */

.newsbox { 
	padding-top: 1.5rem !important; 
	background-color: #f2f0f0; 
	background-image: url(../img/icon/link-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#news,
#notice {position: relative; z-index: 1; }

#news .swiper,
#notice .swiper {/* height: 5.68rem; */  height: 535px;  }


#news .swiper-slide {	display: block;	text-align: left; background-color: transparent; }
.swiper-pagination-news   {
	position: absolute;
	top: 11px;
	left: auto !important;
	transform: translateX(0);
	right: 0;
	width: 35%;
	height: 29px;
	text-align: right;
	max-width: 50%;
	/* background-color: #eee; */
	line-height: 17px;
	z-index: 6;
}

.swiper-pagination-notice {
	position: absolute;
	top: 11px !important;
	left: auto;	
	transform: translate(0, 0) !important;
	right: 0 !important;
	width: 35%;
	height: 29px;
	text-align: right;
	/* background-color: #eee; */
	line-height: 17px;
	z-index: 6;
}

.swiper-pagination-news  span.swiper-pagination-bullet ,
.swiper-pagination-notice span.swiper-pagination-bullet {
	display: inline-block !important;
	width: 8px;
	height: 8px;
	transform: scale(1);
	cursor: pointer;
	margin: 0 !important;
	margin-right: 5px !important;
}

.swiper-pagination-news .swiper-pagination-bullet-active,
.swiper-pagination-notice .swiper-pagination-bullet-active { background-color: #f7a700; }


dl.news_item { width: 100%; height: 100%; position: relative;  transition: all .35s; }

dl.news_item dt { 
	width: 100%; 
	height: 0; 
	overflow: hidden; 
	padding-top: 56%;
	position: relative;
	z-index: 1;
	
}

dl.news_item dt a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

dl.news_item dt a img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s;
}

 dl.news_item dd { 
	display: block;	
	width: 100%;  
	padding: .2rem;  
	z-index: 5;
	color: #fff;
	border-top: 5px transparent solid; 
	/* background-color: #f7f7f7; */
}



.news_tittle { margin-bottom: .15rem; transition: all .35s; }
.news_tittle a {
	color: #333;
	font-size: .2rem; 
	text-decoration: none;
	line-height: 1.35;
	font-weight: bold;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
}


dl.news_item dd .desc {
	/*height: 1.2rem;*/
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;	
}

dl.news_item dd .desc p { color: #999;  }



#news .swiper-slide dl.news_item dd { 
	display: block;	
	width: 100%;  
	padding: .3rem;   
	position: absolute;
	bottom: 0;
	z-index: 5;
	color: #fff;
	border-top: 5px transparent solid;
	background-color: rgba(0,0,0,.85);
	/* background-color: #f7f7f7; */
}

#news .swiper-slide dl.news_item dd .desc p { color: #fff; }

#news .swiper-slide .news_tittle a {
	color: #333;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	line-height: 1.35;
	font-weight: bold;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
}


dl.news_item dd .desc p { font-size: .16rem; line-height: 1.5; }

#news .swiper-slide .btn_more { border-color: #fff !important; color: #fff !important; margin-top: 15px; /* position: absolute; bottom: 0; left: 0px;*/ transition: all .35s; }

dl.news_item:hover dd { border-color: #f7a700; }

dl.news_item:hover { background-color: #0f373b; }
dl.news_item:hover dd {     background-color: #0f373b;  }

dl.news_item:hover .news_tittle a ,
#news .swiper-slide:hover .news_tittle a  { color: #fff ;   }

dl.news_item:hover dt a img ,
#news .swiper-slide:hover dt a img { transform: translate(-50%,-50%) scale(1.08);	transition: all .35s;}

dl.news_item:hover .deepgreen ,
#news .swiper-slide:hover .deepgreen ,
dl.news_item:hover dd .desc { color: #fff !important;   border-color: #fff !important;  } 

#news .swiper-slide:hover .btn_more { 
	left: 15px; 
	bottom: 15px;
	font-weight: bold;
	background-color: #f7a700; 
	border-color: #f7a700 !important; 
}

#news .swiper-slide:hover dl.news_item { border-color: #0f373b; } 


#notice .swiper-slide { 
	display: flex;	
	justify-content: flex-start;
	text-align: left;
	border-bottom:5px transparent solid;  	
	padding: 0.25rem; 
 
	/* background-color: transparent; */
	background-color: #f7f7f7;
	transform-origin: center center;
	transform: scale(1);
	transition: all .5s;
}

.notice_item { 
	display: block; 
	text-align: left;
	align-items: center; 
	text-align: left; 
	text-decoration: none; 	
}

.news-date { width: 100%; font-weight: bold;  font-size: .16rem; margin-bottom: 5px; color: #2bb7b3; text-align: left;}

.notice_bt {
	font-size: .2rem;
	line-height: 1.5;
	/*font-weight: bold;*/
	color: #333;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

#notice .swiper-slide:hover { background-color: #0f373b; }

#notice .swiper-slide:hover { 
	border-color: #f7a700;  	
	transform: scale(1);
	transition: all .5s;
}

#notice .swiper-slide:hover h2,
#notice .swiper-slide:hover a ,
#notice .swiper-slide:hover p  { text-decoration: none; color: #fff; }



/* news-end */




/* why us  */
.boxwhy { 
	background-color: #f2f0f0  ; 
	padding: 0; 	
}

.others {
	background-image: url(../img/icon/video-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.study {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	z-index: 1;
	padding-top: 100px;
}

.box_why  { color: #fff; text-align: center; margin-bottom: .8rem; }

.h1 { font-size: .48rem; line-height: 1.35;  text-align: center; font-weight: bold; margin-bottom: 15px; }

.box_why .h1 { line-height: 1; margin-bottom: 35px; }
.box_why .h1 span { display: inline-block; position: relative; letter-spacing: 3px;}
.box_why .h1 span::before {
	content: "";
    width: 100%;
    height: 15px;
    background-color: #2bb7b3;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: -1;
}


.box_why .desc { margin-bottom: 50px; }

.box_why .desc p {
	text-align: left;
	font-size: .24rem;
	line-height: 1.35;
	margin: 0; 
}

.cards {  width: 100%; }
.cards ul {   display: flex; }
.cards ul li {
	width: calc( calc(100% - 45px) / 4);
	float: left;
	margin-right: 15px;
	background-color: #fff;
	min-height: 1.8rem;
}

.cards ul li:nth-child(4n) { margin-right: 0; }

.cards ul li a ,
.cards_item a { 
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	padding: 35px 15px;
	text-decoration: none;
}

.cards ul li:nth-child(2) i.underline { background-color: #0f373b; }
.cards ul li:nth-child(3) i.underline { background-color: #c55745; }
.cards ul li:nth-child(4) i.underline { background-color: #f7a700; }

.cards_item .icon {
	width: 100%;
    height: .7rem;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 5px;
}

.cards_item .icon img {
	height: 100%;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
}


.cards_tittle {     min-height: 55px;  }
.cards_item .desc { display: block; }
.cards ul li { height: auto; }

.cards_item i.underline  {
	width: calc(100% - 30px);
	display: block;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
} 

.cards_tittle { font-weight: bold; line-height: 1.15; font-size: .28rem; text-align: center; margin-bottom: 10px; }

.cards_item .desc {
/*	display: -webkit-box;*/
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	min-height: 65px;
}

.cards_item .desc p {
	line-height: 1.35;
	text-align: left;
	font-size: .18rem;
	color: #666;
	text-align: center;
}


.others .w_50 {  height: 474px; }

.xc-video { height: 100%;  /*height: 4.35rem; */overflow: hidden;  position: relative; z-index: 1; }
.xc-video img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}

.xc-video a {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-align: left;
    position: relative;
    z-index: 5;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    padding: 0 0.3rem;
	/*background: -webkit-linear-gradient(bottom, rgba(0,0,0,.25) 15% , rgba(0,0,0,0) 45%);*/
}

h3.v-tittle {
	font-size: .36rem;
	line-height: 1.35;
	margin-bottom: 35px;
	font-weight: bold;
	color: #fff;
	width: 80%;
}

.caurse dl { width: 100%;height: 50%; /* height: calc(435px / 2);*/ overflow: hidden; }

.caurse dl dt,
.caurse dl dd { 
	display: block; width: 50%; height: 100%; float: left; color: #fff; 	
}

.caurse dl dd a { 
	padding: 0.3rem 0.22rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    height: 100%;
    text-decoration: none;
    color: #fff;
}

.info-en p {  color: #fff;    font-size: .18rem; }


.caurse dl:nth-child(1) dt { float: right; }
.caurse dl dd {/* border-bottom: 5px #e2231a solid; background-color: #fff; */ }

/* .caurse dl:nth-child(2) dd { border-color: #0f373b;  }
.caurse dl:nth-child(2) dd  .caurse_tittle { color: #0f373b;  } */


.caurse dl dt a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.caurse dl dt a img {
	width: 102%;
	height: 102%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s;
}

.caurse dl:hover dt a img { transform: translate(-50%,-50%) scale(1.05); transition: all .35s; }

.caurse_tittle { 
	color: #fff;
	font-size: .24rem; 
	font-weight: bold;
	margin-bottom: 10px; 
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.caurse .desc {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}

.caurse .desc p {
    line-height: 1.5;
    text-align: left;
    font-size: .146rem; 
}

/* why us-end */


/* links */
.boxlink { height: 4rem; z-index: 5;  padding: 0.5rem 0; }
.outlinks { height: auto;  }
.outlinks ul {	list-style: none; padding: 0;}
.outlinks ul li {
	width: calc(100% / 3); 
	float: left;
	height: 1.5rem;
	background-color: #f8f8f8 ;
	border-bottom: 1px #dadada solid;
	border-right: 1px #dadada solid;
	transition: all .35s;
}

.outlinks ul li:nth-child(3n) { margin-right: 0; border-right: none; }

.outlinks ul li a {
	display: block; width: 100%; height: 100%; text-decoration: none;
	border: none;
	position: relative;
	z-index: 1;	
}

.outlinks ul li a img {
	height: .58rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* FILTER: gray;
	-webkit-filter: grayscale(100%); */
	transition: all .35s;
}

.outlinks ul li:hover { background-color: #fff; border-bottom: 5px #f7a700 solid; box-shadow: 0 0 15px rgba(0,0,0,.15);  transition: all .35s; }

/* .outlinks ul li:hover a img {
    FILTER: gray;
    -webkit-filter: grayscale(0);
    transition: all .35s;
} */


/* links-end */