@charset "utf-8";
/* CSS Document */


a:hover{ color: #9a0000; }
/*头部样式*/ 
.header{ background:#f5f5f5; position: relative;z-index: 99;height: 185px;}
.container{width: 1200px;margin:0 auto; }
.top{height: 40px;line-height: 40px;overflow:hidden;}
.top a{color:#fff;display: inline-block;*display: inline;*zoom:1;font-size: 16px;opacity: 0.6;filter: alpha(opacity=60);transition: all 0.3s ease-in-out;vertical-align: top;}
.top a:hover{opacity: 1;filter: alpha(opacity=60);}
.top_lf{float:left;padding-left: 36px;}
.top_rt{/*! padding-right: 36px; */position: absolute;top: 30px;right: 0;height: 25px;line-height: 25px;}
.top_lf a{margin-right: 14px;}
.top_rt a{ color: #757575;font-size: 1.3rem;text-decoration: underline;font-family: ‘微软雅黑’;}
.nav-wrapper{width: 100%; transition: all 0.3s ease-in-out;}
.logo{ width:434px; height:auto; position: relative;z-index: 99992;transition: all 0.3s ease; float: left;overflow: hidden;margin: 39px 0;}
.logo span{display: inline-block;*display: inline;*zoom:1;position: relative;z-index: 10 }
.logo .logo_bg{display: none;position: absolute;width: 213px;height: 91px;left: 50%;top: 38px;z-index: 0;margin-left: -106.5px;}
.logo_01{width: 267px;}
.nav{ background: #9a0000; overflow: visible !important;height: 56px;line-height: 56px;} 
.nav ul{ max-width: 1200px; margin: 0 auto;  }
.nav ul li{ float:left;height: 56px;transition: all 0.3s ease;position: relative; }
.nav ul > li{position: relative; width: 16.6%; transition: all 0.3s ease-in-out;}
.nav ul li > a{padding:0;text-align:center;line-height:56px;height:56px;color:#fff;font-size:18px;font-size:1.8rem; display: block; 
  transition: all 0.3s ease; position: relative; }
/*.nav ul li > a:hover{ border-bottom: #700909 4px solid; }*/
.nav ul li > a:before{ content: ""; display: block; width: 0; height: 4px;background: #700909; position: absolute; left:50%; bottom: 0;transition: all 0.35s ease-in-out;}
.nav ul li > a:hover:before,.nav ul li.on > a:before{ width: 100%; left: 0; }
.nav ul li .subNav{ background:#9a0000;}
.subNav{ width: 100%; position: absolute;left:0;top:56px;display: none;z-index: 9;}
.subNav dl { display: block;  }
.subNav dl dd{ border-bottom: #850505 1px solid; overflow: hidden; }
.subNav a{color:#fff;padding:12px 24px; font-size: 16px; line-height: 24px; display: block;text-align: center;}
.subNav a:hover{ color: #fcd4d4; }
.zoomIn  {
  -webkit-animation-name: zoomIn ;
  animation-name: zoomIn ;
  animation-duration: 0.5s; 
  -webkit-animation-duration: 0.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
  display: block;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp ;
  animation-name: fadeInUp ;
  animation-duration: 0.5s; 
  -webkit-animation-duration: 0.5s;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   

  visibility: visible !important; 
  display: block;
}

.ser{width:238px; height:32px; line-height:32px;position: absolute;overflow:hidden;right: 0;top: 60px;border: 1px solid #9a0000;border-radius: 20px;}
.search input{/*! position:absolute; */  height: 32px;line-height:32px; color:#262626; border:none; background:none; top:0px; padding-left:0px; }
.search input.notxt{color:#666; padding:0 0 0 50px;width:188px;right: 0;}   
.search input.notxt1 {position: absolute;width: 15%;height:32px;left:10px;border: none;cursor:pointer; overflow: hidden;padding-right:0;
  color:#bbbdc3;border:none;background:url(../../images/engb20200604/ser.png) no-repeat center;}



/*导航置顶*/
.header.current .logo{transition: width 0.3s ease 0s; max-width: 370px;height:43px;margin:15px 0; float: left;}
.header.current .ser{  top: 23px;} 
.header.current{position:fixed;top:0;width:100%;height:73px;z-index:9999; }


.header.current .top_rt{ right: 260px;top: 27px;}





.nav-wrapper > div{position: relative;overflow: hidden;}
.headerFix-menu{position: absolute;right: -30px;top: 3px;cursor: pointer;display: none;}
.headerFix-menu i{color:#fff;font-size: 30px;}
.headerFix-close{float: right;height: 40px;line-height: 40px;margin-left: 10px;cursor: pointer;display: none;}
.headerFix-close i{color:#ccd2de;font-size: 24px;}






.goTop {position: fixed;bottom: 40px;right: 20px;z-index: 9999999;color: #fff;text-align: center;transition: none;background-color:#000;width: 50px;height: 50px;line-height: 50px;text-align: center;display: none;}
.goTop:hover{color:#fff;background-color:#4b9ef7;}
.goTop i{font-size: 32px;}
/*手机端导航*/
.mobile{width:100%;position:absolute;height: 110px;display: none;top:5px;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:100%;height: 63px;position: absolute;top: 0px;left: 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: 30px;  height: 3px;  background-color: #9a0000;
  border-radius: 6px;
}
.mobile-inner-header-icon{color: #fff; height: 31px;float:right;width: 35px;position: relative; cursor: pointer;text-align: right;margin-right: 15px;text-align: center;line-height: 31px;font-size: 30px;margin-top: 20px;} 
.mobile-inner-header-icon-out i{font-size: 22px;position: absolute;right: 0;top: 0}      
.mobile-inner-header-icon-click i{display: none;}
.mobile .mobile-inner-header-icon-click{ margin-top: 20px; }
.mobile-inner-header-icon-out span{width: 30px;height: 3px;display: block;border-radius: 6px;}
.mobile-inner-header-icon-out p,.mobile-inner-header-icon-click p{ font-size: 14px; color: #9a0000;position: absolute;bottom: -28px;left: 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(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;}     
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.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:#9a0000;}
.mobile-inner-nav a{display: inline-block;line-height: 45px;
    text-decoration: none;  width: 100%;font-size: 1.6rem; 
     /*! border-bottom: solid 1px #3977d3; */
    -webkit-transition: all 0.5s;   -moz-transition: all 0.5s;color:#fff;
    -o-transition: all 0.5s;    transition: all 0.5s; 
text-align: left;
/*! padding: 0 20px; */
}
.mobile-inner-nav li:first-child a{/*! border-top:2px solid #4f87db; */}
.mobile-inner-nav li{position: relative;/*! padding: 0 20px; */}
.mobile-inner-nav li.on{/*! background-color: #3677d5; */}
.mobile-inner-nav li.on a{ color: #fff;}
.mobile-inner-nav li .icon-huise{ background:url(../../images/engb20200604/icon-fanhui.png) no-repeat center;  }
.mobile-inner-nav li .icon-huise-copy{background:url(../../images/engb20200604/icon-fanhui-copy.png) no-repeat center;}
.mobile-inner-nav li strong{color:#fff;position: absolute;right:5px;top:0;font-size: 1.4rem;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
    -o-transition: all 0.5s;    transition: all 0.5s;line-height: 50px; }
.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; background: #8a0606;margin: 0 -20px;border-bottom: #750909 2px solid;}
.mobile-inner-nav dd { position: relative; } 
.mobile-inner-nav dd strong{ right: -13px; top: 0; width: 38px; height: 38px; line-height: 38px;}

.mobile-inner-nav dd .mobile_subNav a{ padding-left: 34px; }
.mobile-inner-nav dd a{height: 38px;line-height: 38px;/*! border-bottom: solid 1px rgba(255,255,255,0.1); */font-size: 1.6rem;padding-left: 60px;}
.mobile-inner-nav dd a:hover{background-color: #800707;}
.mobile_search{/*! clear: both; *//*! position: absolute; */height: 32px;overflow: hidden;/*! left: 0; *//*! top: 61px; */width: 260px;z-index: 99993;display: block;float: left;}
.mobile_search .search{ margin:0 20px;overflow:hidden;height: 32px;position:relative;width: 240px;}
.mobile_search input.notxt{width: 240px;color:#fff;border:none;padding-right: 38px;height: 32px;box-sizing: border-box;font-size: 1.2rem;/*! font-family: Lustria; */background: #8a0606;border-radius: 20px;}
.mobile_search input.notxt1{width: 40px;right:auto;background:url(../../images/engb20200604/ser2.png) no-repeat center;border:none;height: 32px;left: 0;}
.mobile-links{width: auto;float: right;margin: 0 20px 0 0;}
.mobile-links a{/*! border:none; */line-height: 25px;/*! padding:4px 0; */font-size: 13px;color: #fff;font-family: '微软雅黑'; text-decoration: underline;}
.nav-open .mobile-inner-nav{width: 100%;display: block;position: fixed;right: 0px;top: 110px; opacity: 1;
  transform: scale(1);height: 100%;box-sizing: border-box;overflow-y: auto;overflow-x: hidden;z-index: 10;padding: 20px;
  transition: all 0.3s ease;}

   
/*footer*/
  
.wrap_footer{background:#852222; margin: 60px 0 0 0; overflow: hidden;} 
.footer{ background:url(../../images/engb20200604/f-logo.png) no-repeat left center; overflow:hidden;padding: 52px 0 52px 0;position: relative;}
.footerLf{ width: 31%; overflow: hidden;margin-left: 280px;}
.f-Nav { margin-right: 150px; }
.f-Nav a{ font-size: 15px; color: #fff; display:block; width: 50%;float: left; padding: 8px 0;}
.erweima,.erweima img{ float: right; width: 93px; height: 93px; overflow: hidden; }
.footerRt{ width: 42%; } 
.footerRt p{ font-size: 15px; line-height: 25px; color: #fff; }












@media screen  and (min-width:1020px) {
  
}

 
@media screen  and (max-width:1386px) {
   .container,.nav ul{ width: 1000px; }   
   .footer{ padding: 52px 0 35px 0; }
  .footerLf{ margin-left: 0; float: right; margin-bottom: 25px;width: 50%;}
  .footerRt{ width: 100%; float: none; clear: both; }
  .f-Nav{ margin-right: 280px; }
  .footerRt p{ display: inline;padding-right: 25px; }
  .footer{ background-size: contain; }
}


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


}

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

}

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

        .logo{ width: 400px; margin: 28px 0px; }
        .nav{display: none;} 
        .top{display: none;}
        .top_rt,.ser{ display: none; }
        .mobile{display: block; }
        .container{width: auto;margin-left: 15px;margin-right: 15px;}
        .header{ height: 110px;}
        .footerLf{ width: 65%; }
        .f-Nav{ margin-right: 140px; }
}


@media screen  and (max-width:768px) {
  .mobile-inner-header-icon{margin-left: 0;}
  .wrap_footer{ margin: 30px 0 0 0; }
 
  
}


@media screen and (max-width:640px) {
  .header{ height: 95px; }
  .logo{ width: 280px; }
  .mobile-inner-header-icon{ margin-top: 12px; }
  .nav-open .mobile-inner-nav{ top: 95px; }
  .footerLf{ width: auto; float: none; }
  .f-Nav{ margin-right: 120px; }
}


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

}