﻿p{margin: 0;}
.header{
 height: 140px;
}
.header-logo{
    
    margin-top: 25px;
    
}
.yuyan{
 float: right;
 margin-right: 30px;
 margin-top: 65px;
}
.header ul li{
 float: left;
 border-right: #000000 1px solid;
 list-style-type: none;
}
.header ul li a{
 text-decoration: none;
 color: #000000; 
 padding-left: 10px;
 padding-right: 10px;
}
.header ul li:last-child{
 border-right: none;
}
.bt{
 width: 20px;
 height: 20px;
 background: url(../images/search.png);
 position: relative;
 top: 64px;
 left: -49px;
 border: none;
 z-index: 2;
 background: none;
}
.search{
 padding-left: 20px;
 display: block;
 width: 340px;
 height: 45px;
 margin-top: 50px;
 float: left;
 border-radius: 10px;
 outline: none;
 
 background-color: #f2f2f2;
 background-image: url(../images/search.png);
 background-repeat: no-repeat;
 background-position: 292px 15px;
 border:#f2f2f2;
}
input::-webkit-input-placeholder {
}
.navigation{
  min-width: 1280px;
  width: 100%;
  height: 65px;
  background-color: #2f5c8d;
}
.navigation ul li{
  list-style-type:none;
  float: left;
  color: white;
  padding: 16px 48px;
  position: relative;
}
.navigation a{
  color: white;
  text-decoration: none;
  font-size: 23px;
}
.navigation ul li:hover{
 background-color: #224e7e;
}
.lunbotu{
 height: 500px;
}
.gdt{
 width: 100%;
 height: 500px;
}
.gdt img{
 width: 100%;
 height: 500px;
}
.zxgk{
 background-color: #f3f3f3;
 height: 450px;
 
}
.zxgk-title{
 padding-top: 100px;
}
.zxgk-title p{
 
 font-size: 30px;
 font-weight: bold;
 display: inline-block;
}
.zxgk-title span{
 color: #888888;
 font-size: 18px;
 display: inline-block;
 padding-left: 10px;
}
.zxgk-title img{
 display: block;
 padding-top: 15px;
}
.zxgk-content .left{
 width: 600px;
 position: relative;
 top:25px;
}
.zxgk-content .left p{
  line-height: 25px;
  color: #888888;
}
.zxgk-content .left a{
 padding-top:15px;
 display:block;
}
.zxgk-content .right{
 position: relative;
 
 float: right;
 top: -235px;
}
.three-list{
 height: 600px;
 padding-top: 95px;
 
}
.three-list-1{
 float: left;
 width: 30%;
}
.three-list-2{
 margin-left: 2.5%;
   width: 35%;
}
.three-list-3{
 margin-left: 2.5%;
}
.three-list-div{
 border-bottom: #e2e2e2 1px solid;
}
.three-list-div p{
 font-size: 22px;
 font-weight: bold;
 float: left;
 box-sizing: border-box;
 padding-bottom: 10px;
 border-bottom: #2f5c8d 3px solid;
}
.three-list-1-a{
 display: inline-block;
 float: right;
 list-style: none;
 padding-top: 7px;
}
.three-list-1 ul{
  padding-top: 5px;
}
.three-list-1 li{
 position: relative;
 display: block;
 line-height: 25px;
 padding: 20px 0 20px 15px;
 border-bottom: #e2e2e2 2px dashed;
}
.three-list-1 li::before{
 content: "";
 width: 5px;
 height: 5px;
 border-radius: 50%;
 position: absolute;
 left: 0;
 top: 30px;
 background: #c8c9c9;
 border: 2px solid #c8c9c9;
}
.three-list-1 li a {
 color: #606060;
 text-decoration: none;
 font-size: 17px;
}
.three-list-1 span{
 color: #606060;
 display: block;
 font-size: 15px;
 padding-top: 5px;
}
.three-list-2 img{
 padding-top: 15px;
 height: 160px;
 width: 100%
}
.three-list-2 ul{
  padding-top: 5px;
}
.three-list-2 li{
 position: relative;
 display: block;
 line-height: 25px;
 padding: 11px 0 11px 15px;
 border-bottom: none;
}
.three-list-2 li a {
 color: #606060;
 text-decoration: none;
 font-size: 16px;
}
.three-list-2 span{
 color: #606060;
 display: inline-block;
 float: right;
 font-size: 15px;
 padding-top: 0px;
}
.three-list-2 li::before{
 content: "";
 width: 5px;
 height: 5px;
 border-radius: 50%;
 position: absolute;
 left: 0;
 top: 20px;
 background: #c8c9c9;
 border: 2px solid #c8c9c9;
}
.fwjl{
 background-color: #f9f9f9;
 height: 575px;
}
.fwjl-1{
 float: left;
 width: 48%;
}
.lcfw-1{
 width: 48%;
 float: left;
 padding:0 15px
}
.lcfw-2{
 float: right;
}
.lcfw-1 a{
 text-decoration: none;
}
.lcfw-1 img{
 padding-top: 30px;
 display: block;
 width: 280px;
 height: 195px;
}
.lcfw-1 p{
 margin-top: 20px;
 font-size: 18px;
 font-weight: bold;
 display: block;
 color: #444444;
}
.lcfw-1 i{
 font-style: normal;
 display: block;
 padding-top: 10px;
 color: #808080;
}
.lcfw-1 span{
 color: #999999;
 display: block;
 padding-top: 5px;
}
.lcfw-1 em{
 display: block;
 padding-top: 20px;
}
.fwjl-2{
 float: right;
 width: 48%;
}

.lianjie{
 min-width: 1280px;
 background-color:#2f5c8d;
 width: 100%;
 
 padding-bottom: 10px;
}
.lianjie p{
 display: inline-block;
 float: left;
 color: #FFFFFF;
 margin-right: 20px;
}
.lianjie li{
 display: inline-block;
 float: left;
 color: #0e2f76;
 padding-right: 28px;
 margin-bottom: 10px;
}
.lianjie li a{
 text-decoration: none;
 color: #d5dee8;
}
.lianjie-div{
     box-sizing: border-box;
     padding: 22px 0;
     font-size: 16px;
}
.banquan{
 min-width: 1280px;
 width: 100%;
 height: 210px;
 background-color: #222222;
}
.banquan-message{
 margin-top: 50px;
 float: left;
}
.banquan-message img{
 display: inline-block;
 
}
.ewm{
 float: right;
 padding-top: 43px;
}
.ewm p{
 padding-top: 5px;
 color: #FFFFFF;
}
.banquan-message-div{
 padding-top: 5px;
 display: inline-block;
 position: relative;
 top: 15px;
}
.banquan-message p{
 
 display: block;
     margin-top: 11px;
     padding-left: 10px;
  color: #FFFFFF;
}
.banquan-message span{
 
  display: block;
     margin-top: 11px;
     padding-left: 10px;
  color: #FFFFFF;
}
.banquan-message li{
 list-style: none;
 display: inline-block;
 padding-left: 80px;
}
.jszc{
 min-width: 1280px;
 width: 100%;
 height: 60px;
 background-color: #000000;
}
.jszc p{
 text-align: center;
 padding-top: 21px;
 color: #858585;
}

    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
 
.three-list-1 li:hover a{
  color: #224E7E;
  font-weight: bold;
 }
 .three-list-1 li:hover span{
   color: #224E7E;
   font-weight: bold;
  }
.lcfw-1:hover p{
 color: #224E7E;
 font-weight: bold;
}
.lcfw-1:hover span{
 color: #224E7E;
 font-weight: bold;
}
.lcfw-1:hover i{
 color: #224E7E;
 font-weight: bold;
}
@-webkit-keyframes dhli {  
0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
@keyframes dhli { 
0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
.dh1{display: block; -webkit-animation: dhli 0.8s;animation: dhli 0.8s;}
.dh2{display: block; -webkit-animation: dhli 1.0s;animation: dhli 1.0s;}
.dh3{display: block; -webkit-animation: dhli 1.2s;animation: dhli 1.2s;}
.dh4{display: block; -webkit-animation: dhli 1.4s;animation: dhli 1.4s;}
.dh5{display: block; -webkit-animation: dhli 1.6s;animation: dhli 1.6s;}
.dh6{display: block; -webkit-animation: dhli 1.8s;animation: dhli 1.8s;}
.dh7{display: block; -webkit-animation: dhli 2.0s;animation: dhli 2.0s;}
.dh8{display: block; -webkit-animation: dhli 2.2s;animation: dhli 2.2s;}
.dh9{display: block; -webkit-animation: dhli 2.4s;animation: dhli 2.4s;}

.secNav{
     display: none;
     list-style: none;
     z-index: 909;
     width: 114px;
     top: 50px;
     position: absolute;
     z-index: 500;
     
     
     left: 0px;
     top: 55px;
}
.navigation .secNav li {
 background-color: #2f5c8d;
 width: 188px;
 line-height: 21px;
 text-align: center;
 margin-top: 2px;
 padding: 10px 10px;
}
.active:hover{
 
 background-color: #0068b7;
}
.active:hover a{
 color: #FFFFFF;
}
.active:hover .secNav{
 display: block
}
.no-hidden{
 overflow: visible;
}