*{margin:0;padding:0;list-style:none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;}
body,html{font-family:  "Microsoft Yahei", arial, \5b8b\4f53,
Helvetica, STHeiTi, sans-serif; width: 100%; height: auto; background: #fff; font-size: 14px; color: #2f2f2f; }

body {
	min-width: 1320px;
}

a{text-decoration:none; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; color: #222222; }
a:hover{text-decoration:none;}
em,i,strong{font-style:normal;}
img{ border: 0; vertical-align: middle; display: inline-block; max-width: 100%; width: 100%; }
input,textarea,select{ font-family:"Microsoft Yahei", arial, \5b8b\4f53,
Helvetica, STHeiTi, sans-serif;  outline: none; font-size: 14px;}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type='file'],
button, select{ -webkit-appearance: none; outline: none; }

div,a{ box-sizing: border-box; }
.content{ width: 1280px; margin: 0 auto; }
.y-flex-row{ display: flex; flex-direction: row; align-items: center; }
.y-flex-col{ display: flex; flex-direction: column; }
.y-line-1{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.y-line-2{ overflow: hidden; word-break: break-all; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.more-arrow-icon{ width: 19px; height: 16px; background: url(/static/chuangkehui/images/arrow-icon.png) no-repeat; background-size: cover; }
.anim{
	-webkit-transform: translateYNaNpx) translateX(0);
	-moz-transform: translateYNaNpx) translateX(0);
	transform: translateYNaNpx) translateX(0);
	opacity: 0;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	/* overflow: hidden; */
}

.anim-show{
	-webkit-transform: translateYNaNpx) translateX(0);
	-moz-transform: translateYNaNpx) translateX(0);
	transform: translateYNaNpx) translateX(0);
	opacity: 1;
}

.main{ overflow: hidden; }

.header{ background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 22; box-shadow: 0 2px 10px rgba(0,0,0,.2); }
.header .content{ justify-content: space-between; height: 94px; }
.header .logo img{ width: 119px; }
.header .right-c,.header .right-c .nav,.header .right-c .nav ul,.header .right-c .nav li{ height: 100%; }
.header .right-c .nav{ padding-right: 40px; }
.header .right-c .nav li>a{  font-weight: bold; font-size: 16px; }
.header .right-c .nav li{ position: relative; line-height: 98px; box-sizing: border-box;  margin: 0 15px; }
.header .right-c .nav li:hover>a,.header .right-c .nav li.active>a{ color: #2468F1; }
.header .right-c .nav li::after,.header .right-c .nav li.active::after{ content: ''; width: 0; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-bottom: 3px solid #2468F1; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.header .right-c .nav li:hover::after,.header .right-c .nav li.active::after{ width: 100%; }

.header .right-c .nav li .drop-down{ padding: 0 10px; min-width: 100%; position: absolute; top: 94px; left: 50%; transform: translateX(-50%); z-index: 20; line-height: 40px; background: #fff; display: none; box-shadow: 2px 2px 5px rgba(0,0,0,.3); }
.header .right-c .nav li .drop-down a{ font-size: 14px; font-weight: normal; white-space: nowrap; text-align: center; border-bottom: 1px solid #eee; height: 50px; display: block; }
.header .right-c .nav li .drop-down a:last-child{ border-bottom: 0; }
.header .right-c .nav li .drop-down a:hover{ color: #2468F1; }


.header .right-c .back-home{ color: #2468F1; width: 136px; height: 40px; line-height: 36px; border: 2px solid #2468F1; border-radius: 20px; text-align: center; }
.header .right-c .back-home:hover{ background: #2468F1;  color: #fff; }
.header .right-c .search{ position: relative; }
.header .right-c .search .search-btn{ width: 35px; height: 35px; margin-left: 40px; cursor: pointer; }

.header .right-c .search .search-box{ width: 0; height: 50px; background: #eee; border-radius: 10px; position: absolute; top: 50%; transform: translateY(-50%); right: 0;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; overflow: hidden; }
.header .right-c .search .search-box input{ width: 100%; height: 100%; background: transparent; border: 0; padding: 0 50px 0 10px; box-sizing: border-box; }
.header .right-c .search .search-box .seach-box-btn{ position: absolute; top: 50%; right: 0px; transform: translateY(-50%); cursor: pointer; width: 35px; }
.header .right-c .search .search-box.show{ width: 250px; }

.header .right-c .menu{ margin-left: 25px; cursor: pointer; background: url(/static/chuangkehui/images/menu-icon.png) no-repeat; background-size: cover; width: 35px; height: 35px; }
.header .right-c .menu.show{ background-image: url(/static/chuangkehui/images/menu-icon-show.png); }

.menuBox.show{ right: 0; }
.menuBox{ position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: rgba(255,255,255,0.95);  z-index: 20; padding-top: 94px; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.menuBox .content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.menu_top {width:100%;float:left;}
.menu_top a {display:inline-block;margin-right:44px;padding-left:67px;line-height:22px;font-size:16px;color:#282828;position:relative;transition:all 0.3s;-webkit-transition:all 0.3s;}
.menu_top a:before {display:block;width:52px;height:1px;content:'';display:block;position:absolute;left:0;top:48%;background-color:#282828;transition:all 0.3s;-webkit-transition:all 0.3s;}
.menu_top a:hover {padding-left:60px;margin-right:51px;}
.menu_top a:hover:before {width:45px;}
.menuBox .content>ul {width:100%;float:left;margin-top:8%;}
.menuBox .content>ul li.hide {display:none;}
.menuBox .content>ul li {float:left;margin-right:6%;}
.menuBox .content>ul li>p {display:block;font-size:24px;line-height:25px;margin-bottom:40px;padding-left:0;}
.menuBox .content>ul li>p a {color:#282828;}
.menuBox .content>ul li>p span {font-size:18px;font-family:'Century Gothic';}
.menu_list {display:block;overflow:hidden}
.menu_li_c>div a {font-size:14px;color:#666;margin-left:44px;display:block;line-height:28px;}
.menu_li_c>p a em {display:inline-block;width:0px;height:1px;background-color:#666666;margin-right:3px;transition:all 0.3s;-webkit-transition:all 0.3s;}
.menu_li_c>p a {display:block;font-size:16px;line-height:29px;color:#666666;padding-left:28px;}
.menu_li_h>div {display:none;}
.menu_li_c>p a:hover em {width:12px;}
.menuBox .content>ul li>p a:hover,.menu_li_c>p a:hover,.menu_top a:hover,.menu_li_c>div a:hover {color:#e60012;}


.banner{ position: relative; padding-top: 94px;overflow: hidden;}


.introduce{display: flex; justify-content: center;align-items: center; position: relative; top: -71px; margin:0 auto; z-index: 2; width: 1280px; height: 300px; background: #FFFFFF; box-shadow: 0px 0px 27px 0px rgba(15, 26, 67, 0.1); border-radius: 4px; }
.introduce .info{width: 1119px; height: 127px; font-size: 16px; font-weight: 400; color: #666666; line-height: 30px;overflow: hidden; }


.arrange .container{ position: relative; padding: 0 0 0 113px; }
.arrange .swiper-container{height: 307px; position: relative; overflow: hidden; padding-right: 40px; }
.arrange .container::after{ content: ''; position: absolute; top: 180px; left: 50%; width: 100%; height: 10px; background: url(/static/chuangkehui/images/时间轴条.png) no-repeat; background-size: contain; transform: translate(-50%,-50%); }
.arrange .item{ width: 240px; padding: 0 30px 0 20px; }
.arrange .item .des-box{ width: 230px; position: relative;  z-index: 1; height: 140px;}
.arrange .item .des-box::before{ content: ''; position: absolute; bottom: -48px; left: 40%; width: 18px; height: 18px; background: url(/static/chuangkehui/images/节点.png) no-repeat; background-size: cover; transform: translateX(-50%); }
.arrange .item .des-box h2{padding:20px 0 0 18px; font-size: 16px; color: #666666; font-weight: normal; height: 100px; width: 170px; line-height: 30px; }
.arrange .item .des-box::after{ content: ''; position: absolute; top: 50%; left: 50%; margin-left: -140px; margin-top: -80px; width: 240px;height: 100%; background: url(/static/chuangkehui/images/气泡.png) no-repeat; z-index: -1; background-size: cover; }
.arrange .item .des-box:hover h2{ color: #2468F1; }

.arrange .item .date{position: relative;top: 70px; font-size: 18px; color: #666666; font-weight: bold; text-align: center; }
.arrange .item .time{position: relative;top: 70px; font-size: 14px; color: #666666; font-weight: bold; text-align: center; }

.arrange .btn{ outline: none;  width: 110px; height: 100px; top: 50%; margin-top: 0; transform: translateY(-50%); }
.arrange .btn::after{ width: 69px; height: 69px; position: absolute; top: 79px; margin-top: 0; transform: translateY(-50%); outline: none; content: ''; }
.arrange .btn.swiper-button-prev::after{top: 20px; left: -35px;background: url(/static/chuangkehui/images/切换按钮-左.png) no-repeat; background-size: cover; }
.arrange .btn.swiper-button-next::after{top: -16px; right: -43px; background: url(/static/chuangkehui/images/切换按钮-左.png) no-repeat; background-size: cover; transform: rotate(180deg); }

.module-title{ padding: 45px 0; justify-content: space-between; color: #2468F1; }
.module-title .text{ font-size: 36px; font-weight: bold; }
.module-title .text img{ width: 25px; }



.agenda{height: 1055px ;  background: url(/static/chuangkehui/images/地球底图.png) no-repeat; background-size: cover; }
.agenda-content {margin-top: 30px;}
.agenda-content .date{ position: relative; z-index: 1; line-height: 22px; width: 92px; height: 38px; font-size: 24px; padding-bottom: 16px; border-bottom: 4px solid #2468F1; }
.agenda-content .agenda-info{ position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; top: -2px; height: 165px; width: 1280px; padding-top: 27px; border-style: solid; border-color: #E2E2E2; border-width: 2px 0 0 0; }
.agenda-content .agenda-info .agenda-moudle{ height: 135px; width: 406px; margin-bottom: 20px; }
.agenda-content .agenda-info .time{ height: 38px; background: linear-gradient(90deg, #0255FF, #00A8FF); font-size: 16px; font-weight: 400; color: #FFFFFF; padding-left: 26px; }
.agenda-info .detail{ height: 87px; padding-left: 26px; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #fff; }
.agenda-info .detail span{ font-size: 14px; color: #999999; }


.publish{ height: 630px; }
.publish .content {position: relative;}
.publish-container{position: relative;height: 400px ;width: 1280px;overflow: hidden;}
.publish .publish-content .publish-moudle{ position: relative; width: 300px; height: 398px; overflow: hidden; margin: 0 26px 26px 0 ; }
.publish .publish-content .publish-moudle img{position: absolute;width: 100%;height: 100%;z-index: -2;}
.publish-content .shadow{ transition: height 0.3s ease-out; position: absolute; bottom: 0; height: 20%; width: 100%; background-color: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; }
.publish-content .shadow .explain{ width: 237px; color: #fff; }
.publish-content .shadow .explain p{ display: none; }

.publish-content .shadow:hover{ height: 100%; background-color: rgba(0,0,0,0.6);}
.publish-content .shadow:hover .explain p{ margin-top: 26px; display: block; }


.activity-good{position: relative; padding-bottom: 70px; }
.activity-good .swiper-container{position: relative; overflow: hidden;}
.activity-good .item-list{ display: flex; flex-wrap: wrap; width: calc(100% + 30px); }
.activity-good .item-list .item{ width: calc(33.33% - 30px); margin-right: 30px; position: relative; }
.activity-good .item-list .item .pic img{ transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.activity-good .item-list .item:hover .pic img{ transform: scale(1.1); }
.activity-good .item-list .item .pic{ height: 248px; overflow: hidden; }
.activity-good .item-list .item .pic img{ width: 100%; height: 100%; object-fit: cover;}
.activity-good .item-list .item .text{ background: #2468F1 url(../images/activity-page-other-icon.png) no-repeat bottom right; background-size: 75px 84px; padding: 25px; color: #fff; }
.activity-good .item-list .item .text h2{ font-size: 16px; }
.activity-good .item-list .item .text .des{ margin-top: 20px; opacity: 0.8; line-height: 28px; }


.exhibition .container{margin: auto; width: 1280px; height: 1064px; background: url('/static/chuangkehui/images/3.png') no-repeat; background-size:cover}


.result{background: #F1F3F6;}
.result .container{ width: 1280px; padding-bottom:110px ; margin: auto; display: flex; align-items: center; }
.result .left{ width: 360px; height: 517px; display: flex; flex-wrap: wrap; background-color: #fff; }
.result .left a{ height: 74px; width: 100%; line-height: 74px; padding-left:26px; color: #222222; font-size: 18px; }
.result .left a:nth-last-of-type(1){ color: #666; }

.result .container .right{ position: relative; width: 920px; height: 450px ; background-color: rgba(255,255,255,0.7); overflow: hidden;}
.result .right .result-info{ padding:132px 0 0 60px; height: 450px; width: 406px; }
.result .right .result-info h3{ width: 230px; height: 20px; font-size: 18px; font-weight: 500; color: #666666; margin-bottom: 29px; }
.result .right .result-info p{ height:260px; overflow: hidden; font-size: 16px; font-weight: 400; color: #666666; line-height: 28px; }
.result .container .left a:nth-last-of-type(1){ background: url('/static/chuangkehui/images/anchor-icon.png') no-repeat; background-position: 42% 53%; }
.result .left a:hover{ color: #2468F1; font-size: 18px; }
.result .right .move{transition:  all 0.3s ease-in;}
.target{ background: linear-gradient(90deg, #0255FF, #00A8FF) !important; color: #fff !important; }



.special{ position: relative; }
.special .swiper-button{ width: 40px; height: 80px; background: rgba(0,0,0,.7) center; bottom: auto; top: 50%; transform: translateY(-50%); outline: none; }
.special .swiper-button::after{ display: none; outline: none; }
.special .swiper-button.swiper-button-next{ right: -40px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-image: url(/static/chuangkehui/images/right-btn.png); background-size: 24.5px 45.5px; background-repeat: no-repeat; }
.special .swiper-button.swiper-button-prev{ left: -40px; border-top-left-radius: 8px; border-bottom-left-radius: 8px;  background-image: url(/static/chuangkehui/images/left-btn.png); background-size: 24.5px 45.5px; background-repeat: no-repeat; }
.special .swiper-pagination{ display: none; }


.main .activity-photos{ background: url(/static/chuangkehui/images/activity-photos-bg.jpg) no-repeat bottom center; }
.main .activity-photos .content{ padding-bottom: 70px; }
.main .activity-photos .mask{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; opacity: 1; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.main .activity-photos .swiper-slide-active .mask{ opacity: 0; }
.main .activity-photos .swiper-slide { position: relative; }
.main .activity-photos .swiper-slide .text{ position: absolute; bottom: 0; left: 0; padding: 20px 35px; color: #fff; font-weight: bold; font-size: 18px;  width: 100%; z-index: 1; box-sizing: border-box; padding-left: 50px; }
.main .activity-photos .swiper-slide .text::after{ content: ''; width: 18px; height: 18px; background: url(/static/chuangkehui/images/photos-icon.png) no-repeat; background-size: cover; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); }
.main .activity-photos .swiper-slide::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7;  position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; box-sizing: border-box; }
.main .activity-photos .num{ position: absolute; bottom: 0; right: 180px; font-size: 18px; font-weight: bold; color: #fff; z-index: 2; padding: 20px 0 30px; }
.main .activity-photos .swiper-button{ color: #fff; font-weight: bold; writing-mode: vertical-lr; writing-mode: tb-lr;  background-color: transparent; width: 80px; text-align: left; font-size: 16px; }
.main .activity-photos .swiper-button.swiper-button-next{ right: 30px; background-position-x: 55px; }
.main .activity-photos .swiper-button.swiper-button-prev{ left: 30px; background-position-x: 0px; }
.main .gallery-thumbs{ margin: 50px 0 0; overflow: hidden; }
.main .thumbs-box{ position: relative; }
.main .thumbs-box .swiper-slide{ height: 90px; position: relative; }
.main .thumbs-box .swiper-slide::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.main .thumbs-box .swiper-slide.swiper-slide-thumb-active::after{ background: transparent; border: 4px solid #003296; }
.main .thumbs-box .swiper-slide img { object-fit: cover; width: 100%; height: 100%; }



.module-title{ padding: 45px 0; justify-content: space-between; color: #222222; }
.module-title .text{ font-size: 36px; font-weight: bold; }
.module-title .text img{ width: 25px; }
.module-title .more{ font-size: 16px; color: #2468F1; padding: 3px 20px; }
.module-title .more .more-arrow-icon{ margin-left: 8px; }
.module-title .refresh{ font-size: 16px; color: #2468F1; font-weight: bold; cursor: pointer; }
.module-title .refresh img{ width: 19px; margin-right: 15px; }
.module-title .refresh:hover{ opacity: 0.8; }

.module-title.color-white,.module-title.color-white .more{ color: #fff; }
.module-title.color-white .more{ border-color: #fff; }
.module-title.color-white .more .more-arrow-icon{ background-image: url(/static/chuangkehui/images/arrow-icon-w.png); }

.module-title .more:hover .more-arrow-icon{ border: 1px dashed #f00; }
.module-title.color-white .more:hover{ background: #fff; color: #2468F1; }
.module-title.color-white .more:hover .more-arrow-icon{ background-image: url(/static/chuangkehui/images/arrow-icon.png); }



.news{ background-color: #F1F3F6; }
.news .item-list{ display: flex; flex-wrap: wrap; width: calc(100% + 30px); padding-bottom: 50px; }
.news .item-list .item{ width: calc(33.3% - 30px); margin-right: 30px; margin-bottom: 30px; background: #fff; }
.news .item-list .item .pic{ overflow: hidden; }
.news .item-list .item .pic img{ transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.news .item-list .item:hover .pic img{ transform: scale(1.1); }
.news .item-list .item .info{ padding: 24px; }
.news .item-list .item .info .item-title{ color: #444444; font-size: 16px; font-weight: bold; line-height: 28px; height: 56px; }
.news .item-list .item .info .item-title:hover{ color: #2468F1; }
.news .item-list .item .info .item-des{ justify-content: space-between; padding-top: 10px; color: #999999; }
.news .item-list .item .info .item-des .tag{ background: #2468F1; color: #fff; padding: 2px 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; margin-right: 10px; }
.news .item-list .item .info .item-des .right img{ margin-right: 10px; width: 16px; }


.main-download .container{padding-bottom: 110px; display: flex; justify-content: space-between; flex-wrap:wrap; width: 1280px; margin: auto; }
.main-download .container .data-content{ display: flex;flex-wrap:wrap;justify-content: space-between;}
.main-download .download-module{ display: flex; margin-bottom: 29px; }
.main-download .loadmore{width: 100%;}
.download-module .data-icon{ width:22px; height:28px; }
.download-module .download-content{ width: 575px; margin-left: 20px; padding-bottom:41px; border-style: solid; border-color:#E8E8E8; border-width:0 0 1px 0; }
.download-module .download-content .text{ margin-bottom:23px; width: 560px; height: 16px; font-size: 16px; font-weight: 400; color: #666666; line-height: 28px; }
.download-module .download-content span{ padding-right: 8px; }
.download-module .download-content a{ margin:0 10px 0 23px;}
.download-module .download-content a:hover{ border: 1px dashed red; box-sizing: border-box;}

.video-list{ background: url(/static/chuangkehui/images/video-list-bg.jpg) no-repeat center; background-size: cover; }
.video-list .content{ padding-bottom: 80px; }
.video-list .y-flex-row{ justify-content: space-between; }
.video-list .item-list .left{ width: 816px; }
.video-list .item-list .left .left-b{ margin-top: 30px; }
.video-list .item-list .left .left-b .item{ width: calc(50% - 15px); }
.video-list .item-list .item{ height: 100%; position: relative; display: block; overflow: hidden; }
.video-list .item-list .item .pic{ height: 100%; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.video-list .item-list .item .pic{ width: 100%; height: 100%; object-fit: cover; }
.video-list .item-list .item .item-title{ position: absolute; bottom: 0; left: 0; width: 100%; height: 58px; background: url(/static/chuangkehui/images/video-item-bg.jpg) no-repeat; background-size: 100% 100%; justify-content: left; padding: 0 30px; color: #fff; font-weight: bold; font-size: 18px; }
.video-list .item-list .item .item-title img{ margin-right: 10px; width: 26px; }
.video-list .item-list .item:hover .pic{ transform: scale(1.1); }
.video-list .item-list .right{ width: 434px; height: 712px; }
.video-list .pic-box{ position: relative; height: 100%; }
.video-list .pic-box::after{ content: ''; width: 50px; height: 50px; background: url(/static/chuangkehui/images/video-btn.png) no-repeat; background-size: cover; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); }
.video-list .left>.item .pic-box{ height: 460px; }
.video-list .left>.left-b .item .pic-box{ height: 222px; }
.video-list .item-list .left .left-b .pic-box::after{ width: 35px; height: 35px; }


.photos{ background: url(/static/chuangkehui/images/photos-bg.jpg) no-repeat center; background-size: cover; position: relative; z-index: 1; overflow: hidden; }
.photos .snow-canvas{ z-index: -1; }
.photos .content{ padding-bottom: 75px; }
.photos .gallery-top{ height: auto; }
.photos .gallery-top .swiper-slide{ position: relative; }
.photos .gallery-top .text{ position: absolute; bottom: 0; left: 0; padding: 20px 35px 30px; color: #fff; font-weight: bold; font-size: 18px;  width: 100%; z-index: 1; }
.photos .gallery-top .text::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200%; }
.photos .gallery-top .text img{ width: 18px; margin-right: 10px; }
.photos .gallery-top .text span{ max-width: 70%; }
.photos .gallery-top .num{ position: absolute; bottom: 0; right: 35px; font-size: 18px; font-weight: bold; color: #fff; z-index: 2; padding: 20px 0 30px; }

.photos .gallery-thumbs{ margin: 20px 50px 0; overflow: hidden; }
.photos .thumbs-box{ position: relative; }
.photos .thumbs-box .swiper-slide{ height: 90px; position: relative; }
.photos .thumbs-box .swiper-slide::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.photos .thumbs-box .swiper-slide.swiper-slide-thumb-active::after{ background: transparent; border: 4px solid #003296; }

.photos .thumbs-box .swiper-slide img { object-fit: cover; width: 100%; height: 100%; }
.photos .swiper-button{ top: auto; bottom: 0; width: 30px; height: 89px; background: url(/static/chuangkehui/images/photos-next.jpg); right: 0; outline: none; background-size: cover; }
.photos .swiper-button::after{ content: ''; }
.photos .swiper-button.swiper-button-prev{ background-image: url(/static/chuangkehui/images/photos-prev.jpg); left: 0; }
.photos .gallery-top:hover .swiper-button{ visibility: visible; opacity: 1; }
.photos .gallery-top .swiper-button{ width: 40px; height: 80px; background: rgba(0,0,0,.7) center; bottom: auto; top: 50%; transform: translateY(-50%); visibility: hidden; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; opacity: 0; }
.photos .gallery-top .swiper-button.swiper-button-next{ border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-image: url(/static/chuangkehui/images/right-btn.png); background-size: 24.5px 45.5px; background-repeat: no-repeat; }
.photos .gallery-top .swiper-button.swiper-button-prev{ border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-image: url(/static/chuangkehui/images/left-btn.png); background-size: 24.5px 45.5px; background-repeat: no-repeat; }

.footer{ background: #0C132F; position: relative; height:180px}
.footer::after{ content: ''; position: absolute; top: -60px; left: 0; width: 100%; height: 115px; }
.footer .content{ padding: 80px 0 50px; justify-content: space-between; }
.footer .left ,.footer .left a{ color: #fff; font-size: 14px; }
.footer .left a:hover{ color: #2468F1; }

.footer .left .copyright{  margin-top: 40px; opacity: 0.8; line-height: 30px; }

.footer .right .item{ margin-left: 20px; color: #fff; text-align: center; }
.footer .right .item p { margin-top: 10px; }

/* #footer { float: left; }
#logo_footer {display: inline-block;  width:237px; height:84px; margin:58px 1324px 65px 359px; position: absolute;left:-130px;top:-16px;}
.deviding { width: 1px; height: 110px; color: #fff; position: absolute; left:-130px; top:-16px;z-index: 9999999;}
.invite { width: 767px; display:inline-block;color: gray; position: absolute; left:500px;top: 40px;}
.copyright { display:inline-block;color: gray; position: absolute; left:500px;top: 100px; } */


/* .page{ padding-top: 95px; } */
.n-banner { position: relative; }
.n-banner .content{ position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); justify-content: center; color: #fff; }
.n-banner .content h4{ font-size: 48px; margin-bottom: 20px; }
.n-banner .content p{ font-size: 24px; }


.n-container{ position: relative; }

.crumbs{ background: rgba(255,255,255,0.9); padding: 0 30px; height: 60px; justify-content: flex-end; color: #999999; position: absolute; z-index: 1; top: -60px; left: 50%; transform: translateX(-50%); overflow-y: auto; white-space: nowrap; }
.crumbs i{ display: inline-block; width: 18px; height: 18px; background: url(/static/chuangkehui/images/crumbs-icon.png) no-repeat; background-size: cover; margin-right: 10px; }
.crumbs a{ color: #999999; }
.crumbs a:hover{ color: #003296; }


/* 冬奥运动 */
.activity-page .introduces{ background: url(/static/chuangkehui/images/activity-page-p1-bg.jpg) no-repeat top center; background-size: cover; position: relative; box-shadow: 0 -47px 50px rgba(255,255,255,0.9); padding: 57px 0 40px; }
.activity-page .introduces::after{ content: ''; width: 100%; height: 1px;  position: absolute; top: 0px; left: 0; }
.activity-page .introduces .content{ align-items: flex-start;  }
.activity-page .introduces .pic{ width: 45%; max-width: 589px; flex-shrink: 0; }
.activity-page .introduces .text{ padding: 35px 0 0 25px; font-size: 16px;  color: #444444;  }
.activity-page .introduces .text h4{ font-size: 20px; }
.activity-page .introduces .text .info{ padding: 15px 0; color: #666666; }
.activity-page .introduces .text .info p{ margin: 10px 0; }
.activity-page .introduces .text .des{ line-height: 30px; }

.activity-page .video-group .container{ display: flex; flex-wrap: wrap; width: calc(100% + 30px); }
.activity-page .video-group .container .item{ margin-right: 30px; margin-bottom: 30px; position: relative; cursor: pointer; width: calc(33.33% - 30px) ; }
.activity-page .video-group .container .item .pic{ width: 100%; height: 100%; overflow: hidden; }
.activity-page .video-group .container .item .pic::after{ content: ''; width: 50px; height: 50px; background: url(/static/chuangkehui/images/video-btn.png) no-repeat; background-size: cover; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); }
.activity-page .video-group .container .item .pic img{ object-fit: cover; width: 100%; height: 100%; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.activity-page .video-group .container .item:hover .pic img{ transform: scale(1.1); }
.activity-page .video-group .container .item .text{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 30px; color: #fff; font-weight: bold; font-size: 18px; }
.activity-page .video-group .container .item .text img{ width: 26px; margin-right: 15px; }
.activity-page .video-group .container .item .text::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200%; }
.activity-page .video-group .container .item:nth-child(1){ width: 842px; height: 477px; }
.activity-page .video-group .container .item:nth-child(2){ width: 406px; height: 477px; }


.activity-page .activity-photos{ background: url(/static/chuangkehui/images/activity-photos-bg.jpg) no-repeat bottom center; }
.activity-page .activity-photos .content{ padding-bottom: 70px; }
.activity-page .activity-photos .mask{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; opacity: 1; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.activity-page .activity-photos .swiper-slide-active .mask{ opacity: 0; }
.activity-page .activity-photos .swiper-slide { position: relative; }
.activity-page .activity-photos .swiper-slide .text{ position: absolute; bottom: 0; left: 0; padding: 20px 35px; color: #fff; font-weight: bold; font-size: 18px;  width: 100%; z-index: 1; box-sizing: border-box; padding-left: 50px; }
.activity-page .activity-photos .swiper-slide .text::after{ content: ''; width: 18px; height: 18px; background: url(/static/chuangkehui/images/photos-icon.png) no-repeat; background-size: cover; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); }
.activity-page .activity-photos .swiper-slide::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7;  position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; box-sizing: border-box; }
.activity-page .activity-photos .num{ position: absolute; bottom: 0; right: 180px; font-size: 18px; font-weight: bold; color: #fff; z-index: 2; padding: 20px 0 30px; }

.activity-page .activity-photos .swiper-button{ color: #fff; font-weight: bold; writing-mode: vertical-lr; writing-mode: tb-lr;  background-color: transparent; width: 80px; text-align: left; font-size: 16px; }
.activity-page .activity-photos .swiper-button.swiper-button-next{ right: 30px; background-position-x: 55px; }
.activity-page .activity-photos .swiper-button.swiper-button-prev{ left: 30px; background-position-x: 0px; }
.activity-page .gallery-thumbs{ margin: 50px 0 0; overflow: hidden; }
.activity-page .thumbs-box{ position: relative; }
.activity-page .thumbs-box .swiper-slide{ height: 90px; position: relative; }
.activity-page .thumbs-box .swiper-slide::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.activity-page .thumbs-box .swiper-slide.swiper-slide-thumb-active::after{ background: transparent; border: 4px solid #003296; }
.activity-page .thumbs-box .swiper-slide img { object-fit: cover; width: 100%; height: 100%; }

.activity-news .content{ padding-bottom: 50px; }
.activity-news .news-list{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.activity-news .news-list .item{ width: 49%; padding: 25px 0; border-bottom: 1px solid #e8e8e8; }
.activity-news .news-list .item .title h2{ font-size: 16px; color: #666666; font-weight: bold; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.activity-news .news-list .item .title h2:hover{ color: #003296; }
.activity-news .news-list .item .title .tag{ background: #003296; color: #fff; padding: 2px 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; margin-right: 10px; font-size: 12px; font-weight: normal; flex-shrink: 0; }
.activity-news .news-list .item .des{ margin-top: 15px; color: #999999; }
.activity-news .news-list .item .des .date{ margin-right: 20px; }
.activity-news .news-list .item .des .date img{ width: 16px; margin-right: 10px; }
.activity-news .news-list .item .des .view img{ width: 13px; margin-right: 10px; }
.loadmore{font-size: 16px; font-weight: bold; margin-top: 30px; color: #999999; justify-content: center; }
.loadmore span{  cursor: pointer; }
.loadmore i{ display: none; width: 16px; height: 16px; background: url(/static/chuangkehui/images/loading.gif) no-repeat; background-size: cover; margin-right: 10px; }
.loadmore.load i{ display: block; }

.activity-page .activity-other{ padding-bottom: 70px; }
.activity-page .activity-other .item-list{ display: flex; flex-wrap: wrap; width: calc(100% + 30px); }
.activity-page .activity-other .item-list .item{ width: calc(33.33% - 30px); margin-right: 30px; position: relative; }
.activity-page .activity-other .item-list .item .pic img{ transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.activity-page .activity-other .item-list .item:hover .pic img{ transform: scale(1.1); }
.activity-page .activity-other .item-list .item .pic{ height: 248px; overflow: hidden; }
.activity-page .activity-other .item-list .item .pic img{ width: 100%; height: 100%; object-fit: cover;}
.activity-page .activity-other .item-list .item .text{ background: #003296 url(../images/activity-page-other-icon.png) no-repeat bottom right; background-size: 75px 84px; padding: 25px; color: #fff; }
.activity-page .activity-other .item-list .item .text h2{ font-size: 16px; }
.activity-page .activity-other .item-list .item .text .des{ margin-top: 20px; opacity: 0.8; line-height: 28px; }


/* 新闻详情 */
.news-details{ position: relative; }
.news-details .news-banner{ position: absolute; top: -480px; left: 0; width: 100%; }
.news-details .news-container{ margin-top: 0px; background: #fff; padding: 0 50px; }
.news-details .news-container .title{ text-align: center; padding: 20px 0; }
.news-details .news-container .title h2{ font-size: 30px; margin-bottom: 25px; }
.news-details .news-container .title .des{ font-size: 16px; color: #999999; justify-content: center; }
.news-details .news-container .title .des span{ margin: 0 10px; }
.news-details .news-container .title .share{ position: relative;  z-index: 1; justify-content: center; margin-top: 30px; }
.news-details .news-container .title .share::after{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e8e8e8; z-index: -1; }
.share .bshare-custom{ background: #fff; padding: 0 20px; }
.share .bshare-custom a{ width: 40px; height: 40px; margin: 0 20px; background-size: cover; background-position: center; }
.share .bshare-custom a.bshare-sinaminiblog{ background-image: url(/static/chuangkehui/images/share-icon1.png); }
.share .bshare-custom a.bshare-linkedin{ background-image: url(/static/chuangkehui/images/share-icon2.png); }
.share .bshare-custom a.bshare-weixin{ background-image: url(/static/chuangkehui/images/share-icon3.png); }

.news-details .news-container .info{ line-height: 30px; font-size: 14px; }
.news-details .news-container .info img{ width: auto; }
.news-details .news-container .info p{ line-height: 30px; }

.news-details .bottom{ margin-top: 50px; color: #999; font-size: 16px; justify-content: space-between; }
.news-details .bottom .share .bshare-custom{ padding: 0 0px; }
.news-details .bottom .share .bshare-custom a{ margin: 0 10px; }
.news-details .bottom .back{ font-size: 16px; color: #003296; padding: 5px 30px; border: 2px solid #003296; border-radius: 20px; font-weight: bold; }
.news-details .bottom .back:hover{ color: #fff; background: #003296; }
.news-details .activity-news{ background: #f8f8f8; padding: 40px 50px 80px; margin-top: 60px; }
.news-details .activity-news .title{ font-size: 30px; color: #003296; }

/* 运动列表 */
.activity-list-page .p1{ background: url(/static/chuangkehui/images/activity-list-page-page1-bg.jpg) no-repeat top center; background-size: cover; padding: 40px 0 80px; }
.activity-list-page .p1 h2{ font-size: 36px; color: #003296; }
.activity-list-page .p1 h4{ font-size: 20px; color: #444444; margin: 25px 0; }
.activity-list-page .p1 p{ font-size: 16px; color: #444444; margin-bottom: 30px; line-height: 30px; }
.activity-list-page .p1 h3{ font-size: 20px; color: #003296; }
.activity-list-page .item-list{ background: url(/static/chuangkehui/images/activity-list-page-bg.jpg) bottom center; background-size: cover; padding: 80px 0; }
.activity-list-page .item-list .content{ position: relative; z-index: 1; }
.activity-list-page .item-list .content::after{ content: ''; width: 186px; height: 287px; background: url(/static/chuangkehui/images/activity-list-page-bg-icon1.png) no-repeat; background-size: cover; position: absolute; bottom: -80px; left: -140px; z-index: -1; }
.activity-list-page .item-list .content::before{ content: ''; width: 295px; height: 305px; background: url(/static/chuangkehui/images/activity-list-page-bg-icon2.png) no-repeat; background-size: cover; position: absolute; bottom: -50px; right: -160px; z-index: -1; }
.activity-list-page .item-list .item{ position: relative; margin-bottom: 40px; }
.activity-list-page .item-list .item a{  background: #e6f0fb; width: 700px; height: 310px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); padding: 50px 15px 0 40px; }
.activity-list-page .item-list .item .pic{ display: none; }
.activity-list-page .item-list .item .text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.activity-list-page .item-list .item .text h2{ font-size: 20px; color: #333333; position: relative; padding-left: 20px; z-index: 1; margin-bottom: 30px; }
.activity-list-page .item-list .item .text h2::after{ content: ''; width: 39px; height: 38px; background: url(/static/chuangkehui/images/activity-list-page-item-title-icon.png) no-repeat; background-size: cover; position: absolute; bottom: 0; left: 0; z-index: -1; }
.activity-list-page .item-list .item .text .des{ font-size: 16px; color: #666666; }
.activity-list-page .item-list .item .text .des span{ position: relative; padding-left: 30px;margin-right: 30px;  }
.activity-list-page .item-list .item .text .des span::after{ content: ''; width: 24px; height: 24px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.activity-list-page .item-list .item .text .des span.date::after{ background: url(/static/chuangkehui/images/activity-list-page-item-icon1.png) no-repeat; background-size: cover; }
.activity-list-page .item-list .item .text .des span.address::after{ background: url(/static/chuangkehui/images/activity-list-page-item-icon2.png) no-repeat; background-size: cover; }
.activity-list-page .item-list .item .text .info{ font-size: 16px; color: #444444; line-height: 28px; margin: 25px 0; }
.activity-list-page .item-list .item .text .btn{ font-size: 16px; color: #003296; font-weight: bold; border: 2px solid #003296; padding: 3px 20px; border-radius: 20px; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s;  }
.activity-list-page .item-list .item .text .btn i{ display: inline-block; width: 19px; height: 16px; background: url(/static/chuangkehui/images/arrow-icon.png) no-repeat; background-size: cover; }
.activity-list-page .item-list .item .text .btn:hover{ background: #003296; color: #fff; }
.activity-list-page .item-list .item .text .btn:hover i{ background-image: url(/static/chuangkehui/images/arrow-icon-w.png); }
.activity-list-page .item-list .item .text h2:hover{ color: #003296; }
.activity-list-page .item-list .item .text .info:hover{ opacity: 0.8; }


/* 新闻中心 -- 焦点新闻 */
.news-center-page .tab-nav{ background: #fbfbfb; }
.news-center-page .tab-nav .content{ justify-content: center; border-bottom: 1px solid #e8e8e8; }
.news-center-page .tab-nav a{ font-size: 30px; font-weight: bold; color: #666666; margin: 0 45px; padding: 15px 0;  border-bottom: 3px solid transparent; }
.news-center-page .tab-nav a.active,.news-center-page .tab-nav a:hover{ color: #003296;  border-bottom-color:#003296; }
.news-center-news .big-item{ background: #fbfbfb; padding: 60px 0; }
.news-center-news .big-item .content{ display: grid; grid-template-columns: 2fr 1fr;  grid-template-rows: repeat(2, 222px); grid-gap: 20px 20px; justify-content: space-between; box-sizing: border-box; }
.news-center-news .big-item .content .item:nth-child(1){ grid-area: 1 / 1 / 3 / 2; }
.news-center-news .big-item .item { position: relative; }
.news-center-news .big-item .item .text{ position: absolute; bottom: 0; left: 0; }
.news-center-news .big-item .item .pic,.news-center-news .big-item .item .pic img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }

.news-center-news .big-item .item .news-title{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 30px; color: #fff; font-weight: bold; font-size: 18px; }
.news-center-news .big-item .item:hover .pic img{ transform: scale(1.1); }

.news-center-news .m-big-item{ display: none; }

.tag{ background: #003296; color: #fff; padding: 2px 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; margin-right: 10px; flex-shrink: 0; font-size: 14px; font-weight: normal; }
.news-center-news .big-item .item .news-title::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200%; }
.news-title p{ flex-shrink: 6; }
.news-title .hot{ width: 15px; height: 17px; background: url(/static/chuangkehui/images/hot-icon.png) no-repeat; background-size: cover; margin-left: 15px; }

.news-center-news .list-item{ padding: 60px 0; }
.news-center-news .list-item::after{ content: ''; width: 317px; height: 378px; background: url(/static/chuangkehui/images/news-center-news-bg.png) no-repeat; background-size: cover; position: absolute; bottom: -50px; right: 100px; }
.news-center-news .list-item .item{ background: #fff; align-items: flex-start; margin-bottom: 40px; }
.news-center-news .list-item .item .pic{ width: 407px; height: 232px; overflow: hidden; flex-shrink: 0; }
.news-center-news .list-item .item .pic img{ object-fit: cover; height: 100%; }
.news-center-news .list-item .item .text{ padding: 48px 0 0 68px; width: calc(100% - 407px); }
.news-center-news .list-item .item .text .news-title p{ font-size: 18px; font-weight: bold; }
.news-center-news .list-item .item .text .des{ margin: 20px 0; color: #999999; }
.news-center-news .list-item .item .text .des .author{ margin-right: 30px; }
.news-center-news .list-item .item .text .des .author img{ width: 15px; margin-right: 10px; }
.news-center-news .list-item .item .text .des .view img{ width: 13px; margin-right: 10px; }
.news-center-news .list-item .item .text .info{ width: calc(100% - 150px); padding-right: 60px; }
.news-center-news .list-item .item .text .info .y-line-2{ line-height: 28px; color: #666666; font-size: 16px; }
.news-center-news .list-item .item .text .date{ display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; width: 160px; color: #555555; position: relative; }
.news-center-news .list-item .item .text .date::after{ content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 90px; transform: translateY(-50%); background: #c2c2c2; }
.news-center-news .list-item .item .text .date .day{ font-size: 48px; font-weight: bold; }
.news-center-news .list-item .item:hover{ background: #fafafa; box-shadow: 3px 3px 10px rgba(204, 204, 204, 0.75); }


/* 新闻中心 -- 精彩图集 */
.news-center-photos .tab-nav,.news-center-video .tab-nav{ background: #fff; }
.anchor .content{ justify-content: center; padding: 45px 0; }
.anchor span{ padding: 0 40px 0 15px; height: 40px; line-height: 40px; margin: 0 16px; background: #fff; border: 1px solid #003296; color: #666666; font-size: 16px; box-shadow: 5px 5px 0 rgba(0, 50, 150, 0.2); cursor: pointer; position: relative; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.anchor span::after{ content: ''; width: 19px; height: 16px; background: url(/static/chuangkehui/images/anchor-icon.png) no-repeat; background-size: cover; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.anchor span.active,.anchor span:hover{ color: #fff; background: #003296; }
.anchor span.active::after,.anchor span:hover::after{ background-image: url(/static/chuangkehui/images/anchor-icon-c.png); }

.news-center-page .type-list .group{ padding-bottom: 50px; }
.news-center-page .type-list .group .title{ font-size: 24px; color: #444444; font-weight: bold; background: url(/static/chuangkehui/images/activity-list-page-item-title-icon.png) no-repeat; background-size: 39px 38px; line-height: 45px; padding-left: 15px; }
.news-center-page .type-list .group .item-list{ padding: 30px 0; display: flex; flex-wrap: wrap; width: 100%; }
.news-center-page .type-list .group .item-list .item{ width: calc(25% - 7.5px); margin: 0 10px 10px 0; cursor: pointer; overflow: hidden; }
.news-center-page .type-list .group .item-list .item:nth-child(4n){ margin-right: 0; }
.news-center-page .type-list .group .item-list .item .pic img{ transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; width: 100%; height: 100%; object-fit: cover; }
.news-center-page .type-list .group .item-list .item:hover .pic img{ transform: scale(1.1); }

.news-center-page .type-list .group .item-list .item:nth-of-type(n + 9){ display: none; }
.news-center-page .type-list .group.open .item-list .item{ display: block; }

.news-center-page .type-list .group .unfold{ justify-content: center; }
.news-center-page .type-list .group .unfold span{ font-size: 16px; color: #003296; border: 2px solid #003296; border-radius: 20px; padding: 5px 25px 5px 55px; position: relative; cursor: pointer; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.news-center-page .type-list .group .unfold span::after{ content: ''; position: absolute; left: 30px; top: 50%; width: 18px; height: 11px; margin-top: -5.5px; background: url(/static/chuangkehui/images/unfold-icon.png) no-repeat; background-size: cover; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.news-center-page .type-list .group .unfold span:hover{ background: #003296; color: #fff; }
.news-center-page .type-list .group .unfold span:hover::after{ background-image: url(/static/chuangkehui/images/unfold-icon-c.png); }
.news-center-page .type-list .group.open .unfold span::after{ transform: rotateX(-180deg); }

.news-center-page .note h2{ font-size: 18px; color: #444444; margin-bottom: 30px; }
.news-center-page .note h2 img{ margin-right: 10px; width: 18px; }
.news-center-page .note p{ line-height: 30px; font-size: 16px; }


.photos-popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 99999; display: none; }
.photos-popup .swiper{ position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%); width: 918px; max-width: 80%; color: #fff; }
.photos-popup .swiper .swiper-container{ width: 918px; max-width: 100%; }
.photos-popup .swiper .close{ font-size: 16px; position: absolute; top: -50px; right: 0; cursor: pointer; }
.photos-popup .swiper .close img{ width: 18px;margin-left: 8px; }
.photos-popup .swiper .des{ text-align: center; padding: 15px 0; line-height: 30px; }
.photos-popup .swiper .swiper-pagination{ bottom: auto; top: -30px; font-weight: bold; }
.photos-popup .swiper .swiper-button-next{ right: -50px; outline: none; }
.photos-popup .swiper .swiper-button-prev{ left: -50px; outline: none; }
.photos-popup .swiper .swiper-button-next:after,.photos-popup .swiper .swiper-button-prev:after{ color: #fff; }

/* 新闻中心 -- 精彩视频 */
.news-center-video .type-list .group .item-list .item{ margin-right: 30px; margin-bottom: 30px; position: relative; cursor: pointer; width: calc(33.33% - 20px) ; }
.news-center-video .type-list .group .item-list .item:nth-child(3n){ margin-right: 0; }
.news-center-video .type-list .group .item-list .item:nth-child(4n){ margin-right: 30px; }
.news-center-video .type-list .group .item-list .item:nth-of-type(n + 7){ display: none; }
.news-center-video .type-list .group.open .item-list .item{ display: block; }
.news-center-video .group .item .pic{ width: 100%; height: 100%; overflow: hidden; }
.news-center-video .group .item .pic::after{ content: ''; width: 50px; height: 50px; background: url(/static/chuangkehui/images/video-btn.png) no-repeat; background-size: cover; position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); }
.news-center-video .group .item .pic img{ object-fit: cover; width: 100%; height: 100%; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.news-center-video .group .item:hover .pic img{ transform: scale(1.1); }
.news-center-video .group .item .text{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 20px; color: #fff; font-weight: bold; font-size: 18px; }
.news-center-video .group .item .text img{ width: 26px; margin-right: 15px; }
.news-center-video .group .item .text::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200%; }




/* 分页按钮 */
.laypage { position: relative; z-index: 3; }
.laypage .content{ justify-content: center; }
.laypage .pager{ padding: 0 20px; }
.laypage .pager a{ border: 1px solid #dddddd; height: 38px; line-height: 38px; margin: 0 2px; padding: 0 20px; }
.laypage .pager a i{ display: inline-block; width: 5px; height: 9px; background: url(/static/chuangkehui/images/laypage-icon.png) no-repeat; background-size: cover; margin-right: 10px; }
.laypage .pager a.next-btn i{ transform: rotateZ(-180deg); margin-right: 0; margin-left: 10px; }
.laypage .pager .list a{ padding: 0 10px; }
.laypage .pager a:hover,.laypage .pager a.active{ color: #fff; background: #003296; border-color: #003296; }
.laypage .pager a:hover i,.laypage .pager a.active i{ background-image: url(/static/chuangkehui/images/laypage-icon-c.png); }


/* 冬奥百科 */
.baike-page{ position: relative; z-index: 1; }
.baike-page .banner-bg{ position: absolute; top: 95px; left: 0; width: 100%; z-index: -1; }
.baike-page .baike-main .top{ justify-content: space-between; padding: 40px 20px; }
.baike-page .baike-main .top .search-box .input{ position: relative; }
.baike-page .baike-main .top .search-box .input input{ width: 400px; height: 35px; border-radius: 20px; border: 0; padding: 0 20px; box-sizing: border-box; }
.baike-page .baike-main .top .search-box .input i{ width: 15px; height: 15px; background: url(/static/chuangkehui/images/baike-search-icon.png) no-repeat; background-size: cover; display: inline-block; position: absolute; top: 50%; right: 20px; margin-top: -7.5px; }
.baike-page .baike-main .top .search-box button{ width: 70px; height: 35px; line-height: 35px; color: #fff; background: #00b4ff; border-radius: 20px; border: 0; margin-left: 10px; cursor: pointer; }

.baike-page .baike-main .top .baike-crumbs{ color: #fff; }
.baike-page .baike-main .top .baike-crumbs a{ color: #fff; }
.baike-page .baike-main .top .baike-crumbs a:hover{ color: #003296; }
.baike-page .baike-main .top .baike-crumbs i{ display: inline-block; width: 16px; height: 16px; background: url(/static/chuangkehui/images/crumbs-icon-b.png) no-repeat; background-size: cover; margin-right: 10px; }
.baike-page .recommend-list{ width: 100%; background: url(/static/chuangkehui/images/recommend-list-bg.jpg) no-repeat; background-size: cover; padding: 30px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 20px;grid-row-gap: 20px;}

.baike-page .recommend-list .item{ position: relative; height: 134px; }
.baike-page .recommend-list .item:nth-child(1){ grid-area: 1 / 1 / 4 / 2; height: 339px; }
.baike-page .recommend-list .item:nth-child(2){ grid-area: 3 / 1 / 4 / 2; height: 83px; margin-top: 51px; }
.baike-page .recommend-list .item:nth-child(1) .tag{ position: absolute; top: 0; left: 0; width: 127px; height: 44px; background: url(/static/chuangkehui/images/baike-icon1.png) no-repeat; background-size: cover; font-size: 18px; text-align: center; line-height: 35px; font-weight: bold; border-radius: 0; z-index: 1; }
.baike-page .recommend-list .item:nth-child(1) .text{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 20px; color: #fff; font-weight: bold; font-size: 18px; }
.baike-page .recommend-list .item:nth-child(1) .text::after{ content: ''; background: linear-gradient(to top, #000, rgba(255,255,255,0)); opacity: 0.7; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200%; }
.baike-page .recommend-list .item .pic img,.baike-page .recommend-list .item .pic{ width: 100%; height: 100%; object-fit: cover; overflow: hidden; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.baike-page .recommend-list .item.right-item .pic{ width: 234px; height: 134px; flex-shrink: 0; }
.baike-page .recommend-list .item.right-item .text{ padding-left: 25px; color: #fff; }
.baike-page .recommend-list .item.right-item .text h4{ font-size: 18px; }
.baike-page .recommend-list .item.right-item .text p{ font-size: 16px; line-height: 28px; margin-top: 10px; }
.baike-page .recommend-list .item.right-item .text .n-tag{ width: 89px; height: 37px; color: #fff; font-weight: bold; font-size: 16px; font-style: italic; text-align: center; line-height: 28px; }
.baike-page .recommend-list .item.right-item .text .n-tag.new{ background: url(/static/chuangkehui/images/recommend-tag1.png) no-repeat; background-size: cover; }
.baike-page .recommend-list .item.right-item .text .n-tag.hot{ background: url(/static/chuangkehui/images/recommend-tag2.png) no-repeat; background-size: cover; }
.baike-page .recommend-list .item:hover .pic img{ transform: scale(1.1); }
.baike-page .recommend-list .item:hover .text{ opacity: 0.8; }


.baike-page .other-list{ padding: 30px 0 80px; }
.baike-page .other-list .item{ background: #fff; padding: 25px 30px; display: block; margin-bottom: 20px; position: relative; }
.baike-page .other-list .item .title{ font-size: 18px; padding-left: 30px; background: url(/static/chuangkehui/images/other-list-title-icon.png) no-repeat left center; background-size: 18px 16px; margin-bottom: 30px; font-weight: bold; }
.baike-page .other-list .item .info .pic{ width: 249px; height: 142px; flex-shrink: 0; }
.baike-page .other-list .item .info .pic img{ width: 100%; height: 100%; object-fit: cover; }
.baike-page .other-list .item .info .text{ padding: 0 30px 40px; }
.baike-page .other-list .item .info .text p{ font-size: 16px; line-height: 28px; }
.baike-page .other-list .item .des{ justify-content: space-between; position: absolute; bottom: 30px; left: 0; padding-left: 309px; width: 100%; padding-right: 30px; }
.baike-page .other-list .item .des span{ margin-right: 30px; color: #999999; cursor: pointer; }
.baike-page .other-list .item .des span img{ margin-right: 5px; }
.baike-page .other-list .des .btn{ font-size: 16px; color: #003296; font-weight: bold; border: 2px solid #003296; padding: 3px 20px; border-radius: 20px; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s;}
.baike-page .other-list .btn i{ display: inline-block; width: 19px; height: 16px; background: url(/static/chuangkehui/images/arrow-icon.png) no-repeat; background-size: cover; }
.baike-page .other-list .btn:hover{ background: #003296; color: #fff; }
.baike-page .other-list .btn:hover i{ background-image: url(/static/chuangkehui/images/arrow-icon-w.png); }

.baike-page .other-list .item:hover{ background: #fafafa; box-shadow: 3px 3px 10px rgba(204, 204, 204, 0.75); }
.baike-page .other-list .item:hover .title{ color: #003296; background-image: url(/static/chuangkehui/images/other-list-title-icon-c.png); }

.share .bshare-custom{ background: transparent; }
.baike-page .other-list .item .share a,.details-container .share a{ width: 25px; height: 25px; margin: 0 10px; }
.baike-page .other-list .item .share .bshare-custom,.details-container .title-head .share .bshare-custom{ display: none; }


/* 百科详情 */
.baike-details-page .n-banner .content{ justify-content: space-between; padding: 0 145px 0 50px; }

.baike-details-page .n-banner .content .right video{ width: 540px; height: 100%; object-fit: contain; }
.baike-details-page .n-banner .content .right{ box-shadow: 20px 20px 0 #20499e; height: 305px; }
.baike-details-page .n-banner .content .left h4{ font-size: 30px; }
.baike-details-page .n-banner .content .left .tag{ width: 89px; height: 37px; background: url(/static/chuangkehui/images/recommend-tag1.png) no-repeat; background-size: cover; border-radius: 0; text-align: center; font-style: italic; font-weight: bold; line-height: 26px; font-size: 16px; margin-bottom: 10px; }
.baike-details-page .n-banner{ height: 495px; }
.baike-details-page .n-banner img{ width: 100%; height: 100%; object-fit: cover; }
.baike-details-page .n-banner .content{ padding-bottom: 80px; }

.details-container{ padding: 20px 50px 80px; position: relative; z-index: 1; }
.details-container::after{ content: ''; width: 317px; height: 378px; background: url(/static/chuangkehui/images/news-center-news-bg.png) no-repeat; background-size: cover; position: absolute; bottom: 0; right: -80px; z-index: -1; }
.details-container .title-head{ padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; }
.details-container .title-head .title{ align-items: flex-start; font-size: 16px; color: #444444; line-height: 30px; }
.details-container .title-head .title i{ width: 18px; height: 18px; background: url(/static/chuangkehui/images/baike-details-title-icon.png) no-repeat; background-size: cover; flex-shrink: 0; margin-right: 10px; margin-top: 5px; }
.details-container .title-head .des{ margin-top: 25px; color: #999; }
.details-container .title-head .des span{ margin-right: 30px; color: #999999; cursor: pointer; }
.details-container .title-head .des span img{ margin-right: 5px; }
.details-container .details-info { padding: 30px 0; font-size: 16px; line-height: 30px; }
.details-container .details-info img{ width: auto; }
.details-container .details-info .info-tag{ width: 97px; height: 30px; background: url(/static/chuangkehui/images/baike-icon1.png) no-repeat; background-size: cover; font-size: 16px; text-align: center; line-height: 30px; font-weight: bold; border-radius: 0; color: #fff;  }
.details-container .details-info .subtitle{ font-size: 20px; padding-left: 20px; position: relative; font-weight: bold; color: #666666; }
.details-container .details-info .subtitle::after{ content: ''; width: 9px; height: 15px; background: #003296; position: absolute;left: 0; top: 6px; }
.details-container .answer{ padding: 50px 0 0; }
.details-container .answer .answer-title img { width: 77px; margin-right: 10px; }
.details-container .answer .answer-title{ font-size: 12px; color: #999; align-items: flex-end; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; }
.details-container .answer .item-list{ padding-bottom: 40px; }
.details-container .answer .item-list .item{ padding-top: 40px; }
.details-container .answer .item .item-title i{ width: 30px; height: 28px; background: url(/static/chuangkehui/images/answer-item-title-icon.png) no-repeat; background-size: cover; margin-right: 10px; flex-shrink: 0; }
.details-container .answer .item .item-title{ font-size: 16px; align-items: flex-start; }
.details-container .answer .item .item-info{ line-height: 30px; padding: 20px 0 0; font-size: 16px; }
.details-container .bottom{ justify-content: space-between; }
.details-container .bottom .share .bshare-custom{ padding: 0 0px; }
.details-container .bottom .share .bshare-custom a{ margin: 0 10px; }
.details-container .bottom .back{ font-size: 16px; color: #003296; padding: 5px 30px; border: 2px solid #003296; border-radius: 20px; font-weight: bold; }
.details-container .bottom .back:hover{ color: #fff; background: #003296; }


/* 关于意昂体育-科技赋能场景,让娱乐更有趣! */
.about-page .n-container{ position: relative; z-index: 1; padding-bottom: 180px; }
.about-page .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;   }
.about-page .bg img{ width: 100%; height: 100%; object-fit: cover; }
.about-page img{ width: auto; }
.about-page .title{ text-align: center; padding: 50px 0 40px; }
.about-page .subtitle{ text-align: center; }
.about-page p{ line-height: 30px; font-size: 16px; text-indent: 2em; }
.about-page .image-text{ position: relative; }
.about-page .image-text .text{ width: 883px; position: relative; padding: 65px 250px 50px 100px; z-index: 2; flex-shrink: 0; }
.about-page .image-text .text::after{ content: ''; width: 883px; height: 100%; background: url(/static/chuangkehui/images/about-bg1.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.about-page .image-text img{ position: absolute; right: 0; top: 65px; width: 638px; z-index: 2; max-width: calc(100% -  638px); }

.about-page .image-text2 { justify-content: space-between; padding-left: 80px; }
.about-page .image-text2 .text{ width: 883px; position: relative; padding: 65px 60px 50px 70px; flex-shrink: 0; }
.about-page .image-text2 .text::after{ content: ''; width: 883px; height: 100%; background: url(/static/chuangkehui/images/about-bg1.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.about-page .image-text2 img{ width: 261px; }


.about-page .image-text3 .text{ width: 883px; position: relative; padding: 65px 60px 80px 120px; flex-shrink: 0; }
.about-page .image-text3 .text::after{ content: ''; width: 883px; height: 100%; background: url(/static/chuangkehui/images/about-bg1.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.about-page .image-text3 img{ width: 296px; }
.about-page .pic2{ position: relative; text-align: center; padding-bottom: 50px; }
.about-page .pic2::after{ content: ''; width: 100%; height: 223px; background: url(/static/chuangkehui/images/about-pic2-mask.png) no-repeat center; background-size: cover; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); }

/* 返回顶部 */
.back-top{ width: 60px; height: 60px; background: #003296 url(../images/back-top-icon.png) no-repeat center; background-size: 24px 13px;  position: fixed; bottom: 50px; right: 20px; cursor: pointer; display: none; z-index: 4; }


/* 视频弹出框 */
.video-popup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 10; display: none; }
.video-popup .video-play-box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 4px solid #fff; height: 443px;  background: #000; }
.video-popup .video-play-box video{ height: 100%; object-fit: contain;}
.video-popup .close-video{ width: 40px; height: 40px; position: absolute; top: -4px; right: -45px; cursor: pointer; }

.banner-top {
	width: 100%;
	height: 650px;
	background-image: url(/static/chuangkehui/images/sm_top_banner.jpg);
	background-size:cover;
	background-color: #0c1224;
	background-repeat: no-repeat;
	background-position: center 0;
}<!--耗时1777209353.2037秒-->