.banner_swiper{width:100%;} .banner_swiper .swiper-button-next,.banner_swiper .swiper-button-prev{width:60px;height:60px;cursor:pointer;opacity:0;} .banner_swiper:hover .swiper-button-next,.banner_swiper:hover .swiper-button-prev{opacity:1;} .banner_swiper .swiper-button-prev:after,.banner_swiper .swiper-container-rtl .swiper-button-next:after,.banner_swiper .swiper-button-next:after,.banner_swiper .swiper-container-rtl .swiper-button-prev:after{content:'';} .banner_swiper .swiper-button-prev{left:20px;-webkit-transform:translatey(-50%);transform:translatey(-50%);background-repeat:no-repeat;background-size:cover;background-image:;background-position:-180px 0;} .banner_swiper .swiper-button-prev:hover{background-position:-120px 0;z-index:9999;} .banner_swiper .swiper-button-next{right:20px;-webkit-transform:translatey(-50%);transform:translatey(-50%);background-repeat:no-repeat;background-size:cover;background-image:;background-position:-60px 0;} .banner_swiper .swiper-button-next:hover{background-position:0 0;z-index:9999;} .banner_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:13px;height:13px;margin: 0 8px;background:rgb(255,255,255); opacity:1;} .banner_swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ce1c28;} .banner-text{width:100%;height:100%;position:absolute;left:0;top:0;z-index:12;background: rgba(0,0,0,0.31);} .banner-text a{display:inline-block;padding:5px 25px;color: #ffffff;background-color:#ce1c28;margin-top: 20px;font-size: 16px; } .banner-text .container{width:76%;} .banner-text-con{text-align:left;z-index: 3;color: #ffffff;} .banner-text-con h3{font-weight: bold;margin-bottom: 10px;position: relative;padding-bottom: 15px;display: inline-block;text-align: left;} .banner-text-con h3:after{content: '';position: absolute;left:0;bottom: 0;width: 45%;height: 3px;background-color:#ce1c28;} .index_main{width:100%;background: no-repeat center top;background-size: cover;padding-bottom: 70px; } .block_title{color:#202020;position: relative;padding-bottom: 10px;margin-bottom: 30px;} .block_title .title_en{font-size: 32px;font-weight: bold;line-height: 1.2;text-transform: uppercase;} .block_title .title_zh{font-size: 20px;line-height: 25px;position: relative;} .block_title .title_zh:after{content: '';/* width: 76%; */width: calc(100% - 140px); height: 10px;background: repeat-x right top;position: absolute;top:8px;right:40px;} .block_title:after{content: '';position: absolute;left: 0;bottom: 0;width: 23px;height: 3px;background-color: #ce1c28;} .title_zh a{position: absolute;right:0;top:0;width: 25px;font-size: 25px;} .title_zh a:hover{color: #ce1c28;} .web_notice{width: 50%;float: left;} .wxchat_box{width: 50%;float: right;text-align: right;} .list_notice{width: 100%;margin-bottom: 30px;} .list_notice li{margin-bottom: 14px;} .pub_date{display: inline-block;width: 55px;text-align: left; vertical-align: middle;color: #939393;font-size: 16px;margin-right:10px;} .notice_title{display: inline-block;vertical-align: middle;color: #202020;width: calc(100% - 75px);font-size: 16px;} .list_notice li a:hover .notice_title{color: #ce1c28;} .wxchat_wrap{display: inline-block; background: #ffffff; padding:6% 8% 4% 8%;box-shadow:0 0 5px 5px #f2f2f2;border-radius:4px;} .wx_ps{margin-top:10px;border:1px solid #bfbfbf;color: #202020;border-radius: 50px;text-align: center;padding:5px 0;} @media(max-width: 767px){ .banner-text .container{width:84%;} .banner-text-con h3{font-size: 16px;} .index_main{padding-top: 30px;} .block_title{margin-bottom: 20px;} .block_title .title_en{font-size: 24px;} .block_title .title_zh{font-size: 18px;} .web_notice,.wxchat_box{width: 100%;float: none;} .wxchat_box{text-align: center;} .banner-text-con h3{padding-bottom: 5px;margin-bottom: 5px;} .banner-text a{ padding: 5px 15px;font-size: 12px;margin-top: 10px;} } @media(min-width: 768px) and (max-width: 1024px){ .index_main{padding-top: 40px;min-height: 500px;} .block_title .title_en{font-size: 26px;} .block_title .title_zh{font-size: 20px;} } @media(min-width: 1024px){ .banner-text-con h3{font-size: 32px;} } @media(min-width: 1200px){ .banner-text-con h3{font-size: 36px;} } @media(min-width: 1400px){ .banner-text-con h3{font-size: 40px;} } @media(min-width: 1600px){ .banner-text-con h3{font-size: 30px;} .xc_tit{padding:60px 0;} }