@charset "utf-8";

.banner{position: relative;}
.banner .slide-banner .swiper-slide:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 20vh;background: url(/images/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;}
.banner .slide-banner .swiper-slide{overflow: hidden;}
.banner .slide-banner .hdtool{position: absolute;;bottom: .6rem;z-index: 5;width:auto;}
.banner .slide-banner .pagBa span{width: 10px;height:10px;display:inline-block; opacity: 1;margin: 0 10px;position: relative;position: relative;border-radius: 50%;background: #fff;vertical-align: middle;}
.banner .slide-banner .pagBa span.swiper-pagination-bullet-active{background: #fc4a53}
.banner .slide-banner .sbtn{max-width: 1.2rem}
.banner .slide-banner .sbtn a{display: block;width: .45rem;height: .45rem;border-radius: 50%;border: 1px solid #fff;color: #fff;text-align: center;line-height: .43rem;font-size: .16rem;margin: .15rem 0;position: relative;}
.banner .slide-banner .sbtn a:hover{background: #fc4a53;color: #000;border-color: #fc4a53}
.banner .slide-banner .sbtn a.next{margin-left: .2rem}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1200px){

}
@media screen and (max-width:1024px){
.banner .slide-banner .hdtool{bottom: .3rem;}

}
@media screen and (max-width:640px){
.banner .slide-banner .sbtn a{width: .4rem;height: .4rem;line-height: .4rem;margin: .1rem 0}
.banner .slide-banner .hdtool{bottom: .1rem;}
.banner .slide-banner .pagBa span{width: 8px;height: 8px;margin: 0 5px}
}

.compensate-for-scrollbar{margin-right: 0!important}
.fancybox-iframe, .fancybox-video{object-fit: cover;}

.fixnav{position: fixed;right: 0;top: 50%;transform: translateY(-50%);width: 2.19rem;height: 1.76rem;z-index: 10;transition: .3s}
.fixnav:hover{right: 0;}

.fixnav2{position: fixed;right: 0;top: 38.6%;transform: translateY(-50%);width: 2.19rem;height: 1.76rem;z-index: 10;transition: .3s}
.intit .h4{font-size: .48rem;}
.intit .h4 span{color: #fc4a53}
.more{margin-top: .3rem;}
.more .a{text-transform: uppercase;position: relative;padding-left: .4rem}
.more .a:hover:before{width: .3rem}
.more .a:before{content: '';width: .2rem;height: 4px;background:#fc4a53;position: absolute;right: .75rem;top:50%;transform: translateY(-50%);transition: .3s }
.homea{padding: .8rem 0}
.homea .intit{padding-top: 1rem;margin-bottom: .6rem}
.homea .intit:before{display: none; content: '';background: url(/images/a1.png) no-repeat bottom center;background-size: 100% 100%; width: 1.75rem;height: 1.74rem;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 0}
.homea .intit .en{font-size: 1.1rem;color: #ededed;position: absolute;left: 50%;transform: translateX(-50%);bottom:0;display: block;line-height: 1rem;z-index: 0;white-space: nowrap;}
.homea .txt{max-width: 4.4rem;margin: 0 auto;line-height: 1.8em;text-align: center;}

.homeb{background: url(/images/dot.png) repeat center;padding: .5rem 0 .6rem;position: relative;}
.homeb:before{content: '';position: absolute;left: 0;top: 0;bottom: -1px;max-width: 4.51rem;width: 21vw; background: url(/images/b2.png) no-repeat left bottom;background-size: 100% auto;z-index: 0}
.homeb .aleft{width: 2.35rem;background: url(/images/bt.png) no-repeat left center;background-size: auto 100%;height: 7.2rem;padding-top: .5rem}
.homeb .aright{width: calc(100% - 3rem);padding-top: .5rem}
.homeb .aright .topNews{position: relative;}
.homeb .aright .topNews .pic{width: 38%;position: absolute;top: .25rem;bottom: .25rem;left: 0}
.homeb .aright .topNews .txt{background: #f6f6f6;height: 2.8rem;width: 76%;padding:.4rem .4rem .4rem 18%}
.homeb .aright ul li{width: 46%;margin-top: .5rem}
.homeb .aright  time{color:#fd5355 }
.homeb .aright  h4{font-size: .18rem;margin-top: .1rem;margin-bottom: .15rem;line-height: 1.4em }
.homeb .aright  p{color: #666;line-height: 1.6em;font-size: .15rem }


.homec ul li:nth-child(1),.homec ul li:nth-child(4){width: 40%}
.homec ul li:nth-child(2),.homec ul li:nth-child(3){width: 60%}
.homec ul li:nth-child(1){height: 6rem;background: url(/images/ct.png) #fd5355 no-repeat left center;background-size: auto 100%}
.homec ul li .pic{height: 6rem}
.homec ul li .txt{position: absolute;left: 0;top: 0;right: 0;bottom: 0;text-align: center;padding: 0 .3rem;color: #fff;z-index: 3;font-size: .3rem;opacity: 0;transition: .3s}
.homec ul li:hover .txt{opacity:1}
.homec ul li a{display: block;position: relative;}
.homec ul li:hover .pic span{filter: blur(5px);}
.homec ul li:hover a:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background:url(/images/art1.png) rgba(0,0,0,.4) no-repeat center;background-size:auto 100%;z-index: 2}
.homec .intit{position: absolute;top: 1.25rem;color: #fff}
.homec .intit .h4 span{color: #333}
.homec .more .a:before{background: #fff}
.homec .more .a:hover{color: #fff}

.homed{padding: .8rem 0 .9rem;position: relative;}
.homed .aleft{width: 74%;}
.homed .aright{width: 2rem;height: 6.9rem;background: url(/images/dt.png) no-repeat right top;background-size: auto 85%}
.homed .aleft ul li{position: relative;padding: .35rem ;padding-right: 1.6rem;text-align: right;padding-left: 5%}
.homed .aleft ul li:before{content: '';position: absolute;top: -.1rem;left:-.3rem;bottom: -.1rem;right: -.4rem;background: url(/images/listbg.jpg) no-repeat bottom center;background-size: cover;z-index: 0}
.homed .aleft ul li:after{content: '';position: absolute;top: -.12rem;left: -.32rem;bottom: -.12rem;width: calc(100% + .4rem);background: #fff;z-index: 1}
.homed .aleft ul li:hover{z-index: 10}

.homed .aleft ul li time{position: absolute;right: .5rem;top: .35rem;font-size: .18rem;z-index: 4}
.homed .aleft ul li time em{position: absolute;top: .1rem;right: 0}
.homed .aleft ul li time span i:nth-child(1){font-size: 1.2rem;display: inline-block;line-height: .85rem;color: #959595}
.homed .aleft ul li time span i:nth-child(2){font-size: .6rem;display: inline-block;line-height: 1em;color: #959595}
.homed .aleft ul li h4{font-size: .2rem;margin-bottom: .15rem;padding-bottom: .15rem;position: relative;z-index: 4}
.homed .aleft ul li p{color: #666;line-height: 1.6em;position: relative;z-index: 4}
.homed .aleft ul li h4:after{content: '';height: 1px;width: 1.2rem;background:#fc4a53;position: absolute;right: 0;bottom: 0 }
.homed .aright .mores .more{display: none;width: 1.65rem;height: 1.65rem;border-radius: 50%;text-align: center;background: #333333;line-height: 1.65rem}
.homed .aright .mores .more:hover .a:before{width: .3rem}
.homed .aright .mores .more .a{color: #fff}
.homed .aright .mores .more:nth-child(1){display: block;}
.homed .aright .tabNav .h4{font-size:.24rem;text-align: center;cursor: pointer;padding: .2rem 0;position: relative;line-height: .48rem;transition: .3s}
.homed .aright .tabNav .h4:nth-child(1):after{content: '';width: 4px;height: .2rem;background: #fc4a53;position: absolute;left: 50%;margin-left: -2px;bottom:-.15rem}
.homed .aright .tabNav .h4 span{color: #333}
.homed .aright .tabNav .h4.on{font-size:.48rem}
.homed .aright .tabNav .h4.on span{color: #fc4a53;}

.homee{background: url(/images/ebg.jpg)  center;position: relative;overflow: hidden;height: 8.5rem}
.black .homee{background: url(/images/ebg1.jpg)  center;position: relative;overflow: hidden;height: 8.5rem;color: #fff}
.black .homee a{color: #fff}
.black .homee:before{content: '';position: absolute;left: 0;top: 0;bottom:0;width: 1.41rem; background: url(/images/et1.png) no-repeat left center;background-size: auto 100%;z-index: 0}
.homee:before{content: '';position: absolute;left: 0;top: 0;bottom:0;width: 1.41rem; background: url(/images/et.png) no-repeat left center;background-size: auto 100%;z-index: 0}
.homee .wp{height: 100%}
.homee .txt{max-width: 4.1rem;margin-top: .35rem;line-height: 1.8em;}
.homee  .more{margin-top: 1rem;}
.homee .pic{position: absolute;top: 0;right: 0;bottom: 0;z-index: 0}

.homef{background: url(/images/ft.png)#f7f7f7 no-repeat right center;padding-top: .8rem}
.homef .intit{margin-bottom: .7rem}
.homef .tabs{width: 70%}
.homef{height: 11.6rem;position: relative;}
.homef .tabNav{height: 1rem;margin-bottom: .5rem}
.homef .tabNav li{transform: rotate(-45deg);margin-left: .2rem;cursor: pointer;}
.homef .tabNav li span{font-size: .2rem;position: relative;color: #959595;z-index: 5}
.homef .tabNav li.on span{color: #fc4a53}
.homef .tabNav li.on span:after{background: #fc4a53}
.homef .tabNav li span:after{width:.7rem ;height: 1px;background:#959595;display: inline-block;content: '';vertical-align:-2px; }
.homef .tabNav li:after{font-family: "swiper-icons" !important;display: block;transform:scale(0) rotate(45deg);width: .85rem;height: .85rem;border-radius: 50%;background: #ededed;text-align: center;line-height: .85rem;font-size: .4rem;color: #f7f7f7;position: absolute;left: 50%;margin-left: -.55rem;top: -.2rem;transition: .3s;opacity: 0}
.homef .tabNav li.on:after{transform:scale(1) rotate(45deg);opacity: 1}
.homef .tabNav li.wx:after{content: "\e615";}
.homef .tabNav li.wb:after{content: "\e61f";}
.homef .tabNav li.bz:after{content: "\e613";}
.homef .tabNav li.dy:after{content: "\e690";}
.homef .tabNav li.ks:after{content: "\e61b";}
.homef .tabNav li.sph:after{content: "\e64a";}
.homef .slide-tab ul li{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: .25rem}
.homef .slide-tab ul li .pic{width: 2rem;height: 1.95rem;}
.homef .slide-tab ul li.video .pic:before{content: "\e630";font-family: "swiper-icons" !important;color: #fff;font-size: .5rem;position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);z-index: 2}
.homef .slide-tab ul li .txt{width:calc(100% - 2rem);padding: .2rem .3rem .2rem .2rem;text-align: right;transition: .3s;position: relative;}
.homef .slide-tab ul li .txt  time{color:#fd5355 ;font-size: .18rem;position: relative;z-index: 3}
.homef .slide-tab ul li .txt  h4{font-size: .2rem;margin-top: .1rem;margin-bottom: .15rem ;line-height: 1.4em;position: relative;z-index: 3}
.homef .slide-tab ul li .txt  p{color: #666;line-height: 1.6em;position: relative;z-index: 3 }
.homef .slide-tab ul li .txt:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: url(/images/wbbg.png) no-repeat bottom center;background-size: cover;z-index: 0;opacity: 0}
.homef .slide-tab ul li .txt:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;width: 100%;background: #fff;z-index: 1}

.homef .fixbg{width: 31vw;position: absolute;left: 0;bottom: 0;top: 2.2rem}
.homef .fixbg .slide-bg{height: 100%}
.homef .fixbg .slide-bg .pic{height: 100%}
@media (min-width: 1025px){
.homef .slide-tab ul li:hover .txt time{color: #fff}
.homef .slide-tab ul li:hover .txt h4 a{color: #fff}
.homef .slide-tab ul li:hover .txt  p{color:rgba(255,255,255,.7);}
.homef .slide-tab ul li:hover .txt:after{width: 0;transition: .5s}
.homef .slide-tab ul li:hover .txt:before{opacity: 1}
.homed .aleft ul li:hover:after{width: 0;transition: .7s}
.homed .aleft ul li:hover time{color: #fff}
.homed .aleft ul li:hover time span i{color: #fff}
.homed .aleft ul li:hover h4 a{color: #fff}
.homed .aleft ul li:hover p{color: rgba(255,255,255,.7);}
}
@media (max-width: 1024px){
.fixnav{right: -.8rem;width: 1.5rem;height: 1.2rem;display: none}
.homea .intit .en{font-size: 10vw}
.homea .txt{font-size: .18rem;max-width: 5rem;}
.homec .intit{top: .8rem}
.homec ul li .pic{height: 40vw}
.homec ul li:nth-child(1){height: 40vw}
.homed .aleft{padding-left: 0}
.homee{height: 55vw}
.homef .fixbg{opacity: 0;visibility: hidden;z-index: -100}
.homef .tabs{width: 100%}
.homed .aleft ul li{padding-right: 1.1rem;padding-left: 0}
.homed .aleft ul li time{right: 0}
}
@media (max-width: 800px){
.homeb:before{background: url(/images/bt.png) no-repeat left center;background-size:auto  100% ;}
.homeb .intit{display: flex;justify-content: space-between;}
.homeb .intit .more{margin-top: .25rem}
.homeb .aleft{width: 100%;height: auto;background: none;padding-top: 0}
.homeb .aright{width: 100%}
.homed .aleft{padding-left: 0;width: 100%;order: 2}
.homed .aright{padding-left: 0;width: 100%;order: 1;height: auto;display: flex;justify-content: space-between;flex-direction: inherit;background: none;margin-bottom: .2rem}
.homed .aright .tabNav .h4:nth-child(1):after{display: none}
.homed .aright .tabNav .h4{padding: 0}
.homed .aright .intit{display: flex;justify-content: space-between;width: 50%}
.homed .aright .mores .more{width: auto;height: auto;background: none;line-height: 1em;margin-top: .2rem}
.homed .aright .mores .more .a{color: #333}
.homee .more{margin-top: 1rem}
.homef .tabNav{display: block;white-space: nowrap;overflow-y: hidden;overflow-x: auto; padding-top: .3rem;padding-bottom: .2rem;height: 1.2rem}
.homef .tabNav li{display:inline-block;margin-left: .15rem}
.homef .tabNav::-webkit-scrollbar{height:3px}
.homef .tabNav::-webkit-scrollbar-track{border-radius:0;background: rgba(0,0,0,.15);border-radius: 5px}
.homef .tabNav::-webkit-scrollbar-thumb{border-radius:0;background:rgba(0,0,0,.45);border-radius: 5px}

}
@media (max-width: 640px){
.homea .intit .en{font-size: 15vw}
.homeb .aright ul li{width: 100%;margin-top: .3rem}
.homeb .aright h4{font-size: .2rem}
.homeb .aright p{font-size: .16rem}
.homeb:before{background: url(/images/bt.png) no-repeat top center;background-size:  100% auto;width: 15vw}
.intit .h4{font-size: 6vw}
.homed .aright .intit{width: calc(100% - 1.5rem)}
.homed .aleft ul li time{right: 5px}
.homee{height: auto;padding: .6rem 0}
.homee .pic{opacity: .3;right: 50%;transform: translateX(50%);}
.homee .pic img{max-width: inherit;height: 100%}
.homef .slide-tab ul li .txt{padding: 0 .2rem 0 0}
.homec ul li .txt{font-size: .2rem}
}
@media (max-width: 480px){
.homec .intit{top: .5rem}
.homec .intit .h4{font-size: 6.5vw}
.homec .intit .more{margin-top: .2rem}
.intit .h4,.homed .aright .tabNav .h4.on{font-size: 8vw}
.homea{padding: .6rem 0}
.homed{padding: .6rem 0 .5rem}
.homeb .aright .topNews .pic{position: relative;top: 0;bottom: 0;width: 100%;height: 50vw}
.homeb .aright .topNews .txt{width: 100%;padding: .3rem .3rem .5rem;height: auto}
.homec ul li .txt{font-size: 3vw}
}