@charset "gb2312";
header{ position: absolute; top: 4px; left: 0; z-index: 1; width: 100%; z-index: 9;}
header::before{content: '';display: block;width: 100%;height: 4px;background-color: #054D99;position: absolute;top: -4px;left: 0;z-index: -1;}
.header{ text-align: center;}
.header > div{ display: inline-block; vertical-align: top;}
.logo{ margin-top: 36px;}
.logo02{display: inline-block;padding-top: 7px;margin-left: 1px;vertical-align: top;}
.nav{ display: inline-block; width: 705px; margin-left: 148px; margin-right: 115px; text-align: justify; margin-top: 57px;}
.nav::after{ content: ''; display: inline-block; width: 100%;}
.nav li{ display: inline-block; position: relative;}
.nav a{ color: #fff; line-height: 18px; padding: 37px 0;}
.nav li.on > a,.nav li.hover > a{color: #D6A30E;}
.nav li .subNav{display: none;position: absolute;top: 58px;left: 50%;transform: translateX(-50%);z-index: 999;border-radius: 0 0 5px 5px;width: 200%;background-color: rgba(5,77,153,0.7);text-align: center;}
.nav li .subNav dd:hover{background-color: #1d538c;}
.nav li .subNav a{ display: block; padding: 15px 0;}
.nav li .subNav dd:hover a{color: #D6A30E;}
.search{ width: 44px; height: 44px; position: relative; margin-top: 43px;}
.search .notxt1{ outline: none; border: none; width: 44px; height: 44px; background: url(../images/search_icon.jpg) no-repeat; background-position: center; background-size: cover; transition: all 0.4s ease; position: relative; z-index: 10;}
.search:hover .notxt1{ background: url(../images/search_icon_hover.png); z-index: 10;}
.search .notxt{ height: 0px; width: 0px; padding: 0; border: 0; position: absolute; right: 0px; top: 0px; z-index: 1; outline: none; transition: width 0.4s ease;}
.search:hover .notxt{ height: 47px; width: 332px; border-radius: 23.5px; padding-left: 20px; margin-top: -1px; margin-right: -2px; z-index: 1;}


.mobile_bg{width: 100%;height: 100%;z-index: 90;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0);display: none;}
.gp-menu{ display: none; width: 100%;z-index: 98;height: 10%;position: absolute; top: 0; right: 0px;}
.gp-menu-header{position: absolute;top: 42px;right: 40px;z-index: 996;width: 10%;height: 40px;background: rgba(0,0,0,0);}
.gp-menu-link{float: left;line-height: 40px;height: 40px;padding-left: 15px;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{color: #c7000a; height: 30px;font-size:25px;text-align: right; float:right;width: 38px;position: relative;  -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;cursor: pointer;}
.gp-menu-header-icon span{  position: absolute; right: 0;  top: calc((100% - 2px) / 3);  width: 27px;  height: 3px;  background-color: #c7000a;}
.gp-menu-header-icon-out span{height: 4px;background-color:#fff;display: inline-block;}
.gp-menu-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}       
.gp-menu-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.gp-menu-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
.gp-menu-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg); width: 73.529%; top: 4px;}
.gp-menu-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg); width: 84.21%; top: 9px;}
.gp-menu-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg); width: 100%; top: 14px;}
.gp-menu-header-icon.gp-menu-header-icon-click span{ top: calc((100% - 2px) / 3);}
.gp-menu-header-icon-click span:nth-child(1){ width: 32px;}
.gp-menu-header-icon-click span:nth-child(2){ width: 32px;}
.gp-menu-header-icon-click span:nth-child(3){ width: 32px;}
@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);}
}
.gp-menu-header-icon-click span{background-color:#fff ;top: calc((100% - 2px) / 2.1);}
.gp-menu-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}     
.gp-menu-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.gp-menu-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;}
}   
.gp-menu-nav{width: 100%;position: fixed;top: 0;right: 0px;padding-top: 20px;background: #054D99;display: none;padding-left: 40px;padding-right: 40px;height: 100vh;overflow-y: scroll;}

.gp-menu-nav a{}
.gp-menu-nav > ul { padding: 0 50px;}
.gp-menu-nav > ul li{-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;}
.gp-menu-nav > ul > li{position: relative;border-bottom: 1px solid rgba(255,255,255,0.2);}
.gp-menu-nav > ul > li:last-child{ margin-bottom: 70px;}
.gp-menu-nav > ul > li > a{display: inline-block;padding:30px 0 30px 0px;font-size: 1.6rem;}
.gp-menu-nav > ul > li > ul {background: rgba(0,0,0,0.1);padding:0 25px; margin-left: -90px; margin-right: -90px; background-color: rgba(255,255,255,0.2); padding-left: 120px; padding-right: 90px; font-size: 15px;}
.gp-menu-nav > ul > li > ul a{display: inline-block;padding:28px 0; display: block; border-bottom: 1px solid rgba(255,255,255,0.2);}
.gp-menu-nav > ul > li > ul li:last-child a{ border-bottom: none;}
.gp-menu-arrow {cursor: pointer;width: 30px;height: 50px; margin-top: 15px; line-height: 50px;color:#fff;text-align: center;position: absolute;right: 0;top: 0;font-size: 2rem;margin-right: 10px;transition: all 0.3s ease-in-out;}
.gp-menu-nav > ul > li.on .gp-menu-arrow{transform: rotate(90deg);}
.gp-menu-nav li ul {display: none;}

.gp-menu-nav a{color:#fff;}
.open .gp-menu-link{display: none;}
.open .gp-menu-header{background: none; position: fixed; float: right; top: 30px; right: 40px;}
@-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;}
}
.mb-search,.mbNavLogo{ display: none;}
.mb-search{ margin-top: 20px; margin-bottom: 40px; height: 60px; position: relative;}
.mb-search::before{ content: ''; display: block; width: 20px; height: 22px; background: url(../images/mb-search.jpg) no-repeat; position: absolute; left: 20px; top: 20px;}
.mb-search .notxt{border: none;box-sizing: border-box;font-size: 15px;height: 60px;width: 100%;background-color: rgba(255,255,255,0.2);color: #fff !important;padding-left: 50px;outline: none;}
.mb-search{ position: relative;}
.mb-search::after{ content: ''; display: block; width: 768px; height: 1px; background-color: rgba(255,255,255,0.2);position: absolute; left: -40px; bottom: -30px; z-index: 999;}
.mb-search .notxt1{ display: none;}

footer{background: url(../images/footer_bg.png) no-repeat;background-position: center;background-size: cover;padding-top: 49px;font-size: 0;margin-top: 30px;}
footer a{ color: #fff;}
footer a:hover{color: #D6A30E;}
footer .lf{ float: left; width: 65.833%;}
footer .rt{ float: right; width: 34.166%; padding-left: 100px; padding-top: 9px;}
footer ul{ display: inline-block; line-height: 16px; vertical-align: text-bottom;}
footer ul li{ float: left;}
.links{ padding-bottom: 34px; border-bottom: 1px solid rgba(112,121,133,0.3); letter-spacing: 0.14px;}
.links > span{ display: block; padding-bottom: 8px;}
footer .in{ margin-top: 18px;}
footer .out{ margin-top: 18px;}
.white{ color: #fff;}
footer .part{display: inline-block; line-height: 16px; vertical-align: text-bottom; padding-right: 10px;}
footer .gp-clearFix a{ display: block; padding-right: 38px; position: relative;}
footer .gp-clearFix li:last-child a{ padding-right: 0;}
footer .gp-clearFix a::after{ content: ''; display: block; width: 1px; height: 15px; background-color: #fff; position: absolute; right: 19px; top: 0;}
footer .gp-clearFix a:hover{ text-decoration: underline;}
footer .gp-clearFix li:last-child a::after{ display: none;}
.address{padding: 10px 0 7px;color: #7b8b96;}
.address span{margin-right: 20px;letter-spacing: 0.14px;display: inline-block;color: #fff;}
.address span:last-child{margin-right: 0px;}
footer .rt li{ width: 38.71%; float: right;}
/* footer .rt li:nth-of-type(odd){ float: left;} */
/* footer .rt li:nth-of-type(even){ float: right;} */
footer .rt li .gp-img-responsive{ padding-bottom: 100%;}
footer .rt .title{ margin-top: 28px; width: 100%; text-align: center;}

.copyRight{color: #fff;padding: 16px 0 18px;text-align: center;}


@media screen and (max-width:1600px){
  .nav{ margin-left: 50px; margin-right: 20px;}
}

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

@media screen and (max-width:1400px) {
  .logo{ width: 36.21%;}
  .logo01{ display: inline-block; width: 48.1%;}
  .logo02{ width: 50.3%;}
  .nav{ width: 50.357%;}

}

@media screen and (max-width:1280px) {
  .nav{ margin-left: 30px; margin-right: 10px;}
  .logo01{width: 47%;}
  .logo02{ width: 49%;}
}

@media screen and (max-width:1200px) {
  footer .lf{ float: none; margin: 0 auto; width: 66%;}
  footer .rt{ float: none; overflow: hidden; display: block; margin: 0 auto; padding-left: 0;}
  footer ul{ margin-top: 15px; margin-left: 20px;}
  .address{ text-align: justify;}
  .address::after{ content: ''; display: inline-block; width: 100%;}
  .address span{ margin-right: 0;}
  footer .rt{ width: 45%;}
}

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

@media screen and (max-width:1080px) {
  footer .lf{ width: 75%;}
  footer ul li{/* margin-bottom: 10px; */}
}

@media screen and (max-width:1024px) {
  footer .lf{ width: 80%;}
}

@media screen and (max-width:997px) {
  .nav{ display: none;}
  .header > div.search{ display: none;}
  .header{ text-align: left; padding: 0 40px;}
  .gp-container{ margin: 0px;}
  .logo{ width: 75.67%; margin: 20px 0;}
  .logo01,.logo02{ width: auto;}
  .gp-menu,.mb-search{ display: block;}
  footer{/* background: url(../images/up_icon_768.jpg) no-repeat bottom center,url(../images/footer_bg_768.png); */}
  .copyRight{background-color: rgba(5,77,153,0.9);}
  .open .mbNavLogo{ display: flex; top: 0px; left: 0; z-index: 9999;}
  header{position: static;background-color: #054D99;}
  .gp-menu-header{ top: 30px;}
}

@media screen and (max-width:840px) {
  .address{ width: 45%;}
  .address span{ display: block; margin-bottom: 25px;}
  .address span:last-child{margin-bottom: 0px;}
  .footer{ position: relative;}
  footer .rt{ position: absolute; bottom: 25px; right: 14%; width: 32.3%; padding-top: 0px;}
  .address{ padding: 50px 0;}
}

@media screen and (max-width:768px) {
  .links > span{ display: none;}
  footer .part{color: #fff;}
  footer ul{ margin-left: 0px; margin-top: 35px;}
  /* footer .out{ margin-top: 55px} */
  .address{ padding: 50px 0;}
  footer .rt{ padding-top: 0;}
  .logo{ width: 80%;}
  .logo01{ width: 43%;}
  .logo02{ width: 49%;}
  .mbNavLogo{ width: 80%;}
  .mbNavLogo .logo01,.mbNavLogo .logo01{ width: auto;}
  .header{ padding: 0 20px;}
}

@media screen and (max-width:680px) {
  .address{ width: 50%;}
  .mbNavLogo .logo01{ width: 47%;}
  .mbNavLogo .logo02{ width: 49%;}
}

@media screen and (max-width:540px) {
    /* footer .info span{ width: 100%; margin-right: 0px !important;} */
    .logo{ width: 85%;}
    .address{ padding: 25px 0;}
    footer .rt .title{ margin-top: 20px;}
    .gp-menu-nav > ul{ padding: 0px;}
    footer .rt{ position: static;}
    .address{ width: 100%; text-align: center;}
    footer .rt{ width: 70%;}
    /* footer .gp-clearFix a::after{ display: none;} */
    .copyRight span{ display: block; margin-bottom: 10px;}
    .gp-menu-header{ right: 20px; top: 20px;}
    .logo02{ padding-top: 5px;}
    .gp-menu-nav{ padding-left: 20px; padding-right: 20px;}
    .gp-menu-nav > ul > li > a{ padding: 20px 0;}
    .gp-menu-arrow{ margin-top: 5px;}
    .gp-menu-nav > ul > li > ul a{ padding: 15px 0;}
    .open .gp-menu-header{ right: 20px; top: 20px;}
    footer{ padding-top: 10px;}
    footer ul{ margin-top: 20px;}
    .links{ padding-bottom: 20px;}
    .address span{ margin-bottom: 10px;}
    .footer{ margin-bottom: 10px;}
    .address{ padding: 20px 0 5px;}
    .gp-menu-header-icon{ width: 30px;}
    .gp-menu-header-icon span:nth-child(2){ top: 7px;}
    .gp-menu-header-icon span:nth-child(3){ top: 10px;}
    .gp-menu-header{ top: 25px;}
    .gp-menu-header-icon-click span:nth-child(1){ width: 32px;}
    .gp-menu-header-icon-click span:nth-child(2){ width: 32px; top: 8.5px;}
    .gp-menu-header-icon-click span:nth-child(3){ width: 32px;}
    footer .rt li{ float: none; margin: 0 auto;}
}

@media screen and (max-width:414px) {
    footer .links span{ margin-right: 5px;}
    .open .gp-menu-header{ top: 20px;}
    .mb-search{ margin-top: 30px;}
    .header{ padding: 0 15px;}
}

@media screen and (max-width:380px) {
  footer .lf{ width: 100%;}
}

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