/*
*@Description: 鍒楄〃椤礐SS
*@Author:      Hanli 
*@Update:      Hanli(2019-03-14)  
*/ 
@media screen and (min-width: 1200px) {
	.col-lg-5{
		width: 20%;
		float: left;
		padding: 0 15px;
	}
}
@media screen and (min-width: 992px){
	.col-md-5{
		width: 20%;
		float: left;
		padding: 0 15px;
	}
}



/*inner_title*/
.inner_title{
    position: relative;
    margin-bottom: 40px;
    color: #333;
}
.inner_title h2{
    font-size: 28px;
    margin-bottom: 20px;
    text-align: center;
}
.block.bg .inner_title{
    color: #fff;
}
.inner_title .small_title{
    font-size: 30px;
    font-weight: 100;
    color: #999;
    font-family: "Microsoft Yahei Light";
}
.inner_title .desc{
    /*margin: 0 auto;*/
    margin-top: 10px;
    font-size: 16px;
    color: #666;
    /*max-width: 800px;*/
}
.block.bg .inner_title .small_title,
.block.bg .inner_title .desc{
    color: #ddd;
}
@media screen and (max-width: 767px) {
    .inner_title h2{
        font-size: 28px;
    }
    .inner_title .small_title{
        font-size: 20px;
    }
    .inner_title .desc{
        font-size: 14px;
        font-weight: lighter;
        color: #888;
    }
}

/*inner-banner*/
.inner-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.inner-banner .bg{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #414143;
    opacity: .85;
}
.inner-banner .banner-con{
	color: #fff;
    padding: 50px 0 150px;
    position: relative;
}
.inner-banner .banner-title {
    font-size: 40px;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    position: relative;
}


@media screen and (max-width: 991px) {
	.breadCrumb{
		display: none;
	}
	.inner-banner{
		padding-top: 80px;
	}
	.page .inner-banner{
		padding-bottom: 0px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.inner-banner:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 160px;
        background: -webkit-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
        background: -o-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
        background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
        z-index: 1;
    }
    .inner-banner{
    	background-position: right 25% center;
    }
}
.inner-banner.no-subNav .banner-con{
	padding: 75px 0 125px;
}
.inner-banner .swiper-pagination-container{
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    z-index: 8;
}
.inner-banner .swiper-pagination{
    position: static;
    text-align: right;
}

@media screen and (max-width: 767px) {
	.inner-banner{
		padding: 0;
		margin: 0;
		height: 160px;
		background-position: right 25% center;
		margin-top: 80px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}
	.inner-banner .banner-con,
	.inner-banner.no-subNav .banner-con{
		padding: 0;
	}
	.inner-banner .banner-con  .banner-title{
		font-size: 26px;
	}
	.filter-item{
		display: none!important;
	}
}
/*inner-banner END*/

/*autoHeight-banner*/
.inner-banner.autoHeight {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.inner-banner.autoHeight .container{
	position: relative;
}
.inner-banner.autoHeight .autoHeight-con{
	padding-top: 60px;
	padding-bottom: 60px;
    color: #fff;
}
.inner-banner.autoHeight .autoHeight-title{
	font-size: 36px;
	margin-bottom: 20px;
}

.inner-banner.autoHeight .autoHeight-desc{
	margin-bottom: 40px;
	line-height: 1.8;
}
.autoHeight-other span{
	display: inline-block;
	margin-right: 20px;
}
.autoHeight-other{
	color: #eee;
}
.event-view .autoHeight-other{
	margin: 8px 0;
	font-size: 16px;
}
.autoHeight-other .iconfont{
	font-size: 16px;
	margin-right: 5px;
	color: #E79039;
	font-weight: bold;
}
.inner-banner.autoHeight a{
	color: #fff;
}
.inner-banner.autoHeight a:hover{
	color: #E79039;
}
@media screen and (max-width: 991px) {
	.inner-banner.autoHeight {
		/*padding-top: 100px;*/
		padding: 20px 0;
		height: auto;
	}
	.inner-banner.autoHeight .autoHeight-con{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.inner-banner.autoHeight .autoHeight-title{
		font-size: 28px;
	}
	.inner-banner.autoHeight .autoHeight-desc{
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.inner-banner.autoHeight{
		padding-top: 100px;
	}
}
/*autoHeight-banner END*/
/*mobile-banner*/
@media screen and (max-width: 767px) {
	.mobile-banner .container{
		background: #fff;
		border-bottom: 5px solid #f0f0f0;
		border-top: 1px solid #f0f0f0;
		width: 100%;
	}
	.inner-banner.mobile-banner{
		padding-top: 0px;
		padding-bottom: 0;
		background-size: 100% 200px;
		background-position: top center;
	}
	.inner-banner.mobile-banner .autoHeight-con{
		color: #333;
		padding-bottom: 10px;
	}
	.inner-banner.mobile-banner .autoHeight-title{
		font-size: 20px;
		margin-bottom: 10px;
		color: #000;
	}
	.inner-banner.mobile-banner .autoHeight-desc{
		color: #999;
	}
	.mobile-banner .autoHeight-other{
		margin: 0;
	}
	.mobile-banner .autoHeight-other span{
		display: block;
		margin-right: 0;
	    padding: 15px 0;
	    position: relative;
	    color: #999;
	}
	.mobile-banner .autoHeight-other span:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	    border-top: 1px solid #e5e5e5;
        -webkit-transform: scaleY(.5);
    	transform: scaleY(.5);
	}
	.inner-banner.mobile-banner .autoHeight-con .more-btn{
		margin-bottom: 20px;
		margin-top: 10px;
		width: 100%;
		padding: 15px 80px;
	    font-size: 16px;
	    text-align: center;
	}
	.block .more-btn.apply-job{
		width: 100%;
		text-align: center;
		background-color: #00304b;
		color: #fff!important;
		border-radius: 2px;
		margin-top: 20px;
		border-color: #00304b;
	}
}
/*mobile-banner END*/

.breadCrumb{
	color: #fff;
	padding: 15px 0;
	font-size: 13px;
	text-align: left;
}
.breadCrumb ul{
	padding-left: 0;
}
.breadCrumb li{
	display: inline-block;
	color: #fafafa;
}
.breadCrumb a{
	color: #fff;
}
.breadCrumb a:hover{
	text-decoration: underline;
}
.breadCrumb.white{
	background: #fff;
}

.inner-title{
    font-size: 28px;
    /*font-weight: bold;*/
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 40px;
}
.inner-title-en{
    color: #dbdbdb;
    position: absolute;
    top: 100%;
    margin-top: -45px;
    left: 40px;
    white-space: nowrap;
    font: 48px "AvenirLTStd";
    opacity: .2;
}
.inner-title:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 50px;
    background: #E79039;
}
@media screen and (max-width: 991px){
	.inner-title-en{
        font-size: 36px;
        margin-top: -30px;
    }
}
@media screen and (max-width: 767px) {
    .inner-title{
        margin-bottom: 30px;
    }
    .inner-title-en{
        font-size: 28px;
    }
}
.block.grey .inner-title-en{
    opacity: .4;
}


/*about*/
.intro-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}
.intro-box.row:after,
.intro-box.row:before{
	content: none;
}
@media screen and (min-width: 768px) {
	.intro-box.row-reverse{
		flex-direction: row-reverse;
	}

	.intro-box.row-reverse .intro-img-box .intro-text-box{
		text-align: right;
		padding-right: 8%;
		padding-left: 20%;
	}
	.intro-box.row-reverse .intro-content{
		margin-left: 0;
		margin-right: -25%;
	}
}
.intro-box .intro-img-box{
	position: relative;
	width: 60%;
	overflow: hidden;
}
.intro-box .intro-img{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
}
.intro-box .intro-img:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.intro-box .intro-img-box .intro-text-box{
	position: relative;
	z-index: 2;
	padding-left: 5%;
	padding-top: 5%;
	padding-right: 20%;
	color: #e79039;
	font-size: 36px;
}
.intro-box .intro-img-box .intro-text-box span{
	display: block;
	font-weight: 100;
}
.intro-box .intro-img-box .intro-text-box .intro-text{
	text-indent: 3em;
	font-size: 24px;
}

.intro-box .intro-content-box{
	position: relative;
	flex: 1;
}
.intro-box .intro-content{
	background: #f5f5f5;
	padding: 30px;
	position: relative;
	margin-top: 10%;
	margin-bottom: 10%;
	margin-left: -25%;
	z-index: 2;
}
.block.grey .intro-box .intro-content{
	background: #fff;
}
.intro-box .intro-content .intro-title h3{
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.intro-box .intro-content .intro-title h3:after{
	content: "";
	position: absolute;
	left: 0;
	height: 3px;
	width: 50px;
	bottom: -2px;
	background: #e79039;

}
.intro-box .intro-content .intro-desc{
	color: #666;
}
@media screen and (max-width: 767px) {
	.intro-box,.intro-box.row-reverse{
		flex-direction: column;
	}
	.intro-box .intro-img-box{
		width: 100%;
	}
	.intro-box .intro-content{
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	.intro-box .intro-img-box .intro-text-box{
		padding: 50px 15px;
		text-align: center;

	}
}


/*flex*/
.flex .flex-item{
	padding: 120px 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 15px 0;
}
.flex .flex-item:after{
	content: "";
	position: absolute;
	left: -1px;
	right: -1px;
	bottom: -1px;
	top: -1px;
	z-index: 1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border: 1px solid #eee;
}
.flex .flex-item:hover:after{
	left: 25px;
	right: 25px;
	bottom: 25px;
	top: 25px;
}
.flex .flex-item>*{
	position: relative;
	z-index: 2;
}
.flex .flex-title{
	position: relative;
	margin-bottom: 15px;
	font-size: 20px;
}
.flex .flex-desc{
	height: 42px;
}
.flex .flex-btn{
	margin-top:50px;
}
.flex [class^='col-']:hover:after{
	opacity: .85;
}
@media screen and (max-width: 991px) {
	.flex .flex-item{
		padding: 80px 50px;
	}
}


.about-video .icon-box{
	text-align: center;
	margin: 30px 0;
	margin-top: 50px;
	font-size: 36px;
}
.about-video .icon-video{
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
}
.about-video .icon-video .fa{
	margin-left: 10px;
}

/*block-detail*/
.block-detail {
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
    .block-detail {
        padding: 70px 0;
        margin: 30px 0;
    }
    .block-detail:after{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 43.75%;
        background-color: #f7f7f7;
        right: 0;
    }
    .block-detail.row-reverse:after{
        right: auto;
        left: 0;
    }
}
.block-detail .block-detail-container{
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    position: relative;
    z-index: 1;
    -ms-align-items: center;
    align-items: center;
}
.block-detail.row-reverse .block-detail-container{
    flex-direction: row-reverse;
}

.block-detail .desc,
.block-detail .desc p{
    text-align: justify;
    line-height: 1.8;
    color: #444;
}
.block-detail img{
    width: 100%;
}
.block-detail video{
    width:100%;
    height:100%;
    object-fit:fill;
    opacity: 0;
    display: block;
    vertical-align: top; 
}
.layui-layer-content video{
	display: block;
    vertical-align: top; 
}
.block-detail .video-bg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.block-detail .video-icon{
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    margin-top: -35px;
    font-size: 32px;
    color: #fff;
    width: 70px;
    height: 70px;
    background: #E79039;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    cursor: pointer;
}
.block-detail .video-icon .iconfont{
    margin-left: 8px;
}
@media screen and (max-width: 991px){
    .block-detail-container,
    .block-detail.row-reverse .block-detail-container{
        flex-direction: column;
    }
    .block-detail .text-box{
        margin-bottom: 30px;
        width: 100%;
    }
    .block-detail.row-reverse{
        background: #f0f0f0;
    }
    
    .block-detail.row-reverse .inner-title-en{
        opacity: .4;
    }
    .block .more-btn.border-blue{
    	margin-top: 10px;
    }
}

.blue-box{
	background-color: rgba(0,48,75,.85);
	padding: 50px 30px;
	background-image: url(../images/logo-bg.png); 
	background-position: right bottom;
	background-size: 50%;
	background-repeat: no-repeat;
}
.blue-box .inner-title-en{
	opacity: .05;
}
/*about-contact*/
.about-contact ul li{
	margin-bottom: 10px;
}

/*about/develop-item*/
.develop-item{
	position: relative;
	padding-left: 30px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	padding-bottom: 50px;
	margin: 30px 0;
	padding-right: 20px;
	cursor: pointer;
}
.develop-item:before{
	content: "";
	position: absolute;
	left: 15px;
	top: 5px;
	bottom: 20px;
	border-left: 1px solid #B2B2B2; 
}
.develop-item:after{
	content: "";
	position: absolute;
	left: 35px;
	bottom: 0;
	border-bottom: 1px solid #B2B2B2;
	right: 8px;
	width: auto;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.develop-item.active:after{
	width: 0;
	right: auto;
}
.develop-item .develop-year{
    font: 32px/1 "AvenirLTStd";
    color: #b2b2b2;
    margin-bottom: 20px;
    position: relative;
}
.develop-item .develop-year:before{
	content: "";
	position: absolute;
	left: -22px;
	top: 2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #b2b2b2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.develop .swiper-button-next,.develop .swiper-button-prev{
	top: 150px;
	margin-top: 0;
}
.develop-item .develop-text{
	color: #eee;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: 42px;
    overflow: hidden;
}
.develop-item.active .develop-text{
	height: auto;
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.develop-item .icon-circle{
	position: absolute;
	left: 3px;
	bottom: -12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #b2b2b2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.develop-item .toggle{
	position: absolute;
	bottom: 15px;
	right: 15px;
	color: #eee;
	font-size: 20px;
}
.develop-item.active .toggle .icon-plus:before {
    content: "\e8c3";
}
.develop-item:hover .develop-year:before,
.develop-item:hover .icon-circle{
	background: #E79039;
}
.develop-item:hover:before,.develop-item:hover:after{
	border-color: #E79039;
}
.develop-item:hover .develop-year{
	color: #E79039;
}
@media screen and (max-width: 1199px) {
	.develop-item .develop-year{
		font-size: 24px;
	}
}





/*industry-support*/
.industry-support .row{
	margin-left: -8px;
	margin-right: -8px;
}
.industry-support .row>[class^='col-']{
	padding-left: 8px;
	padding-right: 8px;
}
.industry-support .slide .title{
	-webkit-line-clamp: 1;
	font-size: 16px;
	height: 24px;
}
.industry-support .slide .desc{
	margin-bottom: 10px;
}

/*industry-clusters*/
.industry-clusters{
	font-size: 18px;
	text-align: center;
	color: #666;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 30px;
}
.industry-clusters:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,48,75,.85);
	z-index: 2;
}
.industry-clusters>.row{
	position: relative;
	z-index: 3;
	margin-left: -1px;
	margin-right: -1px;
}
.industry-clusters .icon-box{
	display: inline-block;
	width: 100px;
	height: 75px;
	line-height: 75px;
	border-radius: 50%;
	margin-bottom: 10px;
}
.industry-clusters .iconfont{
	font-size: 50px;
}
.industry-clusters a{
	padding: 50px 15px 40px;
	border: 1px solid #fff;
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.industry-clusters a:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 100%;
	background: rgba(0,48,75,.75);
	z-index: 1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.industry-clusters a>div{
	position: relative;
	z-index: 2;
}
.industry-clusters a:hover{
	color: #e79039;
}
.industry-clusters a:hover:after{
	top: 0;
}
.industry-clusters .text-box{
	height: 80px;
	overflow: hidden;
}
.industry-clusters .text-box .title-en{
	color: #aaa;
	font-size: 16px;
	margin-top: 5px;
}
@media screen and (max-width: 991px) {
	.industry-clusters a{
		padding: 30px 15px;
	}
}
@media screen and (max-width: 767px) {
	.industry-clusters .text-box{
		height: 50px;
	}
	.industry-clusters .icon-box{
		margin-bottom: 0;
	}
	.industry-clusters a{
		padding: 20px 15px;
	}
}

/*industry-bases*/
.industry-bases{
	position: relative;
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 30px;
}
@media screen and (max-width: 767px){
	.industry-bases {
	    margin-left: -15px;
	    margin-right: -15px;
	    padding-left: 15px;
	    padding-right: 15px;
	}
}
.industry-bases .base-img{
	overflow: hidden;
	position: relative;
}
.industry-bases .base-img img{
	width: 100%;
}
.industry-bases .base-img .text-box{
	position: absolute;
	bottom: -100%;
	left: 0;
	right: 0;
	background: #e79039;
	text-align: center;
	padding: 30px 10px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.industry-bases .base-img:hover .text-box{
	bottom: 0;
}
.industry-bases .base-img .text-box .bases-title{
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
@media screen and (max-width:991px){
	.industry-bases .base-img .text-box {
	    bottom: 0;
	    top: 0;
	}
	.industry-bases .base-img .text-box{
		background: rgba(231,144,57,.75);
		padding: 35px 10px;
	}
	.industry-bases .base-img .text-box .bases-title{
		font-size: 14px;
	}
	.industry-bases>.row{
		margin-left: -1px;
		margin-right: -1px;
	}
	.industry-bases>.row>[class^='col-']{
		padding-left: 1px;
		padding-right: 1px;
	}
	.industry-bases .more-btn{
		margin-top: 10px;
		padding: 10px 30px;
	}
}
@media screen and (max-width: 767px) {
	.industry-bases .base-img .text-box{
		top: auto;
	}
	.industry-bases .base-img{
		margin-bottom: 20px;
	}
	.industry-bases .base-img .text-box{
		padding: 20px 10px;
	}
}



/*.zizhu-community*/
.zizhu-community .community-row{
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.community-item{
    padding: 0;
    height: 0;
    padding-bottom: 33.33333%;
    position: relative;
    overflow: hidden;
    background: #00304B;
}
.community-item .icon_arrow{
	position: absolute;
	top: 30px;
	border: 10px solid transparent;
	right: 0px;
	border-right-color: #00304B;
}
.community-item .box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 30px;
    color: #fff;
    background: #00304B;
}
.community-item .box .title{
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.community-item .box .desc{
    line-height: 150%;
    color: #ccc;
    font-size: 13px;
}
.community-item .box .desc p{
	margin-bottom: 0;
}
@media screen and (min-width: 567px) {
	.community-item .box .desc{
    	overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 5;
	    -webkit-box-orient: vertical;
	    max-height: 96px;
    }
    .community-item .box .desc.has-more{
    	-webkit-line-clamp: 2;
    	max-height: 39px;
    }
}
@media screen and (min-width: 767px) {
	.community-item .box .desc{
	    -webkit-line-clamp: 7;
	    max-height: 135px;
    }
    .community-item .box .desc.has-more{
    	-webkit-line-clamp: 4;
    	max-height: 77px;
    }
}
@media screen and (min-width: 992px) {
	.community-item .box .desc{
    	overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 6;
	    -webkit-box-orient: vertical;
	    max-height: 114px;
    }

    .community-item .box .desc.has-more{
    	-webkit-line-clamp: 2;
    	max-height: 39px;
    }
	.zizhu-community .community-row:nth-of-type(3),
	.zizhu-community .community-row:nth-of-type(4){
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .zizhu-community .community-row:nth-of-type(3) .community-item .icon_arrow,
	.zizhu-community .community-row:nth-of-type(4) .community-item .icon_arrow{
		right: auto;
		border-right-color: transparent;
		left: 0px;
		border-left-color: #00304B;
	}
}
@media screen and (min-width: 1200px) {
	.community-item .box .desc.has-more{
    	-webkit-line-clamp: 3;
    	max-height: 58px;
    }
    .community-item .box .more-btn{
    	margin-top: 15px;
    }
}
@media screen and (max-width: 1199px) and (min-width: 991px) {
    .community-item .box{
        padding: 20px;
    }
    .community-item .box .desc{
	    -webkit-line-clamp: 4;
	    max-height: 77px;
    }
    .community-item .box .more-btn{
    	margin-top: 10px;
    }
}
@media screen and (max-width: 1299px) and (min-width: 1200px) {
	.community-item .box .desc{
	    -webkit-line-clamp: 5;
	    max-height: 96px;
    }
}


@media screen and (max-width: 991px) and (min-width: 568px) {
    .zizhu-community .community-row:nth-of-type(2n){
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .zizhu-community .community-row:nth-of-type(2n) .community-item .icon_arrow{
    	right: auto;
		border-right-color: transparent;
		left: 0px;
		border-left-color: #00304B;
    }
}
@media screen and (max-width: 567px) {
    .community-item{
        height: auto;
        padding-bottom: 0;
    }
    .community-item .box{
    	position: static;
    	display: block;
    	padding: 20px 15px;
    }
    .community-item .icon_arrow{
    	border-bottom-color: #00304B;
    	border-right-color: transparent;
    	right: auto;
    	left: 50%;
    	margin-left: -10px;
    	bottom: 0;
    	top: auto;
    }
    .zizhu-community .community-row{
    	margin-bottom: 15px;
    }
}
/*.zizhu-community END*/



/*mentor-container*/
.mentor-container .mentor-item{
	text-align: center;
}
.mentor-container .swiper-slide{
	position: relative;
}
.mentor-container .swiper-slide:after{
	content: "";
	position: absolute;
	left: -1px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #888;
}
.mentor-container .mentor-item .img-box{
	width: 160px;
	height: 160px;
	border: 2px solid #ccc;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
	margin: 20px auto;
}
.mentor-container .mentor-name{
	font-size: 22px;
	margin-bottom: 15px;
}
.mentor-container .mentor-title{
	font-size: 13px;
	color: #eee;
	line-height: 1.8;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 69px;
}
.mentor-container .responsive-box .swiper-button-next, 
.mentor-container .responsive-box .swiper-button-prev{
	color: #fff;
}
@media screen and (max-width: 567px) {
	.mentor-container .mentor-name{
		font-size: 20px;
	}
	.mentor-container .swiper-slide:after{
		background: none;
	}
}
/*mentor-container END*/




/*company-list*/
.company-list .block-logo{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 72%;
	border: 1px solid #e0e0e0;
	position: relative;
	overflow: hidden;
	background: #fff;
}
.company-list [class^='col-']{
	margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
	.company-page>.container>.row{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}
/*.search-result{
	font-weight: bold;
	margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
	.search-result{
		height: 20px;
		line-height: 20px;
		margin-top: -40px;
	}
}
.search-result em{
	color: #E79039;
}*/
/*company-list END*/

/*filter*/
@media screen and (min-width: 992px) {
	.filter-container{
		padding-left: 40px;
	}
}
.filter{
	margin-bottom: 30px;
}
.filter .search-form{
	position: relative;
	width: 100%;
	top: 0;
	right: 0;
	height: auto;
	margin-bottom: 10px;
}
.filter .search-form .form-text{
	padding: 15px 40px 15px 15px;
	height: auto;
	line-height: 1.5;
	border-radius: 50px;
	border: 1px solid #e0e0e0;
}
.filter .search-form .form-text:focus{
	border-color: #E79039;
}
.filter .search-form .form-submit{
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #00304B;
	font-weight: bold;
}
.filter .tags-items{
	overflow: hidden;
	margin-top: 10px;
}
.filter .tags-items,.filter .tags-items li{
	list-style: none;
	padding-left: 0;
}
.filter .tags-items li{
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
	float: left;
}
.filter .tags-items .tags-item{
	display: block;
	padding: 6px 20px;
	background: rgba(231,144,57,.2);
	border-radius: 20px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	color: grey;
}
.filter .tags-items .tags-item:hover{
	background: rgba(231,144,57,.5);
	color: #333;
}
/*filter END*/

/*company-view*/

.inner-banner.company-banner .container{
	min-height: 300px;
}

.inner-banner.company-banner .logo-box .logo-img{
	width: 150px;
	height: 150px;
	line-height: 150px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
}
@media screen and (min-width: 992px) {
	.inner-banner.company-banner .logo-box{
		position: absolute;
		top: 50%;
		margin-top: -100px;
		right: 0px;
	}
}
@media screen and (max-width: 991px) {
	.company-banner .autoHeight-con{
		text-align: center;
	}
}
@media screen and (max-width: 567px) {
	.company-banner .autoHeight-desc{
		display: none;
	}
	/*.company-banner .autoHeight-other span{
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}*/
}

/*company-view END*/

/*event-list*/
.event-list .event-item{
	padding: 20px;
    margin-top: 0;
    position: relative;
    background: #fff;
}
.event-list .media-left{
	padding: 0;
	padding-right: 20px;
}
.event-list .media-left img{
	width: 240px;
}
.event-list h5{
    font-size: 18px;
	margin-bottom: 15px;
    color: #333;
}
.event-list .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    max-height: 60px;
    line-height: 1.6;
    font-size: 13px;
    color: #666;
}
.event-list .event-other{
	margin-top: 15px;
	color: #666;

}
.event-list .event-other span{
	display: block;
	margin-top: 3px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 22px;
}
.event-list .event-other span .iconfont{
	margin-right: 5px;
}
.event-list .event-item .event-other{
    padding-right: 115px;
}
.event-list .event-item .event-more{
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.more-btn.disabled {
    pointer-events: none;
    cursor: default;
    background: #ccc;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.event-list .media-left img{
		width: 200px;
	}
}
@media screen and (min-width: 768px) {
    .event-list h5{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 54px;
    }
}
@media screen and (max-width: 767px){
	.event-list .event-item{
		padding: 0;
	}
    .event-list .media-left img{
    	width: 100%;
    }
    .event-list .media-left{
    	margin-bottom: 20px;
    }
    .media .media-body{
    	padding: 0 15px 15px;
    }
	.event-list .event-item .event-more{
        right: 15px;
        bottom: 15px;
    }
    .event-list .event-item .event-other{
    	padding-right: 110px;
    }
}

.event-item .status.ended {
	position: absolute;
    left: -4px;
    top: -4px;
    width: 84px;
    height: 84px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon_ended.png);
    z-index: 2
}
@media screen and (max-width: 767px){
	.ph_item .status {
	    width: 63px;
	    height: 63px;
	    top: -3px;
	    left: -3px;
	}
}
/*event-list END*/

/*job-list*/

.job-list .job-list-item{
	overflow: hidden;
	padding: 15px 0;
}
.job-list .job-list-head{
	border-bottom: 1px solid #ccc;
	padding-top: 0;
	padding-bottom: 10px;
	overflow: hidden;
}
.job-list .job-list-head>div{
	color: #333;
	font-size: 17px;
}
.job-list .job-list-item{
	border-bottom: 1px solid #f0f0f0;
}
/*@media screen and (min-width: 768px) {
	.job-list .job-list-item:last-child{
		border-bottom: 1px solid #f0f0f0;
	}
}*/
.job-list a,.job-list span{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*.job-list a:visited{
	color: #999;
}*/
.job-list a:hover{
	color: #E89440;
}


.job-list .t{
	font-weight: 400;
    font-size: 17px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
}
.job-list .c{
	color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
}

.job-list .n,.job-list .l, .job-list .d{
	margin-top: 15px;
	float: left;
	width: 30%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	color: #999;
}
.job-list .l{
	text-align: center;
	width: 35%;
}
.job-list .d{
	text-align: right;
	width: 35%;
}
@media screen and (max-width: 767px) {
	.job-list-col{
		padding: 0;
	}
	.job-list .job-list-item{
		border-bottom: 0;
		background-color: #fff;
		padding: 15px;
	}
	.job-list-col .search-result{
		margin: 10px 15px;
		font-size: 12px;
	}
	.job-list .job-list-item{
		border-top: 10px solid #f0f0f0;
	}
	.job-list .c,.job-list .n,.job-list .l, .job-list .d{
		font-size: 13px;
	}
}
/*job-list END*/

/*job-view*/

.job-view .job-title{
	color: #000;
	font-size: 36px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.job-view .job-company{
	color: #666;
	margin-bottom: 20px;
}
.job-view .job-detail span{
	display: block;
	margin-right: 0;
    padding: 13px 0;
    position: relative;
}
.job-view .job-detail span:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    border-top: 1px solid #f0f0f0;
    /*-webkit-transform: scaleY(.5);
	transform: scaleY(.5);*/
}
/*job-view END*/

/*supporting-services-box*/
.supporting-services-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.supporting-services-box .service-box{
	display: block;
	text-align: center;
	margin: 15px 0;
}
.supporting-services-box .service-box img{
	width: 48px;
	height: 48px;
	margin-bottom: 15px;
}
.supporting-services-box .service-box .title{
	font-size: 16px;
	color: #00304B;
	font-weight: bold;
	margin-bottom: 10px;
}
.supporting-services-box .service-box .desc{
	color: grey;
}
/*supporting-services-box END*/


/*guarantee*/
.guarantee{
	background-repeat: no-repeat;
	background-size: cover;
	/*background-attachment: fixed;*/
	background-position: center;
}
.guarantee:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 150px;
	background: #fff;
}
.guarantee-box{
    background: #fff;
    padding: 20px 0;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.guarantee-box .title{
	font-size: 16px;
	color: #00304B;
	font-weight: bold;
	margin-bottom: 10px;
}
.guarantee-box .guarantee-item{
	display: block;
	margin: 30px 0;
	padding: 0 5px;
}
@media screen and (min-width: 768px) {
	.guarantee-box{
		-webkit-box-shadow: 0 0px 10px rgba(71,71,71,.2);
	    box-shadow: 0 0px 10px rgba(71,71,71,.2);
	    border-radius: 10px;
	    margin-top: 80px;
	    bottom: -40px;
	    margin-bottom: 50px;
	}
	.guarantee-box [class^='col-']{
		border-right: 1px solid #eee;
	}
	.guarantee-box [class^='col-']:nth-of-type(3){
		border-right: 0;
	}
	.guarantee .inner_title h2{
		text-shadow: 4px 4px 8px rgba(6,4,60,.4);
		color: #fff;
	}
}
.guarantee .img-box{
	display: none;
}
@media screen and (max-width: 767px) {
	.guarantee{
		background: #fff!important;
	}
	.guarantee-box{
		padding: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	.guarantee-box [class^='col-']:nth-of-type(1) .guarantee-item{
		margin-top: 0;
	}
	.guarantee .img-box{
		margin-bottom: 15px;
	}
	.guarantee-box [class^='col-']{
		border-bottom: 1px solid #eee;
	}
	.guarantee-box [class^='col-']:nth-of-type(3){
		border-bottom: 0;
	}
}
.guarantee-box .desc{
	/*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 75px;*/
}
.guarantee-box .desc p{
	line-height: 1.8;
	color: grey;
}
.guarantee-box .guarantee-item .more-btn{
	padding: 8px 30px;
}
/*guarantee END*/

/*talent-services*/
.talent-services .service-item{
	background: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(71,71,71,.2);
    box-shadow: 0 0px 10px rgba(71,71,71,.2);
    border-radius: 10px;
    padding: 20px 10px;
    color: #00304B;
    position: relative;
    margin: 15px 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.talent-services .service-item .icon-box{
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -20px;
}
.talent-services .service-item .icon-box img{
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.talent-services .service-item .icon-box .iconfont{
	font-size: 40px;
	line-height: 85px;
}
.talent-services .service-item .text-box{
	padding-left: 60px;
}
.talent-services .service-item .title{
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.talent-services .service-item .title-en{
	color: grey;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.talent-services-detail .service-detail-box{
	display: none;
}
@media screen and (min-width: 992px) {
	.service-item-box.active .service-item,
	.service-item-box .service-item:hover{
		background: #00304B;
		color: #fff;
	}
	.service-item-box.active .service-item .title-en,
	.service-item-box .service-item:hover .title-en{
		color: #fff;
	}
	.service-item-box.active .service-item:before{
		content: "";
		position: absolute;
		border: 10px solid transparent;
		border-bottom: 10px solid #fff;
		left: 50%;
		margin-left: -10px;
		bottom: -25px;
	}
	.service-detail-box{
	    -webkit-box-shadow: 0 0px 10px rgba(71,71,71,.2);
	    box-shadow: 0 0px 10px rgba(71,71,71,.2);
	    background: #fff;
	    padding: 50px;
	    border-radius: 10px;
	    margin-top: 10px;
	}
	.service-detail-box.active{
		display: block;
	}
	.service-detail-box .service-detail-title{
		font-size: 16px;
		color: #00304B;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.service-detail-box .service-detail-more{
		text-align: right;
	}
	.service-detail-box .service-detail-more .more-btn{
		padding: 10px 30px;
	}
}
@media screen and (max-width: 767px) {
	.talent-services{
		margin-left: -5px;
		margin-right: -5px;
	}
	.talent-services .service-item-box{
		padding-left: 5px;
		padding-right: 5px;
	}
	.talent-services .service-item{
		margin: 5px 0;
	}
	.talent-services .service-item .icon-box .iconfont{
		font-size: 30px;
		line-height: 82px;
	}
	.talent-services .service-item .text-box{
		padding-left: 0;
		text-align: center;
	}
	.talent-services .service-item .icon-box{
		display: none;
	}
}


/*talent-services END*/




/*****************detail news/event/faculty/notice/page***************************/
/*鍒嗛〉*/
/*.pages{
    text-align: center;
    padding-top: 20px;
    margin-bottom: 30px;
}*/
.layui-laypage a:hover{
    color: #00304b;
}
@media screen and (max-width: 767px) {
    .layui-laypage a, .layui-laypage span{
        padding: 0 10px;
        height: 32px;
        line-height: 32px;
    }
}
#pages{
	margin: 20px 0;
	margin-top: 40px;
	text-align: center;
}
#pages .arrow-left,#pages .arrow-right{
	font-family: "FontAwesome";
}
#pages .arrow-left:before{
	content: "\f100";
}
#pages .arrow-right:before{
	content: "\f101";
}
.layui-laypage a, .layui-laypage span{
	height: 36px;
	line-height: 36px;
	padding: 0 18px;
	font-size: 14px;
}
.pages{
	text-align: center;
    margin: 40px 0 20px;
}
.pages a{
	display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 15px;
    margin-left: -1px;
    background-color: #fff;
    color: #333;
    
	height: 38px;
    line-height: 38px;
    padding: 0 18px;
    font-size: 14px;
    border: 1px solid #e2e2e2;
}
.pages a.current{
    background-color: #00304B;
    color: #fff;
    border-color: #00304B;
    margin-left: -5px;
}
.pages a:first-child{
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.pages a:last-child{
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

/*page*/
.page .block{
	padding: 40px 0;
	/*overflow: visible;*/
}
.page .main-col{
	z-index: 99;
	position: relative;
	background: #fff;
	padding-right: 40px;
}
.page .main-col:after{
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	bottom: 0;
	border-right: 1px dashed #ccc;
}
@media screen and (max-width: 991px) {
	.page .main-col{
		padding-right: 15px;
		padding-top: 0;
		margin-top: 0;
	}
	.page .main-col:after{
		border-right: 0;
	}
}

.page-content,.ke-content{
    color: #4a4a4a;
    line-height: 1.8;
}
/*.page-content>*{
	text-align: justify;
}*/
.page-content h2,.page-content h3,.page-content h4,
.ke-content h2,.ke-content h3,.ke-content h4{
    margin-top: 20px;
    position: relative;
    line-height: 150%;
}
.page-content h2,.ke-content h2{
	font-size: 24px;
	margin-bottom: 15px;
	margin-top: 30px;
	color: #333;
	padding-bottom: 8px;
	border-bottom: 1px dashed #e2e2e2;
}
.page-content h2:after,
.ke-content h2:after{
	content: "";
    position: absolute;
    left: 0;
    width: 44px;
    height: 4px;
    background: #e79039;
    bottom: -2px;
}
.page-content h2.text-center:after,
.ke-content h2.text-center:after{
	left: 50%;
	margin-left: -22px;
}
.page-content h3,
.ke-content h3{
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
}
.page-content h3+h4,
.ke-content h3+h4{
    margin-top: 0;
}
.page-content h4,
.ke-content h4{
    font-size: 16px;
}
.page-content>*:nth-child(1) ,
.ke-content>*:nth-child(1){
    margin-top: 0;
}
.page-content p,.page-content li,
.ke-content p,.ke-content li{
    line-height: 160%;
    margin-bottom: 12px;
}
.page-content li,
.ke-content li{
    padding-left: 5px;
}
.page-content img,
.ke-content img{
    max-width: 100%;
    height: auto!important;
}
.page-content a,
.ke-content a{
    color: #00304b;
}
.page-content a:hover,
.ke-content a:hover{
    color: #00304b;
    text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.page-content h2,
	.ke-content h2{
		font-size: 20px;
	}
	.page-content h3,
	.ke-content h3{
		font-size: 18px;
	}
}



@media screen and (max-width: 991px) {
	.main-col{
		padding-bottom: 40px;
	}
}


/*sidebar-block*/
@media screen and (min-width: 992px) {
	.sidebar-col{
		position: relative;
	}
	.sidebar-col:after{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -1px;
		border-left: 1px dashed #ccc;
	}
	.sidebar-col .sidebar-item{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.sidebar-col{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.sidebar-col{
		padding: 0;
	}
	.sidebar-col .sidebar-item{
		border-top: 10px solid #f0f0f0;
		padding: 30px 15px;
	}
	
}
.sidebar-item .sidebar-title{
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	position: relative;
}
.sidebar-item .sidebar-title:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 4px;
	background: #E79039;
}

.sidebar-block .sidebar-item ul,
.sidebar-block .sidebar-item ul li{
	list-style: none;
	padding-left: 0;
}
.sidebar-block .sidebar-item ul li{
	position: relative;
	padding-left: 18px;

}
.sidebar-block .sidebar-item ul li a{
	display: block;
	padding: 10px 0;
	border-bottom: 1px dashed #eee;
}
.sidebar-block .sidebar-item ul li:after{
	content: "";
	position: absolute;
	top: 16px;
	width: 6px;
	height: 6px;
	background-color: #E79039;
	border-radius: 50%;
	left: 0;
}
.sidebar-block .sidebar-item ul li .title{
	margin-bottom: 5px;
}
.sidebar-block .sidebar-item ul li .other{
	color: #888;
	font-size: 13px;
}
.sidebar-block .sidebar-item .circle {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #999;
    line-height: 21px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 5px;
}
.sidebar-item .more-btn{
	width: 100%;
	text-align: center;
}
/*sidebar-block END



/*share*/
.share-tag{
	border-top: 1px solid #eee;
	padding: 30px 0;
	margin-top: 40px;
}
.share-tag .share-title,.share-tag .share-item{
	float: left;
	vertical-align: top;
	height: 32px;
	overflow: hidden;
	line-height: 32px;
}
.share-tag ul,.share-tag ul li{
	list-style: none;
	padding-left: 0;
	display: inline-block;
	margin-bottom: 0;
}
.share-tag .share-btn {
    cursor: pointer;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 5px;
    border: 0 none;
    outline: 0 none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #72808F;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
    color: #72808F;
}
.share-tag .share-btn:hover{
	color: #fff;
	text-decoration: none;
}
.share-tag .share-btn.icon-weixin:hover{
	background: #04C102;
	border-color: #04C102;
}
.share-tag .share-btn.icon-weibo:hover{
	background: #D52929;
	border-color: #D52929;
}
.share-tag .share-title{
	/*font-weight: bold;*/
	width: 70px;
}


/*announcement-list*/
.announcement-list .announcement-item a {
    display: block;
    border-bottom: 1px dashed #e2dfdc;
    padding: 20px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    overflow: hidden;
}
.announcement-list .announcement-item a:hover{
	background: #eee;
}
.announcement-list .announcement-item .announcement-date {
    color: #888;
    font-size: 16px;
    font-weight: bold;
    /*width: 85px;*/
    position: absolute;
    top: 0;
    left: 10px;
    margin-top: -12px;
    top: 50%;
}
.announcement-list .announcement-item .announcement-title{
	padding-left: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
}

.announcement-list .announcement-item .announcement-go {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -65px;
    width: 65px;
    background: #00304B;
    color: #fff;
    font-size: 32px;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.announcement-list .announcement-item a:hover .announcement-go {
    right: 0;
}
.announcement-list .announcement-item .announcement-go .iconfont {
	position: absolute;
    top: 50%;
    line-height: 1;
    left: 50%;
    font-size: 28px;
    margin-left: -14px;
    margin-top: -14px;
}
@media screen and (max-width: 767px) {
	.announcement-list .announcement-item .announcement-date,
	.announcement-list .announcement-item .announcement-title{
		font-size: 14px;
	}
	.announcement-list .announcement-item .announcement-title{
		padding-left: 80px;
	}
	.announcement-list .announcement-item a{
		padding: 15px 0px;
	}
	.announcement-list .announcement-item .announcement-date{
		left: 0;
	}
}


/*qrcode*/
#qrcode{
	padding: 6px 6px 1px 6px;
	border-radius: 5px;
	overflow: hidden;
}


/*incubation-list*/
.incubation-list .row{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: stretch;
	align-items: stretch;
	justify-content: center;
	margin-left: -1px;
	margin-right: -1px;
}
.incubation-list .row:after,
.incubation-list .row:before{
	content: none;
}
.incubation-list .row [class^='col-']{
	background: #F9F9F9;
	padding: 24px 15px;
	text-align: center;
	position: relative;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border: 1px solid #fff;
	color: #555;
	/*font-size: 12px*/
}
@media screen and (min-width: 992px) {
	.incubation-list .row .col-md-2{
		width: 20%;
	}
}
.incubation-list .row [class^='col-']:hover{
	background-color: #f7f7f7;
    box-shadow: 0 6px 16px 0 rgba(0,0,0,.07), 0 0 0 2px #f7f7f7;
    z-index: 1;
	border: 1px solid #F9F9F9;
}
/*incubation-list END*/

/*develop new*/
.develop-new {
    overflow: hidden;
}

.develop-new #topYears {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.develop-new #topYears .swiper-slide {
    width: auto;
    text-align: center;
}

.develop-new #topYears .swiper-slide span {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    cursor: pointer;
}

.develop-new #topYears .active span {
    transform: scale(1.3);
    color: #E79039;
}

.develop-new .swiper-container2 {
    width: 100%;
    height: 400px;
}

.develop-new .swiper-container2 .swiper-slide {
    background: rgba(255,255,255,.75);
    color: #444;
}

.develop-new .swiper-container-fade .swiper-slide{opacity:0!important;}
.develop-new .swiper-container-fade .swiper-slide-active{opacity:1!important;}

.develop-new .develop-content{
	position: absolute;
	left: 5px;
	right: 5px;
	top: 30px;
	bottom: 30px;
	padding: 0 25px;
}
@media screen and (max-width: 767px) {
	.develop-new .develop-content{
		position: absolute;
		left: 15px;
		right: 15px;
		top: 20px;
		bottom: 20px;
	}
}
/*develop new END*/


/*褰卞儚绱*/
.accordion{clear:both;overflow:hidden;height: 427px;}
.accordion [data-name=accordion]{padding-left: 0;}
.accordion .accordion-li{
	height: 427px;float:left;color:#fff;border-right:none;overflow:hidden;width:100px;-webkit-transition:width 1.5s;transition:width 1.5s;position:relative;cursor:pointer;}
.accordion .accordion-li .accordion-img{width: auto;border:thin solid #efefef;max-width: 2000px;}
.accordion .accordion-li::before{content:"";display:block;position:absolute;background-color:#fff;width:100%;height:100%;left:0;top:0;opacity:.1;-webkit-transition:all .5s;transition:all .5s}
.accordion .accordion-li .accordion-description{content:"";display:block;position:absolute;background:none;width:100%;left:0;right:0;opacity:0;-webkit-transition:all .5s;transition:all .5s;height:0;bottom:-40px;padding: 20px 15px;}
.accordion .accordion-li .accordion-content,
.accordion .accordion-li .accordion-title,
.accordion:hover .accordion-li li.active .accordion-title,
.accordion:hover li.active .accordion-li .accordion-title{-webkit-transition:all .5s;transition:all .5s;}
.accordion .accordion-li .accordion-title{font-size:18px;}
.accordion .accordion-li .accordion-icon{position:absolute;left:50%;top:50%;width:43.2px;margin-left:-21.6px;margin-top:-20px;font-size:40px;z-index:10;opacity:1;-webkit-transition:opacity 2.5s;transition:opacity 2.5s}
.accordion:hover li{width:100px;-webkit-transition:width 1.5s;transition:width 1.5s}
.accordion:hover li.active{-webkit-transition:width .5s;transition:width .5s}
.accordion:hover li.active::before{opacity:0}
.accordion:hover li.active .accordion-icon{opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}
.accordion:hover li.active .accordion-description{content:"";display:block;position:absolute;background:none;width:100%;height:100%;left:0;opacity:1;-webkit-transition:all .5s .25s;transition:all .5s .25s;background:rgba(231,144,57.75);height:auto;bottom:0px}
.accordion:hover li.active .accordion-content,
.accordion:hover li.active .accordion-title{opacity:1!important;-webkit-transition:all 2s;transition:all 2s}
.accordion .ver-toggle{display:none}
.accordion .accordion-img{display:block}
.accordion a{display:block;background-color:#fff;width:100%;height:100%}


.gallery{
    padding: 80px 0;
    overflow: hidden;
}
@media screen and (max-width: 567px) {
	.gallery{
	    padding: 40px 0;
	    overflow: hidden;
	}
}
.gallery-container {
    width: 100%;
    height: 100%;
}

.gallery-container img {
    width: 100%;
    margin: 0;
    clear: both;
    display: block;
}
.gallery-container .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    /*transform: scale(0.8);*/
    z-index: 100;
}

.gallery-container .swiper-slide-active,
.gallery-container .swiper-slide-duplicate-active {
    transform: scale(1.5);
    z-index: 102;
}

.gallery-container .swiper-slide-prev,
.gallery-container .swiper-slide-next {
    transform: scale(1.25);
    z-index: 101;
}

.gallery-container .swiper-slide .img-box {
    position: relative;
}

.gallery-container .swiper-slide .img-box:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(62, 62, 62, .8);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.gallery-container .swiper-slide-prev .img-box:after,
.gallery-container .swiper-slide-next .img-box:after {
    background: rgba(62, 62, 62, .4);
}

.gallery-container .swiper-slide-active .img-box:after,
.gallery-container .swiper-slide-duplicate-active .img-box:after {
    background: rgba(62, 62, 62, 0);
}
/*褰卞儚绱 END*/

/*search*/
.search-page {
    width: 100%;
    position: relative;
}
.search-page .form-text {
    width: 100%;
    border: none;
    border-bottom: 1px solid #d0d0d0;
    font-style: italic;
    height: 60px;
    font-size: 16px;
    padding: 0 100px 0 15px;
}
.search-page .form-text:focus{
    font-style: normal;
    border-bottom-color: #00304B;
}

.search-page .form-submit{
    position: absolute;
    right: 0;
    top: 0px;
    width: 100px;
    height: 60px;
    line-height: 60px;
    background: none;
    border: none;
    outline: none;
    color: #00304B;
    font-weight: bold;
    font-size: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.search-page .form-submit:hover{
    background: #00304B;
    color: #fff;
}
@media screen and (max-width: 992px) {
	.search-page form{
		margin-top: 80px;
	}
	.search-header header{
		background: #00304B;
	}
}

/*search-result*/
.search-result .listes{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.search-result .listes.row{
	margin: 0;
}
.search-result .listes.row:after,
.search-result .listes.row:before{
	content: none;
}

.search-result .search-result-title{
	padding-bottom: 8px;
	margin-bottom: 15px;
	margin-top: 30px;
	border-bottom: 5px solid #00304B;
}
.search-result .search-result-title:first-child{
	margin-top: 0;
}
.search-result .listes [class^='col-']{
    padding: 20px 15px;
    border-right: 1px dashed #e0e0e0;
    border-bottom: 1px dashed #e0e0e0;
    position: relative;
    padding: 0;
}
@media screen and (min-width: 1200px) {
    .search-result .listes [class^='col-']:nth-of-type(4n){
        border-right: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .search-result .listes [class^='col-']:nth-of-type(3n){
        border-right: 0;
    }
}
@media screen and (max-width: 767px){
    .search-result .listes [class^='col-']:nth-of-type(2n){
        border-right: 0;
    }
}
@media screen and (max-width: 567px){
    .search-result .listes [class^='col-']{
        border-right: 0;
    }
}
.search-result .listes [class^='col-']{
    background: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.search-result .listes .list-item{
    position: relative;
    overflow: hidden;
    display: block;
    padding: 20px 15px;
}
.search-result .list-img{
	text-align: center;
	margin-bottom: 10px;
}
.search-result .list-img img{
	width: 160px;
}
.search-result .list-title{
    font-size: 15px;
    font-weight: bold;
    color: #00304B;
    margin-bottom: 5px;
}
.search-result .list-desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    max-height: 60px;
    line-height: 1.6;
    font-size: 13px;
    color: #666;
}
.search-result .list-item .event-other {
    margin-top: 15px;
    color: #666;
}
.search-result .list-item .event-other span {
    display: block;
    margin-top: 3px;
}
.search-result .list-item .event-other span .iconfont {
    margin-right: 5px;
}
.search-result .listes [class^='col-']:hover{
	background: #00304B;
}
.search-result .listes [class^='col-']:hover .list-item .list-title{
	color: #fff;
}
.search-result .listes [class^='col-']:hover .list-item .list-desc,
.search-result .listes [class^='col-']:hover .list-item .event-other{
	color: #eee;
}

@media screen and (max-width: 567px){
    .search-result .listes .list-item{
    	padding: 20px 0;
    }
}
/*search-result END*/

/*search END*/


/*incubation-process*/
@media screen and (min-width: 768px) {
	.incubation-process .layui-tab-title{
	    height: auto;
	    margin-bottom: 0;
	    border-bottom: 0;
	    text-align: center;
	}
	.incubation-process .layui-tab-title li{
	    line-height: 50px;
	    /*width: 150px;*/
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    cursor: pointer;
	    border-radius: 5px;
	    padding: 0 30px;
	}
	.incubation-process .layui-tab-title li{
	    color: #aaa;
	    border: 1px solid #aaa;
	    margin: 0 5px;
	}
	.incubation-process .layui-tab-title li:hover,
	.incubation-process .layui-tab-title li.layui-this{
	    color: #00304B;
	    border-color: #00304B;
	}
	.incubation-process .layui-tab-brief>.layui-tab-more li.layui-this:after, 
	.incubation-process .layui-tab-brief>.layui-tab-title .layui-this:after{
	    border: none;
	}
	.incubation-process .layui-tab-content{
	    padding-top: 30px;
	}
}
@media screen and (max-width: 991px) {
	.incubation-process .layui-tab-content{
		padding: 0;
	}
}
@media screen and (max-width: 767px) {
	.incubation-process .layui-tab-brief>.layui-tab-title .layui-this{
		color: #E79039;
	}
	.incubation-process .layui-tab-brief>.layui-tab-more li.layui-this:after, 
	.incubation-process .layui-tab-brief>.layui-tab-title .layui-this:after{
		border-color: #E79039;
	}
}
/*incubation-process END*/


/*chart*/
.chart-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: stretch;
	align-items: stretch;
}
@media screen and (min-width: 992px) {
	.chart-box{
		justify-content: space-between;
		padding-top: 25px;
		position: relative;
	}
	.chart-box:after{
		content: "";
		position: absolute;
		left: 28px;
		right: 28px;
		top: 0;
		height: 2px;
		background: #e0e0e0;
	}
	.chart-box .chart-item{
		position: relative;
	}
	.chart-box .chart-item:after{
		content: "";
		position: absolute;
		left: 50%;
		height: 20px;
		width: 2px;
		margin-left: -1px;
		top: -25px;
		background: #e0e0e0;
	}
	.chart-box .chart{
		width: 56px;
		padding: 20px;
		background: #fff;
		border: 1px solid #e0e0e0;
		height: 100%;
		line-height: 1.1;
		border-radius: 8px;
	    -webkit-box-shadow: 0px 6px 10px 0px rgba(145,145,145,0.1);
	    -moz-box-shadow: 0px 6px 10px 0px rgba(145,145,145,0.1);
	    box-shadow: 0px 6px 10px 0px rgba(145,145,145,0.1);
	    cursor: pointer;
	    -webkit-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;

	}
	.chart-box .chart:hover{
		border-color: #888;
	}
}
@media screen and (max-width: 991px) {
	.chart-box{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -1%;
		margin-right: -1%;
	}
	.chart-box:after,
	.chart-box:before{
		content: none;
	}
	.chart-box .chart-item{
		width: 31.33333%;
		margin: 1%;
	}
	.chart-box .chart{
		padding: 20px;
		background: #fff;
		height: 100%;
		line-height: 1.5;
		border-radius: 5px;
		cursor: pointer;
		border: 1px solid #e0e0e0;
	}

	.chart-box .chart:hover{
		border-color: #888;
	}
}
@media screen and (max-width: 767px){
	.chart-box .chart-item{
		width: 48%;
	}
}
.chart-tc .layui-layer-content{
	padding: 20px;
}
.chart-tc .nicescroll-rails.nicescroll-rails-vr{
	top: 42px!important;
}
/*chart END*/

.enlarge-image {
	cursor: pointer;
}


/*leader-care*/
.leader-care{
    background: #fff;
    position: relative;
}
.leader-care .row{
	margin-left: -5px;
	margin-right: -5px;
}
.leader-care .row [class^='col-']{
	padding-left: 5px;
	padding-right: 5px;
}
.leader-care .swiper-container {
    width: 100%;
    /*height: 480px;*/
    margin-left: auto;
    margin-right: auto;
}
/*@media screen and (max-width: 1199px) {
	.leader-care .swiper-container{
		height: 398px;
	}
}
@media screen and (max-width: 991px) {
	.leader-care .swiper-container{
		height: 480px;
	}
}
@media screen and (max-width: 767px) {
	.leader-care .swiper-container{
		height: 400px;
	}
}
@media screen and (max-width: 400px) {
	.leader-care .swiper-container{
		height: 230px;
	}
}*/
.leader-care .swiper-right{
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
}
.leader-care .swiper-right .swiper-container{
	height: 100%;
}
.leader-care .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
	background-color: #00304B;
}
.leader-top {
    text-align: center;
}

/*.leader-top .leader-img,
.leader-top .leader-img img{
    width: 140px;
    height: 140px;
    background: #f0f0f0;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
}*/
.leader-top .leader-name{
    font-size: 18px;
    margin: 10px 0;
    position: relative;
    padding-bottom: 8px;
}
.leader-top .leader-name:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 30px;
    height: 1px;
    background: #1550A2;
    margin-left: -15px;
}
.leader-top .leader-title{
    display: inline-block;
    margin-bottom: 30px;
}
.leader-top .leader-desc-box{
    position: absolute;
    left: 0;
    bottom: 20px;
    padding: 20px 15px;
    color: #fff;
    background: rgba(0,48,75,.75);
    width: 100%;
    max-width: 420px;
    text-align: left;
}
.leader-top .leader-desc{
    color: #fff;
}
@media screen and (max-width: 767px) {
	.leader-top .leader-desc-box{
		bottom: 0;
		left: 0;
		right: 0;
		max-width: 10000px;
		padding: 15px 10px;
	}
	.leader-care {
		padding-bottom: 50px;
	}
	.leader-care .swiper-pagination{
		width: 100%;
		margin-top: 25px;
	}
	.leader-care .swiper-pagination-bullets .swiper-pagination-bullet {
	    opacity: 1;
	    background: #eee;
	    margin: 0 5px;
	}
	.leader-care .swiper-pagination-bullets .swiper-pagination-bullet-active {
	    opacity: 1;
	    background: #E79039;
	}
}
.leader-top .swiper-button-next.swiper-button-white, 
.leader-top .swiper-button-prev.swiper-button-white{
    background: #00304B;
    width: 40px;
    height: 40px;
    margin-top: 0px;
    bottom: 20px;
    top: auto;
    line-height: 40px;
}
.leader-top .swiper-button-next.swiper-button-white:hover, 
.leader-top .swiper-button-prev.swiper-button-white:hover{
    background: #E79039;
}
.leader-top .swiper-button-prev:after, .leader-top .swiper-container-rtl .swiper-button-prev:after{
	content: "\e602";
	font-family: "iconfont";
	font-size: 20px;
	color: #fff;
}
.leader-top .swiper-button-next:after, .leader-top .swiper-container-rtl .swiper-button-next:after{
    content: "\e609";
	font-family: "iconfont";
	font-size: 20px;
	color: #fff;
}
.leader-top .swiper-button-next, 
.leader-top .swiper-container-rtl .swiper-button-prev{
    right: 20px;
}
.leader-top .swiper-button-prev, 
.leader-top .swiper-container-rtl .swiper-button-next{
    left: auto;
    right: 70px;
}
.leader-thumbs{
    background: #F2F2F2;
    box-sizing: border-box;
}
.leader-thumbs .swiper-slide {
    height: 100%;
    position: relative;
    padding: 5px 10px;
    padding-left: 100px;
    cursor: pointer;
    min-height: 80px;
    opacity: .75;
    -webkit-transition: opacity all .3s;
    -o-transition: opacity all .3s;
    transition: opacity all .3s;
}
.leader-thumbs .swiper-slide-active,
.leader-thumbs .swiper-slide:hover {
    /*background: #E7E7E7;*/
    opacity: 1;
}
.leader-thumbs .leader-thumb-img{
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: 10px;
}
.leader-thumbs .leader-thumb-img,
.leader-thumbs .leader-thumb-img img{
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
}
.leader-thumbs .leader-thumb-name{
    font-size: 14px;
    margin: 7px 0;
}
.leader-thumbs .leader-thumb-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 38px;
    -webkit-box-orient: vertical;
    font-size: 13px;
    color: #666;
}
/*leader-care END*/


/*****************************2010/11/10*****************************/

/*swiper-course*/
.swiper-course{
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.swiper-course .swiper-slide{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 500px;
    transition: all .5s;
	width: 25%;
}

.swiper-course .swiper-slide-active{
    width: 50%!important;
}
.swiper-course .course-item .more{
    color: #eee;
    font-size: 12px;
    opacity: .85;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.swiper-course .swiper-slide-active .more{
    opacity: 0;
}
.swiper-course .course-item{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 30px;
    color: #fff;
    cursor: pointer;
    transition: padding .3s;
}
.swiper-course .swiper-slide-active .course-item{
    padding: 30px 50px;
}
.swiper-course .course-item .title{
    font-size: 18px;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 15px;
    opacity: .85;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.swiper-course .course-item .title:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 42px;
    background: #E89440;
}
.swiper-course .course-item .more-btn{
    margin-top: 10px;
}
.swiper-course .course-item .desc{
    position: absolute;
    left: 50px;
    bottom: -100%;
    right: 50px;
    transition: bottom .3s .2s;
    opacity: 0;
    color: rgba(255,255,255,.95);
}
.swiper-course .swiper-slide-active .title{
	font-size: 24px;
}
.swiper-course .swiper-slide-active .course-item .desc{
    bottom: 60px;
    opacity: 1;
}
.swiper-course .course-item .desc .more-btn{
    margin-top: 20px;
    padding: 10px 30px;
    background: rgba(255,255,255,.15);
}
@media screen and (max-width: 991px) {
	.swiper-course .course-item{
		padding: 30px 15px;
	}
    .swiper-course .course-item .title{
        font-size: 16px;
    }
    .swiper-course .swiper-slide-active .course-item{
    	padding: 30px;
    }
    .swiper-course .swiper-slide-active .course-item .title{
        font-size: 20px;
    }
    .swiper-course .course-item .desc{
    	left: 30px;
    	right: 30px;
    }
}
@media screen and (max-width: 767px) {
	.swiper-course{
		display: block;
	}
	.swiper-course .swiper-slide{
		height: auto;
	}
	.swiper-course .course-item{
		position: static;
	}
	.swiper-course .swiper-slide,
	.swiper-course .swiper-slide-active,
	.swiper-course .course-item{
		width: 100%!important;
	}
    .swiper-course .course-item .title{
        font-size: 18px;
    }
    .swiper-course .course-item,
    .swiper-course .swiper-slide-active .course-item{
        padding: 40px 20px;
    }
    .swiper-course .more{
    	display: none;
    }
    .swiper-course .course-item .desc .more-btn{
    	padding: 0;
    	background: none;
    	border: none;
    	font-size: 12px;
    	opacity: .85;
    }
    .swiper-course .course-item .desc{
    	position: static;
    	margin-top: 30px;
    	opacity: .85;
    }
    .swiper-course .swiper-slide-active .course-item .desc{
        bottom: 20px;
    }
}
/*swiper-course END*/

/*science-list*/
.science-list .science-item{
	background: rgba(255,255,255,.8);
	padding: 30px;
	color: #333;
	height: 100%;
	border-radius: 4px;
	overflow: hidden;
}
.science-list .science-item .title{
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	position: relative;
}
.science-list .science-item .title:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48px;
	height: 4px;
	background: #E79038;
}
.science-list .science-item .desc{
	font-size: 13px;
	color: #666;
}
.more-btn.border-yellow{
	background: none;
	border: 1px solid #E79038;
	color: #E79038!important;
	padding: 8px 20px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-radius: 20px;
}
.more-btn.border-yellow:hover{
	background: #E79038;
	color: #fff!important;
}
@media screen and (max-width: 991px) {
	.science-list .science-item{
		padding: 30px 20px;
	}
}
/*science-list END*/

/*topic-list*/
.topic-list {
    margin: 50px 0 30px;
}
.topic-list .row{
	margin: 0;
}
.topic-list .topic-item,
.topic-list .topic-col{
	padding: 0;
}
.topic-list .topic-item .layui-row{
    height: 100%;
}
.topic-list .topic-col{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 50%;
    background-color: #fff;
}
.topic-list .topic-col .text-box{
    height: 100%;
    padding: 50px 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
@media screen and (max-width: 567px) { 
    .topic-list .topic-col .text-box{
        padding: 20px 15px;
    }
}

@media screen and (min-width: 568px) {
    .topic-list .topic-col img{
        height: 100%;
        position: absolute;
        min-width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        max-height: 100%;
        width: auto;
        max-width: 100000px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .topic-list .topic-item:hover .topic-col img{
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }
}
@media screen and (max-width: 567px) {
    .topic-list .topic-col img{
        width: 100%;
    }
}
.topic-list .topic-col .text-box .title{
    font-size: 18px;
    margin-bottom: 12px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topic-list .topic-col .text-box .desc{
    font-size: 13px;
    color: #828589;
    line-height: 1.8;
}
.topic-list .topic-col .text-box .single-link{
    color: #E79039;
    margin-top: 10px;
    font-size: 12px;
    float: right;
}
.topic-list .topic-item:hover .topic-col .single-link .iconfont{
    left: -5px;
}

@media screen and (min-width: 568px) {
    .topic-list .topic-col .icon_arrow {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        border: 15px solid transparent;
        right: 0px;
        border-right-color: #fff;
    }
    .topic-list .topic-col .text-box .desc{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        max-height: 90px;
    }
}
@media screen and (max-width: 567px) {
    .topic-list .topic-col{
        height: auto;
        padding-bottom: 0;
    }
    .topic-list .topic-col .icon_arrow {
        position: absolute;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        bottom: 0px;
        border-bottom-color: #fff;
    }
}

@media screen and (min-width: 1199px) {
    .topic-list .topic-col .text-box .desc{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        max-height: 113px;
    }
}
@media screen and (min-width: 992px) {
    .topic-list .topic-item:nth-of-type(4n+3) .row,
    .topic-list .topic-item:nth-of-type(4n+4) .row{
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .topic-list .topic-item:nth-of-type(4n+3) .topic-col .icon_arrow ,
    .topic-list .topic-item:nth-of-type(4n+4) .topic-col .icon_arrow {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        border: 15px solid transparent;
        right: 0px;
        left: 0;
        right: auto;
        border-right-color: transparent;
        border-left-color: #fff;
    }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .topic-list .topic-col .text-box{
        padding: 35px 20px;
    }
    .topic-list .topic-col .text-box .title{
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) and (min-width: 767px) {
    .topic-list .topic-col .text-box{
        padding: 70px 50px;
    }
}

@media screen and (min-width: 568px) and (max-width: 991px) {
    .topic-list .topic-item:nth-of-type(4n+2) .row,
    .topic-list .topic-item:nth-of-type(4n+4) .row{
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .topic-list .topic-item:nth-of-type(4n+2) .topic-col .icon_arrow ,
    .topic-list .topic-item:nth-of-type(4n+4) .topic-col .icon_arrow {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        border: 15px solid transparent;
        right: 0px;
        left: 0;
        right: auto;
        border-right-color: transparent;
        border-left-color: #fff;
    }
}

@media screen and (max-width: 767px) {
    .topic-list .topic-col .text-box .title{
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) and (min-width: 568px) {
    .topic-list .topic-col .text-box{
        padding: 40px 20px;
    }
}
@media screen and (max-width: 567px) {
    .topic-list .topic-col .text-box{
        position: static;
        overflow: hidden;
    }
    .topic-list .topic-col .text-box .title{
        font-size: 16px;
        white-space: unset;
    }
    .topic-list .topic-col .text-box .desc{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 68px;
    }
}

/*topic-list END*/

/*index-news*/
.news-swiper,.news-swiper .swiper-container,.news-swiper .swiper-slide{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.news-swiper .news-item{
    overflow: hidden;
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
}
@media screen and (max-width: 991px) {
    .news-swiper,.news-swiper .swiper-container,.news-swiper .swiper-slide{
        height: auto;
    }
    .news-swiper .news-item{
        height: 0;
        padding-bottom: 60%;
    }
}
.news-swiper .news-item .news-box{
    background-color: rgba(0,48,75,.75);
    padding: 30px 30px 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 30%;
    color: #fff;
}

.news-swiper .news-item .news-box .news-date{
	opacity: .95;
}
.news-swiper .news-item .news-box .news-title{
    font-size: 18px;
    /*margin-bottom: 15px;*/
    margin-top: 10px;
}
.news-swiper .swiper-pagination-bullets .swiper-pagination-bullet{
    background: #fff;
}
.news-swiper  .swiper-pagination{
	left: 0;
    right: 30%;
    text-align: left;
    padding: 0 30px;
    bottom: 20px;
}
.news-swiper .swiper-pagination-bullets .swiper-pagination-bullet:after{
	content: none;
}
.news-swiper .swiper-pagination-bullets .swiper-pagination-bullet{
	width: 16px;
	height: 4px;
	border-radius: 0;
	margin: 0 4px;
	opacity: .25;
}
.news-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{
	opacity: 1;
}

.index-news .news-list .news-item{
    /*background: #fff;*/
    padding: 40px 30px 30px;
    height: 100%;
    display: block;
    position: relative;
    border-bottom: 1px dashed #DBDBDA;
}
@media screen and (min-width: 768px) {
	.index-news .news-list .news-item{
    	border-right: 1px dashed #DBDBDA;
	}
}
@media screen and (min-width: 992px) {
	.index-news .news-list [class^='layui-col']:nth-of-type(3n) .news-item{
		border-right: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.index-news .news-list [class^='layui-col']:nth-of-type(2n) .news-item{
		border-right: 0;
	}
}

.index-news .news-list .news-item:before{
	position: absolute;
	left: 30px;
	top: 0;
	font-size: 70px;
	color: #E79038;
	opacity: .17;
	line-height: 1.3;
	font-family: 'DIN-Bold';
	font-weight: bold;
}
.index-news .news-list [class^='layui-col']:nth-of-type(1) .news-item:before{
	content: "01";
}
.index-news .news-list [class^='layui-col']:nth-of-type(2) .news-item:before{
	content: "02";
}
.index-news .news-list [class^='layui-col']:nth-of-type(3) .news-item:before{
	content: "03";
}
.index-news .news-list [class^='layui-col']:nth-of-type(4) .news-item:before{
	content: "04";
}
.index-news .news-list [class^='layui-col']:nth-of-type(5) .news-item:before{
	content: "05";
}
.index-news .news-list [class^='layui-col']:nth-of-type(6) .news-item:before{
	content: "06";
}
.index-news .news-list [class^='layui-col']:nth-of-type(7) .news-item:before{
	content: "07";
}
.index-news .news-list [class^='layui-col']:nth-of-type(8) .news-item:before{
	content: "08";
}
.index-news .news-list [class^='layui-col']:nth-of-type(9) .news-item:before{
	content: "09";
}
.index-news .news-list [class^='layui-col']:nth-of-type(10) .news-item:before{
	content: "10";
}
.index-news .news-list [class^='layui-col']:nth-of-type(11) .news-item:before{
	content: "11";
}
.index-news .news-list [class^='layui-col']:nth-of-type(12) .news-item:before{
	content: "12";
}
.index-news .news-list .news-item .news-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 42px;
    margin-bottom: 10px;
    font-weight: bold;
}
.index-news .news-list .news-item .news-desc{
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}
.index-news .news-list .news-item .news-date{
    font-size: 13px;
    color: #888;
}
.index-news .news-list .news-item .more{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.index-news .news-list .news-item .more a{
	color: #E79038;
	font-size: 13px;
	font-weight: bold;
}
.index-news .news-list .news-item .more .iconfont {
	width: 18px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	background: #E79038;
	color: #fff;
	border-radius: 9px;
	display: inline-block;
	margin-right: 5px;
	font-weight: normal;
	vertical-align: middle;
}
.index-news .flex-container .single-link{
    margin-top: 0;
    color: #888;
}
@media screen and (max-width: 767px) {
    .news-swiper .news-item .news-box{
        padding: 15px 15px 40px;
        right: 15%;
    }
    .news-swiper .swiper-pagination{
        right: 15%;
        padding: 0 15px;
    }
    .index-news .news-list .news-item{
        padding-left: 0;
        padding-right: 0;
    }
    .index-news .news-list .news-item .news-title{
        height: auto;
        max-height: 42px
    }
    .index-news .news-list .news-item:before{
    	left: 0;
    }
}
/*index-news END*/

.row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: stretch;
    align-items: stretch;
}
.layui-row.row-flex:after, .layui-row.row-flex:before,
.row.row-flex:after, .row.row-flex:before{
    content: none;
}

/*single-link*/
.single-link,
a.single-link{
    display: block;
    color: #888;
    font-size: 12px;
    margin-top: 15px;
}
.single-link .iconfont{
    margin-left: 5px;
}
.single-link:hover,
a.single-link:hover{
    text-decoration: underline;
}
/*single-link END*/


/*text-items*/
.text-items .text-item{
	padding: 40px;
	height: 100%;
	position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.text-items .text-item .title {
    /*font-weight: bold;*/
    margin: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	position: relative;
	color: #fff;
}
.text-items .text-item .title:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48px;
	height: 4px;
	background: #E79038;
}
.text-items .text-item .desc {
    margin-top: 12px;
    color: #eee;
    font-size: 13px;
    line-height: 1.8;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.text-items .text-item .desc p{
	line-height: 1.8;
}
.text-items .text-item .desc p:last-child{
	margin-bottom: 0;
}
@media screen and (max-width: 991px) {
	.text-items .col-xs-12{
		margin: 10px 0;
	}
	.text-items .text-item{
		padding: 30px;
	}
}
@media screen and (max-width: 767px){
	.text-items .text-item{
		padding: 30px 20px;
	}
}
/*text-items END*/

/*development-list*/
.development-list .development-item{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background: #fff;
	padding: 40px;
	width: 100%;
	height: 100%;
}
.development-list .development-item .icon-box img{
	width: 60px;
	height: 60px;
}
.development-list .development-item .text-box{
	padding-left: 30px;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
.development-list .development-item .text-box .title{
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	position: relative;
}
.development-list .development-item .title:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48px;
	height: 4px;
	background: #E79038;
}
.development-list .development-item .desc{
	font-size: 13px;
	color: #666;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.8;
    max-height: 68px;
}
@media screen and (max-width: 991px) {
	.development-list .development-item{
		padding: 30px;
	}
	.development-list .development-item .text-box{
		padding-left: 20px;
	}
	.development-list .development-item .icon-box img{
		width: 48px;
		height: 48px;
	}
}
@media screen and (max-width: 768px) {
	.development-list .development-item{
		padding: 30px 20px;
	}
	.development-list .development-item .icon-box img{
		width: 42px;
		height: 42px;
	}
}
/*development-list END*/

/*humanity-list*/
.humanity-list .slide .text{
	text-align: center;
	padding-top: 60px;
	padding-bottom: 30px;
	position: relative;
}
.humanity-list .slide .text .title{
	font-size: 18px;
    -webkit-line-clamp: 1;
    height: auto;
}
.humanity-list .slide .text .iconfont{
	position: absolute;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	top: -40px;
	display: block;
	background: #fff;
	border-radius: 40px;
	color: #E79038;
	font-size: 44px;
	text-align: center;
	line-height: 80px;
	box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.humanity-list .slide:hover .text .iconfont{
	background: #E79038;
	color: #fff;
}
.humanity-list .row [class^="col-"]:nth-of-type(1) .slide .text .icon-humanity:before{
	content: "\e65a"
}
.humanity-list .row [class^="col-"]:nth-of-type(3) .slide .text .icon-humanity:before{
	content: "\e65c"
}
/*humanity-list END*/

/*****************************2010/11/10*****************************/