@charset "utf-8";
/* CSS Document */


:root {
  --border: #eee solid 1px;
  --wrapper: 1620px;
  --main-color: #240f6e;
  --main2-color: #f6c02b;
  --main3-color:#539643;
  --linearX: linear-gradient(#70b92f, #8cbc61);
  --linearY: linear-gradient(90deg, #245442, #009944);
  --listbg: #f4f8fa;
  --tit-color: #2a2a29;
  --sum-color: #7d7772;
}

  :root {
    --padding: 80px 10px;
    --margin: 90px auto;
    --m80: 80px 0;
    --m50: 50px 0;
    --f80: 80px;
    --f70: 70px;
    --f60: 60px;
    --f50: 50px;
    --f48: 48px;
    --f40: 40px;
    --f36: 36px;
    --f30: 30px;
    --f28: 28px;
    --f26: 26px;
    --f24: 24px;
    --f22: 22px;
    --f20: 20px;
    --f16: 16px;
  } 
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--main-color)!important;
}

  span, div {
    font-family: arial,helvetica,sans-serif;word-wrap: break-word;    word-break: normal;
}

@media only screen and (max-width: 1400px) and (min-width: 1200px){


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

  

}
@media screen and (max-width:768px){
 
.fa_pageNavs{
  background:var(--listbg);
}
.fa_pageNavs .fa_item{
  width:50%;
  text-align:center;
  border-bottom:#eee solid 1px;

}
.fa_pageNavs .fa_item:nth-child(odd){
  border-right:#eee solid 1px;
}
.fa_pageNavs .fa_item a.fa_link{
  padding:10px;
  width:100%;
  display:block;
}
.s_summary{
  font-size:24px;
}
.s_link  {
  font-size:20px;
}

.fa_Pagebanner .fa_pic img{
 height:40vh!important;
}
.fa_Pagebanner .fa_mouse {
 display:none;
}
}
@media screen and (min-width:768px){

.fa_pageNavs .fa_item{
 transition:all 0.5s;
  color:#666;
  position:relative;

  margin-right:2.5vw;
}
.fa_pageNavs .fa_item a.fa_link{
  padding:30px 0;
  display:block;
  font-size: var( --f16);
  
}
.fa_pageNavs .fa_item:before{
content:"";
  left:50%;
  bottom:0;
  position:absolute;background: #000;
  height:2px;
  transform:translateX(-50%);
  opacity:0;
  transition:all 0.5s;
   width:0%;}
.fa_pageNavs .fa_item:hover,.fa_pageNavs .fa_item.fa_navon{
 color:var(--main-color);
}
.fa_pageNavs .fa_item:hover:before,.fa_pageNavs .fa_navon:before{
 opacity:1;
  width:100%;
}
.fa_bannerPage .p_img {
 height:500px!important;
}

}