/*头部样式*/
.header{width:100%;min-width: 300px;z-index: 999;}
.header::before{content: '';display: block;z-index: -1;position: absolute;left: 0;right: 0;top: 0;padding-bottom: 155px;background: url(../images/header_cover.png) center bottom repeat-x;}
.header::after{content: '';display: block;z-index: -1;position: absolute;left: 0;right: 0;top: 0;padding-bottom: 150px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.01) 100%);z-index: -1;}

.header .wrapTop{position: relative;z-index: 2;}
.header .top{position:relative;line-height: 32px;overflow: hidden;height: 32px;padding: 9px 0;}
.header .top .lf{float: left;width: 50%;}
.header .top .rt{float: right;width: 50%;text-align: right;}
.header .top .lf a,.header .top .rt a{color: #fff;position: relative;vertical-align: top;margin: 0 26px 0 0;}
.header .top .rt a.en::before{content: '';width: 1px;height: 12px;display: inline-block;vertical-align: middle;background: #fff;margin: 0 24px 0 0;}
.header .top .lf a.search_btn,.header .top .rt a.search_btn{width: 32px;height: 32px;background: url(../images/search_btn.png) center no-repeat rgba(255,255,255,.1);margin: 0 0 0 18px;cursor: pointer;padding: 0;border-radius: 50%;display: inline-block;*display: inline;*zoom:1;}

.logo{overflow: hidden;font-size: 0;display: block;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;z-index: 2;position: absolute;left: 50%;transform: translateX(-50%);top: 30px;z-index: 10;width: 120px;}
.logo a{z-index: 3;padding: 0;display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.logo a.logo1{width: 100%;right: auto;}
.logo a.logo2{left: auto;width: 32%;}
.logo img{width: 100%;display: block;}
.top_nav{width: auto;float:right;padding-top: 37px;}
.top_nav a{color: #fff;display: block;height: 30px;line-height: 30px;margin: 0 0 0 25px;float: right;}
.top_nav a:hover{color: #fff;}

/* 搜索弹窗 */
.ser{height: 36px;z-index:600;width: 36px;position: relative;display: block;background: rgba(0,0,0,0);z-index: 999;max-width: 100%;display: inline-block;border-radius: 20px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;overflow: hidden;margin: 0 -18px 0 0;}
.ser::before{content: '';display: block;width: 1px;height: 16px;background: rgba(255,255,255,.2);position: absolute;top: 50%;transform: translateY(-50%);right: 52px;}
.ser .search{width: 100%;height: 100%;z-index: 999;}
.ser .search input.notxt{position:absolute;width: 100%;height: 100%;color: #fff;left: 0px;top: 1px;padding:0;margin:0px;outline: none;font-size: 14px;z-index: 3;padding: 0 0 0 20px;background: transparent;border: 0;}
.ser .search input.notxt1{position:absolute;width: 50px;height: 100%;border:none;background: none;right: 1px;cursor: pointer;z-index: 3;font-size: 0;bottom: 0;background: url(../images/search_btn.png) center no-repeat;}
.ser:hover{width: 160px;background: rgba(0,0,0,.4);margin: 0;}

.wrapNav{position: relative;z-index: 1;}
.nav{position: relative;}
.nav ul{font-size: 0;text-align: justify;text-justify:inter-ideograph;overflow: visible !important;width: calc(50% - 75px);position: relative;z-index: 2;}
.nav ul.lf_nav{float: left;left: 0px;text-align: right;}
.nav ul.rt_nav{float: right;right: 0px;text-align: left;}
.nav ul::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;height: 0;}
.nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);line-height: 80px;/* height: 37px; */}
.nav ul li > a{font-size:18px;display: block;position: relative;color: #fff;padding: 0 20px;}
.nav ul li:hover > a,.nav ul a.on{background: rgb(190, 24, 24);}
.subNav{width:160px;background: rgba(255,255,255,.6);white-space: normal;position: absolute;right: calc(50% - 80px);top: 100%;display: none;}
.subNav dd {}
.subNav a{padding:10px 15px;display: block;line-height: 24px;border-top:1px solid rgba(255,255,255,0.2);font-size: 16px;}
.subNav a:hover{background: #fff;}

.header.currents{position: fixed;left: 0;top: 0px;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
.header.currents.currentsOn{top: 0;/* position: relative; */}
.header.currents .top_banner{display: none;}
.header.currents{height: 102px;line-height: 102px;}
.header.currents .wrapNav{top: 0;}
.header.currents::before{width: 240px;height: 102px;background-size: 100% auto;background-position: bottom;}
.header.currents .ser{display: none;}
.header.currents .logo{width: 80px;top: 10px;}
.header.currents .logo a.logo2{display: none;}
.header.currents .top{display: none;}
.header.currents .logo_box::before{bottom: -30px;}
.header.currents .nav::before{width: 130px;height: 65px;bottom: -65px;}
.header.currents .nav{height: 54px;margin-top: 0;}
.header.currents .nav ul{width: calc(50% - 140px);}
.header.currents .nav li{background:none;height: 54px;line-height: 54px;}
.header.currents .nav-wrapper{height: 56px;}
.header.currents .nav ul li > a{}
.header.currents .nav ul li.on > a,.header.currents .nav ul li:hover > a{}
.header.currents{box-shadow: 0 2px 6px rgba(0,0,0,0.4)}

.nav ul li:hover .subNav{
	-webkit-animation-name: flipInY ;animation-name: flipInY ;
	animation-duration: 0.6s; -webkit-animation-duration: 0.6s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;   visibility: visible !important; display: block;
}
@keyframes flipInY  {
	from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
	40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
	80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
	to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}

/*手机端导航*/
.mobile{width:100%;position:absolute;height: auto;display: none;top:16px;left: 0;z-index: 99991;}
.mobile-search-btn{float: right;margin-right: 15px;cursor: pointer;}
.mobile-search-btn i{color:#fff;font-size: 20px;}
.mobile-inner-header{width:50px;height: auto;position: absolute;top: 10px;right: 0px;z-index: 50}
    .mobile-inner-header-icon{
  color: #ffffff; height: 40px;font-size:25px;text-align: center;
  float:right;width: 40px;position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  opacity:0.8;
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute; left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);  width: 25px;  height: 4px;  background-color: rgba(255,255,255,1);}
.mobile-inner-header-icon{color: #fff; height: 30px;float:right;width: 35px;position: relative; cursor: pointer;margin-right: 8px;line-height: 30px;font-size: 30px;/*! margin-top: 18px; */} 
.mobile-inner-header-icon-out i{font-size: 22px;position: absolute;right: 0;top: 0}      
.mobile-inner-header-icon-click{ position: fixed;right: 0; }
.mobile-inner-header-icon-click i{display: none;}
.mobile-inner-header-icon-out span{width: 25px;height:4px;display: block; border-radius: 5px;}
.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
    }       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
    }
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outthird;
    }
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;background: #fff;}     
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;background: #fff;}
.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@keyframes clickfirst {
  0% {
      transform: translateY(4px) rotate(0deg);
      
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}   

@keyframes clicksecond {
  0% {
      transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
} 

@keyframes clickthird {
    0% {
     opacity: 0
  }

  100% {
   opacity: 0
  }
}   
.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
    }       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
    }
.mobile-inner-header-icon-out span:nth-child(3){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outthird;
    }
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}   



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
@keyframes outthird {
  0% {
    transform: translateY(0) rotate(90deg);
  }

  100% {
    transform: translateY(12px) rotate(0deg);
  }
}

.mobile-inner-nav{ width: 100%;text-align: center;opacity: 0;transform: scale(0.8);width: 0;transition: left 0.3s ease-in-out;height:0;
  background:#c0111a; overflow: hidden;}
.mobile-inner-nav a{display: inline-block;line-height: 50px; color: #fff;
    text-decoration: none;  width: 100%;font-size: 1.4rem; 
     border-bottom:1px solid #690c0c;
    -webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
    -o-transition: all 0.5s;    transition: all 0.5s; text-align: left;padding: 0 20px;}
.mobile-inner-nav li:first-child a{border-top:1px solid #690c0c;}
.mobile-inner-nav li{position: relative;}
.mobile-inner-nav li.on{}
.mobile-inner-nav li.on a{}
.mobile-inner-nav li .icon-fanhui{ background: url(../images/mobile_arrow1.png) no-repeat center; }
.mobile-inner-nav li .icon-fanhui-copy{background: url(../images/mobile_arrow2.png) no-repeat center; }
.mobile-inner-nav li strong{position: absolute;right:5px;top:0;font-size: 1.4rem;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 45px; }
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
@-webkit-keyframes returnToNormal {
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }

      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }

    @keyframes returnToNormal {
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }

      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }


.mobile_subNav{display: none;}
.mobile-inner-nav dd a{height: 40px;line-height: 40px;border-bottom: solid 1px rgba(255,255,255,0.1);font-size: 1.3rem; padding-left: 35px;}
.mobile-inner-nav dd a:hover{background-color: #08589b;}

.mobile_search input.notxt{background: none;} 
.mobile_search{clear: both;position: absolute;height: 40px;overflow: hidden;left: 0;top: 75px;width: 100%;z-index: 99993;display: block;}
.mobile_search .search{ overflow:hidden;height: 37px;position:relative;border-bottom: #610918 4px solid;background: #fff;} 
.mobile_search input.notxt{width: 84%;color:#566c99;border:none;padding: 0 20px;height: 38px;box-sizing: border-box;font-size:1.5rem; float: left;outline: none;}
.mobile_search .notxt1{width: 40px;right:10px;background:url(../images/search_btn.png) no-repeat center #b34141;border:none;height: 37px;left: auto;/*! right: 0; */float: right;}.mobile-links{width: auto;margin:0 20px 10px;overflow: hidden;padding:10px 0 0;opacity: 0.6;font-size: 14px;}
.mobile-links span{float:left;padding:0 15px;}
.mobile-links span a{border:none;line-height: 25px;padding:4px 0;font-size: 14px;}
.nav-open .mobile-inner-nav{width:100%;display: block;position: fixed;right: 0px;top: 0;box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.1);opacity: 1;
  transform: scale(1);height: 100%;box-sizing: border-box;overflow-y: auto;overflow-x: hidden;z-index: 10;padding:115px 0 20px;
  transition: all 0.3s ease;}
.mobile_topNav{ width: 100%; height: auto; padding: 10px 0; overflow: hidden; }
.mobile_topNav a{ display: inline-block; width: auto; float: left; border: none; line-height: 35px;}




.fix_box2 { position: fixed; bottom: 80px; right: 7px; box-shadow: 0 3px 7px rgba(0,0,0,0.3); background: #fff; padding: 0 8px;z-index: 99;}
.fix_box2 a { display: block;width: 80px;height: 90px;}
.fix_box2 .gp-goTop{ background: url(../images/gotop.png) center no-repeat; border: none; }
.fix_box2 .gp-goback{ background: url(../images/goback.png) center no-repeat; border-bottom: #e5e5e5 1px solid;}
@media screen  and (max-width:1300px) {
	.fix_box2 a{ width: 60px; height: 80px;}
}
@media screen  and (max-width: 767px){
	.fix_box2{ position: static;text-align: center; }
	.fix_box2 a{ display: inline-block;margin: 0 5px; }
	.fix_box2 .gp-goback{ border: none; }
}


footer{clear: both;position: relative;padding: 28px 0 0;text-align: center;color: #fff;background: rgba(204, 0, 51, 1);z-index: 10;}
footer::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 110px;background: rgba(180, 4, 48, 1);}
footer::after{content: '';display: block;position: absolute;left: 45px;right: 0;top: 70px;bottom: 0;background: #da251d;width: 130px;}
.footer_img{display: block;margin: 0px auto 15px;}
.copyright{text-align: center;color: #fff;line-height: 28px;}
footer span, footer a{display: inline-block;color: #fff;margin: 0 12px;}
.footer_bottom{border-top: 1px solid rgba(255,255,255,.3);margin: 24px 0 0;padding: 10px 0 11px;}
@media screen  and (max-width:1640px){
	
}

@media screen  and (max-width:1480px){

	.nav ul li > a{font-size: 18px;padding: 0 12px;}
	
}

@media screen  and (max-width:1200px){
	.header .top,.wrapNav{ display: none;}
	.header{}
  .header::before{ padding-bottom:0; height: 100px; background-size: cover; z-index: 1;}
	.logo{ position: static; transform: none; padding:10px 0;width: 80px; margin: 0 auto;}
	.mobile{ display: block;}
}

@media screen  and (max-width:1040px){
	.nav ul.lf_nav{left: 0;}
	.nav ul.rt_nav{right: 0;}
	footer{padding: 20px 0;}
}
@media screen  and (max-width:992px) {
	
	
}
@media screen  and (max-width:766px) {
  .header::before{ height: 75px;}
  .logo{ width: 55px;}
  .mobile-inner-header{ top: 0;}
	footer::after{ left: 0;}
	
	
}
@media screen  and (max-width:640px){
	footer::before,footer::after{ display: none;}
	
}