/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 20px;
    width: 20px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    background: #fff;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #fff;
    width: 100%;
}

.selected .gh a {
    background-color: transparent !important;
}



@media only screen and (max-width:1660px) {
	html{
		font-size:16px;
	}
	.header .wrap{
		width: 90%;
	}
}

@media only screen and (max-width:1400px) {
	html{
		font-size:14px;
	}
	
}
@media only screen and (max-width:1200px) {
   html{
   	font-size:12px;
   }
   .hnaver .rt .fs dd:nth-child(1),
   .hnaver .rt .fs dd:nth-child(4){
	   width: 30%;
   }
   .hnaver .rt .fs dd{
	   width: 20%;
   }
   .hnaver .rt .fs dd h3{
	   word-break:keep-all;
	   white-space:nowrap;
	   overflow:hidden;
	   text-overflow:ellipsis;
   }
   .yuding .bds .jisua .diners{
	   padding: 0.63rem;
   }
   .yuding .bds .jisua .diners label{
	   font-size: 0.73rem;width: 10.42rem;
   }
   .yuding .bds .jisua .diners .lsele{
	   width: calc(100% - 10.42rem);
   }
  
}
@media only screen and (max-width:1000px) {
  html{
  	font-size:14px;
  }
  .caidan .hds .wrap,
  .wrap{
  	  width: auto;padding: 0 10px;
  }
  .about .hds{
	  padding: 30px 0 0;
  }
  p{
	   font-size: 14px !important;line-height: 1.8 !important;
  }
  .about .hds p{
	 padding: 0;
  }
  .about .hds h2{
	  margin-bottom: 10px;
  }
  .about .hds .box{
	  display: block;height: auto;
  }
  .about .hds .box .lts{
	  width: auto;
  }
  .usfx{
	  display: block;
  }
  .about .hds .box .lts li{
	  width: auto;height: auto;margin-bottom: 10px;
  }
  .about .hds .box .rts{
	  width: auto;
  }
  .about .bds{
	  padding-top: 30px;
  }
  .about .bds p{
	  padding: 0;
  }
  .about .bds h2{
	  line-height: 1.5;
  }
  .about .bds .swippic1{
	  margin: 30px 10px 0;
  }
  .footer{
	  padding-top: 30px;
  }
  .footer .lts{
	  width: auto;
  }
  .footer .pic{
	  display: none;
  }
  .lxfooter .lts h2,
  .footer .lts .ds h2{
	  font-size: 16px;padding-bottom: 2px;
  }
  .lxfooter .lts .ds{
	  margin-bottom: 20px;
  }
  .footer .lts .ds{
	  margin-bottom: 30px;
  }
  .lxfooter .lts ul{
	  width: auto;flex-wrap: wrap;justify-content: center;margin-top: 20px;
  }
  .footer .lts ul{
	  flex-wrap: wrap;justify-content: center;
  }
  .lxfooter .lts li,
  .footer .lts li{
	  margin-bottom: 12px;width: 40%;
  }
  .lxfooter .lts li .wx,
  .footer .lts li .wx{
	  width: 96px;height: 96px;margin: 0 auto;
  }
  .lxfooter .lts li h6,
  .footer .lts li h6{
	  font-size: 12px;
  }
  .copyright .wrap{
	  display: block;text-align: center;
  }
  .copyright .btn{
	  margin: 0 auto;
  }
  .caidan .hds{
	  padding: 30px 0;
  }
  .caidan .hds h2{
	  font-size: 24px;
  }
  .caidan .hds ul{
	  margin-top: 20px;
  }
  .caidan .hds li{
	  margin-bottom: 30px;
  }
  .caidan .hds li .txt{
	  width: auto;float: none;margin-top: 0;
  }
  .caidan .hds li:nth-child(1) .txt .btn{
	  margin: 20px 0;
  }
  .caidan .hds li .txt h4{
	  font-size: 60px;
  }
  .caidan .hds li .pic{
	  float: none;width: auto;margin-top: 20px;
  }
  .caidan .hds li:nth-child(3) .pic,
  .caidan .hds li:nth-child(2) .pic,
  .caidan .hds li:nth-child(2) .txt{
	  width: auto;float: none;
  }
  .caidan .hds li:nth-child(3) .txt .btn,
  .caidan .hds li:nth-child(2) .txt .btn{
	  margin: 20px 0;
  }
  .caidan .hds li:nth-child(2) .txt h4{
	  position: static;font-size: 50px;text-align: left;
  }
  .caidan .hds li:nth-child(3) .txt{
	  width: auto;padding-left: 0;
  }
  .caidan .hds li:nth-child(3) .txt h4{
	  font-size: 50px;
  }
  .caidan .bds{
	  padding: 30px 10px;
  }
  .caidan .bds p{
	  margin-top: 20px;line-height: 1.5 !important;
  }
  .caidan .bds p br{
	  display: none
  }
  .contact .wrap{
	  display: block;
  }
  .contact .lts{
	  display: none;
  }
  .contact .lts:nth-child(2){
	  display: block;width: auto;margin: 0;min-height: initial;padding-bottom: 40px;
  }
  .contact .lts ul{
	  padding: 30px 20px 0;
  }
  .lxfooter{
	  padding-top: 40px;
  }
  .lxfooter .lts{
	  width: auto;
  }
  .lxfooter .pic{
	  display: none;
  }
  .copyright{
	  margin-top: 20px;
  }
  .dizhi{
	  display: block;height: auto;
  }
  .dizhi .rts,
  .dizhi .lts{
	  float: none;width: auto;padding-top: 0;
  }
  .dizhi .lts{
	  height: 300px;
  }
  .dizhi .rts{
	  padding: 50px 0 30px;
  }
  .dizhi .rts .txt{
	  width: auto;margin: 0 20px 30px;
  }
  .dizhi .rts .txt h5{
	  margin-bottom: 10px;
  }
  .kechixu{
	  padding: 30px 0;
  }
  .kechixu .txt h3{
	  font-size: 15px;margin-bottom: 12px;line-height: 1.5;
  }
  .kechixu .txt p{
	  padding: 0;
  }
  .kechixu .swippic{
	  margin: 20px 10px 0;
  }
  .team .hds{
	  padding: 30px 0;
  }
  .team .hds h2{
	  font-size: 22px;
  }
  .team .hds .box{
	  display: block;margin-top: 20px;
  }
  .team .hds .box .pic{
	  width: auto;height: auto;
  }
  .team .hds .box .list{
	  width: auto;margin-top: 20px;
  }
  .team .hds .box .list h3{
	  margin-bottom: 10px;
  }
  .team .hds .box .list li{
	  margin-bottom: 16px;
  }
  .team .bds{
	  height: auto;padding: 60px 0;
  }
  .team .bds .text{
	  position: static;width: auto;padding: 30px 20px;    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }
  .team .bds .text h4{
	  font-size: 14px;
  }
  .team .bds .text p{
	  padding: 0;margin-top: 10px;font-size: 13px !important;
  }
  .yuding .hds{
	  padding: 30px 0;
  }
  .yuding .hds .wrap{
	  display: block;
  }
  .yuding .hds .lts{
	  width: auto;
  }
  .yuding .hds .lts h3{
	  font-size: 22px;
  }
  .yuding .hds .rts{
	  width: auto;margin-top: 10px;
  }
  .yuding .hds .rts .del{
	  line-height: 1.7;
  }
  .yuding .hds .rts ul{
	  margin-top: 20px;display: block;
  }
  .yuding .hds .rts li:nth-child(3),
  .yuding .hds .rts li:nth-child(2),
  .yuding .hds .rts li{
	  width: auto;
  }
  .yuding .hds .rts li h4{
	  font-size: 15px;
  }
  .yuding .hds .rts li .txt p{
	  line-height: 1.4 !important;
  }
  .yuding .hds .rts li .txt p span{
	  font-size: 12px;
  }
  .yuding .bds{
	  padding: 30px 0;
  }
  .yuding .bds h2{
	  font-size: 22px;
  }
  .yuding .bds .box{
	  display: block;
  }
  .yuding .bds .fm,
  .yuding .bds .jisua{
	  width: auto;
  }
  .yuding .bds .fm h3{
	  font-size: 16px;
  }
  .yuding .bds .fm dd{
	  line-height: 2;
  }
  .yuding .bds .fm dl{
	  margin: 10px 0 14px;
  }
  .yuding .bds .fm li label{
	  font-size: 12px;
  }
  .yuding .bds .fm li .lsele,
  .yuding .bds .fm li .t1{
	  height: 34px;
  }
  .yuding .bds .fm .sub{
	  margin-top: 10px;
  }
  .hnaver{
	  right: 5px;
  }
  .hnaver .rt .fs{
	  display: none;
  }
  .hnaver .logo{
	  width: 100px;margin-bottom: 20px;
  }
  .hnaver .box .lt li a, {
	  font-size: 15px;
  }
  .hnaver .box .lt li, .hnaver .rt li{
	  margin-bottom: 16px;
  }
  .hnaver .rt li a{
	  font-size: 14px;
  }
  .hpage1{
	  padding: 30px 0;
  }
  .hpage1 .lts{
	  width: auto;
  }
  .htit h2{
	  font-size: 22px;padding-bottom: 4px;
  }
  .htit .btn{
	  font-size: 14px;
  }
  .hpage1 .swipimgs{
	  width: auto;margin-right: 0;margin-top: 20px;height: auto;
  }
  .hpage2{
	  padding: 20px 0;margin-top: 0;
  }
  .hpage2 ul{
	  margin-top: 20px;
  }
  .hpage2 .bds{
	  margin: 20px 10px 0;
  }
  .hmain{
	  padding-bottom: 20px;
  }
  .yuding .bds .jisua .diners .lsele,
  .yuding .bds .jisua .diners label{
	  float: none;width: auto;
  }
  .yuding .bds .jisua .diners .lsele{
	  width: 100%;
  }
  .yuding .bds .jisua .riqibox .beij h2{
	  font-size: 20px;
  }
  .yuding .bds .jisua .diners label{
	  margin-bottom: 4px;
  }
  .hnaver{
	  right: 0;
	  left: 0;
	  width: auto;
  }
  .hnaver .box .rt{
	  width: auto;
	  overflow: hidden;
  }
  .hnaver .box{
	  display: block;
	  overflow: hidden;
  }
  .hnaver .box .lt{
	  position: static;
	  background: none;
	  width: auto;
	  box-shadow: none;
  }
  .hnaver .box .lt ul{
	  position: static;
	  transform:translateY(0%);
	  -ms-transform:translateY(0%);  /* IE 9 */
	  -moz-transform:translateY(0%);     /* Firefox */
	  -webkit-transform:translateY(0%); /* Safari 和 Chrome */
	  -o-transform:translateY(0%);
  }
   .hnaver .box .lt ul li{
	   margin-bottom: 0;
   }
    .hnaver .box .lt ul li a{
		line-height: 30px;
	}
  .footer{
      overflow: hidden;
  }
  
}