@charset "utf-8";
body,ul,li,img,h1,h2,h3,h4,h5,form,input,dt,dd,dl { margin:0; padding:0; font-family: MicrosoftYaHei-Bold,Microsoft YaHei}
body {font-size:16px;}
img,input{ vertical-align: middle; }
input,button,textarea,select ,option{outline: none;font-family: MicrosoftYaHei-Bold,Microsoft YaHei}
input[type="text"]{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance:none;-moz-appearance  : none;  appearance : none;}
ul,li {list-style:none;}
a {color:#333333;text-decoration:none;}
a:hover { text-decoration:none; }
.container{
	width: 1200px;
	margin:0 auto;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: space-between;
}
.container2{
	width: 1200px;
	margin:0 auto;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.container3{
	width: 1440px;
	margin:0 auto;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.container3 .swiper-pagination-bullets{
     text-align:center;
}
.row{
    width: 100%;
    background-color: #F5F5F5;
    height: 44px;
}
.row-center{
	display:flex;
	align-items: center;
	justify-content: center;
}
.column-center{
	display:flex;
	flex-direction: column;
	align-items: center;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-start2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.clear-float{
	clear: both;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align:  right;
}
.gen-title{
	font-size: 40px;
	font-weight: 700;
	color: #ffffff;
	height: 58px;
	line-height: 58px;
}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px}
.mt30{margin-top: 30px}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px}
.mt45{margin-top: 45px}
.mt60{margin-top: 60px;}
.mt62{margin-top: 62px}
.ml5{margin-left: 5px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px}
.ml40{margin-left: 40px}
.header{
	background-image: url(/_upload/tpl/0e/b9/3769/template3769/images/header_bg.png);
	min-width: 1200px;
	height: 100px;
	color:#ffffff;
	display: flex;
	align-items: center;
}
.header a{
	color:#ffffff;
	cursor: pointer;
}
.header .logo{
	height: 64px;
	margin-top: 6px;
}
.header .title-warp{
	width: 680px;
}
.header .title-warp .title{
	font-size: 22px;
	font-weight: bold;
}
.header .title-warp .en-title{
	font-size: 12px;
}
.menu{
	background: #ED7C40;
}
.menu .container:hover{
/* 	background: #1E4B8F; */
}
.menu .container:hover .menu2-container{
	z-index: 12;
	display: block;
}
.menu .container:hover + .menu2-bg{
	z-index: 11;
	display: block;
}


.menu .menu-list > li:hover > .menu2-container .menu2{
	background-color: rgba(237,126,68,0.1);
	animation: menu-in 700ms linear;
}
@keyframes menu-in {
	from {
			background-color: rgba(237,126,68,0.5);
			height: 0px;
	}

	to {
			background-color: rgba(237,126,68,0.1);
			height: 498px;
	}
}

.menu .menu-list > li:not(:hover) > .menu2-container .menu2{
	background-color: rgba(255,155,255,0);
	
}
@keyframes menu-out {
	from {
		background-color: rgba(237,126,68,0.1);
		height: 498px;
	}

	to {
		background-color: rgba(255,255,255,0.0);
		height: 0px;
	}
}
.menu2-bg{
	height: 498px;
	width: 100%;
	position: absolute;
	z-index: 11;
	background: #fff;
	display: none;
	background-image: url(/_upload/tpl/0e/b9/3769/template3769/images/menu_bg.png);
	background-repeat: no-repeat;
}
.sub-menu {
	/* border:1px solid; */
	top:154px;
	height:500px;
	z-index: 9;
	position: absolute;
	/* display: none; */
	background:#ffffff;
	width: 1208px;
}
.sub-menu-list{
	/* width: 100%; */
	display:flex;
	justify-content: flex-start;
}

.sub-menu-list li{
	position: relative;
	font-size: 16px;
	line-height: 56px;
}
.sub-menu-list .sub-menus {
	width:80px;
	height:500px;
}
.sub-menu-list .sub-menus:hover {
	background: rgba(237,126,68,0.1);
}
.menu2-container ul{
	background: rgba(255,255,255,0);
	height: 484px;
}
.menu2-container{
    top: 56px;
    width: 100%;
    position: absolute;
    display: none;
    z-index: 10;
    height: 498px;
    background: #fff;
    text-align: left;
    padding:0 1px
}
.menu2-split{
    /* height: 31px; */
    display: block;
}
.menu2{
    background: #ffffff;
    border:0;
    padding: 8px 0 0 0;
    width: 140px;
}
.menu2 li{
	margin-bottom: 16px;
}
.menu2-container:hover{
	z-index:10;
	display: block;
}
.menu2:hover{
	background: rgba(237,126,68,0.1);
}
.menu2 a{
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	display: block;
}
.menu2  a:hover{
	color:#ED7C40;
}
.menu-list{
	width: 100%;
	height: 56px;
	display:flex;
	justify-content: space-between;
	padding: 0 4px;
	align-items: center;
}
.menu .menu-list > li{
	position: relative;
	font-size: 16px;
	line-height: 20px;
	height: 56px;
	display: flex;
	align-items: center;
}
.menu .menu-list > li > a{
        color: #FFFFFF;
}

.menu-list a{
	font-size: 16px;
	font-weight: 500;
	font-family: MicrosoftYaHei-Bold,Microsoft YaHei;
	display: block;
        padding:0 12px;
}
.search-bar-container{
    margin-left: 47px;
}
.search-bar-container form {
	display: flex;
	align-items: center;
}
.header .search-bar{
	height: 32px;
	border-radius: 639px;
	overflow: hidden;
	background: #F5F5F5;
	display: flex;
	align-items: center;
}
.search-label{
	width: 80px;
	height: 22px;
	font-size: 16px;
	font-family: MicrosoftYaHei-Bold,Microsoft YaHei;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 22px;
}
.header .search-bar .search-icon{
	width: 16px;
	height: 16px;
	margin:3px 3px 3px 10px;
}
.header .search-bar input,.header .search-bar input:focus,.header .search-bar input:active{
	background: none;
	border: 0;
	width: 171px;
	height: 20px;
	font-size: 14px;
	font-family: "Microsoft Yahe","Î¢ÈíÑÅºÚ";
	font-weight: 500;
	color: #999999;
	line-height: 20px;
	-webkit-background-clip: text;
	
}
.header_links{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-family: MicrosoftYaHei-Bold,Microsoft YaHei;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 20px;
	-webkit-background-clip: text;
	margin-top: 12px;
}
.header_links .unselected{opacity: 0.5;}
.banner-swiper{
	width: 100%;
	min-width: 1200px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.banner-swiper .swiper-slide-img{
	width: 100%;
}
.banner-swiper .swiper-button-next{
	color: #ffffff;
}
.banner-swiper .swiper-button-prev{
	color: #ffffff;
}
.row-top .title{
	font-size: 22px;
	font-weight: bold;
	color: #1E4B8F;
	position: relative;
}
.row-top .title span{
	position: relative;
	z-index: 1;
}
.row-top .title:before{
	content:'';
	position: absolute;
	left: 0;
	bottom:-1px;
	width:100%;
	height: 16px;
	background: #E8F1FF;
	border-radius:60px 60px 60px 60px ;
}
.row-top .more{
	border:1px solid #1E4B8F;
	color: #1E4B8F;
	padding: 5px 8px;
	border-radius: 20px;
	font-size: 12px;
	display: inline-block;
}
.platform{
	margin: 40px auto 0 auto;
	width: 1200px;
	display: flex;
	justify-content: space-around;
	background-color: #fff;
}
.platform-item{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	flex-direction: column;
	align-items: center;
}
.platform-icon{
    height: 80px;
    width: 80px;
    margin-bottom: 16px;
}
.platform-title{}
.news{
	margin: 80px auto 0px auto;
}
.news-list{
	/* background: #fff; */
	width: 100%;
	margin-top:40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
        flex-wrap:wrap;
}
.news-item{
	 background: #fff;
    height: 483px;
    border-radius: 8px;
    width: 590px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 20px;
overflow: hidden;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
}
.news-img:hover  img{
  transform: scale(1.2);
  transition: all 0.5s linear;
}
.news-img{
	width:590px;
    height:320px;
overflow: hidden;
}
.news-img img{
	object-fit:cover;
transition: all 0.5s linear;
}
.news-date-tag{
	height:56px;
	width:56px;
	background: #ED7C40;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	position:relative;
	top:-30px
}
.news-date-tag-day{
	font-size:24px;
	font-weight:500;
	height:34px;
	line-height:34px;
}
.news-date-tag-month{
	font-size:12px;
	font-weight:500;
	height:16px;
	line-height:16px;
}
.news-title{
	margin-top:-5px;
	font-size:16px;
	font-weight:500;
	color:#333;
	height:22px;
	width: 560px;
	line-height:22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-desc{
	font-size:14px;
	font-weight:400;
	color:#666;
	height:20px;
width: 560px;
	line-height:20px;
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-date{
	width: 560px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	font-size: 12px;
	font-weight: 500;
	color: #999;
	height: 16px;
	line-height: 16px;
	  margin-top: 24px;
}
.notice{
	height: 489px;
	width: 1440px;
	background:url(/_upload/tpl/0e/b9/3769/template3769/images/notice_bg.jpg);
	background-size: contain;
}
.notice-container{
	width: 1440px;
	display:flex;
	align-items: center;
	overflow: hidden;
}
.notice-page{
	display: flex;
	width: 1440px;
}
.notice-list{
	height:154px;
	width: 1199px;
	color:#fff;
	display:flex;
	justify-content: center;
	align-items: center;
}
.notice-item{
	height:152px;
	width:260px;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid  rgba(255,255,255,0.5);
	margin-right: 26px;
}
.notice-date{
	height: 80px;
	width: 80px;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.notice-day{
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-size:20px;
	font-weight: 800;
	background: #5557A4;
	text-align: center;
}
.notice-month{
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-size:14px;
	font-weight: 700;
	font-family: MicrosoftYaHei-Bold,Microsoft YaHei;
	background: #ED7C40;
	text-align: center;
}
.notice-title{
	width:140px;
	height:104px;
	font-size: 18px;
	font-weight:500;
	line-height:26px;
	margin-left: 14px;
        color:#fff;
}
.tabs-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height:39px;
	border-bottom:1px solid #d8d8d8;
}
.tabs{
	display: flex;
	width: 1157px;
	align-items: center;
	justify-content: flex-start;
	font-size: 16px;
	font-family:MicrosoftYaHei-Bold,Microsoft YaHei;
	font-weight: 500;
	color: #333333;
	line-height: 22px;
}
.tab{
	height: 34px;
	line-height:34px;
	margin-right: 16px;
}
/* .tab:hover{
	color:#ED7C40;
}
.tab:hover .tab-line{
	display:block;
} */
.tab-selected {
	color: #ED7C40;
}

.tab-selected .tab-line {
	display: block;
}
.tab-more{
	width: 43px;
}
.tab-line{
	display:none;
	width:100%;
	height:4px;
	background:#ED7C40;
}
.tab-list{
	width:1200px;
}
.tab-item{
  display:flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  border-bottom:1px dashed #d8d8d8;
}

.tab-item-title{
	font-size:16px;
	font-weight:500;
	color:#333;
	height:22px;
	line-height:22px;
}
.tab-item-date{
	font-size:14px;
	font-weight:500;
	color:#5557A4;
}
.type-row{
	display: flex;
	align-items: center;
	width: 1200px;
	justify-content: space-between;
}
.type-item{
	width: 580px;
	height: 240px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	background-size: contain !important;
}

.type-title{
	font-size: 32px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 44px;
}
.introduction-bg{
	background:url(/_upload/tpl/0e/b9/3769/template3769/images/introduction-bg.png);
	height:661;
}
.introduction-container{
	width: 1350px;
	overflow: hidden;
}
.introduction-page{
}
.introduction-list{
    width: 1350px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.introduction-item{
    display: flex;
    width: 320px;
    height: 272px;
    background: #fff;
    margin: 0 9px;
    align-items: center;
}
.introduction{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
    width: 122px;
    height: 200px;
    margin-left: 16px;
    word-break: break-all;
}
.introduction-img{
    width: 150px;
    height: 200px;
    margin-left: 16px;
}
.introduction-avatar{
    width: 150px;
    height: 200px;
    object-fit: cover;
}
.introduction-title{
    font-size: 18px;
    font-weight: 500;
    color: #ed7c40;
}
.introduction-title a{
    color: #ed7c40;
}
.introduction-content{
    font-size: 14px;
    font-weight: 400;
    color: #827f83;
}
.introduction-content a{
    color: #827f83;
}
.introduction-detail-btn{
    color: #fff;
    background: #5557A4;
    width: 100px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
}
.focus-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1200px;
}
.focus-left{
    width: 802px;
    height: 450px;
}
.focus-right{
    width: 370px;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.focus-left-item{
    width: 100%;
}
.focus-right-item{
    width: 100%;
    height: 210px;
}
.focus-play{
    width: 40px;
    height: 40px;
    position: relative;
    bottom: 49%;
    left: 41%;
}
.focus-img{
	width:100%;
	height:100%;
object-fit:cover;
}

.vjs-poster img{
 object-fit:cover;
}
.focus-title{
       width: 100%;
    height: 38px;
    background: rgb(0,0,0,0.5);
    position: relative;
    bottom: 38px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
}
.focus-title span{
	margin-left:12px;
}
.nav-bg{
	background:url(/_upload/tpl/0e/b9/3769/template3769/images/nav_bg.png);
	height: 607px;
}
.nav-container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.nav-left{
    width: 632;
    height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.nav-left-item{width: 392px;height: 80px;display: flex;align-items: center;justify-content: flex-start;cursor: pointer;}
.nav-left-item:nth-child(odd){
	background: #ED7C40;
}
.nav-left-item:nth-child(even){
	background: #5557A4;
}
.nav-left-item-img{
    margin-left: 20px;
    align-content: space-around;
    align-content: space-around;
    height: 40px;
    width: 40px;
}
.nav-left-item-title{
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-left: 12px;
}
.nav-right{
    width: 688px;
    height: 206px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
}
.nav-right-item{
    width: 172px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.nav-right-item-img{
   margin-bottom:13px;
}
.nav-right-item-title{}
.more{
	background: #ffffff;
	height: 54px;
	width: 136px;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #F5F5F5;
}
.links-container{
	background:#FAFAFA;
	width: 100%;
}
.links{
	height: 102px;
	width: 1200px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.links a{
	color: #999;
	font-size: 16px;
	font-weight: 500;
	margin: 0px 40px;
}
.links .download{
	color: #ED7C40;
}
.more2{
	height: 54px;
	width: 104px;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #F5F5F5;
}
.footer{
	background: url(/_upload/tpl/0e/b9/3769/template3769/images/foot-bg.png);
	width: 100%;
	height: 447px;
	color: #ffffff;
	/* position: absolute; */
	/* bottom: 0; */
	display: flex;
	flex-direction: column;
	align-items: center;
        margin-top: 15px
}
.foot-container{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 477px;}
.footer a{
	color: #ffffff;
}
.footer-left{
	width: 444px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.foot-right{
	width:1000px;
	margin-left:14px;
}
.foot-wrap{
	width:476px;
	height: 100%;
}
.foot-title{font-size: 24px;font-weight: 700;text-align: center;margin-top:23px}
.foot-above{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.foot-above-left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 485px;
}
.foot-above-left-content{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 24px;
    font-size: 16px;
    line-height:20px;
    font-weight: 500;
    color: rgb(255,255,255,0.5);
}
.foot-above-left-center{
    display: flex;
    flex-direction: column;
}
.foot-above-left-center a{
    color:rgb(255,255,255,0.5);
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}
.foot-above-left-center a:hover{
    color:#ED7C40;
}
.foot-above-left-department-item:hover{
    color:#ED7C40 !important;
}
.foot-above-left-department-item{
    line-height: 25px;
    display: block;
    color: rgb(255,255,255,0.5) !important;
}
.foot-above-left-department-item:nth-child(2) {
	margin-bottom: 25px;
}
.foot-above-left-department-item:nth-child(5) {
	margin-bottom: 25px;
}
.foot-above-right{display: flex;flex-direction: column;align-items: flex-start;height: 280px;}
.foot-above-right-content{
    margin-top: 24px;
    display: flex;
}
.foot-above-right-qrcode{width: 120px;height: 120px;}
.foot-above-right-qrcode img{width:100%;height:100%;margin-top: 3px;}
.foot-above-right-contact{
    color: rgb(255,255,255);
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 16px;
    line-height: 25px;
}
.foot-above-right-contact span{
    color: rgb(255,255,255,0.5);
}
.foot-below{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    height: 64px;
    border-top: 1px solid #3F4187;
    font-size: 16px;
    font-weight: 400;
    line-height: 64px;
    color: rgb(255,255,255,0.5);
}
.foot-below a{
    color: rgb(255,255,255,0.5);
}
.title_under_line{
	width: 320px;
	margin-top: 13px;
	border-bottom: 2px solid #F5F5F5;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
}
.title_under_line_center{
	height: 9px;
	width: 60px;
	background: #ED7C40;
	bottom: -2px;
	position: relative;
}
.more-arrow{
	width:16px;height:16px;margin-left: 8px;
}
.swiper-title{
	position: absolute;
	display: flex;
	width: 100%;
	text-align: center;
	height: 58px;
	bottom: -0px;
	z-index: 11;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	background: #5557A4;
	align-content: center;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.swiper-pagination{
	width: 1200px !important;
	height:58px;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
.swiper-more{
    display: block;
    width: 68px;
    height: 20px;
    background: url(/_upload/tpl/0e/b9/3769/template3769/images/index_wqhg.png) no-repeat;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	/* background: #5557A4; */
	bottom:0px;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 6px; 
    background:rgba(0,0,0,0.5);;
    opacity: 1;
	margin-left:8px;
}
.swiper-pagination-bullet-active{
/* 	width: 24px; */
	background: #fff;
}
.notice-pagination .swiper-pagination-bullet {
    width: 32px;
    height: 4px;
    display: inline-block;
    border-radius: 0px; 
    background:rgba(255,255,255,0.5);
	margin-left:16px;
}

.notice-pagination .swiper-pagination-bullet-active {
   background: #fff;
}
.introduction-pagination  .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 8px; 
    background:rgba(0,0,0,0.5);
	margin-left:16px;
}
.introduction-pagination .swiper-pagination-bullet-active {
   background: #ED7C40;
}

.video-js .vjs-big-play-button{
	width:40px;
	height:40px;
	border-radius:20px;
	left:55%;
	border:none;    
	font-size: 32px;
    line-height: 40px;
}
.ml_lm {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin:20px 0 ;
}
.ml_lm a {
    width: 129.7px;
    height: 50px;
    background: #f9f9f9;
    border: solid 1px #ddd;
    border-bottom: 0px;
    margin: 0px 2px;
    float: left;
    text-decoration: none !important;
}
.ml_lm a.on, .ml_lm a:hover {
    background: #ED7C40;
    color: #fff;
    border: solid 1px #ED7C40;
}
.ml_lm a {
    color: #ED7C40;
}
h3.h3_bt {
    width: 100%;
    padding-left: 15px;
    font-size: 16px;
    background: -webkit-linear-gradient(left,#ED7C40,#FFF);
    line-height: 48px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
}
.history li{
list-style: unset;
}

.notice-item:hover {
  background-color: rgba(255, 255, 255, 0.3);
  transform: scale(1.02);
  border-color: rgba(255, 255, 255, 0.3);
}

.tab-item:hover {
  background-color: #ed7c40;
}

.tab-item:hover .tab-item-title {
  color: #fff;
}

.type-item:hover {
  transform: translate(0, -5px);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.introduction-item:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.more:hover {
  background-color: #eee;
}

.platform-item:hover,
.introduction-item:hover .introduction-avatar,
.nav-right-item:hover .nav-right-item-img {
  transform: scale(1.05);
}

.nav-right-item:nth-child(2n + 1):hover .nav-right-item-title {
  color: #ea7b3f;
}

.nav-right-item:nth-child(2n):hover .nav-right-item-title {
  color: #5557a4;
}

.notice-item, 
.tab-item,
.platform-item,
.type-item,
.introduction-item,
.more,
.introduction-avatar,
.nav-right-item,
.nav-right-item-img {
  transition: 0.2s all;
}