/* ==========================================================================
    公共样式
============================================================================ */
body{background: #ffffff;font-size: 16px;font-family: "Microsoft YaHei";}

.wrap{width: 1200px;margin: 0 auto;}

@media screen and (max-width: 1440px) {
    body{font-size: 14px;}
    .wrap{width: 83%;}
}

@media screen and (max-width: 1024px) {
    .wrap{width: 83%;}
	
}

@media screen and (max-width: 768px) {
    .wrap{width:100%;padding:0px 15px;}
	
}

/* ==========================================================================
    主页
============================================================================ */
/* 第一屏 */
.index-banner{height: 100%;position: relative;}
.index-banner .swiper-wrapper{}
.index-banner .swiper-wrapper .swiper-slide{position: relative;}
.index-banner .swiper-wrapper .swiper-slide .swiper-outbox{width:100%;height:100%;position: relative;clear: all;float: none;}
.index-banner .img{height: 100%;width:100%;overflow: hidden;}
.index-banner .img img{display: block; width: 100%;height: 100%;-o-object-fit: cover;
object-fit: cover;-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: 1s .7s ease-in-out;
transition: 1s .7s ease-in-out;}
.index-banner .swiper-slide-active .img img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: 2s .5s ease-in-out;transition: 2s .5s ease-in-out;}
.index-banner .img .video_box{width:100%;height:100%;}  
.index-banner .img .video_box video{-o-object-fit: fill;object-fit: fill;width:100%;height:100%;}
.banner-pagination{position: absolute;width: 100%;bottom:6% !important;text-align: center;z-index: 11;}
.banner-pagination .swiper-pagination-bullet{vertical-align: middle;width:12px;height:12px;margin:0px 12px!important;position: relative;
    -webkit-transition: all 0.6s ease 0.1s;
    transition: all 0.6s ease 0.1s;
    background: #fff;opacity: 1;border-radius:25px;
}
.banner-pagination .swiper-pagination-bullet-active{background: #fdecc8;}
.index-banner .swiper-button-next{opacity: 0.6;right: 20px;}
.index-banner .swiper-button-prev{opacity: 0.6;left: 20px;}


@media screen and (max-width: 1440px) {
	
}

@media screen and (max-width: 1366px) {
	.index-banner{height: 210px;}
}

@media screen and (max-width: 1024px) {
	.index-banner{height: 210px;}
}
@media screen and (max-width: 768px) {
	.index-banner{height: 210px;}
	.index-banner .img .video_box video{height: 210px!important;}
}
.i-sec1{position: relative;}
.time-box{width: 100%;position:relative;}
.time-box .time{
	width: 76%;
	height: 160px;
	background: url(../img/time_bg.png) no-repeat left top;
	background-size: 100% 100%;
	padding:10px 70px ;
	margin-top: -80px;
	z-index: 22;
	
}
.time .t1{text-align: center;}
.time .t1 h1{font-size: 30px;color: #ffffff;}
.time .t1 h2{font-size: 30px;color: #ffffff;}
.time .ti{max-height: 120px;}
.time .t2{text-align: center;}
.time .t2 h1{font-size: 30px;color: #ffffff;}
.time .t2 h2{font-size: 30px;color: #ffffff;}
.time .t2 h2 span{font-size: 30px;color: #ffffff;}

.i-sec2{width: 100%;position: relative;}
.title-box{text-align: center;margin: 50px 0px 100px;}
.title-box h1{font-size: 48px;font-weight: bold;color: #e8e8e8;line-height: 1;}
.title-box h2{font-size: 48px;font-weight: bold;margin-top: -15px;position:relative;line-height: 1;}
.title-box h2 span{
	background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(204, 76, 169)), to(rgb(108, 86, 185)));-webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */-webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */;
}



.focus-swiper{float: left; margin-right: 20px; width:44%; margin-bottom:20px;overflow: hidden;}
.focus-swiper .swiper-slide{}
.focus-swiper .swiper-slide a{display: block;}
.focus-swiper .swiper-slide .img-box{height: 100%;overflow: hidden;}
.focus-swiper .swiper-slide .img-box img{display: block;max-width: 100%;width: 100%;}
.focus-swiper .info{width: 100%;background: #f0f0f0;}

.focus-swiper .info .date{
	width: 86px;height: 70px;padding: 8px; background: #9c0056;text-align: center;border-radius: 6px;
}
.focus-swiper .info .date p{
	color: #ffffff;font-size: 15px;
}
.focus-swiper .info .date p span{
	color: #ffffff;font-size: 14px;
}

.focus-swiper .info .infos{padding: 0px 15px;width: 420px;}
.focus-swiper .info .infos p{
color: #333;font-size: 18px;line-height: 70px;text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.focus-swiper .foc-pagination{position: absolute;bottom:80px!important;right: 10px;z-index: 11;text-align: right;}
.focus-swiper .foc-pagination .swiper-pagination-bullet{vertical-align: middle;width:25px;height:25px;
	margin:0px 4px!important;font-size: 12px;color: #333333;
	position: relative;
	text-align: center;
	line-height: 25px;border-radius: 0!important;
    -webkit-transition: all 0.6s ease 0.1s;
    transition: all 0.6s ease 0.1s;
    background: #fff;opacity: 1;border-radius:25px;
}
.focus-swiper .foc-pagination .swiper-pagination-bullet-active{background: #b8094b;color:#ffffff;}
/* boxC */
.boxC{overflow: hidden;width:53%;}
.boxC .hd{height: 50px; line-height: 50px;  border-bottom: 1px solid #e6e6e6; position: relative;}
.boxC .hd .more{position: absolute; right: 10px; top: 0; font-size: 14px;color: #999;}
.boxC .hd ul{overflow: hidden;}
.boxC .hd ul li{float: left;}
.boxC .hd ul a{display: block; float: left; line-height: 50px; padding: 0 30px; margin-right: 10px; background: #e6e6e6;font-size: 18px; border-radius:4px 4px 0 0;}
.boxC .hd ul a:hover{text-decoration: none;}
.boxC .hd ul li:last-child a{border-right: 0}
.boxC .hd .on a{color: #fff;
 background: -webkit-linear-gradient(left,#cc4ca9,#6c56b9);
 background: -o-linear-gradient(right,#cc4ca9,#6c56b9);
 background: -moz-linear-gradient(right,#cc4ca9,#6c56b9);
 background: linear-gradient(right,#cc4ca9,#6c56b9);
font-weight: bold;}
.boxC .bd{overflow: hidden; padding: 12px 5px}
.boxC .bd .infoList{display: none;}
.boxC .bd .infoList.active{display: block;}
.infoList li {position: relative; height: 45px;line-height: 45px; overflow: hidden;padding-left: 12px;background: url(../img/icons.png) 0 center no-repeat;}
.infoList li span{float: right;color: #999;font-size: 14px;}
.infoList li a{width: 85%;display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 1440px) {
	.infoList li {position: relative; height: 42px;line-height: 42px; overflow: hidden;padding-left: 12px;background: url(../img/icons.png) 0 center no-repeat;}
}

@media screen and (max-width: 1366px) {
	.focus-swiper .info .infos p{line-height: 48px;}
	.focus-swiper .info .date p{
	color: #ffffff;font-size: 14px;
}
	
}
@media screen and (max-width: 1200px) {
	.focus-swiper .info .infos p{line-height: 48px;}
	.infoList li {position: relative; height: 35px;line-height: 35px; overflow: hidden;padding-left: 12px;background: url(../img/icons.png) 0 center no-repeat;}
	.focus-swiper .info .date p{
	color: #ffffff;font-size: 12px;
}
}

@media screen and (max-width: 1024px) {
	.time-box{}
	.time-box .time{padding: 10px 15px;height: 70px;margin-top: -35px;}
	.time .t1 h1{font-size: 16px;}
	.time .t1 h2{font-size: 15px;}
	.time .ti{max-width: 100px;}
	.time .t2 h1{font-size: 16px;}
	.time .t2 h2{font-size: 15px;}
	.time .t2 h2 span{font-size: 16px;}
	
	.title-box h1{font-size: 28px;}
	.title-box h2{font-size: 28px;}
	.title-box{margin: 30px auto 40px;}
	
	.focus-swiper{float: none;width: 100%;margin:0 auto 15px;max-width: 100%;}
	.focus-swiper .info .infos{width: 75%;}
	.focus-swiper .info .date{width: 25%;}
	.boxC{width: 100%;}
	.focus-swiper .info .date p{
	color: #ffffff;font-size: 14px;
}
}
@media screen and (max-width: 768px) {
	.time-box{}
	.time-box .time{padding: 10px 15px;height: 70px;margin-top: -35px;}
	.time .t1 h1{font-size: 16px;}
	.time .t1 h2{font-size: 15px;}
	.time .ti{max-width: 100px;max-height: 40px;}
	.time .t2 h1{font-size: 16px;}
	.time .t2 h2{font-size: 15px;}
	.time .t2 h2 span{font-size: 16px;}
	
	.title-box h1{font-size: 28px;}
	.title-box h2{font-size: 28px;}
	.title-box{margin: 30px auto 40px;}
	.focus-swiper .info .infos p{line-height: 30px;}
	.focus-swiper{float: none;width: 100%;margin-bottom: 15px;max-width: 100%;
		overflow: hidden;
	}
	.focus-swiper .info .infos{width: 75%;}
	.focus-swiper .info .date{width: 25%;}
	.boxC{width: 100%;}
}
.i-sec3{}
.hd-rc{background: url(../img/ysg.jpg) no-repeat center bottom;padding: 60px 0px 40px;}
.rc-list{flex-wrap: wrap;}
.rc-list::after{
	display: block;
	content: '';
	width:30%;
}
.rc-list .rc-item{padding-bottom: 40px;width: 30%;height: 130px;
margin:50px 0px 30px;}
.rc-list .rc-item a{display: block;}
.rc-list .rc-item a h1{font-size: 32px;font-weight: bold;text-align: center;
	padding-bottom: 30px;background:url(../img/lights.png) no-repeat center bottom;
	background-size: 100% auto;
}
.rc-list .rc-item a h1 span{
	background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(255, 255, 255)), to(rgb(244, 201, 139)));-webkit-background-clip: text; /*必需加前缀 -webkit- 才支持这个text值 */-webkit-text-fill-color: transparent; /*text-fill-color会覆盖color所定义的字体颜色： */;
	
}

@media screen and (max-width: 1440px) {
	
}

@media screen and (max-width: 1366px) {
	
}

@media screen and (max-width: 1024px) {
	.hd-rc{background-size: cover;padding: 25px 0px;}
	.rc-list{}
	.rc-list .rc-item{width: 48.5%;padding-bottom: 30px;margin: 15px 0px;height: 50px;}
	.rc-list .rc-item a h1{font-size: 22px;}
}
@media screen and (max-width: 768px) {
	.hd-rc{background-size: cover;padding: 25px 0px;}
	.rc-list{}
	.rc-list .rc-item{width: 48.5%;padding-bottom: 30px;margin: 15px 0px;height: 50px;}
	.rc-list .rc-item a h1{font-size: 22px;}
}

.i-sec4{}
.history{padding: 60px 0px;background: #faf9f7;}

.preview{padding:0px 90px;margin-bottom: 32px;}
.preview .swiper-container{position: relative;height: 60px;}
.preview .swiper-container .line{
	position: absolute;
	left: 0;
	bottom: 10px;
	border: 1px solid rgba(139, 109, 77, 0.12);
	width: 95%;
}
.preview .year{}
.preview .swiper-slide{padding-right: 59px;}
.preview .swiper-slide .year{cursor: pointer;}
.preview .swiper-slide .year:hover .number{color: #FA8D19;}
.preview .swiper-slide .year:hover .circle{background: #FA8D19;}
.preview .swiper-slide-thumb-active .year .number{color: #FA8D19;}
.preview .swiper-slide-thumb-active .year .circle{background: #FA8D19;}


.preview .year .number{
	font-size: 16px;
	font-weight: 500;
	color: #999590;
	line-height: 26px;
	margin-bottom: 10px;
}
.preview .year .circle{
	display: inline-block;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	background: rgba(139, 109, 77, 0.65);
	border: 4px solid #EBE6E2;
	border-radius: 50%;
	margin-left: 10px;
}
.preview .swiper-controll{position: absolute;right: 0;bottom: 0px;width: 40px;height: 20px;} 
.preview .swiper-controll .arrowleft{
	background: url("../img/pre-small.png") no-repeat left top;
	position: absolute;
	left: 0px;
	top: 0%;
	width: 20px;
	height: 20px;
	z-index: 10;
	-webkit-transition: background 0.1s;
	transition: background 0.1s;
	cursor: pointer;
} 
.preview .swiper-controll .arrowright{
	background: url("../img/next-small.png") no-repeat left bottom;
	position: absolute;
	right: 0px;
	top: 0%;
	width: 20px;
	height: 20px;
	z-index: 10;
	-webkit-transition: background 0.1s;
	transition: background 0.1s;
	cursor: pointer;
} 
.preview .swiper-controll .arrowleft:hover {
  background: url("../img/pre-small-hover.png") no-repeat left bottom;
}

.preview .swiper-controll .arrowright:hover {
  background: url("../img/next-small-hover.png") no-repeat left bottom;
}



.view{padding: 30px;background: #ffffff;}
.view .swiper-container{height:220px;width: 100%;}
.view .swiper-slide{padding: 0px 120px;}
.view .head{height: 40px;background: #ffffff;position: relative;margin-left:-10px;}
.view .head .circle{
	display: inline-block;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	background: #fa8d19;
	border: 4px solid #ffe3cd;
	border-radius: 50%;
}
.view .head .year{
	vertical-align: middle;
	font-size: 20px;
	color: #FA8D19;
	line-height: 32px;
	/* //letter-spacing: 4px; */
	padding-left: 20px;
	transform: rotateX(10deg);
	-webkit-transform: rotateX(120deg);
}

.view .awards{border-left: 1px solid #f1f1f1;
display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;
}
.view .awards .awardsLeft{width: 60%;position: relative;}
/* .view .awards .awardsLeft::after{
	display: block;
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 180px;
	background:#f1f1f1;
} */
.view .awards .awardsLeft .card{padding: 0px 30px;min-height:105px;}
.view .awards .awardsLeft .card ul li{line-height: 30px;font-size: 14px;color: #333333;}

.view .awards .awardsRigt{width: 40%;overflow: hidden;max-height: 380px;}
.view .awards .awardsRigt img{display: block;max-width: 100%;}

.view .swiper-button-next{
	background: url("../img/next.png") no-repeat left top;
	width: 58px;
	height: 58px;
	z-index: 10;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.view .swiper-button-prev{
	background: url("../img/pre.png") no-repeat left top;
	width: 58px;
	height: 58px;
	z-index: 10;
	-webkit-transition: background 0.1s;
	transition: background 0.1s;
}
.view .swiper-button-next:hover {
  background: url("../img/next-hover.png") no-repeat left top;
}

.view .swiper-button-prev:hover {
  background: url("../img/pre-hover.png") no-repeat left top;
}
.view .swiper-button-next:after,.view .swiper-button-prev:after{display: none;}


@media screen and (max-width: 1440px) {
	
}

@media screen and (max-width: 1366px) {
	
}

@media screen and (max-width: 1024px) {
	.preview{padding: 0px  15px;}
	.view{padding: 15px;}
	.view .swiper-slide{padding: 0;}
	.view .awards{display: block;border: none;}
	.awardsLeft{width: 100%!important;}
	.awardsRigt{width: 100%!important;}
	.view .swiper-container{height: 380px;}
	.view .awards .awardsLeft .card{margin-bottom: 15px;padding: 0px 15px;min-height: 80px;}
	.view .head{margin-left: 0;padding: 0px 15px;}
}
@media screen and (max-width: 768px) {
	.preview{padding: 0px  15px;}
	.preview .swiper-container{padding-bottom: 25px;height: 90px;}
	.preview .swiper-container .line{bottom: 40px;}
	.view{padding: 15px;}
	.view .swiper-slide{padding: 0;}
	.view .awards{display: block;border: none;}
	.awardsLeft{width: 100%!important;}
	.awardsRigt{width: 100%!important;}
	.view .swiper-container{height: 380px;}
	.view .awards .awardsLeft .card{margin-bottom: 15px;padding: 0px 15px;min-height: 80px;}
	.view .head{margin-left: 0;padding: 0px 15px;}
	
	.preview .swiper-controll{}
	.view .swiper-button-next{
		display: none;
	}
	.view .swiper-button-prev{
		display: none;
	}
}
.zf-swiper{height: 240px;}
.oubox{height: 250px;position: relative;}
.zf-swiper .swiper-slide{}
.zf-swiper .swiper-slide a{display: block;}
.zf-swiper .swiper-slide .img{height: 200px;overflow: hidden;position: relative;
    border: 3px solid transparent;
    transition: all 0.25s ease 0s;
}
.zf-swiper .swiper-slide .img img{display: block;max-width: 100%;}
.zf-swiper .swiper-slide .img .tittle{position: absolute;width: 100%;height: 36px;bottom: 0;left: 0;z-index: 6;}
.zf-swiper .swiper-slide .img .tittle p{line-height: 36px;padding: 0px 15px;font-size: 16px;color: #ffffff;}
.zf-swiper .swiper-slide .img .titlebg{
	width: 100%;
	position: absolute; z-index: 2; bottom: 0px; left: 0px; height: 85px; background: url(../img/titlebg.png) repeat-x left bottom; filter: alpha(opacity=80);opacity: 0.8;
}

.zf-swiper .swiper-slide .info{width: 100%;height: 40px;margin-top: 10px;overflow: hidden;}
.zf-swiper .swiper-slide .info p{
	font-size: 14px;color: #333333!important;line-height:24px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
}
.zf-swiper .swiper-slide:hover .img{border-color:#9a0000;}
.zf-swiper .swiper-slide:hover .tittle p{text-decoration: underline;}
.oubox .zf-right{
	background-color: #fafafa;
	position: absolute;
    top: 60px;
    left: auto;
    right: -90px;
    width: 80px;
    height: 120px;
    background: url(../img/iconbig.png) no-repeat center -436px;
    cursor: pointer;
    transition: all 0.25s ease 0s;	
	outline: none;
}
.oubox .zf-left{
	background-color: #fafafa;
	position: absolute;
	top: 60px;
	left: -90px;
	width: 80px;
	height: 120px;
	background: url(../img/iconbig.png) no-repeat center -325px;
	cursor: pointer;
	transition: all 0.25s ease 0s;
	outline: none;
}

@media screen and (max-width: 1440px) {
	
}

@media screen and (max-width: 1366px) {
	
}

@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 768px) {
	
}

.lnbox{}
.lnbox .ztname{width: 20%;}
.lnbox .ztname p{font-size: 36px;color: #333333;text-align: justify;word-wrap: break-word;width: 40px;text-align: center;}
.ztlist{width: 80%;}
.ztlist .ztitem{width: 23.5%;position: relative;margin-right: 1.5%;height: 477px;overflow: hidden;}
.ztlist .ztitem a{display: block;}
.ztlist .ztitem img{display: block;max-width: 100%;transition: all 0.4s linear;}
.ztlist .ztitem p{line-height: 1.2;
	font-size: 20px;color: #ffffff;text-align: justify;
	position: absolute;left: 20px;top: 20px;
	width: 20px;height: 100%;word-wrap: break-word;text-align: center;
}
.ztlist .ztitem:hover img{transition: all 0.4s linear;transform: scale(1.05);}
.ztlist .ztitem p span{word-wrap: break-word;writing-mode: vertical-lr;}

.i-sec6{width: 100%;position: relative;}
.i-sec6 img{display: block;max-width: 100%;}
.footinfo{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding:80px 0px 10px;}
.footinfo .wrap{height: 100%;}
.footinfo .out{align-items: flex-start;justify-content: flex-end;width: 100%;}
.footinfo .out .i{width:50%;float:left;margin-left:30%;}
.footinfo .out p{font-size: 16px;color: #ffffff;line-height: 32px;}
.footinfo .out .ewm{width: 100px;height: 100px;overflow: hidden;float:left;}
.footinfo .out .ewm img{display: block;max-width: 100%;}

@media screen and (max-width: 1440px) {
	.footinfo{padding:40px 0px 10px;}
	
}

@media screen and (max-width: 1366px) {
	.i-sec6 img{
		width: auto;
		
		height: 400px;
		max-width:100%;
	}
	.footinfo .out .ewm img{width: 100px;height: 100px;overflow: hidden;float:left;}
}

@media screen and (max-width: 1024px) {
	.lnbox{flex-wrap: wrap;}
	.lnbox .ztname{width: 100%;margin-bottom: 15px;}
	.lnbox .ztname p{word-wrap: normal;width: 100%;font-size: 24px;}
	.oubox .zf-right{display: none;}
	.oubox .zf-left{display: none;}
	.ztlist{width: 100%;flex-wrap: wrap;}
	.ztlist .ztitem{width: 48.5%;height: 320px;margin-bottom: 20px;}
}
@media screen and (max-width: 768px) {
	.lnbox{flex-wrap: wrap;}
	.lnbox .ztname{width: 100%;margin-bottom: 15px;}
	.lnbox .ztname p{word-wrap: normal;width: 100%;font-size: 24px;line-height: 1.1;}
	.oubox .zf-right{display: none;}
	.oubox .zf-left{display: none;}
	.ztlist{width: 100%;flex-wrap: wrap;}
	.ztlist .ztitem{width: 48.5%;height: 320px;margin-bottom: 20px;}
	.footinfo .out .i{width:100%;float:left;margin-left:0%;}
	.footinfo .out .ewm{width:100%;margin-top:20px;}
	.footinfo .out .ewm img{width: 100px;height: 100px;overflow: hidden;float:left;}
}