body,.page, .page-group,.page-group,.content{position: inherit;} body,.page, .page-group,.page-group.page-current, .page.page-current{overflow: inherit;} ul{ list-style: none; padding: 0;} .page .bar-nav{position: fixed; background: #248894; background: -webkit-linear-gradient(left, #0873c2 , #33927d); background: -o-linear-gradient(right, #0873c2 , #33927d); background: -moz-linear-gradient(right, #0873c2 , #33927d); background: linear-gradient(to right, #0873c2 , #33927d)} .bar{position: absolute;} .content{overflow-y: scroll;} .page-current{position: absolute; left:0; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .infinite-scroll-preloader{ background: #efeff4; padding: .5rem; margin: 0 auto; } /*公共设计*/ .idx-titie h1{ display: none; } .page .pull-left{line-height: 1.5rem; font-size: 1.8rem; transition:.5s; -moz-transition: .5s; -webkit-transition: .5s;} .close-panel{position: absolute; top:0.5rem; right:.75rem; height: 1.4rem; line-height: 1.4rem; color: #333; font-size: 2rem;} .logo{overflow: hidden; margin: 0 auto; float: left; height: 100%; padding: 5px 0;} .logo img{overflow: hidden; display: block; margin: 0 auto; height: 100%;} .bar-nav~.content{top:0;} .idx-titie:after{background: transparent; } .bar-tab{background: #0773c2;} .bar-tab .tab-item{color: #fff;} .bar-tab .tab-item .icon{width: 30px; height: 28px; } .icon-nav1{ background: url("../images/fot_01.png") no-repeat; background-size: cover; } .icon-nav2{ background: url("../images/fot_02.png") no-repeat; background-size: cover; } .icon-nav3{ background: url("../images/fot_03.png") no-repeat; background-size: cover; } .footer{ overflow: hidden; margin: 0 auto; width: 100%; height: 44px; position: absolute; bottom: 0; left:0; z-index: 2; background: rgba(0, 0, 0, 0.5);} .footer p{ overflow: hidden; margin: 0 auto; width: 100%; height: 44px; line-height: 44px; font-size: 12px; color: #ffffff; text-align: center;} .is-active{display: block; font-size: 14px; color: #9a9a9a; text-transform: capitalize; text-align: center; line-height: 3.2rem; position: fixed; bottom: -2rem; left:0; right:0; margin: auto; width: 4rem; height: 4rem; background: #fff; border-radius: 50%; z-index: 2; text-shadow : 1px 1px 1px rgba(255,255,255, .22); background: -moz-linear-gradient(#f7f2f6, #b2ac9e); background: -ms-linear-gradient(#f7f2f6, #b2ac9e); background: -o-linear-gradient(#f7f2f6, #b2ac9e); background: linear-gradient(#f7f2f6, #b2ac9e); -webkit-animation:fadeInUp 1.5s .8s ease both; -moz-animation:fadeInUp 1.5s .8s ease both; } .HRET{overflow: hidden; margin: 0 auto; position: absolute; top:0; left:0; z-index: 0; background: rgba(0, 0, 0, 0.74); width: 100%; height: 100%; overflow-y: scroll; opacity: 0; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;} .hret-box{overflow: hidden; margin: 0 auto; padding: 50px 15px 0; } .hret-box>div{overflow: hidden; margin: 0 auto; display: table;} .hret-box>div a{overflow: hidden; margin: 0.2rem; font-size: 16px; color: #fff; text-align: center; float: left; width: calc((100% - 1.2rem) / 3); height: 90px; background: #0894ec; display: block; border-radius: 5px; } .hret-box>div a i{overflow: hidden; margin: 10px auto 0; display: block; width: 80px; height: 40px; } .hret-box>div a i img{ margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover; } .hret-box>div a p{overflow: hidden; margin: 0 auto; font-size: 16px; color: #fff; } .hret-box .hret-bg{overflow: hidden; margin: 0 auto; font-size: 50px; text-align: center; color: #fff; width: 40px; height: 40px; line-height: 40px; position: absolute; top:10px; right:15px; font-weight: normal;} i.icon-off{display: block; position: absolute; width: 80%; height: 80%; left: 50%; top: 50%; z-index: -1; margin: -40% 0 0 -40%; border-radius: 50%; background: #d2cbc3; background: -moz-linear-gradient(#cbc7bc, #d2cbc3); background: -ms-linear-gradient(#cbc7bc, #d2cbc3); background: -o-linear-gradient(#cbc7bc, #d2cbc3); background: -webkit-gradient(linear, 0 0, 0 100%, from(#cbc7bc), to(#d2cbc3)); background: -webkit-linear-gradient(#cbc7bc, #d2cbc3); background: linear-gradient(#cbc7bc, #d2cbc3); box-shadow: 0 -2px 5px rgba(255,255,255,0.05), 0 2px 5px rgba(255,255,255,0.1);} i.icon-off2{display: block; position: absolute; width: 66%; height: 66%; left: 50%; top: 50%; z-index: -1; margin: -33% 0 0 -33%; border-radius: 50%; text-shadow : 1px 1px 1px rgba(255,255,255, .22); background: -moz-linear-gradient(#f7f2f6, #b2ac9e); background: -ms-linear-gradient(#f7f2f6, #b2ac9e); background: -o-linear-gradient(#f7f2f6, #b2ac9e); background: linear-gradient(#f7f2f6, #b2ac9e);} .btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around} .btn--shockwave.is-active:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;-webkit-animation:shockwave 1s .65s ease-out infinite;animation:shockwave 1s .65s ease-out infinite} .btn--shockwave.is-active:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;-webkit-animation:shockwave 1s .5s ease-out infinite;animation:shockwave 1s .5s ease-out infinite} @-webkit-keyframes shockwave{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 2px rgba(255,255,255,.5),inset 0 0 1px rgba(255,255,255,.5)} 95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent} 100%{-webkit-transform:scale(2.25);transform:scale(2.25)} } @keyframes shockwave{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 2px rgba(255,255,255,.5),inset 0 0 1px rgba(255,255,255,.5)} 95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent} 100%{-webkit-transform:scale(2.25);transform:scale(2.25)} } /*分页*/ .article_paging{ overflow: hidden; margin: 10px auto;} .article_paging ul{overflow: hidden; margin: 0 auto;} .article_paging ul li{overflow: hidden; margin: 0 auto; display: block;} .article_paging ul li span{overflow: hidden; margin: 0 auto; display: block; float: left;} .article_paging ul li a{overflow: hidden; margin: 0 auto; display: block; padding-left: 10px; white-space:nowrap; text-overflow:ellipsis;} /*轮播*/ .swiper-slide img{overflow: hidden; margin: 0 auto; width: 100%; height: 100%; object-fit: cover;} .swiper-container{padding-bottom: 0;} .idx-banner .swiper-container-horizontal>.swiper-pagination{bottom: 50px;} .idx-banner .swiper-container-horizontal>.swiper-pagination span{overflow: hidden; background: transparent; padding: 5px 15px; border: 1px solid #e10690; border-radius: 0; } .idx-banner .swiper-container-horizontal>.swiper-pagination span:before{ display: block; margin: 0 auto; text-align: center; font-size: 10px; color: #fff;} .idx-banner .swiper-container-horizontal>.swiper-pagination span:nth-of-type(1):before{ content: "01";} .idx-banner .swiper-container-horizontal>.swiper-pagination span:nth-of-type(2):before{ content: "02";} .idx-banner.swiper-container-horizontal>.swiper-pagination span:nth-of-type(3):before{ content: "03";} .idx-banner .swiper-slide a img{height: 100%;} .idx-banner{overflow: hidden; } .review .swiper-container-horizontal>.swiper-pagination{bottom: 3rem;} .review .swiper-pagination-bullet{ width: 8px; height: 8px; } .banner{overflow: hidden; margin: 0 auto; position: absolute; top:0; left:0; width: 100%;} /*悬浮弹窗*/ .cheer{margin: 0 auto; width: 47px; position: absolute; top:10%; right:0; z-index: 2;} .cheer .cheer-box{ margin: 0 auto; position: relative;} .cheer .cheer-btn{overflow: hidden; margin: 0 auto; width: 47px; position: absolute; z-index: 6;} .cheer .cheer-btn img{display: block; margin: 0 auto; width: 100%;} .cheer .cell{ overflow: hidden; display: block; position: absolute; top:-15px; right:25px; z-index: 5;} .cheer .cell i{ overflow: hidden; display: block; width: 32px; height: 26px; } .cheer .cell i img{ overflow: hidden; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; right:0; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; } .cheer .cell-box{ overflow: hidden; width: 204px; height:55px; position: absolute; top:20px; right:-204px; background: url("../images/kawaii_bg.png") no-repeat; background-size: cover; z-index: 4; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;} .cheer .cell-box h4{overflow: hidden; margin: 4px auto 0; font-size: 13px; color: #0adcf8; text-align: right; padding-right: 50px; float: right;} .cheer .cell-box p{overflow: hidden; margin: 0 auto; font-size: 7px; color: #07dcf6; text-align: right; padding-right: 50px; line-height: 14px; width: 180px; float: right;} /*导航栏目*/ .panel-overlay{background: transparent; width: 0; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; height: 100vh; display: block;} .content-block{margin: 0.75rem auto;} .menu-bg{background:#fff; position: fixed; width: 13rem; top:0; left:-13rem; height: 100vh; z-index: 9999; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; opacity: 0; border-right: 1px solid #ddd;} .nav-left{margin: 4rem auto 0; overflow: hidden; position: relative; height: 100%;} .nav-left a{ display: block; font-size:1.2rem; margin:0 auto; padding:0 .5rem 0.75rem; color: #333333; text-align: center; position: absolute; opacity: 1; transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; } .nav-left a:nth-of-type(1){ top:1.5rem; left:-3rem; right:0;} .nav-left a:nth-of-type(2){ top:4rem; left:-5rem; right:0;} .nav-left a:nth-of-type(3){ top:6.5rem; left:-7rem; right:0;} .nav-left a:nth-of-type(4){ top:9rem; left:-9rem; right:0;} .nav-left a:nth-of-type(5){ top:11.5rem; left:-11rem; right:0;} .nav-left a:nth-of-type(6){ top:14rem; left:-13rem; right:0;} .nav-left a:nth-of-type(7){ top:16.5rem; left:-15rem; right:0;} .nav-left a:nth-of-type(8){ top:19rem; left:-17rem; right:0;} .nav-left a:nth-of-type(9){ top:21.5rem; left:-19rem; right:0;} .nav-left a:nth-of-type(10){ top:24rem; left:-21rem; right:0;} .nav-left a:nth-of-type(11){ top:26.5rem; left:-23rem; right:0;} /*内容开始*/ .content-inner{background: #fff; height: 100vh;} .index{overflow: hidden; margin: 0 auto; padding: 0 15px; width: 100%; height: 100vh; background: url("../images/index_bg.jpg") no-repeat center; background-size: 100% 100%; } .index .index-box{overflow: hidden; width: 100%; height: 0; padding: 0 15px; position: absolute; top:0; left:0; right:0; bottom: 0; margin: auto; z-index: 2; } .index .index-nav{overflow: hidden; width: 100%; } .index .index-nav a{overflow: hidden; display: block; margin: 5px auto; margin-right: 3.5%; width: calc((100% - 7%) / 3); float:left; border-radius: 5px; } .index .index-nav a:nth-of-type(3n){ margin-right: 0; } .index .index-nav a i{overflow: hidden; margin: 1rem auto 0; display: block; width: 100%; height: 40px; max-width: 65px; max-height: 40px; } .index .index-nav a i img{margin: 0 auto; display: block; width: 100%; height:100%; object-fit: cover; } .index .index-nav a p{ overflow: hidden; margin: 0 auto; font-size: 15px; color: #ffffff; text-align: center; } .index .index-nav a:nth-of-type(1){ background: #19d5f5; -webkit-animation:fadeInDown 1.5s .8s ease both; -moz-animation:fadeInDown 1.5s .8s ease both;} .index .index-nav a:nth-of-type(2){ background: #ed5a8f; -webkit-animation:fadeInRight 1.5s .8s ease both; -moz-animation:fadeInRight 1.5s .8s ease both;} .index .index-nav a:nth-of-type(3){ background: #bbdf82; -webkit-animation:fadeInUp 1.5s .8s ease both; -moz-animation:fadeInUp 1.5s .8s ease both;} .index .index-nav a:nth-of-type(4){ background: #7cbdea; -webkit-animation:fadeInLeft 1.5s .8s ease both; -moz-animation:fadeInLeft 1.5s .8s ease both;} .index .index-nav a:nth-of-type(5){ background: #8be4a2; -webkit-animation:bounceIn 1.5s .6s ease both; -moz-animation:bounceIn 1.5s .6s ease both;} .index .index-nav a:nth-of-type(6){ background: #edc57d;-webkit-animation:fadeInDown 1.5s .8s ease both; -moz-animation:fadeInDown 1.5s .8s ease both; } .index .index-nav a:nth-of-type(7){ background: #ff9287; -webkit-animation:fadeInRight 1.5s .8s ease both; -moz-animation:fadeInRight 1.5s .8s ease both;} .index .index-nav a:nth-of-type(8){ background: #54eae6;-webkit-animation:fadeInUp 1.5s .8s ease both; -moz-animation:fadeInUp 1.5s .8s ease both; } .index .index-nav a:nth-of-type(9){ background: #8f94f5;-webkit-animation:fadeInLeft 1.5s .8s ease both; -moz-animation:fadeInLeft 1.5s .8s ease both; } /*page-gg*/ .page-gg{overflow: hidden; margin: 0 auto; width: 100%; min-height: calc(100vh - 2.5rem); background: #ccc; padding-top: 50px; padding-bottom: 2.5rem;} .page-bg{overflow: hidden; width: 100%; margin: 0 auto; background: #efeff4; padding: 0 15px; } .page-bg2{width: 100%; margin: 0 auto; background: #fff;} .page-bg>div{ height: calc(100% - 20px); background: #efeff4; margin: 10px auto; overflow-y: scroll; } .page-bt{overflow: hidden; margin: 0 auto; padding: 12px 0;} .page-bt h3{overflow: hidden; margin: 3px auto; font-size: 25px; color: #333333; text-align: center;} .page-bt span{overflow: hidden; margin: 0 auto; display: block; width: 40px; height: 2px; background: #ffa800; } .page-nav{ overflow: hidden; overflow-x: scroll; width: 100%; margin: 0 auto 10px; padding:15px 0; background: #efeff4; border-bottom: 1px solid #e4e4e4;} .page-nav>div{ overflow: hidden; margin: 0 auto; float: left; padding: 0 15px; } .page-nav a{overflow: hidden; margin: 0 auto; font-size: 15px; color: #999999; text-align: center; padding: 7px 20px; border-radius: 5px; border: 1px solid #ddd; float: left; margin-right: 8px; } .page-nav a:last-child{ margin-right: 0; } .page-nav a.on{color: #fff; background: #0773c2; border-color: #0773c2; } /*overview*/ .overview{overflow: hidden; margin: 0 auto; padding: 20px 0;} .overview img{overflow: hidden; margin: 0 auto; display: block; width: 100% !important; height: auto!important; } .overview p{overflow: hidden; margin: 0 auto; display: block; width: 100%; font-size: 16px!important; } /*honor*/ .honor{overflow: hidden; margin: 0 auto;} .shape-1 ul{overflow: hidden; margin: 0 auto;} .shape-1 ul li{overflow: hidden; margin: 10px auto;} .shape-1 ul li a{overflow: hidden; margin: 0 auto; width: 100%;} .shape-1 ul li a i{overflow: hidden; margin: 0 auto; width: 100%; height: 230px; display: block;} .shape-1 ul li a i img{overflow: hidden; margin: 0 auto; width: 100%; height: 100%; display: block; object-fit: cover; } .shape-1 ul li a p{overflow: hidden; margin: 0 auto; height: 40px; line-height: 40px; width: 100%; font-size: 18px; color: #666666; text-align: center;} .shape-2 ul{overflow: hidden; margin: 0 auto;} .shape-2 ul li{overflow: hidden; margin: 10px auto; width: calc((100% - 7%) / 2); float: left; margin-right: 7%;} .shape-2 ul li:nth-of-type(2n){ margin-right: 0; } .shape-2 ul li a{overflow: hidden; margin: 0 auto; width: 100%;} .shape-2 ul li a i{overflow: hidden; margin: 0 auto; width: 100%; height: 205px; display: block;} .shape-2 ul li a i img{overflow: hidden; margin: 0 auto; width: 100%; height: 100%; display: block; object-fit: cover; } .shape-2 ul li a p{overflow: hidden; margin: 0 auto; height: 40px; line-height: 40px; width: 100%; font-size: 18px; color: #666666; text-align: left;} .shape-3 ul{overflow: hidden; margin: 0 auto;} .shape-3 ul li{overflow: hidden; margin: 10px auto 15px; width:100%; background: #fff;} .shape-3 ul li a{overflow: hidden; margin: 0 auto; display: block; width: 100%; position: relative;} .shape-3 ul li a i{overflow: hidden; margin: 0 auto; width: 100%; height: 209px; display: block;} .shape-3 ul li a i img{overflow: hidden; margin: 0 auto; width: 100%; height: 100%; display: block; object-fit: cover; } .shape-3 ul li .shape-tw p{overflow: hidden; margin: 0 auto; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; font-size: 18px; color: #fff; text-align: left; position: absolute; bottom: 0; left:0; background: rgba(0, 0, 0, 0.5); display: block; white-space:nowrap; text-overflow:ellipsis;} .shape-3 .shape-txt{overflow: hidden; margin: 0 auto; width: 100%;} .shape-3 .shape-txt p{overflow: hidden; margin: 0 auto; width: 100%; border-bottom: 1px solid #ddd;} .shape-3 .shape-txt p a{overflow: hidden; margin: 0 auto; font-size: 15px; color: #999999; height: 40px; line-height: 40px; display: block; white-space:nowrap; text-overflow:ellipsis; padding: 0 10px; } .shape-3 .shape-txt .xq-btn{overflow: hidden; margin: 0 auto; width: 100%; display: block; font-size: 15px; color: #333333; height: 40px; line-height: 40px; padding: 0 10px;} .shape-3 .shape-txt .xq-btn:after{ content: ""; overflow: hidden; display: block; width: 10px; height: 10px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position: absolute; top:0; right:10px; bottom: 0; margin: auto; } .shape-4 ul{overflow: hidden; margin: 0 auto;} .shape-4 ul li{overflow: hidden; margin: 10px auto; width: calc((100% - 5%) / 2); float: left; margin-right: 5%;} .shape-4 ul li:nth-of-type(2n){ margin-right: 0; } .shape-4 ul li a{overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100px; background: #fff; position: relative;} .shape-4 ul li a div{ overflow: hidden; width: 100%; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto; display: table;} .shape-4 ul li a h3{overflow: hidden; margin: 0 auto; display: block; width: 100%; font-size: 15px; color: #666666; text-align: center;} .shape-4 ul li a p{overflow: hidden; margin: 0 auto; line-height: 10px; display: block; width: 100%; font-size: 7px; color: #cccccc; text-align: center;} .shape-5 ul{overflow: hidden; margin: 0 auto;} .shape-5 ul li{overflow: hidden; margin: 0 auto; padding: 20px 0; width: 100%; border-bottom: 1px solid #ddd; } .shape-5 ul li a{overflow: hidden; margin: 0 auto; display: block; width: 100%; } .shape-5 ul li a span{overflow: hidden; margin: 0 auto; display: block; width: 100%; font-size: 14px; color: #999999; } .shape-5 ul li a h3{overflow: hidden; margin: 5px auto; display: block; width: 100%; font-size: 18px; color: #333333; font-weight: 400; display: block; white-space:nowrap; text-overflow:ellipsis; } .shape-5 ul li a p{overflow: hidden; margin: 0 auto; display: block; width: 100%; font-size: 15px; color: #666666; height: 44px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .page-tab-nav{overflow: hidden; margin: 10px auto 0; border-bottom: 1px solid #ccc; } .page-tab-nav a{overflow: hidden; margin: 0 auto 10px; text-align: center; padding: 0 5px; font-size: 14px; color: #666666; float: left; border-right: 1px solid #666666; display: block; white-space:nowrap; text-overflow:ellipsis; width: calc((100%) / 4); } .page-tab-nav a:nth-of-type(4n){ border-right: none; } .page-tab-nav a:last-child{ border-right: none; } .page-tab-nav a.on{color: #0873c2; } .page-tab{overflow: hidden; margin: 0 auto; } .page-tab>div{ overflow: hidden; width: 100%; display: none; opacity: 0; } .page-tab>div.dis{ display:block; opacity: 1; } /*events-details*/ .events{overflow: hidden; margin: 0 auto; background: #fff;} .events-details{overflow: hidden; margin: 0 auto; padding-top: 10px; padding: 0 15px; } .events-details-bt{overflow: hidden; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #ccc;} .events-details-bt h4{overflow: hidden; margin: 5px auto; font-size: 20px; color: #333333; text-align: center;} .events-details-bt p{overflow: hidden; margin: 0 auto; font-size: 12px; color: #999999; display: table;} .events-details-bt p span{margin-right: 10px; } .events-details-bt p span:nth-of-type(2){margin-right: 0; } .events-details-txt{ overflow: hidden; margin: 0 auto; } .events-details-txt p{ overflow: hidden; margin: 0 auto; font-size: 18px !important;; font-family: "微软雅黑" !important;line-height: 35px !important;color: #666;} .events-details-txt p span{ font-size: 18px !important;; font-family: "微软雅黑" !important; } .events-details-txt p span span{ font-size: 18px !important;; font-family: "微软雅黑" !important; } .events-details-txt img{ margin: 0 auto; display: block; width: 100% !important; height: auto!important;border: 1px solid #ddd; padding: 7px; } /*会议安排*/ .page-gg .rightPart2{height: calc(100%); border:1px #ccc solid; background: #fff; overflow-y: scroll;} .rightPart2 button{margin:0;font:inherit;color:inherit;overflow:visible;text-transform:none;border:0;text-align:center} .title2{height:40px;line-height:40px;border-bottom:1px #c7c7c7 solid;padding-left:20px} .today{width:40px;height:24px;line-height:24px;text-align:center; color:#666;border-radius:2px;float:right;margin-right:30px;margin-top:8px;cursor:pointer} .schedule{width:100%} .dateShow{border-bottom:1px #dbdbdb solid;height:125px} .rightPart2 table.dates{width:100%;margin-top:8px} .rightPart2 table.dates tr{width: 100%; display: table; } .rightPart2 table.dates tr th{color:#666;font-weight:400!important} .rightPart2 table.dates tr th,table.dates tr td{text-align:center} .rightPart2 .an-btn{ width: 12%; } .rightPart2 .rq-txt{ width: 35%; } .rightPart2 .jg-txt{ width: 6%; } .rightPart2 .rq-txt td{ width: calc(100% / 7);} .rightPart2 table.dates tr td{padding:6px 0;cursor:pointer} .rightPart2 table.dates tr th button{padding:6px;cursor:pointer;width:30px;height:30px} .lastM{background-position:0 8px} .lastW{background:#fff url(../images/pre.png) no-repeat center 50%;} .nextW{background:#fff url(../images/next.png) no-repeat center 50%;} .nextM{background-position:14px 8px} .rightPart2 table.dates tr td button{height:24px;line-height:24px;text-align:center;background:#fff;cursor:pointer} .rightPart2 table.dates tr td .mark1{background:#028be0!important; color:#fff; border-radius:2px} .rightPart2 table.dates tr td .exist{ border: 1px solid #f00; } .tl{text-align:left!important} .tr{text-align:right!important} .detailed{padding:10px;overflow:hidden;} .rclist{overflow:hidden;padding-bottom:20px} .detailed ul li{} .detailed ul li span{color:#666; width: 100%; display: block; text-align: justify; font-size: 16px;} .detailed ul li{width:100%;float:left;margin-bottom:10px} .detailed ul li a{ overflow: hidden; margin: 0 auto; display: block; } .detailed ul li .time{float:left; font-size: 18px;} .detailed ul li .explain{float:left; color: #333; } .downBtn{width:100%;text-align:center;cursor:pointer;display:block} /*meeting*/ .meeting-bt{overflow: hidden; margin: 0 auto; padding: 0 15px; border-bottom: 1px solid #ddd;} .meeting-bt h3{overflow: hidden; margin: 10px auto; font-size: 18px; color: #333; font-weight: normal; text-align: center;} .meeting{overflow: hidden; margin: 0 auto; padding: 0 15px;} .meeting li{overflow: hidden; margin: 10px auto;} .meeting li span{overflow: hidden; margin: 0 auto; width: 100px; display: block; font-size: 16px; color: #fff; text-align: center; background: #009def; padding: 0 10px; float: left;} .meeting li p{overflow: hidden; margin: 0 auto; font-size: 16px; padding: 0 10px; color: #333; } /* 2022.08.28 新增窗口登录 */ /* user */ .user-window .modal-header{ background-image: linear-gradient(to right, #0773c3, #4c9f83); } .user-window .modal-body{ background: url("../images/win-bg.png") no-repeat bottom center; background-size: 100% auto; padding: 40px 15px; } .user-window .modal-title{ color: #fff; font-size: 16px; } .form-icon{ height: 26px; margin-top: 9px; margin-right: 5px; float: left; } .form-col{ width: 370px; height: 44px; background: #fff; padding: 0 20px; margin: auto; margin-bottom: 15px; border-radius: 5px; } .form-txt{ border: 0; font-size: 16px; color: #333; width: 80%; line-height: 44px; background: #fff !important; float: right; } .form-g{ width: 370px; margin: auto; overflow: hidden; margin-bottom: 15px; } .form-col2{ width: 65%; height: 44px; background: #fff; padding: 0 20px; border-radius: 5px; float: left; } .yzm-img{ width: 30%; height: 44px; border-radius: 5px; float: right; cursor:pointer; } .form-txt2{ border: 0; font-size: 16px; color: #333; width: 80%; line-height: 44px; background: #fff !important; } .form-btn{ width: 100%; background-color: #0773c3; color: #fff; height: 44px; border-radius: 5px; display: block; margin: auto; font-size: 16px; text-align: center; line-height: 44px; } .form-btn:hover{ color: #fff; background-color: #4c9f83; } .xx-kuang2{ margin-left: 10px; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; outline:none; } .modal-header .close{ z-index: 99; position: relative; } .xx-kuang2{ position: absolute; z-index: 999; left: 0; width: 150px; height: 44px; color: #fff; background: #0894ec; border-radius: 50px; text-align: center; line-height: 44px; right: 0; bottom: 100px; margin: auto; } .form-col{ width: 100%; } .form-g{ width: 100%; } .form-txt2{ width: 70%; } .user-window{ top: 10%; padding-right: 0 !important; } .user-window .modal-dialog{ margin-top: 50px; } /*2023.09.09修改*/ .fu-title{ width: 100%; color: #333; text-align: center; font-size: 16px; } /*2024.07.23修改*/ .page-nav{ margin:0; } .nav4-list{ padding: 15px; background: #efeff4; margin-top: 10px; margin-bottom: 10px; overflow: hidden; } .nav4-list .nav-a{ overflow: hidden; } .nav4-list .nav-a2{ overflow: hidden; } .nav4-list .nav-a a{ overflow: hidden; margin: 0 auto; font-size: 15px; color: #999999; text-align: center; padding: 5px 10px; border-radius: 5px; float: left; margin-right: 8px; background: #e7e7e7; } .nav4-list .nav-a a.active{ background: #0894ec; color: #fff; } .nav4-list hr{ background: #ccc; } .nav4-list .nav-a2 a{ font-size: 15px; line-height: 20px; padding: 10px 10px; color: #666; margin-right: 15px; } .nav4-list .nav-a2 a.active{ color: #0894ec; } /* 20241107修改 */ .video-poster{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 9; } .video-btn{ position: absolute; width: 64px; height: 64px; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 99; } .video-box #video{ width: 100%; height: 100%; object-fit: contain; background: #000; } .video-icon2{ position: absolute; width: 100%; height: 100%; } .page-bg .video-box{ width: 100%; height: 230px; position: relative; border-radius: 10px; overflow: hidden; margin-bottom: 30px; } /*兼容样式*/ @media (min-width:320px) and (max-width:320px){ .index{ padding: 40px 15px; } .nav-left{ margin: 2rem auto 0;} .index .index-nav a i{margin: 0.7rem auto 0;} .page-tab-nav a{ width: calc((100%) / 3); } .page-tab-nav a:nth-of-type(3n){ border-right: none; } .bar{height: 40px;} .bar .icon{ padding: .6rem .1rem; } .page-gg{padding-top: 40px;} .events{ min-height: calc(100vh - 80px); } } @media (min-width:360px) and (max-width:360px){ .index{ padding: 46px 15px; } .nav-left a{padding: .5rem 0.75rem;} .page-tab-nav a{ width: calc((100%) / 4); } .page-tab-nav a:nth-of-type(4n){ border-right: none; } .bar{height: 46px;} .icon-menu:before{font-size: 2rem;} .bar .icon{ padding: .8rem .1rem; } .page-gg{padding-top: 46px;} .events{ min-height: calc(100vh - 92px); } .hret-box>div{margin-top: 2.5rem;} } @media (min-width:375px) and (max-width:375px){ .index{ padding: 46px 15px; } .content-block{margin: 0 auto;} .nav-left a{padding: .6rem 0.75rem;} .page-tab-nav a{ width: calc((100%) / 4); } .page-tab-nav a:nth-of-type(4n){ border-right: none; } .bar{height: 46px;} .icon-menu:before{font-size: 2rem;} .bar .icon{ padding: .8rem .1rem; } .page-gg{padding-top: 46px;} .events{ min-height: calc(100vh - 92px); } .hret-box>div{margin-top: 3rem;} } @media (min-width:414px) and (max-width:800px){ .index{ padding: 50px 15px;} .page-gg{padding-top: 50px;} .events{ min-height: calc(100vh - 100px); } .hret-box>div{margin-top: 3rem;} }