/* banner */
.banner{width: 100%;min-width: 1200px;margin: 0 auto;position: relative;}
.banner .swiper-container{width: 100%;}
.banner .swiper-container .swiper-slide,.banner .swiper-container .swiper-slide img{width: 100%;}
.banner .swiper-container .swiper-button-prev,.banner .swiper-container .swiper-button-next{width: 40px;height: 40px;line-height: 40px;text-align: center;top:87.5%;margin-top: 0;border-radius: 20px;background-color: rgba(206,206,206,0.5);background-position: center center;background-size: auto;}
.banner .swiper-container .swiper-button-prev:hover,.banner .swiper-container .swiper-button-next:hover{background-color: #dc3b41;}
.banner .swiper-container .swiper-button-prev:focus,.banner .swiper-container .swiper-button-next:focus{outline: none;}
.banner .swiper-container .swiper-button-prev{background-image: url(03en_btn_prev.png);left: calc( 82.2% - 92px);}
.banner .swiper-container .swiper-button-next{background-image: url(03en_btn_next.png);right: 17.8%}
.banner .swiper-container .swiper-scrollbar-drag{background: rgba(220,71,48,1)}
.swiper-pagination {position: relative;}
.swiper-pagination .swiper-pagination-bullet{background: #757575;width: 10px;height: 10px;border-radius: 5px;margin: 0 10px;}
.swiper-pagination .swiper-pagination-bullet-active{background: #000;width: 12px;height: 12px;border-radius: 6px;position: relative;top:1px;}
.swiper-pagination span:focus{outline: none;}
.banner-lb-box{width: 100%;height: auto;position: relative;z-index: 1;}
.banner-lb{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: auto;display: block;}
.banner-lb2{opacity: 0;}
.banner-text-box{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;}
.banner-text1{width: 100%;margin-top: 30px;font-size: 28px;color: #282828;line-height: 60px;text-align: center;font-weight: bold;}
.jCountdown .group {position: relative;}
.jCountdown .group .text{transition:all 0s ease 0s;}
.countdown .day .label::after,.countdown2 .day .label::after{background-image: none !important;position: absolute;top: -60px;right: -100px;font-size: 22px;color: #282828;line-height: 72px;content: "DAYS";display: block;}
.countdown .hour .label::after,.countdown2 .hour .label::after{background-image: none !important;position: absolute;top: -60px;right: -60px;font-size: 22px;color: #282828;line-height: 72px;content: "HRS";display: block;}
.countdown .minute .label::after,.countdown2 .minute .label::after{background-image: none !important;position: absolute;top: -60px;right: -75px;font-size: 22px;color: #282828;line-height: 72px;content: "MINS";display: block;}
.countdown .second .label::after,.countdown2 .second .label::after{background-image: none !important;position: absolute;top: -60px;right: -70px;font-size: 22px;color: #282828;line-height: 72px;content: "SECS";display: block;}
.countdown .day .label,.countdown2 .day .label{background-image: none !important;}
.countdown .hour .label,.countdown2 .hour .label{background-image: none !important;}
.countdown .minute .label,.countdown2 .minute .label{background-image: none !important;}
.countdown .second .label,.countdown2 .second .label{background-image: none !important;}
.countdown,.countdown2{position: absolute;z-index: 2;top: 95px;left: 50%;z-index: 2;width: 760px;margin-left: -380px;}
/* 资讯 */
.bg{width: 100%;min-width: 1200px;margin: 0 auto;position: relative;padding: 2.6% 0;}
.bg-zx{}
.title-zx{width: 11.8%;height: auto;margin: 0 auto 2.36%;}
.zx-tt{margin-bottom: 5%;}
.zx-tt h2{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    font-size: 55px;font-weight: bold;color: #282828;text-align: center;line-height: 65px;margin-bottom: 3%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.zx-tt h2 a{color: #282828;}
ul.zx-tt-lists li{float: left;width: 50%;position: relative;}
ul.zx-tt-lists li span{display: block;height: 24px;background: #1b22a6;text-align: center;line-height: 24px;color: #fff;font-size: 14px;margin-right: 5px;vertical-align: middle;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;
    flex-shrink:0;border-top-right-radius: 15px;border-bottom-left-radius: 15px;width: 23%;margin-bottom: 2.1%;
}
ul.zx-tt-lists li:first-child{padding-right: 3%;}
ul.zx-tt-lists li:first-child span{background: #9c354a;width: 16%;}
ul.zx-tt-lists li a{display: block;line-height: 36px;color: #282828;font-size:26px;vertical-align: middle;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.zx-top{width: 100%;position: relative;margin: 0 auto;height: 985px;overflow: hidden;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
#swiper-zx-top{width: 100%;height: 100%;}
#swiper-zx-top .swiper-wrapper{height: 96.5%;}
#swiper-zx-top .swiper-slide{width: 100%;height: 100%;}
#swiper-zx-top .swiper-slide img{display: block;max-width: 100%;
    transition:all 0s ease 0s;
}
.swiper-zx-top-slide-text-box{position: absolute;z-index: 3;width: 100%;}
.swiper-zx-top-slide-text-box1{opacity: 0;top: 3.57%;left: -35.71%;transition:all 0s ease 0s;}
.swiper-zx-top-slide-text-box2{top: 51%;left: 65.71%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.swiper-zx-top-slide-text-box3{top: 5.36%;left: 0;}
.swiper-zx-top-slide-text-box h2{font-size: 60px;font-weight: bold;color: #282828;line-height: 72px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.swiper-zx-top-slide-text-box h3{font-size: 45px;color: #282828;line-height: 72px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.swiper-zx-top-slide-text-box a{color: #282828;}
.zx-img1,.zx-img2,.zx-img3,.zx-img4,.zx-img5,.zx-img6{position: absolute;
    transition:all 0s ease 0s;
}
.zx-img1{width: 63.86%;height: auto;top: 5.5%;left: -18.93%;z-index: 2;opacity: 0;}
.zx-img2{width: 50%;height: auto;top: 0;right: 35.71%;z-index: 1;opacity: 0;zoom: 1.5;}
.zx-img3{width: 52%;height: auto;top: -2.43%;left: 33.07%;z-index: 2;}
.zx-img4{width: 50%;height: auto;top: 0px;left: 0px;z-index: 1;}
.zx-img5{width: 68.14%;height: auto;top: 0px;left: 6.86%;z-index: 2;}
.zx-img6{width: 50%;height: auto;top: 2.29%;right: 0px;z-index: 1;}
.zx-top-more img{display: block;width: 14.29%;height: auto;margin-top: 3.57%;}
#swiper-zx-top.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;left: 0;width: 100%;}
.zx-bottom{width: 100%;margin-top: 5.7%;overflow: hidden;position: relative;}
#swiper-zx-bottom{width: 100%;}
.swiper-zx-bottom-slide-left{width: 57.14%;float: left;}
.swiper-zx-bottom-slide-img-box{position: relative;width: 100%;overflow: hidden;}
.swiper-zx-bottom-slide-img-box img{display:block;width:100%;transition: all 0.3s ease 0s;}
.swiper-zx-bottom-slide-left .swiper-zx-bottom-slide-img-box img{height: 34.29%;}
.swiper-zx-bottom-slide-img-box:hover img{transform: scale(1.05,1.05);}
.swiper-zx-bottom-slide-left .swiper-zx-bottom-slide-text h2{font-size: 48px;color: #282828;line-height: 60px;margin-bottom: 3.75%;margin-top: 3.75%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.swiper-zx-bottom-slide-left .swiper-zx-bottom-slide-text p{font-size: 22px;color: #282828;line-height: 36px;text-indent: 2em;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.swiper-zx-bottom-slide-left .swiper-zx-bottom-slide-text .zx-bottom-pub-time{font-size: 18px;color: #888888;line-height: 30px;text-indent: 0;margin-top: 3.125%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.swiper-zx-bottom-slide-left .zx-bottom-more img{display: block;width: 25%;height: auto;margin-top: 5%;}
.swiper-zx-bottom-slide-right{width: 35.71%;float: right;}
.swiper-zx-bottom-slide-right-item{margin-bottom: 16%;}
.swiper-zx-bottom-slide-right-item .swiper-zx-bottom-slide-img-box img{height: 60%;}
.swiper-zx-bottom-slide-right-item .swiper-zx-bottom-slide-text h2{font-size: 34px;color: #282828;line-height: 48px;margin-bottom: 1%;margin-top: 4%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.swiper-zx-bottom-slide-right-item .swiper-zx-bottom-slide-text .zx-bottom-pub-time{font-size: 18px;color: #888888;line-height: 30px;text-indent: 0;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.next-zx-bottom,.prev-zx-bottom{width: 33px;height: 24px;top: 0;margin-top: 73.5%;}
.next-zx-bottom:focus,.prev-zx-bottom:focus{outline: none;}
.next-zx-bottom{background: url(./03en_btn_next1.png) no-repeat center top;right: 0px;}
.prev-zx-bottom{background: url(./03en_btn_prev1.png) no-repeat center top;left: 91%;}
.next-zx-bottom:hover{background: url(./03en_btn_next2.png) no-repeat center top;}
.prev-zx-bottom:hover{background: url(./03en_btn_prev2.png) no-repeat center top;}
.lm-more1 img{display: block;width: 20%;margin: 3.5% auto 0;height: auto;}
/* 赛事 */
.bg-ss{background: #fff;padding-bottom: 0;}
.title-ss{/*height: 48px;background: url(./03title_ss.png) no-repeat center top;*/width: 23.3%;margin: 0 auto 2.6%;}
.ss-cg-top{width: 100%;position: relative;background: url(./03en_ss_bg1.jpg) no-repeat center top;height: 681px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.ss-cg-top-img img{width: 63%;height: auto;position: absolute;left: 0;top: 0;z-index: 1;}
.ss-cg-top-text-box{width: 31.25%;margin-right: 9.375%;float: right;cursor: pointer;position: relative;z-index: 2;display: table;height: 100%;}
.ss-cg-top-text{display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.ss-cg-top-text h2{font-size: 48px;color: #282828;line-height: 60px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.ss-cg-top-text p{font-size: 20px;color: #282828;line-height: 36px;text-indent: 2em;margin-top: 8%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.ss-cg-top-text a{color: #282828;}
.ss-cg-top-more img{width: 32.79%;height: auto;margin-top: 13%;}
.popup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999999;min-width: 1200px;opacity: 0;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.popup-open.popup{-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;}
.ss-cg-top-popup,.ss-cg-bottom-popup{background: #fff url(./03en_ss_cg_tc_bg.png) no-repeat center bottom;}
.popup-item{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 100%;overflow: hidden;min-width: 1200px;opacity: 0;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.popup-item-open.popup-item{-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;}
.popup-item .btn_back img{position: absolute;width: 5%;height: auto;top:6.5%;left: 6%;cursor: pointer;}
.popup-item .btn_back img.popup-btn-back2{display: none;}
.popup-item .btn_back:hover img.popup-btn-back2{display: block;}
.ss-cg-popup-left{width: 33.33%;margin-left: 13.54%;height: 100vh;padding-top: 7%;padding-bottom: 2.5%;overflow: hidden;}
.ss-cg-popup-left-cont{width: 100%;height: 100%;overflow-y: auto;}
.ss-cg-popup-left-cont::-webkit-scrollbar{width: 0 !important;}
.ss-cg-popup-left-cont { -ms-overflow-style: none; }
.ss-cg-popup-left-cont { overflow: -moz-scrollbars-none;}
.ss-cg-popup-left h2{font-size: 56px;line-height: 70px;color: #282828;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;
    text-align: justify;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.ss-cg-popup-left p{font-size: 22px;line-height: 36px;color: #282828;margin-top: 5.25%;text-indent: 2em;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;
    text-align: justify;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
}
.ss-cg-popup-left .ss-cg-popup-more img{width: 31.25%;margin-top: 6.25%;}
.ss-cg-popup-right{position: absolute;top: 0;right: 0;width: 50%;height: 100%;
    background-size: cover;background-repeat: no-repeat;background-position: center;
}
.ss-cg-popup-jjxm-box{width: 100%;margin-top: 13%;}
.ss-cg-popup-jjxm-box h3{font-size: 30px;line-height: 60px;color: #282828;margin-bottom: 4.6875%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.ss-cg-popup-jjxm{width: 20%;cursor: pointer;}
.ss-cg-popup-jjxm img{width: 100%;height: auto;}
.ss-cg-popup-jjxm p{width: 100%;text-align: center;font-size: 18px;line-height: 60px;color: #282828;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;text-indent: 0;margin-top: 0;}
.ss-cg-popup-jjxmjs-box{display: none;transition:all 0s ease 0s;;position: absolute;top:0;right: 0;height: 100%;width:50%;background: url(./03en_white.png) repeat;}
.ss-cg-popup-jjxmjs{width: 63.75%;height: 100%;background: #191c82;padding: 9.37% 6.56% 5%;position: relative;overflow: hidden;}
.ss-cg-popup-jjxmjs-cont{width: 100%;height: 100%;overflow-y: auto;position: relative;}
.ss-cg-popup-jjxmjs-cont::-webkit-scrollbar{width: 0 !important;}
.ss-cg-popup-jjxmjs-cont { -ms-overflow-style: none; }
.ss-cg-popup-jjxmjs-cont { overflow: -moz-scrollbars-none;}
.ss-cg-popup-jjxmjs img{width: 100%;height: auto;}
.ss-cg-popup-jjxmjs p{font-size: 22px;line-height: 40px;color: #fff;margin-top: 3%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.ss-cg-popup-jjxmjs-btn-close img{position: absolute;top:3.95%;left: 91.5%;width: 3.59%;height: auto;cursor: pointer;}
.ss-cg-bottom{width: 100%;position: relative;margin-top: 2.6%;overflow: hidden;padding: 1% 0;}
.ss-cg-swiper .swiper-slide{width: 500px;cursor: pointer;}
.ss-cg-swiper .swiper-slide img{width: 100%;height: auto;border-radius: 50px;box-shadow: 0px 0px 20px #71abc5;-webkit-box-shadow: 0px 0px 20px #71abc5;margin: 0 auto;}
.ss-cg-swiper .swiper-slide p{font-size: 24px;color: #282828;line-height: 60px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.ss-cg-swiper.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function: linear !important;-moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;-o-transition-timing-function: linear !important;transition-timing-function: linear !important;margin: 0 auto;}




.ss-2022-box{width: 100%;background: #e5e5e5;padding: 2.6% 0;border-top-left-radius: 200px;margin-top: 2.6%;position: relative;}
.ss-2022{width: 100%;position: relative;}
.ss-2022 img{display: block;width: 100%;height: auto;
    transition:all 0s ease 0s;
}
.ss-2022-img{position: absolute;opacity: 0;top: 0;left: 0;z-index: 2;}
.ss-2022 .ss_2022_btn{position: absolute;width: 10%;height: 10%;top:1%;left: 1%;cursor: pointer;z-index: 11;}
.ss-2022 .ss_2022_btn_1{width: 8%;height: 15%;top:1%;left: 10.5%;}
.ss-2022 .ss_2022_btn_2{width: 6%;height: 28%;top:10%;left: 19%;}
.ss-2022 .ss_2022_btn_3{width: 8%;height: 16.2%;top:41%;left:9.8%;}
.ss-2022 .ss_2022_btn_4{width: 5%;height: 24%;top:64%;left:3%;}
.ss-2022 .ss_2022_btn_5{width: 6%;height: 20%;top:80%;left: 11%;}
.ss-2022 .ss_2022_btn_6{width: 11%;height: 25%;top:25%;left: 26%;}
.ss-2022 .ss_2022_btn_7{width: 5%;height: 14%;top:70%;left: 37%;}
.ss-2022 .ss_2022_btn_8{width: 6.6%;height: 20%;top:27%;left: 44%;}
.ss-2022 .ss_2022_btn_9{width:7%;height:15%;top:1%;left: 60%;}
.ss-2022 .ss_2022_btn_10{width: 10%;height: 15%;top:32%;left: 64%;}
.ss-2022 .ss_2022_btn_11{width: 7%;height: 25%;top:46%;left: 55%;}
.ss-2022 .ss_2022_btn_12{width: 7%;height: 19%;top:79%;left: 60%;}
.ss-2022 .ss_2022_btn_13{width: 9%;height: 20%;top:12%;left: 87%;}
.ss-2022 .ss_2022_btn_14{width: 7%;height: 19%;top:48%;left: 78%;}
.ss-2022 .ss_2022_btn_15{width: 8.8%;height: 16%;top:81%;left: 81%;}
.ss-2022-text p{font-size: 22px;line-height: 36px;color: #666666;text-align: center;width: 930px;margin: 1.5625% auto 0;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.ss_2022_tc{display: none;transition:all 0s ease 0s;;position: absolute;top:0px;left: 0;width: 100%;height: 100%;z-index: 20;background: url(03ent_sstc-bg.png) no-repeat left top;padding-top: 6.7%;}
.ss_2022_btn_close img{width: 4.9%;height: auto;position: absolute;top: 6.25%;left: 10%;z-index: 2;cursor: pointer;}
.ss-2022-tc-lists{}
.ss-2022-tc-list{width: 62.5%;height: 20.5vw;margin: 0 auto;display: none;
}
.ss-2022-tc-list-left{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;float: left;width: 30%;
    height: 100%;
}
.ss-2022-tc-list-left img{display: block;width: 75%;height: auto;}
.ss-2022-tc-list-left p{font-size: 28px;line-height: 56px;color: #fff;text-align: center;margin-top: 5.7%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.ss-2022-tc-list-left p span{color: #3ffdff;}
.ss-2022-tc-list-left p.ss-2022-tc-list-title{font-size: 40px;line-height: 50px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.ss-2022-tc-list-right{width: 67%;float: right;height: 100%;position: relative;
    overflow: hidden;
}
.ss-2022-tc-list-right .tc_list_right_box{position: absolute;top:0;left: 0;width: calc( 100% + 17px);height: 100%;
    overflow-y: auto;
}

.ss-2022-tc-list-right img{width: 100%;height: auto;}
.ss-2022-tc-swiper-box{height: auto;position: relative;width: 73%;margin: 6.25% auto 0;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
#swiper-ss-2022-tc{overflow: hidden;width: 90%;margin: 0 auto;}

#swiper-ss-2022-tc .swiper-slide{/*width: 180px;*/position: relative;cursor: pointer;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
#swiper-ss-2022-tc .swiper-slide-cont-box{width: 75%;margin: 0 auto;}
#swiper-ss-2022-tc .swiper-slide-cont{transition:all 0s ease 0s;;width: 100%;height: auto;border-radius: 100%;position: relative;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
#swiper-ss-2022-tc .swiper-slide-cont img{width: 100%;border-radius: 100%}
#swiper-ss-2022-tc .swiper-slide .ss-2022-tc-img{z-index: 2;/*position: absolute*/;}
#swiper-ss-2022-tc .swiper-slide .ss-2022-tc-img2{display: none;}
#swiper-ss-2022-tc .ss-2022-tc-img-mask{width: 100%;height: 100%;background: #fff;border-radius: 100%;position: absolute;z-index: 1;top: 0;left:0;display: none;

}
#swiper-ss-2022-tc .swiper-slide.sstcAct .ss-2022-tc-img-mask{display: block;}
#swiper-ss-2022-tc .swiper-slide.sstcAct .ss-2022-tc-img1{display: none;}
#swiper-ss-2022-tc .swiper-slide.sstcAct .ss-2022-tc-img2{display: block;}
#swiper-ss-2022-tc .swiper-slide p{font-size: 26px;text-align: center;color: #fff;line-height: 50px;width: 100%;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
#next-ss-2022-tc,#prev-ss-2022-tc{width: 33px;height: 24px;top: 50%;margin-top: -12px;}
#next-ss-2022-tc:focus,#prev-ss-2022-tc:focus{outline: none;}
#next-ss-2022-tc{background: url(03en_sstc_btn_next.png) no-repeat center top;right: 0px;}
#prev-ss-2022-tc{background: url(03en_sstc_btn_prev.png) no-repeat center top;left: 0px;}
/* 回到顶部 */
#scrollTop{background:url(https://www.hangzhou2022.cn/images/to_top.png) no-repeat center;width:50px;height:50px;position:fixed;right:1%;bottom:325px;cursor:pointer;display:none;z-index:999}

@media screen  and (max-width: 1600px) {
    .main{width: 1200px;}
    .zx-tt h2 {font-size: 45px;line-height: 55px;}
    ul.zx-tt-lists li a{font-size: 24px;line-height: 26px;}
    ul.zx-tt-lists li span{height: 20px;line-height: 20px;font-size: 12px;margin-right: 5px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
    .zx-top{height: 850px;}
    .swiper-zx-top-slide-text-box h2{font-size: 52px;line-height: 64px;}
    .swiper-zx-top-slide-text-box h3{font-size: 38px;line-height: 64px;}
    .swiper-zx-top-slide-text-box2 {top: 51%;}
    .swiper-zx-bottom-slide-left .swiper-zx-bottom-slide-text h2{font-size: 42px;line-height: 54px;}
    .swiper-zx-bottom-slide-left .swiper-zx-bottom-slide-text p{font-size: 20px;line-height: 34px;}
    .swiper-zx-bottom-slide-left .swiper-zx-bottom-slide-text .zx-bottom-pub-time{font-size: 16px;line-height: 28px;}
    .swiper-zx-bottom-slide-right-item .swiper-zx-bottom-slide-text h2{font-size: 30px;line-height: 44px;}
    .swiper-zx-bottom-slide-right-item .swiper-zx-bottom-slide-text .zx-bottom-pub-time{font-size: 16px;line-height: 28px;}
    .ss-cg-top{height: 567.5px;}
    .ss-cg-top-text h2{font-size: 38px;line-height: 50px;}
    .ss-cg-top-text p{font-size: 18px;line-height: 32px;}
    .ss-cg-popup-left h2{font-size: 40px;line-height: 50px;}
    .ss-cg-popup-left p{font-size: 18px;line-height: 32px;}
    .ss-cg-popup-jjxm-box h3{font-size: 25px;line-height: 55px;}
    .ss-cg-popup-jjxm p{font-size: 15px;line-height: 56px;}
    .ss-cg-popup-jjxmjs p{font-size: 18px;line-height: 36px;}
    .ss-cg-swiper .swiper-slide p{font-size: 22px;line-height: 56px;}
    .ss-2022-text p{font-size: 20px;line-height: 32px;}
    .ss-2022-tc-list-left p{font-size: 24px;line-height: 52px;}
    .ss-2022-tc-list-left p.ss-2022-tc-list-title{font-size: 34px;line-height: 44px;}
    #swiper-ss-2022-tc .swiper-slide p{font-size: 22px;line-height: 46px;}
}
@media screen  and (max-width: 1400px) {
    .main{width: 1000px;}
    .zx-tt h2 {font-size: 34px;line-height: 55px;}
    ul.zx-tt-lists li a{font-size: 18px;line-height: 20px;}
    ul.zx-tt-lists li span{height: 20px;line-height: 20px;font-size: 12px;margin-right: 5px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
    .zx-top{height: 710px;}
    .swiper-zx-top-slide-text-box h2{font-size: 42px;line-height: 54px;}
    .swiper-zx-top-slide-text-box h3{font-size: 32px;line-height: 54px;}
    .swiper-zx-top-slide-text-box2 {top: 51%;}
    .swiper-zx-bottom-slide-left .swiper-zx-bottom-slide-text h2{font-size: 34px;line-height: 46px;}
    .swiper-zx-bottom-slide-left .swiper-zx-bottom-slide-text p{font-size: 18px;line-height: 32px;}
    .swiper-zx-bottom-slide-left .swiper-zx-bottom-slide-text .zx-bottom-pub-time{font-size: 14px;line-height: 26px;}
    .swiper-zx-bottom-slide-right-item .swiper-zx-bottom-slide-text h2{font-size: 24px;line-height: 38px;}
    .swiper-zx-bottom-slide-right-item .swiper-zx-bottom-slide-text .zx-bottom-pub-time{font-size: 14px;line-height: 26px;}
    .ss-cg-top{height: 496.56px;}
    .ss-cg-top-text h2{font-size: 28px;line-height: 40px;}
    .ss-cg-top-text p{font-size: 14px;line-height: 28px;}
    .ss-cg-popup-left h2{font-size: 40px;line-height: 50px;}
    .ss-cg-popup-left p{font-size: 18px;line-height: 32px;}
    .ss-cg-popup-jjxm-box h3{font-size: 20px;line-height: 50px;}
    .ss-cg-popup-jjxm p{font-size: 14px;line-height: 54px;}
    .ss-cg-popup-jjxmjs p{font-size: 16px;line-height: 34px;}
    .ss-cg-swiper .swiper-slide p{font-size: 18px;line-height: 52px;}
    .ss-2022-text p{font-size: 18px;line-height: 30px;}
    .ss-2022-tc-list-left p{font-size: 20px;line-height: 48px;}
    .ss-2022-tc-list-left p.ss-2022-tc-list-title{font-size: 30px;line-height: 40px;}
    #swiper-ss-2022-tc .swiper-slide p{font-size: 18px;line-height: 42px;}
}

/*m end*/

.title img{width: 100%}
/*服务*/
.fw{}
.fw .title{
    /*background: url(03title_fw.png) no-repeat center top;width: 110px;height: 49px;background-size: 100% 100%;*/
    width: 16.56%;
   margin: 3.9% auto 2.6%;
}

.fw_lists{width: 100%;}
.fw_lists .fw_list{text-align: center;width: 25%;cursor: pointer;
    position: relative;float: left;
}
.fw_lists .fw_list .front{position: absolute;top:0;left: 0;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.4,.2,.2,1);
    transition: -webkit-transform 1.5s cubic-bezier(.4,.2,.2,1);
    transition: transform 1.5s cubic-bezier(.4,.2,.2,1);
    transition: transform 1.5s cubic-bezier(.4,.2,.2,1),-webkit-transform 1.5s cubic-bezier(.4,.2,.2,1);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden; /* Chrome 、Safari */
    -moz-backface-visibility:hidden; /* Firefox */
    -ms-backface-visibility:hidden; /* Internet Explorer */
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.fw_lists .fw_list .back{
    position: absolute;top:0;left: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);

    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.4,.2,.2,1);
    transition: -webkit-transform 1.5s cubic-bezier(.4,.2,.2,1);
    transition: transform 1.5s cubic-bezier(.4,.2,.2,1);
    transition: transform 1.5s cubic-bezier(.4,.2,.2,1),-webkit-transform 1.5s cubic-bezier(.4,.2,.2,1);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden; /* Chrome 、Safari */
    -moz-backface-visibility:hidden; /* Firefox */
    -ms-backface-visibility:hidden; /* Internet Explorer */
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.fw_lists .fw_list img{width: 100%;}
.fw_lists .fw_list:hover .front{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

.fw_lists .fw_list:hover .back{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
.fw_lists .fw_list .back.jd{height: 100%;width: 100%;
    background: #eaecf1;
    background: -ms-linear-gradient(top, #fff, #eaecf1);
    background: -moz-linear-gradient(top, #fff, #eaecf1);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaecf1));
    background: -webkit-linear-gradient(top, #fff, #eaecf1);
    background: -o-linear-gradient(top, #fff, #eaecf1);
    background: linear-gradient(top, #fff, #eaecf1);
}
.fw_lists .fw_list .back.jd .jd_lists{
    padding: 13.75% 6.25% 0;
}
.fw_lists .fw_list .back.jd .jd_lists li{text-align: justify;
    line-height: 44px;font-size: 20px;background: url(03en_jd_icon.png) no-repeat right center;
    padding-right: 20px;margin-bottom:4.5%;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.fw_lists .fw_list .back.jd .jd_lists li:hover{color:#1d21a9;}
.fw_lists .fw_list .back.jd .jd_lists li span{
    display: inline-block;width: 44px;height: 44px;line-height: 44px;text-align: center;background: #e0e8f5;color:#1d21a9;
    border-radius: 22px;margin-right: 20px;font-size: 24px;
}
.fw_lists .fw_list .back.jd a.ckxq{float: right;padding-right: 50px;background: url(03en_jd_icon_jt.png) no-repeat right center;
margin-right: 6.25%;color:#4e4745;font-size: 16px;margin-top: 15px;
}

/*城市之窗*/
.cszc{padding: 3.125% 0 0;background: #f4f4f4;}
.cszc .title{/*background: url(03title_cszc.png) no-repeat center top;width: 211px;height: 48px;*/
    margin: 0 auto 2.35%;width: 41.5625%;
}
.cszc .title img{width: 100%}
.cszc .cszc_sec{position: relative;}
.cszc .cszc_sec>img{width: 100%;}
.cszc .cszc_sec .csxz_box{position: absolute;top:0;right: 0;
    width: 50%;height: 100%;
}

.cszc .cszc_sec .csxz_box .cs_d {position: absolute;width: 7.0833%;cursor: pointer;
    height:auto;
}
.cszc .cszc_sec .csxz_box .cs_hz{top:21%;left: 18%;}
.cszc .cszc_sec .csxz_box .cs_hzs{top:2%;left: 24%;}
.cszc .cszc_sec .csxz_box .cs_sx{top:31%;left: 36%;}
.cszc .cszc_sec .csxz_box .cs_nb{top:28%;left: 51%;}
.cszc .cszc_sec .csxz_box .cs_jh{top:49%;left: 24%;}
.cszc .cszc_sec .csxz_box .cs_wz{top:78%;left: 39%;}
.cszc .cszc_sec .csxz_box .cs_d .cs_name{font-size: 16px;text-align: center;line-height: 1.5;color:#888888;margin-bottom: 5px;}
.cszc .cszc_sec .csxz_box .cs_d .cs_icon{position: relative;width:86%;padding: 7%;
    box-sizing: content-box;
}
.cszc .cszc_sec .csxz_box .cs_d .cs_icon img{
    width: 100%;
}
.cszc .cszc_sec .csxz_box .cs_d .cs_icon img.cur_show{display: none;  }
.cszc .cszc_sec .csxz_box .cs_d.cur .cs_icon{width: 100%;padding: 0;}
.cszc .cszc_sec .csxz_box .cs_d.cur .cs_icon img{display: none;}
.cszc .cszc_sec .csxz_box .cs_d.cur .cs_icon img.cur_show{display: block;;}
.cszc .cszc_sec .csxz_box .cs_d.cur .cs_name{color:#333333;}

.cszc .cszc_sec .cszc_conts{position:absolute;top:5.71%;;left:10.9%;width:39.0625%;
    background: #1d21a9;border-radius: 2.67%;height: 86%;
}
.cszc .cszc_sec .cszc_conts .cszc_item{display: none;
    position:absolute;top:0;left: 0;width: 100%;height: 100%;
    padding: 4% 4%;transition:all 0s ease 0s;
}
.cszc .cszc_sec .cszc_conts .cszc_item .cszc_head{
    margin-bottom: 5.88%;
}
.cszc .cszc_sec .cszc_conts .cszc_item .cszc_head img{width: 52%;float: left}
.cszc .cszc_sec .cszc_conts .cszc_item .cszc_head .cont{float: right;width:44%;
    text-align: justify;color:#fff;
}
.cszc .cszc_sec .cszc_conts .cszc_item .cszc_head .cont .tit{ text-align: justify;
    line-height: 1.5;font-size: 30px;font-weight: bold;margin-top: 3.3%;margin-bottom: 6.7%;max-height: 90px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.cszc .cszc_sec .cszc_conts .cszc_item .cszc_head .cont .hint{ text-align: justify;
    line-height: 1.8;font-size:18px;text-indent: 2em;max-height: 130px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
}
.cszc .cszc_sec .cszc_conts .cszc_item .cszc_lists{}

.cszc .cszc_sec .cszc_conts .cszc_item .cszc_lists li{position: relative;padding-left: 0.2rem;
    line-height:0.4rem;font-size: 0.24rem;color:#fff;margin-bottom: 0.45rem;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    transition:font-size 0s ease 0s;
}
.cszc .cszc_sec .cszc_conts .cszc_item .cszc_lists li:before{
    transition: 0.2s all linear;
    display: inline-block;content: "";width: 0.03rem; height: 0.4rem;position: absolute;top:0;left: 0;
    background: #00a0e9;
}
.cszc .cszc_sec .cszc_conts .cszc_item .cszc_lists li:hover:before{
    height: 0.4rem;
}
.cszc .cszc_sec .cszc_conts .cszc_item a.more{
    background: url(03en_cszc_bg_bnt.png) no-repeat center top;width: 2rem;height: 0.4rem;text-align: center;line-height: 0.4rem;
    float: right;font-size: 0.16rem;color:#fff;background-size: 100% 100%;
}


.cszc .cszc_sec .cszc_conts .cszc_item .cszc_lists li a{color:#fff;transition:font-size 0s ease 0s;}
/*合作伙伴*/
.hzhb{background: #f4f4f4;padding-top: 2.9%;}
.hzhb .title{width:23.2%;margin:0 auto 3.4%; }
.hzhb .title img{width:100%; }
.hzhb .main{padding-bottom: 3.9%;border-bottom: 1px solid #d4d4d4;}
.hzhb  ul.gfhzhb_lists{width: 1230px;margin-left: 100px;}
.hzhb  ul.gfhzhb_lists li{width: 220px;height: 105px;border: 1px solid #dad7e6;text-align: center;overflow: hidden; background: #fff;float: left;margin-right: 25px;margin-bottom: 20px;}
.hzhb  ul.gfhzhb_lists li a{display: block;width: 100%;height: 100%;}
.hzhb  ul.gfhzhb_lists li img{margin-top: -7.5px;}

@media screen and (max-width:1750px) {
    .cszc .cszc_sec .cszc_conts .cszc_item .cszc_head .cont .tit{font-size:26px;max-height: 78px; }
    .cszc .cszc_sec .cszc_conts .cszc_item .cszc_head .cont .hint{font-size:16px; max-height: 115px;}
}
@media screen and (max-width:1700px) {
    .fw_lists .fw_list .back.jd .jd_lists li{font-size: 20px; line-height: 40px;}
    .fw_lists .fw_list .back.jd .jd_lists li span{width: 40px;height: 40px;line-height: 40px;border-radius: 20px;margin-right:18px;font-size: 22px;}
    .fw_lists .fw_list .back.jd a.ckxq{margin-top: 10px;}
}
@media screen and (max-width:1600px) {
    .fw_lists .fw_list .back.jd .jd_lists li{font-size: 18px; line-height: 36px;}
    .fw_lists .fw_list .back.jd .jd_lists li span{width: 36px;height: 36px;line-height: 36px;border-radius: 18px;margin-right:14px;font-size: 20px;}

    .cszc .cszc_sec .csxz_box .cs_d .cs_name{font-size: 14px;}

    .cszc .cszc_sec .cszc_conts .cszc_item .cszc_head .cont .tit{font-size:21px; max-height: 63px;}
    .cszc .cszc_sec .cszc_conts .cszc_item .cszc_head .cont .hint{font-size:15px;max-height:108px; }

    .hzhb  ul.gfhzhb_lists{margin-left: 0;}

}
@media screen and (max-width:1400px) {
    .fw_lists .fw_list .back.jd .jd_lists li{font-size: 16px; line-height: 32px;}
    .fw_lists .fw_list .back.jd .jd_lists li span{width: 32px;height:32px;line-height: 32px;border-radius:16px;margin-right:10px;font-size: 18px;}
    .fw_lists .fw_list .back.jd a.ckxq{margin-top: 3px;font-size: 14px;padding-right: 40px;}

    .cszc .cszc_sec .cszc_conts .cszc_item .cszc_head .cont .hint{  -webkit-line-clamp:3;max-height:81px; }

    .hzhb  ul.gfhzhb_lists{width: 1025px;}
    .hzhb  ul.gfhzhb_lists li{width: 184px;height: 105px;
        border: 1px solid #dad7e6;text-align: center;overflow: hidden; background: #fff;float: left;margin-right: 20px;margin-bottom: 15px;
    }
    .hzhb  ul.gfhzhb_lists li img{margin-top: -7.5px;}
}



/*视频*/
.sp{width:100%;background-color:#fff;min-width:1200px;
    padding-top: 1.6%;
}
.sp-title{
    width: 15.1%;
    margin: 0 auto 2.6%;
}

.sp-title img{width: 100%;}



.sp-top{
    width:100%;
    margin-bottom:80px;
}
.sp-top video{
    width:100%;
}
    .sp-bottom{
        width:1400px;
        margin:0 auto;
    }
    .sp-bottom-left,.sp-bottom-middle,.sp-bottom-right{
        width:410px;
        float:left;
    }
    .sp-bottom-left,.sp-bottom-middle{
        margin-right:85px;
    }
    .sp-bottom-item{
        width:100%;
        display:block;
    }
    .sp-bottom-item .video-box{
        width:100%;
        position:relative;
        overflow: hidden;
    }
    .sp-bottom-item .video-box .play-btn{
        width:60px;
        height:60px;
        background:url(03en_btn_play.png) no-repeat center top;
        background-size:100% 100%;
        position:absolute;
        left:50%;
        margin-left:-30px;
        top:50%;
        margin-top:-30px;
        z-index:100;
    }
    .sp-bottom-item .video-box img{
        display:block;
        width:100%;
        transition: all 0.3s ease 0s;
    }
    .sp-bottom-item .video-box:hover img{
        transform: scale(1.05,1.05);
    }
    .sp-bottom-item.small-video .video-box img{
        height:240px;
    }
    .sp-bottom-item.big-video .video-box img{
        height:620px;
    }
    .sp-item-title{
        width:100%;
        font-size:26px;
        line-height:36px;
        height:80px;
        margin:30px 0 50px;
    }
    /*亚运文化*/
    .yywh-box{
        width: 1400px;
        margin: 0 auto;
        position: relative;
        /*
        border-bottom: 1px solid #d4d4d4;
        */
        padding-bottom: 60px;
    }
    .yymx-title{
        margin-bottom: 30px;
        width: 100%;
        position: relative;
        height: 31px;
        background: url(03en_title_AG_Aesthetics.png) no-repeat left top;
    }
    .yymx{
        width:100%;
        margin-bottom: 60px;
    }
    .yymx-swiper{
        width: 100%;
        height:620px;
        position: relative;
    }
    #swiper_yymx {
        width:100%;
        margin:0px auto;
        position:relative;
        overflow:hidden;
    }
    #swiper_yymx .swiper-slide {
        float:left;
        list-style:none;
        width:446px !important;
        height:557px;
        margin: 0 10px;
        position: relative;
        cursor: pointer;
        overflow:hidden;
    }
    #swiper_yymx .swiper-slide img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .yymx-swiper-mask{
        transition:all 0s ease 0s;
        width: 446px;
        height: 557px;
        position: absolute;
        bottom: -557px;
        left: 0px;
        z-index: 2;
        background:url(./03en_yywh_yymx_mask_bg.png) no-repeat center top;
    }
    .yymx-swiper-mask .mask-box{
        width:380px;
        position:absolute;
        left:50%;
        margin-left:-190px;
        bottom:60px;
    }
    .yymx-swiper-mask .mask-box .yymx-item-title{
        color:#fff;
        font-size:26px;
        line-height:36px;
        margin-bottom:24px;
    }
    .yymx-swiper-mask .mask-box .yymx-item-intr{
        color:#fff;
        font-size:16px;
        line-height:26px;
        text-indent:2em;
    }
    .mask-line{
        width:373px;
        height:4px;
        background:url(./03en_yywh_mask_line.png) no-repeat;
        background-size:100% 100%;
        margin:30px 0;
    }
    .yymx-item-detail{
        color:#fff;
        font-size:16px;
        line-height:32px;
    }
    #prev_yymx,#next_yymx{
        display: block;
        width: 33px;
        height: 24px;
        position: absolute;
        top: 0;
        margin-top: 590px;
        z-index: 99;
    }
    #prev_yymx:focus,#next_yymx:focus{outline: none;}
    #prev_yymx{
        background: url(03en_btn_prev1.png) no-repeat center top;
        left: 1280px;
    }
    #next_yymx{
        background: url(03en_btn_next1.png) no-repeat center top;
        right: 0;
    }
    #prev_yymx:hover{
        background: url(03en_btn_prev2.png) no-repeat center top;
    }
    #next_yymx:hover{
        background: url(03en_btn_next2.png) no-repeat center top;
    }
    /*亚运记忆*/
    .yyjy{
        width:100%;
        margin-bottom:60px;
    }
    .yyjy-box{
        width:100%;
        overflow:hidden;
    }
    .yyjy-title{
        margin-bottom: 30px;
        width: 100%;
        position: relative;
        height: 31px;
        background: url(03en_title_AG_Memory.png) no-repeat left top;
    }
    .yyjy-box-left{
        width:921px;
        float:left;
        position: relative;
        height: 466px;
        display: flex;
        justify-content: center;
        align-items:  center ;
    }
    .yyjy-box-left img{
       /* position: absolute;
        top: 50%;
        left: 50%;*/
        opacity: 0;
     /*   margin-top: -233px;
        margin-left: -460.5px;*/

    }

    @keyframes imgScale1{
        from{
            width: 50%;
            height: auto;
            /* height: 152px;
             top: 50%;
             left: 50%;
             margin-top: -76px;
             margin-left: -150px;*/
            opacity: 0;
        }
        to{
            width: 100%;
            /*height: 400px;
            top: 50%;
            left: 50%;*/
            opacity: 1;
            /*margin-top: -200px;
            margin-left: -385px;*/
        }
    }
    @-webkit-keyframes imgScale1{
        from{
            width: 50%;
            height: auto;
            /* height: 152px;
             top: 50%;
             left: 50%;
             margin-top: -76px;
             margin-left: -150px;*/
            opacity: 0;
        }
        to{
            width: 100%;
            /*height: 400px;
            top: 50%;
            left: 50%;*/
            opacity: 1;
            /*margin-top: -200px;
            margin-left: -385px;*/
        }
    }

    .yyjy-box-left img.imgScaleAct1{
    animation:imgScale1 0.8s linear forwards;
    -webkit-animation:imgScale1 0.8s linear forwards;
}
    .yyjy-box-right{
        width:440px;
        float:right;
        position: relative;
    }
    .text-item{
        box-sizing: border-box;
        display:block;
        font-size:24px;
        line-height:36px;
        color:#282828;
        width:100%;
        margin-bottom:45px;
        padding-left:24px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .text-item::before{
        display: block;
        content: "";
        background:url(./03en_yywh_line.png) no-repeat left center;
        width: 2px;
        height: 0px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .text-item:hover::before{
        transition: 0.2s all linear;
        height: 50px;
    }
    .text-item img{
        display:block;
    }
    .yywh-more{
        display:block;
        width:200px;
        margin-top:65px;
        margin-left:24px;
    }
    .yywh-more img{
        display:block;
        width:100%;
    }
    .hzjy{
        width:100%;
    }
    .hzjy-title{
        margin-bottom: 30px;
        width: 100%;
        position: relative;
        height: 31px;
        background: url(03en_title_HZ_Memory.png) no-repeat left top;
    }
    .hzjy-box{
        width:100%;
        overflow:hidden;
    }
    .hzjy-box-right{
        width:844px;
        float:right;
        position: relative;
        height: 476px;
        display: flex;
        justify-content: center;
        align-items:  center ;
    }
    .hzjy-box-right img{
       /* position: absolute;
        top: 50%;
        left: 50%;*/
        opacity: 0;
       /* margin-top: -238px;
        margin-left: -422px;*/
    }
    .hzjy-box-right img.imgScaleAct2{
        animation: imgScale2 0.8s linear forwards;
        -webkit-animation: imgScale2 0.8s linear forwards;
    }
    @keyframes imgScale2{
        from{
            width: 50%;
          /*  height: 169px;
            top: 50%;
            left: 50%;
            margin-top: -84.5px;
            margin-left: -150px;*/
            opacity: 0;
        }
        to{
            width: 100%;
           /* height: 476px;
            top: 50%;
            left: 50%;*/
            opacity: 1;
          /*  margin-top: -238px;
            margin-left: -422px;*/
        }
    }
    @-webkit-keyframes imgScale2{
        from{
            width: 50%;
            /*  height: 169px;
              top: 50%;
              left: 50%;
              margin-top: -84.5px;
              margin-left: -150px;*/
            opacity: 0;
        }
        to{
            width: 100%;
            /* height: 476px;
             top: 50%;
             left: 50%;*/
            opacity: 1;
            /*  margin-top: -238px;
              margin-left: -422px;*/
        }
    }
    .hzjy-box-left{
        width:405px;
        float:left;
        padding-top:30px;
    }








@media screen and (max-width: 1600px) {
    .sp-bottom{
        width:1200px;
        margin:0 auto;
        overflow: hidden;
    }
    .sp-bottom-left,.sp-bottom-middle,.sp-bottom-right{
        width:350px;
        float:left;
    }
    .sp-bottom-left,.sp-bottom-middle{
        margin-right:75px;
    }
    .sp-bottom-item .video-box .play-btn{
        width:50px;
        height:50px;
        background:url(03en_btn_play.png) no-repeat center top;
        background-size:100% 100%;
        position:absolute;
        left:50%;
        margin-left:-25px;
        top:50%;
        margin-top:-25px;
        z-index:100;
    }
    .sp-bottom-item.small-video .video-box img{
        height:205px;
    }
    .sp-bottom-item.big-video .video-box img{
        height:530px;
    }
    .sp-item-title{
        width:100%;
        font-size:22px;
        line-height:32px;
        height:68px;
        margin:25px 0 42px;
    }
    /*亚运文化*/
    .yywh-box{
        width: 1200px;
        margin: 0 auto;
        position: relative;
        /*border-bottom: 1px solid #d4d4d4;*/
        padding-bottom: 60px;
    }
    .yymx-title{
        margin-bottom: 30px;
        /* margin-bottom: 26px; */
        width: 100%;
        position: relative;
        /* height: 26.5px; */
        height: 31px;
        background: url(03en_title_AG_Aesthetics.png) no-repeat left top;
    }
    .yymx{
        width:100%;
        /* margin-bottom: 60px; */
        margin-bottom: 51px;
    }
    .yymx-swiper{
        width: 100%;
        /* height:620px; */
        height:530px;
        position: relative;
    }
    #swiper_yymx {
        width:100%;
        margin:0px auto;
        position:relative;
        overflow:hidden;
    }
    #swiper_yymx .swiper-slide {
        float:left;
        list-style:none;
        /* width:446px !important; */
        width:382px !important;
        height:477px;
        /* height:557px; */
        margin: 0 9px;
        position: relative;
        cursor: pointer;
        overflow:hidden;
    }
    #swiper_yymx .swiper-slide img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .yymx-swiper-mask{
        width: 382px;
        height: 477px;
        position: absolute;
        bottom: -477px;
        left: 0px;
        z-index: 2;
        background:url(./03en_yywh_yymx_mask_bg.png) no-repeat center top;
    }
    .yymx-swiper-mask .mask-box{
        /* width:380px; */
        width:326px;
        position:absolute;
        left:50%;
        margin-left:-163px;
        /* bottom:60px; */
        bottom:51px;
    }
    .yymx-swiper-mask .mask-box .yymx-item-title{
        color:#fff;
        font-size:22px;
        line-height:32px;
        margin-bottom:20px;
    }
    .yymx-swiper-mask .mask-box .yymx-item-intr{
        color:#fff;
        font-size:14px;
        line-height:24px;
        text-indent:2em;
    }
    .mask-line{
        /* width:373px; */
        width:320px;
        height:3.4px;
        background:url(./03en_yywh_mask_line.png) no-repeat;
        background-size:100% 100%;
        margin:26px 0;
    }
    .yymx-item-detail{
        color:#fff;
        font-size:14px;
        line-height:28px;
    }
    #prev_yymx,#next_yymx{
        display: block;
        width: 33px;
        height: 24px;
        position: absolute;
        top: 0;
        /* margin-top: 590px; */
        margin-top: 506px;
        z-index: 99;
    }
    #prev_yymx:focus,#next_yymx:focus{outline: none;}
    #prev_yymx{
        background: url(03en_btn_prev1.png) no-repeat center top;
        /* left: 1280px; */
        left:1097px;
    }
    #next_yymx{
        background: url(03en_btn_next1.png) no-repeat center top;
        right: 0;
    }
    #prev_yymx:hover{
        background: url(03en_btn_prev2.png) no-repeat center top;
    }
    #next_yymx:hover{
        background: url(03en_btn_next2.png) no-repeat center top;
    }
    /*亚运记忆*/
    .yyjy{
        width:100%;
        margin-bottom:60px;
    }
    .yyjy-box{
        width:100%;
        overflow:hidden;
    }
    .yyjy-title{
        margin-bottom: 30px;
        width: 100%;
        position: relative;
        height: 31px;
        background: url(03en_title_AG_Memory.png) no-repeat left top;
    }
    .yyjy-box-left{
        width:790px;
        /* width:921px; */
        float:left;
        position: relative;
        /* height: 466px; */
        height: 400px;
        display: flex;
        justify-content: center;
        align-items:  center ;
    }
    .yyjy-box-left img{
       /* position: absolute;*/
       /* max-width: 100%;
        max-height: 100%;
        top: 50%;
        left: 50%;*/
        opacity: 0;
       /* margin-top: -200px;
        margin-left: -385px;*/
    }

    @keyframes imgScale1{
        from{
            width: 50%;
            opacity: 0;
            /* height: 152px;
             top: 50%;
             left: 50%;
             margin-top: -76px;
             margin-left: -150px;*/
        }
        to{
            width: 100%;
            opacity: 1;
            /*height: 400px;
            top: 50%;
            left: 50%;*/
            /*margin-top: -200px;
            margin-left: -385px;*/
        }
    }
    @-webkit-keyframes imgScale1{
        from{
            width: 50%;
            opacity: 0;
            /* height: 152px;
             top: 50%;
             left: 50%;
             margin-top: -76px;
             margin-left: -150px;*/
        }
        to{
            width: 100%;
            opacity: 1;
            /*height: 400px;
            top: 50%;
            left: 50%;*/
            /*margin-top: -200px;
            margin-left: -385px;*/
        }
    }


    .yyjy-box-left img.imgScaleAct1{
        animation:imgScale1 0.8s linear forwards;
        -webkit-animation:imgScale1 0.8s linear forwards;
    }


    .yyjy-box-right{
        /* width:440px; */
        width:378px;
        float:right;
        position: relative;
    }
    .text-item{
        display:block;
        font-size:20.5px;
        line-height:1.5;
        color:#282828;
        width:100%;
        margin-bottom:45px;
        padding-left:21px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .text-item::before{
        display: block;
        content: "";
        background:url(./03en_yywh_line.png) no-repeat left center;
        width: 2px;
        height: 0px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .text-item:hover::before{
        transition: 0.2s all linear;
        height: 43px;
    }
    .text-item img{
        display:block;
    }
    .yywh-more{
        display:block;
        width:172px;
        margin-top:55.8px;
        margin-left:21px;
    }
    .yywh-more img{
        display:block;
        width:100%;
    }
    .hzjy{
        width:100%;
    }
    .hzjy-title{
        margin-bottom: 30px;
        width: 100%;
        position: relative;
        height: 31px;
        background: url(03en_title_HZ_Memory.png) no-repeat left top;
    }
    .hzjy-box{
        width:100%;
        overflow:hidden;
    }
    .hzjy-box-right{
        /* width:844px; */
        /* height: 476px; */

        width:724px;
        float:right;
        position: relative;
        height:408px;

        display: flex;
        justify-content: center;
        align-items:  center ;

    }
    .hzjy-box-right img{
        opacity: 0;
        /*   max-width: 100%;
           max-height:100%;
           position: absolute;
           top: 50%;
           left: 50%;*/
       /* margin-top: -204px;
        margin-left: -362px;*/
    }
    @keyframes imgScale2{
        from{
            width: 50%;
            /*  height: 169px;
              top: 50%;
              left: 50%;
              margin-top: -84.5px;
              margin-left: -150px;*/
            opacity: 0;
        }
        to{
            width: 100%;
            /* height: 476px;
             top: 50%;
             left: 50%;*/
            opacity: 1;
            /*  margin-top: -238px;
              margin-left: -422px;*/
        }
    }
    @-webkit-keyframes imgScale2{
        from{
            width: 50%;
            /*  height: 169px;
              top: 50%;
              left: 50%;
              margin-top: -84.5px;
              margin-left: -150px;*/
            opacity: 0;
        }
        to{
            width: 100%;
            /* height: 476px;
             top: 50%;
             left: 50%;*/
            opacity: 1;
            /*  margin-top: -238px;
              margin-left: -422px;*/
        }
    }
    .hzjy-box-right img.imgScaleAct2{
        animation: imgScale2 0.8s linear forwards;
        -webkit-animation: imgScale2 0.8s linear forwards;
    }

    .hzjy-box-left{
        width:347px;
        float:left;
        padding-top:26px;
    }
}
@media screen and (max-width: 1400px) {
    .sp-bottom{
        width:1000px;
        margin:0 auto;
        overflow: hidden;
    }
    .sp-bottom-left,.sp-bottom-middle,.sp-bottom-right{
        width:290px;
        float:left;
    }
    .sp-bottom-left,.sp-bottom-middle{
        margin-right:65px;
    }
    .sp-bottom-item .video-box .play-btn{
        width:45px;
        height:45px;
        background:url(03en_btn_play.png) no-repeat center top;
        background-size:100% 100%;
        position:absolute;
        left:50%;
        margin-left:-22.5px;
        top:50%;
        margin-top:-22.5px;
        z-index:100;
    }
    .sp-bottom-item.small-video .video-box img{
        height:170px;
    }
    .sp-bottom-item.big-video .video-box img{
        height:440px;
    }
    .sp-item-title{
        width:100%;
        font-size:18px;
        line-height:28px;
        height:64px;
        margin:21px 0 36px;
    }
    /*亚运文化*/
    .yywh-box{
        width: 1000px;
        margin: 0 auto;
        position: relative;
        /*
        border-bottom: 1px solid #d4d4d4;
        */
        padding-bottom: 60px;
    }
    .yymx-title{
        margin-bottom: 30px;
        width: 100%;
        position: relative;
        height: 31px;
        background: url(03en_title_AG_Aesthetics.png) no-repeat left top;
    }
    .yymx{
        width:100%;
        margin-bottom: 60px;
    }
    .yymx-swiper{
        width: 100%;
        height:442px;
        /* height:620px; */
        position: relative;
    }
    #swiper_yymx{
        width:100%;
        margin:0px auto;
        position:relative;
        overflow:hidden;
    }
    #swiper_yymx .swiper-slide{
        float:left;
        list-style:none;
        width:318px !important;
        margin: 0 8px;

        height:397px;
        position: relative;
        cursor: pointer;
        overflow:hidden;
    }
    #swiper_yymx .swiper-slide img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .yymx-swiper-mask{
        width: 318px;
        height: 397px;
        position: absolute;
        bottom: -397px;
        left: 0px;
        z-index: 2;
        background:url(./03en_yywh_yymx_mask_bg.png) no-repeat center top;
    }
    .yymx-swiper-mask .mask-box{
        width:272px;
        position:absolute;
        left:50%;
        margin-left:-136px;
        bottom:42.85px;
    }
    .yymx-swiper-mask .mask-box .yymx-item-title{
        color:#fff;
        font-size:18.5px;
        line-height:26px;
        margin-bottom:24px;
    }
    .yymx-swiper-mask .mask-box .yymx-item-intr{
        color:#fff;
        font-size:12px;
        line-height:19px;
        text-indent:2em;
    }
    .mask-line{
        width:266px;
        height:3px;
        background:url(./03en_yywh_mask_line.png) no-repeat;
        background-size:100% 100%;
        margin:22px 0;
    }
    .yymx-item-detail{
        color:#fff;
        font-size:12px;
        line-height:24px;
    }
    #prev_yymx,#next_yymx{
        display: block;
        width: 33px;
        height: 24px;
        position: absolute;
        top: 0;
        margin-top: 422px;
        z-index: 99;
    }
    #prev_yymx:focus,#next_yymx:focus{outline: none;}
    #prev_yymx{
        background: url(03en_btn_prev1.png) no-repeat center top;
        left: 914px;
    }
    #next_yymx{
        background: url(03en_btn_next1.png) no-repeat center top;
        right: 0;
    }
    #prev_yymx:hover{
        background: url(03en_btn_prev2.png) no-repeat center top;
    }
    #next_yymx:hover{
        background: url(03en_btn_next2.png) no-repeat center top;
    }
    /*亚运记忆*/
    .yyjy{
        width:100%;
        margin-bottom:60px;
    }
    .yyjy-box{
        width:100%;
        overflow:hidden;
    }
    .yyjy-title{
        margin-bottom: 30px;
        width: 100%;
        position: relative;
        height: 31px;
        background: url(03en_title_AG_Memory.png) no-repeat left top;
    }
    .yyjy-box-left{
        width:658px;
        float:left;
        position: relative;
        height: 333px;
    }
    .yyjy-box-left img{
       /* position: absolute;
        top: 50%;
        left: 50%;*/
        opacity: 0;
        /*margin-top: -166.5px;
        margin-left: -329px;*/
    }

    @keyframes imgScale1{
        from{
            width: 50%;
            height: auto;
            /* height: 152px;
             top: 50%;
             left: 50%;
             margin-top: -76px;
             margin-left: -150px;*/
            opacity: 0;
        }
        to{
            width: 100%;
            /*height: 400px;
            top: 50%;
            left: 50%;*/
            opacity: 1;
            /*margin-top: -200px;
            margin-left: -385px;*/
        }
    }
    @-webkit-keyframes imgScale1{
        from{
            width: 50%;
            height: auto;
            /* height: 152px;
             top: 50%;
             left: 50%;
             margin-top: -76px;
             margin-left: -150px;*/
            opacity: 0;
        }
        to{
            width: 100%;
            /*height: 400px;
            top: 50%;
            left: 50%;*/
            opacity: 1;
            /*margin-top: -200px;
            margin-left: -385px;*/
        }
    }
    .yyjy-box-right{
        width:314px;
        float:right;
        position: relative;
    }
    .text-item{
        display:block;
        font-size:18px;
        line-height:28px;
        color:#282828;
        width:100%;
        margin-bottom:32px;
        padding-left:18px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .yyjy-box-left img.imgScaleAct1{
        animation:imgScale1 0.8s linear forwards;
        -webkit-animation:imgScale1 0.8s linear forwards;
    }
    .text-item:before{
        display: block;
        content: "";
        background:url(./03en_yywh_line.png) no-repeat left center;
        width: 2px;
        height: 0px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .text-item:hover:before{
        transition: 0.2s all linear;
        height: 36px;
    }
    .text-item img{
        display:block;
    }
    .yywh-more{
        display:block;
        width:143px;
        margin-top:65px;
        margin-left:24px;
    }
    .yywh-more img{
        display:block;
        width:100%;
    }
    .hzjy{
        width:100%;
    }
    .hzjy-title{
        margin-bottom: 30px;
        width: 100%;
        position: relative;
        height: 31px;
        background: url(03en_title_HZ_Memory.png) no-repeat left top;
    }
    .hzjy-box{
        width:100%;
        overflow:hidden;
    }
    .hzjy-box-right{
        width:602px;
        float:right;
        position: relative;
        height: 340px;
    }
    .hzjy-box-right img{
       /* position: absolute;
        top: 50%;
        left: 50%;*/
        opacity: 0;
        /*margin-top: -170px;
        margin-left: -301px;*/
    }
    .hzjy-box-right img.imgScaleAct2{
        animation: imgScale2 0.8s linear forwards;
        -webkit-animation: imgScale2 0.8s linear forwards;
    }
    @keyframes imgScale2{
        from{
            width: 50%;
            /*  height: 169px;
              top: 50%;
              left: 50%;
              margin-top: -84.5px;
              margin-left: -150px;*/
            opacity: 0;
        }
        to{
            width: 100%;
            /* height: 476px;
             top: 50%;
             left: 50%;*/
            opacity: 1;
            /*  margin-top: -238px;
              margin-left: -422px;*/
        }
    }
    @-webkit-keyframes imgScale2{
        from{
            width: 50%;
            /*  height: 169px;
              top: 50%;
              left: 50%;
              margin-top: -84.5px;
              margin-left: -150px;*/
            opacity: 0;
        }
        to{
            width: 100%;
            /* height: 476px;
             top: 50%;
             left: 50%;*/
            opacity: 1;
            /*  margin-top: -238px;
              margin-left: -422px;*/
        }
    }
    .hzjy-box-left{
        width:289px;
        float:left;
        padding-top:22px;
    }
}
/* 亚运文化 */
.yywh{
    background: #f4f4f4;
    padding-bottom: 0;
    padding-top:3.65%;
}
.yywh-title{
    width:24.375%;
    height: auto;
    margin: 0 auto 1.875%; ;
}
.yywh-title img{width: 100%;}



/* 城市之窗场馆轮播图 */
.cszc-swipers-box{width: 1578px;margin: 0 auto;position: relative;overflow: hidden;padding: 4% 0 0;}
.cszc-swipers{height: 192px;width: 100%;position: relative;}
.cszc-swiper-item{width: 100%;height: 100%;visibility: hidden;position: absolute;top: 0;left: 0;background: #fff;opacity: 0;}
.cszc-swiper-item:first-child{visibility: visible;opacity: 1;}
.cszc-swiper-item .swiper .swiper-slide{width: 500px !important;height: 192px;border: 1px solid #535353;padding: 20px;margin: 0 13px;box-sizing: border-box;-webkit-box-sizing: border-box;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.cszc-swiper-item .swiper .swiper-slide img{width: 220px;height: 100%;display: block;float: left;}
.cszc-swiper-item .swiper .swiper-slide .cszc-swiper-item-title{width: 220px;height: 100%;font-size: 26px;line-height: 36px;color: #282828;float: right;}
.cszc-swiper-item .swiper .swiper-slide .cszc-swiper-item-title a{color: #282828;}
.cszc-swiper-item .next-cszc-swiper-item,.cszc-swiper-item .prev-cszc-swiper-item{width: 33px;height: 24px;top: 0;margin-top: -3%;}
.cszc-swiper-item .next-cszc-swiper-item{background: url(./03en_btn_next1.png) no-repeat center top;right: 0;}
.cszc-swiper-item .prev-cszc-swiper-item{background: url(./03en_btn_prev1.png) no-repeat center top;left: 91%;}
.cszc-swiper-item .next-cszc-swiper-item:hover{background: url(./03en_btn_next2.png) no-repeat center top;right: 0;}
.cszc-swiper-item .prev-cszc-swiper-item:hover{background: url(./03en_btn_prev2.png) no-repeat center top;left: 91%;}
.cszc-swiper-item .swiper .swiper-slide.cszcSwiperAct{background: #1b21aa;}
.cszc-swiper-item .swiper .swiper-slide.cszcSwiperAct .cszc-swiper-item-title,.cszc-swiper-item .swiper .swiper-slide.cszcSwiperAct .cszc-swiper-item-title a {color: #fff;}
@media screen  and (max-width: 1600px){
    .cszc-swipers-box{width: 1375px;}
    .cszc-swiper-item .swiper .swiper-slide{width: 416px !important;height: 160px;padding: 16px;margin: 0 21px;}
    .cszc-swiper-item .swiper .swiper-slide img{width: 183px;}
    .cszc-swiper-item .swiper .swiper-slide .cszc-swiper-item-title{width: 183px;font-size: 22px;line-height: 32px;}
}
@media screen  and (max-width: 1400px){
    .cszc-swipers-box{width: 1200px;}
    .cszc-swiper-item .swiper .swiper-slide{width: 364px !important;height: 140px;padding: 14px;margin: 0 18px;}
    .cszc-swiper-item .swiper .swiper-slide img{width: 160px;}
    .cszc-swiper-item .swiper .swiper-slide .cszc-swiper-item-title{width: 160px;font-size: 18px;line-height: 28px;}
}