@charset "utf-8";
/* CSS Document */
/*2022.04.08*/
/*头部样式*/
.gp-header{width:100%; position: relative;z-index: 99;}
.gp-header .gp-container{ position: relative; }
.topLeft{ width:23.6%;float: left;}
.logo{ background: #1c4b90;text-align: center; padding: 109px 47px 70px; transition: width 0.3s ease;}
.logo_01{ display: block; }
.logo_02{ display: block; margin-top: 12px;}
.leftNav{ margin-top: 22px; position: relative;height: 24px;line-height: 24px;}
.leftNav a{ color: #1c4b90; padding-right:12%; float: left;}
.leftNav a:hover{text-decoration: underline;}
.topNav{text-align: left; border-bottom: #617fac 1px solid;}
.topNav a{ display: inline-block; font-weight: normal; padding-right: 30px; padding-bottom: 12px; }

.nav{width: 69.4%;float: right;margin-top: 48px; transition: all 0.2s ease;}
.nav ul{display: -moz-box; /*firefox*/display: -ms-flexbox; /*IE10*/display: -webkit-box; /*Safari*/display: -webkit-flex; /*Chrome*/display: box;
display: flexbox;display: flex; display: block\9; }
.nav ul > li{ height: 50px;transition: all 0.3s ease;position: relative;width: 100%;width:auto\9; float: left\9; padding: 0 2%\9;}
.nav ul li > a{padding:0;text-align:center;line-height:50px;height:50px; font-weight: bold; display: block;transition: all 0.3s ease;}
.nav ul li.on > a,.nav ul li:hover > a{ color: #1c4b90; }
.nav ul li.on .subNav{display: block; }
.nav-wrapper > div{position: relative;}
.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;}
.subNav{width:100%;background:rgba(10, 82, 167,0.8); position: absolute;left:0;top:50px;display: none;/*! text-align: center; */z-index: 9;}
.subNav dd {}
.subNav a{color:#fff;padding:12px 10px; font-size: 16px; line-height: 24px; display: block;text-align:center;}
.subNav a:hover{background-color:#0e418c;}
.nav ul li.on .subNav{display:block;
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

body.current{padding-top:170px;}
.gp-header.current{ position: fixed; top: 0; border-bottom: #d8d8d8 1px solid;z-index: 99;background:#fff; }
.gp-header.current .topLeft{ width: 140px; }
.gp-header.current .leftNav{ display: none; }
.gp-header.current .logo{padding: 10px 30px;width: 123px;}
.gp-header.current .nav{ margin-top: 20px; width: 82%;}
.gp-header.current .headerFix-menu{display: block;}
.gp-header.current .logo_02{margin-top: 5px;}


.banner-number{font-size:24px; text-shadow: 0px 2px 2.91px rgba(0, 0, 0, 0.75); color: #fff; position: absolute; bottom: 123px;
 right: 15px;z-index: 99;}
.pic-index{}
.pic-all{}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.banner .flexslider .slides > li .slideImg{display: block;height: 0;padding-bottom:41%;overflow:hidden;position: relative;}
.banner .flexslider .gp-img-responsive img:hover{ transform: scale(1);  }
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { /*! text-decoration:none; */ display: block; width: 53px; height: 53px;  overflow: hidden; cursor: pointer;transition: all 0.35s ease-in-out;border-radius: 50%;border: #276ed8 3px solid;background: #1f4889;text-align: center;line-height: 53px;color: #fff;font-weight: bold;font-size: 22px;}
.flex-direction-nav a:hover{text-shadow: 1px 1px 0 #666;}
.flex-direction-nav .flex-prev {}
.flex-direction-nav .flex-next {}
.flexslider:hover .flex-prev {}
.flexslider:hover .flex-next {}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */ 
.flex-control-nav {width: 100%; position: absolute; bottom: -2px; /*! left:0; */ text-align: center; z-index:9999; }
.flex-control-nav li {margin: 10px 6px 0; display: block; zoom: 1; *display: inline;vertical-align: bottom;}
.flex-control-paging li a {width: 8px; height: 8px; display: block;  cursor: pointer;  }
.flex-control-paging li a:hover {  }
.flex-control-paging li a.flex-active { }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.flexslider .slides > li > a{ display: block; }

@-webkit-keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.leftNav a.icon-iconfontsousuo{ font-size: 22px;}
.leftNav a.icon-iconfontsousuo:hover{text-decoration: none;}
/*1.默认展开的搜索*/
.gp-search{width:100%;/*! overflow: hidden; */display: block;*display: inline;*zoom:1;vertical-align: middle;transition: all 0.35s ease-in-out;border:1px solid #ccc;position: absolute;bottom: -45px;left: 50%;}
.gp-ser{width:100%; height:38px; z-index:9999994; margin:0 auto;position: relative;}
.gp-search input,.gp-search button{position:absolute; height: 38px;line-height:38px; border:none; background:none; top:0px;overflow: hidden; padding: 0;}
.gp-search input.notxt{color:#a4a4a4; width:98%;left: 0;padding-left: 2%;}
.gp-search .notxt1 {position: absolute;width: 9%;right:36%;cursor:pointer;color:#1d4c90;font-size: 22px;top: -38px;}


/*2.搜索按钮当前位置展开*/
.gp-serBtn2{/*! background:url(../images/serBtn.png); *//*! width: 18px; *//*! height: 18px; */}
.gp-search2{width: 0;border:none;}
.gp-search2.active{width: 100%;border:1px solid #dcdcdc;left: 0;}


@media screen and (max-width:998px) {
  .gp-search4 .gp-ser{width: 80%;}
  .gp-search4 input,.gp-search4 button{box-sizing: border-box;}
  .gp-search4 input.notxt{width: 100%;padding-right: 90px;}
  .gp-search4 .notxt1{width: 85px;}
}




.gp-goTop {display: none; position: fixed;bottom:20px;right: 20px;z-index: 9999999;color: #fff; 
  transition: none; width:65px;height:65px;background: rgba(255,255,255,.5);line-height: 65px;text-align: center;border-radius: 50%;box-shadow: 0 0 16px 2.4px rgba(107,107,107,.5);}
.gp-goTop img{display: block;margin: 4px auto -8px;width: 45px;}
.gp-goTop p{text-align: center;font-size: 12px;line-height: 16px;color: #0152ac;}
/*手机端导航*/
.mobile{width:40px;position:absolute;display: none;top:15px;right: 26px;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{position: absolute;top: 0;right: 0px;z-index: 50;}
    .mobile-inner-header-icon{
text-align: center;
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{ font-size: 32px; color: #fff; position: absolute; left: 2px;top: 1px;}
.mobile-inner-header-icon{color: #fff;float:right;width: 35px;height: 35px; line-height: 35px; position: relative; cursor: pointer;} 
.mobile-inner-header-icon-out i{font-size: 24px; color: #1c4b90;border: #b0b0b0 1px solid;border-radius: 50%; display: inline-block;width: 35px; height: 35px;}      
.mobile-inner-header-icon-click i{display: none;}
.mobile-inner-header-icon-out span{  display: none;}
.mobile-inner-nav{ width: 100%;text-align: center;opacity: 0;width: 0;transition: right 0.3s ease-in-out;height:0;background-color:#0d3b7f; }
.mobile-inner-nav li a{display: inline-block;line-height: 48px;
    text-decoration: none;  width: 100%;font-size: 1.6rem; 
     border-bottom: solid 1px #617fac;
    -webkit-transition: all 0.5s;   -moz-transition: all 0.5s;color:#fff;
    -o-transition: all 0.5s;    transition: all 0.5s; 
text-align: left;
font-weight: bold;
}
.mobile-inner-nav li:first-child a{border-top:1px solid #617fac;}
.mobile-inner-nav li{position: relative;}
.mobile-inner-nav li.on{}
.mobile-inner-nav li.on a{ color: #fff;}
.mobile-inner-nav li .icon-fanhui{ }
.mobile-inner-nav li .icon-fanhui-copy{transform: rotate(45deg);}
.mobile-inner-nav li strong{color:#fff;position: absolute;right:0;top:0;font-size: 2.2rem;cursor: pointer;width: 20px;height: 48px;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: 48px; 
font-weight: normal;
}
.mobile-inner-nav li 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: #216bc3; */}
.mobile-inner-nav dd a{height: 40px;line-height: 40px;border-bottom: solid 1px rgba(255,255,255,0.1);font-size: 1.5rem;}
.mobile-inner-nav dd a:hover{background-color: #1552ac;}

.mobile_search input.notxt{background: none;} 
.mobile_search{clear: both;height: 59px;overflow: hidden;z-index: 99993;display: block; margin: 12px 0;}
.mobile_search .search{ overflow:hidden;height: 59px;position:relative;background: #fff;} 
.mobile_search input.notxt{width: 84%;color:#566c99;border:none;padding: 0 20px;height: 59px;box-sizing: border-box;font-size: 1.6rem; float: left;}
.mobile_search .notxt1{width: 40px;right:0; border:none;height: 59px;left: auto; float: right;color: #0d3b7f;font-size: 22px;position: absolute; background: none;}
.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: 70%;display: block;position: fixed;right: 0px;top: 0;box-shadow: 0 2px 5px rgba(0,0,0,0.2);opacity: 1;
  height: 100%;box-sizing: border-box;overflow-y: auto;overflow-x: hidden;z-index: 10;  transition: all 0.3s ease;padding: 55px 30px 0;}
 
/*footer*/
 
.wrap_footer{background:url(../images/footerbg.jpg) no-repeat center top; background-size: cover;position: relative;z-index: 9;}
.footer { position: relative; padding: 64px 0 70px;}
.footer > .gp-fl{ width:27%; }
.footer > .gp-fr{ width:32%; }
.f-logo{ display: block; margin:10px 0 25px; }
.copyRight{}
.copyRight p{ line-height: 30px; opacity: 0.7; }
.codeList{ margin: 0 -3%; }
.codeList li{ display: inline-block; margin: 0 3%; vertical-align: middle;}
.codeList li a{display: inline-block; width: 50px; height:50px; transition: all 0.3s ease-in-out;}
.codeList li a.weixin{ background: url(../images/weixin.png) no-repeat center; }
.codeList li a.sina{ background: url(../images/sina.png) no-repeat center; }
.codeList li a.xx{ background: url(../images/xx.png) no-repeat center; }
.codeList li a.dy{ background: url(../images/dy.png) no-repeat center; }
.codeList li a:hover{ opacity: 0.95; }
.code{position: relative;}
.code span{width: 100px;display: none;left: 50%;margin-left: -50px;position: absolute;height: 100px;bottom:60px;}
.link{ margin:40px -10px 20px; overflow: hidden; }
.link li{ display: inline-block; }
.link li a{ padding: 0 10px; display:inline-block; }
.link li a:hover{ text-decoration: underline; color: #fff; } 


@media screen  and (max-width:1800px) {
    .nav ul{ width: calc(100% + 8vw); }   
     
}

@media screen  and (max-width:1600px) {
    .nav{ width: 74.4%;margin-top: 20px;}
     .gp-f26{font-size: 2.4rem;}
		 .gp-f18{font-size: 17px;}
}


@media screen  and (max-width:1440px) {
    .nav ul{ width: calc(100% + 12vw); } 
    .footer > .gp-fr{ width: 36%; } 
}

@media screen  and (max-width:1300px) {
      .gp-container{ width: auto; margin-left:30px !important; margin-right:30px !important; }
      .nav ul{ width: calc(100%); }  
      .topLeft{ width: 20%; }
      .gp-search .notxt1{ right: 18%; }
      .nav{ width: 77%; }
      .logo{ padding: 60px 47px 45px; }
}

@media screen  and (max-width:1200px) {
       .gp-header.current{ display: none; }
       .gp-topNav,.nav,.leftNav{ display: none; } 
       .mobile{ display: block; }
       .gp-header{  }
       
}

@media screen and (max-width: 1024px) {
       .gp-container{ width: auto; margin-left:25px !important; margin-right:25px !important; }
       .topLeft{ width: 280px; }
       .gp-header{ position: absolute; top: 0;z-index: 9; }
       .footer{ padding: 30px 0 60px; }
       .footer > .gp-fl{ width: 100%; float: none; text-align: center; }
       .f-logo{ margin-top: 0; }
       .copyRight p{ line-height: 22px; }
       .link li a{ padding: 0 6px; }
       .footer > .gp-fr{ width: 100%; float: none; text-align: center;margin: 40px 0 0 0;}
       .gp-goTop{width: 40px;height: 40px;}
	     .gp-goTop p{display: none;}
	     .gp-goTop img{width: 35px;}
}

@media screen and (max-width: 766px) {
      .gp-f22{ font-size: 20px; font-size: 2.0rem; }
      .gp-f18{ font-size: 16px; font-size: 1.6rem; }
      .gp-f48{font-size:3.2px;font-size: 3.2rem;}
      .gp-f30{ font-size: 22px; font-size: 2.2rem; }
      .topLeft{ width: 200px !important; }
      .logo{padding: 40px 25px 30px !important;}
} 




@media screen and (max-width:640px) {
      .gp-f22{ font-size: 18px; font-size: 1.8rem; }
      .gp-f24{ font-size: 18px; font-size: 1.8rem; }
     
}