.parallux {
    z-index: 1;
    height: 600px;
    position: relative;
}
.parallux .parallux-bg .parallux-inner .text p {
    font-size: 22px; 
}
.parallux .parallux-bg{
  position: relative;
}
.parallux-inner img{
    display: block!important;
}
.parallux .parallux-bg .parallux-inner.bg-header {
    background: url(../images/service_banner1.jpg) no-repeat left center; 
    background-size:cover;
}

.wrapper {
  width: 100%;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  transform: translateZ(0); 
}
.service-banner{
  overflow: hidden;
}
.banner1-container,.banner2-container,.banner3-container{
  background-size: cover;
  padding-top:16.927083%;
  padding-bottom:16.927083%;
  background-color: #000;
  position: relative;
}


/*text*/
.text{
    color: #fff;
    position: absolute;
    width:100%;
    top: 50%;
    margin-left: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner-txt1{
  position: relative;
}
.banner-mask{
  position: absolute;
  right:0;
  top:0;
  width:100%;
  height: 100%;
  background: #000;
  width:0;

  -webkit-animation: widthmove3 1.6s cubic-bezier(0, 0, 0.9, 0.56) forwards;
    -moz-animation: widthmove3 1.6s cubic-bezier(0, 0, 0.9, 0.56) forwards;
    -o-animation: widthmove3 1.6s cubic-bezier(0, 0, 0.9, 0.56) forwards;
    animation: widthmove3 1.6s cubic-bezier(0, 0, 0.9, 0.56) forwards;
}


.banner1-container .banner-txt1{
  width:26.25%;
}
.banner2-container .banner-txt1{
  width:28.177083%;
}
.banner3-container .banner-txt1{
  width:26.822916%;
}
.banner-txt2{
  display: inline-block;
  margin-top:25px;
  margin-left:6%;
  overflow: hidden;
  opacity: 0;
  line-height: 1;
  -webkit-animation: fadeInUp20 0.8s 1.2s ease forwards;
    -moz-animation: fadeInUp20  0.8s 1.2s ease forwards;
    -o-animation: fadeInUp20  0.8s 1.2s ease forwards;
    animation: fadeInUp20  0.8s 1.2s ease forwards;
}
.banner-txt2::before{
  content:"";
  width:100%;
  height: 1px;
  background: #3a3838;
  display: block;
  margin-bottom: 10px;
}
.banner-txt2::after{
  content:"";
  width:100%;
  height: 1px;
  background: #3a3838;
  display: block;
  margin-top:10px;
}
.banner1-container .text{
    left:45.3125%;
}
.banner2-container .text{
  left:47.9167%
}
.banner3-container .text{
  left:22%;
}



/*sec-tit*/
.sec-tit{
  text-align: center;
  padding-top:4.427%;
  padding-bottom: 3.648%;
  line-height: 1;
}
.sec-tit-en{
  text-transform: uppercase;
}
.sec-tit-line{
  width:115px;
  height: 1px;
  background: #000;
  margin:0 auto;
  margin-top:15px;
  margin-bottom: 10px;
}
.service-con{
  width:56.5625%;
  margin:0 auto;

}
.member-list ul{
  margin-left:-22.5px;
  margin-right:-22.5px;
}
.member-list ul li{
  width:33.33333%;
  text-align: center;
  float: left;
  padding-left:22.5px;
  padding-right:22.5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  cursor: pointer;
}
.circles-text{
  font-family: 'didot';
  font-size: 16px;
  color: #be965a
}

.circles-integer{
  font-size: 80px;
}
.circles-decimals{
  font-size:32px;
  vertical-align: top;
  line-height: 100px;
}
.zhe{
  position: relative;
  color: #000;
  
}
.circles-decimals+.zhe{
  margin-left:-14px;
}
.circles-decimals+.zhe::before{
  content: "";
  width:14px;
  height: 9px;
  background: url(../images/line.png) no-repeat;
  font-size: 16px;
  color: #000000;
  position: absolute;
  top:-60%;
  left: 0;
  height: 100%;
  line-height: 100%;


}
.member-list ul li>div{
  border:1px solid #c9c9c9;
  padding-top:16.616%;
  position: relative;
  -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
.member-power{
  padding-top:13.595%;
  height: 155px;
   box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 16px;
  line-height: 1.8;
}
.main-con.con1{
   padding-bottom: 7.552%;
}
.member-img{
  position: relative;
}
.member-level{
  position: absolute;
  color: #fff;
  left: 15px;
  top:50%;
  font-size: 16px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition:all 0.4s ease;
    -moz-transition: all  0.4s ease;
   transition: all 0.4s ease
}
.member-list ul li .member-img{
  overflow: hidden;
}
.member-list ul li .member-img img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition:all 0.4s ease;
    -moz-transition: all  0.4s ease;
   transition: all 0.4s ease
}
.member-list ul li:hover .member-img img{
  -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -o-transform:scale(1.1);
  -moz-transform:scale(1.1);
}
.member-list ul li:hover .member-level{
  left:20px;
}
.border-top{position:absolute;left:0;top:0;width:0;height: 1px;background:#be965a;

}
.border-right{position:absolute;right:0;bottom:0;height:0;width: 1px;background:#be965a;

}
.border-top2{position:absolute;top:0;right:0;width:0;height: 1px;background:#be965a;

}
.border-left{position: absolute;bottom:0;left:0;width:1px;height: 0px;background:#be965a;

}
.member-list ul li:hover>div{
  border:1px solid transparent;
}
.member-list ul li:hover .border-top{
  width:50%;
  -webkit-transition: all 0.4s 0.4s ease-out;
    -o-transition: all 0.4s 0.4s ease-out;
    transition: all 0.4s 0.4s ease-out;
}
.member-list ul li:hover .border-top2{
  width:50%;
  -webkit-transition: all 0.4s 0.4s ease-out;
    -o-transition: all 0.4s 0.4s ease-out;
    transition: all 0.4s 0.4s ease-out;
}
.member-list ul li:hover .border-right{
  height:100%;
  -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s   ease-out;
    transition: all 0.4s  ease-out;
}
.member-list ul li:hover .border-left{
  height:100%;
  -webkit-transition: all 0.4s  ease-out;
    -o-transition: all 0.4s  ease-out;
    transition: all 0.4s  ease-out;
}

.main-con.con2{
  background: #f4f4f4;
  padding-bottom: 4.181%

}
.discount>div{
  float:left;
  height: 186px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.discount-img{
  width:19.178%;
  background: url(../images/discount_bck.jpg) no-repeat center;
  background-size: cover;
  border-right:1px solid #dcdcdc;
  color: #fff;
  text-align: center;
  display: table;
 
}
.discount-img>div{
   display: table-cell;
   vertical-align: middle;
}
.discount-txt1{
  font-size: 26px;
}
.discount-txt2{
  font-size: 12px;
}
.discount-table{
  width:80.822%;
  background: #be965a;
  text-align: center;
  color: #fff;
  border-collapse:collapse;
  border-top-right-radius:6px;
  border-bottom-right-radius:6px;
  position: relative;
}
.discount-table::after{
  position: absolute;
  content: "";
  width:100%;
  height: 1px;
  background:#dcdcdc;
  left:0;
  top:50%;
  margin-top:-0.5px;
}
.discount-table tr{
  height: 92.5px;

   
}

.discount-table tr td:first-child{
  border-right: 1px solid #dcdcdc;
}

.discount-con{
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  margin-top:4.8913%;
}

.con3{
  padding-bottom: 5.255%;
}
.con3 .service-con{
  width: 58.85%;
}
.rights-list ul li{
  width:20%;
  float: left;
  text-align: center;
  cursor: pointer;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-transition: all 0.6s  ease-out;
    -o-transition: all 0.6s  ease-out;
    transition: all 0.6s  ease-out;
    height: 330px;
    box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left:15px;
  padding-right:15px;
}
.rights-list ul li:hover{
  -moz-box-shadow: 0px 0px 50px #cdcdcd;
   box-shadow: 0px 0px 50px #cdcdcd;
}
.rights-icon{
  width:103px;
  height: 103px;
  border:1px solid #d6d6d6;
  border-radius: 100%;
  background: url(../images/right_icon1.png)no-repeat;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  margin:0 auto;
}
.rights-icon::before, .rights-icon::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #be965a;
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
}
.rights-list ul li:hover .rights-icon::before {
    -webkit-animation: serv_one_border .9s 0s ease 1;
       -moz-animation: serv_one_border .9s 0s ease 1;
         -o-animation: serv_one_border .9s 0s ease 1;
            animation: serv_one_border .9s 0s ease 1;
}
.rights-list ul li:hover .rights-icon::after {
    -webkit-animation: serv_one_border 1.5s 0s ease 1;
       -moz-animation: serv_one_border 1.5s 0s ease 1;
         -o-animation: serv_one_border 1.5s 0s ease 1;
            animation: serv_one_border 1.5s 0s ease 1;
}
@-webkit-keyframes serv_one_border {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
    }
}
@-moz-keyframes serv_one_border {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1.5);
             transform: scale(1.5);
    }
}
@-o-keyframes serv_one_border {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        -o-transform: scale(1.5);
           transform: scale(1.5);
    }
}
@keyframes serv_one_border {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
           -moz-transform: scale(1.5);
             -o-transform: scale(1.5);
                transform: scale(1.5);
    }
}
.rights-list ul li:hover:hover .rights-icon::after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.rights-list ul li:hover .rights-icon{
   background: url(../images/right_icon2.png)no-repeat;
   background-color: #be965a;
   border:1px solid #be965a;
   -webkit-transition: all 0.4s  ease-out;
    -o-transition: all 0.4s  ease-out;
    transition: all 0.4s  ease-out;
    cursor: pointer;

}

.rights-list ul li:first-child .rights-icon{
  background-position: 0 0;
}
.rights-list ul li:first-child+li .rights-icon{
  background-position: -103px 0;
}
.rights-list ul li:first-child+li+li .rights-icon{
  background-position: -206px 0;
}
.rights-list ul li:first-child+li+li+li .rights-icon{
  background-position: -309px 0;
}
.rights-list ul li:first-child+li+li+li+li .rights-icon{
  background-position: -412px 0;
}

.rights-name{
  color: #333333;
  margin-top: 35px;
  margin-bottom: 35px;
  -webkit-transition: all 0.4s  ease-out;
    -o-transition: all 0.4s  ease-out;
    transition: all 0.4s  ease-out;
}
.rights-list ul li:hover .rights-name{
  color: #be965a;
}
.rights-con{
  font-size: 14px;
  color: #888;
  line-height: 30px;

}


/*procedures-list*/
.main-con.con4{
  background:#f4f4f4;
  padding-bottom: 6.25%;
}
.procedures-list ul{
  margin-left:-5px;
  margin-right:-5px;
}
.procedures-list ul li{
  position: relative;
  width:25%;
  padding:0 5px;
  height: 145px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  float: left;
  color: #fff;
  display: table;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  -webkit-transition: all 0.5s  ease-out;
    -o-transition: all 0.5s  ease-out;
    transition: all 0.5s  ease-out;
}
.procedures-list ul li a{
  display: table;
  width: 100%;
  height: 100%;
   background: url(../images/procedures-bck.png) no-repeat;
  background-size:cover;
  border-radius: 4px;
  color: #fff;
  -webkit-transition: all 0.5s 0.2s ease-out;
    -o-transition: all 0.5s 0.2s ease-out;
    transition: all 0.5s  0.2s ease-out;
}
.procedures-list ul li .warp-div{
  display: table-cell;
  vertical-align: middle;


}
.procedures-list ul li .warp-div>div{
  display: inline-block;
  vertical-align: middle;
}
.procedures-list ul li .warp-div>div:first-child+div{
  text-align: left;
  max-width: 120px;
}
.number{
  font-size: 56px;
  position: relative;
  line-height: 1;
  padding-right:30px;
  overflow: hidden;
   -webkit-transition: all 0.5s  ease-out;
    -o-transition: all 0.5s  ease-out;
    transition: all 0.5s  ease-out;
}
.number::after{
  position: absolute;
  content: " ";
  width: 50px;
  height: 50px;
  background:url(../images/number-bck.png) no-repeat;
  bottom:0;
  right: 5px;
  
}
.procedures-list ul li:hover a{
  -moz-box-shadow: 0px 0px 25px #be965a;
  box-shadow: 0px 0px 25px #be965a;
 }
.procedures-list ul li:hover .number{
  -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);
}


.parallux .parallux-bg .parallux-inner.bg-job{
  background: url(../images/job-bck.jpg) no-repeat
}


/*job-list*/
.main-con.con5{
 padding-top:3.125%;
}
.link{
  padding:0 25px;
  height: 50px;
  background: #eeeeee;
  width:100%;
  line-height: 50px;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 18px;
  color: #333333;
  cursor: pointer;
}
.link::after{
  content: "";
  width:11px;
  height: 7px;
  display: block;
  background: url(../images/link_icon.png) no-repeat;
  position: absolute;
  top:50%;
  margin-top:-3.5px;
  right:25px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.job-list ul li .submenu{
  padding-top:2.5619%;
  padding-bottom:2.5619%;
  color: #777777;
  font-size: 14px;
  line-height: 30px;
  padding-left:25px;
  display: none;
}
.job-list ul li .submenu>div{
  margin-bottom: 2.98889%;
}
.job-list ul li .submenu>div:last-child,.job-list ul li:last-child,.shop-list ul li:last-child{
  margin-bottom: 0;
}
.job-list ul li,.shop-list ul li{
  margin-bottom: 10px;
}
.accordion li.open .link::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*contact*/
.contact{
  padding-left:30px;
  padding-top: 2.1349%;
  border-top:1px solid #dcdcdc;
  border-bottom:1px solid #dcdcdc;
  margin-top: 2.9889%;
  padding-bottom: 2.1349%;
}
.contact-tit{
  font-size: 34px;
  color: #333333;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 25px;
}
.contact-list>div{
  color:#777777;
  margin-bottom: 15px;
  line-height: 20px;
  font-size: 14px;
  vertical-align: middle;
}
.contact-list>div::before{
  content: "";
  width:17px;
  background: url(../images/contact-icon.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.contact-list>div:first-child::before{
  width:15px;
  height: 17px;
  background-position: 0 0;
}
.contact-list>div:first-child+div::before{
  width:15px;
  height: 15px;
  background-position: 0 -32px;
}
.contact-list>div:first-child+div+div::before{
  width:17px;
  height: 11px;
  background-position: 0 -67px;
}

.parallux .parallux-bg .parallux-inner.bg-shop{
  background: url(../images/shop-bck.jpg) no-repeat
}

.shop-list{
  margin-top: 2.6143%;
}

.shop-list ul li .submenu{
  display: none;
}
.shop-list ul li .link span{
  color: #999999;
  font-size: 14px;

}
.shop-list ul li .link span::before{
  content: "|";
  margin-left:18px;
  margin-right: 12px;
  font-size: 18px;
}
.shop-list ul li .submenu ul{
  margin-left:-12.5px;
  margin-right:-12.5px;
}
.shop-list ul li .submenu ul li{
  width:33.3333%;
  float: left;
  padding:0 12.5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-bottom: 2.334%;
}
.shop-list ul li .submenu ul li .contact-warp{
  border:1px solid #dcdcdc;
  border-radius: 4px;
  padding:20px;
}
.shop-info1{
  color: #333333;
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 1;
}
.shop-info2{
  color: #333333;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 8px;
}
.shop-info3{
  color: #777777;
  font-size: 14px;
  line-height: 24px;
  height: 48px;
}
.shop-list ul li .submenu{
  padding-top:3.734%;
}
.main-con.con6{
  padding-bottom: 3.6458%;
}
@media (max-width: 1660px) {
   .procedures-list ul li .warp-div>div:first-child+div{max-width: 100px;}
}
@media (max-width: 1440px) {
  .member-list ul li{
    padding-left:15px;
    padding-right:15px;
  }
  .member-list ul{
    margin-left:-15px;
    margin-right:-15px;
  }
  .member-power{height: 120px;font-size: 14px;}
  .circles-integer{font-size: 72px;}
  .circles-decimals{font-size: 30px;line-height: 92px;}
  .circles-decimals+.zhe::before{top:-55%;}
  .con3 .service-con{width:70%;}
  .rights-con{line-height: 24px;}
  .rights-icon,.rights-list ul li:hover .rights-icon{
    width:96px;
    height: 96px;
    background-size: 480px 96px;
  }
  .rights-list ul li:first-child .rights-icon{
    background-position: 0 0;
  }
  .rights-list ul li:first-child+li .rights-icon{
    background-position: -96px 0;
  }
  .rights-list ul li:first-child+li+li .rights-icon{
    background-position: -192px 0;
  }
  .rights-list ul li:first-child+li+li+li .rights-icon{
    background-position: -288px 0;
  }
  .rights-list ul li:first-child+li+li+li+li .rights-icon{
    background-position: -384px 0;
  }

  .number{font-size: 48px;padding-right:20px;}
  .number::after{width:40px;height: 40px;background-size: 40px 40px;}
  .procedures-list ul li .warp-div>div:first-child+div{max-width: 80px;}

}

@media (max-width: 1200px) {
  .rights-list ul li{width:33.3333%;}
  .service-con{width:70%;}
  .circles-integer{font-size: 68px;}
  .circles-decimals{font-size: 28px;line-height: 84px;}
  .circles-decimals+.zhe::before{top:-50%;}
  .shop-info3{height: 72px;}
}
@media (max-width: 992px) {
  .shop-list ul li .submenu ul li{width:50%;}
  .service-con{width:80%;}
  .circles-decimals {font-size: 24px;line-height: 72px;}
  .sec-tit-line{width:80px;margin-top:10px;margin-bottom: 5px;}
}