/* @font-face {
  font-family: "FuturaLT";
  src: url("../font/Futura LT Medium.ttf") format("truetype");
} */
@font-face {
  font-family: "FuturaLT";
  src: url("../font/Futura-Md-BT.ttf") format("truetype");
}
body{font-family:"PINGFANGHK", "PingFang-HK", PingFang SC, "Source Han Sans CN",Arial, "SimHei", sans-serif;font-size: 16px;}
.w-85{width: 85%;max-width: 1600px;min-width: 1200px;margin: 0 auto;}
.b-ebebeb{background: #ebebeb;}


/* 通用处理单行文字溢出代码 */
.text-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 通用处理多行文字溢出代码 */
.text-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	white-space: break-spaces;
	-webkit-box-orient: vertical;
	line-height: 1.7;
}
.text-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	white-space: break-spaces;
	-webkit-box-orient: vertical;
	line-height: 1.4;
}

.v22-pubmore{padding-bottom: 4px;display: inline-block;position: relative;font-family: "FuturaLT";}
.v22-pubmore i{width: 12px;height:12px;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.v22-pubmore i{display: inline-block;margin-left: 6px;}
.v22-pubmore i:before,.v22-pubmore i:after{content: "";display: block;position: absolute;width: 100%;height: 100%;background-size: 100%;}
.v22-pubmore i:before,.v22-pubmore i:after,.v22-pubmore{transition: all 0.3s cubic-bezier(0.37, 0.16, 0.12, 1) 0s;}
.v22-pubmore i:before{background-image: url(../img/jiantouhei.png);}
.v22-pubmore i:after{background-image: url(../img/jiantou.png);opacity: 0;}
.v22-pubmore:before,.v22-pubmore:after{content: "";display: block;position: absolute;width: 100%;height: 2px;}
.v22-pubmore:before {
    background-color: #333333;
    transform: scaleX(1) translate3d(0, 0, 0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
    transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.v22-pubmore:after,
.v22-pubmore:before {
  -webkit-transform: scaleX(1) translate3d(0, 0, 0);
  transition: -webkit-transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);bottom: 0;
}
.v22-pubmore:after{
    background-color: #fff;
    -webkit-transform: scaleX(0) translate3d(0, 0, 0);
    transform: scaleX(0) translate3d(0, 0, 0);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
    transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
    transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.v22-about-more{margin-top: 45px;}

/* .v22-about-more:hover{color: #fff;}
.v22-about-more:hover i:before{opacity: 0;}
.v22-about-more:hover i:after{opacity: 1;}
.v22-about-more:hover:after {
  transform: scaleX(1) translate3d(0, 0, 0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1),
    -webkit-transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
}
 */

/* 白色按钮 */
.v22-pubmore-fff{color: #fff;}
.v22-pubmore-fff:after{background: #999;}
.v22-pubmore-fff:before{background: #fff;}
.v22-pubmore-fff:hover{color: #999;}
.v22-pubmore-fff i:before{opacity: 0;}
.v22-pubmore-fff i:after{opacity: 1;}
.v22-pubmore-fff:hover:after {
  transform: scaleX(1) translate3d(0, 0, 0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1),
    -webkit-transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.v22-pubmore-fff:hover i:before{opacity: 0;}
.v22-pubmore-fff:hover i:after{opacity: 0.6;}
/* 白色按钮 */

.v22-xiu-more-1{margin: 0 auto;margin-top: 35px;}

.v22-kh-morea{color: #fff;}
.v22-kh-morea{font-size: 80px;}
.v22-kh-morea i{width: 45px;height: 45px;}
.v22-kh-morea:before,.v22-kh-morea:after{height: 6px;bottom: 8px;}
.v22-kh-morea:after{background: #999;}
.v22-kh-morea:before{background: #fff;}
.v22-kh-morea:hover{color: #999;}
.v22-kh-morea i:before{opacity: 0.6;}
.v22-kh-morea i:after{opacity: 1;}
.v22-kh-morea:hover:after {
  transform: scaleX(1) translate3d(0, 0, 0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1),
    -webkit-transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.v22-kh-morea:hover i:before{opacity: 0;}
.v22-kh-morea:hover i:after{opacity: 0.6;}




.v22-qa-tit-more:after{background: #999;}
.v22-qa-tit-more:hover{color: #999;}
.v22-qa-tit-more:hover i:before{opacity: 0.6;}
.v22-qa-tit-more:hover:after {
  transform: scaleX(1) translate3d(0, 0, 0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1),
    -webkit-transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
}

.v22-new-link:hover  .v22-qa-tit-more{color: #999;}
.v22-new-link:hover  .v22-qa-tit-more i:before{opacity: 0.6;}
.v22-new-link:hover  .v22-qa-tit-more:after {
  transform: scaleX(1) translate3d(0, 0, 0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1),
    -webkit-transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
}


.v22-morecase{text-align: center;display: flex;justify-content: center;}
.v22-morecase-a{font-size: 110px;font-weight: 900;color: #333;padding-bottom: 0;}
.v22-morecase-a i{width: 72px;height: 72px;}
.v22-morecase-a:before,.v22-morecase-a:after{height: 10px;bottom: 12px;}
.v22-morecase-a:after{background: #999;}
.v22-morecase-a:hover{color: #999;}
.v22-morecase-a:hover i:before{opacity: 0.6;}
.v22-morecase-a:hover:after {
  transform: scaleX(1) translate3d(0, 0, 0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1),
    -webkit-transform 0.7s cubic-bezier(0.37, 0.16, 0.12, 1);
}

/* vthinks */
.z22-header-nav a:before,.z22-header-nav a,.z22-header{transition: all 0.3s ease;}
.z22-header{width: 80%;background: #fff;max-width: 1300px;min-width:1000px;position: fixed;left:50%;transform: translateX(-50%);}
.z22-header{top:20px;z-index: 888;}
.z22-logo-a{position: relative;width:270px;height: 75px;}
.z22-logo-a img{height: 100%;position: absolute;left: 0;top:0;}
.z22-header-m{display: flex;align-items: center;justify-content: space-between;}
.z22-header-nav a{display:inline-block;vertical-align: top;line-height: 75px;height: 75px;position: relative;}
.z22-header-nav a{font-size: 16px;font-weight: bold;color: #222;margin-right: 40px;}
.z22-header-nav a:before{position: absolute;width:5px;height:5px;background:#D7261D;border-radius: 50%;content:'';}
.z22-header-nav a:before{opacity: 0;bottom: 5px;visibility: hidden;left: 50%;transform: translateX(-50%);}
.z22-header-nav{text-align: right;}
.z22-header-nav a:hover,.z22-header-nav a.on{color: #D7261D;}
.z22-header-nav a:hover:before,.z22-header-nav a.on:before{opacity: 1;visibility: visible;bottom: 15px;}

.v22-header{position: fixed;left:0;top:0;width: 100%;z-index: 9999;}
.v22-header-m{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;}
.v22-header-m{width:95%;margin:0 auto;}
.v22-logo-a{width: 150px;height: 26px;position: relative;}
.v22-logo{position: absolute;height: 100%;left:0;top:0;transition: all 0.3s ease;}
.v22-logo-2{opacity: 0;}

.v22-header-nav{width: 70%;text-align: center;}
.v22-header-nav a{display: inline-block;margin:0 3%;color: #fff;line-height: 55px;}
.v22-header-r{width: 70px;display: flex;justify-content: space-between;position: relative;}
.v22-header-txt{color: #fff;position: absolute;top:0;right:30px;width:70px;line-height: 19px;font-family:FuturaLT;display: none;}
.v22-header-search{width: 22px;height: 20px;position: relative;transition: all 0.3s ease;cursor: pointer;}
.v22-header-search:before,.v22-header-search:after{position: absolute;content: '';left:0;top:0;width: 100%;height:100%;}
.v22-header-search:before,.v22-header-search:after{background-size:cover;background-repeat:no-repeat;}
.v22-header-search:before{background-image: url(../img/sousuo.png)}
.v22-header-search:after{background-image: url(../img/sousuohei.png);opacity: 0;}
.v22-header-search.on{visibility: hidden;opacity: 0;z-index: -6;}
.v22-header-meau{width: 20px;height: 19px;}
.v22-header-meau {
  cursor: pointer;
}

.v22-header-meau .line {
  display: block;background: #fff;
  width: 20px;
  height: 3px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.v22-header-meau .line:last-child {
  margin-bottom: 0;
}

.v22-header-meau .line {
  background: linear-gradient(-45deg, transparent 4px, #fff 0);
}





.v22-meauv{width:55%;right:0;overflow: hidden; visibility: hidden;}
		    .v22-meauv2{background:url(../img/meauv2.png) center bottom no-repeat;}
		    .v22-meauv1{background:url(../img/meauv1.png) center bottom no-repeat;}
		    .v22-meauv1,.v22-meauv2{width:100%;left:0;top:0; background-size:auto 100%;opacity:0;}
		   
		    .v22-meauv,.v22-meauv1,.v22-meauv2{z-index:900;position:absolute;top:0;height:100%;}
		    .v22-meauv1{top:-100%}
		    .v22-meauv2{top:100%}
		    
		    .v22-meauv1,.v22-meauv2{transition: all 0.3s ease;transition-delay: 0.1s;}
		    .on .v22-meauv1,.on .v22-meauv2{opacity:1;top:0;transition: all 0.5s ease;transition-delay: 0.6s;}
		    .on .v22-meauv{visibility: visible;}
			
.v22-preloader-line {position: absolute;top: 0;height: 33.5%;left:0;background: #1a1a1a;width: 100%;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform: scaleX(0); z-index: 800;}
.v22-preloader-line{transform-origin: 100%;}
.on.v22-preloader-line{transform: scaleX(1);transform-origin: 0;}
.v22-preloader-line:nth-child(1){transition-delay: 0.2s;}
.v22-preloader-line:nth-child(2){top:33.5%;transition-delay: 0.35s;}
.v22-preloader-line:nth-child(3){top:67%;transition-delay: 0.5s;}

.v22-page-menu{position: fixed;width:100%;height:100%;height:100vh;left:0;top:0;z-index:-10; overflow: hidden;; visibility: hidden;}
.v22-page-menu-left{position: absolute;;left:0;top:0;height: 100%;width: 100%; z-index: 810;}
.v22-page-menu-left:before{background:#000; background-size: cover; position: absolute; content: '';left:0;top:0;width:100%;height:100%;}
.v22-page-menu-left:before{transition: all 0.5s ease;opacity:0;}
.v22-pagemul-a{display: inline-block;font-size: 60px; line-height: 1; color:#fff; position: relative;transition: 0.4s ease-in-out;}
.v22-pagemul-li{opacity:0;top:-30px; transition:all 0.5s ease;}
.v22-pagemul-li:nth-child(1){transition-delay:0.6s;}
.v22-pagemul-li:nth-child(2){transition-delay:0.7s;}
.v22-pagemul-li:nth-child(3){transition-delay:0.8s;}
.v22-pagemul-li:nth-child(4){transition-delay:0.9s;}
.v22-pagemul-li:nth-child(5){transition-delay:1s;}
.v22-pagemul-li:nth-child(6){transition-delay:1.1s;}
.v22-pagemul-i{position: absolute;opacity: 0;top:-15px;left:120px;line-height:1; transition: all .25s ease-in-out;font-size: 12px;}
.v22-pagemul-li{padding-left: 90px; position: relative;margin-top: 35px;font-family: FuturaLT, tahoma, arial, 'Hiragino Sans GB', "\5b8b\4f53", Microsoft YaHei;color:#fff;}
.v22-page-menu-ul .v22-pagemul-li:hover .v22-pagemul-a{padding-left:15px;-webkit-text-stroke: 1px transparent;text-decoration: none;color:#fff;}
.v22-pagemul-li:hover .v22-pagemul-i{left:90px;opacity: 1;}
.v22-page-menu-ul.on .v22-pagemul-a{color:transparent;-webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);}
.v22-page-menu-ul{position: absolute;left:20%;top:50%;transform: translateY(-50%); width:440px;}
.v22-menuicon{ position: absolute;left:0;top:50%; margin-top: -17px; height: 34px;}
.v22-page-menu-copy{position: absolute; width: 94%;left:3%;bottom:4%; opacity: 0.5;}
.v22-page-menu-copy,.v22-page-menu-copy a{font-size: 12px;color:#b8babe;}
.on.v22-page-menu{z-index: 900;visibility: visible;}
.on.v22-page-menu-left:before{opacity:1;}
.on.v22-page-menu-left:before{transition-delay: 0.6s;}
.on.v22-page-menu-left .v22-pagemul-li{opacity: 1;top:0;}



.v22-header-meau.on .line:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
  width: 28px;
  background: linear-gradient(-45deg, transparent 4px, #fff 0);
}
.v22-header-meau.on  .line:nth-child(1) {
  background: linear-gradient(-45deg, transparent 4px, #fff 0);
}
.v22-header-meau.on  .line:nth-child(2) {
  opacity: 0;
}

.v22-header-meau.on  .line:nth-child(3) {
  transform: translateY(-11px) rotate(-45deg);
  width: 28px;
  background: linear-gradient(-45deg, transparent 4px, #fff 0);
}


.v22-header{transition: all 0.5s ease;}
.hide .header.active{top:-100%; opacity: 0;}
.header.active{background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.08);}
.header.active .v22-logo-2{opacity: 1;}
.header.active .v22-logo-1{opacity: 0;}
.header.active .v22-header-nav a{color: #333;}
.header.active .v22-header-search:after{opacity: 0.8;}
.header.active .v22-header-meau .line{background:linear-gradient(-45deg, transparent 4px, #282828 0);}



.header.on .v22-header-nav{opacity: 0;visibility: hidden;z-index: -6;}
.header.on{background: none;box-shadow:none;}
.header.on .v22-header-meau .line{background:linear-gradient(-45deg, transparent 4px, #ffffff 0);}
.header.on .v22-logo-1{opacity: 1;}
.header.on .v22-logo-2{opacity: 0;}


.header.v22page{background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.08);}
.header.v22page .v22-logo-2{opacity: 1;}
.header.v22page .v22-logo-1{opacity: 0;}
.header.v22page .v22-header-nav a{color: #333;}
.header.v22page .v22-header-search:after{opacity: 0.8;}
.header.v22page .v22-header-meau .line{background:linear-gradient(-45deg, transparent 4px, #282828 0);}


.hide .z22-header.active{opacity: 1;top:0;}
.hide .z22-header.active,.z22-header.active{background:#fff;max-width:100%;width: 100%;top:0;}


.v22-about-h2{font-family: FuturaLT;font-size: 110px;font-weight: 900;letter-spacing: 0px;color: #333333;display:flex;}





/* 搜索 */
.v22-page-search{background: #000;width: 100%;height: 100vh;z-index: 1200;display: none;position: fixed;left:0;top:0;}
.v22-page-search-m{width: 480px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.two_option {
  font-size: 19px;
  letter-spacing: 0.5px;
  color: rgba(102, 102, 102, 1);
  margin-bottom: 45px;
}
.two_option span {
  cursor: pointer;
}
.two_option .this {
  color: #fff;
  border-bottom: 1.5px solid #fff;
}
.two_option span:last-child {
  margin-left: 20px;
}
.search_div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 0.5px #ffffff;
  height: 34px;
  line-height: 34px;
}
.search_txt{ background: none;border: none;height: 34px;line-height: 34px;outline: none;color: #fff;}
.search_btn{
  width: 22px;height: 22px;
  cursor: pointer;
  background: none;border: none;
  background: url(../img/sousuo.png) center no-repeat;background-size: 100% auto;
}


/* 底部 */

.v22-foot{background: #111; padding-bottom: 35px;}
.v22-foot,.v22-foot a{color:#fff; font-size: 14px;}
.v22-foot-m{width: 78%;margin:0 auto; min-width: 1200px;}
.v22-foot-a-a a{font-family: "FuturaLT";}
.v22-foot-a{border-bottom: 1px solid rgba(255,255,255,0.16); padding-top: 100px; padding-bottom: 35px;}
.v22-foot-a-a a{color:#fff; font-weight: bold; display: inline-block; margin-right: 50px; font-size: 14px;  font-family:FuturaLT, sans-serif;}
.v22-foot-b-p1{padding-top: 30px; opacity: 0.8; line-height: 1.8;}
.v22-foot-b-p2{padding-top: 25px;}
.v22-foot-b-p2{ text-align: right;}
.v22-foot-b-p2 img{height: 35px; margin-right: -20px;}
.v22-foot-b-p3{ opacity: 0.5; font-size: 12px;}
.v22-foot-a-b{color:#fff; font-size: 45px; font-weight: bold;}
.v22-foot-a{ line-height:45px;display: flex;justify-content: space-between;}

.v22-xiu-pgbaner{margin: 0 !important;}