@charset "utf-8";
@import url("https://cdn.lineicons.com/2.0/LineIcons.css");
a:hover {color:#7c7c7c; text-decoration:none;}


/*30y add css*/

.bg-dark{background-image: linear-gradient(to right, #020d52 0%, #a40d13 100%);}
.header{ background-image: linear-gradient(to right, #020d52 50%, #a40d13 100%);}
.a-i-c{display:flex;align-items: center;}
.j-c-b{display:flex;justify-content: space-between;}
.a-flex{display:flex; justify-content:space-around; }

header{width:100%;min-width: 1200px;}
header nav{padding: 20px 0; transition: 0.4s;  z-index: 11;  position: fixed; background-image: linear-gradient(to right, #020d52 0%, #a40d13 100%);color:#fff;width:100%;min-width: 1200px;font-size:16px;}
header nav .navbar{width:1200px;margin:auto;display: flex; }
header nav .navbar-logo{display: inline-block;margin-right:20px;}
header nav .navbar-list{ display: flex; margin-left: auto}
header nav .navbar-list li{ margin:0 15px;}
header nav .navbar-list a{color:#fff;}


.topnews{width:100%;min-width: 1200px; padding:40px 0px 30px;}
.topline { border:none;}
.big_news a{color:#fdfdcb;}
.big_news a:hover{color:#fff;}
.topline p {color: #cecece;}

.bg-blue{ background-image: linear-gradient(to left, #e2e8f2 50%, #e2e8f2 50%); margin:40px 0;}
.bg-blue-1{}
/* multislide */
.title-02:before,.title-02:after{position:absolute;display:block; height:10px; width:400px;background:#7fc1f1;content: "";top:70px;}
.title-02:before{left:-400px;}
.title-02:after{left:380px;}
		.multislideGroup{width:1180px; margin:auto;text-align:left;font-size:14px;height:325px;border-bottom:10px solid #7fc1f1;border-left:10px solid #7fc1f1;border-right:10px solid #7fc1f1;margin-bottom:40px;position:relative;padding-top:100px;margin-top:120px;}
		.multislideGroup .mparHd{   float:left; position:relative; width:330px; height:325px; z-index:10;}
		.multislideGroup .mparHd ul{  position:absolute;left:15px; top:15px;z-index:2;}
		.multislideGroup .mparHd ul li{box-sizing: border-box;padding:15px; cursor:pointer; width:300px; height:294px; color: #bbd8ff;background:#1682d1;}
		.multislideGroup .mparHd ul li h3{ font-size:24px; margin:5px 0 15px;color:#f1ca87; text-align:center;}
		.multislideGroup .mparHd ul li h3 a{color:#f1ca87;}
		.multislideGroup .mparHd ul li span{font-size:14px;color: #bbd8ff;line-height:22px; text-align:left;}
		.multislideGroup .mparHd ul li.on{border: 4px solid #eacb2a; background: #025de6; }
		.multislideGroup .mparHd ul li.on h3{color:#eacb2a;}
		.multislideGroup .multipleColumn{ overflow:hidden; zoom:1;position:relative;   }
		.box-shadow{ position:absolute; right:-10px; top:0px; width:10px; height:540px;background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.5)); z-index:2;}
        .mparBd{ float:right; width:850px; height:325px;}
		
		.multipleColumn .sPrev,.multipleColumn .sNext{ position:absolute;  left:5px; top:0px; display:block; width:50px; height:100%;display:flex;align-items:center; z-index:3;opacity:0;}
		.multipleColumn .sNext{ left:auto; right:3px; }
		.multipleColumn:hover .sPrev,.multipleColumn:hover .sNext{opacity:.6;}
		.lni{ font-size:38px; color:#fff;}

		.multipleColumn .mbd ul{ overflow:hidden; zoom:1;width:850px; height:325px;}
		.multipleColumn .mbd ul li{ width:850px; height:325px;;display:flex;align-items : center;align-content: space-between;}
		.multipleColumn .mbd li a{  display:block;width:260px; height:294px;position:relative; margin:0px 10px;}
		.multipleColumn .mbd li a img{ width:260px; height:210px;}
		.multipleColumn .mbd li .title{ position:absolute; bottom:0; width:100%; height:84px; background:rgba(231,245,254,1); z-index:1; color:#000;display:flex;justify-content : center;}
		.multipleColumn .mbd li .title h4{ position:absolute; top:10px; font: 500 20px/24px "微软雅黑";width:100%;text-align:center;color:#000;}
		.multipleColumn .mbd li .title span{position:absolute;left:8px;top:43px;width:95%; display:block;text-align:center;line-height:16px;}
		.multipleColumn .mbd li .title p{ padding:10px 20px 5px; line-height:22px;opacity:0; text-align:left;overflow:hidden;color:#fff;}
				
		.multipleColumn .mbd li a:hover .title{height:294px;background:rgba(127,193,247,1);transition: 0.3s;color:#fff;}
		.multipleColumn .mbd li a:hover img{opacity:0.3;}
		.multipleColumn .mbd li a:hover .title h4{display:none;top:10px;transition: 0.2s;color:#fff;}
		.multipleColumn .mbd li a:hover .title span{opacity:0;}
		.multipleColumn .mbd li a:hover .title p{opacity:1;transition:0.8s;}
/* date css */
		.dateBox{ width:1200px; margin:auto; padding-top:5px;}
		.dateBox .hd{ height:150px; padding:0 10px 0 20px;  position:relative; }
		.dateBox .hd ul{display:flex;justify-content:space-around;align-items: center;flex-wrap:wrap;height:180px; }
		.dateBox .hd ul li{ display:block;font-size:18px; height:20px; padding:11px 15px 18px; margin:10px 0; cursor:pointer; border-radius:35px;color:#585858;white-space: nowrap;border:5px solid #efeff0; background:#efeff0;}
		.dateBox .hd ul li.on{ font-size:22px;background:#c72d2d; color:#fad9da; height:30px; border-color:#ffd7d8;transition: all 0.5s;box-shadow: 0px 0px 15px rgba(0,0,0,.3);padding-top:14px;}
		.dateBox .bd ul{ padding:20px;  zoom:1;  }
		.dateBox .bd li{ text-align:center;}
		.dateBox .bd img{ width:600px; height:auto;}

/* list css */
.news-box{width:550px;border-radius:15px;box-sizing: border-box;text-align:left; padding:15px;font-size:16px; margin:40px 0;}
.news-box h2 a{font-size:30px;font-weight:500;line-height:30px; border-bottom:3px solid; padding-bottom:10px;}
.bc01,.bc01:link,.bc01:hover,.bc01:visited{border-color:#011d77; color:#011d77;}
.bc02,.bc02:link,.bc02:hover,.bc02:visited{border-color:#c72d2d; color:#c72d2d;}
.bc01 span,.bc02 span{border-radius:15px; font-size:12px;padding:0 3px; color:#fff;margin-left:20px;opacity:.3;}
.news-box:hover .bc01 span,.news-box:hover .bc02 span{margin-left:40px;transition: 0.3s;opacity:1;}
.bc01 span{background:#011d77;}
.bc02 span{background:#c72d2d;}
.news-box ul{padding:15px;}
.news-box ul li { line-height:64px;border-bottom: 1px solid #e7e3e2;}
.news-box ul li a{display:block;}
.list-bg01,.list-bg02{ background:#f6f6f7;}
.list-bg01:hover{background:#e4efff;transition: 0.3s;}
.list-bg02:hover{background:#fff2f2;transition: 0.3s;}

/*people*/
.people-box{flex-wrap:wrap;}
.people-box a{position:relative;width:344px; height:344px;border-radius:50%;background:#80ccff;display:block; margin:20px 0;transition: all 0.5s;border-color:#fff;}
.people-box a:after{position:absolute;top:13px; left:13px;display:block;border-radius:50%;width:320px; height:320px;background:#fff;border:1px solid #024195;content: ""; }
.people-box img{position:absolute;top:23px; left:23px;width:300px; height:300px;border-radius:50%;z-index:1;}
.people-box h2{position:absolute;top:60px; font-weight:400; right:-15px;padding:5px 8px;font-size:22px;width:140px;text-align:center;color:#dce6fd;z-index:2;box-sizing: border-box;}
.people-box h2 span{font-size:12px;font-weight:200;text-align:left;display:block;line-height:16px;height:36px; }
.people-box h2:after{position:absolute;display:block;top:0px; right:0px;width:140px; height:88px;background:#024195;content: "";z-index:-1;}
.people-box h3{position:absolute;top:230px; font-weight:300;line-height:22px; left:-15px;font-size:19px;width:274px;text-align:left;color:#fff;z-index:2;box-sizing: border-box; padding:8px 10px 0 25px;}
.people-box h3 span{display:block;transform:skewY(-3deg);-webkit-transform:skewY(-3deg);-moz-transform:skewY(-3deg);}
.people-box h3:after{position:absolute;display:block;top:-20px; left:0px;width:274px; height:91px;content: "";z-index:-1;}

.people-box a:hover {background:#fff;transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}
.people-box a:hover:after {border-color:#fff;}
.people-box a:hover h2{font-weight:500;}
.people-box a:hover h2:after{background:#0761da;color:#fff;}