@media (min-width: 1440px) { .container{max-width: 1200px;} } @media (min-width: 1601px) { .container{max-width: 1400px;} } @media (min-width: 1900px) { .container{max-width: 1600px;} } a:hover{text-decoration: none;} ul{padding: 0;margin: 0;} ul>li{list-style: none;} h1,h2,h3{font-weight: bold;} .ellipsis2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; } .card{border-radius:0px;border:inherit;} .header_main { top: 0; left: 0; width: 100%; height:100px; transition: all 0.9s ease-out 0s; z-index:1000; /* position: fixed; background: transparent; background-color:rgba(255,255,255,0.6);*/ background-color:#fff; } .nav_main .nav { position: relative; white-space:nowrap; text-overflow:ellipsis; } .header_main .nav_main .item { float: left; z-index: 12; } .header_main .nav_main .item.active a{color:#114DA5;font-weight: bold;} .header_main .nav_main .item a { text-align: center; padding: 0 30px; display: block; font-size: 16px; line-height: 50px; color: #777; padding-top: 10px; position: relative; } .header_main .nav_main .item a:hover { text-decoration: none; color:#114DA5; } .header_main .nav_main .item a::before{ content:""; position: absolute; width:50px; height:50px; top:30%; left: 15%; background-image: url('../images/top_nav_56.png'); background-repeat: no-repeat; background-size: 100% 100%; z-index: -10; } .header_main .nav_main .item:first-child>a::before{ left:0; } .header_main .nav_main .item.active a::before,.header_main .nav_main .item:hover a::before{ content: ""; position: absolute; width:60px; height:60px; top:20%; left:15%; background-image: url('../images/top_nav_active.png'); background-repeat: no-repeat; background-size: 100% 100%; z-index: -10; } .header_main .nav_main .item:first-child.active>a::before,.header_main .nav_main .item:first-child:hover a::before{ left:-10%; } .header_main .nav_main .item:hover a::before{ transition: all 0.6s ease-out 0s; } .header_main .searcher{margin-left: 20px;padding-top:.2rem;margin-top: 15px} .header_main .search_btn{ background-color:#0d4da1; color: #fff; font-size:0.85rem; padding: 0.35rem 0.95rem; border-radius: 1.5rem; line-height: 32px; white-space:nowrap; cursor: pointer; } .header_main .search_btn:hover{text-decoration: none;} #myCarousel .carousel-control-prev,#myCarousel .carousel-control-next { width: 50px; height: 50px; border-radius:25px; cursor: pointer; background-color: rgba(0,0,0,.6); top: 46%; } #myCarousel .carousel-control-prev { left:3%; bottom:inherit; } #myCarousel .carousel-control-next { right:3%; bottom:inherit; } #myCarousel .carousel-control-next .carousel-control-next-icon,#myCarousel .carousel-control-prev .carousel-control-prev-icon{margin-top: 15px;} #myCarousel .carousel-indicators li{background-color:#ccc;opacity:.5;height: 5px;} #myCarousel .carousel-indicators li.active{background-color:#0d4da1;opacity:1;} .index-product-wrap,.index-about-wrap{ width: 100%; position: relative; background-image: url('../images/wuyao_bg_r2_c1.jpg'); background-repeat: no-repeat; background-size: cover; min-height: 200px; } .index-product-wrap .card,.index-about-wrap .card{background-color: inherit;} .index-product-wrap .card .card-header,.index-news-wrap .card .card-header,.index-about-wrap .card .card-header{text-align: center;background-color:inherit;font-size: 1.5rem;font-weight: bold;} .index-product-wrap .product-category-swiper .swiper-slide{border-radius:6px;background-color: #fff;} .index-product-wrap .product-category-swiper .swiper-slide a{ display: block;color:#777; text-align: center; padding: .25rem 1rem; font-size: 1rem; height: 112px; } .index-product-wrap .product-category-swiper .swiper-slide a>img{width: 48px;height: 48px;} .index-product-wrap .product-category-swiper .swiper-slide a img{margin-top: .5rem;} .index-product-wrap .product-category-swiper .swiper-slide a span{display: block;margin-top:0.75rem;} .index-product-wrap .product-category-swiper .swiper-slide.active{background-color:#0D4EA2;} .index-product-wrap .product-category-swiper .swiper-slide.active a{color: #fff;} .index-product-wrap .swiper-button-prev,.index-product-wrap .swiper-button-next{ position: absolute; width: 50px; height: 50px; border-radius:25px; background-color:rgba(255,255,255, 1); color: #777; padding: 10px 15px; } @media (max-width:1024px) { .index-product-wrap .swiper-button-prev,.index-product-wrap .swiper-button-next{ width: 40px; height:40px; border-radius:20px; padding:6px 10px; } } @media(max-width: 768px) { .header_main{height:inherit;} .index-product-wrap .swiper-button-prev,.index-product-wrap .swiper-button-next{ width:34px; height:34px; border-radius:16px; padding:4px 6px; } } .index-product-wrap .swiper-button-prev{left: -4%;} .index-product-wrap .swiper-button-next{right: -4%;} .index-product-wrap .jumbotron{background-color: inherit;} .index-product-wrap .jumbotron .card-title{color: #134CA3;font-weight: bold !important;} .index-product-wrap .jumbotron .card-text{color:#A9A9A9;} .index-product-wrap .jumbotron .more{padding:0.6rem 1.5rem;} .index-product-wrap .more a,.index-about-wrap .more a{ color: #777; font-size: 0.85rem; display: block; position: relative; } .index-product-wrap .more a>i,.index-about-wrap .more a>i{float: right;background-color: #32BEF3;color:#fff;border-radius:0.2rem;padding:0.15rem .25rem;} .index-news-wrap{position: relative;width: 100%;background-color: #fff;} .index-news-wrap .carousel .carousel-indicators [data-bs-target]{height:10px;width:10px;border-radius:5px;border-bottom: inherit;border-top: inherit;} .index-news-wrap .carousel .carousel-caption{text-align: left;left: 0;right: 0;bottom: 0px;padding-bottom: 0;padding-left:15px; padding-top:0.5rem;background-color: rgba(0, 0, 0,.5);} .index-news-wrap .carousel .carousel-caption h6{width: 80%;} .index-news-wrap .carousel .carousel-caption h6>a{color:#fff;} .index-news-wrap .carousel-indicators,.index-news-wrap .carousel-indicators{bottom:0.75rem; left:inherit;margin-bottom:inherit;margin-right: 0px; padding-top:0.5rem;} .index-news-wrap .carousel-indicators li{height:10px;width:10px;border-radius:5px;border-bottom: inherit;border-top: inherit;} #newsTabs .nav-link{font-size:1rem;color:#777;padding: .5rem 0.65rem;} #newsTabs .nav-link.active{color: #0D4DA4;background-color: inherit;font-weight: bold;} @media (max-width: 768px){ #newsTabs { overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; overflow-y: hidden; justify-content: left !important; } } .index-other-wrap .left-box .card-img-overlay{top: 40%;left:inherit;right: 5%;} .index-other-wrap .left-box .card-img-overlay .card-title{text-align: right;position: relative;font-weight:bold;} .index-other-wrap .left-box .card-img-overlay .card-title>hr{border-top:1px solid #fff;display:inline-block;width: 50px;} /*.index-other-wrap .left-box .card-img-overlay a::before{ content: ""; width: 50px; height: 1px; position: absolute; left:-40%; top:20%; background-color: #fff; }*/ .index-other-wrap .right-box .card-img-overlay{top: 40%;left: 5%} .index-other-wrap .right-box .card-img-overlay .card-title{position: relative;font-weight:bold;} .index-other-wrap .right-box .card-img-overlay .card-title>hr{border-top:1px solid #fff;display:inline-block;width: 50px;} /* .index-other-wrap .right-box .card-img-overlay a::after{ content: ""; width: 50px; height: 1px; position: absolute; right: 60%; top: 22%; background-color: #fff; }*/ @media (max-width:993px){ .index-other-wrap .right-box .card-img-overlay .card-title::after{left:40%;} } .index-about-wrap .jumbotron{background-color: inherit;} .index-about-wrap .jumbotron .lead{font-size: 1rem;} .index-about-wrap .card-title{font-size:2.65rem;text-align: center;color: #0E4CA1;font-weight: bold;} .index-about-wrap .card-title>small{font-size: 0.95rem;} .index-about-wrap .card-text{color:#777;text-align: center;font-size:1rem;} .index-about-wrap .card-body img{height: 48px;} .index-friend-link{width: 100%;background-color: #2765BA;} .index-friend-link ul{padding: 0;margin: 0;height: auto;} @media (max-width:993px){ .index-friend-link ul{overflow: hidden;overflow-x: auto;white-space: nowrap;width: auto;} } .index-friend-link ul>li{list-style: none;display: inline-block;} .index-friend-link ul>li a{color: #fff;padding: 0.1rem .75rem;font-size: 0.85rem;} .index-friend-link ul>li a:hover{text-decoration: underline;} .footer{width: 100%;background-color: #3A3A3A;} .footer .card{background-color: inherit;border:none;} .footer .card .card-header{border-bottom: inherit;background-color: inherit;color: #fff;} .footer .card .card-body li>a{color:#6F6F6F;font-size: 0.85rem;} .copyright-wrap{width: 100%;background-color: #2C2C2C;color: #707070;} .copyright-wrap a{color: #707070;font-size: 0.85rem;} .page-nav .list-group {border-radius: inherit;} .page-nav .list-group-item{border: inherit;} .page-nav .list-group-horizontal>.list-group-item a{color: #828282;} .page-nav .list-group-horizontal>.list-group-item:hover{border-radius: inherit;border-bottom: 2px solid #094FA5;} .page-nav .list-group-horizontal>.list-group-item.active{border-radius: inherit;background-color: inherit;border-bottom: 2px solid #094FA5;} .page-nav .list-group-horizontal>.list-group-item.active a{color: #094FA5;font-weight: bold;} .news-list-page{background-color:#F5F5F5;} .news-list-page .news-list .card-body a{color: #828282;font-size: 1.5rem;} .news-list-page .news-list .card-body a:hover{color:#094FA5;} .news-list-page .news-list .card-body a>i{display:inline-block; width:6px;height:6px;background-color: #094FA5;position: absolute;top:50%;left:-1%;} .news-list-page .pic-list .card a{color: #777;} .news-list-page .pic-list .card .img{height:236px;} .news-list-page .pic-list .card .img .card-img-top{height: 100%;max-width: 100%;} .news-list-page .pic-list .card-body .card-title{ font-weight: bold; } .news-list-page .pic-list .card-body .time{font-size:2rem;font-weight: bold;color: #aaa;float: right;text-align: right;margin-bottom:0;} .news-list-page .pic-list .card-body .time>small{display: block;font-size:1rem;} .news-list-page .pic-list .card-body .card-text{font-size:0.85rem !important;color:#a9a9a9;} .news-list-page .pic-list .card:hover{background-color:#0089CF;} .news-list-page .pic-list .card:hover a{color:#fff;} .news-list-page .pic-list .card:hover a p.text-muted{color:#fff !important;} /*鏂伴椈鍐呭璇︽儏*/ .news-list-page .news-info-box .jumbotron .lead span,.news-list-page .video-play-box .jumbotron .lead span{color: #B0B0B0;font-size:0.85rem;padding:.2rem 1.5rem;} @media (max-width: 768px){ .news-list-page .jumbotron{padding-left:10px !important;padding-right: 10px !important;} .news-list-page .news-info-box,.news-list-page .video-play-box {padding-left: 0px !important; padding-right: 0 !important;} .news-list-page .news-info-box .jumbotron .lead span,.news-list-page .video-play-box .jumbotron .lead span{padding: 0 0.2rem;} } .news-list-page .news-info-box .jumbotron .text-justify img{max-width: 100% !important;height: auto !important;} .news-list-page .news-info-box .jumbotron .btn-goback,.news-list-page .video-play-box .jumbotron .btn-goback{background-color:#0D4DA1;line-height:4rem;} .news-list-page .news-info-box .jumbotron .btn-goback a,.news-list-page .video-play-box .jumbotron .btn-goback a{color:#fff;font-size: 0.95rem;} .news-list-page .news-info-box .jumbotron .more-link,.news-list-page .video-play-box .jumbotron .more-link{color:#737373;} .news-list-page .news-info-box .jumbotron .more-link li>a,.news-list-page .video-play-box .jumbotron .more-link li>a {color:#7E7E7E;} /*鎵嬫満绔脊鍑鸿彍鍗?/ .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; visibility:visible; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; } .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: -0.5rem; margin-bottom: -0.5rem; } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(-100%); } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(100%); } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(100%); } .offcanvas.show { transform: none; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,"); background-repeat: no-repeat; border: 0; border-radius: .25rem; opacity: .5; } #offcanvasRight .list-group-item a{color:#777;font-size: 1rem;} #min-navbar h2>a{color:#777;font-size: 1.15rem;} #min-navbar h2>a:hover{text-decoration: none;} #min-navbar h2>a:visited{text-decoration: none;} #min-navbar .card-header{background-color: inherit;} #min-navbar .list-group-item{border: none;} .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out; } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,"); transform: rotate(-180deg); } /*褰撳墠浣嶇疆*/ .breadcrumb{background-color:#165BB6;border-radius:inherit;} .breadcrumb-item+.breadcrumb-item::before{content:">";color:#fff;} .breadcrumb-item a{color:#fff;} .breadcrumb-item.active {color:#fff;} /*瑙嗛涓績*/ .video-list .card-title a{font-size: 1.2rem;font-weight: bold; color:#787878;position: relative;} .video-list .play-bg{display: none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .video-list .play-bg>svg{margin-top:30%;} .video-list .card:hover .play-bg{display: block;background-color:rgba(0, 0, 0,.4) !important;} .video{height:600px;} /*璧拌繘姊у窞鍒惰嵂*/ body{overflow-x: hidden} .channel-banner .banner{width: 100%} .about-box{background: url(../images/about-bg1.png) no-repeat;background-size: cover} .about-box .about-title{text-align: center;padding-top: 80px;font-size: 36px} .about-box .title-en{text-align: center;color: #aaa;font-size: 16px;margin-top: 15px} .about-box .about-content{margin-top: 40px;color: #777;margin-bottom: 50px} .about-swiper{width: 100%;margin-bottom: 45px} .about-swiper .item-box{position: relative} .about-swiper .item-content{border:1px solid #ccc;border-radius: 10px;height: 135px;width: 100%;text-align: center;padding: 20px 0;color: #777} .about-swiper .item-content .num{font-size: 2.6rem;color: #0d4da1;font-weight: bold} .about-swiper .item-content .unit{color: #0d4da1;} .about-swiper .item-box .line{height: 55px;background: #ccc;width: 1px;margin-left: 50%} .about-swiper .item-box .icon{width: 68px;height: 68px;margin: 0 auto;border:1px solid #ccc;border-radius: 10px;padding: 17px;z-index: 999;background: #fff} .through{width: 100vw;height: 1px;background: #ccc;position: absolute;bottom: 75px} .swiper-button{width: 50px;height: 50px;border: 1px solid #ccc;border-radius: 999px;top: 25% !important;} .swiper-button-next:after, .swiper-button-prev:after{font-size: 18px;color: #ccc} .swiper-button-next{right: -7%} .swiper-button-prev{left: -7%} .history-box{position: relative;padding-top: 80px} .history-bg{width: 100%;height: 600px;background: url("../images/about-history-bg2.jpg") 100% 100%;background-size: cover;z-index: -1;position: absolute; top: 0;} .history-box .title{color: #fff;text-shadow: 2px 2px #000;} .history-box .hd{color: #fff;margin-top: 40px;width: 100%;font-size: 0;z-index: 999} .history-box .hd li{display: inline-block;text-align: center;cursor: pointer} .history-box .hd li .year{font-size: 2rem;font-weight: 300;padding: 3px 27px;border-radius: 999px;background:rgba(0, 0, 0,.3);} .history-box .hd li p{text-align: center;margin-top: 15px} .history-box .hd li .circle{background: #fff;width: 20px;height: 20px;display: inline-block;border-radius: 100px;text-align: center;padding: 5px;} .history-box .hd li.swiper-slide-active .year{background: #0d4da1} .history-box .hd li.swiper-slide-active .circle{background: #33bef2;} .history-box .hd li.swiper-slide-active em{background: #0d4da1;width: 100%;height: 100%;border-radius: 999px;display: block;} .history-through{position: absolute;width: 100vw;height: 1px;background: #fff;left: 0;right: 0;top: 249px;z-index: 0} .history-item{width: 100%;background: #fff;border-radius: 10px;padding: 40px 0;margin-top: 80px;color: #777;box-shadow: 0 3px 4px #eee} .history-item ul{padding: 0 30px} .history-item li{padding-right: 55px} .history-item li .img{width: 100%;overflow: hidden;border-radius: 5px;height: 325px;} .history-item li .img img{max-width: 100%;margin: 0 auto;max-height: 100%;} .history-item li .year-box{background: #fff;padding: 10px 20px;box-shadow: 0 3px 6px 3px #eee;border-radius: 5px} .history-item li .year-box h2{color: #0d4da1;font-weight: 400} .history-item li .year-box span{font-size: initial;color: #777} .history-item li .history-content{line-height: 2.5em;margin-top: 30px} .history-item .btn-more{background: #33bef2;display: inline-block;font-size: 14px;color: #fff;padding: 4px 10px;border-radius: 3px;float: right;margin-top: 10px} .year-swiper-button-next{background: #eee;border-radius: 999px;width: 45px;height: 45px;top: 80%;z-index: 2} .year-swiper-button-prev{background: #eee;border-radius: 999px;width: 45px;height: 45px;top: 80%;z-index: 2} .year-swiper-button-next:hover,.year-swiper-button-prev:hover{background: #0d4da1;color: #333;transition: 0.4s} .history-box .swiper-button-next.swiper-button-disabled, .history-box .swiper-button-prev.swiper-button-disabled{opacity: 1 !important;} .honor-box{padding-top: 95px} .honor-box .rec-item{margin-bottom: 10px} .honor-box .rec-item .title{margin-bottom: 60px} .honor-box .rec-item{color: #fff;border-radius: 10px;overflow: hidden;padding: 40px;text-align: center} .honor-box .rec-item .title{text-align: center;min-height: 6rem;} .honor-box .rec-item .time{text-align: left} .honor-box .rec-item .more{background: #fff;border-radius: 5px;color: #777;display: inline-block;padding: 7px 20px;width: 170px;margin-top: 60px} .honor-box .rec-item .icon{background: #33bef2;display: inline-block;font-size: 14px;color: #fff;padding: 3px 10px;border-radius: 3px;float: right} .honor-box .title{margin-bottom: 60px} .honor-box .text-center{min-height: 4.5rem;} .honor-box .honor-list{margin: 50px 0;background: #fff;} .honor-box .honor-list .item{border-radius: 5px;overflow: hidden} .honor-box .honor-list .item:hover{border: 1px solid #0d4da1;transition: 0.5s} .honor-box .honor-list .item .img{width: 100%;height:230px;overflow: hidden;text-align: center;} .honor-box .honor-list .item .img img{max-width: 100%;height:100%;} .honor-box .honor-list .item .title{font-size:18px;font-weight: bold;text-align: center;margin: 20px 0;color: #777} .honor-box .honor-list .item .time{color: #777;text-align: center;margin-bottom: 5px} .honor-box .honor-list .item .desc{padding: 0 10px;line-height: 2em;font-size: 14px;color: #aaa} .more-content{background: #fff;width: 100%;display: inline-block;box-shadow: 2px 3px 5px 4px #eee;text-align: center;padding: 25px;margin-top: 50px} .more-content span{color: #777;font-size: 18px} .more-content .icon{background: #33bef2;display: inline-block;font-size: 12px;color: #fff;padding: 2px 9px;border-radius: 3px;margin-left: 20px} /*浜岀骇鏍忕洰瀵艰埅*/ ul::-webkit-scrollbar{display: none;} .page-channel{text-align: center;background: #fff;width: 100%} .page-channel ul{margin: 0 auto;height: auto;overflow: hidden;overflow-x: auto;white-space: nowrap;width: auto;} .page-channel li{padding: 25px;display: inline-block;} .page-channel li a{color: #777;font-size: 18px} .page-channel li:hover,.page-channel li.active{border-bottom: 2px solid #0d4da1} .page-channel li:hover a,.page-channel li.active a{color: #0d4da1} .speacH{height: 100px} /*鏂囩珷鍗曢〉*/ .page-content{background: #fff;margin: 40px 0;padding: 50px} .page-content .title{text-align: center;font-weight: bold;margin-bottom: 50px} .bg-gray{background: #f5f5f5} /*鍏氬缓妯″潡*/ .party-pages{background: #f5f5f5;margin-top: 80px} .party-header{height: 80px;width: 100%;background: #d92a35} .party-logo{vertical-align: middle;padding: 10px 0;display: inline-block} .party-logo img{max-height: 60px} .party-header .back-home{background: #fff;display: inline-block;padding: 8px 20px;border-radius: 999px;color:#d92a35;float: right;margin-top: 20px} .party-header .back-home a{color: #d92a35} .m-party-header{height: 50px;width: 100%;background: #d92a35;display: none} .m-party-logo{vertical-align: middle;padding: 10px 0;display: inline-block} .m-party-logo img{max-height: 30px} .m-party-header .back-home{display: inline-block;padding: 0px 20px;color:#fff;float: right;line-height: 50px;font-size: 24px} .m-party-header .back-home a{color: #fff} .party-banner{width: 100%} .party-banner img{width: 100%;height: auto} .party-news-box{background: #fff;margin-top: 30px;margin-bottom: 15px;padding: 40px 30px} .rec-news{margin-bottom: 10px} .rec-news .news-img{height: 410px;overflow: hidden;} .rec-news .news-img img{max-width: 100%;height:100%;} .rec-news .swiper-slide{position: relative} .rec-news .news-title{position: absolute;bottom: 0;left: 0;right: 0;padding: 12px 15px;background: rgba(0,0,0,.7);color: #fff;} .rec-news .news-title p{margin-bottom: 0;max-width: 70%} .party-news-swiper .page-dot-list{display: inline-block;width: auto;left:auto;right: 15px;bottom: 20px} .party-news-swiper .page-dot{width: 13px;height: 13px;background: #939393} .party-news-swiper .page-dot-list .swiper-pagination-bullet-active{background: #00d9d9} .top-news{border-bottom: 1px solid #eee;padding-bottom: 15px} .top-news .title{color: #d92a35;font-weight: bold} .top-news p{color: #aaa;margin-bottom: 5px;line-height: 1.9em} .top-news .desc{font-size: 14px} .ellipsis{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .rec-news-list .party-news-list li a{padding: 15px 0} .party-news-list li{clear: both;border-bottom: 1px dashed #ccc;} .party-news-list li a{padding: 18px 0;display:inline-block;width: calc(100% - 25px)} .party-news-list li:before{content: ""; width: 5px;height: 5px;display: inline-block;background: #d92a35;vertical-align: middle; margin-right: 10px;margin-top: -14px} .party-news-list .title{color: #777;max-width: 60%;display: inline-block} .party-news-list .time{color: #aaa;float: right} .channel-news-list{margin-bottom: 50px} .channel-title{border-bottom: 2px solid #d92a35;margin-top: -10px} .channel-title .icon-bg{display: inline-block;width: 38px;height: 38px;background: url(../images/party-icon.png) no-repeat;background-size: cover} .channel-title .channel-name{margin-left: 10px;font-weight: bold;display: inline-block;margin-bottom: 15px;margin-top: -15px;vertical-align: super;} .channel-title .more{display: inline-block;background: #d92a35;color: #fff;border-radius: 999px;padding: 5px 25px;float: right;margin-top: 3px} /*鍏氬缓鏂伴椈鍒楄〃*/ .party-breadcrumb{display: inline-block;float: right;color: #777} .party-breadcrumb a{color: #777} .party-breadcrumb a i{margin: 0 5px} .fs20{font-size: 1.3rem} .party-page{margin-top: 30px} .party-page .page-item.active .page-link{z-index:3;color:#fff;background-color:#d92a35;border-color:#d92a35} .party-page .page-link:focus{z-index:3;outline:0;box-shadow:unset} .party-page .page-item{margin:0 3px} .party-page .page-link{color:#777;background:#eee;padding:0.5rem 0.85rem} .party-page .page-link:hover{color:#fff;background-color:#d92a35;border-color:#d92a35} /*鍏氬缓鏂伴椈璇︽儏*/ .party-news-content{background: #fff;margin-top: 30px;} .party-news-content .news-info{border-bottom: 1px solid #ddd;text-align: center;padding: 30px} .party-news-content .news-info .title{margin: 50px 0 40px 0;font-weight: bold;font-size: 2.2rem} .party-news-content .news-append{color: #aaa} .party-news-content .news-append span{margin: 0 50px} .party-news-content .content-item{padding: 45px 100px;border-bottom: 1px solid #ddd;} .other-news{padding: 45px 100px;} .other-news a{display: block;background: #f5f5f5;padding: 11px 13px;width: 100%;margin-bottom: 2px;border-radius: 3px;color: #777} .other-news .back-list{background: #0d4da1;color: #fff;text-align: center;border-radius: 0;padding: 35px 0;} @media (min-width: 1400px) { .other-news .back-list{ max-width: 120px } } /*鑽h獕璧勮川*/ .sub-nav{padding: 30px 0;text-align: center} .sub-nav a{color: #777;display: inline-block;border-radius: 3px;box-shadow: 3px 3px 3px #eee;padding:10px 60px;background: #fff;margin: 0 10px 10px 10px;font-size: 1.3rem} .sub-nav a.active,.sub-nav a:hover{color: #fff;background: #0d4da1} .sub-title{background: #fff;padding: 22px;width: 100%} .sub-title h2{border-left: 8px solid #0d4da1;padding-left: 15px;font-weight: bold;font-size: 1.55rem;margin-bottom: 0} .honor-main{margin-top:20px;margin-bottom: 20px} .honor-main .honor-item{border-radius: 5px;box-shadow: 3px 3px 3px #eee;overflow: hidden;margin-bottom: 20px} .honor-main .honor-img{background: #eee;text-align: center;width: 100%;height: 230px;overflow: hidden;} .honor-main .honor-img img{max-width: 100%;height:100%;} .honor-main .honor-info{background: #fff;padding: 0 30px 30px 30px} .honor-main .honor-info .title{text-align: center;font-size: 1.1rem;padding: 20px 0;color: #333} .honor-main .honor-info .time{text-align: center;color: #777} .honor-main .honor-info .desc{color: #777;line-height: 2em;font-size: 0.9rem;margin-bottom: 0} .honor-main .honor-item:hover{border: 1px solid #0d4da1} .honor-main .honor-item:hover .honor-info .title{color: #0d4da1} .honor-dialog{margin-top: 120px;min-width:55%} .honor-dialog .honor-img{width: 100%;margin-bottom: 30px} .honor-dialog .honor-img img{width: 100%;} .honor-dialog .honor-content .content{color: #777;margin: 15px 0;font-size: 1rem;line-height: 2em} .honor-dialog .more-content {width: auto;box-shadow: unset;padding: 8px 15px;border: 1px solid #ccc;border-radius: 5px;} /*棣栭〉鏍峰紡*/ #newsTabs .nav-link>img{display: none;margin-top:-3px;margin-right:3px;} #newsTabs .nav-link.active>img{display: inline-block;} #newsTabs .nav-link:hover{color:#0D4DA4;} #index-pills-tabcontent .card .card-header{min-height:6rem;} #index-pills-tabcontent .card .card-header>h5>a{color:#0E49A5;font-weight: bold;} #index-pills-tabcontent .card .card-header .card-text{font-size:0.95rem;color:#B1B1B1;font-weight: normal;} #index-pills-tabcontent .card .card-header small{font-size:0.85rem;} #index-pills-tabcontent .card .card-body{min-height:5rem;} #index-pills-tabcontent .card .card-body li>a{color:#8A8A8A;font-size:1rem;} #index-pills-tabcontent .card .card-body li>a>span{position: relative;padding-left: 10px;} #index-pills-tabcontent .card .card-body li>a i::before{content:""; position: absolute;top:38%;left:0; width:5px;height:5px;background-color:#8A8A8A;display:inline-block;} #news-carousel .carousel-item{height:370px;overflow: hidden;} #news-carousel .carousel-item .img{height:370px;overflow: hidden;background-color: #d9d2d2; display:flex;align-items: center;justify-content: center;} /*鍒嗛〉*/ .pagination .page-link{border: inherit;background-color: #DAD8D9;margin-right:.35rem;color:#797979;} .pagination .page-item.disabled .page-link{background-color: #eee;} .pagination .page-item.active .page-link { color: #fff; background-color:#0D4EA2; } /*浜у搧鍒楄〃*/ .product-bg{padding-top: 40px;width: 100%;height: 260px;background: url(../images/product-bg.png);background-size: cover;background-repeat: no-repeat} .product-category-box{background: rgba(0,0,0,0.2);width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;height: 220px;padding: 25px 80px} .product-category{height: 100%} .category-item{color: #fff;text-align: center;border-radius: 5px;padding: 20px 35px;height: 100%;display: inline-block;cursor: pointer} .category-item .title{margin-top: 25px} .category-item .title h5{font-size: 18px;text-align: center} .category-item.swiper-slide-active{background: #1f71dc;} .category-item.swiper-slide-active .title>h5{font-weight: bold} .categorySwiper .swiper-button-next{right: 20px} .categorySwiper .swiper-button-prev{left: 20px} .category-swiper-button-prev,.category-swiper-button-next{width: 45px;height: 45px;border-radius: 999px;background: #fff;} .category-item.swiper-slide-active::after {border-left: 16px solid transparent;border-right: 16px solid transparent;border-top: 16px solid #f5f5f5;content: "";position: absolute;bottom:-25px;left: 41%;width: 0;z-index: 99;transform: rotate(180deg);} .product-list-box{margin-top: 40px} .product-list{background: #fff;padding: 30px;clear: both;margin-bottom: 30px} .product-list:hover{box-shadow: 3px 3px 3px #eee;} .product-list:hover a{color: #0d4da1} .product-list .product-img{width: 100%;border-radius: 5px;overflow: hidden;height: 250px;text-align: center} .product-list .product-img img{max-width: 100%;height:100%;vertical-align: middle} .product-list a{color: #333} .product-list a:hover{color: #0d4da1} .product-list .product-name{margin-top: 25px;margin-bottom: 35px} .product-list .desc{color: #aaa} .product-list .product-name h4{font-weight: bold} .product-list .product-detail{width: 45px;height: 100%;position: relative;border-radius: 5px;background: #f1f1f1;text-align: center;vertical-align: middle;font-size: 36px;color: #aaaaaa} .product-list .product-detail i{position: absolute;top: 43%;right: 15px} .product-list .product-info{width: calc(100% - 50px)} .product-list:hover .product-detail{background: #0d4da1;color: #fff} /*鎼滅储缁撴灉*/ .search-box{width: 100%;background: url(../images/search-bg.png) no-repeat;background-size: cover;position: relative;height: 260px} .search-box .search{background: #fff;border-radius: 999px;padding: 10px;width: 45%;margin: 0 auto;position: absolute;top: 40%;left: 28%} .search-box .search-input{outline: unset;border: unset;height: 50px;padding: 0 20px;font-size: 18px;width: calc(100% - 145px)} .search-box .search-btn{background: #0d4da1;color: #fff;border-radius: 9999px;padding: 10px 50px;border: unset;outline: unset;font-weight: bold;font-size:20px} .search-result{margin: 30px 0;} .search-result .result-count{color: #777} .search-result .search-item{padding: 30px 40px;background: #fff;overflow: hidden;border-radius: 3px;margin-bottom: 30px;display: block} .search-result .search-item h5{color: #777;} .search-result .search-item p{color: #aaa;margin-bottom: 0;margin-top: 15px;} .search-result .search-item:hover{box-shadow: 3px 3px 3px #eee} .search-result .search-item:hover>h5{color: #0d4da1} /*鍔犲叆鎴戜滑*/ .job-box{ padding: 80px 0; background-color: #f5f5f5;} .job-box .job-box-part a{ display: block;background-color: #ffffff;transition: all .3s; } .job-box .job-box-part a:hover{ box-shadow: 0 5px 20px #dddddd;} .job-box .job-box-part .img{ width: 100%;overflow: hidden;} .job-box .job-box-part .img img{ width: 100%;} .job-box .job-box-part .wz{ padding: 30px 0;text-align: center;} .job-box .job-box-part .wz h3{ text-align: center; font-size: 30px;color: #333333; } .job-box .job-box-part a:hover .wz h3{ color: #0d4da1;} .job-box .more-content { margin-top: 30px; width: auto;box-shadow: 0 0 10px #eeeeee;padding: 8px 15px; border-radius: 5px; } .job-box .more-content span{ font-size: 16px;} .job-list-box{ padding: 30px 0; background-color: #f5f5f5;} .job-list-box .job-part a{ margin-bottom: 15px; background-color: #ffffff;border-radius: 6px;display: flex; align-items: center; padding: 30px;transition: all .3s; } .job-part-right .more-content { margin-top: 0; width: auto;box-shadow: 0 0 10px #eeeeee;padding: 8px 15px; border-radius: 5px; } .job-part-right .more-content span{ font-size: 16px;} .job-part-left{ flex: 1;} .job-part-left h3{ font-size: 20px;font-weight: bold;color: #333333;margin-bottom: 20px; } .job-part-left span{ margin-right: 5%; font-size: 16px; color: #777777; } .job-list-box .job-part a:hover{ box-shadow: 0 0 10px #dddddd;} .job-list-box .job-part a:hover .job-part-left h3{ color: #0d4da1; } @media (max-width: 512px) { .job-part-right .more-content{ display: none;} .job-part-left span{ display: block; } } .showjob-bottom{ background-color: #f5f5f5;} .showjob-bottom .showjob-part{ padding: 50px 0; max-width: 1440px; margin: 0 auto; } .showjob-part{ padding: 50px 0; max-width: 1440px; margin: 0 auto; display: flex; } .showjob-part-left{ flex: 1;} .showjob-part-left h3{ font-size: 26px;font-weight: bold;color: #333333;margin-bottom:40px; } .showjob-part-left span{ margin-right: 5%; font-size: 16px; color: #777777; } .showjob-part-right a{ display: block;width: 140px;height: 40px;line-height: 40px;background-color: #ff4343;text-align: center;color: #ffffff;border-radius: 6px;} @media (max-width: 512px) { .show-jbbox .root-link{ font-size: 12px; height: 60px; } .show-jbbox .root-link a{ font-size: 12px; } .show-jbbox .root-link i{ font-size: 12px; margin: 0; } .show-jbbox-top{ margin-top: 20px;margin-bottom: 20px;} .showjob-part-right{position: fixed; bottom: 0; width: 100%; z-index: 1000;} .showjob-part-right a{ width: 100%; border-radius: 0;} .showjob-bottom{ padding: 0 20px;} .showjob-part-left{ padding: 0 20px;} } .contact-box {padding: 30px 0;background-color: #f5f5f5;} .contact-box-top-part{ height: 280px;border-right: #eaeaea solid 1px;} .contact-box-top-part h3{ text-align: center; font-size: 20px; font-weight: bold; color: #0d4da1;margin-top: 20px; } .contact-box-top-part p{ text-align: center; font-size: 16px; color: #777777; } .contact-box-top-part img{ display: block;margin: 0 auto;} .ny-map{ background-color: #ffffff;padding-top: 15px;padding-bottom: 15px;margin-top: 15px;} /*浜у搧涓績*/ .product-all{ padding: 5% 0; background: url('../images/cp-all-bg.png'); overflow: hidden; } .product-class{background-color:rgba(255, 255,255, 0.4); position: relative; border-radius: 10px; transition: all .3s; overflow: hidden; margin-bottom: 20px;} .product-class img{ width: 100%; } .product-class .cp-name{ width: 100%; position: absolute; top:65%; text-align: center; font-size: 30px; color: #555; } .product-class .cp-link{ width: 30%; height: 40px; position: absolute; left:35%; top:80%; background-color: rgba(0, 0, 0, 0.3); font-size: 1em; color: #ffffff;text-align: center;border-radius: 6px; line-height: 40px; transition: all .3s; } .product-class:hover{ box-shadow: 0 10px 10px #b2cae9;margin-top: -5px;background-color: #0089CF;} .product-class:hover .cp-link{ margin-top: -5px; } .product-class:hover .cp-name{color:#fff;} @media (max-width: 1680px) { .product-class .cp-name{ font-size:25px; } .product-class .cp-link{ height: 35px; line-height: 35px; } } @media (max-width: 1440px) { .product-class .cp-name{ font-size:20px; } .product-class .cp-link{ height: 30px; line-height: 30px; } } @media (max-width: 1366px) { .product-class .cp-name{ font-size:18px; } .product-class .cp-link{ height: 25px; line-height: 25px; } } @media (max-width: 512px) { .product-class .cp-name{ font-size:30px; } .product-class .cp-link{ height: 40px; line-height: 40px; } } .show-product-top{ margin-top: 70px;margin-bottom: 70px;} .show-productbox .show-product-bigimg img{ width: 100%;} .show-productbox .show-product-wz h2{ margin-top: 30px; font-weight: bold;} .show-productbox .show-product-wz span{margin: 40px 0 20px 0; display: block; width: 80px;height: 30px;line-height: 30px;color: #ffffff;background-color: #999999;text-align: center;border-radius: 3px;} .show-product-bottom{ padding: 40px 0; background-color: #f5f5f5;} @media (max-width: 512px) { .show-productbox .root-link{ font-size: 12px; height: 60px; } .show-productbox .root-link a{ font-size: 12px; } .show-productbox .root-link i{ font-size: 12px; margin: 0; } .show-product-top{ margin-top: 20px;margin-bottom: 20px;} .show-productbox .show-product-wz h2{ margin-top: 30px; font-size: 24px; } } /*杩斿洖椤堕儴*/ .rightFix { width: 60px; position: fixed; right:4%; bottom: 10%; z-index: 999; display: none; } .rightFix a { width: 60px; height: auto; background:rgba(17,77,165,0.7); text-align: center; display: block; margin-bottom: 6px; position: relative; border-radius: 10px; padding-bottom: 5px; } .rightFix a h3 { color: #fff; font-weight: 400; font-size: 12px; } .rightFix .ico { width: 32px; height: 32px; display: block; position: relative; overflow: hidden; transition: all ease 300ms; margin: 0 auto 1px; padding: 0; } /*寮瑰嚭灞?/ .adfloat{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0,.7);z-index: 1001;} .adfloat .adclose{position: absolute;top:15px;right:15px;padding: 0 .25rem;cursor: pointer;} .adfloat .card-img{border-radius: inherit;}