body{background:url() repeat-x center 127px/100% auto;}
/*.banner-wrap{margin-top: 18px}*/
.banner-wrap .banner-swiper a{position: relative;display: block;}
.banner-wrap .banner-swiper a img{width: 100%; height: 450px; object-fit: cover; display: block;}
.banner-wrap .banner-swiper a .title-info{position: absolute;bottom: 0;left: 0;width: 100%; color: #fff;padding:12px 32px;}
.banner-wrap .banner-swiper a .title-info h2{font-size: 25px;font-weight: 400;margin-bottom: 10px;}
.banner-wrap .banner-swiper a .title-info p{font-size: 18px;margin-bottom: 10px;}
.banner-wrap .banner-swiper .swiper-pagination{position: absolute;z-index: 2;bottom: 20px;left: 0;display: flex;justify-content:center;width: 100%;}
.banner-wrap .banner-swiper .swiper-pagination-bullet{width: 10px;display: block;height: 10px;border-radius: 50%;background: rgba(255,255,255, 0.5);cursor: pointer;margin-right: 10px;}
.banner-wrap .banner-swiper .swiper-pagination-bullet:last-child{margin: 0;}
.banner-wrap .banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

.news-wrap .news-swiper{width: 675px; margin: 0;flex-shrink: 0;}
.news-wrap .news-swiper a{width: 675px; height:440px;position: relative;}
.news-wrap .news-swiper a img{width: 100%; height:100%;object-fit: cover;}
.news-wrap .news-swiper a h3{position: absolute;bottom: 0;left: 0;height: 43px;line-height:43px;background: rgba(2, 2, 2, 0.6);color: #fff;font-size: 18px;padding: 0 20px;font-weight: 400;width: 100%;}
.news-wrap .tablist-wrap{flex-grow: 1;margin-left: 15px;}
.news-wrap .tablist-wrap .tab-item{background: linear-gradient(90deg,#1568e5 0, #1fc5e8 100%);height: 58px;padding: 0 30px;}
.news-wrap .tablist-wrap .tab-item span{color: #fff;font-size: 18px;position: relative;cursor: pointer;text-shadow: 0 0 2px rgba(255,255,255,.7);margin-right: 40px;}
.news-wrap .tablist-wrap .tab-item span:last-child{margin: 0;}
.news-wrap .tablist-wrap .tab-item span::after{content: '';display: block;width: 80%;height: 4px;border-radius:2px;background: transparent;position: absolute;left: 10%;bottom: -12px;}
.news-wrap .tablist-wrap .tab-item span.on:after,.news-wrap .tablist-wrap .tab-item span:hover::after{background: #fff;}
.news-wrap .tablist-wrap .tab-lists{background: white;}
.news-swiper .swiper-pagination{position: absolute; right: 10px; bottom: 20px; z-index: 1}
.news-swiper .swiper-pagination-bullet{width:8px; height: 8px; display: inline-block; background-color: white; margin-left: 10px; border-radius: 999px; opacity: .5}
.news-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1}

.topic{padding-top: 35px; padding-bottom:40px}
.topic img{margin-right: 15px; transform: translateY(-2px);}
.topic h2{font-size: 34px;}
.topic h2 a{color: #565656}
.topic h2 a:hover{color: var(--blue1)}

.module-wrap{background: url(../img/content-bg.png) repeat-x center bottom;}
.notice-wrap{width: 675px;margin-right: 30px;}
.notice-swiper{padding: 20px 10px 0 0;}
.notice-swiper .swiper{position: relative;width: 285px;margin-right: 30px;flex-shrink: 0;}
.notice-swiper .swiper a{width: 285px;padding: 0 30px;}
.notice-swiper time i{color: #a1aab2;font-size: 14px;display: block;font-style: normal;}
.notice-swiper time b{color: #133447;font-size: 26px;font-weight: 400;position: relative;}
.notice-swiper time b::after{content: '';width: 100%;height: 5px;background: #a9b8c0;position: absolute;bottom: 5px;left: 0;z-index: -1;}
.notice-swiper h4{color: #133447;font-size: 16px;font-weight: 400;margin-bottom: 20px;margin-top: 20px;line-height: 24px;}
.notice-swiper p{font-size: 14px;color: #7f8f99;line-height: 24px;}
.notice-swiper img{height: 7px;width: 52px;margin-top: 20px;}
.notice-swiper .button{position: absolute;left: 0;top:40%;width: 16px;height: 44px;text-align: center;z-index: 2; cursor: pointer;}
.notice-swiper .button:hover,.notice-swiper .button.swiper-button-active{background: #133447;}
.notice-swiper .button.swiper-button-next{left: inherit;right: 0;}
.notice-swiper .button.swiper-button-prev{background-image: url(../img/swiper-prev.png);}
.notice-swiper .button.swiper-button-prev.swiper-button-disabled{background-image: url(../img/swiper-prev-disabled.png); cursor: not-allowed;}
.notice-swiper .button.swiper-button-next{background-image: url(../img/swiper-next.png);}
.notice-swiper .button.swiper-button-next.swiper-button-disabled{background-image: url(../img/swiper-next-disabled.png); cursor: not-allowed;}

.notice-wrap .module-lists1{padding: 0;}
.notice-wrap .module-lists1 li{line-height: 44px;}
.policy-wrap{flex-grow: 1;}

.industry-data .charts{background: white; padding: 15px 15px 0}
.industry-data .chart{width: 25%; height: 227px; flex-shrink: 0}
.journal-swiper{padding-bottom:60px; width: 49%; flex-shrink: 0}
.journal-swiper .swiper{flex-shrink: 0; padding: 30px 30px 0}
.journal-swiper .swiper a{padding: 10px; background: rgba(255, 255, 255, .6); transition: all 300ms}
.journal-swiper .swiper a:hover{background: rgba(255, 255, 255, 1);}
.journal-swiper .swiper a img{width: 100%; height: 354px; display: block; border: 1px solid #eee}
.journal-swiper .swiper a h4{font-size: 18px; color: #133447; font-weight: normal; text-align: center; margin-top: 20px}
.journal-swiper .button{position: absolute;left: 0;top:40%;width: 16px;height: 44px;text-align: center;z-index: 2; cursor: pointer;}
.journal-swiper .button:hover,.journal-swiper .button.swiper-button-active{background: #133447;}
.journal-swiper .button.swiper-button-next{left: inherit;right: 0;}
.journal-swiper .button.swiper-button-prev{background-image: url(../img/swiper-prev.png);}
.journal-swiper .button.swiper-button-prev.swiper-button-disabled{background-image: url(../img/swiper-prev-disabled.png); cursor: not-allowed;}
.journal-swiper .button.swiper-button-next{background-image: url(../img/swiper-next.png);}
.journal-swiper .button.swiper-button-next.swiper-button-disabled{background-image: url(../img/swiper-next-disabled.png); cursor: not-allowed;}

.manage-service{margin-top: 20px}
.manage-wrap{width:675px; margin-right: 30px}
.manage-list, .service-list{margin-top: 30px}
.manage-list li{border: 1px solid #dce2e6; border-radius: 5px;}
.manage-list li a{display: block; padding: 30px 40px; font-weight: bold; font-size: 14px; color: #133447; display: flex; flex-direction: column; align-items: center;}
.manage-list li a:hover{box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);}
.manage-list li a img{width:48px;height: 48px;margin-bottom: 20px;object-fit: contain; transition: all 300ms}
.manage-list li a:hover img{transform: rotate(30deg);}
.service-list{flex-wrap: wrap;}
.service-list li{border: 1px solid #dce2e6; border-radius: 5px; width: 28%}
.service-list li:nth-child(1), .service-list li:nth-child(2), .service-list li:nth-child(3){margin-bottom: 30px}
.service-list li a{display: flex; justify-content: center; align-items: center; padding: 16px 0; font-size: 14px; font-weight: bold;}
.service-list li a img{width: 25px; height: 25px; margin-right: 10px}
.service-list li a:hover{box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);}

.members-wrap{margin-top: 20px}
.members-wrap .swiper{width: 100%; flex-shrink: 0; padding: 0 30px; margin-top: 30px}
.members-wrap .swiper a img{width: 100%; height: 141px; display: block; object-fit: fill; border:1px solid #dce2e6; border-radius: 5px;}
.members-wrap .button{position: absolute;left: 0;top:35%;width: 16px;height: 44px;text-align: center;z-index: 2; cursor: pointer;}
.members-wrap .button:hover,.members-wrap .button.swiper-button-active{background: #133447;}
.members-wrap .button.swiper-button-next{left: inherit;right: 0;}
.members-wrap .button.swiper-button-prev{background-image: url(../img/swiper-prev.png);}
.members-wrap .button.swiper-button-prev.swiper-button-disabled{background-image: url(../img/swiper-prev-disabled.png); cursor: not-allowed;}
.members-wrap .button.swiper-button-next{background-image: url(../img/swiper-next.png);}
.members-wrap .button.swiper-button-next.swiper-button-disabled{background-image: url(../img/swiper-next-disabled.png); cursor: not-allowed;}

.fly-window{position:fixed; left:10px; top:60%; transform: translateY(-20%); z-index: 99999; width: 240px;}
.fly-window a, .fly-window img{display: block; width: 100%; height: auto;}
.fly-window .close{position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: url(../img/fly-close.png); cursor: pointer;}

.fly-window2{position:fixed; left:10px; top:35%; transform: translateY(-20%); z-index: 99999; width: 200px;}
.fly-window2 a{padding: 10px; background: white; text-align: center; border-radius: 4px;}
.fly-window2 a, .fly-window2 img{display: block; width: 100%; height: auto;}
.fly-window2 .close{position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: url(../img/fly-close.png); cursor: pointer;}

.fixed-side-bar{position: fixed; top: 50%; z-index: 2; transform: translateY(-50%); padding: 5px; background: white; box-shadow: 0 12px 40px 0 rgba(53, 63, 105, .14); border-radius: 99px; right: 20px;}
.fixed-side-bar .list{padding: 5px 0;}
.fixed-side-bar .item{padding: 10px; position: relative;}
.fixed-side-bar .item img{display: block; width: 25px; height: 26px; display: block; margin: 0 auto 10px; transition: all 300ms;}
.fixed-side-bar .item:hover img{transform: scale(1.1);}
.fixed-side-bar .item span{font-size: 12px; text-align: center; display: block;}
.fixed-side-bar .switch{display: block; background: url(../img/sidebar-open.png) no-repeat center/20px auto; width: 48px; height: 40px; cursor: pointer;}
.fixed-side-bar.show .switch{border-top: 1px solid #e9ebf0; background-image: url(../img/sidebar-close.png)}
.fixed-side-bar .popup{position: absolute; display: none; right: 50px; top: 50%; padding-bottom: 10px; transform: translateY(-50%); background: white; width: 200px; border-radius: 8px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.fixed-side-bar .popup b{display: block; border-radius: 8px 8px 0 0; text-align: center; font-size: 14xp; margin-bottom: 10px; font-weight: normal; background-color: rgba(0, 0, 0, .1); padding: 10px 0}
.fixed-side-bar .popup img{width: 90%; height: auto; display: block; margin: auto; transform: scale(1) !important;}
.fixed-side-bar .popup::after{width: 0; height: 0; border: 10px solid transparent; border-left-color: white; content: ' '; right: -20px; top: 50%; position: absolute;}
.fixed-side-bar .item:hover .popup{display: block;}

@media (max-width: 1299px) {
	.journal-swiper .swiper a img{height: 316px;}
}
@media (max-width: 1199px) {
	.journal-swiper .swiper a img{height: 279px;}
	.manage-list li a{padding: 21px 28px}
	.service-list li:nth-child(1), .service-list li:nth-child(2), .service-list li:nth-child(3){margin-bottom: 14px;}
}

@media (max-width: 1099px) {
	.journal-swiper .swiper a img{height: 265px;}
}

@media (max-width: 991px) {
	body{background-position: center 50px;}
	.banner-wrap .banner-swiper a .title-info{padding: 5px}
	.banner-wrap .banner-swiper a img{height: 60vw;}
	.banner-wrap .banner-swiper a .title-info h2{font-size: 18px;}
	.banner-wrap .banner-swiper a .title-info p{ font-size:16px }
	.news-wrap{flex-wrap: wrap; margin-top: 20px}
	.news-wrap .news-swiper{width: 100%}
	.news-wrap .news-swiper a{width: 100%; height: 30vw}
	.news-wrap .tablist-wrap{margin-left: 0; margin-top: 15px}
	.news-wrap .news-swiper a h3{height: auto; line-height: 1.5; font-size: 16px}
	.news-wrap .tablist-wrap .tab-item{padding: 0 10px;}
	.news-wrap .tablist-wrap .tab-item span{margin-right: 10px}
	.module-wrap .container{flex-wrap: wrap; margin-top: 0}
	.notice-wrap{width: 100%; margin-right: 0}
	.notice-swiper{padding: 15px 0 0; flex-wrap: wrap;}
	.notice-swiper .swiper{margin: 0; width: 100%}
	.notice-swiper .swiper a{width: 100%}
	.industry-data{padding-bottom: 0}
	.manage-service{margin-top: 20px;}
	.manage-service>.flex{flex-wrap: wrap;}
	.manage-list, .service-list{margin-top: 10px;}
	.service-wrap{margin-top: 15px}
	.manage-list li a{padding: 5px;}
	.manage-wrap{width:100%; margin-right: 0;}
	.manage-list li a img{width: 25px; height: 25px; margin-bottom: 10px}
	.service-list li{width: 32%}
	.service-list li a img{margin-right: 5px;}
	.members-wrap{margin-top: 20px;}
	.journal-swiper .swiper a img{height: 199px;}
	.topic{padding-top: 15px; padding-bottom:20px}
	.topic img{margin-right: 10px; transform: translateY(-2px);}
	.topic h2{font-size: 20px;}
}

@media (max-width: 767px) {
	.industry-data .chart{width: 100%}
	.journal-swiper .swiper{padding: 15px 0 0;}
	.journal-swiper .swiper a{padding: 5px}
	.journal-swiper .swiper a h4{margin-top: 5px; font-size: 14px}
	.journal-swiper .swiper a img{height: auto;}
	.fly-window, .fixed-side-bar{display: none !important}
}