body{ background-color:#fff; font-family: 寰蒋闆呴粦; color:rgb(103, 103, 103); } html, body{ height: 100%; } .login-left{ width:40%; float:left; padding-top:20%; padding-bottom:20%; border-right:1px solid #ddd; } .login-right{ width:60%; float:left; position:relative; } .timeout-tips { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align:center; padding-top:45%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; background-color: rgba(255,255,255,0.9); color: #36aeea; cursor: pointer; display:none; } .scan-des { color: #909399; margin-top: 18px; text-align:center; } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1400px; } } a,a:hover{ color:#333; text-decoration:none; } .padding-top-120{ padding-top:120px; } .padding-top-90{ padding-top:90px; } .padding-top-60{ padding-top:60px; } .padding-top-50{ padding-top:50px; } .padding-top-30{ padding-top:30px; } .padding-top-20{ padding-top:20px; } .padding-top-10{ padding-top:10px; } .artsearch{ padding: 10px; background: #FFF; margin-top: 10px; width:340px; } .searchtag { color: #A19D97; font-size: 12px; height: 36px; line-height: 36px; } .searchtag a,.searchtag a:hover { color: #A19D97; margin-right: 5px; text-decoration: none; } .morekuan{ border:1px solid #FFF; width:120px; padding-top:10px; padding-bottom:10px; text-align:center; } .morekuanhei{ border:1px solid #15122F; width:120px; padding-top:10px; padding-bottom:10px; text-align:center; } .swiper-container{ height: 100%; } .swiper-container{ height: 100%; } .swiper-pagination-bullet { width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; color: #FFF; opacity: 1; background: rgba(255,255,255,0.2); } .swiper-pagination-bullet-active { color: #fff; background: #007aff; } .indexbgimg{ width:100%; height:100%; object-fit: cover; object-position: center; } .mask{ display:none; width:100%; height:100%; position: absolute; top: 0px; bottom: 0px; z-index:98; background-color:#000000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } .pagemune { margin: 0 auto; position: absolute; left: -200%; top: 0; width: 100%; height: 100%; background: rgba(9, 12, 57, 1); z-index: 9999; transition: left linear 0.5s; } .mune-list{ width:100%; text-align: left; height: 40px; line-height: 40px; white-space: nowrap; padding-left:40%; margin-top:2px; color:#FFF; font-size:16px; text-decoration:none; } .mune-list a{ color:#FFF; font-size:16px; text-decoration:none; } .mune-list a:hover,.mune-list .active{ color:#ffc001; font-size:16px; text-decoration:none; } .header{ height:100px; width:100%; background: rgba(9, 12, 57, 1); } .site-logo{ padding-top: 30px; cursor: pointer; min-height: 40px; min-width: 160px; font-size: 32px; z-index: 32; text-align: left; white-space: nowrap; font-weight: normal; color: #ffc001; } .site-logo a,.site-logo a:hover{ color: #ffc001; text-decoration:none; } .nav-list{ padding-top: 40px; } .site-mune{ min-height: 40px; z-index: 32; } .site-mune-link{ text-decoration: none; font-size: 16px; font-weight: normal; font-family: 寰蒋闆呴粦; color: #FFFFFF; text-shadow: none; -webkit-text-shadow: none; -o-text-shadow: none; -ms-text-shadow: none; -moz-text-shadow: none; padding: .5rem 2rem; } .site-mune a:hover,.site-mune-link:hover{ color: #ffc001; } .site-mune .active { color: #ffc001; } .new-index-navbtn { float: right; width: 30px; height: 26px; position: relative; cursor: pointer; margin-top: 2px; } .new-index-navbtn span { display: block; height: 2px; background: #fff; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .new-index-navbtn span:nth-child(2) { width: 70%; top: 12px; } .new-index-navbtn span:nth-child(3) { top: 24px; } .new-index-navbtn:hover span { width: 100%; } .site-menu{ width:50%; float:left;text-align:center;margin-top:28px;z-index:999;} .product-mune{ position:relative; white-space: nowrap; } .product-mune:hover .dropdown-menu { display: block; } .news-mune{ position:relative; white-space: nowrap; } .news-mune:hover .dropdown-menu { display: block; } .share-mune{ position:relative; white-space: nowrap; } .share-mune:hover .dropdown-menu { display: block; } .product-mune-list{ width:150px; min-width:100px; background-color:#FCFCFC; border-radius: 4px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.15); background-clip:border-box; padding-top: 9px; padding-bottom: 10px; top:38px; } .product-mune-list:after, .product-mune-list:before { content: ""; position: absolute; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; left: 50%; margin-left: -8px; top: -16px; } .border-triangle-bottom:after { border-bottom-color: #fff; top: -15px; } .product-mune-list li { padding:0; margin:0; height:50px; line-height:50px; text-align:center; } .product-mune-list li:hover { background-color:#FFF; } .product-mune-list li a{ color:rgba(102, 102, 102, 1); } .product-mune-list li a:hover{ color:#000; } .pro_nav_arrow { margin-left:6px; width: 15px; height: 8px; transition: transform .3s; } .product-mune:hover .pro_nav_arrow { transform:rotate(180deg); } .news_nav_arrow { margin-left:6px; width: 15px; height: 8px; transition: transform .3s; } .news-mune:hover .news_nav_arrow { transform:rotate(180deg); } .share_nav_arrow { margin-left:6px; width: 15px; height: 8px; transition: transform .3s; } .share-mune:hover .share_nav_arrow { transform:rotate(180deg); } .more-mune{ padding-left:50%; } .index-banner-box { width: 100%; } .path-box{ width:100%; background-color: #ededed; } .breadcrumb{ margin-top:15px; border-radius:0px; } .new_index_banner_icon { position: absolute; left: 0px; width: 100%; bottom: 5%; z-index: 91; } .new_index_banner_icon p { max-width: 1600px; margin: 0px auto; padding: 0px 15px; } .new_index_banner_icon p span { width: 18px; height: 25px; -webkit-border-radius: 20px; border-radius: 20px; border: 3px solid #fff; display: block; position: relative; -webkit-animation: mouse both ease-in 2s infinite; -o-animation: mouse both ease-in 2s infinite; animation: mouse both ease-in 2s infinite; } .new_index_banner_icon p span:after { content: ''; position: absolute; top: 3px; width: 3px; height: 6px; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; } .new_index_banner_icon p { max-width: 750px; padding: 0px 0px; } .index-main-box{ } .index-main-list{ position: absolute; z-index: -1; height: 100%; width: 100%; display: none; } .index-main{ position: static; left: 0; top: 0; padding: 0; width: 100%; height: 100%; } .index-main-bg{ background-size: cover; background-attachment: fixed; background: url(images/bg.jpg) no-repeat top ,transparent; position:fixed; top: 0; left: 0; height: 100%; width: 100%; z-index:-1; } .yw-h1{ color: rgb(231, 210, 163); margin-top:160px; width:100%; text-align:center; height:42px; line-height:42px; font-size:24px; } .share-h1{ color: rgb(231, 210, 163); margin-top:60px; margin-bottom:20px; width:100%; text-align:center; height:42px; line-height:42px; font-size:24px; } .yw-des{ height:45px; line-height:45px; font-size: 16px; color: rgb(164, 166, 187); width:100%; text-align:center; margin-bottom:60px; } .yw-title{ font-size:16px; color:#FFF; } .yw-more{ width:150px; margin:0 auto; margin-bottom:50px; margin-top:20px; } .yw-more-btn{ background: rgba(23, 26, 78, 1); border:none; width:150px; border-radius: 26px 26px 26px 26px; color: rgba(133, 139, 240, 1); transform: translateY(0px); transition: all .6s ease; } .yw-more-btn:hover{ border:none; background: rgba(23, 26, 78, 1); color: rgba(133, 139, 240, 1); transform: translateY(-10px); } .line-img-box{ margin-top:50px; } .qy-info{ width:100%; height:100%; background: url(images/qyinfo-bg.png) repeat-x; } .qy-info-title{ color: rgb(231, 210, 163); padding-top:50px; text-align:center; width:100%; font-size: 20px; word-break: break-word; } .qy-info-img{ width:100%; height:160px; text-align:center; padding-top:40px; padding-bottom:20px; } .qy-info-des{ width:100%; padding-left:40px; padding-right:40px; font-size: 1rem; color: rgb(164, 166, 187); line-height: 28px; margin-top:40px; } .qy-info-cont{ text-align: justify; padding-left:0px; padding-right:0px; } .qy-more{ width:100%; margin-bottom:50px; padding-top:40px; } .qy-void{ padding-top:150px; } .qy-void video{ max-width:100%; } .qy-void-text{ padding-top:100px; } .figure{ width:100%; } .img-fluid { width: 100%; height: 100%; } .figure-caption{ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 1rem; } .share-tab { height: 70px; padding:0 0 0 5px; border-bottom:none!important; } .share-tab > li > a, .share-tab > li > a:hover, .share-tab > li > a:focus { margin-right: 0px; cursor: Pointer; border:none !important; background-color:transparent; color: #FFF; border-top:none; border-left:none; border-right:none; padding: 10px 10px; margin-right:30px; } .share-tab .nav-link.active, .share-tab .nav-link.active:hover, .share-tab .nav-link.active a:focus { cursor: Pointer; background-color:transparent; border:none !important; border-bottom: #E7D2A3 3px solid !important; color: rgb(231, 210, 163); border-top:none; border-left:none; border-right:none; padding: 10px 10px; margin-right:30px; } .share-tab > li.active i { line-height: 0; border-bottom: #06c 4px solid; border-left: #fff 4px solid; border-right: #fff 4px solid; position: absolute; bottom: 3px; left: 50%; } .news-tab { height: 70px; padding:0 0 0 5px; border-bottom:none!important; } .news-tab > li > a, .news-tab > li > a:hover, .news-tab > li > a:focus { margin-right: 0px; cursor: Pointer; border:none !important; background-color:transparent; color: #FFF; border-top:none; border-left:none; border-right:none; padding: 10px 10px; margin-right:30px; } .news-tab .nav-link.active, .news-tab .nav-link.active:hover, .news-tab .nav-link.active a:focus { cursor: Pointer; background-color:transparent; border:none !important; border-bottom: #E7D2A3 3px solid !important; color: rgb(231, 210, 163); border-top:none; border-left:none; border-right:none; padding: 10px 10px; margin-right:30px; } .news-tab > li.active i { line-height: 0; border-bottom: #06c 4px solid; border-left: #fff 4px solid; border-right: #fff 4px solid; position: absolute; bottom: 3px; left: 50%; } .card{ border-radius: 0px !important; margin-bottom:20px; } .card:hover{ filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7; } .card-title{ height:40px; line-height:40px; overflow:hidden; } .card-text{ text-align:justify; height:120px; overflow:hidden; } .news-list{ margin-bottom:60px; } .news-h1{ color: rgb(231, 210, 163); margin-top:60px; margin-bottom:20px; width:100%; text-align:center; height:42px; line-height:42px; font-size:24px; } .news-date{ font-size: 20px; line-height: 1; font-weight: normal; height: 36px; overflow: hidden; width: 20%; margin-right:30px; float: left; text-align:right; color:#96889C; } .news-year{ font-size: 16px; color: rgb(164, 166, 187); margin: 0; line-height: 1.8; height: 50px; overflow: hidden; width: 20%; margin-right:30px; float: left; text-align:right; } .news-title,.news-title a,.news-title a:hover{ font-size: 20px; width: 70%; text-overflow: ellipsis; white-space: nowrap; line-height: 1; font-weight: normal; height: 36px; overflow: hidden; float: left; color:#96889C; } .news-title a,.news-title a:hover{ width:100%; } .news-des{ width: 70%; font-size: 16px; color: rgb(164, 166, 187); margin: 0; line-height: 1.8; height: 50px; overflow: hidden; float: left; text-align:justify; } .link-box{ margin-top:90px; margin-bottom:180px; } .link-img{text-align:center; margin-bottom:50px;} .link-img img{max-width:100%;} .blog-pages { text-align:center; margin-top: 30px; margin-bottom: 30px; } .blog-pages .item { display:inline-block; box-sizing:border-box; margin:0 5px; padding:0 5px; min-width:35px; height:35px; border:1px solid #ddd; font-size:14px; line-height:33px; color:#999; text-align:center } .blog-pages .item:hover { color:#2b2b2b; border-color:#999; text-decoration:none } .blog-pages .disabled,.blog-pages .disabled:hover { color:#999; border-color:#ddd; cursor:default; display:none } .blog-pages .cur,.blog-pages .dot { display:inline-block; margin:0 12px; font-size:14px; color:#333 } .blog-pages .cur { font-weight:700 } .blog-pages .next,.blog-pages .prev { padding:0 9px } .gxiuifooter{ width:100%; background-color: #333; height:292px; } .footer-title{ color: #777; font-size: 36px; background-color: initial; font-family: Arial; } .footer-link{ flex-wrap: wrap; padding:10px; font-size: 16px; } .footer-top{ padding:30px 10px 10px 10px; } .footer-link a{ color: #777; font-size: 16px; margin-right:20px; } .footer-link a:hover{ color: #fff; font-size: 16px; margin-right:20px; } .footer-copyright{ flex-wrap: wrap; margin-bottom:10px; color: #777; font-size: 16px; height: 30px; line-height:30px; } .footer-copyright a{ color: #777; font-size: 16px; margin-right:10px; margin-left:10px; height: 30px; line-height:30px; } .footer-copyright a:hover{ color: #FFF; } .wa-beian{ display: inline-block; width: 20px; height: 20px; margin-right: 6px; background: url(images/beian.png) no-repeat 50%; } .ret-img{ display: inline-block; line-height: 35px; margin-top: 10px; } .retbox{ width:100%; } .retbox textarea{ border: 1px dashed #d6d6d6; width: 100%; padding: 5px; line-height: 22px; } .sidebar { position: fixed; z-index: 99; left: 0px; right: auto; bottom: 0%; width: 100%; border-right: 1px solid #dfdfdf; background-color: #ffffff; display: none; } .sidebar a { float: left; width: 25%; display: block; border: 1px solid #dfdfdf; border-right: none; text-align: center; padding: 10px 0px; color: #6a6d73; position: relative; } .sidebar a span { display: block; height: 54px; background-repeat: no-repeat; background-position: top center; padding-top: 34px; position: relative; z-index: 9; } .sidebar a span.icon1 { background-image: url(images/sidebarIcon1.png); } .sidebar a span.icon2 { background-image: url(images/sidebarIcon2.png); } .sidebar a span.icon3 { background-image: url(images/sidebarIcon3.png); } .sidebar a span.icon4 { background-image: url(images/sidebarIcon4.png); } .sidebar a span.icon5 { background-image: url(images/sidebarIcon5.png); } .sidebar a .sidebarTel { position: absolute; display: none; text-align: left; right: 0px; background-color: #090C39; padding: 10px 0px 0px 20px; color: #f3eccb; font-size: 12px; width: 305px; top: -1px; bottom: -1px; border: 1px solid #dfdfdf; } .sidebar a .sidebarTel em { font-style: normal; font-size: 24px; color: #ffffff; display: block; } .sidebar a.hometop { background-color: #414348; color: #ffffff; position: fixed; bottom: 20%; right: 0px; width: 40px; border-bottom: 1px solid #dfdfdf; padding: 2px 0px; } .sidebar a.hometop em { position: relative; display: block; font-style: normal; padding: 10px 0px 5px; } .sidebar a.hometop em:after { content: ''; position: absolute; left: 50%; top: 0px; margin-left: -5px; width: 0px; height: 0px; border: 5px solid transparent; border-bottom-color: #fff; } .sidebar a .Qrcode { position: fixed; left: 50%; bottom: 80px; margin: -81px 0px 0px -81px; width: 162px; border: 1px solid #dfdfdf; background-color: #fff; display: none; } .sidebar a .Qrcode img { width: 120px; } .sidebar a:hover { background-color: #090C39; color: #fff; } .sidebar a:hover span.icon1 { background-image: url(images/sidebarIcon01.png); } .sidebar a:hover span.icon2 { background-image: url(images/sidebarIcon02.png); } .sidebar a:hover span.icon3 { background-image: url(images/sidebarIcon03.png); } .sidebar a:hover span.icon4 { background-image: url(images/sidebarIcon04.png); } .sidebar a:hover span.icon5 { background-image: url(images/sidebarIcon05.png); } .burger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 36px; height: 32px; float: right; background-color: #fff; -webkit-transition: .3s linear; transition: .3s linear; } .burger:hover { background-color: #ea2828 } .burger--line { display: block; width: 20px; height: 3px; background-color: #040404; margin-bottom: 4px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 1px } .burger--line:last-child { margin-bottom: 0 } .burger:hover .burger--line { background-color: #fff } .burger.active { background-color: #ea2828 } .burger.active .burger--line { background-color: #fff } .burger.active .burger--line:nth-child(1) { -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); transform-transform-origin: center center } .burger.active .burger--line:nth-child(2) { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 } .burger.active .burger--line:nth-child(3) { -webkit-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center } .title-animate { opacity: 0; -webkit-transition: 10ms ease-in; transition: 10ms ease-in; -webkit-transition-delay: .35s; transition-delay: .35s } .title-animate span { min-height: 10px; position: relative; -webkit-transition: none; transition: none; -webkit-transition-delay: 0s; transition-delay: 0s; } .title-animate span { display: inline-block; min-width: 10px; } .swiper-slide-active .title-animate, .swiper-slide.swiper-slide-active:before { opacity: 1; } #comments {overflow:hidden; zoom:1;width: 100%;} #comments .content {font-size:12px;} li #commentform,.comment-body p,.reply,.children {margin-left:70px;} #cancel_comment_reply {margin-left:30px;} #respond h3,#comments h3 {width:75px; text-align:right; padding-right:10px;} .comment_list li {border-bottom:1px solid #c2dcff; padding-top:10px; padding-right:10px;} .comment_list li li {border-bottom:none; border-top:1px dashed #c2dcff; padding-top:10px;} .comment_list li li .comment-author img {width:32px; height:32px;} .comment_list li p,.comment-meta {margin-bottom:5px;} .children .children,.children .reply,.children p {margin-left:50px;} .children #commentform p {margin-left:0;} .children .comment-author {width:40px; padding-right:10px;} .comment-author {width:55px; padding-right:10px;} #respond {padding:10px; border:1px solid #c2dcff; background:#f5faff;} .cancel-comment-reply {margin-bottom:10px;} .cancel-comment-reply small {font-size:12px;} #respond form div {margin-bottom:10px;} #respond form div label {margin-left:-40px;} #respond form div label small {color:#999; font-size:14px; position:relative; left:-125px;} #respond form input {padding:3px 3px 3px 40px;} *html #respond form div label small {position:relative; top:-2px;} *+html #respond form div label small {position:relative; top:-2px;} #respond form textarea {width:98%; padding:5px; line-height:22px;} #respond form input,#respond form textarea{border:1px solid #c2dcff;} #respond form input.submit {background:#0b7ff4 url(../images/btn.png) no-repeat; width:204px; height:40px; line-height:40px; border:none; cursor:pointer; color:#fff; font-weight:bold; padding:0;} /*about*/ .about-h1{ color: rgb(68, 68, 68); text-align:left; height:30px; line-height:30px; font-size:20px; color: rgb(33, 33, 33); float:left; } .about-h1-en{ margin-top:10px; height:20px; line-height:20px; font-size: 12px; color: rgb(169, 169, 169); text-align:left; width:100px; float:left; margin-left:20px; } .about-img{ text-align:center; margin-top:30px; margin-bottom:20px; } .about-img img{ max-width:60%; } .about-title{ color: rgb(68, 68, 68); text-align:left; height:30px; line-height:30px; font-size:18px; color: rgb(33, 33, 33); width:80px; float:left; } .about-des{ margin-top:5px; line-height:25px; font-size: 18px; color: rgb(169, 169, 169); text-align:left; width:100px; float:left; } .about-more{ margin-top:30px; margin-bottom:30px; } .about-more img{ max-width:50%; text-align:center; } .about-h1{ color: rgb(68, 68, 68); text-align:left; height:30px; line-height:30px; font-size:20px; color: rgb(33, 33, 33); float:left; } .about-h1-en{ margin-top:10px; height:20px; line-height:20px; font-size: 12px; color: rgb(169, 169, 169); text-align:left; width:100px; float:left; margin-left:20px; } .about-info-1{ color: rgb(169, 169, 169); width:100%; clear:both; } .about-cont-box{ width:100%; } .about-vod {margin-top:30px;margin-bottom:30px;} .about-vod .vod-img{width:100%;} .play-box{ position: absolute; width: 60px; height: 60px; border-radius: 50%; top:110px; left:47%; background-color:rgba(0,0,0,0.5); } .play-box img{ width:60px; padding:10px; } .cooperlist { width: 100%; height: auto; padding:30px 0; margin-left: auto; margin-right: auto; } .coopersli { text-align: center; font-size: 18px; background: #fff; height: 200px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition-property:all; } .linkimg{max-width:100%;} .cont-line{ height:1px; width:100%; clear:both; border-bottom:1px solid #F3F3F3; } .news-list-info{ width:100%; height:390px; padding:50px 20px; border-top: 1px solid #d9d9d9; margin-right:20px; -webkit-transition:all ease .2s; -o-transition:all ease .2s; -moz-transition:all ease .2s; transition:all ease .2s } .news-list-info:hover{ background-color:#f2f2f2; } .news-list-info .date { font-size: 18px; line-height: 24px; color: #666; margin: 0; padding: 0; margin-bottom: 20px; font-weight: normal; } .news-list-info .date .line { display: block; width: 20px; height: 0; padding-top: 15px; border-bottom: 3px solid #d9d9d9; } .news-list-info .news-list-title{ font-size: 18px; font-weight: bold; color: #333; height: 48px; line-height: 24px; margin-bottom: 32px; } .news-list-info .news-list-title a,.news-list-info .news-list-title a:hover{ color: #333; } .news-list-info .news-list-text{ line-height: 26px; color: #878787; white-space: normal; margin-top: 14px; font-size: 14px; } .news-bg{ width:100%; background: url(images/newsbg.jpg) repeat center ,transparent; padding-bottom:90px; } .news-img{ margin-top:30px; } .news-img img{max-width:100%;} .news-info{ margin-top:30px; } .news-info .news-list-title{ font-size: 16px; color: #333; height:25px; line-height:25px } .news-info .news-list-title a,.news-info .news-list-title a:hover{ color: #333; } .news-info .news-list-text{ line-height: 26px; color: #878787; white-space: normal; margin-top: 14px; font-size: 14px; } .news-info .news-list-time{ line-height: 1.5; color: #999; display: inline-block; font-size: 14px; } .news-info-title{ font-size: 25px; color: #333; text-align: left; font-weight: 400; } .news-info-des{ font-size: 14px; color: #adadad; display: inline-block; line-height:35px; margin-top:10px; } .news-cont,.news-cont p{ font-size:1rem; color:#676767; line-height:30px; } .news-cont p img{ max-width:100%; } .bds_weixin { width: 30px; height: 30px; margin: 10px 0 0 10px; padding: 0; background-repeat: no-repeat; background-position: center; background-image: url(images/bdwx.png); float:right; } .news-info-bg{ background-color: #f2f2f2; width:100%; } .news-info-left{ background-color: #FFF; margin-top:60px; padding:40px; margin-left:0px; margin-right:0px; } .news-info-right{ background-color: #FFF; margin-top:60px; width:100%; float:right; padding:0px; margin-left:0px; margin-right:0px; } .news-art-more{ background-color: #FFF; margin-top:10px; width:100%; float:right; padding:0px; margin-left:0px; margin-right:0px; } .margin0{ margin:0px; } .padding0{ padding:0px; } .paddingleft10{ padding-left:10px } .weixin-ewm{text-align:center;} .news-info-logo {text-align:center;width:100%;} .news-info-logo img{ max-width:100% } .news-info-wx {text-align:center;width:100%;} .news-info-wx img{ max-width:100% } .news-right-wx{ width:100%; text-align:center; font-size:16px; padding:10px; } .news-right-title{ font-size: 18px; line-height: 52px; color: #333; padding-left:20px; } .news-right-list{ list-style: none; padding-left:20px; padding-right:10px; margin:0px; width:100%; } .news-right-list li{ margin-top: 8px; margin-bottom: 8px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .news-right-list li a,.news-right-list li a:hover{ font-size: 1rem; } .news-info-bottom{ width:100%; height:300px; background-color: #e6e6e6; padding-top:60px; padding-bottom:60px; } .nib-jy{ width: 236px; height: 190px; margin:0 auto; color: #fff; font-size: 48px; line-height: 54px; background-color: rgba(8, 11, 55, 1); text-align:center; padding: 30px 0 0; } .nib-jy span{ font-size: 65px; line-height: 70px; } .nib-info{ font-size: 16px; line-height: 36px; } .nib-info h3 { font-size: 48px; line-height: 60px; color: rgba(8, 11, 55, 1); margin: 0; padding: 0; margin-bottom: 14px; font-weight: bold; text-align:center; } .nib-info h2 { font-size: 34px; line-height: 42px; margin: 0; padding: 0; margin-bottom: 4px; font-weight: normal; text-align:center; } .nib-info .msg { margin-bottom: 12px; font-size: 16px; line-height: 36px; color: #333; text-align:center; } .nib-info h4 { font-size: 18px; line-height: 24px; padding-top: 2px; margin: 0; padding: 0; font-weight: normal; text-align:center; } @keyframes mouse { 0% { -webkit-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } 50% { -webkit-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); } 100% { -webkit-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } } @media (min-width: 992px) { .yw-img{ margin-bottom:20px; } .line-m{display:none;} .line-text-m{display:none;} .line-text-box{ margin-top:50px; } .line-text-01{ color:#FFF; height:20px; line-height:20px; text-align:right; padding-top:28px; } .line-text-02{ color:#FFF; height:20px; line-height:20px; text-align:right; padding-top:146px; } .line-text-03{ color:#FFF; height:20px; line-height:20px; text-align:right; padding-top:146px; } .yw-img-ani-1 { transform: translateY(0px); transition: all .6s ease; animation: roate .6s ease-in-out; } .yw-img-ani-2 { transform: translateY(0px); transition: all .6s ease; animation: roate .7s ease-in-out; } .yw-img-ani-3 { transform: translateY(0px); transition: all .6s ease; animation: roate .8s ease-in-out; } .yw-img-ani-4 { transform: translateY(0px); transition: all .6s ease; animation: roate .9s ease-in-out; } .yw-img-ani-5 { transform: translateY(0px); transition: all .6s ease; animation: roate .6s ease-in-out; } .yw-img-ani-6 { transform: translateY(0px); transition: all .6s ease; animation: roate .7s ease-in-out; } .yw-img-ani-7 { transform: translateY(0px); transition: all .6s ease; animation: roate .8s ease-in-out; } .yw-img-ani-8 { transform: translateY(0px); transition: all .6s ease; animation: roate .6s ease-in-out; } .yw-img-ani-9 { transform: translateY(0px); transition: all .6s ease; animation: roate .7s ease-in-out; } .yw-img-ani-10 { transform: translateY(0px); transition: all .6s ease; animation: roate .8s ease-in-out; } .yw-img-ani-1:hover,.yw-img-ani-2:hover,.yw-img-ani-3:hover,.yw-img-ani-4:hover,.yw-img-ani-5:hover,.yw-img-ani-6:hover,.yw-img-ani-7:hover,.yw-img-ani-8:hover,.yw-img-ani-9:hover,.yw-img-ani-10:hover{ transform: translateY(-20px); } @keyframes roate { from { transform: translateY(100px); opacity: 0; } to { transform: translateY(0px); opacity: 1; } } .new-index-navbtn { display: none; } .bigbgimg{width:100%;} .banner01{ position: absolute; left:10%; top:20%; z-index:100; } .banner02{ position: absolute; left:10%; top:20%; z-index:100; } .banner03{ position: absolute; left:10%; top:20%; z-index:100; } .banner04{ position: absolute; left:10%; top:20%; z-index:100; } .banner01-title{ width: 100%; height: 70px; font-size: 72px; font-weight: bold; color: #15122F; line-height: 70px; letter-spacing: 10px; } .banner01-etitle{ width: 100%; height: 48px; font-size: 36px; font-weight: bold; color: #FFFFFF; text-shadow: 2px 2px 2px #000000; line-height: 48px; letter-spacing: 2px; margin-top:30px; } .banner01-des{ margin-top:30px; width: 100%; height: 25px; font-size: 16px; font-weight: 400; color: #FFF; text-shadow: 2px 2px 2px #000000; line-height: 25px; letter-spacing: 5px; } .banner01-more-name{ margin-top:40px; height: 25px; font-size: 16px; color: #FFF; line-height: 25px; letter-spacing: 3px; padding-right:0; } .banner01-more-name span a,.banner01-more-name span a:hover{ color: #FFF; font-size: 16px; text-decoration:none; } .banner02-title{ width: 100%; height: 70px; font-size: 72px; font-weight: bold; color: #ffc001; line-height: 70px; letter-spacing: 10px; } .banner04-title{ width: 100%; height: 70px; font-size: 72px; font-weight: bold; color: #15122F; line-height: 70px; letter-spacing: 10px; } .banner04-etitle{ width: 100%; height: 48px; font-size: 36px; font-weight: bold; color: #FFFFFF; text-shadow: 2px 2px 2px #000000; line-height: 48px; letter-spacing: 2px; margin-top:30px; } .banner04-des{ margin-top:30px; width: 100%; height: 25px; font-size: 16px; font-weight: 400; color: #15122F; text-shadow: 2px 2px 2px #FFFFFF; line-height: 25px; letter-spacing: 5px; } .banner04-more-name{ margin-top:40px; height: 25px; font-size: 16px; color: #15122F; line-height: 25px; padding-right:0; } .banner04-more-name span a,.banner04-more-name span a:hover{ color: #15122F; font-size: 16px; text-decoration:none; } .color-hei,.color-hei span a,.color-hei span a:hover{ color: #333; } .sidebar { position: fixed; z-index: 99; left: auto; right: 0px; top: 180px; bottom: auto; width: 86px; border-bottom: 1px solid #dfdfdf; background-color: #ffffff; } .sidebar a { float: none; width: auto; } .sidebar a.hometop { position: relative; width: auto; height: auto; right: 0px; bottom: 0px; padding: 10px 0px; border-bottom: none; } .sidebar a .Qrcode { position: absolute; right: 95px; left: auto; top: 0px; margin: 0px; border: 1px solid #dfdfdf; background-color: #fff; display: none; } .sidebar { border-bottom: 1px solid #dfdfdf; } .sidebar a { border-bottom: none; } } @media (max-width: 992px) { .login-left{ display:none; } .login-right{ width:100%; position:relative; } .indexbgimg{ width:100%; height:350px; object-fit: cover; object-position: center; } .bigbgimg{ width:100%; height:200px; object-fit: cover; object-position: center; } .nib-jy{ display:none; } .nib-info h3 { font-size:2rem; line-height: 40px; } .nib-info h2 { font-size:1rem; line-height: 30px; } .nib-info .msg { font-size:.8rem; line-height: 26px; } .paddingleft10{ padding-left:0px } .news-info-left { padding:0px; } .about-vod .vod-img{ width:100%; height:240px; object-fit: cover; object-position: center; } .play-box{ position: absolute; width: 60px; height: 60px; border-radius: 50%; top:90px; left:47%; background-color:rgba(0,0,0,0.5); } .padding-top-120{ padding-top:60px; } .padding-top-90{ padding-top:45px; } .padding-top-60{ padding-top:30px; } .padding-top-50{ padding-top:25px; } .gxiuifooter{ height:500px; } .site-mune{ display: none; } .qy-info{margin-top:50px;} .line-text-m,.line-img-box{ width:100%; overflow:hidden; } .line-text-box{ display:flex; width:100%; margin-top:20px; } .line-pc{display:none;} .line-text-pc{display:none;} .line-text-01{ width:20px; color:#FFF; line-height:20px; margin-left:28px; } .line-text-02{ width:20px; color:#FFF; line-height:20px; margin-left:126px; } .line-text-03{ color:#FFF; width:20px; line-height:20px; margin-left:126px; } .banner01{ position: absolute; left:10%; top:20%; z-index:100; } .banner02{ position: absolute; left:10%; top:20%; z-index:100; } .banner03{ position: absolute; left:10%; top:20%; z-index:100; } .banner04{ position: absolute; left:10%; top:20%; z-index:100; } .banner01-title{ width: 100%; height: 36px; font-size: 36px; font-weight: bold; color: #073d79; line-height: 36px; letter-spacing: 10px; } .banner01-etitle{ width: 100%; height: 16px; font-size: 24px; color: #FFFFFF; text-shadow: 2px 2px 2px #000000; line-height: 16px; margin-top:20px; } .banner01-des{ margin-top:20px; width: 100%; height: 25px; font-size: 16px; font-weight: 400; color: #FFFFFF; text-shadow: 2px 2px 2px #000000; line-height: 25px; letter-spacing: 3px; } .banner01-more-name{ margin-top:20px; height: 25px; font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 25px; letter-spacing: 3px; padding-right:0; } .banner01-more-name span a,.banner01-more-name span a:hover{ color: #FFFFFF; font-size: 16px; text-decoration:none; } .banner02-etitle{ width: 100%; height: 16px; font-size: 24px; color: #ffc001; text-shadow: 2px 2px 2px #000000; line-height: 16px; margin-top:20px; } .banner04-title{ width: 100%; height: 36px; font-size: 36px; font-weight: bold; color: #15122F; line-height: 36px; letter-spacing: 10px; } .banner04-etitle{ width: 100%; height: 16px; font-size: 24px; color: #FFFFFF; text-shadow: 2px 2px 2px #000000; line-height: 16px; margin-top:20px; } .banner04-des{ margin-top:20px; width: 100%; height: 25px; font-size: 16px; font-weight: 400; color: #15122F; text-shadow: 2px 2px 2px #FFFFFF; line-height: 25px; letter-spacing: 3px; } .banner04-more-name{ margin-top:20px; height: 25px; font-size: 16px; font-weight: bold; color: #15122F; line-height: 25px; letter-spacing: 3px; padding-right:0; } .banner04-more-name span a,.banner04-more-name span a:hover{ color: #15122F; font-size: 16px; text-decoration:none; } } @media (min-width: 768px) { .new_index_banner_icon p { max-width: 750px; padding: 0px 0px; } .new_index_banner_icon p span { width: 32px; height: 44px; -webkit-border-radius: 20px; border-radius: 20px; border: 5px solid #fff; display: block; position: relative; -webkit-animation: mouse both ease-in 2s infinite; -o-animation: mouse both ease-in 2s infinite; animation: mouse both ease-in 2s infinite; } .new_index_banner_icon p span:after { content: ''; position: absolute; top: 7px; width: 6px; height: 11px; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; } } @media (min-width: 992px) { .new_index_banner_icon p { max-width: 970px; padding: 0px 0px; } } @media (min-width: 1260px) { .new_index_banner_icon p { max-width: 1200px; padding: 0px 0px; }} @media (min-width: 1420px) { .new_index_banner_icon p { max-width: 1380px; padding: 0px 0px; }} @media (min-width: 1900px) { .new_index_banner_icon p { max-width: 1600px; padding: 0px 0px; }}