body{
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff;
    font-family: "Microsoft YaHei";
}
a,a:hover{
    text-decoration: none;
    color: #000;
}
h1,h2,h3,h4,div,span,p{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
a{
    -webkit-transition: 0.3s 0.2s ease;
    -moz-transition: 0.3s 0.2s ease;
}
img {
    border: 0;
}
ul , li{
   list-style: none;

}
@font-face {
    font-family: 'pfdintextcondpro';
    src: url('../images/pfdintextcondpro-regular-webfont.eot');
    src: url('../images/pfdintextcondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../images/pfdintextcondpro-regular-webfont.woff') format('woff'),
    url('../images/pfdintextcondpro-regular-webfont.ttf') format('truetype'),
    url('../images/pfdintextcondpro-regular-webfont.svg#voltaireregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
.flex{
    display: flex;
    align-items: center;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding: 0;
}
.row{
    margin: 0;
}
h1 ,h2 ,h3,h4, h5, h6, p ,span,div{
   font-family: "Microsoft YaHei";
}
/*************************************************************/
.container{
    min-width: 1200px;
    margin: auto;
    padding:0;
}

.nav-box{
    flex:1;
    justify-content: right;
    padding-right: 40px;
}
.nav-box a{
    line-height: 100px;
    padding: 0px 20px;
    color: #8f9295;
    font-size: 16px;
    position: relative;
}
.nav-box a:hover{
      color: #005da8;
}
.nav-box .active{
    color: #005da8;
    font-weight: bold;

}
.nav-box .active::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 22px;
    height: 4px;
    background-color: #005da8;
    border-radius: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -11px;
}
.logo{
    padding-left: 60px;
    align-items: center;
}


.bx-wrapper .bx-viewport {
    border: none;
    left: 0px;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.container-max{
    max-width: 1400px;
}
.tittle{
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
   
}
.tittle-p{
    font-size: 14px;
   color: #8f9295; 
   margin-top: 20px;
}
.icon-box{
    flex: 1;
    justify-content: center;
    padding-bottom: 40px;
}
.icon{
    width: 160px;
    height: 160px;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 16px;

}
.icon-1{
     background-image: url(../images/icon-1.png);
}
.icon-2{
     background-image: url(../images/icon-2.png);
}
.icon-3{
     background-image: url(../images/icon-3.png);
}
.icon-4{
     background-image: url(../images/icon-4.png);
}

.icon-box h1{
    width: 190px;
    margin: auto;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    line-height: 76px;
}
.bg1{
    background-image: url(../images/01.png);
    background-repeat: no-repeat;
}
.bg2{
    background-image: url(../images/02.png);
    background-repeat: no-repeat;
}
.bg3{
    background-image: url(../images/03.png);
    background-repeat: no-repeat;
}
.bg4{
    background-image: url(../images/04.png);
    background-repeat: no-repeat;
}
.icon-box h2{
    text-align: center;
    font-size: 14px;
    color: #8f9295; 
}
.icon-box:hover .icon{
    background-position-y: 160px;
  
}
.sanjiao{
       background-image: url(../images/sjx.png);
       width: 26px;
       height: 24px;
       margin: auto;
       margin-top: 20px;
       display: none;

}


.icon-box:hover .sanjiao{
   display: block;
  
}
.container-dt{
    background-image: url(../images/bg.webp);
    background-repeat: no-repeat;
    padding-top: 80px;
    margin-top: 40px;
    min-width: 1200px;
}
.article-box{
    margin-top: 80px;

}
.article-top-img{
    width: 610px;
    height: 382px;
    background-color:#005da8 ;
    overflow: hidden;
}
.article-top{
    align-items: end;
    padding: 0 20px;
}
.article-top-font{
    flex:1;
}
.article-top-font{
    background-color: #fff;
    height: 260px;
    padding: 40px 40px 10px 40px;
}
.article-top-font h1{

    font-size: 24px;
    padding-top: 5px;

}
.article-top-font h2{
    color: #8f9295; 
    font-size: 14px;
    padding: 15px 25px;
    position: relative;


}
.article-top-font h2::before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width:18px ;
    height: 17px;
    background-image: url(../images/time.png);
    
}
.article-top-font p{
    font-size: 14px;
    margin-top: 30px;
    line-height: 24px;
    text-indent:28px;

}
.article-top-font h3{
    font-size: 14px;
    margin-top: 30px;
    line-height: 24px;
    color: #d2aa7c;
    border: 1px solid #d2aa7c;
    width: 80px;
    text-align: center;
}
.article-top:hover .article-top-font h1{
    color:#023a67;
}
.article-top:hover .article-top-font h3{
    background-color: #d2aa7c;
    color: #fff;
}
.article-top:hover .article-top-font p{
     color: #005da8
    }
.article-img{
    height: 240px;
    overflow: hidden;
}
.article{
    margin-top: 80px;
    flex:1;
    padding: 0 20px;
    width: 0;
}
.more{
    margin: auto;
    margin-top: 40px;
    margin-bottom: 80px;
    display: block;
    width: 80px;
    font-size: 14px;
    color: #fff;
    background-color: #09518b;
    line-height: 40px;
    padding: 0 20px;
    position: relative;

}

.more:hover{
    background-color: #d2aa7c;
    color: #fff;
}
.more::after{
    position: absolute;
    content: "";
    right: 20px;
    width:15px ;
    height: 12px;
    top:50%;
    margin-top: -6px;
    background-image: url(../images/more.png);
    
}
.article-font{
    background-color: #f3f3f3;
    padding: 20px;
    height: 84px;
}
.article-font h1{
    font-size: 18px;
    line-height: 26px;
}
.article-font p{
    padding-top: 10px;
    font-size: 14px;
    color: #8f9295;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
}
.article:hover .article-font{
    background-color: #09518b;
}
.article:hover .article-font h1{
    color: #ffffff;
}
.article:hover .article-font p{
    color: #ffffff;
    opacity: 0.6;
}
.container-foot{
  background-color:#023a67;
  min-width: 1200px;
}

.foot-nav a{
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    opacity: 0.6;
    padding-right: 40px;
   
}
.foot-nav a:hover{
     opacity: 1;
}
.foot-nav{
    border-bottom: 1px solid rgba(255, 255, 255,0.5);
    padding: 40px 20px 20px 20px;
}
.foot p{
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
    opacity: 0.6;
    padding: 0 20px;
   
}
.foot h1{
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
    padding-left: 50px;
    opacity: 0.6;
   
}
.foot-p div{
      position: relative;
}
.foot-p div::before{
    position: absolute;
    content: "";
    left: 20px;
    width:20px ;
    height: 20px;
    top:50%;
    margin-top: -10px;
    background-image: url(../images/gz.png);
    opacity: 1;
    
}
.foot-p{
    padding: 50px 0;
    flex: 1;
}
.ewm img{
    width: 80px;
    height: 80px;
    margin: auto;
    display: block;
    padding: 10px 0px;
}
.icon-flex{
    justify-content: center;
}
/********************************************************************************************/
.fy-banner-box{
    background-repeat: no-repeat;
    height: 320px; 
    position: relative;
    overflow: hidden;
    min-width: 1200px;

}
.fy-banner{
    position: absolute;
    width: 1920px;
    height: 320px;
    top: 0;
    left: 50%;
    margin-left: -960px;
   
}

.fy-container{
    width: 1400px;
    margin: auto;
    position:absolute;
    left:50%;
    margin-left:-700px;
    top:70px;

}
.fy-container h1{
    color: #fff;
    font-size: 14px;
    margin-top: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 3px;
}
.tittle-fy{
    margin-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #e0e0e0;
    
}
.tittle-fy h1{
    font-size: 24px;
    color: #09518b;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}
.tittle-fy h1::before{
    position: absolute;
    content: "";
    width:30px ;
    height: 4px;
    background-color: #d2aa7c;
    border-radius: 2px;
    left: 50%;
    margin-left: -15px;
    bottom: -20px;
}
.tittle-fy h2{
    font-size: 18px;
    color: #09518b;
    text-align: center;
    padding-top:40px;
    font-weight: bold;
}
.news-img{
    width: 320px;
    height: 220px;
    overflow: hidden;
}

.news{
    flex: 1;
    width: 0;
}
.news-box{
    align-items:flex-start;
    padding: 40px 0;
    border-bottom: 1px solid #e0e0e0;
}
.news-time{
    width: 70px;
    height: 78px;
    border: 1px solid #e0e0e0;
    margin-left: 50px;
    margin-right:40px;
}
.news-time h2{
    text-align: center;
    font-size: 32px;
    color: #09518b;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 50px;
    padding-top: 2px;
}
.news-time h3{
    text-align: center;
    font-size: 12px;
    color: #09518b;
    font-family: Arial, Helvetica, sans-serif;
}
.news h1{
    font-size: 28px;
    line-height:52px;
    padding-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news p{
    font-size: 16px;
    color: #8f9295;
    height: 110px;
    line-height:28px;
}
.news span{
    float: right;
    background-color: #09518b;
    font-size: 14px;
    color: #fff;
    padding: 6px 20px;

}
.news-box:hover .news h1{
   font-weight: bold;
}
.news-box:hover .news p{
   color: #09518b;
}
.news-box:hover .news span{
     background-color: #d2aa7c;
}
.news-box:hover .news-time{
    background-color: #09518b;
    border: 1px solid #09518b;;

}
.news-box:hover .news-time h2{
     color: #fff;
}
.news-box:hover .news-time h3{
     color: #fff;
}
.page-box{
    justify-content: flex-end;
    margin-top: 40px;
    margin-bottom: 60px;
}
.page-left{
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background-color: #f3f3f3;
    background-image: url(../images/grey-left.png);
    background-repeat: no-repeat;
}
.page-right{
    width: 30px;
    height: 30px;
    border-radius: 4px;
     background-color: #f3f3f3;
    background-image: url(../images/grey-right.png);
    background-repeat: no-repeat;
     margin-left: 10px;
}

.page-box a{
    width: 30px;
    height: 30px;
    border-radius: 4px;
     background-color: #f3f3f3;
     line-height: 30px;
     color:#888b8e;
     text-align: center;
     font-size: 14px;
     margin-left: 10px;
}
.page-box .page-active{
      background-color: #09518b;
       color:#fff;
}
/********************************************************************************/

.zxfw-one .zxfw-img img{
    display: block;
}
.zxfw-one .zxfw-img h1{
    color: #fff;
    font-size: 24px;
    margin:0 20px;
}
.zxfw-one .zxfw-img{
  width: 100%;
  height: 220px;
  background-repeat: no-repeat;
  justify-content: center;
}
.zxfw-sj .zxfw-img{
  background-image: url(../new-img/fw-1.webp);
}
.zxfw-sw .zxfw-img{
  background-image: url(../new-img/fw-2.webp);
}
.zxfw-pg .zxfw-img{
  background-image: url(../new-img/fw-3.webp);
}
.zxfw-zx .zxfw-img{
  background-image: url(../new-img/fw-4.webp);
}


.zxfw-active{
    flex: 1;
}

.zxfw-one{
    cursor: pointer;
  
}
.zxfw-one .zxfw-content-one{
 display: none;
}
.zxfw-active .zxfw-content-one{
display: block;
}

.tittle-fy-zxfw{
    border-bottom: none;
}
.zxfw-content{

    margin-bottom: 80px;
  
}
.zxfw-content-one{
    padding:60px;
    overflow: hidden;
    background-color: #f3f3f3;
}
.zxfw-content-one h1{
    font-size: 36px;
    font-weight: bold;
    position: relative;
    padding-bottom: 80px;
    letter-spacing: 1px;
    text-align: center;
}
.zxfw-content-one h2{
    font-size: 24px;
    padding-bottom: 20px;
    text-align: center;
}
.zxfw-content-one p{
    font-size: 18px;
    padding-bottom: 10px;
    color: #8f9295;
    line-height: 30px;
    text-align: center;
}
.sw{
    font-size: 16px;
    color: #fff;
    background-color: #09518b;
    border-radius: 4px;
    margin-right: 30px;
    float: left;
    padding:8px 30px ;
    margin-top: 24px;
}
.zxfw-content-one h1::after{
    position: absolute;
    content: "";
    left: 50%;
    margin-left:-15px ;
    width: 31px;
    height: 22px;
    bottom: 36px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
}
.pg-box{
    justify-content: center;
}
.suiwu{
     font-size: 16px;
    color: #09518b;
    border-radius: 4px;
    border:1px solid #09518b;
    margin-right: 30px;
    padding:6px 20px ;
    margin-top: 20px;
    width: 180px;
    text-align: center;
}
.pg{
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    margin:0 20px;
    padding:0 10px ;
    margin-top: 40px;
    text-align: center;
    height: 160px;
    width: 130px;
    justify-content: center;
    line-height:26px;
    letter-spacing: 1px;
    
    
}
.pg-box-a .pg{
    width: 160px;
    position: relative;
  
}
.pg-box-a  img{
    margin-top: 20px;
}
.pg1{
    background-color: #09518b;
}
.pg2{
    background-color: #1365a7;
}
.pg3{
    background-color: #2f71b4;
}
.pg4{
    background-color: #3e85cc;
}
.zx{
    font-size: 16px;
    color: #fff;
    background-color: #09518b;
    border-radius: 4px;
    margin-right: 30px;
    padding:8px 20px ;
    margin-top: 26px;
    width: 300px;
    text-align: center;
    position: relative;
}
.zx-a::after{
    position: absolute;
    content: "";
    right: -32px;
    width: 24px;
    height: 46px;
    top: 30px;
    background-image: url(../images/jiantou.png);
    background-repeat: no-repeat;
}
/*********************************************************/
.lxwm{
    flex: 1;
}
.map{
    margin-right: 160px;
    border: 1px solid #e0e0e0;
}
.lxwm h1{
    font-size: 20px;
    letter-spacing: 1px;
    text-align: justify;
    text-align-last: left;
    line-height: 36px;
    margin-bottom: 60px;

}
.lxwm p{
    font-size: 18px;
   line-height: 36px; 
   margin-top: 16px;
}

.lxwm p span{
    line-height: 36px; 
}
.lxwm .flex{
    align-items: flex-start;
}
.lxwm p img{
    margin-right: 10px;
}
.lxwm-box{
    margin-top: 60px;
    margin-bottom: 100px;

}
/**************************************************/
.tittle-fy-list{
    padding-bottom: 20px;
}
.tittle-fy-list a{
    padding-right: 16px;
    font-size: 16px;
    color: #8f9295;
  
}
.tittle-fy-list a:hover{
    color: #000;
}
.tittle-fy-list span{
    display: inline;
    color: #005da8;
     font-size: 16px;
}
.article-detail div img{
    width: 90%;
    padding: 0 5%;
}
.article-detail h2{
    color: #8f9295;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 44px;

}
.article-detail h1{
    text-align: center;
    font-size: 44px;
    line-height: 88px;
    font-weight: bold;
    padding-top: 10px;
}
.article-detail h3{
    text-align: center;
    color: #8f9295;
    font-size:22px;
    line-height: 34px;
    padding-bottom: 60px;
}
.article-detail p{
    font-size:18px;
    text-indent: 36px;
    line-height: 36px;
    text-align: justify;
}
.article-detail h4{
    font-size:22px;
    line-height:36px;
    padding: 20px 0;
}
.container-article{
    min-width: 1024px
}
.bank-20{
    padding-top: 20px;
}
.bank-10{
    padding-top: 10px;
}
.bank-30{
    padding-top: 30px;
}
.article-detail video{
    width: 100%;
    max-width: 1280px;
    margin:0 auto;
    text-align: center;
    display: block;
}
.article-detail div .img-100{
    width: 100%;
    padding: 0 0;
}
/******************************************************/
.gw{
    border-top: 1px solid #e0e0e0;
    padding: 40px 0px;

}
.gwnr{
    flex: 1;
}
.gwmc{
    align-items: flex-start;
    font-size: 22px;
    line-height: 36px;
    padding-top: 20px;
    width: 20%;
    position: relative;
    padding-left:20px;
  padding-bottom: 20px;

}
.gw{
   align-items: flex-start; 
}
.gw p{
    font-size: 16px;
    color: #8f9295;
}
.gw .gwbt{
font-size: 18px;
 color: #09518b;
 padding-top: 20px;
 padding-bottom: 20px;

}
.gwmc::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    left: 0;
    top:50%;
    margin-top: -5px;
    background-repeat: no-repeat;
    background-color:#005da8
}
.cpgw{
     background-color:#005da8;
     display: block;
     width: 100px;
     line-height: 40px;
     color: #fff;
     text-align: center;
     
}
/**************************************************************************************/
.gyzx-box{
    align-items: flex-start;
    margin-top: 40px;
}
.gyzx-left{
    margin-right: 80px;
  

}

.gyzx-left ul li{
    width: 140px;
    font-size: 18px;
    text-align: center;
    line-height: 44px;
    border-radius: 4px;
    background-color:#f3f3f3;
    margin-top: 20px;
    cursor: pointer;
}
.gyzx-left ul li:hover{
    background-color: #09518b;
    color:#fff;
}
.right-one{
    margin-left: 20px;
    margin-top: 40px;
    
}
.right-one .tittle-img{
    width: 500px;
    border:16px solid #f3f3f3;
    margin-right: 40px;
  
}
.right-one p{
     font-size: 18px;
    line-height: 36px;
    text-align: justify;
    text-indent: 36px;
    margin-top: 30px;
}
.right-one h1{
    font-size: 24px;
    line-height: 44px;
}
.one-icon{
    flex: 1;
    justify-content: center;
    margin-top: 80px;
}

.one-icon img{
    margin: auto;
    display: block;
}
.one-icon h2 {
    font-size: 24px;
    text-align: center;
    line-height: 48px;
    margin-top: 12px;
}
.one-icon h3 {
    font-size: 18px;
    text-align: center;
    line-height: 28px;
}
.one-img{
    margin-top: 80px;
    margin-bottom: 80px;
}
.one-img img{
    width: 100%;
}
.right-two .tittle{
    position: relative;
    display: block;

}
.right-two .tittle::after{
    position: absolute;
    content: "";
    left: 0;
    width: 82px;
    height: 8px;
    bottom: 20px;
    background-color: #09518b;
    background-repeat: no-repeat;
}
.right-two h1{
    font-size: 24px;
    padding:30px 20px 60px 20px;
    letter-spacing: 1px;

}

.flex-justify h1{
    flex: 1;
    line-height:44px;
}
.gyzx-left ul .active{
    background-color: #09518b;
    color: #fff;
    font-weight: bold;
}
.fenwei{
     padding: 10px;
}
.fenwei-one{
    flex: 1;
    margin: 10px;
    background-color:#f7f7f7 ;
    padding:24px;
    margin-top: 40px;
    margin-bottom: 60px;
}
.fenwei-one h3{
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: bold;
}
.fenwei-one h4{
    font-size: 14px;
    color: #8f9295;
    margin-top: 10px;
}
.jzg-one{
    flex: 1;
    margin:10px;
    background-color:#f7f7f7 ;
    padding:24px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.flex-no{

    padding: 10px;
}
.jzg-one h3{
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    color: #09518b;
    letter-spacing: 1px;

}
.jzg-one h4{
    font-size: 14px;
    padding-left: 10px;
    color: #8f9295;
}
.jzg-one p{
    font-size: 18px;
    line-height: 44px;
    letter-spacing: 1px;
 
}
.jzg{
    margin-top: 30px;
    margin-bottom:50px;
}
.gyzx-right{
    flex: 1;
}
.jzg-one .flex{
    align-items: flex-end;
}

/************************************************************************/
.zxkh-box {
    margin-top: 60px;
    margin-bottom: 60px;
}
.zxkh-box p{
    padding: 20px;
    font-size: 18px;
    line-height:36px;
    text-indent: 36px;
    margin-top: 20px;
    
}
.logo-one{
    border:1px solid #e0e0e0;
    border-radius: 4px;
    flex: 1;
    margin: 10px;
}
.logo-one img{
    display: block;
    margin: auto;

}
.logo-one h1{
    font-size: 14px;
    text-align: center;
    background-color:#f3f3f3;
    line-height: 40px;
    border-top: 1px solid #e0e0e0;;
    
}

.logo-font .logo-one h1{
    border: none;
     line-height: 20px;
     padding: 10px 0;
}
.kr-logo{
    padding: 10px;
}
.logo-no{
    border: none;
}
.logo-font {
    overflow: hidden;
    margin-top: 40px;
}
.logo-have{
    overflow: hidden;
}
.logo-no{
    overflow: hidden;
    margin-top: 40px;
}
.logo-no .logo-one{
    padding: 10px 0;
}
.zxkh-box h2{
    color: #fff;
    font-size: 18px;
    background-color:#09518b ;
    width: 160px;
    text-align: center;
    border-radius: 4px;
    line-height: 44px;
    margin: 40px 20px;
}

/************************************************/

.logo-font-a{
    display: none;
}

.v-xs{
    display: none;
}