@charset "utf-8";
/* CSS Document */
#divCt{
	height: 115px;
	margin-bottom: 30px;
}
#divCt a{
	display: block;
	width:96px;
	height: 96px;
	float:left;
	margin-right: 3.3%;
}
#divCt a:nth-last-child(1){
	float: right;
	margin-right: 17px;
}
#banner {
	width: 100%;
	height: 484px
}

h3.title span,h4.title span {
	width: 111px;
	height: 42px;
	line-height: 42px;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

h3.title>a{
	font-size: 12px;
	color: #4c4c4c;
	float: right;
	line-height: 24px;
	/*text-decoration: underline;
	font-style: italic;*/
	border: 1px solid #666;
    border-radius: 10px;
    padding: 0px 8px;
	margin-top: 7px;
}

h3.title span a,
h3.title>a:hover {
	color: #5f3b11;
	/*font-weight: bold;*/
}

h3.title span.active {
	background: url(index2_18.png) no-repeat;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
h4.title span.active{
	color: #fff;
	font-weight: bold;
	text-align: center;
}

h3.title.news span{
	text-align: center;
	cursor: pointer;
	margin-right: 8px;
	position: relative;
	/*color:#5f3b11;*/
	font-weight: bold;
}

h3.title.news span.active,
h3.title.news span:hover {
	background:url("index2_18.png") no-repeat;
	color: #FFF;
	
}

h3.title.news span.active:after,
h3.title.news span:hover:after {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	background: #f6f7f6;
}
.info-tit{
	line-height: 42px;
	padding: 60px 0;
}
.info-tit .en{
	font-family: zhsyht;
	font-size: 24px;
}
.info-tit .zh{
	font-size: 36px;
	font-weight: 600;
}
.newsPic{
	width: 620px;
	height: 420px;
	float: left;
}
@media (max-width: 1365px) {
	.newsList{
	width: 660px;
	float: right;
	}
}
@media (min-width: 1366px) {
.newsList{
	width: 748px;
	float: right;
}
}

.newsList .tabSwitchBtns{
	display: flex;
	font-size: 18px;
}
.newsList .tabSwitchBtns a{
	display: block;
	width: 195px;
	height: 50px;
	border-radius: 15px;
	background-color: #eeeeee;
	float: left;
	text-align: center;
	color: #666;
	line-height: 50px;
	margin-right: 24px;
}
.newsList .tabSwitchBtns a.active{
	background:linear-gradient(45deg,#418fb5,#3e6090);
	color: #fff;
}
.newsList .list{
	margin-top:20px;
}
.newsList .list ul li {
	line-height: 46px;
}
.newsList .list ul li div{
	font-size: 16px;
}
.newsList .list ul li div i{
	display: none;
}
.newsList .list ul li:hover div{
	font-weight: bold;
}
.newsList .list ul li:hover i{
	display:inline-block;
	width: 8px; /* 三角形的大小 */
    height: 5px; /* 三角形的大小 */
    background-image: linear-gradient(to top, #416391, #5597b9); /* 渐变方向和颜色 */
    transform: rotate(90deg);  /*旋转45度 */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%); /* 创建三角形 */
	margin-right: 5px;
	margin-bottom: 3px;
}
.newsList .list ul li span{
	float: right;
}
.newsList .list .news-top{
	margin-bottom: 16px;
}
.newsList .list .news-top h3{
	font-size: 18px;
	color: #416391;
	line-height: 32px;
	margin-bottom: 10px;
}
.newsList .list .news-top p{
	line-height: 28px;
	color:#666666;
}

/*groups*/
.groups{display: flex; justify-content: space-between;height: 100%;}
.groups li{width: calc((100% - 3px) / 4);border-right: 1px solid #fff; position: relative; }
.groups li div img {height:88px;width: 88px; margin-top: 80px;}
.groups li div { position: absolute; top: 0;width: 100%; height: 0;padding-top:80%;}
#groupInfo .groups li:hover div{padding:0; height: 100%; background:rgba(255,255,255,0.48);transition-duration: .5s;}
#groupInfo .groups li div p:last-child{display: none;}
#groupInfo .groups li:hover div p:last-child{display: block;transition-duration: .5s;}
.groups li div .title {font-size:28px; font-weight: bold;color:#416391;line-height:62px;text-align: center;}
.third_title {width: 100px; height: 35px; margin: 260px auto 0 auto; line-height: 35px; color: #416391; font-size:14px; text-align:center;  border-radius: 50px 50px 50px 50px ;border:1px solid #416391;}
/*
.groups li {position: relative; display: inline-block; width: calc((100% - 84px) / 4); height: 421px; margin: 0 7px; list-style: none; }
.groups li a > img {width: 100%; height: 100%;}
.groups li div { position: absolute; top: 0; width: 100%; height: 100%; padding-top: 170px;background-color: #11156e;opacity: 0.6;}
.groups li div p:nth-child(1) {font-size:18px;color:rgba(255,255,255,1);line-height:62px;text-align: center;}
.groups li div img {height:3px;width: 58px;}
#groupInfo .groups li div p:last-child{display: none;}
#groupInfo .groups li:hover div{padding: 0; height: 0; opacity: 1;transition-duration: .5s;}
#groupInfo .groups li:hover div p:last-child{display: block;transition-duration: .5s;}
.third_title {width: 165px; height: 40px; margin: 260px auto 0 auto; padding-top: 8px; color: #ff9f22; font-size:14px; background-color: white; text-align:center;}
*/

.top_c {
	margin-left: 15px;
	width: 437px;
	position: relative;
	top: -12px
}
.top_c1 {
	margin-left: 15px;
	width: 393px;
	position: relative;
}

.top_c li {
	height: 33px;
	line-height: 33px;
}
.top_c1 li {
	height: 33px;
	line-height: 33px;
}
.top_c1 .jj_t{
	text-align:center;
	font-size:16px;
	line-height:36px;
	color:#2b2b2a;
}
.top_c1 .jj_c{
	text-indent:2em;
	line-height:28px;
}

.top_news li {
	height: 36px;
	border-bottom: 1px dotted #acacac;
	line-height: 36px;
}

.top_news li span.time {
	float: right;
}

.top_news li a {
	color: #4c4c4c
}

.top_news li a:hover {
	color: #418db4;
}

.top_news li i,
.swiper-container3 .swiper-slide i {
	width: 4px;
	height: 6px;
	/*background: #ea3e3c;*/
/*	background:url(index2_22.png) no-repeat;
	display: inline-block;
	vertical-align: middle;*/
	margin-right: 3px;
}

.top_r {
	margin-left: 25px;
	width: 370px;
	position: relative;
    overflow: hidden;
}

.top_r h4.title {
	background: #b8853e;
    background: -moz-linear-gradient(left,  #418fb5 0%, #68b0d3 100%);
    background: -webkit-linear-gradient(left,  #418fb5 0%,#68b0d3 100%);
    background: -o-linear-gradient(left,  #418fb5 0%,#68b0d3 100%);
    background: -ms-linear-gradient(left,  #418fb5 0%,#68b0d3 100%);
    background: linear-gradient(to right,  #418fb5 0%,#68b0d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#418fb5', endColorstr='#68b0d3',GradientType=0 );
}
.top_r>.fl img{
	margin-top:20px;
	float:left;
	margin-right: 10px;
}
.top_r>.fl p{
	margin-top:20px;
	line-height: 30px;
	height: 210px;
}
.top_r>.fr p {
	width: 234px;
	float:left;
	line-height: 30px;
	margin-top:15px;
}

.top_r>.fb p {
	width: 370px;
	float:left;
	line-height: 30px;
	margin-top:6px;
}

.top_r>.fb p a {
	display: block;
	color: #808080;
	float:right;
}

.top_news.cent {
	margin-top: 25px;
}

.top_news.cent .top_l,
.top_news.cent .top_c,
.top_news.cent .top_r {
	width: 382px
}
.top_news.cent .top_r {
	width: 370px
}
.top_news.cent .top_c {
	margin-left: 30px;
	top: 0;
}

.top_news.cent .top_r {
	top: 0;
	border:1px solid #ccc;
}

.top_news li a span:first-child,
.top_news.cent li a span:first-child {
	/*width: 365px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
}

/*.top_news.cent li a span:first-child {
	width: 300px
}*/

.top_news.cent .top_r h3 {
	/*border: none;*/
}

.cent .box {
	border: 1px solid #e6e6e6;
}

.cent .box .title span {
	width: 50%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	height: 37px;
	background: #f0f0f0;
	background: url(../images/star.png) no-repeat 35px center;
	line-height: 37px;
	text-indent: 65px;
	cursor: pointer;
	border-bottom: 1px solid #f6f7f6
}

.cent .box .title span.active {
	background: #f0f0f0;
	background: url(../images/star2.png) no-repeat 35px center;
	color: #04654D
}

.cent .box .title span:first-child {
	background: url(../images/kg.png) no-repeat 35px center;
	border-right: 1px solid #c3c3c3;
}

.cent .box .title span:first-child.active {
	background: url(../images/kg2.png) no-repeat 35px center;
}

.banner2 {
	margin-top: 30px;
	width: 1200px;
	height: 137px;
	overflow: hidden;
}

.banner2 img {
	transition: 600ms;
}

.banner2:hover img {
	transform: scale(1.05);
}

.bt_list {
	margin: 20px 0 30px;
	width: 1200px;
}

.bt_list img {
	display: block;
	margin: 0 auto;
	width: 592px;
	height: 153px;
}

.iconfont {
	transition: 500ms;
}

.bt_l,
.bt_c,
.bt_r {
	width: 384px;
	height: 291px;
	background: #fff;
	box-sizing: border-box;
	padding: 0 12px 12px 12px;
	margin-left: 22px;
	overflow: hidden;
}

.bt_l {
	margin-left: 0;
}

.bt_l p {
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bt_list i {
	font-size: 35px;
	color: #957454;
	position: relative;
	top: 3px
}

.bt_list p {
	font-size: 16px;
	color: #808080;
	margin-top: 8px;
}

.bt_c p {
	font-size: 14px;
	margin-top: 0;
	text-align: center;
}

.ul_paging {
	display: none;
}

.ul_paging.show {
	display: block;
}

.swiper-container {
	position: relative;
	height: 484px;
	width: 100%;
}

.swiper-slide {
	width: 100%;
	height: 484px;
	overflow: hidden;
}

.swiper-slide img {
	position: absolute;
	transition: 600ms;
	width:100%;
	height: 484px;
}

.swiper-slide img:hover {
	transform: scale(1.1);
}

.swiper-container .swiper-slide img:hover {
	transform: scale(1);
}

.swiper-pagination {
	position: absolute;
	bottom: 10px;
	z-index: 99;
	left: 0;
	width: 100%;
	text-align: center;
}

.swiper-pagination span,.flex-control-paging li a{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
/*	background: #d6a756;*/
	background: #418fb5;
	margin: 0 5px;
	cursor: pointer;
}


.swiper-pagination span.swiper-active-switch,.flex-control-paging li a.flex-active {
	width: 38px;
	background: #fff;
	border-radius: 10px;
}

.swiper-container .swiper-pagination span.swiper-active-switch {
	width: 38px;
	height: 12px;
	border-radius: 5px;
	background: #fff;
	border: 0;
}
.swiper-container .swiper-slide img{
	/*opacity:0*/
}
.swiper-container .swiper-slide-active img{
	opacity:1
}


.swiper-product-prev2,
.swiper-product-next2,
.swiper-product-prev4,
.swiper-product-next4 {
	width: 16px;
	height: 28px;
	display: inline-block;
	background:url("prev1.png");
	position: absolute;
	top: 45%;
	cursor: pointer;
	left: 10px
}

.swiper-product-next2,
.swiper-product-next4 {
	background: url("next1.png") no-repeat;
	right: 10px;
	left: inherit
}

.swiper-container2 {
	width: 620px;
	height: 420px;
	overflow: hidden;
	position: relative;
}

.slide-title {
	position: absolute;
	bottom: 0;
	z-index: 99;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: rgba(0, 0, 0, .4);
}

.slide-title p {
	color: #fff;
	width: 335px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 15px;
}

.swiper-pagination2 {
	text-align: right;
	left: -15px;
	width:610px;
}

.swiper-pagination2 span {
	width: 8px;
	height: 8px;
	margin: 0 1px;
}

.swiper-pagination span.swiper-active-switch {
	width: 7px;
	height: 7px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #f49229;
}

.swiper-container2 img {
	width: 620px;
	height: 420px
}

.swiper-container3 {
	height: 144px;
	overflow: hidden;
	position: relative;
}

.swiper-container3 .swiper-slide {
	line-height: 36px;
}

.swiper-container3 .swiper-slide i {
	margin: 0 13px 0 10px;
}

.swiper-container3 .swiper-slide a {
	width: 340px;
	display: block;
	border-bottom: 1px dotted #ccc;
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.swiper-product-prev3,
.swiper-product-next3 {
	width: 22px;
	height: 21px;
	display: block;
	position: absolute;
	cursor: pointer;
	right: 7px;
}

.swiper-product-prev3 {
	background: url(../images/prev2.png) no-repeat;
	top: 10px
}

.swiper-product-prev3:hover {
	background-position: 0 -21px;
}

.swiper-product-next3 {
	background: url(../images/next2.png) no-repeat;
	bottom: 10px;
	height: 22px
}

.swiper-product-next3:hover {
	background-position: 0 -22px;
}

.swiper-container4 {
	width: 347px;
	height: 238px;
	overflow: hidden;
	position: relative;
}

.swiper-container4 p {
	padding-left: 0;
}

.swiper-container4 img {
	width: 347px;
	height: 238px
}






.swiper-slide-1.swiper-slide .img-1-1 {

	left: 20%;
	top: 20%;
}

.swiper-slide-1.flex-active-slide .img-1-1 {
	animation: saAni11 2s ;
	/*left: 20%;*/
	/*top: 20%;*/
}



@keyframes saAni11 {
	from {
		opacity: 0;
		transform: translate(-300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.swiper-slide-1.flex-active-slide .img-1-2 {
	animation: saAni12 2s ;
	/*left: 60%;*/
	/*top: 20%;*/
}


.swiper-slide-1.swiper-slide .img-1-2 {

	left: 60%;
	top: 20%;
}

@keyframes saAni12 {
	from {
		opacity: 0;
		transform: translate(300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@keyframes saAni13 {
	from {
		opacity: 0;
		transform: translate(-300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}




.swiper-slide-2.flex-active-slide .img-1-1 {
	animation: saAni21 2s ;
	left: 53.8%;
	top: 31.5%;
}




@keyframes saAni21 {
	from {
		opacity: 0;
		transform: translate(-300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.swiper-slide-2.flex-active-slide .img-1-2 {
	animation: saAni22 2s ;
	left: 54%;
	top: 49%;
}

@keyframes saAni22 {
	from {
		opacity: 0;
		transform: translate(300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@keyframes saAni23 {
	from {
		opacity: 0;
		transform: translate(-300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}




.swiper-slide-3.flex-active-slide .img-1-1 {
	left: 46.8%;
	top: 31.5%;
	animation: saAni31 3s cubic-bezier(0.215, 0.61, 0.455, 1);
}

@keyframes saAni31 {
	from {
		opacity: 0;
		transform: translate(-300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.swiper-slide-3.flex-active-slide .img-1-2 {
	top: 47%;
	left: 46.4%;
	animation: saAni32 3s cubic-bezier(0.215, 0.61, 0.455, 1);
}

@keyframes saAni32 {
	from {
		opacity: 0;
		transform: translate(300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@keyframes saAni33 {
	from {
		opacity: 0;
		transform: translate(-300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}





.swiper-slide-4.flex-active-slide .img-1-1 {
	animation: saAni41 3s cubic-bezier(0.215, 0.61, 0.355, 1);
	left: 46.8%;
	top: 32%;
}

@keyframes saAni41 {
	from {
		opacity: 0;
		transform: translate(-300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.swiper-slide-4.flex-active-slide .img-1-2 {
	animation: saAni42 3s cubic-bezier(0.215, 0.61, 0.355, 1);
	left: 45.4%;
	top: 51%;
}

@keyframes saAni42 {
	from {
		opacity: 0;
		transform: translate(300%, 0);
	}
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.swiper-slide-4.flex-active-slide .img-1-3 {
	animation: saAni43 3s cubic-bezier(0.215, 0.61, 0.355, 1);
	left: 70.8%;
	top: 46%;
}

@keyframes saAni43 {
	from {
		opacity: 0;
		transform: scale(0, 0);
	}
	to {
		opacity: 1;
		transform: scale(1, 1);
	}
}


/*内页*/
#content{position:relative; z-index: 5;}
#content .t_ban{height:246px; background:no-repeat center 80px; background-attachment:fixed;}
#content .t_ban .h1{float: right; text-align: right; font-size: 20px; line-height: 20px; color:#fff; opacity:.45; filter:alpha(opacity=45); text-align: right; letter-spacing: 9px; margin:100px auto;}
#content .t_ban .h2{float: right; text-align: right; font-size: 26px; line-height: 26px; color:#fff; opacity:.4; filter:alpha(opacity=40); text-align: right; letter-spacing: -2px; /*font-family: "RUBIK-REGULAR-WEBFONT";*/ font-family:zhsyht}
#content .crumbs_bg{-webkit-transition:height .5s;-moz-transition:height .5s; -ms-transition:height .5s; -o-transition:height .5s; transition:height .5s;}
#content .crumbs_bg{width:100%; height:110px; line-height:110px; border-bottom:1px solid #ececec;}
body.start #content .crumbs_bg{height:70px; line-height:70px;}
.crumbs{color:#999;font-size: 15px;overflow: hidden;float:left; }
.crumbs a{color:#999;font-size:15px;margin-right:30px;}
.crumbs a:hover{color:#416391;}
.crumbs a.active{color:#416391;font-weight: 800;}
.crumbs_bg .crm-icon{display:inline-block;width:15px; height:14px; background:url("../images/dq.png") no-repeat;}
.crumbs_bg .right{float:right;display: flex;align-items: center;}
.crumbs_bg .right a{display:inline;background:url(arrow2.png) no-repeat 15px center; padding-left:30px; letter-spacing:normal;}
.crumbs_bg .right a:hover{color:#416391;}

.newsBox .part_gk {display: flex;justify-content: space-between; margin: 40px 0px;}
.newsBox .part_gk .about_jj{width: 60%;}
.newsBox .part_gk .about_jj .gk_tit{font-size: 18px; font-weight: 800; margin-left: 20px;}
.newsBox .part_gk .about_tp{width: 40%;}

.nban_text1{font-size: 60px; }
.nban_text2{font-size: 48px; }

.sub-container .new-media-details .new-d-tit{
	text-align: center;
	margin-bottom: 20px;
}
.sub-container .new-media-details .new-d-tit h2 {
    font-size: 24px;
    color: #333;
}
.sub-container .new-media-details .new-d-tit .shareCon {
    display: inline-block;
    margin-top: 20px;
    line-height: 25px;
}
.sub-container .new-media-details .new-d-tit .shareCon .share-time {
    float: left;
    margin-right: 30px;
}
.sub-container .new-media-details .new-d-tit .shareCon .share-btn {
    float: left;
}