@charset "utf-8";
/* CSS Document */
.layout{ width: 1400px; margin-right: auto; margin-left: auto; padding:0 15px;}
.header{ height:130px; background-position:center center; background-size:cover;}
.header_top{ width:100%; overflow:hidden;}
.logo{ float:left; padding-top:29px;}
.logo img{ display:block;}
.top_right{ float:right; overflow:hidden; padding-top:26px;}
.top_eve{ color:#fff; font-size:14px; text-align:right;}
.top_eve a{ color:#fff; padding:0 10px;}
.sou{ width:280px; float:right; position:relative; margin-top:14px;}
.inputBox_02{ width:234px; height:40px; float:left; background:#fff; border:1px #f0f0f0 solid; border-right:none;color:#999999;font-size:100%; text-indent:15px; line-height:40px;}
.searchBox_01{ background:url(../images/sou_06.jpg) no-repeat; width:46px; height:40px; overflow:hidden; border:none;margin:0px; cursor:pointer; float:left;}


/*=================导航=================*/
.nav{ width:100%; height:60px; background:#883C92;}
.nav_item{ float:left; width:14%; margin:0 3%; text-align:center; height:50px; position: relative; z-index: 100;}
.nav_item a{ width:100%; color:#fff; font-size:18px;display:block; line-height:60px;}
.nav_item_sub { display: none; position: absolute;z-index: 1000; left:0; overflow: hidden; width:100%;}
.nav_item .nav_itema{ display: block;}
.hover .nav_itema { background:#ffb836; color:#FFF;}
.hover .nav_item_sub a{ text-align:center; background: #ffb836; color:#FFF; text-decoration: none; font-size:14px; height:33px; line-height:33px; border-bottom:1px #aec7d8 solid; opacity:0.9;}
.hover .nav_item_sub a:hover{ background: #ffb836; color:#FFF; opacity:0.6;}


.banner{position:relative;height:530px;overflow:hidden;}
.banner .slick-list{height:100%;}
.banner .slick-track{height:100%;}
.banner .slick-slide>div{height:100%;}
.banner .frame{height:100%;}
.banner .frame video{min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.banner .child{background-size:cover;color:#fff;background-position:center center;height:100%;position:relative;overflow:hidden;background-color:#883c92;z-index: 999;}
.banner .child:before{content:"";position:absolute;left:0;bottom:0;right:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.banner .banner_nav {overflow: hidden;height: 50px;position: relative;top: -40px; text-align:center;}
.banner .banner_nav ul{ overflow:hidden; zoom:1; }
.banner .banner_nav ul li {margin:0px 6px;  width:19px; height:20px; color:#FFF; cursor:pointer; display:inline-block; text-align:center; line-height:90px; overflow:hidden; background:url(../images/b_04.png) no-repeat;}
.banner .banner_nav ul li:hover {background:url(../images/b_h_04.png) no-repeat;}
.banner .banner_nav ul li.slick-active{background:url(../images/b_h_04.png) no-repeat;}


.header_blong{ width:100%; overflow:hidden;}
.header_news{ width:100%; overflow:hidden; padding-top:50px;}
.news_top{ width:100%; overflow:hidden; }
.news_top h4{ float:left; color:#883C92; font-size:26px; font-weight:bold; padding-bottom:8px;}
.news_top .more{ float:right; color:#883C92; font-size:16px; padding-top:10px; padding-right:16px;}
.news_nav{ width:100%; padding-top:23px; overflow:hidden;}

.news_flash{ float:left; width:53%; height:496px; position:relative;}
.news_flash .hd{ position:absolute; z-index:999; bottom:12px; width:100%; height:24px;}
.news_flash .hd .next{background:url(../images/prev_03.png) no-repeat;width:11px;height:24px; left:12px; z-index:999; position:absolute;}
.news_flash .hd .prev{ background:url(../images/next_05.png) no-repeat; width:11px; height:24px; right:12px; z-index:999; position:absolute;}
.news_flash .bd ul li{ position:relative; width:100%; overflow:hidden; height:497px;}
.news_flash .bd ul li img{ width:100%; height:100%;}
.news_flash .bd ul li .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:56px; height:56px; background: rgba(159,39,176,0.8);}
.news_flash .bd ul li .mask h5{ width:80%; font-size:18px; color:#fff; margin:0 auto; display:block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; text-align:center;}


.news_right{ width:44.3%; float:right; overflow:hidden;}
.news_one{ width:100%; overflow:hidden; border-bottom:1px #dddddd solid; padding-bottom:25px;}
.news_one h4 a{ font-size:24px; color:#333333; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display:block; width:100%;}
.news_one p{ display:block; font-size:14px; line-height:24px; color:#999999; padding-top:10px;}
.news_right ul{ overflow:hidden; width:100%; padding-top:30px;}
.news_right ul li{ width:100%; overflow:hidden; line-height:44px;}
.news_right ul li a{ background:url(../images/eve.jpg) 0 20px no-repeat; float:left; font-size:16px; color:#333333; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display:block; width:80%; transition: all 0.5s linear; padding-left:30px;}
.news_right ul li a:hover{ transform: translate(10px, 0px); color:#f9ae31;}
.news_right ul li span{ float:right; color:#999999; font-size:14px;}


.header_vel{ width:100%; overflow:hidden; padding-top:50px;}




.header_qcsd{ width:100%; overflow:hidden; padding-top:30px; padding-bottom:25px;}
.acsd_top{ width:100%; text-align:center;}
.acsd_top h4{    float: left;color: #883C92;font-size: 26px;font-weight: bold;padding-bottom: 8px;}
.acsd_top .more{    float: right;color: #883C92;font-size: 16px;padding-top: 10px;padding-right: 16px;}
.qcsd_cen{ width:100%; overflow:hidden; position:relative; margin-top:60px; }
.qcsd_cen ul li{    width: 230px;height: 100%;float: left;position: relative;overflow: hidden;    margin: 20px 35px 5px 5px;}
.qcsd_cen ul li a{  margin: 5px;  display: inline-block;overflow: hidden;vertical-align: top;width: 220px;;height: 280px;border: 10px solid #fff;box-shadow: 0px 1px 8px 2px #e2e2e2;}
.qcsd_cen ul li img{    width: 100%;height: 100%;transition: all 1s ease-out;}
.qcsd_cen ul li h3{margin-top: 10px;line-height: 30px;text-align: center;font-size: 16px;}


.foter{ width:100%; background:#883C92; height:120px; }
.foter_left{width: 100%;height: 120px;color: #fff;font-size: 14px;display: flex;justify-content: center;align-items: center;}
.foter_contact{     width: 1200px;display: flex;justify-content: center;line-height: 26px;align-items: center;flex-wrap: wrap;}
.foter_contact p{ color:#FFF; font-size:14px; line-height:28px;    text-align: center;}
.foter_contact p a{    color: #FFF;}