@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;}