@charset "utf-8";
/* CSS Document */
html{background:#FFF; font-size:62.5%; /* 10梅16=62.5% */}
body{font-size:14px;font-size:1.4rem ; /* 14梅10=1.4 */color: #333;font-family:'Arial',-apple-system,BlinkMacSystemFont,'Microsoft YaHei','寰蒋闆呴粦',SimSun,'瀹嬩綋',SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul,dd,dl,dt,li,button,object,a,img,span{margin:0px;padding:0px; -webkit-font-smoothing: subpixel-antialiased;}
/* table{border-collapse:collapse;border-spacing:0;width:100%;} */
fieldset,img{border:0;}
img,object{max-width:100%;}
/* p{text-align: justify;} */
a{outline:none;text-decoration:none;color: #000;}
a:hover{color:#25499D; text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
/* address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;} */
ul,ol,li{list-style:none outside none;}
button{outline: none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
/* q:before,q:after{content:'';content:none;} */
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}

.row{max-width: 1200px;position: relative;z-index: 2;margin-left: auto !important;margin-right: auto !important;}
.row_l{position: absolute;left: calc(50% - 600px);z-index: 2;}
.row_r{position: absolute;right: calc(50% - 600px);z-index: 2;}




.fl{ float:left;}
.fr{ float:right;}

.clear{ clear:both;}
/*********************************************/

.header{width:100%; height:auto; z-index:10; position: absolute;}

.header .top{padding: 30px 0 20px;border-bottom: 1px solid rgba(255,255,255,.14);}
.logo{width: 300px; overflow: hidden;position: relative;}
.logo img{width: 100%;display: block;}

.top_nav{width: auto;padding-top: 36px;color: #fff;top: 0;}
.top_nav .cn{width: 30px;height: 30px;border: 1px solid #fff;display: inline-block;line-height: 30px;text-align: center;margin: 0 6px 0 0;vertical-align: middle;color: #fff;}

.ser{width: 30px;height: 30px;z-index:600;overflow: hidden;border: 1px solid #fff;display: inline-block;vertical-align: middle;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.ser:hover{width: 200px;}

.search{width: 100%;height: 100%;position: relative;float:right;z-index: 3;}
.search .sinput{position:absolute;width: calc(100% - 64px);height: 30px;color: rgba(255,255,255,.5);border:none;background:none;left: 10px;top:0px;padding:0px;margin:0px;outline: none;}

.search .simg{position:absolute; width:16px; height:18px; border:none; right:7px; top:6px; cursor: pointer;}


.nav_box{position: relative;z-index: 100;}
.nav_box .row{}
.nav{margin: 0;}
.nav ul{font-size: 0;text-align: justify;text-justify:inter-ideograph;overflow: visible !important;}
.nav ul::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;height: 0;}
.nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);line-height: 48px;/* height: 63px; */}
.nav ul li > a{font-size: 18px;display: block;position: relative;font-weight: bold;color: #fff;text-shadow: 0px 2px rgba(0,0,0,0.2);text-transform: uppercase;}
.nav ul li:hover > a,.nav ul li:hover > a{}
.nav ul li:hover .subNav{display: block;}

.subNav{background:#3A4674;white-space: normal;left: -20px;position: absolute;top: 100%;display: none;padding: 10px;}
.subNav:before{width: 0;height: 0;content: '';border-bottom: 11px solid #3A4674;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: -8px;left: 22px;}
.subNav dd{border-top: 1px solid rgba(255,255,255,.1);}
.subNav dd:first-child{border: none;}
.subNav a{color:#fff;padding:10px 15px;display: block;line-height: 24px;font-size: 16px;white-space: nowrap;text-align: left;border-radius: 3px;}
.subNav a:hover{background-color:rgba(0,0,0,.2);}

.header.currents{position: fixed;left: 0;top: 0;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
.header.currents{background:none;background-color:#2D3761;}
.header.currents .ser,.header.currents .top{display: none;}
.header.currents .nav{width: auto;}
.header.currents .nav li{background:none;height: 48px;line-height: 48px;}
.header.currents .subNav{top:48px;}
.header.currents .nav-wrapper{height: 56px;}
.header.currents .nav ul li > a{}
.header.currents .nav ul li.on > a,.header.currents .nav ul li:hover > a{}
.header.currents{box-shadow: 0 2px 6px rgba(0,0,0,0.4)}

.nav ul li:hover .subNav{-webkit-animation-name: flipInY ;animation-name: flipInY ;animation-duration: 0.6s; -webkit-animation-duration: 0.6s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: linear;visibility: visible !important; display: block;}
@keyframes flipInY  {
	from {-webkit-transform: perspective(200px) rotate3d(0, 1, 0, 20deg);transform: perspective(200px) rotate3d(0, 1, 0, 20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
	50% {-webkit-transform: perspective(200px) rotate3d(0, 1, 0, 0deg);transform: perspective(0px) rotate3d(0, 1, 0, 0deg);opacity: 1;}
	to {-webkit-transform: perspective(200px);transform: perspective(200px);}
}

.banner{position: relative;z-index: 5;}

.banner .img::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 8.5%;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));}

.banner .img::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;padding-bottom: 17.4%;background: -webkit-linear-gradient(top, rgba(45,55,97,1), rgba(45,55,97,0));background: -o-linear-gradient(bottom,rgba(45,55,97,1), rgba(45,55,97,0) );background: -moz-linear-gradient(bottom,rgba(45,55,97,1), rgba(45,55,97,0) );background: linear-gradient(to bottom , rgba(45,55,97,1), rgba(45,55,97,0) );z-index: 2;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url(arrow-l.png);
	left: 10px;
	right: auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url(arrow-r.png);
	right: 10px;
	left: auto;}
.swiper-button-next, .swiper-button-prev{ width:60px; height:60px; background-size:60px 60px;}

/*鐑偣閾炬帴*/
.hotlink{ margin-top:40px; margin-bottom:40px;}
.hotlink ul{letter-spacing: -8px;/*鍘婚櫎li闂寸殑绌烘牸*/  margin: 0 0 -17px -17px;}
.hotlink li{ display:inline-block; letter-spacing:normal;/*鎭㈠li鐨勫瓧闂磋窛*/ width:16.6%;}
.hotlink li a{ display:block; text-align:center; padding:20px 0; margin:0 0 17px 17px;  border: 1px solid #3A4674; background-color: #f9f9f9; font-size:16px; color:#3A4674;}
.hotlink li a:hover{background-color:#3A4674; color:#ffffff; -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

/*NEWS*/	
.sec_left{ width:57%; float:left;}
.menu1{ margin:20px 0;}
.menu1 h2{ font-size:32px;  color:#3A4674;}
.menu1 a{ display:block; margin-top:10px;}	
.menu1 a:hover{color:#3A4674; font-weight:700;}

.nr1 ul{margin: 0 0 -38px -30px; letter-spacing: -8px;/*鍘婚櫎li闂寸殑绌烘牸*/}
.nr1 li{ display:inline-block; width:50%; letter-spacing:normal;/*鎭㈠li鐨勫瓧闂磋窛*/ vertical-align:top;}
.nr1 li a{ display:block; margin: 0 0 38px 30px;}

.nr1 li .img1{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom:75%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.nr1 li .img1 img{ max-width:100%; 
    display: block;
    transition: all ease-in 0.2s;
    -ms-transition: all ease-in 0.2s;
    -moz-transition: all ease-in 0.2s;
    -webkit-transition: all ease-in 0.2s;
    -o-transition: all ease-in 0.2s;
}
.nr1 li .img1:hover img{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}
.nr1 li .title1{
	margin: 13px 0 10px; 
	font-size:16px;
	height:66px;
	line-height: 22px;
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;}
.nr1 li .time1{
	font-size:14px;
	    color: #3A4674;
		margin: 0 0 0;
		padding: 0 8px 0 25px;
		border: 1px solid #3A4674;
		background: url(icon-time.png) 8px center no-repeat;
		background-size:14px;
		line-height: 23px;
		display: inline-block;
		border-radius: 20px;
	}	
.nr1 li a:hover .time1{font-weight:700;}	
/*STUDENTS*/	
.sec_right{ width:39%; float:right;}

.nr2 li{    
	display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 100%;
}
.nr2 li a{ 
	display:block;
	margin: 0 0 0;
    overflow: hidden;
    padding: 17px 0 18px;
    border-top: 1px solid #F2F2F2;}
.nr2 li:first-child a {
    border: none;
    padding-top: 0;
}
.nr2 .time2 {
    width: 44px;
    height: 44px;
    float: left;
    position: relative;
    text-align: center;
    font-weight: bold;
    background: #3A4674;
}
.nr2 .time2::before {
    content: '';
    display: block;
    width: 22px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: 50%;
    background: rgba(255,255,255,.4);
    height: 1px;
}
.nr2 .month2 {
	font-size:14px;
    color: #fff;
    margin: 2px 0 0;
    line-height: 20px;
}

.nr2 .day2 {
	font-size:16px;
    color: #fff;
    margin: 2px 0 0;
    line-height: 20px;
}
.nr2 .title_box2 {
    margin: 0 0 0 57px;
    padding: 0 0 0 0;
    position: relative;
}
.nr2 .title2 {
	font-size:16px;
    margin: 0 0 0;
	height: 44px;
	line-height:22px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
    overflow: hidden;
	text-overflow: ellipsis;
}
.nr2 a:hover .time2{background: #2D3761;}

.link_top{ margin-top:30px;}
.link_box{ padding-top:8px;}
.link_box li{ margin-bottom:26px;}

.footer{ background-color:#0E1434; width:100%; margin-top:50px;}
.footer .banquan{ color:#ffffff; font-size:14px; padding-top:30px; padding-bottom:30px; line-height:25px; text-align:center;}