@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}

html,
body {
    overflow-x: hidden;
}
a{ cursor: pointer;}
.df {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.jsb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.jsc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.aie {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.fdc {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.fw {
    -webkit-box-orient: vertical;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

div {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.main {
    width: 1400px;
    margin: 0 auto;
}
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
a {
    text-decoration: none;
}

input {
    outline: none;
}

ul {
    list-style: none;
}


.head {
    display: flex;
    justify-content: space-between;
    align-items: center;
	background: #1a5b9c;
}

.h-logo {
    font-size: 22px;
    font-weight: bold;
    display: flex;
    align-items: center;
    color: #333333;
}

.h-logo img {
    width: 474px;
    margin-right: 20px;
}

.h-con {
    height: 158px;
    font-size: 18px;
    color: #808281;
    position: relative;
}

.h-phone {
    height: 42px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
}

.h-phone img {
    width: 20px;
    height: 20px;
}

.h-text {
    margin: 0 24px;
	display: flex;
	align-items: center;
}
.h-text img{
	margin-right: 10px;
}
.h-text a{
	font-size: 16px; color: #fff;
}

.h-phone span {
    border-left: 2px solid #808281;
    padding-left: 24px;
}

.h-sousuo {
    display: flex;
	align-items: center;
    margin-top: 80px;
    margin-right: 97px;
	border-radius: 3px;
	background: linear-gradient(to right, #09bafe, #0070e2);
	padding: 3px 10px;
}
.h-sousuo font{
	font-size: 18px; color: #fff;
	display: block;
	padding: 0 10px;
}
.h-sousuo a{ display: block; padding: 0 10px;}

.h-sousuo input[name="INTEXT"] {
    width: 304px;
	height: 30px;
	border-radius: 3px;
    padding-left: 22px;
	border: none;
    box-sizing: border-box;
}
.h-sousuo input[type="image"] {
	margin: 2px 0 0 10px;
}

.h-btn {
    width: 68px;
    height: 36px;
    background-color: #5d5d5d;
    background-image: url(../images/tel.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.h-btn img {
    width: 30px;
    height: 24px;
}

.nav {
    height: 52px;
    background: #226ebb;
}

.nav .ul {
    display: flex;
    justify-content: space-between;
}
.nav .ul>li:hover{
	border-bottom: #f09621 3px solid;
}

.nav .ul li {
    line-height: 47px;
    color: #fff;
    font-size: 16px;
    position: relative;
    padding: 0 45px 3px 45px;
}
.nav .ul li:hover .ul1{
    display:block;
}
.nav .ul1{
   display:none;
   width: 148px;
   position: absolute;
   left: 50%;
   background: #fff;
   z-index: 999;
   transform: translateX(-50%);
}
.ul1-li{
   height: 52px;
   text-align: center;
   background: #fff;
   border-radius: 8px;
   position: relative;
}
.ul1-li:hover::after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   transition: 0.3s;
   background: rgb(195,29,29);
   transform-origin: left;
   animation: LeftToRight 1s;
}
        
@keyframes LeftToRight {
   from {
       transform: scaleX(0);
   }
   to {
       transform: scaleX(1);
   }
}

.ul1-li span{
    width:100%;
    color: rgb(172,2,3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    cursor: pointer;
}
.ul1-li:hover span{
    color: #fff;
}
.nav .ul li a {
    color: #fff;
    background: none;
    cursor: pointer;
}
.banner{
	text-align: center;
	display: flex;
	justify-content: center;
}
.banner img {
    width: 100%;
    height: 420px;
    margin: 0 auto;
    display: block;
}


/* 部门新闻 */
.news,
.news .main{ position: relative; }
.news .main{ display: flex; justify-content: flex-start;}
.news-bg{ position: absolute; left: 0; top: 0; width: 1400px; height: 597px; background: linear-gradient(to bottom, #185da0, #016cd8); z-index: -2;}
.news-left{ width: 685px; z-index: 1; margin-top: 54px;}
.news-left-img{ position: relative; height: 403px;}
.news-time{ position: absolute; left: 25px; bottom: -30px; display: flex; flex-flow: column; align-content: center; align-items: center; color: #fff; background: #1a5b9c; padding: 10px 5px; font-size: 18px; }
.news-time i{ font-size: 22px; font-weight: bold; font-style: normal;}
.news-text{ width: 100%; padding: 63px 25px; background: #fff;box-shadow:10px 10px 30px 0px #ced8e3;}
.news-text a{ font-size: 24px; color: #1a5b9c; font-weight: bold;}
.news-text p{ font-size: 16px; color: #333333; line-height: 26px; margin-top: 15px;}


.news-right{ width: 907px; height: 704px; box-sizing: border-box; background-image: url("../images/newsbg.png"); padding: 30px 30px 15px 111px; position: absolute; right: -105px; top: 0; }
.news-r-top{ display: flex; align-items: center; justify-content: space-between; border-bottom: #c6cbcf 1px solid;}
.news-r-top div{ display: flex; align-items: flex-end;}
.news-r-top div h2{ font-size: 40px; color: #1a5b9c; border-bottom: #1a5b9c 3px solid; line-height: 60px; margin-bottom: -2px;}
.news-r-top div span{ font-size: 18px; color: #a7aeb5; margin-left: 10px; padding-bottom: 6px;}
.news-r-top a{ font-size: 18px; color: #666666;}
.news-r-top a span{ color: #1a5b9c;}
.news-r-bottom ul{ margin-top: 45px;}
.news-r-bottom ul li{ display: flex; align-items: center; justify-content: space-between; border-bottom: #caced1 1px dashed; height: 105px;}
.news-r-bottom ul li span{ font-size: 36px; color: #999999;}
.news-r-bottom ul li span i{ font-size: 18px; font-style: normal;}
.news-r-bottom ul li div{ width: 575px;}
.news-r-bottom ul li div a{ font-size: 18px; color: #333333; padding-bottom:5px;}
.news-r-bottom ul li div p{ font-size: 16px; color: #666666; line-height: 26px; display: none; margin-top: 20px;}
.news-r-bottom ul li:hover{ height: 125px; align-items: flex-start; padding-top: 15px;}
.news-r-bottom ul li:hover span,
.news-r-bottom ul li:hover a
{ color: #1a5b9c;}
.news-r-bottom ul li:hover a{border-bottom: #f09621 3px solid;}
.news-r-bottom ul li:hover p{ display: block;}
.news-r-bottom ul li:nth-last-child(1){ border-bottom: none;}

/* 学历培训 */
.peix-t{ display: flex; justify-content: center; align-items: center;}
.peix-t h2{ font-size: 40px; color: #999999; font-weight: bold; cursor: pointer;}
.peix-t h2 span{ font-size: 18px; color: #a7aeb5; display: block; font-weight: normal;}
.peix-t .on{ color: #1a5b9c;}
.peix-t h2:nth-child(1){ text-align: right; margin-right: 35px;}

.peix-b{ width: 1220px; margin: 50px auto; position: relative;}
.peix-b-t>div{ box-shadow: 10px 10px 20px #e0e0e0; display: none; justify-content: space-between; flex-wrap: wrap;}
.peix-b-t>div.active{ display: flex;}
.peix-b-t-d{background: linear-gradient(to bottom, #fff, #f7f8f8);width: 33.3%; border-color: #e0e0e0; box-sizing: border-box; padding: 35px 30px;  position: relative; overflow: hidden;}
.peix-b-t-d .time{ width: 140px; height: 34px; display: flex; align-items: center ; justify-content: center;background: linear-gradient(to right, #195d9e, #026dd9); border-radius: 0 12px; color: #fff;}
.peix-b-t-d .time i{ background-image: url("../images/px02.png"); width: 16px; height: 14px; margin-right: 10px;}
.peix-b-t-d p{ font-size: 16px; color: #333333; line-height: 26px; padding: 15px 10px; border-bottom: #dddddd 1px solid;}
.peix-b-t-d a{ display: block; font-size: 14px; line-height: 30px; border: #9f9f9f 1px solid; margin-top: 15px; float: right; padding: 0 10px; color: #9c9c9c;}
.peix-b-t-d:nth-child(1),
.peix-b-t-d:nth-child(2),
.peix-b-t-d:nth-child(3),
.peix-b-t-d:nth-child(4),
.peix-b-t-d:nth-child(5),
.peix-b-t-d:nth-child(6){
	border-right: #e0e0e0 1.5px solid;
}
.peix-b-t-d:nth-child(1),
.peix-b-t-d:nth-child(2),
.peix-b-t-d:nth-child(3){
	border-bottom: #e0e0e0 1.5px solid;
}
.peix-b-t-d:hover{background: linear-gradient(to bottom, #026dd9, #195d9e);}
.peix-b-t-d:hover .time{ background: #fffeff; color: #046bd3;}
.peix-b-t-d:hover .time i{background-image: url("../images/px01.png");}
.peix-b-t-d:hover p{ color: #fff; border-color: #fff;}
.peix-b-t-d:hover a{ background: #fff; color: #046bd3;border-color: #fff;}
.peix-b-t-d:hover::before{content: ""; position: absolute; left: 40%; bottom: -60px; width: 80px; height: 80px; border-radius: 50%; background: #f09621;}

.pex-qh{ position: absolute; top: 45%;}
.pex-qhl{ left: -80px;}
.pex-qhr{ right: -80px;}

/* 底部链接 */
.lianj{ justify-content: space-between;}
.lianj a{ width: 15%; display: flex; align-items: center; flex-direction: column; font-size: 18px; color: #046bd3; border-radius: 50%;}
.lianj .tb{ width: 100%; border: #0070e2 1px dashed; padding: 10px; border-radius: 50%; margin-bottom: 15px;}
.lianj .tb span{ background: #f5f6f8; display: flex; justify-content: center; align-items: center;width: 100%; box-sizing: border-box; height: 188px; border-radius: 50%;}
.lianj .tb span img:nth-child(2){ display: none;}
.lianj a:hover span{ background: linear-gradient(to bottom, #016edc, #195c9e);}
.lianj a:hover span img:nth-child(1){ display: none;}
.lianj a:hover span img:nth-child(2){ display: block;}

/* foot */
.foot{ background: #185fa4; padding: 50px 0 0 0; margin-top: 60px;}
.foot .main{ background: url("../images/foot.png") left bottom no-repeat; justify-content: space-between; align-items: center; padding-bottom: 50px;}
.foot p{ font-size: 18px; color: #fff; line-height: 30px;}
.foot select{ background: #134c83; border: 1px solid #fff; color: #fff; font-size: 16px; padding: 7px 12px;}

/* 部门概况 */
.list{ justify-content: space-between; min-height: 1100px;}
.bm-left{ position: relative; background: #1261af; min-width: 460px; max-height: 519px;}
.bm-left .sy{ position: absolute; left: 0; top: -130px; display: block; width: 100%; height: 130px; line-height: 130px; border-top-right-radius: 30px; background: #1261af; box-sizing: border-box; padding-left: 55px; font-size: 28px; color: #fff; font-weight: bold;z-index: 2;}
.list-l-l{ background: #ecf5fd; width: 92%; float: right; padding: 0 10px 10px 20px; border-top-left-radius: 20px; min-height: 519px; box-sizing: border-box;}
.list-l-l-t{ justify-content: space-between; margin-top: 60px;}
.list-l-l-t h2{ font-size: 24px; color: #1261af;}
.list-l-l-t span{ font-size: 16px; color: #a7aeb5; border-bottom: #a7aeb5 1px solid; position: relative; display: flex; flex-grow:2; margin-left: 15px;}
.list-l-l-t span::before{ content: ""; display: block; width: 40px; height: 3px; background: #a7aeb5; position: absolute; left: 0; bottom: -1.5px;}

.list-l-l ul{ margin-top: 25px;}
.bm-li li{padding: 15px 20px 0 20px;}
.bm-li li a{ display: block; width: 100%; line-height: 50px; font-size: 22px; color: #333333; border-bottom: #333333 1px dashed; position: relative; padding-bottom: 15px;}
.bm-li li a::after{ content: ">>"; font-size: 22px; color: #1261af; position: absolute; right: 0px; line-height: 50px;}
.bm-li li:hover{ background: #fff;}
.bm-li li:hover a{ color: #1261af;}

.list-right{  margin-left: 37px; margin-top: 35px;min-width: 903px;}
.list-r-t{ justify-content: space-between; border-bottom: #a7aeb5 1px solid; padding-bottom: 15px; align-items: center;}
.list-r-t h2{ font-size: 24px; color: #1a5b9c; font-weight: bold;}
.list-r-t .list-wz span,
.list-r-t .list-wz a{font-size: 16px; color: #1a5b9c;}

.list-contet{ margin-top: 40px;}
.list-c-t{ font-size: 20px; color: #333333; margin-bottom: 45px; text-align: center;}
.list-c-t2{ font-size: 16px; color: #333333; padding-bottom: 40px; text-align: center; margin-top: -20px; font-weight: normal;}
.list-c-c{ font-size: 18px; line-height: 25px;}

.news-li li a{ font-size: 16px; color: #333333; line-height: 50px;}

.list-list li a{ display: block; padding: 20px 27px; border-bottom: #999999 1px dashed;}
.list-list li a h2{ font-size: 24px; color: #333333; font-weight: bold; position: relative; }
.list-list li a h2::before{ content: ""; display: block; width: 8px; height: 8px; position:  absolute; left: -27px; top: 10px; background: #1a5b9c; border-radius: 50%;}
.list-l-time{ display: flex; justify-content: flex-start; align-items: center; margin: 10px 0;}
.list-l-time span{ font-size: 14px; color: #999999; line-height: 30px; display: flex; align-items: center;}
.list-l-time span img{ margin-right: 10px;}
.list-l-time span:nth-child(2) img{ margin-left: 15px;}
.list-list li p{ font-size: 16px; color: #999999; line-height: 30px;}
.list-list li a:hover h2{ color: #1a5b9c;}

.list-c-a{ margin-top: 60px; padding-top: 60px; border-top: #a7aeb5 1px solid;}
.list-c-a div{ margin-top: 15px;}
.list-c-a div,
.list-c-a div a{ font-size: 14px; color: #333333; font-family: "宋体";}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
  }