.wrap_banner,.Banner,.Banner .swiper-slide-active .slick-img,.Banner .slick-img{height: 100vh;}
.Banner {position: fixed;overflow: hidden;left: 0;right: 0;top: 0;}
.Banner .swiper-slide .slick-img {/*transition: transform 5000ms linear 0s;*/-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.Banner .swiper-slide-active .slick-img {transition: transform 4000ms linear 0s;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.Banner a::before {position: absolute;content: '';width: 100%;height: 131px;z-index: 99;background: -webkit-gradient(linear, 0 0, 0 0, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));background: linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(0, 0, 0, .5), endColorstr=rgba(0, 0, 0, 0));}
.Banner a::after {content: '';position: absolute;width: 100%;bottom: 0px;height: 250px;z-index: 9;background: -webkit-gradient(linear, 0 0, 0 0, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(0, 0, 0, .6), endColorstr=rgba(0, 0, 0, 0));}
.Banner a.more::before,.Banner a.more::after{display: none;}
.Banner a {display: block;position: relative;z-index: 1;overflow: hidden;}
.Banner a .title {color: #fff;position: absolute;left: calc(50% - 750px);bottom: 126px;font-size: 30px;z-index: 10;}
.Banner .slick-img {display: block;background: center no-repeat;padding-bottom: 0;background-size: cover;}
.Banner .slick-img video {width: 100%;}
.Banner .swiper-slide{ z-index: 1;}
.Banner .swiper-slide-active{ z-index: 2;}
@-webkit-keyframes scaleBig {
	0% {	transform: scale(1.05);}
	100% {	transform: scale(1);}
}
@keyframes scaleBig {
	0% {	transform: scale(1.05);}
	100% {transform: scale(1);}
}

.Banner a.more{color: #fff;position: absolute;right: calc(50% - 750px);bottom: 135px;padding: 0 15px 0 18px;border-left: 1px solid rgba(255, 255, 255, .5);z-index: 2;margin: 0;width: auto;}
.Banner a.more::before{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 2px;background: #fff;}
.Banner a.more::after{content: '';display: block;position: absolute;right: 3px;top: 50%;transform: translateY(-50%);width: 2px;height: 8px;background: #fff;}

.Banner .banner_dots{position: absolute;left:auto; right: calc(50% - 675px); bottom: 130px;overflow: hidden;z-index: 999;}
.Banner .banner_dots .swiper-pagination-bullet{background: url(../images/tubiao.png) no-repeat;width: 22px;height: 22px;border-radius: 0;box-shadow: none;}
.Banner .banner_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position: 0 -22px;width: 22px;height: 22px;animation: rotate 10s linear infinite;}

.Banner .arrow{width: 90px;height: 90px;display: block;background: center no-repeat rgba(0,0,0,.3);border-radius: 50%;border: 1px solid rgba(255, 255, 255, .3);position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;cursor: pointer;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.Banner .prev{background-image: url(../images/banner_prev.png);left: 100px;animation: banner_prev 1.2s linear .6s both;-webkit-animation: banner_prev 1.2s linear .6s both;}
.Banner .next{background-image: url(../images/banner_next.png);right: 100px;animation: banner_next 1.2s linear .6s both;-webkit-animation: banner_next 1.2s linear .6s both;}
.Banner .prev:hover, .Banner .next:hover{background-color: #861322;}
@-webkit-keyframes banner_prev{
	0% {left: 0px;opacity: 0;}
	100% {left: 100px;opacity: 1;}
}
@keyframes banner_prev{
	0% {left: 0px;opacity: 0;}
	100% {left: 100px;opacity: 1;}
}
@-webkit-keyframes banner_next{
	0% {right: 0px;opacity: 0;}
	100% {right: 100px;opacity: 1;}
}
@keyframes banner_next{
	0% {right: 0px;opacity: 0;}
	100% {right: 100px;opacity: 1;}
}

.banner_ser{position: absolute;left: 0;right: 0;bottom: 0;}
.banner_ser .row{}
.banner_ser .wrap{position: relative;background: url(../images/banner_search_bg.png)  center bottom no-repeat;padding: 15px 20px 0 54px;background-size: cover;border-radius: 40px 40px 0 0;width: 1100px;padding: 0 0 0 0;margin: auto;}
.banner_ser .search{width: 100%;height: 74px;background: transparent;position: relative;z-index: 999;overflow: hidden;}
.banner_ser .search input.notxt{position:absolute;width: calc(100% - 150px);height: 100%;color: #999;left: 35px;top: 1px;padding:0;margin:0px;outline: none;font-size: 24px;z-index: 3;padding: 0;background: transparent;border: 0;}
.banner_ser .search input.notxt1{position:absolute;width: 75px;height: 100%;border:none;background: none;right: 0;cursor: pointer;z-index: 3;font-size: 0;bottom: 0;background: url(../images/banner_search_btn.png) center no-repeat #861322;border-radius: 0 40px 0 0;}
/* .banner_ser .search::before{content: '';display: block;border-left: 30px solid #fff;border-bottom: 75px solid transparent;position: absolute;right: 88px;top: 0;z-index: 5;} */

.aside{position: fixed;transition: margin-left 0s ease-out, left 1.3s ease-out;cursor: pointer;z-index: 10;width: 104px;height: 627px;background: url(../images/side_bg.png) top center no-repeat;transform-origin: left bottom;top: 50%;margin: -300px 0 0;left: 100%;}
.aside.hide{left: calc(100% + 50px) !important;}
.aside::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.aside:hover:before{opacity: .2;}
.aside .side_menu{padding: 176px 16px 0;text-align: center;color: #fff;position: relative;z-index: 2;font-size: 14px;line-height: 16px;/* font-weight: bold; */}
.aside .side_menu .item{}
.aside .side_menu .item p{margin: 0px 0 13px;/* opacity: 0; */transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;text-shadow:1px 1px 1px  rgba(0, 0, 0, .5);position: relative;}
/* .aside.show .side_menu .item p{animation: side_p 2s linear 0s;-webkit-animation: side_p 2s linear 0s;} */
.aside .side_menu .item.on p,.aside:hover .side_menu .item p{opacity: 1 !important;}
.aside:hover .side_menu .item:hover{opacity: .6;}
@-webkit-keyframes side_p{
	0% {left: 0px;opacity: .8;}
	80% {left: 0px;opacity: .8;}
	100%{opacity: 0;}
}
@keyframes side_p{
	0% {left: 0px;opacity: .8;}
	80% {left: 0px;opacity: .8;}
	100%{opacity: 0;}
}


.aside .gotop{margin: 16px auto 0;background: url(../images/gotop.png) center bottom no-repeat;border-top: 1px solid rgba(255, 255, 255, .2);max-width: 60px;height: 24px;position: relative;z-index: 2;}
.aside .side_btn{width: 20px;height: 50px;position: absolute;right: 100%;bottom: 1px;background: url(../images/side1.png) center no-repeat #965b53;}
.aside.on {left: calc(100% - 110px);}
.aside.on .side_btn{background-image: url(../images/side2.png);}
/*.contentbg{ background: url(../images/footerbg.png) no-repeat bottom center; }*/
.content{z-index: 2;background:url(../images/bodybg.jpg) no-repeat; background-size:100% 100%; background-attachment:fixed; position: relative;padding: 1px 0 0;overflow: hidden;}

.aside.show .side_btn{animation: side_btn .8s ease 1.3s both;-webkit-animation: side_btn .8s ease 1.3s both;}
@-webkit-keyframes side_btn{
	0% {width: 0;}
	100%{width: 20px;}
}
@keyframes side_btn{
	0% {width: 0;}
	100%{width: 20px;}
}

@media screen  and ( max-height: 800px ){
	.aside{margin: 0;bottom: 0;top: auto;}
	.aside:not(.on){margin-left: 0 !important;}
}

.index_shuti_title{color:#fff;margin:70px 0 50px;display: block; line-height: 50px;}
/*
.index_shuti_title::before{content: '';display: block;position: absolute;left: 226px;right: 140px;top: 80%;height: 1px;background: #d9d9d9;}
*/

.index_shuti_title .channel_link{float: right;position: relative;z-index: 2;color: #fff;padding-left: 20px;}

.index_shuti_title .channel_title{margin:0 auto;  text-align:center; color: #fff;font-weight: bold;  }
.index_shuti_title .channel_title span{ display: inline-block;position: relative;text-align: center; padding: 0 20px; font-size:36px;font-weight: bold; }
.index_shuti_title .channel_title span::before {
    content: " ";
    position: absolute;
    top: 50%;
    width: 100px;
    height: 1px;
    left:-105px;
    background: #999;
}
.index_shuti_title .channel_title span::after {
    content: " ";
    position: absolute;
    top: 50%;
    width: 100px;
    height: 1px;
    right:-105px;
    background: #999;
}
.index_title{margin-bottom: 38px;display: block;position: relative;line-height: 50px;}
.index_title::before{content: '';display: block;width: calc(55%); position: absolute;left: 220px;right: 0;top: 50%;height: 1px;background: #d9d9d9;}

.index_title::after{content: '';display: block;clear: both;}
.index_title .channel_link{float: right;position: relative;z-index: 2;color: #373737;padding-left: 20px;}
.index_title .channel_link::after{content: '';display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../images/mode05_more.png) center no-repeat;margin: 0 4px 0 8px;background-size: 100%;}
.index_title .channel_title{color: #333;font-weight: bold;background: left center no-repeat;}

/*
.mode01 .lf .channel_title{background-image: url(../images/index_title1a.png);}
.mode01 .rt .channel_title{background-image: url(../images/index_title1b.png);}
.mode02 .channel_title{background-image: url(../images/index_title2.png);padding-left: 54px;}
.mode03 .channel_title{background-image: url(../images/index_title3.png);padding-left: 50px;}
.mode05 .lf .channel_title{background-image: url(../images/index_title5a.png);padding-left: 52px;}
.mode05 .rt .channel_title{background-image: url(../images/index_title5b.png);padding-left: 52px;}
.mode5 .channel_title{background-image: url(../images/index_title5.png);padding-left: 50px;}
.mode10 .channel_title{background-image: url(../images/index_title10.png);padding-left: 52px;}
.mode12 .channel_title{background-image: url(../images/index_title12.png);padding-left: 52px;}
*/
/* 艺术家 */

.artistsWrapper{width: 1500px;margin: 0 auto;padding:20px 0 10px;position: relative;}
.artistsWrapper h3{position: absolute;left:0;top:30px;font-size: 30px;font-family: "楷体";width:42px;color:#000;line-height: 1.1;margin-top:40px;text-align: center;}
.artistsWrapper h3 .iconfont,.jobsWrapper h3 .iconfont{font-size:38px;color:#c5000b;margin-bottom: 10px;display: block;}
.swiper-container.artists-container{margin-left:5px;}
.artists-container .artistsList:after{content:"";display:block;clear:both;}
.artists-container .artistsList li{float: left;margin-left: 30px;margin-top:30px;width:260px;height:500px;overflow: hidden;}
.artists-container .artistsList li .photo{width:260px;height:300px;position: relative;overflow: hidden;border-radius: 5px;}
.artists-container .artistsList li .photo img{width:260px;height:331px;}
.artists-container .artistsList li .photo a {display:block;}
.artists-container .artistsList li .photo a:hover:before {left:400px;transition:left .5s ease 0s;}
.artists-container .artistsList li .photo a:before {content:"";position:absolute;width:80px;height:450px;top:0;left:-150px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
	background:-webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
	background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
	background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-o-transform:skewX(-25deg);}
.artists-container .artistsList li .artistName{height: 50px;margin-top:10px;line-height: 50px;font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.artists-container .artistsList li .artistName a{color:#595757;}

.artists-container .artistsList li .artistName a:before{content:"\e627";display: inline-block; font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 20px;vertical-align: middle;margin-right: 1px;}
.artists-container .artistsList li .artistName .icon-xiantiao{font-size: 18px;margin:0 10px;}
.artists-container .artistsList li .artistInf{line-height:28px;font-size: 16px;padding-top:20px;height:56px;overflow: hidden;border-top:2px solid #595757;color:#979797;}
.artistsTabs,.jobsTabs {text-align: left;position: relative;}
.artistsTabs a,.jobsTabs a{font-size: 18px;color:#595757;width:32px;line-height: 1.1;margin:0 19px;padding-left:19px;padding-top: 55px;display: inline-block;vertical-align: top;position: relative;text-align: center;}

.artistsTabs a:after,.jobsTabs a:after{content: "\e8f4";display: inline-block; font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 24px;position: absolute;right:-40px;top:55px;}
.artistsTabs a.active,.jobsTabs a.active{color: #c5000b; font-weight:800;}
.artistsTabs a.active:before,.jobsTabs a.active:before{color:#595757;}
/* .artistsTabs:before,.jobsTabs:before{color: #c5000b;content: "\e60e";display: inline-block; font-family: "iconfont" !important;font-size: 18px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;left:0px;top:55px;}
*/
.artistsTabs a .iconfont,.jobsTabs a .iconfont{font-size: 38px;position: absolute;top:0;left:15px;}


/* 作品展 */

.jobsWrapper{width: 1500px;margin: 0 auto;padding:20px 0 0px;position: relative;}
.jobsWrapper h3{position: absolute;left:0;top:30px;font-size: 30px;font-family: "楷体";width:42px;color:#000;line-height: 1.1;margin-top:40px;text-align: center;}
.swiper-container.jobs-container{}
.jobs-container .jobsList:after{content:"";display:block;clear:both;}
.jobs-container .jobsList li{float: left;margin-left: 30px;margin-top:30px;width:260px;height:530px;overflow: hidden;}
.jobs-container .jobsList li .photo{width:260px;height:331px;position: relative;overflow: hidden;border-radius: 5px;}
.jobs-container .jobsList li .photo img{width:260px;height:331px;}
.jobs-container .jobsList li .photo a {display:block;}
.jobs-container .jobsList li .photo a:hover:before {left:400px;transition:left .5s ease 0s;}
.jobs-container .jobsList li .photo a:before {content:"";position:absolute;width:80px;height:450px;top:0;left:-150px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
	background:-webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
	background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
	background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-o-transform:skewX(-25deg);}
.jobs-container .jobsList li .artistName{height: 30px;margin-top:20px;line-height: 30px;font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}

.jobs-container .jobsList li .jobName{height:30px;line-height:30px;font-size: 16px;padding-left:2px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.jobs-container .jobsList li .artistName .icon-xiantiao,.jobs-container .jobsList li .jobName .icon-xiantiao{font-size: 18px;margin:0 10px;vertical-align:middle;}
.jobs-container .jobsList li .artistName a,.jobs-container .jobsList li .jobName a{color:#595757;display:inline-block;vertical-align:middle;height:30px;line-height:30px;}
.jobs-container .jobsList li .artistName a:hover,.jobs-container .jobsList li .jobName a:hover{color:#c5000b;}
.jobs-container .jobsList li .artistName .a{font-size: 16px;color:#595757;}
.jobs-container .jobsList li .artistName .a:hover{color:#c5000b;}
.jobs-container .jobsList li .jobInf{line-height:28px;font-size: 16px;margin-top:10px;padding-top:20px;height:56px;overflow: hidden;border-top:2px solid #595757;color:#979797;}
.jobs-container .jobsList li .jobName a:before{content:"\e610";display: inline-block; font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 23px;vertical-align: middle;margin-right: 12px;}
.jobs-container .jobsList li .artistName .a:before{content:"\e61a";display: inline-block; font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 25px;vertical-align: middle;margin-right: 8px;}

.Special-slide {box-shadow: 0 3px 5px #000;border-radius: 3px;}
.Special-list {display: inline-block;width: 31%;}
.Special-list a {display: block;position: relative;height: 261px;background-size: cover;}
.Special-mid {margin: 0 5px;}




.index_title1{margin-bottom: 9px;}
.index_title1::before{display: none;}
.index_title1 .channel_link{background: transparent;}
.index_title1 .channel_link::after{width: 10px;height: 10px;margin-top: -1px;}

.mode02 .index_title .channel_link{padding: 0 10px;color: rgba(255,255,255,.3);overflow: hidden;background: #861322;background: #b25b47;}
.mode02 .index_title .channel_link::after{background-image: url(../images/mode02_more.png);width: 16px;height: 16px;}
/* .mode02 .index_title .channel_link::before{content: '';display: block;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 0;height: 0;background: #5f0e13;border-radius: 50%;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;position: absolute;z-index: -1;} */
.mode02 .index_title .channel_link:hover{color: #fff;}
/* .mode02 .index_title .channel_link:hover::after{background-image: url(../images/mode01_more.png);} */
/* .mode02 .index_title .channel_link:hover:before{width: 200px;height: 200px;} */
.mode02 .index_title .channel_title{color: #fff;}
.mode02 .index_title::before{opacity: .2;}

.mode02 .arrows{float: right;padding: 0 0 0 20px;background: #861322;position: relative;z-index: 2;background: #b25b47;}
.mode02 .arrow{width: 43px;height: 43px;cursor: pointer;border: 1px solid rgba(255, 255, 255, .6);display: inline-block;vertical-align: middle;background: center no-repeat #fff;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;overflow: hidden;position: relative;margin: 0 0 0 10px;}
.mode02 .arrow::before{content: '';display: block;position: absolute;left: 50%;top: 50%;background: center no-repeat #861322;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;width: 0;height: 0;margin: 0;border-radius: 50%;}
.mode02 .arrow::after{content: '';display: block;position: absolute;left: 50%;top: 50%;background: center no-repeat;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;width: 48px;height: 48px;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);display: none;}
.mode02 .arrow:hover{background-color: transparent;}
.mode02 .arrow:hover::after{display: block;}
.mode02 .arrow:hover::before{width: 100px;height: 100px;margin: -50px 0 0 -50px;}
.mode02 .arrow.prev::after{background-image: url(../images/mode02_prev2.png);}
.mode02 .arrow.next::after{background-image: url(../images/mode02_next2.png);}
.mode02 .arrow.prev{background-image: url(../images/mode02_prev1.png);}
.mode02 .arrow.next{background-image: url(../images/mode02_next1.png);}
/* .mode02 .arrow:hover{background-color: #861322;} */
/* .mode02 .arrow.prev:hover{background-image: url(../images/mode02_prev2.png);} */
/* .mode02 .arrow.next:hover{background-image: url(../images/mode02_next2.png);} */

.mode5 .index_title::before{left: 266px;}

.mode11 .index_title::before{left: 345px;}
.mode11 .index_title .channel_link{background-color: #fff;}

.index_title2{margin-bottom: 20px;display: block;position: absolute;left: 0;width: 40px;top: 0;bottom: 0;padding: 0;z-index: 2;}
.index_title2::before{content: '';display: block;width: 1px;position: absolute;left: 20px;background: rgba(255, 255, 255, .2);top: 170px;bottom: 140px;}
.index_title2 .channel_title{padding: 0 0 0 0;font-weight: bold;color: #fff;width: 1em;margin: 0 auto;line-height: 1em;text-align: center;}
.index_title2 .channel_link{ opacity: 0.6; position: absolute;z-index: 2;width: 1.5em;margin: 0 auto;padding: 0 0 28px;background: url(../images/mode01_more.png) bottom center no-repeat;text-align: center;color: #fff;line-height: 1.1em;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.index_title2 .en_channel_title{position: absolute;left: 0;top: 0;text-transform: uppercase;font-weight: bold;color: rgba(255,255,255,.1);transform: rotate(90deg);transform-origin: left top;white-space: nowrap;}

.mode04 .index_title2{left: 50px;}
.mode07 .index_title2{left: 88px;bottom: auto;height: 507px;}
.mode07 .index_title2::before{top: 243px;bottom: 180px;}
.mode10 .index_title2{left: 80px;height: 360px;bottom: auto;top: 82px;}



.wrap_mode01{padding: 70px 0 60px;background: #fff;}
.mode01{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;display: -webkit-flex;flex-wrap: nowrap;justify-content: space-between;flex-direction: row;align-items: flex-start;}
.mode01 .lf{width: 23%;padding: 28px 0 0;}
.mode01 .mid{width: 48%;}
.mode01 .rt{width: 23%;padding: 28px 0 0;}

.news_link{text-align: center;display: block;color: #861322;padding: 40px 0 0;}
.news_link::after{content: '';display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../images/mode05_more.png) center no-repeat;margin: 0 4px 0 8px;background-size: 100%;}

.index_01a{}
.index_01a ul{margin: 0 0 0 0;}
.index_01a li{}
.index_01a .item{margin: 0;padding: 18px 0 19px;border-bottom: 1px solid #e5e5e5;}
.index_01a .time,.index_01a .tip{padding: 0 0 0 18px;position: relative;line-height: 24px;color: #999;margin: 0 0 4px;}
.index_01a .time::before,.index_01a .tip::before{content: '';display: block;width: 10px;height: 1px;background: #861322;position: absolute;left: 0;top: 11px;}
.index_01a .topping .time{color: #861322;background: url(../images/mode01_topping.png) right center no-repeat;}
.index_01a .tip{color: #861322;}

.index_01b{overflow: hidden;position: relative;background: url(../images/mode01b00.png) center bottom no-repeat;background-size: 100% auto;box-shadow: -6px 0px 12px 0px rgba(0, 0, 0, 0.03),6px 0px 12px 0px rgba(0, 0, 0, 0.03);}
.index_01b ul{margin: 0 0 0;padding: 0 0 0;}
.index_01b li{}
.index_01b .item{margin: 0 0 0;}
.index_01b .img{padding-bottom: 63%;}
.index_01b .bottom{padding: 14px 46px 30px;text-align: center;}
.index_01b .tip{margin: 0 0 35px; color:#861322;font-weight: bold; padding: 0 75px;display: inline-block;position: relative;}
.index_01b .tip::before,.index_01b .tip::after{content: '';display: block;width: 60px;height: 1px;background: #861322;position: absolute;left: 0;top: 50%;}
.index_01b .tip::after{left: auto;right: 0;}
.index_01b .title{margin: 0 0 23px;color: #861322;}
.index_01b .info{margin: 0 0 0; text-indent:2em; color: #666;}

.index_01b .dots{text-align: center;bottom: 1px;position: absolute;left: 0;right: 0;z-index: 2;}
.index_01b .dots .swiper-pagination-bullet{width: 10px;height: 10px;box-shadow: none;margin: 0 8px;background: #dae2f2;}
.index_01b .dots .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #861322;}

.index_01c{}
.index_01c ul{margin: 0 0 0 0;}
.index_01c li{}
.index_01c .item{margin: 0;padding: 18px 0 19px;border-bottom: 1px solid #e5e5e5;}
.index_01c .time{position: relative;color: #861322;float: left;font-weight: bold;}
.index_01c .title{margin: 0 0 0 50px;}


.wrap_mode02{padding: 40px 0 60px;background: #861322;overflow: hidden;background: #b25b47;}
.mode02{}

.index_02{}
.index_02 ul{margin: 0 0 0;padding: 0 0 0;}
.index_02 li{width: 480px;}
.index_02 .item{margin: 0 25px 0 0;padding: 1px 0 0;}
.index_02 .img_box{width: 160px;float: left;}
.index_02 .info_box{margin: 0 0 0 180px;padding: 0 0 0 0;}
.index_02 .img{padding-bottom: 132%;}
.index_02 .title{margin: 0 0 0;color: #fff;max-height: 48px;}
.index_02 .info{margin: 26px 0 0;color: rgba(255, 255, 255, .6);border-top: 1px dashed rgba(255, 255, 255, .15);padding: 35px 0 0;}
.index_02 .ico{padding: 0 0 0 23px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 0 0 15px;background: url(../images/mode02_info1.png) left center no-repeat;}
.index_02 .ico2{background-image: url(../images/mode02_info2.png);}
.index_02 .ico3{background-image: url(../images/mode02_info3.png);}

.wrap_mode03{padding: 1px 0 1px;}
.mode03{position: relative;/* overflow: hidden; */}
.mode03 > img{display: block;margin: 0 0 32px;}
.index_03{position: relative;/* padding: 0 0 0 50px; */margin: -12px 0 0;background: #fff;}
.index_03 .img{padding-bottom: 56%;}
.index_03::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #fff;z-index: 1;}
.mode03 .lf{width: calc(100% - 930px);float: left;/* overflow: hidden; */margin: 0 0 0;position: relative;z-index: 2;padding-top: 14px;padding-left: 42px;padding: 12px 0 12px 40px;}
.mode03 .rt{width: 860px;float: right;position: relative;z-index: 2;top: 0;left: 0;/* margin: 0 0 -20px; */}

.index_031{position: relative;overflow: hidden;padding: 0 0 33px;margin: 0 0 17px;}
/* .index_031 .swiper-slide{opacity: 0 !important;} */
/* .index_031 .swiper-slide-active{opacity: 1 !important;z-index: 2;} */

.index_031 .title{margin: 0 0 34px;}
.index_031 .info{color: #999;}
.index_031 .swiper-button-next{transform: none;display: block;width: 50px;height: 24px;background: url(../images/mode02_next.png)  center no-repeat;right: 0;bottom: 30px;top: auto;}
.index_031 .swiper-button-next:after,.index_031 .swiper-button-prev:after{display: none;}
.index_031 .swiper-pagination{width: auto;color: #015C5C;font-size: 20px;font-family: 'din';letter-spacing: -1px;bottom: 40px;}
.index_031 .swiper-pagination-current{font-size: 34px;letter-spacing: -1.6px;}
.index_031 .swiper-scrollbar{border-bottom: 1px solid #015C5C;background: none;border-radius: 0;height: 4px;}
.index_031 .swiper-scrollbar-drag{background: #015C5C;border-radius: 0;}

.index_032 a,.index_033 a{font-size: 0;line-height: 0;}
.index_032{margin: 47px -50px -57px 0;overflow: hidden;}
.index_032 .swiper-wrapper{}
.index_032 a{display: block;position: relative;margin: 0 14px 0 1px;}
.index_032 .img:hover img,.index_033 .img:hover img{transform: scale(1.05) rotate(0.5deg);-ms-transform: scale(1.05) rotate(0.5deg);-moz-transform: scale(1.05) rotate(0.5deg);-webkit-transform: scale(1.05) rotate(0.5deg);-o-transform: scale(1.05) rotate(0.5deg);cursor: pointer;}

.index_033{position: relative;overflow: hidden;}
.index_033 .swiper-slide.off{display: none;}

.mode03 .index_031{}
.mode03.animated .index_031{animation: index_031 2s ease .4s both;-webkit-animation: index_031 2s ease .4s both;}
.index_032 .swiper-slide-active ,.index_032 .swiper-slide-active + .swiper-slide,.index_032 .swiper-slide-active + .swiper-slide + .swiper-slide{left: 0;}
.mode03.animated .index_032 .swiper-slide-active{animation:  mode02 1.5s ease 1s both;-webkit-animation: mode02 1.5s ease 1s both;}
.mode03.animated .index_032 .swiper-slide-active + .swiper-slide{animation: mode02 1.5s ease 1.2s both;-webkit-animation: mode02 1.5s ease 1.2s both;}
.mode03.animated .index_032 .swiper-slide-active + .swiper-slide + .swiper-slide{animation: mode02 1.5s ease 1.4s both;-webkit-animation: mode02 1.5s ease 1.4s both;}
@-webkit-keyframes index_031{
	0% {top: 5vh;opacity: 0;}
	100%{top: 0;opacity: 1;}
}
@keyframes index_031{
	0% {top: 5vh;opacity: 0;}
	100%{top: 0;opacity: 1;}
}
/* .mode03.animated .rt{animation: mode03rt 2s ease .4s both;-webkit-animation: mode03rt 2s ease .4s both;}
@-webkit-keyframes mode03rt{
	0% {box-shadow: 0 0px #861322;opacity: .5;}
	100%{box-shadow: 20px 80px #861322;opacity: 1;}
}
@keyframes mode03rt{
	0% {box-shadow: 0 0px #861322;opacity: .5;}
	100%{box-shadow: 20px 80px #861322;opacity: 1;}
}
*/

.index_034{background: #fff;}
.index_034 ul{margin: 0 0 0 0;}
.index_034 li{}
.index_034 .item{margin: 0 0 0;height: 80px;position: relative;border-bottom: 1px dashed #e5e5e5;z-index: 2;}
.index_034 .item::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #fff;width: 100%;height: 100%;transition: all ease-in-out .2s;-ms-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;transform: skew(20deg);opacity: 0;}
.index_034 .img{display: none;}
.index_034 .title{margin: 0 0 0;position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;transition: all ease-in-out .2s;-ms-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;max-width: 432px;}
/* .index_034 li.on .item{height: 86px;} */
.index_034 li.on .title{left: 10px;font-weight: bold;color: #861322;/*line-height: 28px;height: 56px;font-size: 20px;*/}
.index_034 li.on {}
.index_034 li.on .item::before{left: 46px;opacity: 1;}


.wrap_mode04{padding: 97px 0 83px;background: url(../images/mode04_bg.png) center no-repeat;background-size: cover;overflow: hidden;}
.mode04{}
.mode04 > img{float: left;margin: 0 0 0 49px;}
/* .index_04{margin: 0 448px 0 222px;}
.index_04 ul{margin: 0 0 0;padding: 0 0 0;}
.index_04 li{}
.index_04 .item{margin: 0 0 0;position: relative;cursor: e-resize;}
.index_04 .item::before{content: '';display: block;position: absolute;left: 0;right: 370px;top: 0;bottom: 0;background: url(../images/mode04_lf_bg.png);background-size: cover;}
.index_04 .img_box{width: 370px;float: right;}
.index_04 .info_box{margin: 0 370px 0 0;padding: 65px 35px 0 50px;position: relative;z-index: 2;}
.index_04 .img{padding-bottom: calc(520% / 3.7);}
.index_04 .title{margin: 0 0 36px;color: #fff;}
.index_04 .info{margin: 0 0 17px;color: rgba(255, 255, 255, .7);}
.index_04 .info2{margin: 0 0 0;color: rgba(255, 255, 255, .7);}
.index_04 .item::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 3;}
.index_04 .swiper-slide-active .item::after{display: none;}

.index_04.animated .swiper-slide-active{animation: mode04 1.5s ease .3s both;-webkit-animation: mode04 1.5s ease .3s both;}
.index_04.animated .swiper-slide-active + .swiper-slide{animation: mode04 1.5s ease .6s both;-webkit-animation: mode04 1.5s ease .6s both;}
.index_04.animated .swiper-slide-active + .swiper-slide + .swiper-slide{animation: mode04 1.5s ease .8s both;-webkit-animation: mode04 1.5s ease .8s both;}
.index_04.animated .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{animation: mode04 1.5s ease 1s both;-webkit-animation: mode04 1.5s ease 1s both;}
.index_04.animated .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{animation: mode04 1.5s ease 1.2s both;-webkit-animation: mode04 1.5s ease 1.2s both;}
@-webkit-keyframes mode04{
	0% {left: -5vw;opacity: 0;}
	100%{left: 0;opacity: 1;}
}
@keyframes mode04{
	0% {left: -5vw;opacity: 0;}
	100%{left: 0;opacity: 1;}
} */

.index_041{margin: 0 0 0 180px;overflow: hidden;}
.index_041a{display: block;width: calc(25% - 10px);margin: 0 0 10px 10px;float: left;position: relative;}
.index_041a .img{padding-bottom: calc(87.5% + 10px);}
.index_041a .box{position: absolute;z-index: 2;text-align: center;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.index_041a .img_centered{position: relative;width: 105px;height: 105px;border: 1px dashed #8faacc;border-radius: 50%;margin: 0 0 10px;}
.index_041a .title{margin: 0 0 0;color: #fff;}

.index_041b{margin: 0 0 0 25%;}
.index_041b ul{margin: 0 0 0 0;}
.index_041b li{width: 33.3%;}
.index_041b .item{margin: 0 0 10px 10px;position: relative;}
.index_041b .img{padding-bottom: 43.75%;}
.index_041b .img_centered{position: absolute;top: 50%;transform: translateY(-50%);width: 70px;height: 70px;border-radius: 50%;left: 40px;}
.index_041b .img_centered::before{content: '';display: block;position: absolute;width: 100%;height: 100%;border: 1px dashed #8faacc;box-sizing: border-box;border-radius: 50%;}
.index_041b .title{margin: 0 0 0;position: absolute;top: 50%;transform: translateY(-50%);left: 130px;right: 20px;}
/* .index_041b .item:hover .img_centered::before{} */
.index_041b .item:hover .img_centered::before{-webkit-animation: spinAround 9s linear infinite;-moz-animation: spinAround 9s linear infinite;animation: spinAround 9s linear infinite;}
@-webkit-keyframes spinAround {
	from {-webkit-transform: rotate(0deg)}
	to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spinAround {
	from {-moz-transform: rotate(0deg)}
	to {-moz-transform: rotate(360deg);}
}
@keyframes spinAround {
	from {transform: rotate(0deg)}
	to {transform: rotate(360deg);}
}
.index_041b2{margin: 0;}
.index_041b2 li{width: 25%;}

.wrap_mode05{padding: 72px 0 60px;}
.mode05{}
.mode05 .lf{width: calc(50% - 40px);float: right;}
.mode05 .rt{width: calc(50% - 40px);float: left;}

.index_05a{}
.index_05a ul{margin: -7px 0 0 -20px;padding: 0 0 0;}
.index_05a li{width: 50%;}
.index_05a .item{margin: 0 0 0 20px;background: #fff;}
.index_05a .img{padding-bottom: 63%;position: relative;z-index: 2;display: none;}
.index_05a .bottom{padding: 10px 20px 10px;position: relative;}
.index_05a .bottom::before{content: '';display: block;position: absolute;top: -1px;left: 20px;right: 20px;background: #e5e5e5;height: 1px;}
.index_05a .title{margin: 0 0 11px;}
.index_05a .time{color: #999;margin: 0 0 0;}
.index_05a .info{margin: 0 0 11px;color: #999;display: none;}

.index_05a .slick-slide > div:first-child .bottom{padding: 10px 20px 20px;}
.index_05a .slick-slide  .img,.index_05a .slick-slide  .info{display: block;}


.index_05b{display: block;background: #fff;margin: -7px 0 0;}
.index_05b .img_box{width: 345px;float: left;}
.index_05b .info_box{margin: 0 0 0 345px;padding: 22px 30px 0 20px;}
.index_05b .img{padding-bottom: 63%;}
.index_05b .title{margin: 0 0 16px;}
.index_05b .info{margin: 0 0 26px;color: #999;}
.index_05b .time{color: #999;}

.index_05c{background: #fff;padding: 16px 26px;margin: 10px 0 0;}
.index_05c ul{margin: 0 0 0;padding: 0 0 0;}
.index_05c li{}
.index_05c .item{margin: 0 0 0;line-height: 50px;}
.index_05c .title{white-space: nowrap;position: relative;padding: 0 0 0 12px;}
.index_05c .title::before{content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-left: 6px solid #861322;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.index_05c .time{color: #999;margin: 0 0 0 16px;float: right;}

.wrap_mode06{padding: 46px 0 80px;background: url(../images/mode06_bg.png) right bottom no-repeat;}
.mode06{}

.index_06{}
.index_06 ul{margin: 0 0 0;padding: 0 0 0;}
.index_06 li{width: 180px;overflow: hidden;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;}
.index_06 li.on{width: calc(100% - 720px);}
.index_06 .c1{background: #861322;}
.index_06 .c2{background: #fff;}
.index_06 .c3{background: #515f6a;}
.index_06 .c4{background: #588bc4;}
.index_06 .c5{background: #2b5d7a;}
.index_06 .item{margin: 0 0 0;}
.index_06 .img_box{width: calc(100% - 180px);float: left;}
.index_06 .info_box{margin: 0 0 0 0;padding: 82px 0 0;width: 180px;float: left;text-align: center;}
.index_06 .img{padding-bottom: 460px;}
.index_06 .title{margin: 0 0 0;font-weight: bold;color: #fff;}
.index_06 .c2 .title{color: #99956b;}
.index_06 .img_centered{width: 118px;height: 118px;margin: 30px auto 52px;border-radius: 50%;border: 1px dashed rgba(255,255,255,.5);}
.index_06 .c2 .img_centered{border-color: rgba(153, 149, 107, .5);}
.index_06 .more{width: 91px;background: url(../images/mode06_more1.png) bottom center no-repeat;line-height: 30px;padding: 0 0 6px;margin: 0 auto;color: #fff;text-align: left;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_06 .c2 .more{background-image: url(../images/mode06_more2.png);color: #99956b;}
.index_06 .item:hover .more{text-indent: 10px;}

.wrap_mode07{padding: 93px 0 80px;background: url(../images/mode07_bg.png) center no-repeat;background-size: cover;}
.mode07{ position: relative;}
.index_07{padding: 0 0 0 0;margin: 0 163px 0 237px;}
.index_07 .index_07_dots{ display: flex; max-width: 18px; display: -ms-flexbox; flex-direction: column; position: absolute; left: auto; right: 93px; bottom: 0px;}
.index_07 .index_07_dots .swiper-pagination-bullet{ margin: 0; width: 18px; height: 19px; background: url(../images/view_dots.png) no-repeat center/cover;
	margin-bottom: 26px; box-shadow: none; transition: background 0.35s ease;}
.index_07 .index_07_dots .swiper-pagination-bullet-active{ background: url(../images/view_dots_active.png) no-repeat center/cover;}
.index_07 .index_07_dots .swiper-pagination-bullet:last-child{ margin-bottom: 0;}
.index_07 .dif_arrow{ position: absolute; right: 77px; top: 0px;}
.index_07 .dif_arrow div{ width: 50px; height: 50px;}
.index_07 .index_07_prev{ background: url(../images/view_next.png) no-repeat center/cover;}
.index_07 .index_07_next{ background: url(../images/view_prev.png) no-repeat center/cover; margin-top: 10px;}
.index_07 ul{margin: 0 0 0 0;}
.index_07 li{width: 100%;}
.index_07 li.swiper-slide-active{z-index:10}
.index_07 .item{/* margin: 0 0 20px 20px; */position: relative;}
.index_07 .img{position: relative;}
.index_07 .img::before{content: '';display: block;padding-bottom: calc(187% / 5.67);position: absolute;left: 0;right: 0;bottom: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.7));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));z-index: 2;}
.index_07 .bottom{padding: 22px 44px 33px;z-index: 2;}
.index_07 .bottom::before{content: '';width: 160px;height: 1px;position: absolute;left: 44px;top: 0;background: rgba(255, 255, 255, .4);}
.index_07 .title{margin: 0 0 0;color: #fff;font-weight: bold;}
.index_07 .video{content: '';width: 36px;height: 36px;position: absolute;left: 44px;top: -52px;background: url(../images/mode07_video.png) center no-repeat;-webkit-filter: drop-shadow( 0 0 16px rgba(0, 0, 0, 0.1) );filter: drop-shadow( 0 0 16px rgba(0, 0, 0, 0.1) );}

.wrap_mode09{overflow: hidden;}
.mode09_top .info{max-width: 1032px;margin: 34px auto 0;text-align: center;color: #fff;}

.wrap_mode10{padding: 70px 0 33px;background: #f0f2f7;}
/* .mode10{background: #b6b6b6;} */
.mode10 .lf{width: calc(50% - 300px);float: left;margin: 0 0 0 220px;padding: 76px 0 0;}
.index_101 li.off{display: none;}
.index_101 .title{margin: 0 0 32px;color: #fff;font-weight: bold;position: relative;}
.index_101 .info{margin: 0 0 0;color: #fff;position: relative;}
.index_101 .more{width: 170px;text-align: center;padding: 10px 0;background: #fff;color: #0e357d;margin: 97px 0 0;position: relative;}

.index_101 li.on .title,.index_101 li.on .info{animation: index_101title .8s ease;-webkit-animation: index_101title .8s ease;}
@-webkit-keyframes index_101title{
	0% {top: -50px;opacity: .5;}
	100%{top: 0;opacity: 1;}
}
@keyframes index_101title{
	0% {top: -50px;opacity: .5;}
	100%{top: 0;opacity: 1;}
}
.index_101 li.on .more{animation: index_101more .8s ease;-webkit-animation: index_101more .8s ease;}
@-webkit-keyframes index_101more{
	0% {top: 50px;opacity: .5;}
	100%{top: 0;opacity: 1;}
}
@keyframes index_101more{
	0% {top: 50px;opacity: .5;}
	100%{top: 0;opacity: 1;}
}

.mode10 .rt{width: calc(50% - 130px);float: right;margin: 0 130px 0 0;}
.index_102{background: rgba(255, 255, 255, .2);padding: 70px 0 110px;}
.index_102 ul{margin: 0 50px 0;}
.index_102 li{width: 50%;}
.index_102 .item{margin: 0 10px 20px;border: 1px solid rgba(255,255,255,.5);text-align: center;padding: 23px 0 25px;text-align: center;background: transparent;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: all linear .3s;}
.index_102 .img_centered{width: 50px;height: 50px;margin: 0 auto 16px;}
.index_102 .title{margin: 0 0 0;color: #fff;}
.index_102 .on .item{background: #861322;border-color: #861322;}
.item-topic{display: block;position: relative;height: 480px;background-size: cover;}
.topic_title{writing-mode: tb-rl;writing-mode: vertical-rl;padding: 40px 30px;font-size: 24px;line-height: 1.5;color: #fff;letter-spacing: 1.2px;}
.mode10  .dots{text-align: center;margin-top: 20px;}
.mode10 .dots .swiper-pagination-bullet{background: url(../images/dots2.png) no-repeat;width: 22px;height: 22px;border-radius: 0;box-shadow: none;margin: 0 12px;}
.mode10 .dots .swiper-pagination-bullet.swiper-pagination-bullet-active {background: url(../images/tubiao.png) no-repeat;background-position: 0 -22px;width: 22px;height: 22px;animation: rotate 10s linear infinite;}

.wrap_mode11{padding: 68px 0 227px;background: url(../images/mode11_bg.png) center bottom no-repeat #fff;}
.mode11{}
.index_11{}
.index_11 ul{margin: 45px 0 0 -60px;}
.index_11 li{width: 50%;}
.index_11 .item{margin: 0 0 0 60px;border-bottom: 1px solid #e5e5e5;line-height: 32px;padding: 12px 0 15px;}
.index_11 .title{white-space: nowrap;position: relative;padding: 0 0 0 0;}
.index_11 .time{color: #666;margin: 0 0 0 16px;float: right;}
.index_11 .tip{float: left;width: 120px;text-align: center;background: #6eaef7;color: #fff;border-radius: 4px;margin: 0 20px 0 0;}
.index_11 li:nth-child(3) .tip,.index_11 li:nth-child(4) .tip{background: #da7f6a;}
.index_11 li:nth-child(5) .tip,.index_11 li:nth-child(6) .tip{background: #92a2b4;}


.wrap_mode12 .wrap_footer{background: url(../images/footbg.jpg) no-repeat center bottom;background-size: cover;padding: 243px 0 0;}
.mode12{}
/* .mode12::before{content: '';display: block;background: url(../images/jz_bg.jpg) no-repeat  center;background-size: cover;width: 960px;height: 360px;position: absolute;left: -200px;top: -36px;z-index: -1;} */
.mode12 > h3{line-height: 40px;float: left;padding: 0 0 0 44px;margin: 0 0 35px;background: url(../images/index_title12.png) left center no-repeat;}

.index_121{float: right;margin: -23px 0 0;}
.index_121 ul{margin: 0 0 0 0;}
.index_121 li{width: auto;}
.index_121 .item{margin: 0 0 0 30px;position: relative;}
.index_121 .img_centered{width: 64px;height: 64px;border-radius: 50%;background: #fff;box-shadow: 0 12px 16px rgba(10, 74, 148, .08);}
.index_121 .hover_box{position: absolute;bottom: calc(100% + 10px);left: 50%;transform: translateX(-50%);background: #fff;border: 10px solid #fff;width: 100px;border-radius: 15px;box-shadow: 0 12px 16px rgba(10, 74, 148, .2);display: none;}
/* .index_121 .hover_box::before{content: '';display: block;border-bottom: 8px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);} */
.index_121 .hover_box img{display: block;}
.index_121 .item:hover .hover_box{animation: index_121hover_box .8s ease;-webkit-animation: index_121hover_box .8s ease;display: block;}
@-webkit-keyframes index_121hover_box{
	0% {bottom: 50%;opacity: 0;}
	100%{bottom: calc(100% + 10px);opacity: 1;}
}
@keyframes index_121hover_box{
	0% {bottom: 50%;opacity: 0;}
	100%{bottom: calc(100% + 10px);opacity: 1;}
}
.wrap_mode12 {margin-top: 50px;}
.index_12 li{float:left; width:360px; margin:5px; }
.tab {}
.tab .effect {
    
	position: relative;
	overflow: hidden;

	text-align: center;
	cursor: pointer;
}
.tab .effect .tab-text {
    margin: 0 auto;
	padding: 5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.tab-text h2 {
    margin: 0 auto;
    width: 90%;
    text-align: center;
	color: #fff;
	font-size: 17px;
}

.tab-text p {
	color: #fff;
	margin: 0;
	font-size: 16px;
}
.effect.effect-ten {
	
}

.effect.effect-ten img {
    width：360px;
    height: 260px;
	transition: all .35s;
	transform: translate3d(-20px,0,0) scale(1.1,1.1);
	-webkit-transition: all .35s;
	-webkit-transform: translate3d(-20px,0,0) scale(1.1,1.1)
}

.effect.effect-ten:hover img {
	opacity: .85;
	transform: translate3d(0,0,0) scale(1,1);
	-webkit-transform: translate3d(0,0,0) scale(1,1)
}

.effect.effect-ten h2 {
	transform: translate3d(0,5px,0);
	-webkit-transform: translate3d(0,5px,0);
	transition: all .35s;
	-webkit-transition: all .35s;
	font-family: Oswald;
	z-index: 2;
	position: relative;
	padding-top: 45%;
}

.effect.effect-ten:hover h2 {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0)
}

.effect.effect-ten p {
	font-size: 16px;
	line-height: 20px;
	padding-top: 5px;
	transform: translate3d(0,10px,0);
	transition: all .35s;
	-webkit-transform: translate3d(0,10px,0);
	-webkit-transition: all .35s;
	font-family: Poppins
}

.effect.effect-ten:hover p {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0)
}

.effect.effect-ten .tab-text {
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	perspective: 300px
}

.effect.effect-ten .tab-text:after {
	content: "";
	width: 180%;
	height: 180%;
	background: linear-gradient(-45deg,rgba(0,0,0,0) 49%,rgba(0,0,0,.45) 50%);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .4s linear;
	transition: all .4s linear
}

.effect.effect-ten .tab-text:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: linear-gradient(-45deg,rgba(0,0,0,0) 49%,rgba(132,132,132,.45) 50%,rgba(255,255,255,.65) 65%);
	transform: rotate3d(-1,1,0,20deg);
	transform-origin: 50% 50%;
	transition: width .2s linear .2s,height .2s linear .2s,bottom .2s linear 0s,right .2s linear 0s;
	-webkit-transform: rotate3d(-1,1,0,20deg);
	-webkit-transform-origin: 50% 50%;
	-webkit-transition: width .2s linear .2s,height .2s linear .2s,bottom .2s linear 0s,right .2s linear 0s
}

.effect.effect-ten:hover .tab-text:after {
	top: -80%;
	left: -80%;
	background: linear-gradient(-45deg,rgba(0,0,0,0) 49%,rgba(0,0,0,.45) 60%)
}

.effect.effect-ten:hover .tab-text:before {
	width: 100%;
	height: 100%;
	bottom: 50%;
	right: 50%;
	-webkit-transition: width .2s linear 0s,height .2s linear 0s,bottom .2s linear .2s,right .2s linear .2s;
	transition: width .2s linear 0s,height .2s linear 0s,bottom .2s linear .2s,right .2s linear .2s
}

.effect.effect-ten .icons-block {
	z-index: 1000;
	position: absolute;
	top: 10px;
	width: 100%;
	left: 0;
	text-align: left;
	padding-left: 15px;
	padding-top: 10px
}

.effect.effect-ten .icons-block .social-icon-1,.effect.effect-ten .icons-block .social-icon-2,.effect.effect-ten .icons-block .social-icon-3 {
	transition: all .5s ease-in-out;
	opacity: 0
}

.index_12{padding: 12px 0 0;}
.index_12 ul{margin: 0 auto;}
.index_12 .item{margin: 0 0 0;}

.index_12 .img_box{width: 50%;float: left;}
.index_12 .info_box{margin: 0 0 0 50%;padding: 50px 30px 10px;}
.index_12 li:first-child .img_box,.index_12 li:nth-child(2) .img_box{float: right;}
.index_12 li:first-child .info_box,.index_12 li:nth-child(2) .info_box{margin: 0 50% 0 0;}
.index_12 .img{padding-bottom: 63%;}
.index_12 .tip{color: #fff;padding: 0 0 18px;border-bottom: 1px solid rgba(255, 255, 255, .4);margin: 0 0 18px;}
.index_12 .tip img{vertical-align: middle;display: inline-block;margin: 0 20px 0 0; height: 20px;}
.index_12 .title{margin: 0 0 0;color: #fff;}

.artist_video{
	overflow:hidden;
	}
.artist_video li{

	float:left;
	width:370px;
	overflow:hidden;

	_margin:0 7px;
	margin:0 7px\9;
	}
.artist_video li:last-child{
	margin-right:0;
	}
.artist_video li .img{
	position:relative;
	display:block;
	width:100%;
	height:250px;
	overflow:hidden;
	}
.artist_video li .play{
	position:absolute;
	top:0;
	display:block;
	width:100%;
	height:250px;
	overflow:hidden;

	}
.artist_video li .play:hover{

	}
.artist_video li .title{
	width:94.6%;
	height:58px;
	padding:0 2.7%;
	background-color:#eee;
	}
.artist_video li .title .fl{
	width:80%;
	height:58px;
	line-height:58px;
	color:#311717;
	font-size:16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}
.artist_video li .title .fr{
	display:block;
	height:58px;
	line-height:58px;
	color:#999;
	font-size:14px;
	padding-left:22px;

	}
.artist_video li .artist_works_list_cont_concern{
	top:8px; 
	right:8px;
	}
.artist_video li:first-child{background: #807c59;}
.artist_video li:nth-child(2){background: #b25b47;}
.artist_video li:nth-child(3){background: #515f6a;}
.artist_video li:nth-child(4){background: #2b5d7a;}

.artist_news .news_img{
	width:370px;
	height:209px;
	overflow:hidden;
	}
.artist_news .news_cont{
	display:block;
	width:334px;
	height:209px;
	color:#311717;
	padding:0 18px 0;
	background:#fff;
	}
.artist_news .news_cont:hover{
	display:block;
	width:334px;
	height:209px;
	color:#fff;
	background:#b11818 ;
	}
.artist_news .news_cont:hover .year{
	border-bottom:2px solid #fff;
	}
.artist_news .cur a{
	display:block;
	width:334px;
	height:209px;
	color:#fff;
	background:#b11818;
	}
.artist_news .cur a .year{
	border-bottom:2px solid #fff;
	}

.artist_news .news_cont .time{
	display:block;
	width:370px;
	height:30px;
	line-height:30px;
	font-size:28px;
	font-weight:bold;
	}
.artist_news .news_cont .year{
	display:block;
	width:100px;
	height:25px;
	line-height:24px;
	font-size:12px;
	border-bottom:2px solid #b11818;
	}
.artist_news .news_cont .titles{
	display:block;
	width:334px;
	height:50px;
	line-height:58px;
	font-size:20px;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}
.artist_news .news_cont .introduce{
	display:block;
	width:334px;
	height:60px;
	line-height:20px;
	font-size:14px;
	text-align:justify;
	overflow:hidden;
	}
.shuti{margin:0 auto;width:100%;  height:800px; background-color:#717070;}
.main-page{margin:0 auto; }
.main-page .left{ padding-right: 25px; border-right: 1px #fff solid; margin-top:30px}
.main-page .left {float:left;}

.main-page .nav{position:relative;width:260px;text-align:center;font-size:26px;font-family:"微软雅黑";color:#fff;}
.main-page .nav div{height:70px;line-height:70px;  cursor: pointer;transition: all .5s;}

.main-page .nav div .iconfont{font-size: 20px; margin-right:20px;}
.main-page .nav div.on{background:#861322; font-weight:600;}

.main-page .right{float:right; width:1200px;height:530px;}
.main-page .contents{position:relative; margin-top:10px; height:510px; overflow:hidden;}


.con-ggh ul{ padding-top:20px; display:block} 
.con-ggh ul li{ padding-top:20px; margin-left:20px; float:right}

.list-pic{ width: 265px; height:auto; border: 1px solid #b9babe;}
.list-pic img{ width:265px; height:180px; display:block}

.con-ggh .item-name{ padding:10px 0; height: 20px; width: 265px; font-size: 16px; text-align: center; color: #fff; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.enter_artist{
	width:1500px;
	overflow:hidden;
	}
.enter_artist li{
	position:relative;
	float:left;
	width:295px;
	height:295px;
	overflow:hidden;
	margin-right:5px;
	*margin-right:5px;
	margin-right:5px\9;
	margin-bottom: 5px;
	}
.enter_artist li:last-child{
	margin-right:0;
	}
.enter_artist li a{
	display:block;
	width:295px;
	height:295px;
	overflow:hidden;
	}
.enter_artist li a img{
	width:295px;
	height:295px;
	}
.enter_artist li a .title{
	position:absolute;
	bottom:0;
	width:295px;
	height:48px;
	line-height:48px;
	text-align:center;
	color:#fff;
	font-size:20px;
	background-color:rgba(0,0,0,0.6);
	_background:url(../images/bg-transparent.png) repeat-y;
	background:url(../images/bg-transparent.png) repeat-y\9;
	overflow:hidden;
	}
.enter_artist li .introduce{
	position:absolute;
	top:295px;
	width:295px;
	height:295px;
	padding:0 20px;
	background-color:rgba(0,0,0,0.6);
	_background:url(../images/bg-transparent.png) repeat-y;
	background:url(../images/bg-transparent.png) repeat-y\9;
	overflow:hidden;
	transition:top 0.6s;
	-moz-transition:top 0.6s; /* Firefox 4 */
	-webkit-transition:top 0.6s; /* Safari and Chrome */
	-o-transition:top 0.6s; /* Opera */
	}
.enter_artist li .introduce h3{
	display:inline-block;
	max-width:240px;
	height:66px;
	line-height:66px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding-right:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	border-bottom:2px solid #fff;
	}
.enter_artist li .introduce p{
	width:260px;
	height:162px;
	line-height:20px;
	color:#fff;
	font-size:14px;
	text-align:justify;
	padding-top:16px;
	text-indent:2em;
	overflow:hidden;
	}
.enter_artist li:hover .introduce{
	top:0;
	}
.enter_artist .cur .introduce{
	top:0;
	}
.enter_artist .cur a .title{
	display:none;
	}

.media {height: 420px;position: absolute;top: -210px;width: 100%;left: 0px;background: url(../images/media_03.png) no-repeat center;}
.BUCEA-list10 {width: 1346px;margin: 0 auto;/* padding: 40px 0 50px 0; */padding: 98px 0 125px 0;}
.BUCEA-list10 .swiper-slide {-ms-animation: aniY 12s infinite;animation: aniY 12s infinite}
.BUCEA-list10 .swiper-slide:nth-child(2n) {-ms-animation: aniY2 12s infinite;animation: aniY2 12s infinite}
@-ms-keyframes aniY {0%, 100% {	transform: translateY(-50px)}
50% {	transform: translateY(50px)}
}
@-ms-keyframes aniY2 {0%, 100% {	transform: translateY(50px)}
50% {	transform: translateY(-50px)}
}
@-webkit-keyframes aniY {0%, 100% {	transform: translateY(-50px)}
50% {	transform: translateY(50px)}
}
@-webkit-keyframes aniY2 {0%, 100% {	transform: translateY(50px)}
50% {	transform: translateY(-50px)}
}
@keyframes aniY {0%, 100% {	transform: translateY(-50px)}
50% {	transform: translateY(50px)}
}
@keyframes aniY2 {0%, 100% {	transform: translateY(50px)}
50% {	transform: translateY(-50px)}
}
.special {width: 1500px;margin: 0 auto;background: url(../images/special_bg_s.png) center top no-repeat;padding: 0px 0 52px;position: relative;z-index: 999;}
.special .lf{ float: left; width: 50%; padding-left: 60px; padding-top: 80px; box-sizing: border-box;}
.special .rt{ float: right; width: 50%;}

.BUCEA-list10 .dots{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;overflow: hidden;z-index: 999;}
.BUCEA-list10 .dots .swiper-pagination-bullet{background: url(../images/tubiao.png) no-repeat;width: 22px;height: 22px;border-radius: 0;box-shadow: none;}
.BUCEA-list10 .dots .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position: 0 -22px;width: 22px;height: 22px;animation: rotate 10s linear infinite;}

.item-topic10{position: relative;display: block;}
.item-topic10 .num{position: absolute;color: #fff;text-align: center;font-size: 52px;font-family: 'impact';left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);white-space: nowrap;}
.item-topic10 .num span{font-size: 16px;color: rgba(255, 255, 255, .5);position: absolute;left: calc(100% + 10px);bottom: 10px;}
.item-topic10 .title{color: #fff;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);position: absolute;text-align: center;width: 7em;margin: 60px 0 0;}



.mode2 {position: relative;}
.top2 {padding: 246px 0 160px;}
.research{ margin-bottom: 60px;}
.mode2::before {content: '';display: block;width: 100%;height: 1690px;background: url(../images/2bg.png) no-repeat left top/* , url(../images/Bg2.png) no-repeat center bottom */;position: absolute;left: 0;top: 0;z-index: -1;}
.mode2::after {content: '';display: block;width: 100%;height: 1150px;background:  url(../images/bg2.png) no-repeat ;background-position: center;background-size: 100% auto;position: absolute;left: 0;bottom: -80px;z-index: -2;}
.mode3 {/* overflow: hidden; */position: relative;}
.location{ position: absolute; top: 80px;}
.mode3Bg {content: '';display: block;width: 100%;height: 1136px;background: #b6b6b6;position: absolute;left: 0px;top: -20px;transform: skew(0, -3deg);transform-origin: center top;transition: transform 0.3s ease-in;}
.mode3Bg.up{ animation: skewTopUp 2s ease-in-out;}
.mode3Bg.down{ animation: skewTopDown 2s ease-in-out;}
.mode3Bg.noSkew{ animation: horizontal 2s ease-in-out;}
@keyframes skewTopUp {0%{ }
50%{ transform: skew(0, -1.6deg);}
100%{ transform: skew(0, -3deg);}
}
@keyframes skewTopDown {0%{ }
50%{ transform: skew(0, -4.4deg);}
100%{ transform: skew(0, -3deg);}
}
@keyframes horizontal {from{ }
to{ transform: skew(0, 0);}
}
.mode3con {width: 1500px;margin: 0 auto;padding-top: 150px;padding-bottom: 43px;}
.mode3l {float: left;width: 430px;height: 622;position: relative;z-index: 10;}
.mode3r {position: relative;z-index: 10;width: 1211px;height: 622px;margin-left: 520px;}
.mode33 {overflow: hidden;}
.mode4 {height: 300px;position: relative;padding: 80px 0 77px;box-sizing: border-box;background: url(../images/5bg.png) no-repeat;}
.mode4con {text-align: center;}
.mode4con i {transition: all .3s ease-in-out;display: inline-block;width: 80px;height: 80px;cursor: pointer;}
.mode4con i:hover {transform: scale(1.12);}
.txt4 {margin-top: 30px;}
.mode5 {overflow: hidden;}
.mode5con{margin: 0 auto;padding: 59px 0 40px;}
.mode5con .tit{height: 73px;overflow: hidden;margin-bottom: 30px;}
.mode5bot{display: flex;justify-content: center;align-self: center;margin: 36px 0 0;}
.mode5Ul{position: relative;max-width: 100%;width: 100%;display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));grid-template-rows: minmax(212px, auto);grid-auto-flow: dense;grid-gap: 3px 10px;list-style: none;margin: -5px 0 0;}
.mode5Ul li {     display: gird;    place-items: center;    text-align: center;    color: #fff;    transition: all .3s ease-in-out;position: relative;}
.mode5Ul li a{display: block;position: relative;width: 100%;}
.mode5Ul li:nth-child(1) {    grid-column: span 1;    grid-row: span 2;}
.mode5Ul li:nth-child(2) {    grid-column: span 2;    grid-row: span 2;}
.mode5Ul li:nth-child(3) {    grid-column: span 1;    grid-row: span 1;}
.mode5Ul li:nth-child(4) {    grid-column: span 1;    grid-row: span 2;}
.mode5Ul li:nth-child(5) {    grid-column: span 1;    grid-row: span 1;}
.mode5Ul li:nth-child(6) {    grid-column: span 1;    grid-row: span 1;}
.mode5Ul li:nth-child(7) {    grid-column: span 1;    grid-row: span 1;}
.mode5Ul .img{ background-size: cover !important;background-position: center !important;background-repeat: no-repeat !important;}
.mode5Ul li.li1 .img{padding-bottom: 115%;}
.mode5Ul li.li2 .img{padding-bottom: 56.5%;}
.mode5Ul li.li4 .img{padding-bottom: 115%;}
.mode5Pic{position: relative;}
.mode5text{display: block;width: 100%;padding: 30px;position: absolute;left: 0;box-sizing: border-box;bottom: 0;text-align: center;transition: all .3s ease-in-out;}
.mode5text p{position: relative;font-size: 18px;font-weight: bold;color: #fff;z-index: 10;display: none;transition: all .3s ease-in-out;}
.mode5text::before{content: '';display: block;width: calc(100% - 0px);height: 124px;position: absolute;left: 0;bottom: 0;background: #000;background: -webkit-linear-gradient(top, rgba(0,0,0, 1), rgba(0,0,0,0));    /* Safari 5.1 - 6.0 */background: -o-linear-gradient(top, rgba(0,0,0, 1), rgba(0,0,0,0));    /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(top, rgba(0,0,0, 1), rgba(0,0,0, 0));    /* Firefox 3.6 - 15 */background: linear-gradient(to top, rgba(0,0,0, 1), rgba(0,0,0,0));opacity: 0;transition: all .2s ease;}
li:hover .mode5text::before{opacity: 1;}
.mode5Ul li:hover .mode5text{display: block;width: 100%;}
.mode5Ul li:hover .mode5text::before{width:calc(100% - 0px)}
.mode5Ul li:hover p{display: block;}
/* .index_03 .btn:hover:before,.index_03 .btn:hover:after {content: "";display: block;position: absolute;left: 50%;top: 50%;background: #fff;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;opacity: 0;animation: scaleAnim3 1.6s infinite linear;-webkit-animation: scaleAnim3 1.6s infinite linear;}
.index_03 .btn:hover:before {animation-delay: -.8s;-webkit-animation-delay: -.8s; }
@keyframes scaleAnim3 {0% {transform: scale(0);opacity: 1; }
50% {transform: scale(0.3);opacity: 1; }
100% {transform: scale(1);opacity: 0; }
}
@-webkit-keyframes scaleAnim3 {0% {transform: scale(0);opacity: 1; }
50% {transform: scale(0.3);opacity: 1; }
100% {transform: scale(1);opacity: 0; }
 }
 *//* .list{ width: 1320px; margin: 900px auto auto; padding-left:45px; overflow: hidden;}
 */
.list li {width: 310px;margin-right: 18px;float: left;overflow: hidden;}
.list li a {display: block;}
.list li:nth-child(2n) {margin-top: 60px;}

.effect3{opacity: 0;transform: translateY(55px);transition: transform 0.6s, opacity 0.6s ease-in-out }
.effect3.effect4{transform: translateY(85px);transition: transform 1s, opacity 0.6s ease-in-out }
.effect3.effect5{transform: translateY(115px);transition: transform 1.5s, opacity 0.6s ease-in-out }
.effect3.effect6{transform: translateY(145px);transition: transform 2.2s, opacity 0.6s ease-in-out }
.effect3.isView{transform: none;opacity: 1 !important;}

.mode6{position: relative;padding: 43px 0 50px;box-sizing: border-box;/* background: url(../images/7before.png) no-repeat bottom left; */}
.mode6con{width:1500px ;margin: 0 auto;}

.mode7{/* overflow: hidden; */position: relative;padding-top: 86px;}
.mode7::before{content: '';display: block;width: 100%;height:740px ;position: absolute;left: 0;top: 0;background: #b6b6b6;}
.mode7::after{content: '';display: block;width: 50%;height:1149px ;position: absolute;left: 0;top: 0;background: #d9e3f1;}
.mode7title{padding: 43px 0;box-sizing: border-box;float: left;}
.mode7con{position: relative;width: 1500px;margin: 0 auto;/* overflow: hidden; */z-index: 20;}
.mode7titUl{float: right;padding: 25px 0;margin-right: 3.1%;}
.mode7Ul2{margin: 0 -15px;overflow: hidden;list-style: none;}
.mode7Ul2 li{float: left;}
.mode7Ul2 li a{display: block;margin: 0 15px;width: 64px;height: 64px;/* line-height: 64px; */border-radius: 50%;padding: 17px 0;box-sizing: border-box;text-align: center;background: #d9e3f1;position: relative;}
.mode7Ul2 li a i{display:inline-block;}
.tit{overflow: hidden;  }
.mode7Ul2 li:hover a{background: #0a4a94;box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),  inset -7px -7px 10px 0px rgba(0,0,0,.1), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); text-shadow:  0px 0px 6px rgba(255,255,255,.3), -4px -4px 6px rgba(116, 125, 136, .2);transition: all 0.3s ease;  }
.mode7l{width: 50%;float: left;padding: 70px 50px;padding-bottom: 0;box-sizing: border-box;background: #fff;}
.mode7l li{width: 630px;list-style: none;height: 60px;transition: all 0.3s ease;}
.mode7l li:hover{transform: translateX(5px);}
.mode7r{width: 50%;height: 378px;float: right;}
.more{width: 125px;margin: 40px 0 70px;}
.mode7top{overflow: hidden;}
.mode7Bot{list-style: none;font-size: 0;}
.mode7Bot li{width: 50%;display: inline-block;/* float: left; */height: 239px;}


/* 2022-12-26 start */
.gp_m_month, .index_01 .dots{ display: none;}
/* 2022-12-26 end */


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


}
@media screen  and (max-width:1500px){
	.Banner .arrow{width: 50px;height: 50px;background-size: 50% auto;animation:none;}
	.Banner .prev{left: 20px;}
	.Banner .next{right: 20px;}
	.Banner a .title{left: 20px;bottom: 100px;}
	.Banner .banner_dots{ right: 90px;bottom: 116px;}
	.Banner a.more{right: 10px;bottom: 122px;}

	.index_12 .info_box{padding: 20px 20px 10px;}
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px;}
	.index_07 .index_07_dots .swiper-pagination-bullet{ margin: 0 0 8px;}
} 

@media screen  and (max-width:1480px){
	.index_032{margin-top: 20px;}
	.mode05 .lf,.mode05 .rt{width: calc(50% - 20px);}

	.index_07{ margin: 0 140px 0 180px;}
	
}

@media screen  and (max-width:1300px){
	.mode01 .lf,.mode01 .rt{padding: 0;}
	.index_01a .item,.index_01c .item{padding: 15px 0;}

	.wrap_mode03{ padding: 30px 0 60px;}
	.wrap_mode04{ padding: 70px 0;}
	.index_041{margin: 0 0 0 120px;}

	.index_05c .item{line-height: 44px;}

	.wrap_mode06{ padding: 30px 0 60px;}
	.wrap_mode07,.mode5con,.wrap_mode10{ padding: 60px 0;}
	.mode09_top{ padding-top: 60px !important;}
	.wrap_mode11{ padding: 60px 0 185px;}
	
	.mode10 .lf{margin: 0 0 0 150px; width: calc(50% - 200px);}
	.mode10 .rt{ width:calc(50% - 80px); margin: 0 80px 0 0;}
	.index_04{margin: 0 280px 0 160px;}
	.BUCEA-list10{ width: 100%; padding: 80px 0 100px;}
	.wrap_mode09{ height: 700px !important;}

	.index_041a .img_centered{width: 80px;height: 80px;}
	.index_041b .img_centered{width: 40px;height: 40px;left: 10px;}
	.index_041b .img_centered img{max-width: 40%;}
	.index_041b .title{left: 60px;}


}



@media screen  and (max-width:1200px){
	.banner_ser .wrap{padding: 10px 20px 0;}

	.index_title{ margin-bottom: 20px;}
	.index_title1{margin-bottom: 6px;}

	.index_01a .item,.index_01c .item{padding: 10px 0;}

	.index_01b .tip{padding: 0 64px;}
	.index_01b .tip::before, .index_01b .tip::after{display: none;}
	
	.wrap_mode02{padding: 40px 0;}

	/* .index_03{ padding: 0 0 0 30px;} */
	.mode03 .lf{ width: calc(100% - 640px);padding-left: 20px;padding-bottom: 10px;padding-top: 10px;}
	.mode03 .rt{width: 600px;}
	.index_034 .item{height: 64px;}
	/* .index_034 li.on .item{height: 80px;} */
	.index_034 li.on .item::before{left: 36px;}

	.index_031{padding: 0;}
	.index_031 .title{margin-bottom: 20px;}

	.wrap_mode05{padding: 40px 0;}
	.index_05b .img_box{width: 260px;}
	.index_05b .info_box{margin-left: 260px;padding-top: 15px;}
	.index_05b .title{margin: 0 0 6px;}
	.index_05b .info{margin: 0 0 6px;}

    .index_04 .img_box{ width: 330px;}
	.index_04 .info_box{ margin: 0 330px 0 0;padding: 20px;}
    .index_04 .item::before{ right: 330px;}
    

    .index_07{ margin: 0 100px 0 120px;}
	.mode10 .index_title2{ left: 30px;}
	.mode10 .lf{ margin: 0 0 0 80px; width: calc(50% - 145px);}
	.mode10 .rt {width: calc(50% - 30px);margin: 0 50px 0 0;}
	.mode12::before{ width: 100%; height: 100%; left: 0;}
	.index_102 ul{ margin: 0 30px 0;}
	.index_121{ margin: 0;}
	.mode07 .index_title2{ height: 100%;}
	
	.index_07 .dif_arrow{ right: 60px;}
	.index_07 .index_07_dots{ right: 85px;}

	.wrap_mode12 .wrap_footer{padding-top: 200px;}


}   

@media screen  and (max-width:1100px){
	.wrap_banner{height: auto;}
	.Banner{ position: relative;height: auto;}
	/* .Banner a::before{ display: none;} */
	.Banner .swiper-wrapper, .Banner .swiper-slide-active .slick-img, .Banner .slick-img{ height: 0; padding-bottom:51.3%;} 
	
	.Banner a::after{ height: 100px;}


}
@media screen  and (max-width:1024px){
	.index_06 li,.index_06 li.on{ width: 20%;}
	.index_06 .img_box{ display: none;}
	.index_06 .info_box{ width: 100%; padding: 50px 0;}
}


@media screen  and (max-width:992px){
	.Banner a .title{ bottom: 60px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 20px;right: 20px;}
	/* .Banner .banner_dots{display: none;} */
	.Banner .banner_dots{right: 20px;bottom: 90px;left: 20px;text-align: center;}
	.Banner .banner_dots .swiper-pagination-bullet{width: 16px;height: 16px;background-size: 100% auto;vertical-align: middle;}
	/* .banner_ser{position: relative;} */

	.banner_ser .search{height: 40px;}
	.banner_ser .search input.notxt1{width: 40px;background-size: 50% auto;border-radius: 0 10px 0 0;}
	.banner_ser .row{max-width: initial;width: auto;}
	.banner_ser .wrap{padding: 5px 20px 0;border-radius: 20px 20px 0 0;}
	.banner_ser .search input.notxt{font-size: 18px;}

	.wrap_mode01{padding: 40px 0;}
	.mode01{flex-wrap: wrap;}
	.mode01 .mid{order: 1;width: 100%;margin: 0 0 20px;}
	.mode01 .lf{order: 2;width: 100%;margin: 0 0 20px;}
	.mode01 .rt{order: 3;width: 100%;}

	

	.index_title1{margin-bottom: 0;}
	.index_01a .item,.index_01c .item{padding: 6px 0;}
	.index_01a .time, .index_01a .tip{margin: 0;}
	.index_01a .title,.index_01c .title{height: auto;-webkit-line-clamp: initial;}

	.index_01b .item{padding-top: 50px;position: relative;}
	.index_01b .bottom{padding: 14px 20px 50px;}
	.index_01b .tip{padding: 0 30px;margin: 0 0 10px;position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: 100%;}
	.index_01b .tip::before, .index_01b .tip::after{width: 24px;}
	.index_01b .title{margin: 0 0 10px;}
    .index_01b .dots{bottom:20px}

	.mode03 .rt{display: none;}
	.mode03 .lf{width: auto;float: none;}
	.index_034 .item::before{display: none;}
	.index_034 .item,.index_034 li.on .item{height: auto;margin: 0 0 10px;}
	.index_034 .img{display: block;}
	.index_034 .title,.index_034 li.on .title{position: relative;left: 0;right: 0;top: 0;bottom: 0;transform: none;left: 0;font-size: 16px;line-height: 2em;height: auto;padding: 5px 0 10px;-webkit-line-clamp: initial;max-height: initial;}


    .mode04 .index_title2,.mode07 .index_title2{left: 60px;}
	.index_04{ margin: 0 140px 0 110px;}
	.index_07{ margin: 0 70px 0 100px;}
	.mode5bot{ margin: 0;}
	.index_03::before{ right: 300px;}
	.topic_title{font-size: 20px;}

	.mode05 .lf, .mode05 .rt{width: auto;float: none;}
	.mode05 .lf{margin: 0 0 20px;}
	.index_05c{padding: 12px 20px;}
	.index_05c .item{line-height: 36px;}

	.index_05a .bottom{padding: 16px 20px;}
	.index_05a .img ~ .bottom{padding: 14px 20px;}

	.index_07 .index_07_dots{ right: 50px;}
	.index_07 .dif_arrow{ right: 30px;}

	.index_041{margin: 0 0 0 80px;}
	.index_041a{width: calc(50% - 10px);}
	.index_041a .img{padding-bottom: calc(63.5% + 20px);}
	.index_041b{margin: 0 0 0 50%;}
	.index_041b li{width: 50%;}
	.index_041b .title{font-size: 16px;right: 10px;}
	.index_041b2{margin: 0;}
	.index_041b2 li{width: 25%;}

	.wrap_mode12 .wrap_footer{padding-top: 120px;}
}

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

    
}
@media screen  and (max-width:766px){
	.Banner .arrow{ width: 30px; height: 30px;}
	.Banner a::before{ height: 60px;}
	.Banner a::after{ height: 60px;}
	.Banner a .title{ font-size: 15px; height: 22px; line-height: 22px;bottom: 40px;}
	
	.banner_ser .search{height: 26px;}
	.banner_ser .search::before{display: none;}
	/* .banner_ser .search input.notxt1{width: 60px;} */
	.banner_ser .search input.notxt{width: 100%;font-size: 14px;}

	.mode02 .index_title .channel_title{font-size: 18px;}


	.wrap_mode03,.wrap_mode06{/* padding: 7px 0 30px; */}
	.wrap_mode05{padding-bottom: 0;}
	.wrap_mode04,.wrap_mode07, .mode5con, .wrap_mode10{ padding: 30px 0;}
	
	.wrap_mode11{ padding: 30px 0 150px;}
	.mode09_top{padding: 30px !important;}

	.index_title{ line-height: 30px;}
	.mode02 .index_title .channel_link,.mode02 .arrows{ padding: 0;}
	.mode03 .rt{ display: none;}
	.index_03::before{ right: 0;}
	.mode03 .lf{width: auto;}
	
	.mode02 .arrow{ width: 28px; height: 28px;}
	.index_02 li{width: 320px;}
	.index_02 .img_box{width: 160px;}
	.index_02 .info_box{margin-left: 170px;}
	.index_02 .info{margin: 10px 0 0;padding: 12px 0 0;}

	.index_04 .img_box{ width: 200px;}
	.index_04 .info_box{ margin: 0 200px 0 0;}
	.index_04 .item::before{ right: 200px;}
	.index_04 .info{ display: none;}
	.index_title2 .en_channel_title{display: none;}
	.mode04 .index_title2, .mode07 .index_title2{ left: 10px;}
	.index_04{margin: 0 70px 0 50px;}

	.index_05a li{width: 100%;}

	.index_05b .img_box{width: auto;float: none;}
	.index_05b .info_box{margin: 0;padding: 10px 20px;}

	.index_07{ margin: 0 0 0 30px;}
	.mode10 .lf{ width: auto; float: none;}
	.mode10 .rt{ width: 100%; float: none;}
	.index_11 ul{ margin-top: 0;}
	.index_12 li{ width: 100%;}
	.index_102{ background: none; padding:30px 0 0;}
	.index_102 ul{ margin: 0 0 0 55px;}
	.index_102 .on .item{ background: #3671b9;}
	.mode10 .index_title2{ top: 30px;height:92%;}
	.mode10 .lf{ padding-top: 0; margin-left: 55px;}
	.index_101 .title{ margin: 0 0 10px;}
	.index_101 .more{ margin-top: 10px;}
	.index_102 .img_centered{ width: 25px; height: 25px;margin: 0 auto 9px;}
	.index_102 .item{ padding: 13px 0;}
	.index_11 li{ width: 100%;}
	/* .index_03{ padding: 0 15px 15px;} */
	.mode03 .lf{padding-top: 24px;padding: 10px;}
	.index_031 .title{ margin: 0 0 10px;}
	.mode03 .index_031{ padding: 0;}
	.index_041{margin: 0 0 0 -10px;}


	.lh24x2{height: auto; max-height: 48px;}
	.lh26x2{ height: auto;max-height: 52px;}

	.index_06 .info_box{padding: 30px 0;}
	.index_06 .img_centered{ width: 50px; height: 50px;margin: 10px auto;}
	.index_06 .img_centered img{ width:25px;}
	.item-topic10 img{ display: block; margin: 0 auto;}
	.item-topic10 .num{ font-size: 30px;}
	.item-topic10 .title{ margin: 30px 0 0;}
	.wrap_mode09{ height: auto !important;}
	.BUCEA-list10{ padding: 50px 0 80px;}
	.BUCEA-list10 .dots{ bottom: 20px;}
	
	.index_121 .img_centered{ width: 40px; height: 40px;}
	.index_121 .img_centered img{ width: 20px;}
	.Banner .banner_dots{ display: none;}
	.wrap_mode07{ padding: 30px 0 40px;}
	.index_07 .bottom{ padding: 15px;}
	.index_07 .bottom::before{ left: 15px;}
	.index_07 .video{left: 15px;top: -43px;}
	.index_07 .dif_arrow{ display: none;}
	.index_07 .index_07_dots{ flex-direction: row; bottom: -24px; right: 50%; transform: translateX(50%); max-width: unset;}
	.index_07 .index_07_dots .swiper-pagination-bullet{ margin: 0; margin-right: 10px; width: 15px; height: 15px;}
	.item-topic{height: 253px;}

}

/* 2022-12-26 start */
@media screen  and (max-width:750px){
	.index_title2{ width: 100%; position:static;overflow: hidden;}
	.index_title2 .channel_title{ width: auto; text-align:left;float: left;}
	.index_title2 .channel_link{ position: static; float: right; width: auto;background: url(../images/mode01_more.png) center right no-repeat;
	padding: 0 25px 0 0;transform:none}
	
	.gp_m_month{ display: block; color: #861322;}
	.index_031 .title{ font-size: 16px; line-height: 1.5; height: 48px; margin: 0 0 16px;}
	.aside{display: none !important;}
}

/* 2022-12-26 end */

@media screen  and (max-width:640px){
	.index_title .channel_title{padding-left: 30px !important;background-size: 22px auto;}

	.index_04{ margin: 0 0 0 50px;}
    .index_04 .img_box{ width: 44%; }
	.index_04 .info_box{ margin: 0; width:56%; padding:20px; box-sizing: border-box;}
	.index_04 .item::before{ right: 0;}
	.index_04 .title{ margin-bottom: 10px;}
	.index_04 .info2{ line-height: 24px;}
	.index_06 li, .index_06 li.on{ width: 50%;}
	.index_06 li:last-child{ width: 100%;}
	.index_07 li{ width: 100%;}
	.index_07 li:nth-child(2),.index_07 li:nth-child(3),.index_07 li:nth-child(4){ display: none;}
	.mode5Ul li:nth-child(1){ display: block;width:100%;}
	.mode5Ul li{ display: none;}
	.index_121{ display: block; float: none; margin: 0 0 20px;text-align: center;}
	.mode12 > h3{ display: block; float: none;margin: 0 0 14px;padding: 0 0 0 30px;background-size: 20px auto;}
	.index_121 .item{ margin:0 0 10px 10px;}
	.index_12 li:first-child .img_box, .index_12 li:nth-child(2) .img_box,.index_12 .img_box{ float: none;width: 100%;}
	.index_12 li:first-child .info_box, .index_12 li:nth-child(2) .info_box,.index_12 .info_box{ margin: 0;}
	.index_title2{ width: 100%; position:static;overflow: hidden;}
	.index_title2 .channel_title{ width: auto; text-align:left;float: left;}
	.index_title2 .channel_link{position: static;float: right;width: auto;background: url(../images/mode02_more.png) center right no-repeat;padding: 0 25px 0 0;transform:none}

	.mode04 .index_04,.mode07 .index_04,.mode10 .index_04{margin: 0;}
	.index_title2::before{ display: none;}
	.index_07,.index_07 .item,.index_102 ul,.mode10 .lf{ margin: 0;}

	.mode10{ padding-top: 30px;}
	.BUCEA-list10 .dots .swiper-pagination-bullet,.mode10 .dots .swiper-pagination-bullet{width: 12px; height: 12px; background-size: cover;}
	.BUCEA-list10 .dots .swiper-pagination-bullet.swiper-pagination-bullet-active,.mode10 .dots .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 12px; height: 12px; background-size: 12px auto;background-position: 0 -12px;}
	.index_102{ padding: 0;}
	.topic_title{padding: 15px;font-size: 18px;}
	.index_06 .more{display: none;}

	.index_041a{float: none;width: calc(100% - 10px);}
	.index_041a .img{padding-bottom: 120px;}
	.index_041a .img_centered{display: inline-block;vertical-align: middle;margin: 0;width: 60px;height: 60px;}
	.index_041a .img_centered img{max-width: 50%;}
	.index_041a .title{margin: 0 0 0 30px;display: inline-block;vertical-align: middle;}
	.index_041b{margin: 0;}
	.index_041b li,.index_041b2 li{width: 50%;}
	.index_041b .img{padding-bottom: 80px;}



}

@media screen  and (max-width:480px){
}
@media screen  and (max-width:413px){
	.index_07 .index_07_dots .swiper-pagination-bullet{ width: 13px; height: 13px;}
	.index_121 .img_centered {width: 32px;height: 32px;}

}

.List  {
		display: flex;
		margin: 0 auto;
		max-width: 1200px;
}
.List li {
		width: 33.33%;
		padding: 0 5px;
}
.List li img {
		transition: transform 0.3s cubic-bezier(.4,0,.2,1);
}
.List li img:hover{
		transform: scale(1.02);
		z-index: 1;
}
.ZtList  {
		margin-top: 40px;
}
@media screen  and (max-width:992px){
	.List {
		display: block;
	}
	.List li {
		width: 100%;
		margin: 10px 0;
		font-size: 18px;
	}
}