.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("../other/CENTURYGOTHIC-BOLD.OTF");

}

@font-face {

  font-family: 'FLAMASEMICONDENSED-ULTRALIGHT';

  src: url("../other/FLAMASEMICONDENSEDULTRALIGHT.eot");

  src: url("../other/FLAMASEMICONDENSEDULTRALIGHT.eot") format("embedded-opentype"), url("../other/FLAMASEMICONDENSEDULTRALIGHT.woff2") format("woff2"), url("../other/FLAMASEMICONDENSEDULTRALIGHT.woff") format("woff"), url("../other/FLAMASEMICONDENSEDULTRALIGHT.ttf") format("truetype"), url("../other/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: 0;

}

.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;

  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: 2%;

  background-color: #fff;

}

footer{

  position: relative;

  z-index: 100;

}

.logo {

  width: 220px;

  height: 70px;

  display: block;

  position: relative;

  z-index: 100;

}

.logo img {

  padding-top: 2px;

  display: block;

  width: 220px;

  /*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: #004b93;

}

.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: 22px;

  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: #004b93;

  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: 15px;

  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: #004b93;

}

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: #004b93;

}

.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: #004b93;

}



.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: #bb0327;

  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: 3px;

  margin-top: 3px;

}



.flex-control-paging li a {

  width: 14px !important;

  height: 14px !important;

}



@-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;

  }

}


.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;

}



.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;

}