body{
  touch-action:none;
}
div{
  margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: 'Microsoft YaHei',PingFangSC-Semibold, PingFang SC,Tahoma,Arial,'Roboto','Droid Sans','Helvetica Neue','Droid Sans Fallback','Heiti SC','Hiragino Sans GB','Simsun,sans-self';
    /* font: inherit; */
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.swiperph,.phlogo,.slide2-imgph,.titpc,.phfoot{
  display: none!important
}
.head{
  height: 160px;
  padding: 0 5%;
  background: url(../image/top-bg_01.jpg);
  background-size: auto 100%;
  padding-top: 35px;
}
.back{
  float: right;
  margin-top: 30px;
}
.banner{
  position: absolute;
  left: 0;
  top: 160px;
  right: 0;
  bottom: 0;
 
}
.swiperpc{
  width: 100%;
  height: 100%
}
.mySwiper1{
  width: 100%;
  height: 100%
}

.mySwiper1 .swiper-slide .img{
   transform: translate3d(0, 0, 0) scale(1.1); 
     -webkit-transition: all 3s ease;
    transition: all 3s ease;
    width: 100%;
    height: 100%;
    display: block;
    background: url(../image/banner_02.jpg) no-repeat center;
    background-size: cover!important
}
.mySwiper1 .swiper-slide-active .img{
   transform: translate3d(0, 0, 0) scale(1); 
   
}


.slide1  .img img{
     -webkit-transition: all 1s cubic-bezier(.08, .82, .17, 1);
    transition: all 1s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.slide1  .img img.img1{
  -webkit-transition-delay: .2s;
    transition-delay: 0s;
    bottom: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    width: 100%;
}
.slide1.animate .swiper-slide-active .img img.img1{
  -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.slide1  .img img.img2{
  width: 20%;
  -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    bottom:40%;
    left:10%;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
     -webkit-transition: all 1s cubic-bezier(.08, .82, .17, 1);
    transition: all 1s cubic-bezier(.08, .82, .17, 1);
}
.slide1.animate .swiper-slide-active .img img.img2{
  -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.slide1  .img img.img3{
   width: 20%;
  -webkit-transition-delay:0s;
    transition-delay: 0s;
    bottom:40%;
    left:31%;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
     -webkit-transition: all 2s cubic-bezier(.08, .82, .17, 1);
    transition: all 2s cubic-bezier(.08, .82, .17, 1);
}
.slide1.animate .swiper-slide-active .img img.img3{
  -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.slide1  .img img.img4{
   width: 55%;
  -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    right: 2%;
    bottom: 17%;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
     -webkit-transition: all 2s cubic-bezier(.08, .82, .17, 1);
    transition: all 2s cubic-bezier(.08, .82, .17, 1);
}
.slide1.animate .swiper-slide-active .img img.img4{
  -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.slide1  .img img.img5{
  width: 8%;
  -webkit-transition-delay: .2s;
    transition-delay: 0s;
    right:24%;
    top: 18%;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
.slide1.animate .swiper-slide-active .img img.img5{
  -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.slide1  .img img.img6{
    width: 55%;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    right: -2%;
    bottom:7%;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
.slide1.animate .swiper-slide-active .img img.img6{
  -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.slide1  .img img.img7{
    width: 55%;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    right: 0;
    top:0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 2s cubic-bezier(.08, .82, .17, 1);
    transition: all 2s cubic-bezier(.08, .82, .17, 1);
}
.slide1.animate .swiper-slide-active .img img.img7{
  -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}



.mySwiper1 .swiper-button-prev {
    background: url(../image/left.png);
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
    left: 3%
}
.mySwiper1 .swiper-button-prev:hover {
  background: url(../image/lefton.png);
}
.mySwiper1 .swiper-button-next {
    background: url(../image/right.png);
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
    right: 3%
}
.mySwiper1 .swiper-button-next:hover {
  background: url(../image/righton.png);
}

.nextimg{
  position:fixed;
  bottom: 45px;
  left: 50%;
  margin-left: -34px;
  z-index: 9999;
  animation: bnhx_arrow_down 1s ease 0s infinite;
}
@-webkit-keyframes bnhx_arrow_down {
 0% {
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
 opacity: 0;
}
}
@keyframes bnhx_arrow_down {
 0% {
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
 opacity: 0;
}
}

.news{
  width: 100%;
  height: 100%;
  background: url(../image/ban-bg.jpg);
}
.tit{
  margin: 0 auto;
  display: block;
  padding-top: 7%;
}
.news-bg{
  position: absolute;
  height: 80%;
  left: 50%;
  margin-left: -300px;
  top: 10%;
  -webkit-animation: ro 120s linear 0s infinite;
    animation: ro 120s linear 0s infinite;
}
@-webkit-keyframes ro{0%{
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg);
    transform:rotate(360deg)}
  }
    @keyframes ro{0%{-webkit-transform:rotate(0deg);
      transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);
  transform:rotate(360deg)}
}
.news-con{
  padding: 70px 8% 0 12%;
}
.news-left{
  width: 69%;
  background: url(../image/ban-bg1.jpg) no-repeat top left;
  padding: 20px 0 0 20px;
  margin: -20px 0 0 -20px;
  float: left;
   -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all 2s cubic-bezier(.08, .82, .17, 1);
    transition: all 2s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide2.animate .news-left{
  -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;

}
.mySwiper2{
  width: 100%;
  height: 450px
}
.slide2-img{
  width: 100%;
  height: 450px;
  background-size: auto 100%;
  -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s
}
.slide2-img:hover{
  transform: translate3d(0, 0, 0) scale(1.05); 
}
.mySwiper2 a{
  width: 100%;
  background: url(../image/yq-bg.png);
  background-size: 100% 100%;
  padding: 70px 0 20px 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0
}
.mySwiper2 .swiper-button-prev {
    background: url(../image/left1.png);
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
    margin-top: -30px!important;
    left: 3%
}
.mySwiper2 .swiper-button-next {
    background: url(../image/right1.png);
    width: 60px;
    height: 60px;
    margin-top: -30px!important;
    background-size: 100% 100%;
    right: 3%
}
.mySwiper2 .swiper-button-prev:hover {
  background: url(../image/lefton.png);
}
.mySwiper2 .swiper-button-next:hover {
  background: url(../image/righton.png);
}

.news-right{
  width: 30%;
  float: right;
  position: relative;
  z-index: 22;
   -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all 2s cubic-bezier(.08, .82, .17, 1);
    transition: all 2s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide2.animate .news-right{
  -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;


}
.news-right ul li{
  height: 30%;
  background:#fff;
  padding: 35px 30px;
  box-shadow: 0px 0px 24px 0px rgba(2, 2, 2, 0.22);
  border-top: 4px solid #fff;
  margin-bottom: 20px;
}
.news-right ul li span{
  width: 20%;
  display: inline-block;
  border-right: #ddcbb5 solid 1px;
  color: #c11701;
  font-size: 12px;
  text-align: center;
  padding-right: 20px;
  line-height: 30px;
  white-space:nowrap;
}
.news-right ul li span strong{
  font-size: 40px;
  display: block;
  font-weight: normal;
  margin-top: 2px;
}
.news-right ul li a{
  text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #454545;
    width:65%;
    float: right;
    line-height: 30px;
    /*display: inline-block;*/
}
.news-right ul li:hover{
  background: #cc201c url(../image/ban-img10.png) no-repeat right 15px bottom;
  background-size: auto 95%;
  border-top-color: #cda45d;
  color: #fff;
}
.news-right ul li:hover a{
color: #fff;
}
.news-right ul li:hover span{
color: #fff;
}

.img8{
    width: 30%;
    -webkit-transition-delay:2s;
    transition-delay: 2s;
    right: 0;
    bottom:0;
    position: absolute;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all 5s cubic-bezier(.08, .82, .17, 1);
    transition: all 5s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide2.animate .img8{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
  -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.pbpimg .imgbox {
  height: 100%;
  position: fixed;
  left: 2%;
  top: 0;
  pointer-events: none;
    opacity: 0;
    visibility: hidden;
        -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
  }


ul.fssnav{
  height: 100%;
  width: 13%;
  opacity:0 ;
}
ul.fssnav li:nth-child(1){
  display: none;
}
ul.fssnav li:nth-child(2){
  margin-top: 48%
 }

ul.fssnav li{
 width: 100%;
 height: 13.5%;
 margin-bottom: 0;
}
ul.fssnav li a{
  width: 100%;
  height: 100%;
}
 .pbpimg .imgbox img{
  height: 100%
 }
  .pbpimg .imgbox.now {
    opacity: 1;
    visibility: visible;
}
.pbpimg.page0 .imgbox,.pbpimg.page7 .imgbox{
  top: 100%;
  opacity: 0;
    visibility: hidden;
}
.pbpimg .imgbox:nth-child(8){
  top: 100%;
  opacity: 0;
    visibility: hidden;
}
.slide3{
  /*padding: 0 0 0 12%;*/
  background: url(../image/hos-bg.jpg) no-repeat center;
  background-size: 100% 100%
}
.img9{
   height: 60%;
    -webkit-transition-delay:2s;
    transition-delay: 2s;
    left: 0;
    bottom:0;
    position: absolute;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all 5s cubic-bezier(.08, .82, .17, 1);
    transition: all 5s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide3.animate .img9{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
  -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.img10{
  position: absolute;
  top: -5%;
  height: 110%;
  right: -30%;
 
  -webkit-animation: ro 120s linear 0s infinite;
    animation: ro 120s linear 0s infinite;
}
.hos-con{
  width: 100%;
  height: 100%
}
.slide3tit{
  position: absolute;
  left: 12%;
  bottom: 15%;
  color: #4c4945;
  font-size: 16px;
}
.img11{
   width: 100%;
    
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all 5s cubic-bezier(.08, .82, .17, 1);
    transition: all 5s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide3.animate .swiper-slide-active .img11{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.img12{
   /*width: 50%;*/
    width:90%;
    left: 5%;
    top:0%;
    position: absolute;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 5s cubic-bezier(.08, .82, .17, 1);
    transition: all 5s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide3.animate .swiper-slide-active .img12{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide3tit{
  width: 35%;
}
.slide3tit1{
  display: inline-block;
 
  width: 30%;
  position: relative;
}
.slide3tit2{
 float: right;
  font-size: 16px;
  line-height: 27px;
  width: 65%;
}
.mySwiper3{
 height: 100%;
 width: 95%;
 float: right;
}
.mySwiper3 .swiper-slide{
  overflow: hidden;
}
.img13{
    width: 1300px;
    height: 545px;
    left: 17%;
    top:0;
    position: absolute;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 1s cubic-bezier(.08, .82, .17, 1);
    transition: all 1s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide3.animate .img13{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide3list{
  position: absolute;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.slide3.animate .swiper-slide-active .slide3list{
  -webkit-transition-delay:.6s;
    transition-delay: .6s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide3list .slide3img{
  width: 100%;
  background-size: auto 100%;
  -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s
}
.slide3img:hover{
  transform: translate3d(0, 0, 0) scale(1.1); 

}
.slide3list1{
  width: 260px;
  left: 22%;
  top:6%;
}
.slide3list .time0{
  width: 50%;
  display: block;
  margin: 0 auto;
  margin-top: 5%;
}
.about-list2 .itemdian {
    width: 34px;
    height: 34px;
    position: relative;
}
.about-list2 .itemdian:before {
    animation: loader 1.2s infinite cubic-bezier(0.55, 0.23, 0.62, 1);
}
.itemdian{
 width: 34px;
    height: 34px;
    position: relative;
    left: 50%;
    margin-left: -17px;
    margin-top:3%
}
.itemdian:before {
    content: "";
    position: absolute;
    background: rgba(205, 164, 93, 0.3);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    top: 0;
    animation: loader 1.2s infinite cubic-bezier(0.55, 0.23, 0.62, 1);
}
.itemdian:after {
    content: "";
    position: absolute;
    background: #cda45d;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
}
@keyframes loader{
  0%{
    transform:scale(0.6);
    opacity:0
  }
  50%{
    opacity:1
  }
  100%{
    transform:scale(1);
    opacity:0
  }
}
.slide3list2{
  width: 15%;
  left: 52%;
  bottom:17%; 
}
.slide3list .slide3img{
  display: block;
  margin:10% 0;
}
.time1{
  height: 20px
}
.slide3list span{
  color: #4c4945;
  font-size: 18px;
}
.slide3list3{
  width:20%;
  right: 1%;
  bottom:20%;
}
.phonetit{
  display: none;
}
.slide3list4{
  width: 20%;
  left:10%;
  top: 16%
}
.slide3list5{
  width:20%;
  left: 46%;
  top: 30%
}
.slide3list6{
  width: 20%;
  right: 1%;
  bottom: 20%
}
.img13a{
  left: 0;
  width: 100%;
}
.slide3list7{
  width: 24%;
  left:18%;
  bottom: 18%
}
.slide3list8{
  width: 24%;
  right:15%;
  bottom: 30%
}
.slide3list9{
  width: 20%;
  left:18%;
  bottom: 18%
}
.slide3list10{
  width: 20%;
  left: 48%;
  bottom: 40%;
}
.slide3list11{
  width: 20%;
  right: 1%;
  bottom: 18%
}
.slide3list12{
  width: 24%;
  left:18%;
  bottom: 22%
}
.slide3list13{
  width: 24%;
  left: 60%;
    bottom: 32%;
}
.slide4{
  background: url(../image/yl-bg.png);
  background-size: 100% 100%
}
.slide3 .swiper-button-prev {
    background: url(../image/left2.png);
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
    margin-top: 0px!important;
    top: inherit!important;
    bottom: 5%!important;
    left: 44%
}
.slide3 .swiper-button-next {
    background: url(../image/right2.png);
    width: 60px;
    height: 60px;
     bottom: 5%!important;
     top: inherit!important;
    margin-top: 0px!important;
    background-size: 100% 100%;
    right: 44%
}
.slide3 .swiper-button-prev:hover {
  background: url(../image/left2on.png);
}
.slide3 .swiper-button-next:hover {
  background: url(../image/right2on.png);
}

.lineb{
  position: absolute;
  left: 50%;
  bottom: 5%;
  height: 60px;
  border-left: 1px solid #bfb2a6
}


.slide4tit{
  width: 120px;
  position: absolute;
  left: 12%;
  top: 15%;
  z-index: 22;
}
.slide4tit .img14{
  width: 100%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all 5s cubic-bezier(.08, .82, .17, 1);
    transition: all 5s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide4.animate  .img14{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide4tit .img15{
    width:38px;
    left: 50%;
    margin-left: -19px;
    top: -48px;
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide4.animate  .img15{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.img16{
  height: 80%;
  left: 50%;
 position: absolute;
 top: 10%;
 margin-left: -250px;
 -webkit-animation: ro 120s linear 0s infinite;
    animation: ro 120s linear 0s infinite;
}
.slide4c{
  padding: 8% 5% 8% 22%;
  height: 100%;
  position: relative;
  z-index: 11;
  display: none;
}
.slide4c1{
  width: 300px;
  float: left;
  color: #fff;
  font-size: 16px;
 line-height: 27px;
 margin-top: 10%;
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide4.animate .slide4c1{
-webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide4c1 .txt1{
  font-size: 30px;
   margin-bottom: 35px;
}
.slide4c1 span{
   width: 74px;
  height: 72px;
  display: inline-block;
}
.slide4c1 .txt2{
  margin-top: 30px;
  cursor: pointer;
}
.slide4c1 .txt2a{
  width: 74px;
  height: 72px;
  background: url(../image/yl-ic1.png);
}
.slide4c1 .txt2a.on{
   background: url(../image/yl-ic1on.png);
}
.slide4c1 .txt2b{
  background: url(../image/yl-ic2.png);
  margin: 0 20px;
}
.slide4c1 .txt2b.on{
   background: url(../image/yl-ic2on.png);
}
.slide4c1 .txt2c{
  background: url(../image/yl-ic3.png);
}
.slide4c1 .txt2c.on{
   background: url(../image/yl-ic3on.png);
}
.slide4c1 .txt2 b{
  font-size: 14px;
  color: #6d90af;
  text-align: center;
  width: 100%;
  margin-top: 75px;
  font-weight: normal;
  display: block;
}
.slide4c1 .txt2 span.on b{
  color: #cda45d
}
.slide4c2{
  height:75%;
  float: left;
  margin-left: 5%;
  position: relative;
   transition: all 3s cubic-bezier(.08, .82, .17, 1);
}


.slide4c2 .slideimg{
  display: block;
  height: 100%;
  -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.slide4c2 .slideimg img{
  height: 100%;
  transition: all 3s cubic-bezier(.08, .82, .17, 1);
}

.slide4c2 .slide4c2img{
  position: absolute;
  left: 70%;
  top: 20%;
  -webkit-transform: translateX(100px);
    transform: translateX(100px);
}
.slide4.animate .slide4c2 .slideimg{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
  -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.slide4c2 img:hover{
  transform: translate3d(0, 0, 0) scale(1.1); 
}
.slide4c3{
  position: absolute;
  right: 5%;
  top: 30%
}
.slide4c4{
  width:25%;
  position: absolute;
  right: 5%;
  bottom: 30%;
  border-top:1px solid #538baf;;
  padding-top: 20px;
  text-align: right;
  color: #fff;
  
}
.slide4c4 img{
  margin-left: 10px;
}
.slide4c4:before{
content: '';
    width: 0;
    height: 1px;
    background: #cda45d;
    position: absolute;
    top: -1px;
    left: 0;
    transition: all 0.36s ease;
}
.slide4c4:hover:before{
 width: 100%
}


/*1018新加*/
.slide7{
  background: #fff;
}
.slide7tit{
  width: 120px;
  position: absolute;
  left: 12%;
  top: 15%;
  z-index: 22;
}
.slide7tit .ff-img1{
    width:38px;
    left: 50%;
    margin-left: -19px;
    top: -48px;
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide7.animate  .ff-img1{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.mySwiper7 {
  width: 100%;
  height: 100%
}
.ff-img2{
  width: 100%;
  height: 100%;
  display: block;
}
.slide7c{
  position: absolute;
  left: 27.5%;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
}
.slide7c-item{
  width: 20%;
  height: 25%;
  float: left;
 position: relative;
 cursor: pointer;
  -webkit-transition: all 5s cubic-bezier(.08, .82, .17, 1);
    transition: all 5s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide7.animate  .slide7c-item{
   -webkit-transition-delay:.5s;
    transition-delay: .5s;
    transform: rotateY(-360deg);
    opacity: 1;
    visibility: visible;
}

.slide7c-item1{
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  font-size: 22px;
  padding: 0 20px;
  text-shadow: 3px 3px 3px #865502;
}
.ff-hide{
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
  width: 95px;
  display: none;
}
.slide7c-item2{
  width: 200%;
  position: absolute;
  height: 200%;
  z-index: 999999999999;
  display: none;
}
.slide7c-item2 img{
  width: 100%;
  height: 100%;
  display: block;
}
.slide7c-item2c{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(204,32,28,0.9);
  padding:25px;
  color: #fff;
  font-size: 14px;
}
.slide7c-item2c span{
  display: block;
  text-align: center;
  margin-bottom: 15px;
  font-size: 24px;
}

.slide7c-item2bd{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.slide7c-item:hover .ff-hide{
  display: block;
}
.slide7c-item:hover .slide7c-item2{
  display: block;
}
.slide7c-item:nth-child(1){
  background: rgba(232,206,160,0.1)
}
.slide7c-item:nth-child(3){
   background: rgba(232,206,160,0.2)
}
.slide7c-item:nth-child(3) .slide7c-item2{
  left: -100%;
  top: 100%;
}
.slide7c-item:nth-child(4) .slide7c-item2{
  right: 100%;
  top: 100%;
}
.slide7c-item:nth-child(5){
  background: rgba(232,206,160,0.3)
}
.slide7c-item:nth-child(5) .slide7c-item2{
  right: 200%;
  top: 100%;
}
.slide7c-item:nth-child(6){
  background: rgba(232,206,160,0.3)
}
.slide7c-item:nth-child(6) .slide7c-item2{
  left: 100%;
  top: 0;
}
.slide7c-item:nth-child(9){
  background: rgba(214,170,94,0.8)
}
.slide7c-item:nth-child(9) .slide7c-item2{
   right: 100%;
  top: 0;
}
.slide7c-item:nth-child(10) .slide7c-item2{
   right: 200%;
  top: 0;
}
.slide7c-item:nth-child(11){
  background: rgba(189,147,74,0.5);
}

.slide7c-item:nth-child(11) .slide7c-item2{
  left: 100%;
  bottom: 0;
}
.slide7c-item:nth-child(12),.slide7c-item:nth-child(13){
  z-index: 0;
}
.slide7c-item:nth-child(14),.slide7c-item:nth-child(15){
  background: rgba(232,206,160,0.1)
}
.slide7c-item:nth-child(16){
   background: rgba(214,170,94,0.8);
   z-index: 22;
}

.slide7c-item:nth-child(16) .slide7c-item2{
  left: 100%;
  bottom:100%;
}
.slide7c-item:nth-child(17){
  background: rgba(189,147,74,0.8)
}
.slide7c-item:nth-child(17) .slide7c-item2{
   left: 0%;
  bottom:100%;
}
.slide7c-item:nth-child(19){
   background: rgba(214,170,94,0.8)
}
.slide7c-item:nth-child(19) .slide7c-item2{
   right: 100%;
  bottom:100%;
}
.slide7c-item:nth-child(20){
 background: rgba(232,206,160,0.2)
}
.slide7c-cen{
  width: 32%;
    height: 50%;
    left: 41%;
    top: 25%;
  padding: 40px 50px 0 40px;
  font-size: 16px;
  position: absolute;
  z-index: 99999;

    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all 2s cubic-bezier(.08, .82, .17, 1);
    transition: all 2s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide7.animate  .slide7c-cen{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide7c-cen1{
  font-size: 28px;
  text-align: center;
}
.slide7c-cen2{
  height: 74%;
  overflow: auto;
  margin-top: 20px;
  line-height: 25px;
  -webkit-overflow-scrolling: touch;
}
.slide7c-cen2::-webkit-scrollbar{
  width:8px;
  height: 8px;
}
.slide7c-cen2::-webkit-scrollbar-thumb{
  background-color: #8f5b31;
  border-radius: 6px
}
.slide7c-cen2::-webkit-scrollbar-track{
   background-color: #c18f67;
  border-radius: 6px
}
.swiper-button-prev7{
    background: url(../image/ff-left.png)!important;
    width: 60px!important;
    height: 60px!important;
    background-size: 100% 100%!important;
    left: initial!important;
    top: inherit!important;
    bottom: 34%!important;
    right: 20%!important;
}
.swiper-button-prev7:hover {
  background: url(../image/left3on.png)!important;
}
.swiper-button-next7{
    background: url(../image/ff-right.png)!important;
    width: 60px!important;
    height: 60px!important;
    background-size: 100% 100%!important;
    right:5%!important;
    top: inherit!important;
    bottom: 34%!important
}
.swiper-button-next7:hover {
  background: url(../image/right3on.png)!important;
}
.swiper-pagination7{
  width: 10%!important;
  left: initial!important;
    top: inherit!important;
  bottom: 37%!important;
    right:10%!important;
}
.swiper-pagination7 .swiper-pagination-bullet-active{
  background: #fff!important;
}
.swiper-pagination7 .swiper-pagination-bullet{
  border-radius: 0!important;;
  opacity: 1;
  border:2px solid #fff;
  background: transparent;
}


.slide5{
  background: url(../image/gy-bg.jpg);
  background-size: 100% 100%;
  padding: 5% 0 5% 0%;
}
.slide5tit{
  text-align: center;
  position: relative;
  height: 130px;
}
.slide5tit .img17{
 height: 100%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all 5s cubic-bezier(.08, .82, .17, 1);
    transition: all 5s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide5.animate  .img17{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide5tit .img18{
    height:45px;
    left: 50%;
    top:35px;
    margin-left: -120px;
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide5.animate  .img18{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide5titr{

  position: absolute;
  right: 5%;
  bottom:10%;
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide5.animate  .slide5titr{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide5titr li{
  display: inline-block;
  color: #666666;
  font-size: 18px;
  cursor: pointer;
  margin-left: 25px;
  line-height: 40px;
}
.slide5titr li span{
  width: 40px;
  height: 40px;
  float: left;
  background: url(../image/gy-ic1.png);
  background-size:100% 100% ;
  margin:0 13px 0 0;
}
.slide5titr li.on{
  color: #c11701
}
.slide5titr li.on span{
background: url(../image/gy-ic1on.png);
}
.slide5titr li:nth-child(2) span{
  background: url(../image/gy-ic2.png);
}
.slide5titr li:nth-child(2).on span{
background: url(../image/gy-ic2on.png);
}
.slide5titr li:nth-child(3) span{
  background: url(../image/gy-ic3.png);
}
.slide5titr li:nth-child(3).on span{
background: url(../image/gy-ic3on.png);
}
.slide5bd{
 padding: 3% 5% 0 14%;
 display: none;
 position: relative;
 z-index: 99;

}

.slide5 .lineb{
  position: absolute;
  left: 50%;
  bottom: 1%;
  height: 60px;
  border-left: 1px solid #bfb2a6
}

.slide5 .swiper-button-prev {
    background: url(../image/left2.png);
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
    margin-top: 0px!important;
    top: inherit!important;
    bottom: 1%!important;
    left: 44%;
}
.slide5 .swiper-button-next {
    background: url(../image/right2.png);
    width: 60px;
    height: 60px;
    bottom: 1%!important;
    top: inherit!important;
    margin-top: 0px!important;
    background-size: 100% 100%;
    right: 44%;
}
.slide5 .swiper-button-prev:hover {
  background: url(../image/left2on.png);
}
.slide5 .swiper-button-next:hover {
  background: url(../image/right2on.png);
}
.slide5bd.on{
  display: block;
}


.slide5bd1{
  width: 39.5%;
  position: relative;
  float: left;
  -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide5.animate .slide5bd.on .slide5bd1{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
  -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    overflow: hidden;
}
.slide5bd1img{
  width: 100%;
  display: block;
   transition: all 3s cubic-bezier(.08, .82, .17, 1);
}
/*.slide5bd1img:hover{
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
}*/
.slide5bd1 span{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 50px;
  background: rgba(205,164,93,.9);
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.movie{
  position: absolute;
  left: 50%;
  top: 50%;
  margin:-44px 0 0 -44px;
  cursor: pointer;
}
.slide5bd2{
  width: 60.2%;
  float: right;
  -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
}
.slide5.animate .slide5bd.on .slide5bd2
{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
  -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.slide5bd2 ul li{
  float: left;
  margin-left: 1%;
  width: 32%;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.slide5bd2 ul li .movie{
  width: 30%;
  left: 55%
}

.slide5bd2 span{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 50px;
  background: rgba(0,0,0,.5);
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.slide5bd2 ul li:hover span{
 background: rgba(205,164,93,.9);
}
.slide5bd-2 .slide5bd1 span{
  position: absolute;
  left:0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(205,164,93,.9);
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: none;
}
.slide5bd-2 .slide5bd1:hover span{
 display: block;

}
.slide5bd1:hover .slide5bd1img{
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.slide5bd-2 .slide5bd1 span img{
  display: block;
  margin:0 auto;
}
.slide5bd-2 .slide5bd1 b{
  font-weight: normal;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -70px 0 0 -55px;
}
.slide5bd-2 .slide5bd2 ul li span{
  position: absolute;
  left:0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(205,164,93,.9);
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: none;
}
.slide5bd-2 .slide5bd2 ul li span b{
  font-weight: normal;
}
.slide5bd-2 .slide5bd2 ul li  .moreimg{
  width: 30%;
  display: block;
  margin:0 auto;
  margin-top: 15%
}
.slide5bd-2 .slide5bd2 ul li:hover span{
  display: block;
}
.slide5bd2 ul li:hover .slide5bd1img{
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.slide6.animate  .img14{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.slide6.animate  .img15{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide6l{
  width: 70%;
  height: 100%;
  background: url(../image/wh-bg1.jpg);
  background-size:100% 100%;
  float: left;
  position: relative;
}
.slide6r{
  width: 30%;
  height: 100%;
  background: url(../image/wh-bg1r.jpg) no-repeat center;
  background-size:auto 100%;
  float: right;
  padding:6% 4%;
  position: relative;
}
 .left {
   width: 55%;
    position: absolute;
    left: 62%;
    top: 50%;
    transform: translate(-45%,-45%);
   
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    visibility: hidden;
} 

.slide6.animate .left
{
  -webkit-transition-delay:.5s;
    transition-delay: .5s;
  -webkit-transform:translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 1;
    visibility: visible;
}

.left .circle-box {
    position: relative;
    animation: circle 120s linear infinite forwards;
}
.left .circle-box>img{
  width: 100%;
  opacity: 0;
}
.circleimg{
  width: 100%;
  position: absolute;
}
.brand-circle-logo {
    position: absolute;
    left: 51%;
    top: 50%;
    width: 45%;
    transform: translate(-50%,-50%);
}
.left .item{
  transition: all 3s cubic-bezier(.08, .82, .17, 1);

}
.left .item:hover img{
  transform: scale(1.2);
}
.left .item:nth-child(1) {
       left: 35%;
    top: -10%;
}
.left .item:nth-child(2) {
   left: 84%;
    top: 18.67%;
}
.left .item:nth-child(3) {
       left: 72%;
    top: 75%;
}
.left .item:nth-child(4) {
    left: 17%;
    top: 84%;
}
.left .item:nth-child(5) {
    left: -10%;
    top: 26%;
}
.left .item:nth-child(6) {
    left: 68%;
    top: 51%;
}
.left .item:nth-child(7) {
    left: 12%;
    top: 25%;
}
 .left .item {
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 120px;
    cursor: pointer;
    animation: circle2 120s linear infinite forwards;
    background: #836b55;
    text-align: center;
    color: #fff;
    font-size: 16px;

}
.left .item img {
    transition: all .3s;
    display: block;
    margin: 22px auto 10px auto
}

@keyframes circle {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes circle2 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.circle-txt{
  font-size: 28px;
  color: #fff;
  text-align: center;
  position: relative;
 
}
.circle-txt:before{
  content: '';
  position: absolute;
  left: 38%;
  bottom: -18px;
  width: 57px;
  height: 4px;
  background: #cda45d;

}
.brand-circle-logo span{
  display: block;
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin-top: 30px;
  line-height: 27px;
 text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;

}
 .left .item:hover{
  background: #cda45d
}
.circle-bd{
  display: none
}
.slide6rtxt{
  margin-bottom: 15%;
  
   -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    visibility: visible;
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
}

.slide6.animate  .slide6rtxt{
  -webkit-transition-delay:.2s;
    transition-delay: .2s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide6r-movie{
  position: relative;
  transition: all 1s cubic-bezier(.08, .82, .17, 1);
}
.slide6r-movieimg{
  width: 100%;
  
}
.slide6r-movie:hover{
  -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.movie1{
  position: absolute;
  left: 50%;
  top: 50%;
 transform: translate(-50%,-50%);
}
.mySwiper4{
  width: 100%;
  -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    visibility: visible;
    -webkit-transition: all 3s cubic-bezier(.08, .82, .17, 1);
    transition: all 3s cubic-bezier(.08, .82, .17, 1);
 }

.slide6.animate  .mySwiper4{
  -webkit-transition-delay:.2s;
    transition-delay: .2s;
   -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.slide6r-bd{
  display: block;
  text-align: center;
  color: #fff;
  font-size: 18px;
  margin-top: 20px;
}
.swiper-button-prev4{
    background: url(../image/left3.png)!important;
    width: 60px!important;
    height: 60px!important;
    background-size: 100% 100%!important;
    left: 30%!important;
    top: inherit!important;
    bottom: 20%!important
}
.swiper-button-prev4:hover {
  background: url(../image/left3on.png)!important;
}
.swiper-button-next4{
    background: url(../image/right3.png)!important;
    width: 60px!important;
    height: 60px!important;
    background-size: 100% 100%!important;
    right:30%!important;
    top: inherit!important;
    bottom: 20%!important
}
.swiper-button-next4:hover {
  background: url(../image/right3on.png)!important;
}
.slide6r .lineb{
  bottom: 20%;
  border-left: 1px solid #8f8175;
}

.foot{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../image/f-bg.png);
  background-size: 100% 100%;
  height:220px;
  /*z-index: 99999;*/
}
.main{
  width: 1200px;
  margin:0 auto;
}
.f-logo{
  float: left;
  margin-top: 75px;
}
.footr{
  width: 550px;
  float: right;
  color: #fff;
  font-size: 14px;
  margin-top: 60px;
}
.footr span{
  width: 450px;
  display: block;
  float: right;
  line-height: 25px;
}

.tc{
 width: 100%;
 height: 100%;
 background: rgba(0,0,0,0.8);
 position: fixed;
 left: 0;
 top: 0;
 right:0;
 bottom: 0;
 z-index: 9999; 
 display: none
}
.tc-conimg{
  position: absolute;
  width: 700px;
  height: 530px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border:5px solid #d1a762
}
.tc-conimg span{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 60px;
}
.tc-conimg img{
  width: 100%;
  height: 100%;
  display: block;
}
.close{
  position: absolute;
  right: 5%;
  top: 5%
}

.movietc{
 width: 100%;
 height: 100%;
 background: rgba(0,0,0,0.8);
 position: fixed;
 left: 0;
 top: 0;
 right:0;
 bottom: 0;
 z-index: 9999; 
 display: none
}
.movietc .tc-con{
  position: absolute;
  width: 70%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.tc-con img{
  width: 100%;
  height: 100%;
  display: block;
}
.tc-con img.close{
  position: absolute;
  right: -80px;
  top: 0;
  width: 37px;
  height: 37px;
}

.leftprev,.rightnext{
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
 
}
.leftprev:hover{
  background: url(../image/left2on.png);
}
.leftprev{
  left: 5%;
   background: url(../image/left3.png);
}
.rightnext{
  background: url(../image/right3.png);
  right: 5%
}
.rightnext:hover{
  background: url(../image/right2on.png);
}



@media screen and (max-width: 1280px){
  .slide4c2{
  height:65%;
  float: left;
  margin-left: 5%;
  position: relative;
  top: 10%
}
.left .item{
  width: 90px;
  height: 90px;
}

.left .item img {
  height: 30px;
    transition: all .3s;
    display: block;
    margin: 15px auto 5px auto;
}
}

@media screen and (min-width: 1600px){
 .left .item:nth-child(1) {
    top: -6%;
}
.left .item:nth-child(2) {
   left: 85%;
}
.left .item:nth-child(3) {
       left: 76%;
    top: 79%;
}

.left .item:nth-child(5) {
    left: -5%;
}
.left .item:nth-child(6) {
    left:73%;
}
.left .item:nth-child(7) {
    left: 14%;
    top: 29%;
}
.circle-txt:before{
	left:41%;
}
.slide2-img{
	background-size:100% 100%!important
}
}



.sidebar{float:right;text-align:right;position: absolute;right: 0%;width: 370px;top:5%;}
.sidebar .sidebar1{background: url("../image/zksl_side.png") left top no-repeat;background-size: cover;padding-right: 30px;overflow: hidden;padding-top: 30px;}
.sidebar .txt1,.sidebar .txt2{display:block;font-weight:bold;}
.sidebar .sidebar1 a.tit{padding: 20px 0px 30px 0px;color: #ffffff;display:block;opacity: 0.8;}
.sidebar .sbar3 ul{
    width: 70%;
    float: right;padding-top:20px;
}
.sidebar .sbar3 ul li{display:inline-block;width: 49%;}
.sidebar .sbar3 ul li a{padding:5px 0px!important;}
.sidebar .sbar3 ul li:nth-child(1) a{font-weight:bold;opacity:1;}
.sidebar .sbar3 ul li:nth-child(11) {display: none;}
.slide4ca .slide4c3,.slide4ca .slide4c4{display:none;}




.news-list-content{padding:60px 0px 70px 0;}
.news-list-content .title-box{text-align: center;color:#454545;border-bottom:1px solid #ddd;font-size: 30px;line-height: 60px;color: #ae1c0f;margin-bottom: 20px;}
.news-list-content .title-box ul{font-size:18px;}
.news-list-content .title-box ul li{cursor:pointer;float:left;position:relative;padding:0px 15px;height:54px;border-bottom:3px solid transparent;}
.news-list-content .title-box ul li a{display:block;height:100%;color: #333;}
.news-list-content .title-box ul li.active{color:#0785a0;border-bottom: 3px solid #a81a0e;}

.news-list-content ul.list{margin-bottom:40px;}
.news-list-content ul.list li{overflow:hidden;padding:35px 0;border-bottom:1px solid #ddd;padding-right:235px;position:relative;}
.news-list-content ul.list li > a{position:absolute;width:130px;height:30px;line-height:28px;border-radius:30px;border:1px solid #ccc;right:40px;top:50%;margin-top:-15px;display:block;text-align:center;color: #333;}
.news-list-content ul.list li > a i{margin-left:5px;}
.news-list-content ul.list li .date{width:135px;text-align:center;color:#666;padding-top:8px;float: left;}
.news-list-content ul.list li .date .day{font-size:48px;line-height:1;}
.news-list-content ul.list li .date .year{font-size:16px;}
.news-list-content ul.list li .contxt{margin-left:135px;vertical-align: top;}
.news-list-content ul.list li .contxt .tit{
    padding: 0;
}
.news-list-content ul.list li .contxt span{color:#ce2828;}
.news-list-content ul.list li .contxt .tit a{font-size:18px;color: #a81a0e;}
.news-list-content ul.list li .contxt .ms{font-size:15px;line-height:24px;margin-top:10px;height:48px;overflow:hidden;}
.news-list-content ul.list li .contxt .tit a em{list-style:none;color:#ce2828;font-style: normal;}

.sideBox{overflow:hidden;margin-bottom:40px;background: #eee;padding: 10px 20px;}
.sideBox .hd,.sideBox .bd ul .li{float:left;}
.sideBox .bd ul li{float:left;margin-left: 20px;}
.sideBox .bd ul li input{border:1px solid #ccc;}
.sideBox .bd ul li button{background:#ccc;border-radius:3px;display: inline-block;line-height: 22px;}

@media screen and (min-width:1024px) {
    .news-list-content ul.list li:hover{background:#f8f8f8;}
    .news-list-content ul.list li:hover > a{background: #a81a0e;border: 1px solid #a81a0e;color:#fff;}
    .news-list-content ul.list li:hover > a i{background:url(../images/icon-more-white.png) no-repeat center center;}
    .news-list-content ul.list li:hover .contxt .tit a{color: #a81a0e;}
}
@media screen and (max-width:1025px) {
    .news-list-content{padding:30px 0;}
    .news-list-content .title-box ul{font-size:14px;overflow-x:auto;float:none;white-space:nowrap;}
    .news-list-content .title-box ul li{display:inline-block;float:none;height:35px;padding:0px 8px;}
    .news-list-content ul.list{margin-bottom:20px;}
    .news-list-content ul.list li{padding:15px 0;padding-right:0px;}
    .news-list-content ul.list li > a{width:90px;height:25px;line-height:23px;margin-top:-12.5px;right:0px;display:none;}
    .news-list-content ul.list li .date{width:60px;}
    .news-list-content ul.list li .date .day{font-size:18px;}
    .news-list-content ul.list li .date .year{font-size:12px;margin-top:5px;}
    .news-list-content ul.list li .contxt{margin-left:65px;}
    .news-list-content ul.list li .contxt .tit a{font-size:16px;}
    .news-list-content ul.list li .contxt .ms{line-height:20px;height:40px;margin-top:4px;font-size:14px;}
    .sideBox .hd{display:none;}
    .sideBox .bd ul li{margin-left:3px;}

    .video-content .title-box ul{font-size:14px;overflow-x:auto;float:none;white-space:nowrap;}
    .video-content .title-box ul li{display:inline-block;float:none;height:35px;padding:0px 8px;}
}

.news-detail-content{}
.news-detail-content .item01{background:#fff;padding:80px;padding-bottom:50px;}
.news-detail-content .item01 .title{font-size:28px;text-align:center;}
.news-detail-content .item01 ul{text-align:center;margin-top:20px;padding-bottom:45px;border-bottom:1px solid #ddd;margin-bottom:50px;font-size:15px;}
.news-detail-content .item01 ul li{display:inline-block;margin:0px 10px;/* display: none; */}
.news-detail-content .item01 .contxt{font-size:16px!important;line-height:30px!important;}
.news-detail-content .item01 .contxt img{margin:0 auto;display:inline-block;}
.news-detail-content .item01 .contxt p,
.news-detail-content .item01 .contxt p span{font-family:inherit !important;font-size: 18px!important;line-height: 40px!important;}
.news-detail-content .item01 .contxt table{width:100% !important;border:1px solid #ccc !important;border-right:none !important;border-bottom:none !important;}
.news-detail-content .item01 .contxt table tr{}
.news-detail-content .item01 .contxt table tr td{border-bottom:1px solid #ccc !important;border-right:1px solid #ccc !important;}
.news-detail-content .item01 .contxt video,.news-detail-content .item01 .contxt .videoPlayer{width:100% !important;height:auto !important;}
.news-detail-content .item01 .share{line-height:36px;color:#666;padding:50px 0px 40px 0;border-bottom:1px solid #ebebeb;}
.news-detail-content .item01 .share *{float:left;}
.news-detail-content .item01 .share a{width:36px;height:36px;margin-right:10px;}
.news-detail-content .item01 .share a.qq{background:url(../images/share-qq.png) no-repeat center center/cover;}
.news-detail-content .item01 .share a.qone{background:url(../images/share-qone.png) no-repeat center center/cover;}
.news-detail-content .item01 .share a.sina{background:url(../images/share-sina.png) no-repeat center center/cover;}
.news-detail-content .item01 .bottom{position:relative;padding-right:100px;margin-top:35px;}
.news-detail-content .item01 .bottom a{margin-top:20px;line-height: 50px;color: #333;}
.news-detail-content .item01 .bottom a:first-child{margin-top:0 !important;}
.news-detail-content .item01 .bottom a.backlist{background:url(../images/icon-backlist.png) no-repeat right center;padding-right:35px;line-height:26px;position:absolute;right:0;top:0;margin-top:0;}

@media screen and (min-width:1024px) {
    .news-detail-content .item01 .bottom a:hover span{color:#0785a0;}
}
@media screen and (max-width:1025px) {
    .news-detail-content .item01{padding:20px;}
    .news-detail-content .item01 .title{font-size: 16px;}
    .news-detail-content .item01 ul{font-size:14px;margin-top:5px;padding-bottom:20px;margin-bottom:15px;}
    .news-detail-content .item01 ul li{margin:0px 5px;}
    .news-detail-content .item01 .contxt,
    .news-detail-content .item01 .contxt p,
    .news-detail-content .item01 .contxt p span{font-size:16px !important;line-height:30px !important;}
    .news-detail-content .item01 .contxt img{height:auto !important;}
    .news-detail-content .item01 .share{line-height:24px;padding:20px 0;}
    .news-detail-content .item01 .share a{width:24px;height:24px;}
    .news-detail-content .item01 .bottom{margin-top:10px;padding-right:0;}
    .news-detail-content .item01 .bottom a{margin-top:10px;}
    .news-detail-content .item01 .bottom a.backlist{position:static;margin-top:10px;background:url(../images/icon-backlist.png) no-repeat left center;padding-right:0;padding-left:36px;}
}

.news-detail-content .item02{margin-top:60px;background:#fff;}
.news-detail-content .item02 .title{padding:0px 35px;line-height:79px;border-bottom:1px solid #ebebeb;color:#666;font-size:22px;}
.news-detail-content .item02 .title a{font-size:15px;}
.news-detail-content .item02 .title a i{margin-left:5px;}
.news-detail-content .item02 .list-con{padding:35px;margin:0px -17.5px;}
.news-detail-content .item02 .list-con .list{width:50%;float:left;padding:0px 17.5px;}
.news-detail-content .item02 .list-con .list ul{}
.news-detail-content .item02 .list-con .list ul li{margin-top:15px;}
.news-detail-content .item02 .list-con .list ul li:first-child{margin-top:0 !important;}
.news-detail-content .item02 .list-con .list ul li a{margin-right:80px;display:block;font-size:16px;}
.news-detail-content .item02 .list-con .list ul li .date{font-size:12px;color:#999;}

@media screen and (min-width:1024px) {
    .news-detail-content .item02 .list-con .list ul li a:hover{color:#0785a0;}
}
@media screen and (max-width:1025px) {
    .news-detail-content .item02{margin-top:30px;}
    .news-detail-content .item02 .title{padding:0px 15px;line-height:50px;font-size:16px;}
    .news-detail-content .item02 .title a{font-size:14px;}
    .news-detail-content .item02 .list-con{padding:15px;margin:0px -7.5px;}
    .news-detail-content .item02 .list-con .list{padding:0px 7.5px;}
    .news-detail-content .item02 .list-con .list ul li{margin-top:8px;}
    .news-detail-content .item02 .list-con .list ul li a{font-size:14px;}
}
@media screen and (max-width:640px) {
    .news-detail-content .item02 .list-con .list{width:100%;margin-top:8px;}
    .news-detail-content .item02 .list-con .list:first-child{margin-top:0;}
}

.news-detail-content02{margin-top:60px;}
.news-detail-content02 .item01-content{position:relative;}
.news-detail-content02 .item01-content .item01{margin-left:348px;}
.news-detail-content02 .item01-content .item01-left{position:absolute;left:0;width:348px;left:0;top:0;border-right:1px solid #eee;background:#fff;padding-top:80px;}
.news-detail-content02 .item01-content .item01-left .title{line-height:28px;font-size:24px;padding:0px 30px;padding-bottom:40px;border-bottom:1px solid #eee;}
.news-detail-content02 .item01-content .item01-left .title a{width:80px;border-radius:30px;border:1px solid #ddd;font-size:14px;color:#999;text-align:center;}
.news-detail-content02 .item01-content .item01-left .title a i{margin-left:5px;}
.news-detail-content02 .item01-content .item01-left ul{padding:0px 30px;}
.news-detail-content02 .item01-content .item01-left ul li{border-bottom:1px dashed #d3d3d3;padding:15px 0;}
.news-detail-content02 .item01-content .item01-left ul li a{font-size:15px;line-height:24px;display:block;max-height:45px;overflow:hidden;}

@media screen and (min-width:1024px) {
    .news-detail-content02 .item01-content .item01-left ul li a:hover{color:#0785a0;}
}
@media screen and (max-width:1025px) {
    .news-detail-content02 .item01-content .item01{margin-left:0;}
    .news-detail-content02 .item01-content .item01-left{position:static;width:100%;margin-top:30px;padding-top:20px;}
    .news-detail-content02 .item01-content .item01-left .title{line-height:24px;font-size:16px;padding:0px 15px;padding-bottom:15px;}
    .news-detail-content02 .item01-content .item01-left ul{padding:0px 15px;}
    .news-detail-content02 .item01-content .item01-left ul li{padding:10px 0;}
    .news-detail-content02 .item01-content .item01-left ul li:last-child{border-bottom:0;}
    .news-detail-content02 .item01-content .item01-left ul li a{font-size:14px;line-height:20px;max-height:40px;}
}

.w1180{max-width:1180px;margin:0 auto;}



.page{text-align:center;}
.page *{display:inline-block;width:40px;height:40px;border-radius:2px;border:1px solid #ebebeb;line-height:38px;text-align:center;color:#666;margin:0px 4px;background:#fff;}
.page a.prev{background:#fff url(../images/icon-page-prev.png) no-repeat center center;display:none;}
.page a.next{background:#fff url(../images/icon-page-next.png) no-repeat center center;display:none;}
.page .on{background: #a81a0e;border: 1px solid #a81a0e;color:#fff;}

@media screen and (max-width:1025px) {
    .page *{width:24px;height:24px;line-height:22px;margin:0px 2px;}
    .page .hide{display:none;}
}

@media screen and (max-width:1025px) {
    #MoveZoneAD_Div7{display:none !important;}
}


.position{padding:28px 0;background:#eee;border-bottom:1px solid #ddd;}
.position .content{background:url(/Content/Main/Base/images/position-home.png) no-repeat left 2px;padding-left:22px;color:#666;}
.position .content a{color:#666;}
.position .content i{width:5px;height:8px;display:inline-block;vertical-align:middle;background:url(/Content/Main/Base/images/position-icon.png) no-repeat center center;margin:0px 5px;margin-top:-2px;}

@media screen and (max-width:1025px) {
    .position{padding:10px 0;}
    .position .content span{display:none;}
}