@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"Arial","Microsoft Yahei",system-ui !important;color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,h5,h6,h1,b,strong { font-weight: normal; }
.em,i { font-style: normal; }

body{ background-color: #fff;  }
video{ max-width: 100%; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }

/*@font-face {
  font-family: 'PingFang';
  src: url('PingFang Medium.ttf');
}*/


@-webkit-keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}50%{opacity:1}}@keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}50%{opacity:1}}.zoomInA{-webkit-animation-name:zoomInA;animation-name:zoomInA}
@keyframes heightChange {
  0% {transform: scale(1, 0);}
  100% { transform: scale(1);}
}
@-webkit-keyframes heightChange {
  0% {transform: scale(1, 0);}
  100% {transform: scale(1); }
}

.head{ display: flex; align-items: center; justify-content: space-between; padding: 55px 0 55px 7.3vw; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; position: fixed; }
.head .logo{ display: black; width: 168px; transition: all 0.6s; }
.head .logo.on{ width: 100px; }
.head .logo img{ display: black; width: 100%; }
.head .line{ background-color: rgba(255,255,255,0.7); height: 46px; display: flex; align-items: center; }
.head .nav{}
.head .nav .link{ position: relative; float: left; margin-right: 2vw; }
.head .nav .link i{ display: none; }
.head .nav .lka{ display: block; line-height: 46px; font-size: 24px; color: #231815; padding: 0 2vw; }
.head .nav .link.on .lka{ font-weight: bold; }
.head .nav .lkb{ display: block; font-size: 16px; color: #fff; line-height: 38px;/* padding: 0 0 0 2vw; */cursor: pointer; opacity: 1; }
.head .nav .lkb:hover{ opacity: 1; text-decoration: underline; }
.head .nav .drop{ position: absolute; left:0; top: 100%; width: 100%;/* padding-left:2vw;*/ transition: all 0.4s; height: 0; z-index: 1; opacity: 1; transition: all 0.6s; background: rgba(0,0,0,0.3); text-align: center; padding: 1vh 0; opacity: 0; overflow: hidden; }
.head .nav .link:hover .drop{ top: 46px;  padding: 5px 0; opacity: 1; height: auto; }
.head .language{ padding:0 7.3vw 0 4vw;  }
.head .language a{ cursor: pointer; font-size:20px; color: #231815; }
.head .language a.on{ font-weight: bold; }
.head .language i{ padding: 0 4px; font-size:18px; color: #231815; }
.head .menu{ display: none; }
.head.white .nav .drop{ background: rgba(0,0,0,0.65) }


.head.tm .logo .img1{ display: none; }
.head.tm .logo .img2{ display: block; }
.head.white{ /*position: static;*/ background-color: #fff; padding: 55px 0 55px 7.3vw;  }
.head.white.scroll{ padding: 15px 0 15px 7.3vw; box-shadow: 0 0 10px #eee; }
.head.white .nav .lkb{ color: #fff; }
.head.white .logo .img1{ display: block; }
.head.white .logo .img2{ display: none; }
.headPhone{height:240px;}
.headPhone.small{ height: 110px; }

.banner{ width: 100%; overflow: hidden; }
.banner img{ display: black; width: 100%; /*transform: scale(1.05); animation: mymove 2s linear;*/ }
@keyframes mymove
{
  0% { transform: scale(1);}
  100% { transform: scale(1.05);}
}
.banner video{ display: block; width: 100%; }


.cont{ padding: 0 7.3vw; min-width: 1180px; }
.tita{ display: block; line-height: 40px; display: flex; align-items: flex-end; margin-bottom: 30px; cursor: pointer;  }
.tita span{ border-bottom:2px solid #000; font-size: 27px; color: #231815;  }
.tita i{ border-bottom:2px solid #000; font-size: 23px; color: #231815; padding: 0 5px;  }
.titb{ display: flex; align-items: center; justify-content: space-between; line-height: 24px;margin-bottom: 24px; }
.titb p{ font-size: 23px; color: #231815; display: flex; align-items: center; }
.titb i{ display: black; width: 5px; height: 5px; border-radius: 50%; margin:0 5px; background-color:#231815;  }
.titb .more{ padding-right: 22px; background:url(../img/ig05.png) no-repeat right center / 19px auto; font-size: 16px; color: #999; cursor: pointer; transition: all 0.4s; }
.titb .more:hover{ transform: translateX(-5px); color: #000; }
.titb.borb{ border-bottom: 1px dashed #ccc; padding-bottom: 20px; }


.syshow{ padding: 95px 0;}
.syshow .part{ margin-bottom: 80px; }
.syshow .part:last-child{ margin-bottom: 0px; }
.syshow .swiper img{ display: block; width: 100%; }
.syshow .both{ display: flex; align-items: center; justify-content: space-between; }
.syshow .txt{ width: 47%; }
.syshow .txt .lkta{ font-size: 20px; color: #231815; line-height:60px; border-bottom: 1px dashed #ccc; display: block; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s;  }

.syshow .txt .lkta:hover{ font-size: 21px;}
.syshow .txt .lkta.on{ font-size: 21px;}
.syshow .pics{ width: 35%; display: flex; align-items: center; justify-content: center; margin-right: 80px; }
.syshow .pics .pic{ display: block; width: 100%; display: none; }
.syshow .pics .pic.on{ display: block; }
.syshow .pics .swiper{ width: 100%; }
.syshow .pics .swiper-pagination-bullet-active{ background-color: #000; }
.syshow .pics .swiper-pagination-bullet{ background-color: #000; }

.systore{ padding-bottom: 60px; }
.systore .both{ overflow: hidden; display: flex; align-items: center; }
.systore .item{ width: 23.5%; margin-right: 4.8%; float: left; }
.systore .item .photo{ display: block; width: 100%; overflow: hidden; }
.systore .item .photo img{ display: block; width: 100%; transition: all 0.4s; }
.systore .item:hover .photo img{ transform:scale(1.1); }
.systore .item .name{ border-bottom: 1px solid #ccc; font-size: 20px; color: #231815; line-height:48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; transition: all 0.4s;   }
.systore .item:hover .name{ font-size: 21px; border-bottom: 1px solid #000; }
.systore .txt{ width: 43.4%; float: right; }
.systore .txt .lkta{ font-size: 20px; color: #231815; line-height:51px; border-bottom: 1px dashed #ccc; display: block; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s;  }
.systore .txt .lkta:hover{ font-size: 21px;}


.footer{ padding:40px 0; background-color: #000; }
.footer .cont{ display: flex; align-items: center; justify-content: space-between; }
.footer .txts{ padding:25px 0; }
.footer .txts .logoa{ display: block; width: 348px; margin-bottom: 12px;  }
.footer .txts .logoa img{ display: block; width: 100%;  }
.footer .txts .txta{ font-size: 14px; color: #fff; line-height: 30px; display: block; }
.footer .txts p{ display: flex; align-items: center; margin-top: 4px; }
.footer .txts p a{ margin-right: 15px; }
.footer .txts p a:last-child{ margin-right: 0px; }
.footer .codes{ display: flex; align-items: center; }
.footer .codes .small{ display: block; width: 46px; margin-right: 14px; opacity: 0.8; cursor: pointer;  }
.footer .codes .small img{ display: block; width: 100%; }
.footer .codes .small:hover{ opacity: 1; }
.footer .codes .code{ display: block; width:207px; margin-left: 90px; }
.footer .codes .code img{ display: block; width: 100%; }



@media screen and ( max-width: 1200px){
  .indexH{ height: 1rem; }
  .head{ padding: 0.1rem 0.2rem !important; position: fixed; background-color: #000; height: 1rem;  }

  .head .logo{ width: 1rem; height: 0.8rem; }
  .head .menu{ display: block; width: 0.8rem; height: 0.8rem; background:url(../img/menu.png) no-repeat center / 0.68rem auto; }
  .head .line{ position: fixed; left: -2000px; top: 1rem; width: 100%; bottom: 0; height:auto; display: block; background-color:rgba(0,0,0,0.8); z-index: 2; padding: 0 0rem; border-top: 0.02rem solid #666; transition: left 0.5s; }
  .head.on .line{ left: 0; }
  .head .line .link{ float: none; margin:0; border-bottom: 0.02rem solid #666; overflow: hidden; }
  .head .line .lka{ display: block; font-size: 0.3rem; color: #fff; padding: 0 0.3rem; }
  .head .nav .link .drop{ display: block !important; padding:0 !important; height: 0; overflow: hidden; position: static; }
  .head .nav .link:hover .drop{ display: block; padding: 0px 0; opacity: 1; height: 0; overflow: hidden; }
  .head .language{ padding:0 0.3rem; line-height: 0.8rem; margin-top: 0.2rem; }
  .head .language a{ font-size: 0.3rem; color: #fff; }
  .head .language i{ font-size: 0.3rem; color: #fff; }

  .head.white{ position: fixed; background-color: #000; margin-bottom:0px; }
  .head.white .nav .lkb{ color: #fff; }
  .head.white .logo .img1{ display: none; }
  .head.white .logo .img2{ display: block; }
  .headPhone{ height: 1rem !important; }
  .head .logo.on{ width:1rem; height: 0.8rem; }

  .head .nav .link i{ position: absolute;  right: 0; top: 0; height: 0.8rem; background-color: red; width: 80%; display: block; height: 46px; background: url(../img/ig22.png) no-repeat 93% center / 0.3rem auto; }
  .head .nav .link.on .drop{opacity: 1; text-decoration: underline; display: block !important; height: auto; padding: 0 0.6rem 0.2rem !important; text-align: left; width: 100%; font-size: 0.28rem;}
  .head .nav .link.on .lkb{ font-size: 0.28rem; line-height: 30px; }


  .cont{ padding: 0 0.3rem; min-width: 100%; width: 100%; }
  .tita{ display: block; line-height: 0.56rem; display: flex; align-items: flex-end; margin-bottom: 0.3rem; cursor: pointer;  }
  .tita span{ border-bottom:0.04rem solid #000; font-size: 0.3rem; color: #231815;  }
  .tita i{ border-bottom:0.04rem solid #000; font-size: 0.28rem; color: #231815; padding: 0 5px;  }
  .titb{ display: flex; align-items: center; justify-content: space-between; line-height: 0.4rem;margin-bottom: 0.24rem; }
  .titb p{ font-size: 0.28rem; color: #231815; display: flex; align-items: center; }
  .titb i{ display: black; width: 5px; height: 5px; border-radius: 50%; margin:0 5px; background-color:#231815;  }
  .titb .more{ padding-right: 0.28rem; background:url(../img/ig05.png) no-repeat right center / 0.22rem auto; font-size: 0.26rem; color: #999; cursor: pointer; }
  .titb.borb{ border-bottom: 0.02rem dashed #ccc; padding-bottom:0.2rem; }

  .syshow{ padding: 0.6rem 0;}
  .syshow .part{ margin-bottom: 0.5rem; }
  .syshow .part:last-child{ margin-bottom: 0px; }
  .syshow .both{ overflow: hidden; display: block; }
  .syshow .txt{ width: 100%; }
  .syshow .txt .lkta{ font-size: 0.26rem; color: #231815; line-height:0.68rem; border-bottom: 0.02rem dashed #ccc; }
  .syshow .txt .lkta:hover{ font-size: 0.28rem;}
  .syshow .txt .lkta.on{ font-size: 0.28rem;}
  .syshow .pics{ width: 100%; display: flex; align-items: center; justify-content: center; margin-right: 0; margin-top: .2rem; }


  .systore{ padding-bottom:0.6rem; }
  .systore .both{ overflow: hidden; display: block; }
  .systore .item{ width: 100%; margin-right: 0%; float: left; margin-bottom: 0.2rem; }
  .systore .item .name{ border-bottom: 0.02rem solid #ccc; font-size: 0.26rem; color: #231815; line-height:0.6rem; margin-top: 0.1rem; transition: all 0.4s;   }
  .systore .item .name:hover{ font-size: 0.28rem; }
  .systore .txt{ width:100%; float: right; }
  .systore .txt .lkta{ font-size: 0.26rem; color: #231815; line-height:0.68rem; border-bottom: 0.02rem dashed #ccc; }
  .systore .txt .lkta:hover{ font-size: 0.28rem;}

  .footer{ padding:0.4rem 0; background-color: #000; }
  .footer .cont{ display: block; }
  .footer .txts{ padding:0.1rem 0; }
  .footer .txts .logoa{ display: block; width: 6rem; width: 4rem; margin-bottom:0.2rem;  }

  .footer .txts .txta{ font-size: 0.24rem; color: #fff; line-height: 0.4rem; display: block; }
  .footer .txts p{ display: flex; align-items: center; margin-top: 4px; }
  .footer .txts p a{ margin-right: 0.15rem; }
  .footer .codes{ display: flex; align-items: center; justify-content: center; margin-top: 0.2rem; }
  .footer .codes .small{ display: block; width:0.6rem; margin-right: 0.3rem;}
  .footer .codes .code{ display: block; width:2rem; margin-left:0.6rem; }

  .swiper-button-next:after, .swiper-button-prev:after{ font-size: 0.3rem; }

}


.showpage{ padding:90px 0; }
.showpage .part{ overflow: hidden; padding:30px 0; border-bottom: 1px dashed #ccc; }
.showpage .part:first-child{ padding:0; padding-bottom: 96px; }
.showpage .names{ width:18%; float: left;  }
.showpage .names .tabs{ padding-left: 80px; padding-left: 105px; margin-top: 20px; font-size: 34px; color: #231815; line-height: 52px; }
.showpage .names .tabs span{ display: block; opacity: 0.5; cursor: pointer;}
.showpage .names .tabs span.on{ opacity: 1; }
.showpage .move{ width:80%; float: right;  }
.showpage .move img{ display: black; width: 100%; }
.showpage .swiper-pagination-bullet-active{ background-color: #fff; }
.showpage .swiper-pagination-bullet{ background-color: #fff; }
.showpage .swiper-horizontal>.swiper-pagination-bullets{ padding-left: 32%; }
.showpage .lists{ }
.showpage .lists .box{ display: flex; justify-content: space-between; display: none; }
.showpage .lists .desc{ width: 30%; padding:5% 0 0 0; margin-left: 5%; display: block; }
.showpage .lists h3{ font-size: 26px; font-size: 25px; color: #231815; line-height: 30px; margin-bottom: 8px; }
.showpage .lists h4{ font-size: 22px; font-size: 21px; color: #231815; line-height: 30px; opacity: 0.9; }
.showpage .lists .pic{ display: block; width:48%;cursor: pointer; }
.showpage .lists .pic img{ display: block; width: 100%; transition: all 0.6s;  }
.showpage .lists .pic:hover img{ transform: scale(1.05); }
.showpage .lists .box.on{ display: flex; }

@media screen and ( max-width: 1200px){
  .showpage{ padding:0.6rem 0; }
  .showpage .part{ overflow: hidden; padding:0.3rem 0; border-bottom: 0.02rem dashed #ccc; }
  .showpage .part:first-child{ padding:0; padding-bottom: 0.6rem; }
  .showpage .names{ width:100%; float: none;  }
  .showpage .names .tabs{ padding-left: 0.4rem; padding-left: 1.4rem; margin-top: 0.2rem; font-size: 0.36rem; color: #231815; line-height: 0.72rem; }
  .showpage .move{ width:100%; float: right;  }
  .showpage .lists{ }
  .showpage .lists .box{ display: none; }
  .showpage .lists .desc{ width: 100%; padding:0.3rem 0; margin-left: 0; }
  .showpage .lists h3{ font-size: 0.3rem; color: #231815; line-height: 0.48rem; margin-bottom: 0.1rem; }
  .showpage .lists h4{ font-size: 0.28rem; color: #231815; line-height:0.48rem; opacity: 0.9; }
  .showpage .lists .pic{ display: block; width:100%; overflow: hidden; cursor: pointer; }
  .showpage .lists .box.on{ display: block; }
}

.bothpage{ padding:90px 0;  }
.bothpage .cont{ overflow: hidden; }
.bothpage .snav{ width: 14.6%; width: 15%; float: left; }
.bothpage .snav .lka{ display: block; font-size: 20px; color: #231815; line-height: 42px; cursor: pointer; }
.bothpage .snav .lka.on{ color: #978b76; }
.bothpage .snav .name{ margin-bottom: 20px; display: block; line-height: 30px; }
.bothpage .snav .name span{ display: block; font-size:24px; color: #231815; }
.bothpage .snav .name i{ display: block; font-size:20px; color: #595757; }
.bothpage .main{ width: 85.4%; float: right; width: 84%; }

.showlist{ min-height:500px;  }
.showlist .pics{ overflow: hidden; max-width: 100%; }
.showlist .pics img{ display: block; max-width: 100%; transition: all 0.6s;  }
.showlist .pics img:hover{ transform: scale(1.05);}
.showlist .desc{ padding: 30px 0; }
.showlist .desc h3{ font-size: 26px; color: #231815; line-height: 1.4; }
.showlist .desc h4{ font-size: 22px; color: #231815; line-height: 1.4; }
.showlist .desc h5{ font-size: 20px; font-size: 19px; color: #595757; line-height: 1.4; margin:20px 0; }
.showlist .desc h6{ font-size: 18px; color: #231815; line-height: 2; }
.showlist .desc .word{ font-size: 18px; color: #231815; line-height: 2; }
.showlist .desc.pd{ padding-left: 3%; padding-right: 3%; }
.showlist .desc.npt{ padding-top: 8px; }
.showlist .desc.w80{ width: 80%; margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; }

.showlist .desc.bortop{border-top: 2px solid #ccc;}
.showlist .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.showlist .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.showlist .swiper{ width: 80%; height:650px; margin-left: auto;margin-right: auto;}
.showlist .mySwiper2 {height: 80%; width: 100%; width: 80%; margin:0 auto;}
.showlist .mySwiper{ height: 118px; box-sizing: border-box; padding: 20px 0; border-bottom: 2px solid #ccc; }
.showlist .mySwiper .swiper-slide { width: 12.5%; height: 76px; opacity: 0.4; }
.showlist .mySwiper .swiper-slide-thumb-active { opacity: 1; }

.showlist .links{}
.showlist .links .lka{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.showlist .links .lka span{ border-bottom: 1px solid #231815; font-size: 20px; color: #231815; line-height:50px; transition: all 0.4s; cursor: pointer; }
.showlist .links .lka:hover span{ font-size: 21px; }

@media screen and ( max-width: 1200px){
  .bothpage{ padding:0.6rem 0;  }
  .bothpage .cont{ overflow: hidden; }
  .bothpage .snav{ width: 100%; float: left; margin-bottom: 0.3rem; }
  .bothpage .snav .lka{ font-size: 0.3rem; color: #231815; line-height:0.5rem; cursor: pointer; }

  .bothpage .snav .name{ margin-bottom: 0.2rem; line-height:0.4rem; display: flex; align-items: center; }
  .bothpage .snav .name span{ display: block; font-size:0.3rem; color: #231815; }
  .bothpage .snav .name i{ display: block; font-size:0.28rem; color: #595757; margin-left: 0.2rem; }
  .bothpage .main{ width: 100%; float: right; }

  .showlist{ min-height: 5rem; }
  .showlist .pics{ overflow: hidden; max-width: 100%; }
  .showlist .pics img{ display: block; max-width: 100%;  }
  .showlist .desc{ padding: 0.3rem 0; }
  .showlist .desc h3{ font-size: 0.32rem; color: #231815; line-height: 1.4; }
  .showlist .desc h4{ font-size: 0.3rem; color: #231815; line-height: 1.4; }
  .showlist .desc h5{ font-size: 0.28rem; color: #595757; line-height: 1.4; margin:0.25rem 0; }
  .showlist .desc h6{ font-size: 0.26rem; color: #231815; line-height: 2; }
  .showlist .desc .word{ font-size: 0.26rem; color: #231815; line-height: 2; }
  .showlist .desc .word img{ max-width: 100%; }
  .showlist .desc.npt{ padding-top: 0.08rem; }
  .showlist .desc.bortop{border-top: 0.02rem solid #ccc;}
  .showlist .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .showlist .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
  .showlist .swiper{ width: 100%; height:650px; margin-left: auto;margin-right: auto;}
  .showlist .mySwiper2 {height: 80%; width: 100%;}
  .showlist .mySwiper{ height: 58px; box-sizing: border-box; padding: 10px 0; border-bottom: 0.02rem solid #ccc; }
  .showlist .mySwiper .swiper-slide { width: 12.5%; height: 36px; opacity: 0.4; }
  .showlist .mySwiper .swiper-slide-thumb-active { opacity: 1; }
  .showlist .swiper-button-next, 
  .showlist .swiper-button-prev{ width: 20px; height: 30px; }
  .showlist .desc.w80{ width: 100%; }

  .showlist .links{}
  .showlist .links .lka span{ border-bottom: 0.02rem solid #231815; font-size:0.28rem; color: #231815; line-height:0.68rem; transition: all 0.4s; cursor: pointer; }
  .showlist .links .lka:hover span{ font-size: 0.29rem; }
}


.gypage{ padding: 90px 0; }
.gypage .cont{ position: relative; overflow: hidden; }
.gypage .fast{ float: left; }
.gypage .fast .fka{ font-size: 20px; color: #231815; line-height: 42px; display:block; cursor: pointer; }
.gypage .fast .fka:hover{ color: #978b76; }
.gypage .lists{ width: 85.4%; float: right; }
.gypage .words{ font-size: 20px; color: #4c4948; line-height: 42px; padding-bottom: 50px; border-bottom: 1px dashed #ccc; }
.gypage .area{ padding: 70px 0; overflow: hidden; border-bottom: 1px dashed #ccc; }
.gypage .area .map{ width: 58%; float: left; overflow: hidden; }
.gypage .area .map img{ display: block; width: 100%;}
.gypage .area .info{ width:32%; margin-left: 6%; float: left;  }
.gypage .area .info .line{ font-size: 18px; color: #4c4948; line-height: 30px; padding: 15px 0; }
.gypage .area .info .line h4{ font-size: 20px; color: #231815; line-height: 30px; }
.gypage .area .info .line.bor{ border-bottom: 1px dashed #ccc; padding: 25px 0; }
.gypage .area .info .line.bor p{ display: flex; align-items: center; }
.gypage .area .info .line i{ display: block; width: 28px; height: 28px; border-radius: 50%; line-height: 28px; text-align: center; background-color: #9c1d3e; font-size: 16px; color: #fff; margin-left: 5px; }
.gypage .area .info .line span{ display: block; padding: 0 10px; height: 28px;  line-height: 28px; text-align: center; background-color: #efeb52; font-size: 16px; color: #fff; margin-left: 5px;}
.gypage .area .info .line span.green{ background-color: #1c753e;  }
.gypage .area .info .line span.blue{ background-color: #6398d0;  }
.gypage .area .info .line a{ cursor: pointer; font-size: 18px; color: #4c4948; }
.gypage .want{ padding: 70px 0; overflow: hidden; border-bottom: 1px dashed #ccc; font-size: 20px; color: #4c4948; line-height: 42px; }
.gypage .want .txts.pdr{ position: relative; }
.gypage .want .left{ float: left; width: calc(100% - 300px); }
.gypage .want .code{ width: 210px; float:right; text-align: center; font-size: 14px; color: #231815; line-height: 28px; text-align: center; }
.gypage .want .code img{ display: block; width: 100%; }
.gypage .want .code span{ display: block; }
.gypage .forms{ padding: 70px 0; overflow: hidden;}
.gypage .forms table{ width: 90%; margin:0 auto; border-collapse: collapse; border-spacing: 0; }
.gypage .forms table th{ line-height: 50px; background-color: #bbb; font-size: 18px; color: #333; text-align: center; font-weight: normal; border:1px solid #fff; }
.gypage .forms table td{ line-height: 50px; font-size: 17px; color: #333; text-align: center; font-weight: normal; border:1px solid #bbb; }

@media screen and ( max-width: 1200px){
  .gypage{ padding: 0.6rem 0; }
  .gypage .cont{ position: relative; overflow: hidden; }
  .gypage .fast{ float: left; width: 100%; }
  .gypage .fast .fka{ font-size: 0.28rem; color: #231815; line-height: 0.48rem; }
  .gypage .lists{ width: calc(100% - 1.5rem); width: 100%; margin-top: 0.25rem; float: right; }
  .gypage .words{ font-size: 0.28rem; line-height: 0.48rem; padding-bottom:0.3rem; border-bottom: 0.02rem dashed #ccc; }
  .gypage .area{ padding: 0.4rem 0; overflow: hidden; }
  .gypage .area .map{ width: 100%; float: left; overflow: hidden; }
  .gypage .area .info{ width:100%; margin-left: 0%; float: left;  }
  .gypage .area .info .line{ font-size: 0.26rem; color: #4c4948; line-height: 0.4rem; padding: 0.15rem 0; }
  .gypage .area .info .line h4{ font-size: 0.28rem; color: #231815; line-height: 0.44rem; }
  .gypage .area .info .line.bor{ border-bottom: 0.02rem dashed #ccc; padding: 0.25rem 0; }

  .gypage .area .info .line i{ display: block; width: 0.4rem; height:0.4rem; border-radius: 50%; line-height: 0.4rem; text-align: center; background-color: #9c1d3e; font-size: 0.26rem; color: #fff; margin-left: 0.05rem; }
  .gypage .area .info .line span{ display: block; padding: 0 0.15rem; height: 0.4rem;  line-height: 0.4rem; text-align: center; background-color: #efeb52; font-size: 0.26rem; color: #fff; margin-left: 0.05rem;}
  .gypage .area .info .line a{ cursor: pointer; font-size: 0.26rem; color: #4c4948; }
  .gypage .want{ padding: 0.4rem 0; overflow: hidden; border-bottom: 0.02rem dashed #ccc; font-size: 0.28rem; color: #4c4948; line-height: 0.44rem; }

  .gypage .want .left{ float: none; width:100%; }
  .gypage .want .code{ width: 3rem; float:none; margin:0.2rem 0; text-align: center; font-size: 0.24rem; color: #231815; line-height: 0.4rem; text-align: center; }

  .gypage .forms{ padding: 0.4rem 0; overflow: hidden;}
  .gypage .forms table{ width: 100%; }
  .gypage .forms table th{ line-height: 0.5rem; background-color: #bbb; font-size: 0.26rem; color: #333; text-align: center; font-weight: normal; border:0.02rem solid #fff; }
  .gypage .forms table td{ line-height: 0.5rem; font-size: 0.24rem; color: #333; text-align: center; font-weight: normal; border:0.02rem solid #bbb; }
}


.scpage{ padding:90px 0; }
.scpage .part{ overflow: hidden; padding:30px 0;}
.scpage .part:first-child{ padding:0; padding-bottom: 96px; }
.scpage .names{ width:18%; float: left;  }
.scpage .names .tabs{ padding-left: 80px; margin-top: 20px; font-size: 36px; color: #231815; line-height: 52px; }
.scpage .names .tabs span{ display: block; opacity: 0.8; cursor: pointer; }
.scpage .names .tabs span.on{ opacity: 1; }
.scpage .yslist{ width:80%; float: right; overflow: hidden; }
.scpage .yslist .itema{ width: 23%; float: left; margin-right: 2.6%; line-height: 48px; border-bottom: 1px dashed #ccc; font-size: 22px; color: #231815; opacity: 0.8; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.scpage .yslist .itema:nth-child(4n){ margin-right: 0; }
.scpage .yslist .itema:hover{ opacity: 1; }

@media screen and ( max-width: 1200px){
  .scpage{ padding:0.6rem 0; }
  .scpage .part{ overflow: hidden; padding:0.3rem 0;}
  .scpage .part:first-child{ padding:0; padding-bottom: 0.6rem; }
  .scpage .names{ width:100%; float: none;  }
  .scpage .names .tabs{ padding-left: 0.4rem; margin-top: 0.2rem; font-size: 0.36rem; color: #231815; line-height: 0.72rem; }
  .scpage .yslist{ width:100%; float: none; overflow: hidden; }
  .scpage .yslist .itema{ width: 48.5%; float: left; margin-right: 3%; line-height: 48px; border-bottom: 1px dashed #ccc; font-size: 0.28rem; color: #231815; opacity: 0.8; cursor: pointer; }
  .scpage .yslist .itema:nth-child(4n){ margin-right: 3%; }
  .scpage .yslist .itema:nth-child(2n){ margin-right: 0%; }
  .scpage .yslist .itema:hover{ opacity: 1; }
  
}

.grinfo{ overflow: hidden; padding-bottom: 50px; display: flex; justify-content: space-between; }
.grinfo .desc{ width: 25%; min-width: 280px; float: left; }
.grinfo .desc h3{ font-size: 22px; color: #231815; line-height: 36px; padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 15px; }
.grinfo .desc h4{ font-size: 18px; color: #231815; line-height: 28px; opacity: 0.8; }
.grinfo .pic{ width: 520px; float: left; margin:0 auto; }
.grinfo .pic img{ display: black; width: 100%; transition: all 0.6s; }
.grinfo .pic img:hover{ transform: scale(1.05);}
.grword{ padding-top: 50px; font-size: 18px; color:#231815; line-height: 44px; }

@media screen and ( max-width: 1200px){
  .grinfo{ padding-bottom: 0.4rem; display: block;  }
  .grinfo .desc{ width: 100%; min-width: 280px; float: none; }
  .grinfo .desc h3{ font-size: 0.32rem; line-height: 0.44rem; padding-bottom: 0.15rem; border-bottom: 0.02rem solid #ccc; margin-bottom: 0.15rem; }
  .grinfo .desc h4{ font-size: 0.28rem;line-height: 0.44rem; opacity: 0.8; }
  .grinfo .pic{ width: 100%; float: none; margin:0.3rem auto 0; }
  .grword{ padding-top: 0rem; font-size: 0.28rem; color:#231815; line-height:0.48rem; }
}

.xqedits{ font-size: 18px; color: #231815; line-height: 44px; }
.xqedits h3{ font-weight: bold; margin-top: 4px; }
.xqedits span{ min-width: 60px; display: inline-block; }
.xqedits p{ opacity: 0.98; }

@media screen and ( max-width: 1200px){
  .xqedits{ font-size: 0.28rem; color: #231815; line-height: 0.48rem; }
  .xqedits h3{ font-weight: bold; margin-top: 0.04rem; }
  .xqedits span{ min-width: 0.8rem; display: inline-block; }
  .xqedits p{ opacity: 0.98; }
}

.xqlinks{ min-height: 500px; }
.xqlinks .lka22{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xqlinks .lka {
    display: block;
    overflow: inherit;
    text-overflow: ellipsis;
    white-space: inherit;
}
.xqlinks .lka span{ border-bottom: 1px dashed #ccc; font-size: 20px; color: #231815; line-height:50px; transition: all 0.4s; cursor: pointer; padding-bottom: 5px; }
.xqlinks .lka span i{ color: #888; font-weight: normal; padding-left: 5px; }
.xqlinks .lka:hover span{ font-size: 21px; }

@media screen and ( max-width: 1200px){
  .xqlinks .lka span{ border-bottom: 0.02rem dashed #ccc; font-size:0.28rem; color: #231815; line-height:0.68rem; transition: all 0.4s; cursor: pointer; padding-bottom: 0.05rem; }
  .xqlinks .lka:hover span{ font-size: 0.29rem; }
  .xqlinks span i{ padding-left: 0.05rem; }
}


.grinfo2{ overflow: hidden; padding-bottom: 50px; display: flex; justify-content: space-between; }
.grinfo2 .desc{ width: 25%; min-width: 280px; float: left; font-size: 18px; color: #231815; line-height: 36px;  }
.grinfo2 .pic{ width: 330px; float: left; margin:0 auto; }
.grinfo2 .pic img{ display: black; width: 100%; }
@media screen and ( max-width: 1200px){
  .grinfo2{ padding-bottom: 0.5rem; display: block;}
  .grinfo2 .desc{ width: 100%; min-width: 280px; float: none; font-size: 0.28rem; color: #231815; line-height:0.44rem;  }
  .grinfo2 .pic{ width: 100%; float: none; margin:0.3rem auto 0; }
}

.adlists{}
.adlists .item{ padding: 35px 0; border-bottom: 1px dashed #ccc; overflow: hidden;  }
.adlists .item .pica{ display: block; width:334px; overflow: hidden; float: left;  }
.adlists .item .pica img{ display: block; width:100%; transition: all 0.6s; }
.adlists .item:hover .pica img{ transform: scale(1.1); }
.adlists .item .mation{ width: calc(100% - 380px ); float: right; }
.adlists .item .name{ font-size:22px; color: #231815; line-height: 32px; display: block; transition: all 0.6s;   }
.adlists .item:hover .name{ font-size:23px; font-size: 22px; color: #000; }
.adlists .item .txta{ font-size:22px; color: #231815; line-height: 36px; display: block; margin-top: 10px; font-size: 16px;   }
/*.adlists .item:first-child{ padding-top: 10px; }*/

@media screen and ( max-width: 1200px){
  .adlists{}
  .adlists .item{ padding: 0.3rem 0; border-bottom: 0.02rem dashed #ccc; overflow: hidden;  }
  .adlists .item .pica{ display: block; width:100%; overflow: hidden; float: none;  }
  .adlists .item .mation{ width: 100%; float: none; margin-top: 0.2rem; }
  .adlists .item .name{ font-size:0.3rem; color: #231815; line-height: 0.44rem; display: block;  }
  .adlists .item .txta{ font-size:0.3rem; color: #231815; line-height: 0.44rem; display: block; margin-top: 0.1rem; font-size: 0.26rem;   }
  /*.adlists .item:first-child{ padding-top: 0.1rem; }*/
}

.yypage{}
.yypage .word{ font-size: 20px; color: #231815; line-height: 40px; border-bottom: 1px dashed #ccc; padding: 40px 0; }
.yypage .word:first-child{ padding-top: 0px; }
.yypage .word h3{ font-size: 22px; font-weight: bold; }
.yypage .fills{ padding: 40px 0; }
.yypage dl{ overflow: hidden; margin-bottom: 20px; }
.yypage dl dt{ font-size: 18px; color:#231815; line-height: 40px; float: left; width: 150px;  }
.yypage dl dd{ float: left; width:400px; overflow: hidden;  }
.yypage dl dd input{ display: block; width: 100%; line-height: 38px; border:1px solid #ccc; font-size: 17px; color:#231815; padding: 0 10px; height: 40px;  }
.yypage dl dd input.half{ width: 49% !important; float: left; }
.yypage dl dd select.half{  display: block; width: 100%; line-height: 38px; border:1px solid #ccc; font-size: 17px; color:#666; padding: 0 10px; height: 40px; width: 49%; float: right; }
.yypage .fills h6{ font-size: 14px; color: #231815; line-height: 24px; }
.yypage .fills .goa{ display: block; width: 100px; height: 28px; border:1px solid #231815; font-size: 16px; text-align: center; border-radius: 28px; margin-left: 140px; line-height: 26px; margin-top: 30px; cursor: pointer; opacity: 1; transition: all 0.6s;  }
.yypage .fills .goa:hover{ background: #000; opacity: 1; color: #fff; }

@media screen and ( max-width: 1200px){
  .yypage .word{ font-size: 0.28rem; color: #231815; line-height: 0.44rem; border-bottom: 0.02rem dashed #ccc; padding: 0.3rem 0; }
  /*.yypage .word:first-child{ padding-top: 0.1rem; }*/
  .yypage .word h3{ font-size: 0.3rem; font-weight: bold; }
  .yypage .fills{ padding: 0.3rem 0; }
  .yypage dl{ overflow: hidden; margin-bottom: 0.2rem; }
  .yypage dl dt{ font-size: 0.28rem; color:#231815; line-height: 0.6rem; float: left; width: 1.5rem;  }
  .yypage dl dd{ float: left; width:calc(100% - 1.5rem);  }
  .yypage dl dd input{ display: block; width: 100%; line-height: 0.56rem; border:0.02rem solid #ccc; font-size: 0.28rem; color:#231815; padding: 0 0.1rem; height: 0.6rem; }
  .yypage dl dd select.half{  display: block; width: 100%; line-height: 0.56rem; border:0.02rem solid #ccc; font-size:0.28rem; color:#666; padding: 0 0.1rem; height: 0.6rem; width: 49%; float: right; }
  .yypage .fills h6{ font-size: 0.24rem; color: #231815; line-height: 0.4rem; }
  .yypage .fills .goa{ display: block; width: 1.8rem; height: 0.56rem; border:0.02rem solid #231815; font-size: 0.26rem; text-align: center; border-radius: 0.56rem; line-height: 0.52rem; margin:0.3rem auto 0; cursor: pointer; opacity: 0.9;  }
  .yypage .fills .goa:hover{ opacity: 1; }
 
}
@media screen and ( max-width: 1500px){
   .tita span{ font-size: 20px; }
}

.showpic{ padding-top: 30px; }
.showpic .pica{ cursor: pointer; display: block; }
.showpic .pica img{ display: block; max-width: 100%; }

@media screen and ( max-width: 1200px){
  .showpic{ padding-top: 0rem; }
}

.snav>.icon{ width: 38px; margin-top: 10px; }
.vdlist{ overflow: hidden; width: 90%; }
.vdlist .item{ width: 47%; margin-right: 3%; float: left; }
.vdlist .item .imga{ display: block; width: 100%; overflow: hidden; }
.vdlist .item .imga img{ display: block; width: 100%; transition:all 0.4s; }
.vdlist .item .namea{display: block; font-size: 22px; color: #231815; overflow: hidden; height: 83px; border-bottom: 3px dashed #b1b1b1; line-height: 80px; margin-bottom: 78px; transition:all 0.4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.vdlist .item:nth-child(2n){ float: right; }
.vdlist .item:hover .imga img{ transform: scale(1.05); }
.vdlist .item:hover .namea{ text-decoration: underline !important; }

@media screen and ( max-width: 1200px){
  .snav>.icon{ width: 0.38rem; margin-top: 0.1rem; }
  .vdlist{ width: 100%; padding-top: 0.1rem; }
  .vdlist .item{ width: 100%; margin-right: 0%; float: left; }
  .vdlist .item .imga{ display: block; width: 100%; overflow: hidden; }
  .vdlist .item .imga img{ display: block; width: 100%; transition:all 0.4s; }
  .vdlist .item .namea{display: block; font-size: 0.3rem; color: #231815; height:auto !important; min-height: 0.83rem; border-bottom:0.03rem dashed #b1b1b1; line-height: 0.8rem; margin-bottom: 0.5rem; transition:all 0.4s; }
  .vdlist .item:nth-child(2n){ float: left; }
}

.showlist .desc.w934{ width: 100%; max-width: 1000px; }
.showlist .desc.w934 .vdimg{ display: block; width: 100%; margin-bottom: 45px; }
.showlist .desc.w934 .vds{ display: block; width: 100%; margin-bottom: 45px; }
.showlist .desc.w934 h4{ margin-bottom: 10px; font-weight: bold; }
@media screen and ( max-width: 1200px){
  .showlist .desc.w934 .vdimg{ margin-bottom: 0.4rem; }
  .showlist .desc.w934 .vds{ margin-bottom: 0.4rem; }
  .showlist .desc.w934 h4{ margin-bottom: 0.1rem; }
}


.domod{ width:53px; height:39px; background:url('/static/arrow.png') no-repeat 0 0;position: relative;}
.domod a{position: absolute;}
.domod a.fzuo{width:20px; height:25px;left:0;top:13px; z-index:9;}
.domod a.fyou{width:20px; height:25px;right:0;top:13px;z-index:9;}
.domod a.fshang{width:53px; height:35px;left:0;top:0;z-index:5;}

.domod2{ width:63px; height:39px; background:url('/static/arrow2.png') no-repeat 0 0;
background-size: 100%;
position: relative; margin-top: 248px;}
.domod2 a{position: absolute;}
.domod2 a.fzuo{width:25px; height:25px;left:0;top:-3px; z-index:9;}
.domod2 a.fyou{width:25px; height:25px;right:0;top:-3px;z-index:9;}
.domod2 a.fshang{width:63px; height:35px;left:0;top:0;z-index:5; display: none;}


.bq2{ line-height: 180%; padding-left: 15px; }
.bq2,.bq2 a{ color: #fff; }

.domod{ display: none; }
.domod2{ display: block; }

@media screen and (max-width: 1100px){
  .pcshow{ display: none !important; }
  /* .mobshow{ display: inherit; } */
}
@media screen and (min-width: 1160px){
  .mobshow{ display: none !important; }
}

.pfoot{ padding:40px 0; background-color: #000; }
.pfoot .cont{ display: flex; align-items: center; justify-content: space-between; }
.pfoot .txts{ padding:25px 0; }
.pfoot .txts .logoa{ display: block; width: 348px; margin-bottom: 12px;  }
.pfoot .txts .logoa img{ display: block; width: 100%;  }
.pfoot .txts .txta{ font-size: 14px; color: #fff; line-height: 30px; display: block; }
.pfoot .txts p{ display: flex; align-items: center; margin-top: 4px; }
.pfoot .txts p a{ margin-right: 15px; }
.pfoot .txts p a:last-child{ margin-right: 0px; }
.pfoot .codes{ display: block; }
.pfoot .codes .pics{ display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px; }
.pfoot .codes .small{ display: block; width: 46px; margin-right: 14px; margin-left: 34px; opacity: 0.8; cursor: pointer;  }
.pfoot .codes .small img{ display: block; width: 100%; }
.pfoot .codes .small:hover{ opacity: 1; }
.pfoot .codes .code{display: none;width: 130px;margin-left: 90px;}
.pfoot .codes .code img{ display: block; width: 100%; }
.pfoot .codes p{text-align: right;font-size: 12px;color: #fff;line-height: 20px;}

@media screen and ( max-width: 1200px){
  .pfoot{ padding:0.4rem 0;}
  .pfoot .cont{ display:block;}
  .pfoot .txts{ padding:25px 0; }
  .pfoot .txts .logoa{ display: block; width: 5rem; margin-bottom: 0.2rem;  }
  .pfoot .txts .txta{ font-size: 0.26rem; color: #fff; line-height:0.44rem; display: block; }
  .pfoot .txts p{ display: flex; align-items: center; margin-top:0.1rem; }
  .pfoot .txts p a{ margin-right:0.2rem; }
  .pfoot .txts p a:last-child{ margin-right: 0px; }
  .pfoot .codes{ display: block; }
  .pfoot .codes .pics{ display: flex; align-items: center; justify-content: center; margin:0 0 0.3rem 0; }
  .pfoot .codes .small{ display: block; width: 0.8rem; margin-right: 0.9rem; opacity: 0.8; cursor: pointer;  }
  .pfoot .codes .small img{ display: block; width: 100%; }
  .pfoot .codes .small:hover{ opacity: 1; }
  .pfoot .codes .code{display: none;width:2rem;margin-left: 0.5rem;}
  .pfoot .codes .code img{ display: block; width: 100%; }
  .pfoot .codes p{text-align: left;font-size: 0.24rem;color: #fff;line-height: 0.4rem; margin-top:0.1rem;}
}