@charset "UTF-8";
.header div, .header ul, .header li, .header span, .header a {box-sizing: border-box;}
.por {
  position: relative; }

.poa {
  position: absolute; }

.w92 {
  width: 92%;
  margin-left: auto;
  margin-right: auto; 
}
.img100 {
  display: block;
  width: 100%; 
}
.flexBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hide1 {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0; 
}
.show1 {
  z-index: 3;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.w1400 {width:1400px;margin-left: auto;margin-right: auto; }
.header {
  overflow: visible;
  position: fixed;
  z-index: 7;
  left: 0;
  top: 0;
  width: 100%;
  transition-duration: .5s;
}
.header .logo {
    padding-top: 27px;
    flex: 0 0 271px;
    display: inline-block;
}
.header .m-nav-btn {
    display: none;
    position: absolute;
    flex: 0 0 22px;
    height: 14px;
    cursor: pointer;
    right: 0;
    top: 50%;
    margin-top: -7px; 
}
.header .m-nav-btn.cur .line1 {transform: rotate(40deg); }
.header .m-nav-btn.cur .line2 {display: none; }
.header .m-nav-btn.cur .line3 {transform: rotate(-40deg); }
.header .m-nav-btn .line {
      position: absolute;
      display: block;
      width: 100%;
      height: 2px;
      background-color: #000;
      left: 0;
      transition: all .5s ease;
      margin: 0; 
}
.header .m-nav-btn .line1 {
      top: 0;
      -webkit-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
      transform-origin: left top 0;
}
.header .m-nav-btn .line2 { top: 7px; }
.header .m-nav-btn .line3 {
      top: 100%;
      -webkit-transform-origin: left bottom 0;
      -ms-transform-origin: left bottom 0;
      transform-origin: left bottom 0; 
}
.header .header-left {
    flex: 0 0 auto;
    display: inline-flex;
}
.header .header-right {
    flex: 0 0 192px;
    display: inline-flex;
    justify-content: space-around;
}
.header .header-mains {
    height: 90px;
    align-items: center;
    transition: all 0.5s; 
}
.header.bgf,.header.bgf2{
background: #fff;
border-bottom: 1px solid #d5d5d5;
}

.header.bgf .header-nav .nav-top-a, .header:hover .header-nav .nav-top-a {color: #1a1a1a; }
.header.bgf .header-nav .nav-top-a:hover, .header:hover .header-nav .nav-top-a:hover {color: #fa0105; }
.header.bgf2, .header:hover {background: #fff; }
.header.bgf2 .header-nav .nav-top-a, .header:hover .header-nav .nav-top-a {color: #1a1a1a; }
.header.bgf2 .header-nav .nav-top-a:hover, .header:hover .header-nav .nav-top-a:hover {color: #fa0105;}
.header-nav {
  flex: 0 0 auto;
  display: inline-flex;
  margin-left: 64px; 
}
.header-nav .nav-item {
    flex: 0 0 115px;
    max-height: 90px;
	cursor:pointer;
}
.header-nav .nav-top-a {
    display: block;
    text-align: center;
    font-size: 17px;
    line-height: 36px;
	padding:27px 0;
    color: #fff;
    transition-duration: .3s; 
}
.header-nav .nav-item:hover .nav-top-a, .header-nav .nav-item.cur .nav-top-a,.header-nav .nav-item.cur2 .nav-top-a {color: #fa0105;}
.header-nav .img100 {transition-duration: .5s; }
.header-nav .nav-hides {
	padding:10px 0;
    z-index: 7;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
	width:100%;
    background:rgba(0, 0, 0, 0.5); 
}
.header-nav .nav-hides.cur{
    display:block;
}
.header-nav .nav-hides-item {
	width:115px;
	text-align:center;
}
.header-nav .nav-hides-item a{
    display: block;
    font-size: 16px;
    line-height: 36px;
    color: #ffffff;
    transition-duration: .3s;
}
.header-nav .nav-hides-item a:hover{
    color: #fa0105;
    transition-duration: .3s;
}
.header-nav .nav-item:nth-child(2) .nav-hides-list{
	margin-left:450px;
}
.header-nav .nav-item:nth-child(3) .nav-hides-list{
	margin-left:565px;
}
.header-nav .nav-item:nth-child(5) .nav-hides-list{
	margin-left:795px;
}


@media (max-width: 1430px) {
  .header-nav .nav-item {
    flex: 0 0 120px;
  }
}
@media (max-width: 1340px){
  .header-nav {
    margin-left: 20px;
  }
  .header-nav .nav-item {
    flex: 0 0 120px;
  }
}

@media (max-width: 1270px) {
.header .m-nav-btn{display: block; }
.header-nav .nav-item:hover .nav-top-a, .header-nav .nav-item.cur .nav-top-a,.header-nav .nav-item.cur2 .nav-top-a {color: #1a1a1a; }
.header-mains.w1400 {
    width: 100%;
    position: relative;
    z-index: 8;
    padding: 0 4vw;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
}
.header {
    position: fixed;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header .header-mains {height: 46px; }
.header-nav .nav-top-a {
    text-align: left;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #e5e5e5;
    background: url(jia1.png) no-repeat right center;
    background-size: 13px !important; 
}
.header-nav .nav-top-a1 {
    	background-size: 0 !important;
}

.header-nav .nav-item {
    padding: 0 4vw; 
}
.header-nav .nav-item:first-child {
      border-top: 1px solid rgba(0, 0, 0, 0.1); 
}

.header-nav {
    display: block;
    position: fixed;
    height: calc(100vh - 46px);
    width: 100vw;
    left: 0;
    bottom: 0;
    background: #fff;
    padding: 0;
    margin-left: 0;
    justify-content: center;
    flex-wrap: wrap;
    overflow: scroll;
    opacity: 0;
    transform: translateX(0) rotateX(90deg); 
}
.header-nav.cur {
      opacity: 1;
      transform: translateX(0) rotateX(0);
}

.header.bgf .header-nav .nav-top-a:hover, .header:hover .header-nav .nav-top-a:hover {color: #000; }

.nav-item.cur .nav-top-a {
    background: url(jian1.png) no-repeat right center; }

.header-nav .nav-item {
    width: 100%;
    max-height: none; }

.header-nav .nav-top-a{
    padding: 0; }

.header .logo {
    position: relative;
    flex: 0 0 128px;
    z-index: 8;
    width: 128px;
    height: 46px;
    margin: 0;
    padding-top: 14px;
}

  .header .header-right {
    position: relative;
    z-index: 8; }

  .header .m-nav-btn {
    width: 22px;
    right: 0; }
}

.right-a-wrap2 {
  flex: 0 0 160px;
  background: url(tel_white.png) no-repeat left center;
  font-size: 17px;
  color: #fff;
  line-height: 42px;
  height: 42px;
  padding-left: 26px;
  position: relative;
  cursor: pointer;
}
.header.bgf3 {
	background: #fff;
}
.header:hover .right-a-wrap2,.header.bgf .right-a-wrap2,.header.bgf2 .right-a-wrap2 {
  background: url(tel_black.png) no-repeat left center;
}
.header:hover .right-a-wrap2,.header.bgf .right-a-wrap2,.header.bgf2 .right-a-wrap2{
  color: #1a1a1a;
}
.header:hover .language-a,.header.bgf .language-a,.header.bgf2 .language-a{
  color: #1a1a1a;
}
@media(min-width: 1271px) {
  .header .right-a-wrap2:hover {
    background: url(tel_on.png) no-repeat left center;
	color: #fa0105;
  }
}
.language-a {
  display: inline-block;
  flex: 0 0 32px;
  text-align: center;
  line-height: 42px;
  height: 42px;
  font-size: 17px;
  color: #fff;
  transition-duration: .3s;
}
.header.bgf .language-a,.welcome-body .header.bgf .language-a,.header.bgf2 .language-a {
  color: #1a1a1a;
}
.header.bgf .language-a:hover,.welcome-body .header.bgf .language-a:hover,.header.bgf2 .language-a:hover {
  color: #fa0105;
}
.language-a:hover {
  color: #fa0105;
}
@media(max-width:1270px) {
  .header .header-right {
    flex: 0 0 100px;
   }
  .right-a-wrap2 {
    flex: 0 0 80px;
    font-size: 13px;
	display:none;
  }
  .language-a {
    margin-right: 30px;
    font-size: 13px;
  }
}