@charset "utf-8";

/* CSS Document */

button{display:inline-block;background:transparent;font-size:inherit;font-weight:normal;font-family:inherit;color:inherit;cursor:pointer}
.clearfix:after {display:block; visibility:hidden; clear:both; content:"."; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear:both;}
.hide {display:none;}
.skip,.blind{position:absolute;width:1px;height:1px;margin:0;padding:0;background:none; font-size:3px; color:transparent; line-height: 0}
.hidden_txt{overflow:hidden;position:absolute;width:0;height:0;background:transparent;font-size:0;line-height:0;text-indent:-9999px;border:none !important;background:transparent !important;}


.w1400{width:1400px; margin:0 auto;}
.w1230{width: 1550px;margin:0 auto;}


.h3{font-size:32px; text-align:center; font-weight:500; color:#000000}
.h3 span{display:block; width:55px; height:1px; background:#898989; margin:10px auto;}
.noticezone{padding-top:35px; position: relative; padding-bottom:60px;}
.noticew{margin-top:45px; overflow: hidden}

.noticebox a{height:325px; background:#f9f9f9; border:1px solid #dddddd; box-sizing:border-box; padding:45px 20px 0 20px; display:block ; float: left; width:calc(25% - 15px);  margin-right: 20px;  }
.noticebox a:hover{border:1px solid #f75821;}
.noticebox:last-child a{margin-right: 0}


.noticeday{color:#f75821; font-size:17px; padding-bottom:25px}
.noticet{color:#0f211a; font-size:21px; font-weight:500}
.noticeline{width:60px; height:1px; background:rgba(204,204,204,1); margin:10px 0 20px}
.notices{color:#575757; font-size:16px}
.sw1-next{background:url(../img/main/sw_next2.png) no-repeat; width:42px; height:42px; position:absolute; right:0;top:40px; cursor:pointer; z-index: 0; outline:none}
.sw1-prev{background:url(../img/main/sw_prev2.png) no-repeat;  width:42px; height:42px;position:absolute; right:50px;top:40px; cursor:pointer; z-index: 0;  outline:none}

.jobedu{height:600px; background:url(../img/main/edubg.png) no-repeat  right top #f5f5f5; padding-top:60px; box-sizing:border-box}
.eduw{ padding-top:50px; display: flex}
.edubox{flex: 1}
.edubox a{margin-right: 20px;display:block;background:#ffffff}

.edubg{height:230px; width:100%; background-size:cover !important; text-align:center; line-height:230px; position: relative}
.edubg:before{content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0}
.edubg01{background:url(../img/main/edub1.png) no-repeat;}
.edubg02{background:url(../img/main/edub2.png) no-repeat;}
.edubg03{background:url(../img/main/edub3.png) no-repeat;}
.edubg04{background:url(../img/main/edub4.png) no-repeat;}
.edubg05{background:url(../img/main/edub5.png) no-repeat;}
.edubox:last-child a{margin-right:0;}
.edut{font-size:20px; color:#0f211a; padding:25px 15px 0 15px}
.edus{color:#636363;font-size: 15px;padding-left:15px;padding-bottom:25px; padding-right:15px;}

.edubox a:hover {
background: #54a2f3; /* Old browsers */
background: -moz-linear-gradient(left,  #54a2f3 0%, #1d7fe3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #54a2f3 0%,#1d7fe3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #54a2f3 0%,#1d7fe3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a2f3', endColorstr='#1d7fe3',GradientType=1 ); /* IE6-9 */
webkit-box-shadow: 0px 3px 34px -13px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 3px 34px -13px rgba(0,0,0,0.56);
    box-shadow: 0px 3px 34px -13px rgba(0,0,0,0.56); position:relative; top:-10px; }
.edubox a:hover .edut, .edubox a:hover .edus{color:rgba(255,255,255,1);}
.edubox a:hover .edubg{height:260px ; transition: all 0.1s ease-in; }
.edubox a:hover .edubg:before{ opacity: 0}

.nowzone{padding-top:50px;}
.noww{padding-top:40px;}
.nowbox{height:300px; position:relative}
.nowbox:hover .nowtitle{display:none;}
.nowbox:hover .cover{position:absolute; z-index:1; width:100%; height:100%; background:rgba(73,145,217,0.9); color:rgba(255,255,255,1); text-align:center; padding:60px; box-sizing:border-box;  transition: all 0.1s ease-in;}
.nowbox .cover .covert{font-size:24px; padding-bottom:10px; border-bottom:1px solid #FFF; margin-bottom:10px;}
.nowbox .cover .covers{padding-bottom:10px;}

.nowimg{position: absolute;    bottom: 0;    top: 0;    left: 0;    right: 0;}
.nowbox{height:250px;}
.nowimg img{width:100%; height:100%;}
.nowtitle{position:absolute; bottom:0; background:rgba(0,0,0,0.5); height:55px; line-height:55px; text-align:center; font-size:20px; color:rgba(255,255,255,1); width:100%;}

.sw2-pagination{text-align:center; padding-top:20px}
.sw2-pagination .swiper-pagination-bullet{width:15px; height:15px;}


.menuzone{overflow:hidden;margin:70px auto;width:1200px;/* padding-bottom:30px; */}
.menu_listbox a{float:left; text-align:center; display:block; width: 100%;}
.menuzone .text{font-size:19px; font-weight:500; padding-top:20px; padding-bottom: 15px}
.menu_listbox a{text-align:center;}
.menu_listbox:nth-child(1) a:after{display:none;}

.noticezone .tabs{display: flex;width: 100%; position: relative}
.noticezone .tabs:after{content: '';display: block;width: 100%;height: 1px;background:#1f4787;top: 49px;position: absolute;z-index: 1;}
.noticezone .tabs li{display:inline-block;cursor: pointer;font-size: 19px;border:1px solid #d3dbe8;padding: 10px 40px;/* margin-left: -3px; */position: relative;z-index: 3;/* background: #fff; */border-bottom: none;/* height: 50px; */box-sizing: border-box;float: left;border-right: none;}
.noticezone .tabs li:last-child{border-right: 1px solid #d3dbe8}
.noticezone .tabs li.active{border:1px solid #1f4787;border-bottom: none;height: 50px;background: #fff;position: relative; font-weight: 600}

.filezone{padding:65px 0;overflow:hidden;border-top: 1px solid #e7e7e7;}
.mySwiper {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

   .mySwiper .swiper-slide {
      text-align: center;
      height: calc((100% - 60px) / 2) !important;
		padding-right: 20px;
      /* Center slide text vertically */
      display: flex;
      justify-content: center;
      align-items: flex-start;
    }
	.mySwiper .swiper-slide a { height:198px; overflow:hidden;}
	.mySwiper .swiper-slide img{width: 100%}
	.mySwiper .swiper-wrapper{
	flex-wrap: wrap;
    flex-direction: column;
	}
	
.mySwiper .swiper-pagination-bullet {background: #aeaeae; border-radius: 50%}
.mySwiper .swiper-pagination-bullet-active{background: #f44460}

.menu_listbox{flex:1;}
.menu_list_wrap{display:flex;}

.filew{float: left; width: 49%; margin-right: 1%;     overflow: hidden; height: 500px; position: relative}

.mySwiper .swiper-pagination{position: absolute;top: 18px;    right: 11px; bottom: inherit; left: inherit; text-align: right;}


.youtubox{float: left; width: 50%; position: relative}
.filetitle{font-size: 35px;font-weight: 700;padding-bottom: 35px;}
.youtumore a{display: inline-block;background: url("../img/main/youmore.jpg") 95% center no-repeat;border: 1px solid #e61f19;padding: 8px 64px 8px 20px;color: #e61f19;position: absolute;right: 0;top:0}
.w1350{width: 1350px; margin: 0 auto}

@media only all and (max-width: 1520px){

}


@media only all and (max-width: 1400px){
.w1350{width: 100%; margin: 0 auto}
.w1400{width:100%; padding:20px; box-sizing:border-box}
.w1230{width:100%; padding:20px; box-sizing:border-box}
.msection{padding-top: 200px}
.menuzone{width: 100%}
}

@media only all and (max-width: 800px){
.w1230{padding:10px;}
.section0-title .stitle{font-size: 25px;    width: 100%;    line-height: 120%;}
.section0-title .s-more a{font-size:14px;height: auto;    line-height: inherit;    padding: 5px 0;}
.Mainbg{height:350px !important;}
.mainbg{height:350px !important;}
.msection{padding-top: 120px;}
.sw0-next{display:none}
.sw0-prev{display:none}
.section0-title .stitle-t{font-size:15px;}
.h3{font-size:26px;padding-top: 20px;}
.sw1-next, .sw1-prev{top:30px;}
.noticew{margin-top:20px;}
.noticebox a{height:auto;padding:15px;width: 100%;margin-bottom: 10px;}
.notices{font-size: 13px}
.noticet{ font-size: 15px}
.noticeday{padding-bottom: 10px}
.edubox a{width:100%;margin-bottom: 5px;}
.edubox a:hover{top:0px;  }
.edubox a:hover .edubg{height:inherit;}
.jobedu{height:auto; background-size:cover; overflow: hidden; padding: 20px 0;}
.eduw{padding:0; display: block}
.edubox{display: block;float: left;width: 49%;margin-right: 1%}
.edubg{height:130px; line-height:130px}
.edut{font-size: 13px;padding: 10px;}
.nowbox:hover .cover{padding-top:30px;}
.noww{padding-top:10px;}

.edus{font-size: 13px;padding-right: 5px;padding-bottom: 5px;height: 45px;}

.menu_listbox{float:left; width:49%; box-sizing:border-box; margin-bottom: 20px;border-right:1px solid #d9d9d9; }
.menu_listbox:nth-child(2n){border-right: none}
.menuzone .text{font-size:16px}
.menuzone .texts{font-size: 14px;word-wrap:break-word;word-break:keep-all;}
.menuzone .texts p{display: inline}
.menu_listbox a{padding: 10px; box-sizing: border-box}
.menu_list_wrap{display:block;}
.menu_listbox a:after{background:none;}
.noticezone .tabs li{padding: 10px 20px;font-size: 14px;}
.noticezone .tabs li.active{height: 40px;}
.noticezone .tabs:after{top: 39px}
.menuzone{margin: 20px auto}
.filezone{padding: 20px 0}
.filew{width: 100%;height: 300px;}
.youtubox{width: 100%}
.mySwiper .swiper-slide{height:100%;padding-right: 10px;height: calc((100% - 95px) / 2) !important;box-sizing: border-box;}
.filetitle{font-size: 25px;padding-bottom: 20px;}
.youtu iframe{height: auto}
}

@media only all and (max-width: 720px){
	.maintop .mainimg{height:390px;}
	.maintext{padding-top:80px;}
	.maintop .texttitle{font-size:28px;word-wrap:break-word;word-break:keep-all;}
	.maintop .textmemo{font-size:15px;}
	.youtubox{margin-top:50px;}
}