@charset "UTF-8";

  
::-webkit-scrollbar-thumb{  
   background-color:#f20c00;  
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:4px;  
   border: 2px solid #fff;  
}  
 
  
::-webkit-scrollbar-thumb:hover{  
   background-color:#f20c00;  
   height:50px;  
   -webkit-border-radius:4px;  
}  
 
  
::-webkit-scrollbar{  
   width:8px;  
   height:8px;  
}  
 
  
::-webkit-scrollbar-track-piece{  
   background-color:#fff;  
   -webkit-border-radius:0;  
}

.forie {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/dir/pages/vv/tishi.png) center no-repeat;
  z-index: 1000;
}


@keyframes smovex {
  from {
    transform: translateX(0px);
    opacity: 0;
  }
  to {
    transform: translateX(10px);
    opacity: 1;
  }
}
@keyframes smovey {
  from {
    transform: translateY(10px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
@font-face {
  font-family: 'CENTURYGOTHIC-BOLD';
  src: url("/dir/pages/vv/CENTURYGOTHIC-BOLD.OTF");
}
@font-face {
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  src: url("/dir/pages/vv/FLAMASEMICONDENSEDULTRALIGHT.eot");
  src: url("/dir/pages/vv/FLAMASEMICONDENSEDULTRALIGHT.eot") format("embedded-opentype"), url("/dir/pages/vv/FLAMASEMICONDENSEDULTRALIGHT.woff2") format("woff2"), url("/dir/pages/vv/FLAMASEMICONDENSEDULTRALIGHT.woff") format("woff"), url("/dir/pages/vv/FLAMASEMICONDENSEDULTRALIGHT.ttf") format("truetype"), url("/dir/pages/vv/FLAMASEMICONDENSEDULTRALIGHT.svg#FLAMASEMICONDENSEDULTRALIGHT") format("svg");
}
video {
  background-color: #000;
  display: block;
}

.sybg {
  background-color: #f5f5f5;
}

.pgbtn {
  display: inline-block;
  *zoom: 1;
  width: 23px;
  height: 23px;
}
.pgbtn.pgprev {
  background: url(/dir/pages/vv/flex-prev.png) no-repeat center;
  background-size: 10px 23px;
}
.pgbtn.pgnext {
  background: url(/dir/pages/vv/flex-next.png) no-repeat center;
  background-size: 10px 23px;
}

.close:hover {
  transform: rotateZ(90deg);
  transition: transform 0.3s ease 0s;
}

.lastli {
  padding-right: 0;
}

.loadingBg {
  position: fixed;
  width: 100%;
  height: 200%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 0;
  display:none;
}
.loadingBg::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f5f5f5;
}

.loadingBg .loadinglg {
  width: 107px;
  height: 18px;
  background-color: transparent;
  overflow: hidden;
  position: absolute;
  top: 25%;
  left: 50%;
  margin-top: -9px;
  margin-left: -53px;
}

.loadingBg .loadinglg .ldbg {
  width: 107px;
  height: 18px;
  position: relative;
  background: url(/dir/pages/vv/lgldgray.png) left no-repeat;
  background-size: 107px 18px;
  z-index: 2;
}

.loadingBg .loadinglg .ldlogo {
  width: 107px;
  height: 18px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(/dir/pages/vv/lgldred.png) left no-repeat;
  background-size: 107px 18px;
  z-index: 3;
  animation: wave 3s infinite linear;
}

@-webkit-keyframes wave {
  0% {
    width: 0;
  }
  100% {
    width: 107px;
  }
}
.waiter {
  display: none;
  text-align: center;
  width: 100%;
  height: 48px;
  background: url(/dir/img/waiter.gif) center no-repeat;
}

.hdpd {
  position: relative;
  height: 140px;
  background-color: #f9f9f9;
  transition: height 0.5s ease-out 0s;
  z-index: -1;
}
.hdpd.on {
  height: 70px;
  transition: height 0.5s ease-out 0s;
}

.hide {
  display: none;
}

.layermask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 97;
}

.noshow {
  display: none;
}

.show {
  display: block;
}

html, body {
  font-family: "黑体","Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

header {
  background-color: #fff;
  width: 100%;
  position: fixed;
  top: -70px;
  left: 0;
  z-index: 99;
  box-shadow: 0 1px 20px rgba(0,0,0,0.15);
}
header.on {
  top: 0;
  transition: all 0.5s ease-out 0s;
}

header .wrap {
  height: 70px;
  padding-left: 10px;
  background-color: #fff;
}
footer{
  position: relative;
  z-index: 100;
}
.logo {
  width: 152px;
  height: 70px;
  display: block;
  position: relative;
  z-index: 100;
}
.logo img {
  padding-top: 12px;
  display: block;
  width: 152px;
  
}

.allcarbtn {
  width: 16px;
  height: 14px;
  margin-top: 8px;
  margin-right: 10px;
  position: relative;
  background: url(/dir/pages/vv/langarr.png) no-repeat center;
  background-size: 9px 6px;
  transform:rotateZ(-180deg);
  transition:all 0.5s ease 0s;
}

.navbtn {
  width: 16px;
  height: 14px;
  margin-top: 8px;
  position: relative;
}
.navbtn .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 2px;
  background-color: #f20c00;
}
.navbtn .line:nth-child(1) {
  top: 0;
  transition: all 0.5s;
}
.navbtn .line:nth-child(2) {
  top: 5px;
  opacity: 1;
  transition: all 0.5s;
}
.navbtn .line:nth-child(3) {
  top: 10px;
  transition: all 0.5s;
}

.allpro.cur {
  background-color: #f5f5f5;
}
.allpro.cur .allcarbtn{
    transform:rotateZ(0deg);
    transition:all 0.5s ease 0s;
  }
.mune {
  float: left;
  border-left: 1px #ededed solid;
  border-right: 1px #ededed solid;
  margin-left: 15px;
  margin-right: 16px;
  padding: 21px  22px 21px 16px;
  cursor: pointer;
}
.mune span {
  font-size: 14px;
  color: #444444;
}
.mune.cur .navbtn .line {
  width: 14px;
}
.mune.cur .navbtn .line:nth-child(1) {
  transform-origin: left center;
  transform: rotateZ(45deg);
  transition: all 0.5s;
}
.mune.cur .navbtn .line:nth-child(2) {
  opacity: 0;
  transition: all 0.5s;
}
.mune.cur .navbtn .line:nth-child(3) {
  transform-origin: left center;
  transform: rotateZ(-45deg);
  transition: all 0.5s;
}

.lgr li {
  font-size: 14px;
}
.lgr li a {
  display: block;
  color: #333;
  padding: 21px 21px;
}
.lgr li:hover a, .lgr li.cur a {
  color: #f20c00;
}

.topnav .topnavbtn {
  margin: 0;
  border-right: none;
  display: none;
}

nav {
  float: left;
}
nav ul li {
  float: left;
  background: url(/dir/pages/vv/topnavline.jpg) no-repeat right center;
  background-size: 1px 11px;
  position: relative;
}
nav ul li dl {
  display: none;
  position: absolute;
  top: 70px;
  margin-left: -76px;
  left: 50%;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
nav ul li dl dd {
  width: 153px;
}
nav ul li dl dd a {
  display: block;
  padding-left: 30px;
  border-bottom: 1px #e0e0e0 solid;
  line-height: 47px;
  color: #999;
  font-size: 14px;
  position: relative;
}
nav ul li dl dd a:hover {
  color: #fff;
  background-color: #f20c00;
  border-color: transparent;
}
nav ul li dl dd a:hover::after {
  content: "";
  display: block;
  width: 5px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 22px;
  margin-top: -4px;
  background: url(/dir/pages/vv/pcnavarr.png) no-repeat center;
}
nav ul li a {
  font-size: 14px;
  color: #444;
  transition: all 0.3s;
}
nav ul li .pcnavh {
  display: block;
  line-height: 70px;
  padding: 0 32px;
  position: relative;
}
nav ul li:last-child {
  background-image: none;
}
nav ul li:hover .pcnavh {
  color: #f20c00;
}
nav ul li.cur .pcnavh {
  color: #f20c00;
}

.lang {
  width: 200px;
  border-left: 1px #ededed solid;
  background: url(/dir/pages/vv/langarr.png)  10px left;
  background-size: 9px 6px;
}
.lang a {
  padding-left: 23px;
  line-height: 70px;
  display: none;
  font-size: 18px;
  color: #cc092f;
}
.lang a.cur {
  display: block;
}

.topsearch {
  position: relative;
}
.topsearch .topsearch-active {
  cursor: pointer;
  width: 70px;
  height: 70px;
  background: url(/dir/pages/vv/searchbtn.png) no-repeat center;
  background-size: 20px 20px;
  background-color: #f20c00;
}

.search-alert {
  position: fixed;
  z-index: 1006;
  background-color: #222222;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.search-alert .close {
  display: block;
  width: 18px;
  height: 18px;
  background: url(/dir/pages/vv/yy-ico_37.png) no-repeat center;
  position: absolute;
  top: 38px;
  right: 2.6%;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
}
.search-alert .topsearch-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 124px;
  margin-top: -63px;
  border-bottom: 1px solid #515151;
}
.search-alert .topsearch-form .topsearchbtn {
  cursor: pointer;
  width: 124px;
  height: 124px;
  border: none;
  background: url(/dir/pages/vv/searchbtn.png) no-repeat center;
  background-color: #f20c00;
  background-size: 20px 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1001;
  outline: none;
}
.search-alert .topsearch-form .topsearchtx {
  border: none;
  font-size: 52px;
  height: 124px;
  line-height: 124px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  color: #555;
  background: none;
  padding-left: 88px;
  padding-right: 80px;
  background: url(/dir/pages/vv/ico_36.png) no-repeat 35px 53px;
  outline: none;
}
.sybd{
  position: relative;
  overflow:hidden;
}
.sybd .loader{
  top:30%;
}
.sybd>img{
  width: 100%;
}
.banner.flexslider{
  overflow:hidden;
  z-index: 2;
}
.banner ul {
  height: 100%;
}
.banner ul li {
  width:100%;
  
  min-height: 446px;
  position: relative;
  overflow: hidden;
}
.banner ul li img{
  opacity: 0;
}
.banner ul li .banloader{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.banner ul li .loader{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-animation: spinner 700ms infinite linear;
  -webkit-animation: spinner 700ms infinite linear;
}
.banner ul li video {
  position: absolute;
  top: 0;
  left: 0;
}
.mbanner{
  display: none;
  overflow: hidden;
}
.mbanner ul {
  height: 100%;
}
.mbanner ul li {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.mbanner ul li a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.mbanner ul li a span{
  display: block;
  z-index: -1;
}
.mbanner ul li img{
  opacity: 0;
  filter: alpha(opacity=0);
}
.mbanner ul li video {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
}
.mbanner .flex-control-nav{
  bottom:10px;
}
.flex-control-nav li {
  width: 14px;
  height: 14px;
  border: 1px #fff solid;
  border-radius: 50%;
  overflow: hidden;
}
.flex-control-nav li .flex-active::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 3px;
  margin-top: 3px;
}

.flex-control-paging li a {
  width: 14px !important;
  height: 14px !important;
}

.synewpro .tit {
  padding: 25px 0;
  background-color: #f9f9f9;
}
.synewpro .tit h2 {
  display: inline-block;
  *display: inline;
  font-size: 32px;
  line-height: 1;
  color: #333;
  margin-left: 5%;
  padding-right: 18px;
  vertical-align: top;
}
.synewpro .tit .tx {
  display: inline-block;
  *display: inline;
  vertical-align: text-top;
  font-size: 18px;
  line-height: 24px;
  color: #333;
}

.pdlt .tit {
  padding: 28px 0 22px;
}
.pdlt .tit h2 {
  font-size: 28px;
}

.synewproli {
  position: relative;
  top: 120px;
  opacity: 0;
}
.mobsynewproli{
  display: none;
}

.synewprotit {
  display: none;
  width: 50%;
  height: 285px;
  padding: 0 5%;
  box-sizing: border-box;
  text-align: center;
  box-shadow: inset 1px 0 0 #f9f9f9;
  background-color: #f9f9f9;
}
.synewprotit h2 {
  font-size: 28px;
  color: #333;
  padding: 40px 0;
  line-height: 1;
  font-weight: bolder;
  position: relative;
  top: 50%;
  margin-top: -54px;
}

.morebtn {
  display: block;
  width: 44px;
  height: 44px;
  margin-top: 10%;
  border-radius: 50%;
  background: url(/dir/pages/vv/more.png) no-repeat center;
  background-size: cover;
  transition: all 0.5s ease 0s;
}
.morebtn:hover {
  background: url(/dir/pages/vv/morecur.png) no-repeat center;
  background-size: cover;
  transition: all 0.5s ease 0s;
}

.nybtn {
  border-radius: 50%;
  border: solid 1px rgba(255, 255, 255, 0.4);
  background: none;
  position: relative;
}
.nybtn::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/dir/pages/vv/darr.png) no-repeat center;
  background-size: cover;
  animation: ud 1.2s infinite linear;
  -webkit-animation: ud 1.2s infinite linear;
}
.nybtn:hover {
  background: none;
}

@-webkit-keyframes ud {
  0% {
    transform: translateY(-25px);
    opacity: 0;
  }
  40% {
    opacity: 1;
    transform: translateY(0px);
  }
  60% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    transform: translateY(25px);
    opacity: 0;
  }
}
@keyframes ud {
  0% {
    transform: translateY(-25px);
    opacity: 0;
  }
  40% {
    opacity: 1;
    transform: translateY(0px);
  }
  60% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    transform: translateY(25px);
    opacity: 0;
  }
}
.pro {
  float: left;
  width: 33.333%;
  height: 416px;
  padding-top: 56px;
  padding-left: 5%;
  box-sizing: border-box;
  box-shadow: inset 1px 0 0 #f9f9f9;
  border-bottom: 1px solid #f9f9f9;
  position: relative;
  background-color: #fff;
  overflow: hidden;
}
.pro:hover .proimg {
  right: 0;
  transition: all 0.5s;
}
.pro:hover .protit {
  left: 15px;
  transition: all 0.5s;
}
.pro .protit {
  position: relative;
  z-index: 3;
  left: 0;
  transition: all 0.5s ease 0s;
}
.pro .protit h2 {
  font-size: 28px;
  color: #333;
  line-height: 1;
  margin-bottom: 10px;
}
.pro .protit p {
  font-size: 18px;
  color: #666;
  line-height: 24px;
}
.pro .proimg {
  display: block;
  position: absolute;
  right: 30px;
  bottom: 40px;
  transition: all 0.5s;
  width: 66%;
  z-index: 2;
}
.pro .proimg img {
  width: 100%;
  height: auto;
}

.syv {
  background-color: #f6f6f6;
  border-bottom: 10px #fff solid;
  position: relative;
  top: 120px;
  opacity: 0;
}
.syv .syvideo {
  width: 60%;
  position: relative;
  overflow: hidden;
}
.syv .syvideo-mob{
	display: none;
}
.syv .syvideo img {
  width: 100%;
}
.syv .syvideo b {
  display: block;
  width: 81px;
  height: 81px;
  background: url(/dir/pages/vv/syvi.png) no-repeat center;
  background-size: 81px 81px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
}
.syv .syvtx {
  width: 40%;
  box-sizing: border-box;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 5%;
}
.syv .syvtx i {
  display: block;
  width: 48px;
  height: 3px;
  background-color: #2a292f;
  margin: 24px 0 40px;
}
.syv .syvtx .ht {
  font-size: 36px;
  color: #2b2b2f;
  line-height: 48px;
}
.syv .syvtx .ht span {
  display: block;
}
.syv .syvtx .ct {
  font-size: 22px;
  color: #666;
}
.syv .syvtx .bt {
  font-size: 12px;
  line-height: 18px;
  color: #666;
  max-width: 400px;
}

.learnmore {
  display: block;
  width: 198px;
  height: 50px;
  line-height: 50px;
  margin-top: 30px;
  border: 2px #b4b4b4 solid;
  position: relative;
  transition: all 0.5s ease 0s;
}
.learnmore .btntx {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 18px;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  color: #979797;
  width: 100%;
  height: 100%;
  background: transparent url(/dir/pages/vv/learnarr.png) no-repeat 160px center;
  background-size: 8px 14px;
  z-index: 2;
  transition: all 0.5s ease 0s;
}
.learnmore .btnbg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #cc092f;
  transition: width 0.5s ease 0s;
  z-index: 1;
}
.learnmore:hover {
  border-color: #cc092f;
  transition: all 0.5s ease 0s;
}
.learnmore:hover .btntx {
  color: #fff;
  background: rgba(204, 9, 47, 0.25) url(/dir/pages/vv/learnarrcur02.png) no-repeat 160px center;
  background-size: 8px 14px;
  transition: all 0.5s ease 0s;
}
.learnmore:hover .btnbg {
  width: 100%;
  transition: width 0.5s ease 0s;
}

.synews {
  background-color: #f5f5f5;
  position: relative;
}

.synewstit {
  width: 33.333%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 6%;
  padding-left: 5%;
  padding-right: 5%;
  position: absolute;
  top: 0;
  left: 0;
}
.synewstit h2 {
  text-transform: uppercase;
  font-size: 94px;
  color: #333;
  line-height: 1;
  margin-left: -5px;
  font-family: "CENTURYGOTHIC-BOLD";
}
.synewstit h3 {
  font-size: 42px;
  color: #4d4d4f;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 10px;
}
.synewstit .newsp {
  font-size: 18px;
  color: #888;
  line-height: 26px;
  min-height: 25%;
}

.newsli {
  width: 66.666%;
}

.news {
  width: 50%;
  box-shadow: inset 1px 0 0 #ecedf1;
  background-color: #fff;
}
.news .synewsimg {
  display: block;
  width: 100%;
  overflow: hidden;
  
  position: relative;
}
.news .synewsimg::after{
	content:"";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
	background-color: rgba(0,0,0,0.25);
	opacity: 0;
	filter: alpha(opacity=0);
	transition:all 0.5s ease 0s;
}
.news .synewsimg img {
  width: 100%;
  display: block;
  transform: scale(1.01);
  vertical-align: top;
  transition: all 0.5s ease 0s;
}
.news .synewsimg:hover img {
  
  transform: scale(1.07);
  transition: all 0.5s ease 0s;
}
.news .synewsimg:hover::after{
	opacity: 1;
	filter: alpha(opacity=100);
	transition:all 0.5s ease 0s;
}
.news .newsbrief {
  padding: 46px 40px;
  position: relative;
  z-index: 3;
}
.news .newsbrief h2 {
  line-height: 1.2;
  font-size: 24px;
  color: #2b2b2f;
  margin-bottom: 10px;
  font-family: "CENTURYGOTHIC-BOLD",黑体;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.news .newsbrief p {
  font-size: 14px;
  color: #888;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.news .newsbrief .morebtn {
  margin-top: 10%;
}

.synews .newsli .news {
  background-color: #fff;
}

.syjoin {
  overflow: hidden;
}

.querystore {
  vertical-align: top;
  width: 33.333%;
  box-shadow: inset -1px 0 0 #ecedf1;
}

.joinlima {
  vertical-align: top;
  width: 66.666%;
  height: 100%;
  position: relative;
}
.joinlima .joinlimatx {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  background-color: #fff;
  padding:46px 38px;
  box-sizing: border-box;
}
.joinlima .synewsimg {
  height: 100%;
  width: 100%;
  
}
.joinlima .synewsimg img {
  width: 100%;
  height: 100%;
  transform: scale(1.01);
  transition: all 0.5s ease 0s;
}
.joinlima .synewsimg:hover img {
  opacity: 0.7;
  transform: scale(1.01);
  transition: all 0.5s ease 0s;
}

.fttop {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 50px;
  padding-bottom: 60px;
  background-color: #323238;
}

.botlink {
  width: 75%;
}
.botlink .col {
  width: 33%;
}
.botlink .col dt {
  color: #fff;
  font-size: 22px;
  margin-bottom: 20px;
}
.botlink .col dd {
  line-height: 32px;
}
.botlink .col dd a {
  color: #adadaf;
  font-size: 16px;
}
.botlink .col dd a:hover {
  color: #fff;
  transition: all 0.5s;
}

.ftbot {
  background-color: #28282a;
}
.ftbot .wrap {
  padding: 16px 0;
}
.ftbot p {
  font-size: 14px;
  color: #666;
}
.ftbot p a {
  color: #666;
}
.ftbot p a:hover {
  color: #fff;
  transition: all 0.5s;
}

.copyright {
  margin-left: 35px;
}
.copyright a {
  padding: 0 5px;
}

.ftlink {
  margin-right: 6px;
}
.ftlink a {
  padding: 0 20px;
  background: url(/dir/pages/vv/ftlinkline.jpg) no-repeat right center;
  background-size: 1px 10px;
}
.ftlink a:last-child {
  background: none;
}

.focus {
  width: 25%;
}
.focus h2 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 20px;
}

.share {
  padding-bottom: 20px;
  border-bottom: 1px #3c3c42 solid;
}
.share .bdsharebuttonbox a {
  display: inline-block;
  *zoom: 1;
  width: 40px;
  height: 40px;
  padding: 0;
  margin-right: 20px;
}
.share .bdsharebuttonbox a.bds_weixin {
  background: url(/dir/pages/vv/wx.png) center no-repeat;
  background-size: cover;
}
.share .bdsharebuttonbox a.bds_tsina {
  background: url(/dir/pages/vv/xl.png) center no-repeat;
  background-size: cover;
}
.share .bdsharebuttonbox a.bds_qq {
  background: url(/dir/pages/vv/qq.png) center no-repeat;
  background-size: cover;
}

.hotline {
  padding-top: 24px;
}
.hotline p {
  font-size: 16px;
  color: #adadaf;
  line-height: 24px;
}
.hotline p.telnum {
  color: #fff;
  font-size: 24px;
  padding-top: 14px;
}

.leadin {
  padding-left: 3%;
  padding-right: 3%;
  background-color: #f9f9f9;
}
.leadin ul li {
  width: 25%;
  padding: 4.6% 0 3.5%;
  float: left;
}
.leadin ul li em {
  display: block;
  width: 65px;
  height: 65px;
  position: relative;
  margin-bottom: 10px;
  margin-right: 10px;
}
.leadin ul li em .ig {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.leadin ul li em .over {
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.leadin ul li h2 a {
  font-size: 18px;
  color: #333;
  line-height: 1;
  margin-bottom: 5px;
}
.leadin ul li h3 a {
  font-size: 14px;
  color: #666;
}

.nybd {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.nybd a{
  display: block;
}
.nybd>a{
  height:100%;
}
.nybd img {
  width: 100%;
}

.bdtx {
  position: absolute;
  left: 5%;
  top: 30%;
  height: 80px;
}
.newsbdtx{
  left:12%;
}
.bdtx h2 {
  font-size: 44px;
  color: #fff;
  text-shadow: 0 0 8px #333;
  line-height: 1;
  font-family: "CENTURYGOTHIC-BOLD",黑体;
}
.bdtx i {
  display: block;
  width: 40px;
  height: 2px;
  background-color: #fff;
  margin-top: 30px;
}
.bdtx h3 {
  font-size: 24px;
  color: #fff;
  line-height: 1.35em;
  margin-top: 4%;
  text-shadow: 0 0 8px #333;
  max-width: 520px;
}
.flashbdtx .entx{
  font-size:16px;
  color: #fff;
  line-height:22px;
}
.flashbdtx h2{
  font-size: 16px;
  color: #fff;
  line-height: 1.3;
}
.flashbdtx h3{
  font-size: 48px;
  color: #fff;
  margin-top:8%;
}
.nybuybtn {
  width:180px;
  padding:20px;
  background-color: #f20c00;
  position: relative;
  margin-top:8%;
  line-height:1;
}
.nybuybtn span{
  color: #fff;
}
.nybuybtn i{
  display: block;
  width: 8px;
  height: 14px;
  background:url(/dir/pages/vv/nybuybtn.png) no-repeat center;
  background-size:cover;
  position: absolute;
  right:24px;
  top:50%;
  margin-top:-7px;
}
.nybuybtn:hover i{
  animation: anileft infinite linear 1.5s normal;
  -webkit-animation: anileft infinite linear 1.5s normal;
}
@-webkit-keyframes anileft {
  0% {
    transform: translateX(-10px);
  }
  50%{
    transform: translateX(0);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes anileft {
  0% {
    transform: translateX(-10px);
  }
  50%{
    transform: translateX(0);
  }
  100% {
    transform: translateX(10px);
  }
}
.loadbtn {
  padding: 60px 3% 60px 0;
}
.loadbtn a {
  display: block;
  margin: 0 auto;
  width: 250px;
  height: 65px;
  text-align: center;
  line-height: 65px;
  font-size: 16px;
  
  background-color: #fff;
  color: #333;
  transition:all 0.5s ease 0s;
}
.loadbtn a:hover {
  background-color: #f20c00;
  color: #fff;
  transition:all 0.5s ease 0s;
}

.pdlt{
  padding-bottom:60px;
}
.pdlt .loadbtn{
  padding-bottom:0;
}
.pdlt .loadbtn a{
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
}

.allcars {
  position: fixed;
  width: 100%;
  top: 70px;
  z-index: 999;
  overflow-x: hidden;
  background-color: #fff;
}
.allcars ul li {
  position: relative;
  left: 20px;
  top: 0;
  opacity: 0;
  width: 25%;
  float: left;
  box-shadow: inset 1px 0 1px #f9f9f9;
  box-shadow: inset 0 1px 1px #f9f9f9;
}
.allcars ul li:hover .carimg {
  background-color: #f9fafc;
}
.allcars ul li:hover .carimg img {
	background-color: #f9fafc;
  width: 100%;
  opacity: 0.8;
  transition: all 0.5s ease 0s;
}
.allcars ul li:hover .carbrief .carmore {
  padding-left: 30px;
  background: url(/dir/pages/vv/cararr.png) no-repeat left center;
  background-size: 8px 13px;
  transition: all 0.5s ease 0s;
}
.allcars ul li .carimg {
  display: block;
  width: 100%;
}
.allcars ul li .carimg img {
	background-color: #f5f5f5;
  width: 100%;
  transition: all 0.5s ease 0s;
}
.allcars ul li .carbrief {
  text-align: center;
}
.allcars ul li .carbrief .brief {
  padding: 6%;
  border-bottom: 1px #f9f9f9 solid;
}
.allcars ul li .carbrief .brief h2 {
  font-size: 22px;
  color: #333;
}
.allcars ul li .carbrief .brief .des {
  font-size: 14px;
  color: #666;
  line-height: 16px;
  height:32px;
  overflow: hidden;
}
.allcars ul li .carbrief .carmore {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 14px;
  color: #f20c00;
  padding: 9px 0;
  padding-left: 40px;
  background: url(/dir/pages/vv/cararr.png) no-repeat left center;
  background-size: 8px 13px;
  transition: all 0.5s ease 0s;
}

.intro {
  padding-left: 5%;
  padding-right: 15%;
  padding-top: 2.0%;
  padding-bottom: 2.5%;
}
.intro h2 {
  font-size: 30px;
  color: #333;
  margin-bottom: 1%;
}
.intro .tx {
  font-size: 16px;
  color: #666;
  line-height: 28px;
  text-align: left;
}

.data {
  margin-top: 4%;
}
.data .member, .data .work {
  width: 216px;
  margin-right: 80px;
  background: url(/dir/pages/vv/dataline.jpg) no-repeat right center;
}
.data .num {
  font-size: 48px;
  color: #f20c00;
  line-height: 1;
}
.data .num i {
  font-style: normal;
  font-family: 'CENTURYGOTHIC-BOLD',黑体;
}
.data .num span {
  font-size: 18px;
  margin-left: 5px;
}
.data .sm {
  padding-left: 25px;
}

.theone {
  padding-left: 5%;
  background-color: #f9f9f9;
}
.theone .oneimg {
  width: 66.666%;
  overflow: hidden;
  background-color: #000;
}
.theone .oneimg img {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
}
.theone .oneimg:hover img {
  transform: scale(1);
  opacity: 0.7;
  transition: all 0.5s ease 0s;
}
.theone .onetx {
  width: 33.333%;
  padding-top: 8%;
  padding-right: 5%;
  box-sizing: border-box;
}
.theone .onetx .dev {
  font-size: 16px;
  color: #999;
  line-height: 22px;
  margin-bottom: 5%;
}
.theone .onetx h2 {
  font-size: 24px;
  color: #333;
  line-height: 28px;
}
.theone .onetx i {
  display: block;
  width: 46px;
  height: 3px;
  background-color: #858585;
  margin: 6% 0 12%;
}
.theone .onetx h3 {
  font-size: 16px;
  color: #333;
  line-height: 28px;
}
.theone .onetx .des {
  font-size: 14px;
  color: #666;
  line-height: 28px;
  margin-top: 10%;
}

.history {
  padding:1.0% 5%;
}
.history .tit h2 {
  font-size: 36px;
  color: #333;
}
.history .tit i {
  display: block;
  width: 50px;
  height: 2px;
  background-color: #8a8b8b;
}
.history .years {
  padding: 1.5% 0 0;
}
.history .years li {
  float: left;
  box-sizing: border-box;
  position: relative;
}
.history .years li::after {
  content: "";
  display: block;
  width: 1px;
  height: 90%;
  position: absolute;
  right: -30px;
  top: 5%;
  background-color: #e5e5e5;
}
.history .years li .year {
  font-size: 48px;
  color: #333;
  font-weight: bolder;
  line-height: 1;
  margin-bottom: 5%;
  font-family: "CENTURYGOTHIC-BOLD";
}
.history .years li .year span {
  font-size: 14px;
  color: #666;
}
.history .years li .yeartx {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.history .years .flex-control-nav {
  position: static;
  height: 40px;
  margin-top: 20px;
}
.history .years .flex-control-nav li {
  display: none;
}
.history .years .flex-direction-nav {
  z-index: 2;
  height: 40px;
  margin-top: -40px;
  position: relative;
}
.history .years .flex-direction-nav a {
  width: 40px;
  height: 40px;
  opacity: 1;
  margin: 0;
}
.history .years .flex-direction-nav .flex-prev {
  left: 0;
  background: url(/dir/pages/vv/flex-prev.png) no-repeat center;
  background-size: 13px 23px;
}
.history .years .flex-direction-nav .flex-next {
  right: auto;
  left: 120px;
  background: url(/dir/pages/vv/flex-next.png) no-repeat center;
  background-size: 13px 23px;
}
.history .years .page {
  margin-top: -44px;
  margin-left: 50px;
  font-size: 24px;
  color: #333;
}
.history .years .page .curpage {
  margin-right: 5px;
}
.history .years .page .total {
  margin-left: 5px;
}
.history .pager {
  font-size: 18px;
}
.history .pager a {
  vertical-align: text-bottom;
  color: #666;
}
.history .pager a:hover {
  color: #333;
}
.history .pager .curr {
  margin-left: 20px;
  margin-right: 10px;
}
.history .pager .total {
  margin-right: 20px;
  margin-left: 10px;
}

.case {
  padding:1.0% 5%;
}
.case .loadbtn a{
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
}
.case .tit h2 {
  font-size: 36px;
  color: #333;
}
.case .tit i {
  display: block;
  width: 50px;
  height: 2px;
  background-color: #8a8b8b;
}
.case .years {
  padding: 1.5% 0 0;
}
.case .years li {
  float: left;
  box-sizing: border-box;
  position: relative;
}
.case .years li::after {
  content: "";
  display: block;
  width: 1px;
  height: 90%;
  position: absolute;
  right: -30px;
  top: 5%;
  background-color: #e5e5e5;
}
.case .years li .year {
  font-size: 48px;
  color: #333;
  font-weight: bolder;
  line-height: 1;
  margin-bottom: 5%;
  font-family: "CENTURYGOTHIC-BOLD";
}
.case .years li .year span {
  font-size: 14px;
  color: #666;
}
.case .years li .yeartx {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.case .years .flex-control-nav {
  position: static;
  height: 40px;
  margin-top: 20px;
}
.case .years .flex-control-nav li {
  display: none;
}
.case .years .flex-direction-nav {
  z-index: 2;
  height: 40px;
  margin-top: -40px;
  position: relative;
}
.case .years .flex-direction-nav a {
  width: 40px;
  height: 40px;
  opacity: 1;
  margin: 0;
}
.case .years .flex-direction-nav .flex-prev {
  left: 0;
  background: url(/dir/pages/vv/flex-prev.png) no-repeat center;
  background-size: 13px 23px;
}
.case .years .flex-direction-nav .flex-next {
  right: auto;
  left: 120px;
  background: url(/dir/pages/vv/flex-next.png) no-repeat center;
  background-size: 13px 23px;
}
.case .years .page {
  margin-top: -44px;
  margin-left: 50px;
  font-size: 24px;
  color: #333;
}
.case .years .page .curpage {
  margin-right: 5px;
}
.case .years .page .total {
  margin-left: 5px;
}
.case .pager {
  font-size: 18px;
}
.case .pager a {
  vertical-align: text-bottom;
  color: #666;
}
.case .pager a:hover {
  color: #333;
}
.case .pager .curr {
  margin-left: 20px;
  margin-right: 10px;
}
.case .pager .total {
  margin-right: 20px;
  margin-left: 10px;
}


.stores {
  padding-bottom: 0;
}
.stores .storeli{
  padding-top:2.0%;
}
.stores .storeli ul li::after {
  width: 0;
  height: 0;
}
.stores .storeli ul li .store {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.stores .storeli ul li .store::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.25);
	z-index: 2;
	opacity: 0;
}
.stores .storeli ul li .store img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
/*.stores .storeli ul li:hover .store{
  background-color: #000;
}*/
.stores .storeli ul li:hover .store::after {
  opacity: 1;
}
.stores .storeli ul li:hover .store img {
  transform: scale(1.07);
  
  transition: all 0.5s ease 0s;
}

.storetx {
  padding-top: 6%;
}
.storetx h2 {
  font-size: 18px;
  color: #333;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}
.storetx .tx {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin-bottom: 5%;
  height:48px;
  overflow: hidden;
}
.storetx .dtlbtn {
  font-size: 14px;
  color: #999;
  line-height: 18px;
}
.storetx .dtlbtn:hover {
  color: #f20c00;
  transition: all 0.5s;
}

.lmore {
  padding-bottom: 2.0%;
  padding-right: 0;
  padding-top:2%;
}
.lmore .lmoreli{
  padding-top:2.0%;
}
.lmore .lmoreli ul li {
  width: 25%;
  padding: 0;
  padding-right: 3%;
  box-shadow: none;
  position: relative;
  left: 10%;
  opacity: 0;
}
.lmore .lmoreli ul li::after {
  width: 0;
  height: 0;
}
.lmore .lmoreli ul li .lmoreimg {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.lmore .lmoreli ul li .lmoreimg img {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
}
/*.lmore .lmoreli ul li:hover .lmoreimg {
  background-color: #000;
}*/
.lmore .lmoreli ul li .lmoreimg::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.25);
	z-index: 2;
	opacity: 0;
}
.lmore .lmoreli ul li:hover .lmoreimg::after{
	opacity: 1;
	transition:all 0.5s ease 0s;
}
.lmore .lmoreli ul li:hover .lmoreimg img {
  transform: scale(1.07);
  
  transition: all 0.5s ease 0s;
}

.culture {
  padding-bottom: 0;
  padding-right: 0;
}
.culture .culli ul li {
  width: 25%;
  padding: 0;
  padding-right: 3%;
  box-shadow: none;
}
.culture .culli ul li::after {
  width: 0;
  height: 0;
}
.culture .culli ul li .culimg {
  display: block;
  width: 100%;
  overflow: hidden;
	background-color: #f5f5f5;
}
.culture .culli ul li .culimg img {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
}
.culture .culli ul li:hover .culimg {
  background-color: #f9fafc;
}
.culture .culli ul li:hover .culimg img {
  transform: scale(1.07);
  opacity: 0.7;
  transition: all 0.5s ease 0s;
}

.speech {
  background-color: #f9f9f9;
  padding-left: 5%;
}
.speech .ceotx {
  width: 55%;
  box-sizing: border-box;
  padding-top: 6%;
  padding-right: 5%;
}
.speech .ceotx h2 {
  font-size: 30px;
  color: #333;
  line-height: 1;
}
.speech .ceotx i {
  display: block;
  width: 40px;
  height: 3px;
  background-color: #c2c2c2;
  margin: 5% 0 6%;
}
.speech .ceotx h3 {
  font-size: 24px;
  color: #333;
  line-height: 28px;
  margin-bottom: 5%;
}
.speech .ceotx .descn {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  margin-bottom: 2%;
}
.speech .ceotx .descn p {
  margin-bottom: 5px;
}
.speech .ceotx .desen {
  font-size: 12px;
  color: #666;
  line-height: 22px;
}
.speech .ceoimg {
  width: 45%;
  position: relative;
}
.speech .ceoimg em {
  display: block;
  width: 100%;
  overflow: hidden;
  background-color: #000;
}
.speech .ceoimg em img {
  width: 100%;
  transition: all 0.5s ease 0s;
  opacity: 1;
}
.speech .ceoimg:hover em img {
  transform: scale(1.05);
  transition: all 0.5s ease 0s;
  opacity: 0.9;
}
.speech .ceoimg .ceoname {
  background-color: #f20c00;
  box-sizing: border-box;
  width: 100%;
  padding: 5% 5%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.speech .ceoimg .ceoname h2 {
  font-size: 56px;
  color: #fff;
  font-weight: bolder;
  line-height: 1;
  font-family: "CENTURYGOTHIC-BOLD";
}
.speech .ceoimg .ceoname p {
  font-size: 22px;
  color: #fff;
}

.culture .years ul {
  padding-bottom: 0;
}
.culture .years ul li {
  margin-bottom: 20px;
}

.title {
  font-size: 36px;
  color: #333;
  line-height: 1;
  padding-top: 4%;
  padding-bottom: 4%;
}

.revd {
  padding-left: 5%;
  padding-right: 5%;
}

.dtlbox .bimg {
  width: 73.6%;
  border: solid 1px #f5f5f5;
  box-sizing: border-box;
  background: url(/dir/img/loadings.gif) no-repeat center;
}

.dtlbox .bimg img {
  width: 100%;
  height: auto;
}

.dtlbox .simg {
  width: 25%;
  position: relative;
  padding: 0 1px 0;
}

.dtlbox .simg .simgmove {
  overflow: hidden;
}

.dtlbox .simg ul {
  display: block;
}

.dtlbox .simg ul li {
  width: 100%;
  cursor: pointer;
  border-bottom: 10px solid #fff;
  position: relative;
  box-sizing: border-box;
}
.dtlbox .simg ul li p {
  position: absolute;
  width: 100%;
  bottom: 4%;
  color: #100000;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: center;
  z-index: 3;
}
.dtlbox .simg ul li .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  background: url(/dir/pages/vv/mask.png) repeat;
}
.dtlbox .simg ul li b {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background: url(/dir/pages/vv/syvi.png) no-repeat center;
  background-size: cover;
  z-index: 5;
}

.dtlbox .simg ul .cur .mask {
  background: none;
}

.dtlbox .simg ul li img {
  display: block;
  width: 100%;
  height: auto;
}

.dtlbox .upBtn {
  display: block;
  width: 30px;
  height: 17px;
  background: url(/dir/pages/vv/prevarr.png) no-repeat top center;
  position: absolute;
  top: 10px;
  margin-left: -15px;
  left: 50%;
  z-index: 6;
}
.dtlbox .upBtn:hover {
  background: url(/dir/pages/vv/prevarrcur.png) no-repeat bottom center;
}

.dtlbox .downBtn {
  display: block;
  width: 30px;
  height: 17px;
  background: url(/dir/pages/vv/nextarr.png) no-repeat bottom center;
  position: absolute;
  bottom: 10px;
  margin-left: -15px;
  left: 50%;
  z-index: 6;
}
.dtlbox .downBtn:hover {
  background: url(/dir/pages/vv/nextarrcur.png) no-repeat bottom center;
}

.dtltx {
  padding: 50px 0 0;
}

.dtltx h2 {
  font-size: 24px;
  color: #333;
  padding-bottom: 14px;
  border-bottom: solid 1px #e9e9e9;
  margin-bottom: 16px;
}

.dtltx p {
  line-height: 30px;
  color: #999;
}

.dtltx p strong {
  color: #333;
}

.vclist {
  padding-top:3.5%;
  padding-bottom: 5%;
  padding-right: 5%;
}
.vclist .tit h2 {
  font-size: 36px;
  line-height: 1;
}
.vclist .years .slides {
  
}
.vclist .years .slides li {
  
  
}
.vclist .years .slides li .storetx h2 {
  font-size: 18px;
  color: #333;
  margin-bottom: 0;
}
.vclist .years .slides li .storetx .tx {
  font-size: 12px;
  color: #999;
}
.vclist .years .slides li a {
  display: block;
  position: relative;
}
.vclist .years .slides li a .mask {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  background: url(/dir/pages/vv/mask.png) repeat;
}
.vclist .years .slides li a b {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background: url(/dir/pages/vv/syvi.png) no-repeat center;
  background-size: cover;
  z-index: 5;
}

.yvli .slides .yv:hover .mask {
  opacity: 0.5;
  transition: all 0.5s ease 0s;
}
.yvli .slides .yv video{
  width: 100%;
}
.myvli{
	display: none;
}
.newsyears {
  box-sizing: border-box;
  padding: 5% 12% 2%;
}

.newsyear {
  max-width: 750px;
  overflow-y: hidden;
}
.newsyear ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 30px;
  color: #999;
  line-height: 1;
  vertical-align: text-bottom;
  padding-right: 20px;
  cursor: pointer;
  font-family: 'CENTURYGOTHIC-BOLD';
}
.newsyear ul li.cur {
  font-size: 48px;
  color: #333;
  font-weight: bolder;
  vertical-align: text-bottom;
}

.newssrarch input {
  padding: 0;
  margin: 0;
  outline: none;
}
.newssrarch .newsschtx {
  width: 200px;
  height: 34px;
  border: 1px #e4e4e4 solid;
  background-color: #fff;
  color: #999;
  font-size: 12px;
  padding: 0 10px;
  line-height: 34px;
}
.newssrarch .newsschbtn {
  width: 36px;
  height: 36px;
  border: 1px #8f8f8f solid;
  background: #8f8f8f url(/dir/pages/vv/newsschbtn.png) center no-repeat;
}

.newslist {
  padding: 0 12%;
}
.newslist .loadbtn a{
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
}
.newslistli {
  overflow: hidden;
  padding-top: 3%;
  padding-bottom: 4%;
  border-bottom: 1px #f9f9f9 solid;
}
.newslistli .newsliimg{
  position: relative;
}
.newslistli .newsliimg::after{
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.25);
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top:0;
  left:0;
  transition:all 0.5s ease 0s;
}
.newslistli:hover .newsliimg::after{
  opacity: 1;
  filter: alpha(opacity=100);
  transition:all 0.5s ease 0s;
}
.newslistli:hover .newsliimg img {
  
  transform: scale(1.07);
  transition: all 0.5s ease 0s;
}

.newsliimg {
  display: block;
  width: 25%;
  overflow: hidden;
}
.newsliimg img {
  width: 100%;
  transition: all 0.5s ease 0s;
}

.newslitx {
  width: 75%;
  box-sizing: border-box;
  padding-left: 5%;
}
.newslitx h2 {
  font-size: 18px;
  color: #333;
  line-height: 22px;
  margin-bottom: 2%;
}
.newslitx .newslip {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}

.newsdate {
  font-size: 14px;
  color: #999;
  line-height: 22px;
  margin-top: 2%;
  padding-left: 20px;
  background: url(/dir/pages/vv/clock.png) no-repeat left center;
  background-size: 16px 16px;
}

.graybg {
  background-color: #f9f9f9;
}

.activities {
  padding-left: 12%;
  padding-right: 12%;
  padding-top: 2%;
}


.activities ul li {
  float: left;
  width: 31.5%;
  box-sizing: border-box;
  margin-right: 2.75%;
  margin-bottom: 3%;
}
.activities ul li:nth-child(3n) {
  margin-right: 0;
}
.activities ul li .actimg {
  display: block;
  width: 100%;
  overflow: hidden;
}
.activities ul li .actimg img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
/*.activities ul li:hover .actimg {
  background-color: #000;
}*/
.activities ul li .actimg{
  position: relative;
}
.activities ul li .actimg::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.25);
  opacity: 0;
  filter: alpha(opacity=0);
  transition:all 0.5s ease 0s;
  position: absolute;
  top:0;
  left:0;
}
.activities ul li:hover .actimg::after{
  opacity: 1;
  filter: alpha(opacity=100);
  transition:all 0.5s ease 0s;
}
.activities ul li:hover .actimg img {
  
  transform: scale(1.07);
  transition: all 0.5s ease 0s;
}
.activities ul li .acttx {
  padding: 5%;
  background-color: #fff;
}
.activities ul li .acttx h2 {
  font-size: 18px;
  color: #333;
  line-height: 24px;
  margin-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100;
}
.activities ul li .acttx p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100;
  margin-bottom: 10px;
}

.info {
  padding: 5% 12%;
}

.infotit {
  border-bottom: 1px #e5e5e5 solid;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.infotit .infot {
  width: 80%;
}
.infotit .infot h2 {
  font-size: 26px;
  color: #333;
  line-height: 30px;
}
.infotit .infot p {
  font-size: 14px;
  color: #999;
  line-height: 20px;
  margin-top: 10px;
}
.infotit .share {
  border-bottom: none;
}

.infotx p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  
}
.infotx img {
  margin: 10px 0;
  max-width: 100%;
}

.infofun{
  padding:3% 0;
}

.infoctrl p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.infoctrl p a {
  color: #666;
}
.infoctrl p a:hover {
  color: #f20c00;
}


.loginbg {
  position: relative;
  box-sizing: border-box;
}

.loginbox {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 366px;
  height: 414px;
  margin-top: -207px;
  margin-left: -183px;
  background-color: #fff;
  padding: 40px 50px;
  box-sizing: border-box;
}
.loginbox table {
  width: 100%;
}
.loginbox table td {
  width: 100%;
  padding: 10px 0;
}
.loginbox h2 {
  font-size: 22px;
  color: #333;
  line-height: 1;
  padding-bottom: 20px;
  border-bottom: 1px #e5e5e5 solid;
  text-align: left;
  margin-bottom: 10px;
}
.loginbox .account, .loginbox .password {
  border: 1px #e5e5e5 solid;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  font-size: 12px;
  color: #666;
  outline: none;
  padding: 0;
  padding: 0 10px;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
}
.loginbox label {
  font-size: 14px;
  color: #666;
}
.loginbox label input {
  margin-right: 10px;
}
.loginbox .lgbtn {
  width: 140px;
  height: 38px;
  background-color: #f20c00;
  color: #fff;
  border: none;
  outline: none;
  font-size: 14px;
}

.contact {
  width: 100%;
  background: url(/dir/pages/vv/mask.png) repeat;
  padding: 5% 0;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
}
.contact .wrap {
  width: 72%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 5%;
}

.pi {
  width: 57%;
  box-sizing: border-box;
}
.pi p {
  float: left;
  width: 50%;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  margin-bottom: 20px;
}
.pi p i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-right: 10px;
}

.ckefu i {
  background: url(/dir/pages/vv/ckefu.png) no-repeat center;
  background-size: 35px 35px;
}
.ckefu:hover i {
  background: url(/dir/pages/vv/ckefu02.png) no-repeat center;
  background-size: 35px 35px;
}

.ckefu2 i {
  background: url(/dir/pages/vv/ckefu2.png) no-repeat center;
  background-size: 35px 35px;
}
.ckefu2:hover i {
  background: url(/dir/pages/vv/ckefu202.png) no-repeat center;
  background-size: 35px 35px;
}

.caddr i {
  background: url(/dir/pages/vv/cadd.png) no-repeat center;
  background-size: 50px 50px;
}
.caddr:hover i {
  background: url(/dir/pages/vv/cadd02.png) no-repeat center;
  background-size: 50px 50px;
}

.ctel i {
  background: url(/dir/pages/vv/ctel.png) no-repeat center;
  background-size: 50px 50px;
}
.ctel:hover i {
  background: url(/dir/pages/vv/ctel02.png) no-repeat center;
  background-size: 50px 50px;
}
.cphone i {
  background: url(/dir/pages/vv/cphone.png) no-repeat center;
  background-size: 50px 50px;
}
.cphone:hover i {
  background: url(/dir/pages/vv/cphone02.png) no-repeat center;
  background-size: 50px 50px;
}
.cqq i {
  background: url(/dir/pages/vv/cqq.png) no-repeat center;
  background-size: 35px 35px;
}
.cqq:hover i {
  background: url(/dir/pages/vv/cqq02.png) no-repeat center;
  background-size: 35px 35px;
}

.cmail i {
  background: url(/dir/pages/vv/cmail.png) no-repeat center;
  background-size: 50px 50px;
}
.cmail:hover i {
  background: url(/dir/pages/vv/cmail02.png) no-repeat center;
  background-size: 50px 50px;
}

.ewm {
  margin-left: 5%;
  width: 38%;
  box-sizing: border-box;
  text-align: center;
  border-left: 1px #86756f solid;
}

.ewmbox {
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 5%;
}
.ewmbox img {
  width: 115px;
  height: 115px;
  margin-bottom: 5px;
}
.ewmbox p {
  font-size: 14px;
  color: #fff;
}

.stit h2 {
  font-size: 30px;
  color: #333;
}
.stit i {
  display: block;
  width: 50px;
  height: 2px;
  background-color: #8a8b8b;
  margin-top: 1%;
}

.phil {
  padding: 5%;
}

.philli ul li {
  float: left;
  width: 25%;
  text-align: center;
  box-sizing: border-box;
  padding-right: 5%;
  padding-top: 3%;
}
.philli ul li:last-child {
  padding-right: 0;
}
.philli ul li em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 95px;
  height: 95px;
  overflow: hidden;
  margin-bottom: 5%;
}
.philli ul li.si0 em{
  background: url(/dir/pages/vv/sia.png) no-repeat center 0;
  background-size: 100% auto;
}
.philli ul li.si0 em:hover{
  background: url(/dir/pages/vv/sia.png) no-repeat center -95px;
  background-size: 100% auto;
  transition:all 0.5s ease 0s;
}
.philli ul li.si1 em{
  background: url(/dir/pages/vv/sib.png) no-repeat center 0;
  background-size: 100% auto;
}
.philli ul li.si1 em:hover{
  background: url(/dir/pages/vv/sib.png) no-repeat center -95px;
  background-size: 100% auto;
  transition:all 0.5s ease 0s;
}
.philli ul li.si2 em{
  background: url(/dir/pages/vv/sic.png) no-repeat center 0;
  background-size: 100% auto;
}
.philli ul li.si2 em:hover{
  background: url(/dir/pages/vv/sic.png) no-repeat center -95px;
  background-size: 100% auto;
  transition:all 0.5s ease 0s;
}
.philli ul li.si3 em{
  background: url(/dir/pages/vv/sid.png) no-repeat center 0;
  background-size: 100% auto;
}
.philli ul li.si3 em:hover{
  background: url(/dir/pages/vv/sid.png) no-repeat center -95px;
  background-size: 100% auto;
  transition:all 0.5s ease 0s;
}
/*.philli ul li em img {
  width: 100%;
}
.philli ul li:hover em img {
  margin-top: -95px;
  transition: all 0.5s;
}*/
.philli ul li h2 {
  font-size: 18px;
  color: #333;
  line-height: 22px;
  margin-bottom: 5%;
}
.philli ul li p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}

.fdbk {
  background-color: #f9f9f9;
}

.fdimg {
  width: 40%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #000;
}
.fdimg > img {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
  height:100%;
}
.fdimg:hover > img {
  transform: scale(1);
  opacity: 0.7;
  transition: all 0.5s ease 0s;
}

.fdimgtx {
  position: absolute;
  padding: 20% 13% 0;
  top: 0;
  left: 0;
}
.fdimgtx h2 {
  font-size: 24px;
  color: #333;
  line-height: 26px;
}
.fdimgtx .fdtx {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin: 5% 0;
}
.fdimgtx .fdtxtel {
  font-size: 16px;
  color: #333;
  line-height: 40px;
}
.fdimgtx .fdtxtel span {
  font-size: 24px;
  color: #c60329;
  display: inline-block;
}

.msg {
  width: 60%;
  box-sizing: border-box;
  padding: 5% 0;
}
.msg table {
  width: 550px;
  margin: 0 auto;
}
.msg table tr > td {
  padding: 12px 0;
}
.msg table h2 {
  font-size: 24px;
  color: #333;
  line-height: 26px;
  text-align: left;
}
.msg table label {
  font-size: 14px;
  color: #666;
  margin-right: 12px;
}
.msg table label input[type="checkbox"] {
  vertical-align: baseline;
  outline: none;
  margin-right: 8px;
}
.msg table .intx {
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  border: 1px #dbdbdb solid;
  font-size: 14px;
  line-height: 56px;
  height: 56px;
  color: #666;
  width: 100%;
  outline: none;
  background-color: transparent;
}
.msg table textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px #dbdbdb solid;
  color: #666;
  line-height: 24px;
  font-size: 14px;
  background-color: transparent;
  outline: none;
}
.msg table .msgbtn {
  border: none;
  margin: 0;
  padding: 0;
  color: #fff;
  width: 130px;
  height: 44px;
  background-color: #858585;
  outline: none;
}

.thrb {
  background-color: #f9f9f9;
}

.thrbtx {
  width: 40%;
  box-sizing: border-box;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5%;
}

.thrbt h2 {
  font-size: 24px;
  color: #333;
  line-height: 28px;
}
.thrbt i {
  display: block;
  width: 46px;
  height: 3px;
  background-color: #8a8b8b;
  margin: 5% 0 10%;
}

.thrbimg {
  width: 60%;
  overflow: hidden;
  background-color: #000;
}
.thrbimg img {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
}
.thrbimg:hover img {
  transform: scale(1);
  opacity: 0.7;
  transition: all 0.5s ease 0s;
}

.thbsl ul li {
  margin-bottom: 20px;
}
.thbsl ul li .th {
  font-size: 14px;
  color: #666;
  line-height: 40px;
  background-color: transparent;
  padding-left: 10px;
  padding-right: 30px;
  position: relative;
  border: 2px #dfe0e0 solid;
}
.thbsl ul li .th i {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  background: url(/dir/pages/vv/sljia.png) no-repeat center;
}
.thbsl ul li .tp {
  display: none;
  padding-top: 20px;
}
.thbsl ul li .tp p {
  font-size: 14px;
  color: #666;
  line-height: 26px;
}
.thbsl ul li.cur .th {
  background-color: #c60329;
  border-color: #c60329;
  color: #fff;
}
.thbsl ul li.cur .th i {
  background: url(/dir/pages/vv/sljian.png) no-repeat center;
}

.afsl {
  padding: 5%;
}
.afsl .tit h2 {
  font-size: 30px;
  color: #333;
  line-height: 1;
}
.afsl .tit i {
  display: block;
  width: 46px;
  height: 3px;
  background-color: #ccc;
  margin-top: 2%;
  margin-bottom: 2%;
}

.afone {
  padding-bottom: 3%;
  border-bottom: 1px #e5e5e5 solid;
}

.onel {
  width: 55%;
  box-sizing: border-box;
  padding-right: 5%;
}

.oner {
  width: 45%;
}

.numtx h2 {
  font-size: 18px;
  color: #333;
  line-height: 28px;
  margin-bottom: 10px;
  font-weight: bolder;
}
.numtx p {
  font-size: 14px;
  color: #666;
  line-height: 28px;
}

.numtit {
  line-height: 1;
  margin-bottom: 3%;
}
.numtit .wc {
  font-size: 64px;
  color: #c60329;
  font-family: "Arial";
}
.numtit i {
  font-style: normal;
  font-size: 32px;
  color: #c60329;
  margin-right: 8px;
}
.numtit .wh {
  font-size: 24px;
  color: #666;
}

.afcare {
  padding: 0 0 5% 5%;
}

.careli ul li {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding-right: 5%;
  position: relative;
  left: 5%;
  opacity: 0;
}
.careli ul li em {
  display: block;
  width: 100%;
  margin-bottom: 6%;
  overflow: hidden;
}
.careli ul li em img {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
}
.careli ul li h2 {
  font-size: 18px;
  color: #333;
  line-height: 24px;
  margin-bottom: 5%;
}
.careli ul li .caretx {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  height:50px;
  overflow: hidden;
}
.careli ul li .dtlbtn{
  color: #999;
  font-size: 14px;
  line-height: 18px;
  transition:all 0.5s ease 0s;
}
.careli ul li .dtlbtn:hover{
  color: #f20c00;
  transition:all 0.5s ease 0s;
}
.careli ul li:hover em {
  background-color: #000;
}
.careli ul li:hover em img {
  transform: scale(1.07);
  opacity: 0.7;
  transition: all 0.5s ease 0s;
}

.advant {
  padding: 5% 0;
  background-color: #f3f3f5;
}

.advanttit {
  padding: 0 5%;
  text-align: center;
}
.advanttit h2 {
  font-size: 36px;
  color: #333;
  line-height: 1;
  margin-bottom: 1.5%;
}
.advanttit p {
  font-size: 16px;
  line-height: 26px;
  color: #666;
}
.advanttit i {
  display: block;
  margin: 2% auto 0%;
  width: 46px;
  height: 3px;
  background-color: #e71f19;
}

.advantli {
  padding-left: 5%;
  padding-top: 3%;
}
.advantli ul li {
  float: left;
  width: 28.333%;
  box-sizing: border-box;
  margin-right: 5%;
  background-color: #fff;
  box-shadow: 0 0 18px #ccc;
  padding: 3%;
  position: relative;
  left: 5%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.advantli ul li em {
  display: block;
  margin-bottom: 3%;
  width: 107px;
  height: 107px;
}
.advantli ul li em img {
  width: 100%;
}
.advantli ul li h2 {
  font-size: 30px;
  color: #f20c00;
  line-height: 46px;
  margin-bottom: 3%;
}
.advantli ul li h3 {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin-bottom: 5%;
}
.advantli ul li .advanttx {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  height:214px;
}

.supt {
  background-color: transparent;
}

.suptli {
  padding: 3% 5% 0;
  position: relative;
  overflow: hidden;
}
.suptli .slides li {
  float: left;
  width: 30%;
}
.suptli .slides li em {
  display: block;
  width: 100%;
  margin-bottom: 5%;
  overflow: hidden;
  position: relative;
}
.suptli .slides li em img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.suptli .slides li h2 {
  font-size: 18px;
  color: #333;
  line-height: 24px;
  margin-bottom: 5%;
}
.suptli .slides li .supttx {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.suptli .slides li:hover em {
  
}
.suptli .slides li em::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.25);
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
	opacity: 0;
}
.suptli .slides li:hover em::after{
	opacity: 1;
	transition:all 0.5s ease 0s;
}
.suptli .slides li:hover em img {
  opacity: 0.7;
  transform: scale(1.07);
  transition: all 0.5s ease 0s;
}
.suptli .flex-control-nav {
  position: static;
  height: 60px;
}
.suptli .flex-control-nav li {
  display: none;
}
.suptli .flex-direction-nav {
  z-index: 2;
  height: 40px;
  margin-top: -40px;
  position: relative;
}
.suptli .flex-direction-nav a {
  width: 40px;
  height: 40px;
  opacity: 1;
}
.suptli .flex-direction-nav .flex-prev {
  left: 0;
  background: url(/dir/pages/vv/flex-prev.png) no-repeat center;
  background-size: 13px 23px;
}
.suptli .flex-direction-nav .flex-next {
  right: auto;
  left: 120px;
  background: url(/dir/pages/vv/flex-next.png) no-repeat center;
  background-size: 13px 23px;
}
.suptli .page {
  margin-top: -44px;
  margin-left: 50px;
  font-size: 24px;
  color: #333;
}
.suptli .page .curpage {
  margin-right: 5px;
}
.suptli .page .total {
  margin-left: 5px;
}

.req {
  padding-bottom: 0;
}

.reqli {
  padding-top: 3%;
  cursor: url(/dir/pages/vv/cursor-drag.ico),auto !important;
  padding-bottom:8%;
}
.reqli .swiper-scrollbar {
  opacity: 1 !important;
  height: 60px !important;
  bottom: 8% !important;
  background: url(/dir/pages/vv/reqline.jpg) repeat-x center;
}
.reqli .swiper-scrollbar-drag {
  background: url(/dir/pages/vv/drager.png) no-repeat center;
  background-size: 60px 60px;
}

.reqcont {
  width: 100%;
}

.reqcont .swiper-slide .unit{
  width: 825px;
  overflow: hidden;
  float: left;
  margin-left:30px;
  background-color: #fff;
  box-shadow: 0 0 18px #ccc;
}
.reqcont .swiper-slide em {
  float: left;
  display: block;
  width: 375px;
  height: 307px;
  overflow: hidden;
}
.reqcont .swiper-slide em img {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease 0s;
}
.reqcont .swiper-slide .reqtx {
  width: 448px;
  box-sizing: border-box;
  float: left;
  padding: 80px 40px 0;
}
.reqcont .swiper-slide .reqtx .reqnum {
  font-size: 30px;
  color: #f20c00;
  line-height: 1;
  margin-bottom: 30px;
  font-family: "CENTURYGOTHIC-BOLD";
}
.reqcont .swiper-slide .reqtx .reqp {
  font-size: 14px;
  color: #666;
  line-height: 26px;
}
.reqcont .swiper-slide .unit:hover em {
  background-color: #000;
}
.reqcont .swiper-slide .unit:hover em img {
  opacity: 0.7;
  transform: scale(1.07);
  transition: all 0.5s ease 0s;
}

.step {
  padding-bottom: 2%;
}

.stepli {
  padding: 4% 5% 0;
}
.stepli .loadbtn {
  padding: 0  0 3%;
}
.stepli .loadbtn a{
	box-shadow:0 0 30px rgba(0,0,0,0.15);
}
.stepli ul li {
  float: left;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5%;
  background-color: #fff;
  box-shadow: 0 0 18px #ccc;
  box-sizing: border-box;
  padding: 3%;
  position: relative;
  z-index: 1;
}
.stepli ul li:nth-child(3n) {
  margin-right: 0;
}
.stepli ul li em {
  display: block;
  width: 140px;
  height: 140px;
  position: absolute;
  right: 4%;
  top: 6%;
  z-index: -1;
}
.stepli ul li em img {
  width: 100%;
  height: 100%;
}
.stepli ul li h2 {
  font-size: 30px;
  color: #f20c00;
  line-height: 1;
  margin-bottom: 2%;
}
.stepli ul li h2 b {
  font-size: 72px;
  line-height: 1;
  color: #f20c00;
  vertical-align: sub;
  font-family: "CENTURYGOTHIC-BOLD";
  margin-right: 5%;
}
.stepli ul li{
  height:210px;
  overflow: hidden;
}
.stepli ul li p {
  font-size: 14px;
  color: #666;
  line-height: 26px;
}

.talent {
  padding: 5%;
}
.talent .talbox {
  width: 50%;
  box-sizing: border-box;
  padding: 0 6%;
}
.talent .talbox.strategy {
  position: relative;
}
.talent .talbox.strategy::before {
  content: "";
  display: block;
  width: 1px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -50px;
  background-color: #e5e5e5;
}
.talent .taltit {
  margin-bottom: 2%;
}
.talent .taltit em {
  display: block;
  width: 52px;
  height: 52px;
  margin-right: 10px;
}
.talent .taltit em img {
  width: 100%;
  height: 100%;
}
.talent .taltit .tittx {
  padding-top: 8px;
}
.talent .taltit .tittx h2 {
  font-size: 20px;
  color: #333;
  line-height: 1;
  margin-bottom: 3px;
}
.talent .taltit .tittx h3 {
  font-size: 12px;
  color: #999;
  line-height: 1;
}
.talent .talp {
  font-size: 13px;
  color: #666;
  line-height: 24px;
}

.recruitbg {
  padding: 5% 10%;
  background-color: #f5f5f5;
}
.recruitbg .job {
  width: 74%;
  margin-right: 3%;
}
.recruitbg .hotrec {
  width: 23%;
}

.jobsearch {
  padding-bottom: 40px;
}
.jobsearch .optin {
  float: left;
  width: 20%;
  margin-right: 2.5%;
  height: 44px;
  padding-left: 1.5%;
  line-height: 44px;
  border: none;
  background-color: #fff;
  color: #666;
  font-size: 12px;
  box-sizing: border-box;
  outline: none;
  display: block;
}
.jobsearch .tbsearchbtn {
  float: left;
  width: 10%;
  font-size: 16px;
  background-color: #c60329;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  height: 44px;
  font-size: 12px;
  color: #fff;
}

.tbh {
  padding: 0 30px;
  background-color: #8a8a8a;
}
.tbh li {
  width: 18%;
  float: left;
  height: 54px;
  line-height: 54px;
  color: #fff;
  font-size: 14px;
}
.tbh li.pos {
  width: 36%;
}
.tbh li.tbanchor {
  width: 10%;
}

.jobh .tbh {
  padding: 0;
  margin: 0 30px;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.jobh .tbh li {
  color: #666;
  cursor: pointer;
}
.jobh .tbh li a {
  color: #c60329;
}
.jobh .tbh li a:hover {
  opacity: 0.8;
  transition: opacity 0.5s;
}

.jobp {
  display: none;
  background-color: #fff;
  padding: 0 20px;
}
.jobp .pbg {
  background-color: #f5f5f5;
  padding: 20px;
  position: relative;
}
.jobp .pbg::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: dashed;
  border-color: transparent transparent #f5f5f5 transparent;
  position: absolute;
  top: -16px;
  left: 30px;
}
.jobp .pli {
  border-bottom: 1px #e5e5e5 solid;
  padding: 10px 0;
}
.jobp .pli li {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding-right: 1%;
  font-size: 14px;
  line-height: 20px;
  height: 48px;
  color: #666;
}
.jobp .preq {
  padding: 34px 0;
  border-bottom: 1px #e5e5e5 solid;
  position: relative;
}
.jobp .preq i {
  display: block;
  width: 1px;
  height: 60%;
  position: absolute;
  left: 45%;
  top: 20%;
  background-color: #e5e5e5;
}
.jobp .preq dl {
  float: left;
  padding: 10px 3% 15px;
  box-sizing: border-box;
}
.jobp .preq dl.dlone {
  width: 45%;
}
.jobp .preq dl.dltwo {
  width: 55%;
  padding-left: 8%;
}
.jobp .preq dl .dltit {
  font-size: 18px;
  line-height: 20px;
  color: #333;
  margin-bottom: 15px;
}
.jobp .preq dl .dlp {
  font-size: 12px;
  color: #666;
  line-height: 26px;
}

.applybtn {
  padding: 20px 0 10px;
}
.applybtn a {
  display: block;
  width: 150px;
  height: 40px;
  background-color: #c60329;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.applybtn a:hover {
  opacity: 0.8;
  transition: opacity 0.5s;
}
.jobdtl{
  background-color: #f5f5f5;
}
.jobdtl .jobp {
  display: block;
  padding: 0;
}
.jobdtl .jobp .pbg::before {
  display: none;
}

.jobdtlt {
  padding: 0 20px 10px;
  border-bottom: 1px #e5e5e5 solid;
}
.jobdtlt h2 {
  font-size: 18px;
  color: #333;
}

.joblist {
  background-color: #fff;
}

.jobli li.open .jobh .tbh {
  border-color: transparent;
}
.joblist .poslist{
  padding-bottom:50px;
}
.seemore {
  padding: 50px 0 0;
  text-align: center;
}
.seemore a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 174px;
  height: 50px;
  color: #fff;
  line-height: 50px;
  padding-left: 40px;
  box-sizing: border-box;
  background: #939393 url(/dir/pages/vv/seemorebtn.png) 26px center no-repeat;
}

.hotrec dl {
  padding: 20px;
  background-color: #fff;
}
.hotrec dl dt {
  font-size: 18px;
  color: #c60329;
  line-height: 22px;
  margin-bottom: 20px;
}
.hotrec dl dd {
  border-top: 1px solid #e5e5e5;
}
.hotrec dl dd a {
  display: block;
  width: 100%;
  line-height: 46px;
  color: #666;
  height: 46px;
  font-size: 14px;
}
.hotrec dl dd span {
  display: block;
  line-height: 46px;
  height: 46px;
  color: #999;
  font-size: 14px;
}

.findstore {
  position: absolute;
  width: 40%;
  top: 28%;
  left: 50%;
  margin-left: -20%;
  text-align: center;
}
.findstore h2 {
  font-size: 48px;
  color: #fff;
  line-height: 1;
  margin-bottom: 7%;
}
.findstore .find {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.findstore .find input {
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  height: 65px;
  line-height: 65px;
  box-sizing: border-box;
}
.findstore .find .findtx {
  width: 75%;
  padding: 0 5%;
}
.findstore .find .findbtn {
  width: 25%;
  background-color: #bb031d;
  color: #fff;
}

.places {
  padding: 2% 0;
  border-bottom: 1px #ededed solid;
}
.places p {
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.places p select {
  width: 154px;
  height: 48px;
  line-height: 48px;
  margin: 0 20px;
  padding: 0 10px;
  border-radius: 5px;
  overflow: hidden;
  outline: none;
  box-sizing: border-box;
}

.storelist {
  padding: 4% 18%;
}

.hmany {
  font-size: 16px;
  color: #fff;
  line-height: 1;
}

.yhmany {
  font-size: 24px;
  color: #333;
}

.resultstores {
  margin-top: 5%;
}
.resultstores ul li {
  overflow: hidden;
  padding: 24px;
  background-color: #f6f6f6;
  position: relative;
  top: 20px;
  opacity: 0;
}
.resultstores ul li:nth-child(2n) {
  background-color: #fff;
}
.resultstores ul li .listnum {
  float: left;
  width: 5%;
  height: 45px;
  background: url(/dir/pages/vv/storedot.png) no-repeat center;
  background-size: 35px 45px;
  text-align: center;
  margin-right: 2%;
}
.resultstores ul li .listnum span {
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  font-family: "Arial";
}
.resultstores ul li .storename {
  float: left;
  width: 23%;
  line-height: 45px;
  font-size: 16px;
  color: #333;
}
.resultstores ul li .storecity {
  float: left;
  width: 10%;
  line-height: 45px;
  border-right: 1px #ededed solid;
  border-left: 1px #ededed solid;
  font-size: 14px;
  color: #666;
  text-align: center;
  box-sizing: border-box;
}
.resultstores ul li .storeaddr {
  width: 60%;
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 45px;
  box-sizing: border-box;
  padding-left: 10%;
}

.linpt {
  height: 44px;
  padding-left: 1.5%;
  line-height: 44px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  color: #666;
  font-size: 12px;
  box-sizing: border-box;
}

.storexx {
  padding: 3% 0;
}
.storexx .wrap {
  background-color: #f9f9f9;
}

.xxtx {
  width: 53%;
  box-sizing: border-box;
  padding: 5% 5.5%;
}
.xxtx h2 {
  font-size: 24px;
  color: #333;
  line-height: 1;
  margin-bottom: 4%;
}
.xxtx .xxaddr {
  font-size: 16px;
  color: #666;
  line-height: 22px;
}
.xxtx .xxewm {
  margin-top: 10%;
}
.xxtx .xxewmbox {
  text-align: center;
  margin-right: 10%;
}
.xxtx .xxewmbox em {
  display: block;
  width: 115px;
  height: 115px;
}
.xxtx .xxewmbox em img {
  width: 100%;
  height: 100%;
}
.xxtx .xxewmbox p {
  font-size: 14px;
  color: #666;
}

.xxmap {
  width: 47%;
  height: 382px;
}
.xxmap .anchorBL {
  display: none !important;
}

.body-wrap {
  width: 100%;
  position: relative;
  z-index: 1;
  transition: transform 0.8s ease-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #fff;
}

.body-wrap.on {
  transition: all 0.5s ease 0s;
  opacity: 1;
  filter: alpha(opacity=100);
}

.m-sub-menu {
  position: fixed;
  right: -100%;
  width: 66%;
  top: 0;
  z-index: 100;
  height: 100%;
  background-color: #fff;
  transition: all 0.74s ease 0s;
  z-index: 1005;
}
.m-sub-menu .top-box {
  height: 70px;
  line-height: 70px;
  padding: 0 8%;
  background: url(/dir/pages/vv/navline.png) repeat-x center bottom;
  background-size: 1px 1px;
}
.m-sub-menu .top-box .stt {
  display: inline-block;
  font-size: 18px;
  color: #999;
  width: 80%;
}
.m-sub-menu .top-box .close {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(/dir/pages/vv/ico_37.png) no-repeat center;
  margin-top: 27px;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
}

.sp ul li {
  background: url(/dir/pages/vv/navline.png) repeat-x center bottom;
  background-size: 1px 1px;
  line-height: 70px;
  padding: 0 8%;
}
.sp ul li a {
  display: block;
  font-size: 18px;
  color: #333;
  position: relative;
}
.sp ul li a::before {
  content: "";
  display: block;
  width: 13px;
  height: 23px;
  background: url(/dir/pages/vv/flex-next.png) no-repeat center;
  background-size: 13px 23px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
}

.navlist ul li {
  background: url(/dir/pages/vv/navline.png) repeat-x center bottom;
  background-size: 1px 1px;
  line-height: 70px;
}
.navlist ul li a {
  padding: 0 8%;
  font-size: 18px;
  color: #333;
  display: block;
}
.navlist ul li .navh {
  display: block;
  position: relative;
}
.navlist ul li .navh::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background: url(/dir/pages/vv/subnavjia.png) no-repeat;
  background-size: 23px 23px;
  position: absolute;
  right: 7.5%;
  top: 50%;
  margin-top: -12px;
}
.navlist ul li dl {
  display: none;
  background-color: #eee;
}
.navlist ul li dl dd {
  background: none;
}

.sublang {
  padding: 0 8%;
  background: url(/dir/pages/vv/navline.png) repeat-x center bottom;
  background-size: 1px 1px;
}
.sublang a {
  display: none;
  height: 70px;
  line-height: 70px;
  color: #333;
  font-size: 18px;
}
.sublang a.cur {
  display: block;
}

.subbot ul li {
  padding: 0 8%;
  background: #f3f3f5 url(/dir/pages/vv/navline.png) repeat-x center bottom;
  background-size: 1px 1px;
  line-height: 70px;
  height: 70px;
}
.subbot ul li a {
  color: #2b2b2f;
}
.subbot ul li a i {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.subbot ul li a i img {
  width: 100%;
  height: 100%;
}

.m-sub-menu.left {
  right: 0;
  transition: all 0.84s ease 0s;
}

.body-wrap.left, header.left {
  transform: translateX(-66%);
  transition: all 0.8s ease-out 0s;
}

.float-right-box {
  width: 200px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -154px;
  background-color: #191919;
  z-index: 999;
  transition: width 0.3s ease 0s;
}
.float-right-box.on {
  width: 50px;
}
.float-right-box .top-list {
  width: 100%;
}
.float-right-box .top-list a {
  display: block;
  width: 100%;
}
.float-right-box .top-list .stt {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  transition: color 0.3s ease 0s;
  position: absolute;
  left: 28px;
  top: 0;
  z-index: 1;
  width: 222px;
}
.float-right-box .top-list li {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #3b3b3b;
  background-color: #191919;
  transition: background 0.3s ease 0s;
  height: 50px;
}
.float-right-box .top-list li .ico {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  transition: background 0.3s ease 0s;
}
.float-right-box .top-list li .ico.ico1 {
  background: #191919 url(/dir/pages/vv/yyaddr.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico2 {
  background: #191919 url(/dir/pages/vv/yywx.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico3 {
  background: #191919 url(/dir/pages/vv/yytel.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico4 {
  background: #191919 url(/dir/pages/vv/yytop.png) no-repeat center;
}
.float-right-box .top-list li:hover {
  background-color: #fff;
  transition: background 0.3s ease 0s;
}
.float-right-box .top-list li:hover .stt {
  color: #333;
}
.float-right-box .top-list li:hover .ico1 {
  background: #fff url(/dir/pages/vv/yyaddrh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico2 {
  background: #fff url(/dir/pages/vv/yywxh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico3 {
  background: #fff url(/dir/pages/vv/yytelh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico4 {
  background: #fff url(/dir/pages/vv/yytoph.png) no-repeat center;
}
.float-right-box .bot-share {
  position: relative;
  height: 50px;
}
.float-right-box .bot-share .share {
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  padding-bottom: 0;
  border-bottom: none;
}
.float-right-box .bot-share a {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  transition: background 0.3s ease 0s;
  margin: 0;
  padding: 0;
}
.float-right-box .bot-share .sina {
  background: url(/dir/pages/vv/yyxl.png) no-repeat center;
}
.float-right-box .bot-share .wx {
  background: url(/dir/pages/vv/yywx.png) no-repeat center;
}
.float-right-box .bot-share .qq {
  background: url(/dir/pages/vv/yyqq.png) no-repeat center;
}
.float-right-box .bot-share .tx {
  background: url(/dir/pages/vv/yytx.png) no-repeat center;
}
.float-right-box .bot-share .more {
  background: url(/dir/pages/vv/ico_66.png) no-repeat center;
}
.float-right-box .bot-share .share-ico {
  background: url(/dir/pages/vv/yyshare.png) no-repeat center #191919;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: relative;
}

#video {
  position: fixed;
  background-color: #000000;
  height: 500px;
  width: 1000px;
  left: 50%;
  top: 50%;
  margin-left: -500px;
  margin-top: -250px;
  z-index: 102;
}

#close-video {
  position: relative;
  width: 40px;
  height: 40px;
  float: right;
  margin-top: -55px;
  margin-right: -55px;
  cursor: pointer;
  z-index: 102;
  background: url(/dir/pages/vv/ico_37.png) no-repeat center;
  background-size: 28px 28px;
  transition:all 0.5s ease 0s;
}
#close-video:hover{
  transform:rotateZ(90deg);
  transition:all 0.5s ease 0s;
}
#videobox {
  width: 1000px;
  height: 500px;
  background-color: #000;
}

.vlayer {
  display: block;
  z-index: 101;
  top: 0px;
  left: 0px;
  position: fixed;
  height: 100%;
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #fff;
}

.yywxbox {
  display: none;
  background-color: transparent;
}

.wx-wrap {
  box-sizing: border-box;
  width: 300px;
  height: 300px;
  padding: 50px 30px;
  background-color: #fff;
  border: 1px #ccc solid;
  box-shadow: 0px 3.5px 2.5px -1px rgba(0, 0, 0, 0.2);
  margin: -150px auto 0;
  position: relative;
  top: 50%;
}
.wx-wrap .wxclose {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 13px;
  right: 16px;
  border: 0;
  outline: none;
  background: url(/dir/pages/vv/ico_37.png) no-repeat center;
  background-size: 24px 24px;
  transition: transform 0.5s ease 0s;
}
.wx-wrap .wxclose:hover {
  transform: rotateZ(90deg);
  transition: transform 0.5s ease 0s;
}
.wx-wrap .wximg {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.wx-wrap .wximg img {
  margin-bottom: 20px;
}
.wx-wrap .wximg p {
  font-size: 18px;
  color: #333;
}

.profeat {
  background-color: #f9f9f9;
  padding: 0 5%;
  position: relative;
  z-index:10;
}
.profeat h2 {
  display: inline-block;
  font-size: 28px;
  line-height: 1;
  padding: 28px 0;
  color: #333;
  font-weight: bolder;
  box-sizing: border-box;
  border-bottom: 4px #f20c00 solid;
}

.feali {
  padding: 4% 5%;
}
.feali ul li .feaimg {
  display: block;
  width: 100%;
  overflow: hidden;
}
.feali ul li .feaimg img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.feali ul li:hover .feaimg {
  background-color: #000;
}
.feali ul li:hover .feaimg img {
  transform: scale(1.07);
  opacity: 0.7;
  transition: all 0.5s ease 0s;
}
.feali .flex-direction-nav {
  position: absolute;
  width: 100%;
  height: 40px;
  margin-top: -20px;
  top: 40%;
  left: 0;
  padding: 0 5%;
  box-sizing: border-box;
}
.feali .flex-direction-nav li {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.feali .flex-direction-nav li.flex-nav-prev {
  float: left;
}
.feali .flex-direction-nav li.flex-nav-next {
  float: right;
}
.feali .flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  z-index: 2;
  position: static;
  border: 1px #eaeaea solid;
  cursor:pointer;
}
.feali .flex-direction-nav a.flex-prev {
  opacity: 0;
  float: left;
  margin-left: 80px;
  background: #fff url(/dir/pages/vv/flex-prev.png) no-repeat center;
  background-size: 8px 13px;
}
.feali .flex-direction-nav a.flex-next {
  opacity: 0;
  float: right;
  margin-right: 80px;
  background: #fff url(/dir/pages/vv/flex-next.png) no-repeat center;
  background-size: 8px 13px;
}

.feali:hover .flex-direction-nav a.flex-prev {
  opacity: 1;
  margin-left: 0;
  transition: all 0.5s ease 0s;
}
.feali:hover .flex-direction-nav a.flex-next {
  opacity: 1;
  margin-right: 0;
  transition: all 0.5s ease 0s;
}

.prodatali {
  padding: 3% 5%;
}
.prodatali ul li {
  width: 25%;
  float: left;
  line-height: 24px;
  padding: 1.6% 0;
}
.prodatali ul li span {
  font-size: 14px;
  color: #666;
}
.prodatali ul li span b {
  font-size: 16px;
  color: #333;
}
.prodatali ul li:nth-child(4n) {
  position: relative;
}
.prodatali ul li:nth-child(4n)::after {
  content: "";
  display: block;
  width: 400%;
  height: 1px;
  background-color: #e5e5e5;
  position: absolute;
  right: 0;
  bottom: 0;
}

.buy {
  float: right;
  width: 185px;
  height: 50px;
  background-color: #f20c00;
  text-align: center;
}
.buy a {
  display: block;
  color: #fff;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
}
.buy a i {
  display: inline-block;
  *zoom: 1;
  width: 34px;
  height: 17px;
  background: url(/dir/pages/vv/tm.png) no-repeat center;
  background-size: 34px 17px;
  vertical-align: middle;
  margin-right: 8px;
}
.buy:hover {
  opacity: 0.8;
  transition: opacity 0.3s linear 0s;
}

.prodatat {
  border-bottom: 1px #ccc solid;
  padding: 1% 5%;
}

.protit .mc {
  font-size: 30px;
  color: #333;
  line-height: 1;
  margin-bottom: 10px;
}
.protit .xh {
  font-size: 16px;
  color: #666;
  line-height: 1;
}

.proslide {
  padding-bottom: 30px;
  background-color: #f9f9f9;
}

.procl {
  text-align: center;
}
.procl ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.procl ul li {
  float: left;
  border: 1px transparent solid;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 4px;
  cursor: pointer;
  width: 28px;
  height: 28px;
}
.procl ul li img {
  display: block;
  width: 100%;
  height: 100%;
}
.procl ul li.cur {
  border: 1px #d8d8d8 solid;
  box-shadow: 0 0 10px #ccc;
}

.procolor {
  text-align: center;
}

.clbtn {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  opacity: 0.8;
  transition: all 0.3s linear 0s;
  z-index: 2;
}
.clbtn:hover {
  opacity: 1;
  transition: all 0.3s linear 0s;
}
.clbtn.prevbtn {
  left: 25%;
  background: url(/dir/pages/vv/flex-prev.png) no-repeat center;
  background-size: 13px 23px;
}
.clbtn.nextbtn {
  right: 25%;
  background: url(/dir/pages/vv/flex-next.png) no-repeat center;
  background-size: 13px 23px;
}

.probimgbox {
  padding: 0 5%;
}
.probimgbox .probimg {
  margin: 0 auto;
}

.probimg {
  width: 60%;
  padding: 20px 0;
}
.probimg img {
  width: 100%;
  height: auto;
  display: block;
}

.prodesc {
  height: 234px;
  position: absolute;
  right: 10%;
  top: 50%;
  margin-top: -117px;
}
.prodesc ul li {
  margin-bottom: 10px;
}
.prodesc ul li .bt {
  font-size: 18px;
  color: #333;
}
.prodesc ul li .bp {
  font-size: 16px;
  color: #666;
}

.prosimg {
  height: 276px;
  position: absolute;
  left: 5%;
  top: 50%;
  margin-top: -138px;
  overflow: hidden;
}
.prosimg .proclli ul li {
  width: 80px;
  height: 80px;
  border: 2px #e5e5e5 solid;
  margin-bottom: 12px;
  cursor: pointer;
  box-sizing:border-box;
  padding-top:15px;
}
.prosimg .proclli ul li img {
  width: 100%;
  height: auto;
  display: block;
}
.prosimg .proclli ul li.cur {
  border: 2px #f20c00 solid;
}

.itimer {
  display: block;
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.itimer i {
  display: block;
  width: 0;
  height: 100%;
  background-color: #fff;
}

.infolayer {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 998;
}

.groupinfo {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 52%;
  margin-left: -26%;
  margin-top: -266px;
  padding: 50px;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 999;
}
.groupinfo .infotit {
  border-bottom: 1px #e5e5e5 solid;
  padding-bottom: 34px;
}
.groupinfo .infotit h2 {
  font-size: 24px;
  color: #333;
}
.groupinfo .infotx {
  height: 320px;
  overflow: hidden;
}
.groupinfo .infotx img {
  max-width: 100%;
}
.groupinfo .infotx p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-bottom: 20px;
}

.infoclose {
  display: block;
  width: 40px;
  height: 40px;
  background: url(/dir/pages/vv/ico_37.png) no-repeat center;
  background-size: 20px 20px;
  transition: transform 0.5s ease 0s;
  position: absolute;
  right: 10px;
  top: 10px;
}
.infoclose:hover {
  transform: rotateZ(90deg);
  transition: transform 0.5s ease 0s;
}

.xgtjbtn {
  display: inline-block;
  *zoom: 1;
  width: 28px;
  height: 28px;
  background: url(/dir/pages/vv/xgtjbtn.png) no-repeat center;
  background-size: 17px 17px;
  position: absolute;
  left: -60px;
  top: 0px;
  transition: all 0.5s ease 0s;
}
.xgtjbtn:hover {
  transform: rotateZ(90deg);
  transition: all 0.5s ease 0s;
}

.verify {
  width: 100%;
  height: 40px;
  position: relative;
}
.verify input.msgbtn {
  border: none;
  margin: 0;
  padding: 0;
  background-color: #858585;
  color: #fff;
  width: 137px;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  line-height: 40px;
  display: none;
}
.verify input.msgbtn.submit {
  background-color: #d90915;
}
.verify .fakebtn {
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 137px;
  height: 40px;
  background: #848484;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  text-align: center;
}
/*.verify .touch {
  position: relative;
  width: 60%;
  box-sizing: border-box;
  height: 42px;
  border: 1px solid #dbdbdb;
  background: #f2f2f2;
  font-size: 16px;
  line-height: 42px;
  color: #888;
}
.verify .touch p {
  padding-left: 65px;
}
.verify .touch .btn {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 50px;
  height: 42px;
  background: #d90915 url(/dir/pages/vv/bg_btn01.png) no-repeat right center;
  cursor: pointer;
  z-index: 2;
}
.verify .touch .touch-in {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}*/
.verify #slider i {
  display: inline-block;
  position: absolute;
  right: -62px;
  top: 0;
  width: 62px;
  height: 40px;
  background: url(/dir/pages/vv/bg_btn02.png) no-repeat center top;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.verify #slider i.done {
  background: url(/dir/pages/vv/bg_btn02.png) no-repeat center bottom;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.nyprorec img{
    width: 100%;
}

.proselect {
  margin-top: 25px;
  width: 198px;
  height: 34px;
  border: 1px #e4e4e4 solid;
  background: #fff url(/dir/pages/vv/proselect.png) no-repeat 162px center;
  line-height: 34px;
  color: #666;
  font-size: 14px;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.proselect .chosed {
  padding-left: 20px;
}
.proselect ul {
  display: none;
  position: absolute;
  top: 35px;
  left: -1px;
  width: 100%;
  border-left: 1px #e4e4e4 solid;
  border-right: 1px #e4e4e4 solid;
}
.proselect ul li {
  background-color: #fff;
  padding-left: 20px;
  line-height: 34px;
  border-bottom: 1px #e4e4e4 solid;
  transition: background-color 0.5s ease 0s;
}
.proselect ul li:hover {
  color: #fff;
  background-color: #f20c00;
  transition: background-color 0.5s ease 0s;
}




.coretit {
  padding: 3.5% 5%;
}
.coretit h2 {
  font-size: 36px;
  color: #2c2e32;
  line-height: 1;
}
.coretit i {
  display: block;
  width: 43px;
  height: 3px;
  background-color: #cecece;
  margin: 1.6% 0 1.8%;
}

.coretxt {
  width: 70%;
  font-size: 16px;
  color: #666;
  line-height: 28px;
}

.coreli ul li {
  overflow: hidden;
  background-color: #f5f5f5;
}
.coreli ul li em {
  width: 50%;
  float: left;
  overflow: hidden;
  position: relative;
}
.coreli ul li em::after{
  content:"";
  display: block;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.25);
  opacity: 0;
  position: absolute;
  top:0;
  left:0;
  z-index: 2;
  transition:opacity 0.5s ease 0s;
}
.coreli ul li em img {
  width: 100%;
}
.coreli ul li em:hover::after {
  opacity: 1;
  transition:opacity 0.5s ease 0s;
}
.coreli ul li .coretx {
  width: 50%;
  float: right;
  box-sizing: border-box;
  padding-left: 5%;
  padding-right: 5%;
}
.coreli ul li .coretx h2 {
  font-size: 30px;
  color: #2c2e32;
  line-height: 1;
}
.coreli ul li .coretx h2 b {
  font-size: 36px;
  color: #f20c00;
  font-family: 'CENTURYGOTHIC-BOLD';
}
.coreli ul li .coretx i {
  display: block;
  display: block;
  width: 43px;
  height: 3px;
  background-color: #cecece;
  margin: 5% 0 5%;
}
.coreli ul li .coretx .corep p {
  font-size: 16px;
  margin-bottom: 1.8%;
}
.coreli ul li .coretx .corep p b {
  color: #333;
}
.coreli ul li.oddli em {
  float: right;
}


.result-wrap .newslist{
  padding:2% 12% 0;
}
.result-wrap .storelist{
  padding:0 12% 5%;
}
.findtit{
  background-color: #f9f9f9;
  padding:28px 5% 22px;
}
.findtit h2{
  font-size: 28px;
  color: #333;
  line-height: 1;
}


.backlistbtn a{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 120px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border:1px #999 solid;
  border-radius:18px;
  font-size: 14px;
  color: #999;
  transition:all 0.5s ease 0s;
}
.backlistbtn a:hover{
  color: #f20c00;
  border-color:#f20c00;
  transition:all 0.5s ease 0s;
}


.applybtn .hrxx{
  display: none;
  font-size: 14px;
  color: #c60329;
  line-height: 24px;
}
img#code {
    height: 100%;
    vertical-align: top;
}

.mvideo{
  display: none;
}
.mvideo ul li{
  width: 100%;
}
.mvideo ul li .mvimg{
  display: block;
  width: 100%;
  position: relative;
}
.mvideo ul li video{
  width: 100%;
}
.mvideo ul li .mvimg img{
  width: 100%;
  height:100%;
}
.mvideo ul li .mvimg .mvmask{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  background: url(/dir/pages/vv/mask.png) repeat;
}
.mvideo ul li .mvimg b{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background: url(/dir/pages/vv/syvi.png) no-repeat center;
  background-size: cover;
  z-index: 5;
}
.mvideo ul li .mvtx{
  padding-top:5%;
}
.mvideo ul li .mvtx h2{
  font-size: 18px;
  color: #333;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.mvideo ul li .mvtx .tx{
  font-size: 12px;
  line-height: 24px;
  color: #666;
  margin-bottom: 5%;
}



.flash {
  overflow: hidden;
}

.carintro {
  background: #f4f4f4 url(/dir/pages/vv/floor.jpg) center bottom no-repeat;
  background-size: cover;
  position: relative;
  padding: 4% 0 0;
}

.carintro .wrap {
  max-width: 1308px;
  margin: 0 auto;
}

.flxtit {
  text-align: center;
}
.flxtit h2 {
  font-size: 48px;
  color: #333;
  line-height: 1;
  margin-bottom: 10px;
}
.flxtit h2 span {
  margin: 0 10px;
}
.flxtit h2 i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 38px;
  height: 46px;
  background: transparent url(/dir/pages/vv/flashlight.png) center no-repeat;
  background-size: 100% 100%;
  vertical-align: text-bottom;
}
.flxtit h3 {
  font-size: 16px;
  color: #666;
  line-height: 1;
}

.flxintro {
  position: relative;
}

.introtx {
  position: absolute;
  
  width: 84%;
  margin-left: -42%;
  bottom: 105px;
  left: 50%;
  z-index: 1;
}

.speed {
  font-size: 30px;
  color: #d30830;
  font-family: 'CENTURYGOTHIC-BOLD';
  position: absolute;
  right: 40px;
  top: -7px;
}

.letters {
  font-size: 400px;
  color: #d30830;
  line-height: 300px;
  text-align: center;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT',arial;
  letter-spacing: -0.095em;
  margin: 0 auto;
}
.letters span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.flxcar {
  width: 50%;
  margin: 10px auto 0;
  position: relative;
  z-index: 4;
}
.flxcar img {
  width: 100%;
}

.anchorspd {
  height: 48px;
  margin-top: 30px;
  position: relative;
  z-index: 10;
}

.anchors {
  width: 70%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding: 0 15%;
  z-index: 10;
  box-shadow: 0 8px 12px rgba(0,0,0,0.15);
}
.anchors.fixed {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
}
.anchors.fixed ul li {
  box-shadow: none;
  border-right: 1px #f4f4f4 solid;
}
.anchors{
  background-color: #fff;
}
.anchors ul {
  text-align: center;
  font-size:0;
}
.anchors ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 20%;
  box-sizing: border-box;
  font-size: 18px;
  color: #666;
  background-color: #fff;
  position: relative;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  border-right:1px #f4f4f4 solid;
}
.anchors ul li:last-child {
  margin-right: 0;
  border-right: none;
}
.anchors ul li i {
  font-size: 24px;
  color: #d30830;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  margin-right: 5px;
  font-style: normal;
  vertical-align: middle;
}
.anchors ul li span {
  margin-left: 5px;
  vertical-align: middle;
}
.anchors ul li.cur b {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #f20c00;
  position: absolute;
  bottom: 0;
  left: 0;
}

.flxdots {
  position: absolute;
  width: 80%;
  margin-right: -40%;
  right: 50%;
  bottom: 15%;
  z-index: 2;
}
.flxdots img {
  width: 100%;
}

.speedline {
  background-color: #303136;
}
.speedline .wrap {
  max-width: 1308px;
  margin: 0 auto;
  padding: 3% 0 4%;
}

.linebg {
  float: left;
  width: 610px;
  height: 261px;
  background: url(/dir/pages/vv/linebg.jpg) center no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.linebg .redline {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(/dir/pages/vv/redline.png) left center no-repeat;
  overflow: hidden;
}
.linebg .grayline {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(/dir/pages/vv/grayline.png) left center no-repeat;
  overflow: hidden;
}
.linebg .sm {
  font-size: 24px;
  color: #d30830;
  position: absolute;
  right: 0;
  top: 105px;
}
.linebg .tm {
  font-size: 24px;
  color: #d30830;
  position: absolute;
  right: 0;
  top: 50px;
}
.linebg .linecenter {
  font-size: 36px;
  color: #fff;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  position: absolute;
  top: 86px;
  left: 300px;
}
.linebg .linecenter i {
  font-style: normal;
}

.mdots b {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
}
.mdots b::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  left: 50%;
  top: 50%;
  animation: bannerbuIn infinite linear 1.5s normal;
  -webkit-animation: bannerbuIn infinite linear 1.5s normal;
}
.mdots b.b01 {
  top: 146px;
  left: 129px;
}
.mdots b.b02 {
  top: 165px;
  left: 202px;
}
.mdots b.b03 {
  top: 121px;
  left: 372px;
}
.mdots b.b04 {
  top: 103px;
  left: 474px;
}

.redb {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  background-color: rgba(151, 24, 52, 0.6);
  position: absolute;
  top: 147px;
  left: 336px;
}
.redb::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  left: 50%;
  top: 50%;
  background-color: rgba(151, 24, 52, 0.6);
  animation: bannerbuIn infinite linear 1.5s normal;
  -webkit-animation: bannerbuIn infinite linear 1.5s normal;
}
.redb::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: rgba(151, 24, 52, 0.6);
  position: absolute;
  margin-top: -7px;
  margin-left: -7px;
  left: 50%;
  top: 50%;
  animation: bannerbuIn infinite linear 1.5s normal;
  -webkit-animation: bannerbuIn infinite linear 1.5s normal;
}

@keyframes bannerbuIn {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(3);
  }
}
.linetx {
  float: right;
  margin-top: 7%;
}
.linetx h2 {
  color: #fff;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 20px;
}
.linetx .linetxp {
  width: 520px;
  color: #c1c2c3;
  font-size: 14px;
  line-height: 24px;
}

.engine {
  background-color: #e5e5e5;
}
.engine>img{
	display: none;
}
.engine .wrap {
  max-width: 1308px;
  margin: 0 auto;
  padding: 8% 0 11%;
}
.engine .wrap .tx h2 {
  font-size: 40px;
  color: #fff;
  line-height: 1;
  margin-bottom: 20px;
}
.engine .wrap .tx .txp {
  font-size: 14px;
  color: #c1c2c3;
  line-height: 24px;
  height: 72px;
}

.power {
  margin-top: 24px;
}
.power .acc {
  float: left;
  padding-right: 50px;
  position: relative;
  margin-right: 45px;
}
.power .acc::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 10%;
  width: 1px;
  height: 80%;
  background-color: #393939;
}
.power .acc .num {
  font-size: 24px;
  color: #d30830;
  line-height: 1;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
}
.power .acc .num i {
  font-size: 80px;
  color: #d30830;
  font-style: normal;
}
.power .acc p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.power .deg {
  float: left;
}
.power .deg .num {
  font-size: 80px;
  color: #d30830;
  line-height: 1;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
}
.power .deg .num i {
  font-style: normal;
}
.power .deg p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}

.ability > img {
  width: 120%;
  display: none;
}
.ability .wrap {
  /*max-width: 1308px;
  margin: 0 auto;*/
  padding: 8% 0 17%;
}
.ability .wrap .tx {
  width: 46%;
  max-width: 670px;
  padding-right:10%;
}
.ability .wrap .tx h2 {
  font-size: 40px;
  color: #333;
}
.ability .wrap .tx .txp {
  color: #666;
}

.power .abacc::after {
  background-color: #bababa;
}
.power .abacc:last-child::after {
  display: none;
}
.double>img{
	display: none;
}
.double .wrap {
  max-width: 1308px;
  margin: 0 auto;
  padding-top: 8%;
  padding-bottom: 11%;
}
.double .wrap .tx h2 {
  font-size: 40px;
  color: #fff;
  line-height: 1;
  margin-bottom: 20px;
}
.double .wrap .tx .txp {
  width: 680px;
  font-size: 14px;
  color: #c1c2c3;
  line-height: 24px;
  height: 72px;
}

.cws {
  margin-top: 30px;
}
.cws .cw {
  float: left;
  width: 136px;
  height: 136px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding-top: 36px;
  margin-right: 32px;
}
.cws .cw b {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.cws .cw b.in {
  transform: rotateZ(90deg);
  transition: transform 2s ease 0s;
}
.cws .cw.cw01 b {
  background: url(/dir/pages/vv/kd01.png) center no-repeat;
  background-size: cover;
}
.cws .cw.cw02 b {
  background: url(/dir/pages/vv/kd02.png) center no-repeat;
  background-size: cover;
}
.cws .cw.cw03 b {
  background: url(/dir/pages/vv/kd03.png) center no-repeat;
  background-size: cover;
}
.cws .cw .precent {
  font-size: 16px;
  color: #ff2e3b;
  line-height: 1;
}
.cws .cw .precent i {
  font-size: 36px;
  font-style: normal;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
}
.cws .cw .cwj {
  color: #fff;
}
.cws .cw .cwj .wn {
  color: #fff;
  font-size: 12px;
}
.cws .cw .cwj .wn i {
  font-size: 14px;
  font-style: normal;
}
.cws .cw .cwj .rn {
  color: #ff2e3b;
  font-size: 12px;
}
.cws .cw .cwj .rn i {
  font-size: 14px;
  font-style: normal;
}

.alldeg {
  padding-top: 3.5%;
  padding-bottom: 3%;
  background-color: #fff;
}
.alldeg .wrap {
  max-width: 1308px;
  margin: 0 auto;
}

.alldegtit {
  text-align: center;
}
.alldegtit h2 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  margin-bottom: 14px;
}
.alldegtit .subh {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  padding: 0 5%;
}
.alldegtit .desc {
  margin-top: 36px;
}
.alldegtit .desc ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.alldegtit .desc ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 18px;
}
.alldegtit .desc ul li em {
  display: inline-block;
  *zoom: 1;
  width: 79px;
  height: 79px;
  margin-bottom: 10px;
  vertical-align: top;
  box-sizing:border-box;
  border:1px #d30830 solid;
  border-radius:50%;
  
  position: relative;
  transition:all 0.5s ease 0s;
}
.alldegtit .desc ul li em b{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 50px;
  height: 50px;
  position: absolute;
  top:50%;
  left:50%;
  margin-left:-25px;
  margin-top:-25px;
}
.alldegtit .desc ul li em.ideg01 b{
  background: url(/dir/pages/vv/ideg01.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegtit .desc ul li em.ideg02 b{
  background: url(/dir/pages/vv/ideg02.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegtit .desc ul li em.ideg03 b{
  background: url(/dir/pages/vv/ideg03.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegtit .desc ul li:hover em{
  background-color: #d30830;
  transition:all 0.5s ease 0s;
}
.alldegtit .desc ul li:hover em.ideg01 b{
  background: url(/dir/pages/vv/ideg001.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegtit .desc ul li:hover em.ideg02 b{
  background: url(/dir/pages/vv/ideg002.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegtit .desc ul li:hover em.ideg03 b{
  background: url(/dir/pages/vv/ideg003.png) no-repeat center;
  background-size: 100% 100%;
}
/*.alldegtit .desc ul li em:hover b{
  -webkit-animation:boom 0.3s linear;
  animation:boom 0.3s linear;
}
@-webkit-keyframes boom{
    0% {
      margin-top:-25px;
    }
    50%{
      margin-top:-100px;
    }
    51%{
      margin-top:80px;
    }
    100% {
      margin-top:-25px;
    }
}

@keyframes boom
{
    0% {
      margin-top:-25px;
    }
    50%{
      margin-top:-100px;
    }
    51%{
      margin-top:80px;
    }
    100% {
      margin-top:-25px;
    }
}*/
.alldegtit .desc ul li p {
  font-size: 14px;
  color: #333;
}

.alldegslide {
  position: relative;
}

.allc {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
  text-align: center;
}
.allc span {
  font-size: 440px;
  color: #d30830;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  line-height: 1;
  position: relative;
  letter-spacing: 0.07em;
}
.allc span i {
  font-size: 160px;
  position: absolute;
  top: 88px;
  right: -40px;
  font-style: normal;
}

.alldegslide .bimg {
  position: relative;
}
.alldegslide .bimg > img {
  max-width: 80%;
}
.alldegslide .bimg .slidebtn {
  display: block;
  width: 30px;
  height: 68px;
  position: absolute;
  top: 50%;
  margin-top: -34px;
}
.alldegslide .bimg .slidebtn.previmg {
  left: 5px;
  background: url(/dir/pages/vv/all-l.png) no-repeat center;
  background-size: 100% 100%;
  transition: all 0.5s ease 0s;
}
.alldegslide .bimg .slidebtn.previmg:hover {
  left:0;
  background: url(/dir/pages/vv/all-l02.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegslide .bimg .slidebtn.nextimg {
  right: 5px;
  background: url(/dir/pages/vv/all-r.png) no-repeat center;
  background-size: 100% 100%;
  transition: all 0.5s ease 0s;
}
.alldegslide .bimg .slidebtn.nextimg:hover {
  right:0;
  background: url(/dir/pages/vv/all-r02.png) no-repeat center;
  background-size: 100% 100%;
}

.bbimg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.allimg {
  display: none;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.allimg ul {
  width: 100%;
}
.allimg ul li {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  text-align: center;
}
.allimg ul li img {
  max-width: 100%;
}
.allimg ul li.cur {
  display: block;
}

.allcolor {
  text-align: center;
  padding-top: 20px;
  position: relative;
  z-index: 2;
}
.allcolor ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.allcolor ul li {
  float: left;
  border: 1px transparent solid;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 4px;
  cursor: pointer;
  width: 28px;
  height: 28px;
}
.allcolor ul li img {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.allcolor ul li.cur {
  border: 1px transparent solid;
  box-shadow: 0 0 10px #ccc;
}

.model {
  position: relative;
  overflow: hidden;
}
.model>img{
	display: none;
}
.model .modelbg{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  z-index: 2;
}
.model #wave {
  position: absolute;
  z-index: 1;
  bottom: -212px;
  width: 100%;
  height: 745px;
}
.model > img {
  display: none;
  width: 100%;
}
.model .wrap {
  max-width: 1308px;
  margin: 0 auto;
  padding: 8% 0 11%;
  position: relative;
  z-index: 3;
}
.model .wrap .tx h2 {
  font-size: 40px;
  color: #fff;
}
.model .wrap .tx .txp {
  font-size: 14px;
  color: #c1c2c3;
  line-height: 24px;
  height: 72px;
  width: 450px;
}
.model .wrap .tx .itx {
  margin-top: 56px;
}
.model .wrap .tx .itx ul li {
  text-align: center;
  float: left;
  margin-right: 40px;
}
.model .wrap .tx .itx ul li em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 10px;
  vertical-align: top;
  width: 79px;
  height: 79px;
  border-radius: 50%;
  box-sizing:border-box;
  border:1px #d30830 solid;
  position: relative;
  
  transition:all 0.5s ease 0s;
}
.model .wrap .tx .itx ul li em b{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 50px;
  height: 50px;
  position: absolute;
  top:50%;
  margin-top:-25px;
  margin-left: -25px;
  left:50%;
}
.model .wrap .tx .itx ul li em.itx01 b{
  background: url(/dir/pages/vv/itx01.png) no-repeat center;
  background-size: 100% 100%;
}
.model .wrap .tx .itx ul li em.itx02 b{
  background: url(/dir/pages/vv/itx02.png) no-repeat center;
  background-size: 100% 100%;
}
.model .wrap .tx .itx ul li:hover em{
  background-color: #d30830;
  transition:all 0.5s ease 0s;
}
.model .wrap .tx .itx ul li:hover em.itx01 b{
  background: url(/dir/pages/vv/itx001.png) no-repeat center;
  background-size: 100% 100%;
}
.model .wrap .tx .itx ul li:hover em.itx02 b{
  background: url(/dir/pages/vv/itx002.png) no-repeat center;
  background-size: 100% 100%;
}
/*.model .wrap .tx .itx ul li em:hover b{
  -webkit-animation:boom 0.3s linear;
  animation:boom 0.3s linear;
}*/
.model .wrap .tx .itx ul li p {
  font-size: 14px;
  color: #d30830;
}
.lock>img{
	display: none;
}
.lock .wrap {
  padding: 8% 0;
}
.lock .wrap .tx .txp {
  width: 450px;
}
.lock .wrap .tx .itx {
  margin-top: 56px;
}
.lock .wrap .tx .itx ul li em{
  position: relative;
  
}
.lock .wrap .tx .itx ul li em b{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 50px;
  height: 50px;
  position: absolute;
  top:50%;
  margin-top:-25px;
  margin-left: -25px;
  left:50%;
}
.lock .wrap .tx .itx ul li em.itx01 b{
  background: url(/dir/pages/vv/pint.png) no-repeat center;
  background-size: 100% 100%;
}
.lock .wrap .tx .itx ul li em.itx02 b{
  background: url(/dir/pages/vv/chart.png) no-repeat center;
  background-size: 100% 100%;
}
.lock .wrap .tx .itx ul li:hover em{
  background-color: #d30830;
  transition:all 0.5s ease 0s;
}
.lock .wrap .tx .itx ul li:hover em.itx01 b{
  background: url(/dir/pages/vv/pint01.png) no-repeat center;
  background-size: 100% 100%;
}
.lock .wrap .tx .itx ul li:hover em.itx02 b{
  background: url(/dir/pages/vv/chart01.png) no-repeat center;
  background-size: 100% 100%;
}
/*.lock .wrap .tx .itx ul li em:hover b{
  -webkit-animation:boom 0.3s linear;
  animation:boom 0.3s linear;
}*/
.light {
  position: relative;
}
.light .tx {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 8.5%;
  z-index: 3;
}
.light .tx h2 {
  font-size: 40px;
  color: #fff;
  line-height: 1;
  margin-bottom: 20px;
}
.light .tx .txp {
  padding: 0 5%;
  font-size: 14px;
  color: #c1c2c3;
  line-height: 24px;
  height: auto;
}

.lightq {
  position: relative;
}
.lightq .bd {
  position: relative;
}
.lightq .bd > img {
  width: 100%;
  height: auto;
}
.lightq .bd ul {
  width: 100%;
  height: 100%;
}
.lightq .bd ul li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.lightq .bd ul li em {
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
/*  opacity: 1;
  filter: alpha(opacity=100);*/
  
}
.lightq .bd ul li em img {
  width: 100%;
  height: 100%;
}
.lightq .bd ul li em.show {
  /*opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 0.5s ease 0s;*/
  display: block;
}
.lightq .bd ul li em::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-animation: gradient 3s linear;
  animation: gradient 3s linear;
  background: -moz-radial-gradient(40%, ellipse cover, #000 50%, #131313 100%); 
  background: -webkit-radial-gradient(40%, ellipse cover, #000 50%,#131313 100%); 
  background: radial-gradient(ellipse at 40%, #000 50%,#131313 100%);
  opacity: 0;
}
/*.lightq .bd ul li em.show::after{
  box-shadow: inset 0 0 600px rgba(0,0,0,0.6);
  transition:all 5s ease 0s;
}*/
/*@-webkit-keyframes gradient {
  0% {
    box-shadow: inset 0 900px 600px rgba(0,0,0,0.8);
  }
  100% {
    box-shadow: inset 0 0px 600px rgba(0,0,0,0.8);
  }
}
@keyframes gradient {
  0% {
    box-shadow: inset 0 900px 600px rgba(0,0,0,0.8);
  }
  100% {
    box-shadow: inset 0 0px 600px rgba(0,0,0,0.8);
  }
}*/
@keyframes gradient{
  0%{
    opacity: 0.8;
  }
  100%{
    opacity:0;
  }
}
.lightq .hd {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 652px;
  margin-left: -326px;
  z-index: 3;
}
.lightq .hd ul li {
  text-align: center;
  cursor: pointer;
}
.lightq .hd ul li em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 79px;
  height: 79px;
  /*opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;*/
  vertical-align: top;
  margin-bottom: 10px;
  border-radius: 50%;
  box-sizing:border-box;
  border:1px #d30830 solid;
  position: relative;
}
.lightq .hd ul li:hover em{
  background-color: #d30830;
  /*opacity: 0.7;
  filter: alpha(opacity=70);*/
  transition: all 0.5s ease 0s;
}
.lightq .hd ul li em b{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 50px;
  height: 50px;
  position: absolute;
  top:50%;
  margin-top:-25px;
  margin-left: -25px;
  left:50%;
}
.lightq .hd ul li.font em b{
  background: url(/dir/pages/vv/front.png) no-repeat center;
  background-size: 100% 100%;
  transition:all 0.5s ease 0s;
}
.lightq .hd ul li.end em b{
  background: url(/dir/pages/vv/end.png) no-repeat center;
  background-size: 100% 100%;
  transition:all 0.5s ease 0s;
}
.lightq .hd ul li.font:hover em b{
  background: url(/dir/pages/vv/front02.png) no-repeat center;
  background-size: 100% 100%;
  transition:all 0.5s ease 0s;
}
.lightq .hd ul li.end:hover em b{
  background: url(/dir/pages/vv/end02.png) no-repeat center;
  background-size: 100% 100%;
  transition:all 0.5s ease 0s;
}
.lightq .hd ul li p {
  font-size: 14px;
  color: #d30830;
}

.design .tit {
  max-width: 1308px;
  margin: 0 auto;
  padding: 3.5% 5%;
  text-align: center;
}
.design .tit h2 {
  font-size: 40px;
  color: #333;
  line-height: 1;
}
.design .tit .subh {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin-top: 20px;
  min-height: 48px;
}

.designul ul li {
  float: left;
  box-sizing: border-box;
  width: 50%;
  position: relative;
}
.designul ul li em {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.designul ul li em img {
  width: 100%;
  height: auto;
  vertical-align: top;
  transform: scale(1.01);
  transition: transform 0.5s ease 0s;
}
.designul ul li em:hover img {
  transform: scale(1.05);
  transition: transform 0.5s ease 0s;
}
.designul ul li .tx {
  position: absolute;
  top: 15%;
  width: 415px;
}
.designul ul li .tx h2 {
  font-size: 24px;
  color: #fff;
  line-height: 1;
  margin-bottom: 20px;
}
.designul ul li .tx .txp {
  font-size: 14px;
  color: #fff;
  line-height: 24px;
}
.designul ul li:nth-child(2n+1) .tx {
  right: 230px;
}
.designul ul li:nth-child(2n) .tx {
  left: 50px;
}

.secure > img {
  display: none;
}
.secure .wrap {
  max-width: 1308px;
  margin: 0 auto;
  padding-top: 8%;
  padding-bottom: 15%;
}
.secure .wrap .tx h2 {
  font-size: 40px;
  color: #333;
  line-height: 1;
  margin-bottom: 24px;
}
.secure .wrap .tx .txp {
  width: 520px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.secure .wrap .tx .destance {
  margin-top: 40px;
}
.secure .wrap .tx .destance .num {
  font-size: 30px;
  color: #d30830;
  font-family: 'CENTURYGOTHIC-BOLD';
  line-height: 1;
}
.secure .wrap .tx .destance .num i {
  font-style: normal;
  font-size: 80px;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  font-weight: bolder;
}
.secure .wrap .tx .destance .destp {
  font-size: 14px;
  color: #666;
}

.material .wrap {
  max-width: 1308px;
  margin: 0 auto;
  padding-top: 4%;
  padding-bottom: 1%;
}
.material .wheel {
  float: left;
  width: 53%;
}
.material .wheel img {
  width: 100%;
}
.material .materialtx {
  float: left;
  margin-left: 6%;
  margin-top: 6%;
}
.material .materialtx h2 {
  font-size: 20px;
  color: #666;
  line-height: 1;
}
.material .materialtx .numpre {
  display: inline-block;
  color: #c00a2f;
  font-size: 126px;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  position: relative;
  line-height: 1;
}
.material .materialtx .numpre em {
  font-style: normal;
}
.material .materialtx .numpre i {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #c00a2f;
  position: absolute;
  bottom: 0;
  left: 0;
}
.material .materialtx .materialtxp {
  margin-top: 36px;
  font-size: 32px;
  color: #333;
  line-height: 40px;
}
.carwin>img{
	display: none;
}
.carwin .wrap {
  max-width: 1308px;
  margin: 0 auto;
  padding-top: 15%;
  padding-bottom: 15%;
}
.carwin .wrap .tx h2 {
  font-size: 48px;
  color: #fff;
  line-height: 1;
  margin-bottom: 20px;
}
.carwin .wrap .tx .txp {
  font-size: 14px;
  color: #c1c2c3;
  line-height: 24px;
}

.antiwater {
  position: relative;
  background-color: #f4f4f4;
}
.antiwater .wrap {
  max-width: 1308px;
  margin: 0 auto;
  padding-top: 11%;
  padding-bottom: 12%;
  position: relative;
}
.antiwater .wrap .tx{
  position: relative;
  z-index: 2;
}
.antiwater .wrap .tx h2 {
  font-size: 40px;
  line-height: 1;
  color: #333;
}
.antiwater .wrap .tx .txp {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  max-width: 420px;
  margin-top: 26px;
}
.antiwater .wrap .tx .deep {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background-color: #1fb7f6;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  padding-top: 5px;
  margin-top: 64px;
  -webkit-animation: float 3s infinite ease-in-out;
  animation: float 3s infinite ease-in-out;
  position: relative;
}
.antiwater .wrap .tx .deep p {
  font-size: 20px;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
}
.antiwater .wrap .tx .deep p i {
  font-style: normal;
  font-size: 32px;
}

@-webkit-keyframes float {
  0% {
    top: 0px;
  }
  50% {
    top: 40px;
  }
  100% {
    top: 0px;
  }
}
@keyframes float {
  0% {
    top: 0px;
  }
  50% {
    top: 40px;
  }
  100% {
    top: 0px;
  }
}
.bigcar {
  position: absolute;
  right: -5%;
  bottom: 0;
  width: 70%;
}
.bigcar img {
  width: 100%;
}

.water {
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50%;
}
.water img {
  width: 100%;
}
.emanager>img{
	display: none;
}
.emanager .wrap {
  max-width: 1308px;
  margin: 0 auto;
  padding: 14% 0 14%;
}
.emanager .wrap .tx h2 {
  font-size: 48px;
  color: #fff;
  line-height: 1;
  margin-bottom: 10px;
}
.emanager .wrap .tx .subh {
  font-size: 20px;
  color: #fff;
  line-height: 24px;
}
.emanager .wrap .tx .txp {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-top: 50px;
  width: 532px;
  height: 72px;
}

.parameter .wrap {
  max-width: 1308px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.paramimg {
  width: 50%;
  margin: 0 auto;
  padding: 30px 0;
}
.paramimg img {
  width: 100%;
}

.params {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 3.5% 8% 3.5%;
  text-align: center;
}
.params .seeparam {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 68px;
  color: #ce001d;
  vertical-align: top;
  line-height: 72px;
  cursor: pointer;
}
.params ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.params ul li {
  margin-right: 130px;
  float: left;
}
.params ul li p {
  font-size: 14px;
  color: #666;
  line-height: 1;
}
.params ul li p span {
  font-size: 36px;
  color: #ce001d;
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  line-height: 1;
  vertical-align: sub;
}
.params ul li p span i {
  font-size: 72px;
  color: #ce001d;
  font-style: normal;
}

.wanted {
  text-align: center;
  padding: 46px 0;
}
.wanted a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 160px;
  height: 45px;
  background-color: #ce001d;
  text-align: center;
  color: #fff;
  line-height: 45px;
  font-size: 14px;
  border-radius: 3px;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: all 0.5s ease 0s;
}
.wanted a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
  transition: all 0.5s ease 0s;
}

header.nofixed {
  top: -80px;
  transition: all 0.5s ease-out 0s;
}

.hdpd.nofixed {
  height: 0;
  transition: height 0.5s ease-out 0s;
}
.paramstb{
  width: 100%;
}
.paramstb .tbtx{
  float: left;
  width: 30%;
  margin-right:5%;
  margin-bottom:16px;
}
.paramstb .tbtx:nth-child(3n){
  margin-right:0;
}
.paramstb .lasttbtx{
  width: 100%;
}
.paramstb .tbtx strong{
  float:left;
  font-size: 18px;
  color: #2b2b2f;
  height:100%;
  margin-right:10px;
}
.paramstb .tbtx .txp{
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 22px;
  padding-top:7px;
}

.wel-mian{
  background-color: #fff;
}
.wel-mian .wel-mian-all{
    padding-left: 4.5%;
    padding-right: 4.5%;
    padding-top: 20px;
    padding-bottom: 20px;
   position:relative;
}
.wel-mian .wel-mian-all ul li{
  float: left;
  width: 22%;
  text-align: center;
  margin-right: 3.9%;

}
.wel-mian .wel-mian-all ul li:nth-child(4){
  margin-right: 0px;
}
.wel-mian .wel-mian-all ul li .item-name a{
  font-size: 24px;
  color: #515151;
  display: inline-block;
}
.wel-mian .wel-mian-all ul li .item-name{
  height: 40px;
}
.wel-mian .wel-mian-all ul li .p-color{
  height: 20px;
}
.wel-mian .wel-mian-all ul li .p-color a{
  font-size: 16px;
  color: #aaaaaa;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
display:inline-block;
}
.wel-mian .wel-mian-all ul li .item-img{
  width: 100%;
  margin-top:20px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
	background-color: #f5f5f5;
}
.wel-mian .wel-mian-all ul li .item-img:hover{
  width: 100%;
  margin-top:20px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
	background-color: #f9fafc;
}
.wel-mian .wel-mian-all ul li .item-img1{
  padding-bottom: 62.5%;
}
.wel-mian .wel-mian-all ul li .item-img img{
  width: 100%;
transition: all 0.5s;
}
.wel-mian .wel-mian-all ul li .tubiaoimg{
  height: 46px;
  margin-top: 20px;
}
.wel-mian .wel-mian-all ul li .item-img .creatvideo{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.wel-mian .wel-mian-all ul li .item-img:hover img{
 transform: scale(1.1) ;
}
.wel-mian .wel-mian-all ul li .p-item2{
  font-size: 20px;
  color: #8d8d8d;
  margin-bottom: 0px;
  margin-top: 6px;
}
.wel-mian .wel-mian-all ul li .p-item3{
  font-size: 14px;
  color: #aaaaaa;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.wel-mian .wel-mian-all ul li .item-a{
  font-size: 14px;
  color: #3d3c42;
  padding:10px 46px;
  border: 1px solid #d2d2d2;
  display: inline-block;
  margin-top:10px;
  margin-bottom: 20px; 
}
.wel-mian .wel-mian-all ul li .item-a:hover{
  color: #fff;
  background-color: #f20c00;
  border: 1px solid #f20c00;
}





/*
     FILE ARCHIVED ON 17:25:40 Nov 24, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:36:51 May 12, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.528
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.016
  esindex: 0.011
  cdx.remote: 26.033
  LoadShardBlock: 325.509 (3)
  PetaboxLoader3.datanode: 172.115 (4)
  PetaboxLoader3.resolve: 313.234 (2)
  load_resource: 252.774
*/