@charset "UTF-8";

/*---滚动条默认显示样式--*/  
::-webkit-scrollbar-thumb{  
   background-color:#c3072c;  
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:4px;  
   border: 2px solid #fff;  
}  
 
/*---鼠标点击滚动条显示样式--*/  
::-webkit-scrollbar-thumb:hover{  
   background-color:#c3072c;  
   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(../images/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("../fonts/CENTURYGOTHIC-BOLD.OTF");
}
@font-face {
  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';
  src: url("../fonts/flamasemicondensedultralight.eot");
  src: url("../fonts/FLAMASEMICONDENSEDULTRALIGHT.eot") format("embedded-opentype"), url("../fonts/flamasemicondensedultralight.woff2") format("woff2"), url("../fonts/FLAMASEMICONDENSEDULTRALIGHT.woff") format("woff"), url("../fonts/flamasemicondensedultralight.ttf") format("truetype"), url("../fonts/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(../images/flex-prev.png) no-repeat center;
  background-size: 10px 23px;
}
.pgbtn.pgnext {
  background: url(../images/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: 9999999;
}
.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(../images/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(../images/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(../images/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: 5%;
  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;
  /*height: 44px;*/
}

.allcarbtn {
  width: 16px;
  height: 14px;
  margin-top: 8px;
  margin-right: 10px;
  position: relative;
  background: url(../images/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: #5c5c5c;
}
.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: 72px;
  margin-right: 16px;
  padding: 21px 22px;
  cursor: pointer;
}
.mune span {
  font-size: 14px;
  color: #c3072c;
}
.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: #c3072c;
}

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

nav {
  float: left;
}
nav ul li {
  float: left;
  background: url(../images/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: #333333;
  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(../images/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: #d93831;
}
nav ul li.cur .pcnavh {
  color: #d93831;
}

.lang {
  width: 85px;
  border-left: 1px #ededed solid;
  background: url(../images/langarr.png) no-repeat 54px center;
  background-size: 9px 6px;
}
.lang a {
  padding-left: 23px;
  line-height: 70px;
  display: none;
  font-size: 18px;
  color: #555555;
}
.lang a.cur {
  display: block;
}

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

.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(../images/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(../images/searchbtn.png) no-repeat center;
  background-color: #333333;
  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(../images/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%;
  /*height: 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: 2px;
  margin-top: 2px;
}

.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(../images/more.png) no-repeat center;
  background-size: cover;
  transition: all 0.5s ease 0s;
}
.morebtn:hover {
  background: url(../images/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(../images/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;  */
}
.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(../images/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(../images/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: #555555;
  transition: width 0.5s ease 0s;
  z-index: 1;
}
.learnmore:hover {
  border-color: rgba(85, 85, 85, 1);
  transition: all 0.5s ease 0s;
}
.learnmore:hover .btntx {
  color: #fff;
  background: rgba(85, 85, 85, 1) url(../images/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;
  /*background-color: #000;*/
  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 {
  /*opacity: 0.7;*/
  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%;
  /*background-color: #000;*/
}
.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: 112px;
  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(../images/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(../images/wx.png) center no-repeat;
  background-size: cover;
}
.share .bdsharebuttonbox a.bds_tsina {
  background: url(../images/xl.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: #333333;
  position: relative;
  margin-top:8%;
  line-height:1;
}
.nybuybtn span{
  color: #fff;
}
.nybuybtn i{
  display: block;
  width: 8px;
  height: 14px;
  background:url(../images/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 0 60px;
}
.loadbtn a {
  display: block;
  margin: 0 auto;
  width: 250px;
  height: 65px;
  text-align: center;
  line-height: 65px;
  font-size: 16px;
  /*box-shadow: 0 0 30px rgba(0,0,0,0.15);*/
  background-color: #fff;
  color: #333;
  transition:all 0.5s ease 0s;
}
.loadbtn a:hover {
  background-color: #333333;
  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: #000;
}
.allcars ul li:hover .carimg img {
  width: 100%;
  opacity: 0.8;
  transition: all 0.5s ease 0s;
}
.allcars ul li:hover .carbrief .carmore {
  padding-left: 30px;
  background: url(../images/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 {
  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: #5c5c5c;
  padding: 9px 0;
  padding-left: 40px;
  background: url(../images/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(../images/dataline.jpg) no-repeat right center;
}
.data .num {
  font-size: 48px;
  color: #333333;
  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(../images/flex-prev.png) no-repeat center;
  background-size: 13px 23px;
}
.history .years .flex-direction-nav .flex-next {
  right: auto;
  left: 120px;
  background: url(../images/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;
}

.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);
  /*opacity: 0.7;*/
  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: #c3072c;
  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);
  /*opacity: 0.7;*/
  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;
}
.culture .culli ul li .culimg img {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
}
.culture .culli ul li:hover .culimg {
  background-color: #000;
}
.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: #333333;
  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(../images/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(../images/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(../images/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(../images/prevarr.png) no-repeat top center;
  position: absolute;
  top: 10px;
  margin-left: -15px;
  left: 50%;
  z-index: 6;
}
.dtlbox .upBtn:hover {
  background: url(../images/prevarrcur.png) no-repeat bottom center;
}

.dtlbox .downBtn {
  display: block;
  width: 30px;
  height: 17px;
  background: url(../images/nextarr.png) no-repeat bottom center;
  position: absolute;
  bottom: 10px;
  margin-left: -15px;
  left: 50%;
  z-index: 6;
}
.dtlbox .downBtn:hover {
  background: url(../images/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 {
  /*padding-bottom: 3%;*/
}
.vclist .years .slides li {
  /*width: 33.333%;*/
  /*padding-right: 5%;*/
}
.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(../images/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(../images/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(../images/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 {
  /*opacity: 0.8;*/
  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(../images/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 {
  /*opacity: 0.7;*/
  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;
  /*margin-bottom: 30px;*/
}
.infotx img {
  margin: 10px 0;
  max-width: 100%;
}

.infofun{
  padding:3% 0;
}

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


.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: #333333;
  color: #fff;
  border: none;
  outline: none;
  font-size: 14px;
}

.contact {
  width: 100%;
  background: url(../images/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: 14px;
  line-height: 35px;
  margin-bottom: 20px;
}
.pi p i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  margin-right: 10px;
}

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

.caddr i {
  background: url(../images/caddr.png) no-repeat center;
  background-size: 35px 35px;
}
.caddr:hover i {
  background: url(../images/caddr02.png) no-repeat center;
  background-size: 35px 35px;
}

.ctel i {
  background: url(../images/ctel.png) no-repeat center;
  background-size: 35px 35px;
}
.ctel:hover i {
  background: url(../images/ctel02.png) no-repeat center;
  background-size: 35px 35px;
}

.cmail i {
  background: url(../images/cmail.png) no-repeat center;
  background-size: 35px 35px;
}
.cmail:hover i {
  background: url(../images/cmail02.png) no-repeat center;
  background-size: 35px 35px;
}

.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(../images/sia.png) no-repeat center 0;
  background-size: 100% auto;
}
.philli ul li.si0 em:hover{
  background: url(../images/sia.png) no-repeat center -95px;
  background-size: 100% auto;
  transition:all 0.5s ease 0s;
}
.philli ul li.si1 em{
  background: url(../images/sib.png) no-repeat center 0;
  background-size: 100% auto;
}
.philli ul li.si1 em:hover{
  background: url(../images/sib.png) no-repeat center -95px;
  background-size: 100% auto;
  transition:all 0.5s ease 0s;
}
.philli ul li.si2 em{
  background: url(../images/sic.png) no-repeat center 0;
  background-size: 100% auto;
}
.philli ul li.si2 em:hover{
  background: url(../images/sic.png) no-repeat center -95px;
  background-size: 100% auto;
  transition:all 0.5s ease 0s;
}
.philli ul li.si3 em{
  background: url(../images/sid.png) no-repeat center 0;
  background-size: 100% auto;
}
.philli ul li.si3 em:hover{
  background: url(../images/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(../images/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(../images/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: #c3072c;
  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: #333333;
  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 {
  /*background-color: #000;*/
}
.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(../images/flex-prev.png) no-repeat center;
  background-size: 13px 23px;
}
.suptli .flex-direction-nav .flex-next {
  right: auto;
  left: 120px;
  background: url(../images/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(../images/cursor-drag.ico),auto !important;
  padding-bottom:8%;
}
.reqli .swiper-scrollbar {
  opacity: 1 !important;
  height: 60px !important;
  bottom: 8% !important;
  background: url(../images/reqline.jpg) repeat-x center;
}
.reqli .swiper-scrollbar-drag {
  background: url(../images/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: 60px;
  color: #333333;
  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: #333333;
  line-height: 1;
  margin-bottom: 2%;
}
.stepli ul li h2 b {
  font-size: 72px;
  line-height: 1;
  color: #333333;
  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(../images/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(../images/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(../images/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(../images/ico_37.png) no-repeat center;
  margin-top: 27px;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
}

.sp ul li {
  background: url(../images/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(../images/flex-next.png) no-repeat center;
  background-size: 13px 23px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
}

.navlist ul li {
  background: url(../images/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(../images/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(../images/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(../images/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: 250px;
  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(../images/yyaddr.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico2 {
  background: #191919 url(../images/yywx.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico3 {
  background: #191919 url(../images/yytel.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico4 {
  background: #191919 url(../images/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(../images/yyaddrh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico2 {
  background: #fff url(../images/yywxh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico3 {
  background: #fff url(../images/yytelh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico4 {
  background: #fff url(../images/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(../images/yyxl.png) no-repeat center;
}
.float-right-box .bot-share .wx {
  background: url(../images/yywx.png) no-repeat center;
}
.float-right-box .bot-share .tx {
  background: url(../images/yytx.png) no-repeat center;
}
.float-right-box .bot-share .more {
  background: url(../images/ico_66.png) no-repeat center;
}
.float-right-box .bot-share .share-ico {
  background: url(../images/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(../images/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(../images/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 #333333 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(../images/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(../images/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: #333333;
  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(../images/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(../images/flex-prev.png) no-repeat center;
  background-size: 13px 23px;
}
.clbtn.nextbtn {
  right: 25%;
  background: url(../images/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 #333333 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(../images/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(../images/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(../images/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(../images/bg_btn02.png) no-repeat center top;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.verify #slider i.done {
  background: url(../images/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(../images/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: #333333;
  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: #333333;
  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=================*/
.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: #c3072c;
  border-color:#c3072c;
  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(../images/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(../images/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(../images/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(../images/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: 66%;*/
  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: #333333;
  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(../images/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(../images/redline.png) left center no-repeat;
  overflow: hidden;
}
.linebg .grayline {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(../images/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(../images/kd01.png) center no-repeat;
  background-size: cover;
}
.cws .cw.cw02 b {
  background: url(../images/kd02.png) center no-repeat;
  background-size: cover;
}
.cws .cw.cw03 b {
  background: url(../images/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%;
  /*overflow: hidden;*/
  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(../images/ideg01.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegtit .desc ul li em.ideg02 b{
  background: url(../images/ideg02.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegtit .desc ul li em.ideg03 b{
  background: url(../images/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(../images/ideg001.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegtit .desc ul li:hover em.ideg02 b{
  background: url(../images/ideg002.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegtit .desc ul li:hover em.ideg03 b{
  background: url(../images/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(../images/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(../images/all-l02.png) no-repeat center;
  background-size: 100% 100%;
}
.alldegslide .bimg .slidebtn.nextimg {
  right: 5px;
  background: url(../images/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(../images/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;
  /*overflow: hidden;*/
  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(../images/itx01.png) no-repeat center;
  background-size: 100% 100%;
}
.model .wrap .tx .itx ul li em.itx02 b{
  background: url(../images/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(../images/itx001.png) no-repeat center;
  background-size: 100% 100%;
}
.model .wrap .tx .itx ul li:hover em.itx02 b{
  background: url(../images/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;
  /*overflow: hidden;*/
}
.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(../images/pint.png) no-repeat center;
  background-size: 100% 100%;
}
.lock .wrap .tx .itx ul li em.itx02 b{
  background: url(../images/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(../images/pint01.png) no-repeat center;
  background-size: 100% 100%;
}
.lock .wrap .tx .itx ul li:hover em.itx02 b{
  background: url(../images/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);*/
  /*transition: opacity 0.5s ease 0s;*/
}
.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%); /* FF3.6-15 */
  background: -webkit-radial-gradient(40%, ellipse cover, #000 50%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
  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(../images/front.png) no-repeat center;
  background-size: 100% 100%;
  transition:all 0.5s ease 0s;
}
.lightq .hd ul li.end em b{
  background: url(../images/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(../images/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(../images/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;
}



    .w1400 {
        position: relative;
        max-width: 1400px;
        margin: 0 auto;
        width: 92%
    }

    .wel-banner {
        width: 100%;
        overflow: hidden;
        position: relative
    }

    .wel-banner .slides img {
        width: 1920px;
        position: absolute;
        left: 50%;
        margin-left: -960px
    }

    .wel-banner .slides li {
        width: 100%;
        float: left;
        overflow: hidden;
        height: 558px;
        position: relative
    }

    .wel-banner.case-banner .slides li {
        height: 415px
    }

    .wel-banner .flex-control-nav {
        bottom: 13px;
        z-index: 2
    }

    .wel-case .flex-control-nav {
        bottom: 20px
    }

    .wel-banner .flex-control-nav li,
    .wel-case .flex-control-nav li {
        margin: 0 2px
    }

    .wel-banner .flex-control-nav li a,
    .wel-case .flex-control-nav li a {
        width: 12px;
        height: 12px;
        background: url(../images/btn01.png) no-repeat center;
        background-size: 100% 100%;
        transition: background .3s;
        box-shadow: none
    }

    .manage-bot .flex-control-nav {
        display: none
    }

    .wel-banner .flex-control-paging li a.flex-active,
    .wel-banner .flex-control-paging li a:hover,
    .wel-case .flex-control-nav li a:hover,
    .wel-case .flex-control-nav li a.flex-active {
        background: url(../images/btn01_h.png) no-repeat center;
        background-size: 100% 100%;
        box-shadow: none
    }

    .wel-case {
        padding: 42px 0 0 0;
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .ser-contact-list li a {
        display: block;
        width: 100%
    }

    .wel-case-title {
        font-size: 24px;
        color: #24272b;
        font-weight: bold;
        line-height: 42px;
        margin-bottom: 22px
    }

    .wel-case-list {
        padding-bottom: 86px
    }

    .wel-case .flex-viewport {
        overflow: visible !important
    }

    .wel-case .slides li {
        overflow: hidden;
        position: relative;
        float: left;
        width: 420px;
        margin-right: 25px
    }

    .wel-case .slides .con {
        position: absolute;
        bottom: -72%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: block;
        padding: 9% 50px 0;
        transition: bottom .3s
    }

    .wel-case .slides .bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #fff;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .wel-case .slides .font-bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #000;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        transition-property: opacity;
        transition-duration: .3s;
        transition-delay: .2s
    }

    .wel-case .slides .tit {
        font-size: 18px;
        color: #fff;
        line-height: 25px;
        color: #fff;
        font-weight: bold
    }

    .wel-case .slides .en {
        font-size: 16px;
        color: #fff;
        opacity: .6;
        filter: alpha(opacity=60);
        line-height: 24px;
        min-height: 24px
    }

    .wel-case .slides .font {
        font-size: 18px;
        color: #fff;
        line-height: 34px;
        margin-top: 18px
    }

    .wel-case .slides .more {
        margin-top: 40px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, .3);
        background: url(../images/wel02.png) no-repeat center
    }

.Root{width:1200px;overflow:hidden;margin:0 auto;}
.index_brand_left{float:left;width:575px}
.index_brand_right{float:right;width:557px;position:relative}
.index_brand_left_top{font-size:30px;font-family:Raleway;text-transform:uppercase;padding:20px 0}
.index_brand_left_mid{font-size:18px;background-position:left bottom;letter-spacing:3px;background-repeat:no-repeat;background-image:url(../images/index3.png);padding-bottom:20px}
.indexbrand{padding:90px 0}
.index_brand_left_jj{font-size:15px;color:#666;letter-spacing:2px;line-height:25px;padding-top:30px;padding-bottom:30px}
.index_brand_right span{position:absolute;bottom:58px;width:255px;height:1px;background-position:center;background-repeat:no-repeat;background-image:url(../images/index2.png);left:-230px}
.indexbrandmore{display:inline-block;border:1px #555 solid;color:#555;width:168px;height:48px;font-size:14px;text-align:center;line-height:48px;font-family:helvetica}
.indexbrandmore:hover{background-color:#555;color:#fff}

 
.comdiv{width:100%;margin:0;overflow:hidden;clear:both}
.yz_index_1_left{float:left;width:50%;padding-right:50%;position:relative}
.yz_index_1_left img.yz_index_1_left_img{float:left}
.yz_index_1_left_r_2{position:absolute;right:0;bottom:0;width:50%;height:50%;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../images/index/index2.jpg)}
.yz_index_1_left_r_1{position:absolute;right:0;width:50%;height:210px;top:25%;margin-top:-105px}
.yz_index_1_left_r_1 .comdiv{text-align:center}
.yz_index_1_left_r_1_1{font-size:16px;color:#090909;background-position:center bottom;background-repeat:no-repeat;background-image:url(../images/index/index3.jpg);padding-bottom:5px}
.yz_index_1_left_r_1_2{padding:15px 0}
.yz_index_1_left_r_1_3{float:none;width:57%;line-height:25px;padding-bottom:20px;padding-top:20px;margin:0 auto;clear:both}
.yz_index_1_left_r_1_4 a{color:#a4a4a4}
.yz_index_1_left_r_1_4 a:hover{color:#333}
.div1630{margin:0 auto;max-width:1630px;padding:0 50px}
.yz_title_1{font-size:24px;color:#000;font-family:AvenirLTStd-Roman}
.yz_title_2{font-size:16px;color:#000;line-height:18px}
.yz_title{padding-top:70px;padding-bottom:40px}
.yz_index_news_left{float:left;width:44%}
.yz_index_news_right{float:right;width:44%}
.yz_index_news_left_1{color:#000;font-size:16px}
.yz_index_news_left_2{color:#999;line-height:20px;font-size:12px}
.yz_index_news_left_3{color:#999;line-height:22px;padding:20px 0 0 0;font-size:12px}
.yz_index_news_left ul li{width:100%;margin:0;padding:40px 0;float:left;border-bottom:1px #e9e9e8 solid}
.yz_index_news_left ul li:nth-child(1){padding-top:0}
.yz_index_news_left ul li:last-child{border:none}


.about-honor {
	width: 96%;
	margin: 0 auto;
	text-align: center;
	padding: 6% 0;
}
/*荣誉*/
.honorPage { padding: 3% 0; width: 90%; margin: 0 auto }
.honorDemo { padding: 0 50px 0; }
.honorDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.honorDemo .item:hover, .honorDemo .item.act { background-color: #cc0000; color: #fff; }
.honorDemo .slick-arrow { width: 33px; height: 33px; display: block; border-radius: 5px; background-color: #999999; top: 50%; margin-top: -16px; }
.honorDemo .slick-arrow i { background: url(../images/btn_3.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.honorDemo .slick-prev { left: 0; }
.honorDemo .slick-next { right: 0; }
.honorDemo .slick-prev i { background-image: url(../images/btn_3.png); }
.honorDemo .slick-next i { background-image: url(../images/btn_4.png); }
.honorDemo .slick-arrow:hover { background-color: #000; }
.honorDemo .slick-prev:hover i { background-position: 30% center; }
.honorDemo .slick-next:hover i { background-position: 70% center; }
.honorDemo .itemA { display: block; margin: 0 20px; height: 380px; }
.honorDemo .img {
	overflow: hidden;
	position: relative;
	display: block;
	height: 100%;
	margin: 0 auto 8px;
	text-align: center; }
.honorDemo .img img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
} 
.slick-slider { position: relative; display: block; margin-top: 20px; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }














/*====   footer  ===============================================================================================*/

footer {
	background: #171717;
	min-width: 1200px;
}
footer .modal-footer {
	padding: 15px 10%;
}
footer .footer-con {
	text-align: left;
	padding: 80px 10%;
}
footer .footer-con .footer-con-li {
	width: 14%;
	vertical-align: top;
	display: inline-block;
}
footer .footer-con .footer-con-li:first-child {
	width: 28%;
}
footer .footer-con .footer-con-li:last-child {
	width: 28%;
}
footer .footer-con h4 {
	font-size: 16px;
	color: #eeeeee;
	margin-bottom: 10px;
}
footer .footer-con ul {
}
footer .footer-con ul li {
	line-height: 30px;
}
footer .footer-con ul li:last-child img {
	height: 16px;
	margin-right: 10px;
}
footer .footer-con ul li a {
	font-size: 13px;
	color: #b2b2b2;display:inline-block;
}
footer ul li a:hover {
	color: #fff;
}
footer .modal-footer {
	background: #000000;
}
footer .modal-footer > div {
	color: #cacaca;
	display: inline-block;
	font-size: 12px;
}
footer .modal-footer .modal-footer-r {
	text-align: right;
	float: right;
}
/*====   footer  ===============================================================================================*/


/*  product  */
/*  product_list  */
.list_banner .banner_text_bot {
	position: relative;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  height: 300px;
}
.list_banner .banner_text_bot .mask {
	height: 100%;
}
.list_banner .show_h3 {
	height: auto;
}
.product_list_sec1{
  padding: 0 10%;
  margin: 0 auto;
  position: relative;
}


.product_list_sec1_box {
	margin-bottom: 80px;
}

.product_list_sec1_bg {
  background: #f2f2f2;
  height: 105%;
  width: 100%;
  position: absolute;
  top: 5%;
  left: 0;
}
.product_list_img {
  overflow: hidden;
}
.product_list_img img {
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;height:210px;
}
.product_list_sec1_box a:hover .product_list_img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.product_list_txt{margin-bottom:20px;}
.product_list_sec1_box > .row {
  overflow: hidden;
  margin-bottom: 20px;
}
.product_list_sec1_box > .row .col-sm-6 {
  -webkit-transform: translateY(1000px);
  -moz-transform: translateY(1000px);
  -ms-transform: translateY(1000px);
  -o-transform: translateY(1000px);
  transform: translateY(1000px);
  -webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  -ms-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}
.product_list_sec1_box > .row .col-sm-6:nth-of-type(2) {
  -webkit-transition: all 1.2s ease-in-out 0.6s;
  -moz-transition: all 1.2s ease-in-out 0.6s;
  -ms-transition: all 1.2s ease-in-out 0.6s;
  -o-transition: all 1.2s ease-in-out 0.6s;
  transition: all 1.2s ease-in-out 0.6s;
}
.product_list_sec1_box > .row.active .col-sm-6 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.product_list_sec1_box .col-sm-6 .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #323232;
  width: calc(100% - 30px);
  height: 100%;
}
.product_list_txt h4{
  margin: 15px 0 10px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #333;
}
.product_list_txt h5{
  font-size: 14px;
  color: #666;
  text-transform: uppercase;
  
  letter-spacing: 2px;
}
.product_list_txt span{
  width: 50px;
  height: 11px;
  display: block;
  float: right;
  position: relative;
  top: -30px;
  right: 30px;
}

/*  product_list  */

.add_top{
	margin-bottom: 25px;
}
.perat{
	text-align: center;
}

.video_center_box .col-sm-4{
	margin-bottom: 30px;
}

.sec1_box_con_btn{
  width: 180px;
  height: 50px;
  border: 1px solid #c1c1c1;
  line-height: 50px;
  text-align: center;
  margin:50px auto 0;
  position: relative;
  font-size: 16px;
}
.sec1_box_con_btn a{
  display: block;color:#666;
}
.sec1_box_con_btn img{
  position: absolute;
  left: 18px;
  top: 15px;
}
/*  exhibition  */


.fs_pro_left{position:absolute;left:0;top:115px;width:14%}
.fs_pro_right{overflow:hidden;float:right;width:86%;padding-top:115px}
.fs_pro_right table{width:100%;border-collapse:collapse;border:none}
.fs_pro_right table td{width:33.33333333%;border:none}
.fs_pro_right_pic{position:relative;float:left;width:33.3333333333%;clear:none;margin-top:1px}
.fs_pro_right_pic b{position:absolute;left:0;top:0;width:1px;height:100%;background-color:#fff;z-index:22}
.fs_pro_right_pic img{float:left;width:100%}
.fs_pro_right_pic_jj span{font-size:13px}
.fs_pro_right_pic_jj{filter:alpha(opacity=0);line-height:22px;-moz-opacity:0;-khtml-opacity:0;opacity:0;text-align:left;padding:8% 10%;width:80%;-webkit-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;position:absolute;left:0;top:0;width:100%;z-index:10;height:84%;background-image:url(../images/product/2.png);color:#fff}
.fs_pro_right_pic_jj_link{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s;text-align:center;-webkit-transition-duration:.7s;-ms-transition-duration:.7s;-o-transition-duration:.7s;-moz-transition-duration:.7s;transition-duration:.7s;position:absolute;left:50%;top:40%;margin-left:-26px;margin-top:-20px;width:52px;height:52px;background-position:center;background-repeat:no-repeat;background-image:url(../images/product/1.png);z-index:20}
.fs_pro_right_pic:hover .fs_pro_right_pic_jj{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.fs_pro_right_pic:hover .fs_pro_right_pic_jj_link{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;top:50%;margin-top:-26px}
.fs_pro_right table td img{float:left;width:100%}
.fs_pro_left_top{padding-top:30px;padding-left:15%;width:85%;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#999;line-height:18px}
.fs_pro_left_top span{font-size:14px;color:#333;font-family:"微软雅黑"}
.fs_pro_left_cate li{float:left;margin:0;padding:0;width:100%;line-height:28px}
.pro_left_b{font-size:13px;color:#888;display:block;width:85%;padding-left:15%;float:left;margin:0}
.fs_pro_left_cate{padding:20px 0}
.fs_pro_left_cate li dl{background-color:#f3f3f3;display:none;float:left;margin:0;padding:5px 0;width:100%}
.fs_pro_left_cate li dl dd{line-height:22px;width:100%;padding:0;font-size:12px}
.fs_pro_left_cate li dl dd a{color:#333;display:block;padding:0 17%;width:66%;float:left;margin:0}
.fs_pro_left_cate li dl dd a:hover{color:#0154a7}
.fs_pro_info_left{float:left;width:760px}
.fs_pro_info_right{float:right;width:410px}
.fs_pro_info_right_1{color:#333;font-size:30px;line-height:32px;padding-top:50px}
.fs_pro_info_right_1 span{font-size:16px}
.fs_pro_info_right_2{padding:15px 0;margin:20px 0;line-height:22px;color:#929292;font-size:13px;border-bottom:1px #c0bebe dotted;border-top:1px #c0bebe dotted}
.fs_pro_info_right_3 img{float:left;margin-right:10px}
.fs_pro_footer_top{text-align:left;font-size:16px;border-bottom:1px #f0f0f0 solid;padding-bottom:20px}
.fs_pro_footer_top a{color:#888}
.fs_pro_footer_top span{color:#f2f2f2;padding:0 10px}
.fs_pro_footer_top a.on,.fs_pro_footer_top a:hover{color:#333}
.show_pro_con{font-size:15px;padding:20px 0;display:none;padding-bottom:40px;color:#474747}
.show_pro_con_prev_next li{float:left;width:50%;height:120px;background-position:center;background-repeat:no-repeat}
.show_pro_con_prev_next li:nth-child(1){background-image:url(../images/product/3.jpg)}
.show_pro_con_prev_next li:nth-child(1):hover{background-image:url(../images/product/5.jpg)}
.show_pro_con_prev_next li:nth-child(2){background-image:url(../images/product/4.jpg)}
.show_pro_con_prev_next li:nth-child(2):hover{background-image:url(../images/product/6.jpg)}
.show_pro_con_prev_next li .comdiv{line-height:25px;padding:0 15%;width:70%;font-size:16px;color:#333;padding-top:45px}
.show_pro_con_prev_next li .comdiv span{font-size:13px;color:#999}
.show_pro_con_prev_next li:nth-child(2) .comdiv{text-align:right}
.show_pro_con_prev_next li:hover .comdiv{color:#fff}

/*  exhibition  */
.exhibition_sec1 { 
  margin:60px auto 40px;
}
.exhibition_sec1 h3{
  font-size: 20px;
  color: #333;
  padding-left: 15px;
}
.exhibition_sec1_box {
  margin:50px auto 0;
}
.exhibition_sec1_box .box {
  margin-bottom: 20px;
  float: left;
  width: 45%;
}
.exhibition_sec1_box .box_img img {
  max-width: 100%;
}
.sec1_box_con_btn{
  width: 180px;
  height: 50px;
  border: 1px solid #c1c1c1;
  line-height: 50px;
  text-align: center;
  margin:50px auto 0;
  position: relative;
  font-size: 16px;
}
.sec1_box_con_btn a{
  display: block;
}
.sec1_box_con_btn img{
  position: absolute;
  left: 18px;
  top: 15px;
}
/*  exhibition  */

/* video_center */
.video_center{
  width: 80%;
  margin: 80px auto;
}
.video_center_box > div > div {
	position: relative;
}
.video_center_box video{
  width: 100%;height:265px;object-fit:fill;
}
.video_center_box h4{
  font-size: 18px;
  color: #333;
  padding: 20px 0 10px;
}
.video_center_box h4 span {
	font-size: 14px;
	color: #999;
	float: right;
}
.video_center_box h4 span i {
	margin-right: 5px;
}
.video_play {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video_play img {
	position: absolute;
	top: 0;bottom: 0;
	left: 0;right: 0;
	margin: auto;
	width: 57px;
	height: 57px;
	cursor: pointer;
}
.video_box {
	position: fixed;
	top: 90px;
	left: 0;
	width: 100%;
	height: calc(100% - 90px);
	background-color: rgba(0,0,0,0.5);
	z-index: 999;
	display: none;
}
.videoCon {
	width: 55%;
	margin: 0 auto;
	position: absolute;
	left: 0;right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.videoCon video {
	width: 100%;
}
.close_video {
	position: absolute;
	top: -40px;
	right: -40px;
	cursor: pointer;
}
.videoBox_play {
	cursor: pointer;
	position: absolute;
	top: 0;bottom: 0;
	left: 0;right: 0;
	margin: auto;
	width: 100px;
	height: 100px;
}
/* video_center */


.main-title {
	padding-top: 40px;
	padding-bottom: 36px;
	text-align: center
}

.main-title .cn {
	font-size: 20px;
	color: #333
}

.main-title.w .cn {
	color: #fff
}

.main-title .en {
	display: none;
	font-size: 16px;
	color: #dbdada;
	font-family: "Microsoft YaHei"
}


.join {
	background-image: url(../images/about/02/bg.jpg);
	background-repeat: repeat-x
}

.join .r {
	float: right;
	margin-right: -200px;
	opacity: 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.join .l {
	float: left;
	margin-left: -150px;
	width: 560px;
	opacity: 0;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.join .small-item.current .r {
	margin-right: -30px;
	opacity: 1
}

.join .small-item.current .l {
	margin-left: 0;
	opacity: 1
}

.join .small-item.current .l .t {
	font-size: 20px;
	height: 50px
}

.join .small-item.current .l .desc {
	font-size: 12px;
	line-height: 30px
}

.join .form {
	border: 1px solid #f1f1f1;
	padding: 90px
}

.join .form .td {
	padding-bottom: 20px
}

.join .form td {
	text-align: left;
	vertical-align: middle
}

.join .form td.ar {
	text-align: right
}

.join .form .input {
	display: block;
	width: 100%;
	border-bottom: 1px solid #d6d6d6
}

.join .form .input .input-c {
	padding-left: 5px;
	padding-right: 5px
}

.join .form .input .input-c input {
	border: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0;
	margin: 0
}

.join .form-bg {
	background-image: url(../images/about/02/form-bg.png);
	width: 1200px;
	height: 30px;
	background-position: right top;
	overflow: hidden;
	background-repeat: no-repeat
}

.join .form .submit {
	background-color: #309fb0;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
	width: 400px;
	height: 55px;
	line-height: 55px;
	display: inline-block
}

/*teams_dot*/
.teams_dot_sec1{
  width: 94%;
  margin: 5% auto 80px;
  position: relative;
  padding-right: 2%;
  padding-bottom: 2%;
}
.teams_dot_txt{
  width: 100%;
  padding: 4%;
  background-color: #e6e6e6;
  position: absolute;
  left: 0;
  bottom: 0;
}
.teams_dot_txt h6{
  font-size: 16px;
  color: #333;
}
.teams_dot_txt h5{
  font-size: 28px;
  color: #333;
  margin: 20px 0 40px;
  font-weight: bold;
  letter-spacing: 1px;
}
.teams_dot_txt h5 span{
  font-size: 12px;
  color: #333;
  margin-left: 10px;
  letter-spacing: 1px;
}
.teams_dot_txt .line{
  width: 30px;
  height: 1px;
  background-color: #333;
}
.teams_dot_sec1 img{
  float: right;
  width: 72%;
  position: relative;
  z-index: 2;
}
.teams_dot_sec2{
  width: 94%;
  margin: 80px auto;
}
.teams_dot_sec2 .row .col-sm-6{
  padding:0 5%;
}
.teams_dot_sec2 .row .col-sm-6:last-child{
  border-left: 1px solid #dbdbdb;
  padding:0 5% 0 4%;
}
.teams_dot_title{
  margin-bottom: 30px;
}
.teams_dot_title h6{
  font-size: 20px;
  color: #333;
}
.teams_dot_title .line{
  width: 20px;
  height: 1px;
  background-color: #666;
  margin-top: 20px;
}
.teams_dot_sec2_txt p{
  font-size: 14px;
  color: #999;
  line-height: 28px;
  margin: 0;
  letter-spacing: 0px;
}
.teams_dot_sec2_txt p span{
  font-size: 18px;
  color: #2a6771;
}
.teams_dot_sec2_txt.kh p{
  text-transform: uppercase;
}
.teams_dot_title.hj{
  margin-top: 30px;
}
.teams_dot_sec2_con li{
  margin: 0 10px 10px 0;
  border-radius: 10px;
  padding: 10px 20px;
  background-color: #e6e6e6;
  font-size: 14px;
  color: #333;
  text-align: center;
  float: left;
}
.teams_dot_sec3{
  width: 80%;
  margin: 80px auto 0;
}
.teams_dot_sec3 p{
  font-size: 18px;
  color: #333;
  margin: 14px 0 0;
}
/*.teams_dot_sec3 .row{
  margin-bottom: 30px;
}*/

.teams_dot_sec3 .row .col_4_teams{
  margin-bottom: 30px;
}
/*teams_dot*/







.tip_tc,.tip_tc_power {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99;
    background:rgba(0,0,0,.7);
}

.tip_tc.two{

z-index:9999;
}

.tip_tc.two .tip_box{
  top:20%;
  left: 40%; 
}
.tip_box,.tip_box_power {
    width:380px;
    height:180px;
    background:#fff;
    border-radius:3px;
    position:absolute;
    text-align:center;
    box-sizing:border-box;
    padding-top:58px;
    top:40%;
    transform:translateY(-50%);
    left:50%;
    transform:translateX(-50%);
}
.tip_box .tc_end ,.tip_box_power .tc_end_power {
    width:15px;
    height:15px;
    position:absolute;
    top:9px;
    right:10px;
    background:url(../images/tb10.png) center center no-repeat;
    display:block;
    cursor:pointer;
}
.tip_box .title ,.tip_box_power .title{
    font-size:20px;
    line-height:30px;
    color:#000;
    margin-bottom:15px;
    padding:0 30px;
}
.tip_box span ,.tip_box_power span{
    font-size:12px;
    color:#969696;
    line-height:30px;
}
.tip_box span a,.tip_box_power span a {
    color:#969696;
    text-decoration:underline;
}



/*客服*/
.fanhui{position:fixed;top:60%;right:0px;z-index:100;}
.fanhui a{margin:3px 0 0 0;display:block;height:47px;}
.fanhui a.fh_t1 .s1{background:url(../images/fh_t1.png) no-repeat center center #666;margin:0 0 0 0;}
.fanhui a.fh_t2 .s1{background:url(../images/fh_t2.png) no-repeat center center #666;}
.fanhui a.fh_t3 .s1{background:url(../images/fh_t3.png) no-repeat center center #666;}
.fanhui a.fh_t4{position:relative;}
.fanhui a.fh_t4 .s1{background:url(../images/fh_t4.png) no-repeat center center #666;}
.fanhui a.fh_t4 .s3{width:150px;height:80px;text-align:center;background:#e77816;position:absolute;left:-150px;top:0px;z-index:100;padding:10px 0;display:none;}
.fanhui a.fh_t4 .s3 span{display:block;line-height:30px;color:#FFF;font-size:16px;}
.fanhui a.fh_t5{background:url(../images/fh_t5.jpg) no-repeat center center;display:block;width:49px;height:47px;float:right}
.fanhui .showed{display:block;height:47px;clear:both;}
.fanhui .showed .s1{width:49px;height:47px;float:right;}
.fanhui .showed .s2{width:0px;height:47px;float:right;transition:.2s ease-out;text-align:center;line-height:47px;font-size:16px;}

.fanhui a.fh_t1:hover .s1{background:url(../images/fh_t1.png) no-repeat center center #e77816;margin:0 0 0 0;}
.fanhui a.fh_t2:hover .s1{background:url(../images/fh_t2.png) no-repeat center center #e77816;}
.fanhui a.fh_t3:hover .s1{background:url(../images/fh_t3.png) no-repeat center center #e77816;}
.fanhui a.fh_t4:hover .s1{background:url(../images/fh_t4.png) no-repeat center center #e77816;}
.fanhui .showed a:hover .s2{width:100px;color:#FFF;background:#e77816;}

@media screen and (max-width:1000px){
	.fanhui .showed{display:none}
}

/*# sourceMappingURL=style.css.map */