.HomeF1{padding:0px 0;}
.HomeF1 .HomeTitle{position:relative;padding-left:100px;line-height:35px;max-width:500px;margin:0 auto 20px;font-size:14px;border:1px solid #5a5a5a;}
.HomeF1 .HomeTitle span.span{display:block;width:100px;text-align:center;line-height:35px;font-weight:bold;color:#fff;height:100%;background:#5a5a5a;position:absolute;left:0;top:0;}
.HomeF1 .HomeTitle .time{text-align:center;}
.HomeF1 .List{position:relative;}
.HomeF1 .List .yc_zp{position:absolute;bottom:100px;left:0;opacity:0;z-index:-10;}
.HomeF1 .List ul li{margin-bottom:20px;width:49%;margin-right:2%;float:left;}
.HomeF1 .List ul li:nth-child(2n){margin-right:0;}
.HomeF1 .List ul li a.libox{display:block;position:relative;color:#fff;}
.HomeF1 .List ul li a.libox .img{overflow:hidden;}
.HomeF1 .List ul li a.libox .img img{width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.HomeF1 .List ul li a.libox .txtbox{width:100%;display:none;height:100%;background:rgba(0,0,0,0.2);text-align:center;}
.HomeF1 .List ul li a.libox .txtbox .twap{padding:15px 0;}
.HomeF1 .List ul li .listT{text-align:center;}
.HomeF1 .List ul li .listT .sbg{line-height:40px;display:inline-block;color:#5a5a5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.mianboxF .bt{text-align:center;}
.mianboxF .btbg{padding:0 40px;display:inline-block;background:url('../image/yh01.png') no-repeat 0 0;}
.mianboxF .bt .bg{background:url('../image/yh02.png') no-repeat right 0;display:inline-block;}



.HomeF2 .List{padding-top:0px;}
.HomeF2 .List ul li{position:relative;height:180px;margin-bottom:10px;overflow:hidden;}
.HomeF2 .List ul li a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.HomeF2 .List .libox{width:inherit;height:inherit;display:block;position:relative;overflow:hidden;cursor:pointer;}
.HomeF2 .List .libox .icon{display:inline-block;width:77px;height:77px;margin-bottom:10px;}
.HomeF2 .List .libox .zm{color:#b4b4b4;border:1px solid #b4b4b4;background:#1e1e1e;}
.HomeF2 .List .libox .zm,.HomeF2 .List .libox .fm{padding:15px 20px;width:100%;height:100%;position:absolute;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden; /* Chrome ?? Safari */-moz-backface-visibility:hidden;  /* Firefox */-ms-backface-visibility:hidden;}
.HomeF2 .List .libox .zm{z-index:2;display:none\0;}
.HomeF2 .List .libox .zm img,.HomeF2 .List .libox .fm img{width:100%;height:100%;}
.HomeF2 .List .libox .fm{background:#ff9900;color:#fff;border:1px solid #ff9900;}
.HomeF2 .List .libox:hover .zm{opacity:0;}
.HomeF2 .List .libox:hover .fm{opacity:1;}
.HomeF2 .List .libox .h3{font-size:16px;font-weight:normal;}



.HomeF3 .List{padding-top:15px;}
.HomeF3 .List .swiper-container a{display:block;text-align:center;}
.HomeF3 .List .swiper-container .swiper-slide{padding:15px;}
.HomeF3 .List .swiper-container a.on img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.HomeF3 .swiper-pagination{position:static;margin-top:15px;}
.HomeF3 .swiper-pagination .swiper-pagination-bullet-active{background:none;border:2px solid #b4b4b4;}
.HomeF3 .List .swiper-container a img{width:100%;}
@media screen and (min-width:540px){
  .HomeF1 .HomeTitle{padding-left:165px;}
  .HomeF1 .HomeTitle span.span{width:165px;}
  .HomeF1 .List ul li{width:48%;margin-right:4%;float:left;}
  .HomeF1 .List ul li:nth-child(2n){margin-right:0;}
  .HomeF2 .List ul li{width:48%;position:relative;height:180px;float:left;margin-right:4%;margin-bottom:4%;}
  .HomeF2 .List ul li:nth-child(2n){margin-right:0;}
}
@media screen and (min-width:768px){
  .HomeF1 .List{padding:20px 0;}
  .HomeF1 .List ul li{width:23.5%;margin-right:2%;float:left;}
  .HomeF1 .List ul li:nth-child(2n){margin-right:2%;}
  .HomeF1 .List ul li:nth-child(4n){margin-right:0;}
  .HomeF1 .HomeTitle{margin:30px auto;line-height:40px;font-size:24px;}
  .HomeF1 .HomeTitle span.span{line-height:40px;}
  .HomeF2 .List ul li{width:32%;position:relative;height:180px;float:left;margin-right:2%;margin-bottom:2%;}
  .HomeF2 .List ul li:nth-child(2n){margin-right:2%;}
  .HomeF2 .List ul li:nth-child(3n){margin-right:0;}
}
@media screen and (min-width:1000px){
  .HomeF1 .List{padding:0px 0;}
  .HomeF1 .List ul li .listT .sbg{margin-top:10px;font-size:18px;background:url('../image/titlebg01.png') no-repeat 0 center;padding-left:25px;text-align:left;width:auto;max-width:100%;}
  .HomeF1 .List ul li a.libox .txtbox{display:block;opacity:0;position:absolute;width:100%;top:0;left:0;height:100%;background:rgba(0,0,0,0.5);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
  .HomeF1 .List ul li a.libox:hover .txtbox{opacity:1;}
  .HomeF1 .List ul li a.libox:hover .img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
  .HomeF1 .List ul li a.libox .txtbox .twap{position:absolute;font-size:18px;width:100%;top:50%;--webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
  .HomeF1 .List ul li a.libox .txtbox .twap .h3{font-size:28px;padding-bottom:10px;font-weight:bold;}
  .HomeF1 .List ul li a.libox .txtbox .twap .h4{font-weight:bold;font-size:21px;padding-bottom:20px;}
  .HomeF1 .List ul li a.libox .txtbox .twap .txt,.HomeF1 .List ul li a.libox .txtbox .twap .h5{font-size:16px;font-weight:normal;line-height:30px;}
  .mianboxF .bt{position:relative;top:30px;}
  .mianboxF .btbg{font-size:26px;padding:0 50px;}
  .mianboxF .btbg .p{font-size:16px;}
  
  
  
  .HomeF2 .List{padding-top:80px;}
  .HomeF2 .List ul li.li4,.HomeF2 .List ul li.li5,.HomeF2 .List ul li.li6,.HomeF2 .List ul li.li7{width:23.5%;text-align:center;}
  .HomeF2 .List ul li.li6{margin-right:2%;}
  .HomeF2 .List ul li.li5{margin-right:2%;}
  .HomeF2 .List ul li.li7{margin-right:0;}
  
  
  
  .HomeF2 .List ul li.li1,.HomeF2 .List ul li.li2,.HomeF2 .List ul li.li3{height:155px;}
  .HomeF2 .List ul li.li1 .zm,.HomeF2 .List ul li.li1 .fm{padding-right:90px;padding-top:60px;}
  .HomeF2 .List ul li.li2 .zm,.HomeF2 .List ul li.li2 .fm{padding-right:90px;padding-top:60px;}
  .HomeF2 .List ul li.li3 .zm,.HomeF2 .List ul li.li3 .fm{padding-right:90px;padding-top:60px;}
  .HomeF2 .List ul li.li1 .zm .iconbox,.HomeF2 .List ul li.li1 .fm .iconbox{position:absolute;top:50%;margin-top:-40px;right:10px;}
  .HomeF2 .List ul li.li2 .zm .iconbox,.HomeF2 .List ul li.li2 .fm .iconbox{position:absolute;top:50%;margin-top:-40px;right:10px;}
  .HomeF2 .List ul li.li3 .zm .iconbox,.HomeF2 .List ul li.li3 .fm .iconbox{position:absolute;top:50%;margin-top:-40px;right:10px;}
  
  
  
  
  .HomeF3 .List .swiper-container .swiper-slide{padding:40px 14px;}
  .HomeF3 .swiper-pagination{margin-top:20px;}
  .HomeF3 .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;}
  .HomeF3 .List{padding-top:30px;}
}
@media screen and (min-width:1200px){
  .HomeF2 .List ul li.li1 .zm,.HomeF2 .List ul li.li1 .fm{padding-right:135px;padding-left:45px;padding-top:40px;}
  .HomeF2 .List ul li.li2 .zm,.HomeF2 .List ul li.li2 .fm{padding-right:135px;padding-left:45px;padding-top:40px;}
  .HomeF2 .List ul li.li3 .zm,.HomeF2 .List ul li.li3 .fm{padding-right:135px;padding-left:45px;padding-top:40px;}
  .HomeF2 .List ul li.li1 .zm .iconbox,.HomeF2 .List ul li.li1 .fm .iconbox{right:55px;}
  .HomeF2 .List ul li.li2 .zm .iconbox,.HomeF2 .List ul li.li2 .fm .iconbox{right:55px;}
  .HomeF2 .List ul li.li3 .zm .iconbox,.HomeF2 .List ul li.li3 .fm .iconbox{right:55px;}
  .HomeF2 .List .libox .h3{font-size:27px;}
  .HomeF2 .List .libox .p{font-size:19px;}
  .HomeF2 .List ul li{height:238px;}
  .HomeF2 .List ul li.li1,.HomeF2 .List ul li.li2,.HomeF2 .List ul li.li3{height:165px;}
}