.02
/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2020-12-11 10:19:57
*/
/*banner*/
#banner{width:100%;position:relative;overflow:hidden;height:595px;}
#banner .swiper-button-prev {outline:none;background: none;width: 55px;height: 55px;top:40%;}
#banner .swiper-button-next {outline:none;background: none;width: 55px;height: 55px;top:40%;}

#banner .swiper-slide .wen{position: absolute;z-index: 222;top: 15%;left: 10%;}
#banner .swiper-slide .wen img{width:80%;}
#banner .remen{width: 950px;height: 130px;position: absolute;z-index: 222;bottom: 270px;right: 0px;background: url(../images/banbg.jpg);}

#banner .remen a{width: 33.3%;float: left;}
#banner .remen a .fl{width: 35%;}
#banner .remen a .fl img{display: block;margin: 0 auto;padding-top: 12px;width:50%;}
#banner .remen a .fr{width: 65%;color: #fff;font-size: 12px;color: #fff;text-transform: uppercase;padding-top: 50px;}
#banner .remen a .fr img{display: block;float: left;margin-right: 10px;}
#banner .remen a .fr p{font-size: 16px;}
#banner .remen a:nth-child(3) .fl img{padding-top:25px;}
#bb img{width:100%;display:block;}









@media screen and (min-width:1500px){
#banner{width:100%;position:relative;overflow:hidden;height:1090px;}
#banner .swiper-button-prev {outline:none;background: none;width: 55px;height: 55px;top:40%;}
#banner .swiper-button-next {outline:none;background: none;width: 55px;height: 55px;top:40%;}

#banner .swiper-slide .wen{position: absolute;z-index: 222;top: 210px;left: 270px;}
#banner .swiper-slide .wen img{width:100%;}
#banner .remen{width: 950px;height: 150px;position: absolute;z-index: 222;bottom: 350px;right: 0px;background: url(../images/banbg.jpg);}

#banner .remen a{width: 33.3%;float: left;}
#banner .remen a .fl{width: 35%;}
#banner .remen a .fl img{display: block;margin: 0 auto;padding-top: 25px;width:60%;}
#banner .remen a .fr{width: 65%;color: #fff;font-size: 12px;color: #fff;text-transform: uppercase;padding-top: 60px;}
#banner .remen a .fr img{display: block;float: left;margin-right: 10px;}
#banner .remen a .fr p{font-size: 16px;}

#pinp .bottom li:hover .wen a{display: block;}
#gongyi .bottom .wen .fl{font-size: 30px;font-weight: bold;padding-left:0px;}
#gongyi .bottom .wen .fr{font-size: 18px;padding-right:0px;}
}



.aa{    position:relative;   }  
.aa::after{ content:''; display:block; width:0;    height:2px;    position:absolute;    left:0;    bottom:-10px;    background:#fff; transition:all 0.5s ease-in-out;   } 
.aa:hover::after{ width:100%; }