.header-top{
    width: 100%;
    padding: 16px 0 10px;
}
.header-top h1 span{
    font-size: 20px;
}
.header-top h1 img{
    width: 144px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.header-top .dat{
    margin-top: 9px;
}
.header-top .dat i{
    font-size: 14px;
    color: #4f64ad;
    vertical-align: middle;
}
.header-top .dat a{
    font-size: 16px;
    color: #666666;
    padding-left: 10px;
    
}
.header-top .dat .fw{
    position: relative;
}
.header-top .dat .fw .imgviewd{
    position: absolute;
    right: -105px;
    top: -32px;
    width: 80px;
    height: auto;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header-top .dat .fw:hover .imgviewd{
    opacity: 1;
    right:-90px;
}
.header-top .dat a em{
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.header-top .dat .jc em{
    background: url('../image/header-ico1.png') no-repeat;
    background-position: center 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header-top .dat .zs em{
    background: url('../image/header-ico2.png') no-repeat;
    background-position: center 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header-top .dat .cx em{
    background: url('../image/header-ico2.png') no-repeat;
    background-position: center 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header-top .dat .xt em{
    background: url('../image/header-ico3.png') no-repeat;
    background-position: center 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header-top .dat .fw em{
    background: url('../image/header-ico4.png') no-repeat;
    background-position: center 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header-top .dat a:hover em{
    background-position: center -38px !important
}
.header-top .dat a:hover{
    color: #4f64ad;
}
.header{
    width: 100%;
    background: #15489b;
}
.header h2{
    width: 340px;
    background: #1e4ca2;
    color: #fff;
    font-size: 18px;
    
    padding: 0 20px;

    position: relative;
}
.header h2 > span{
    line-height: 58px;
}
.header h2 .h2view{
    position: absolute;
    top: 58px;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 5;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header h2 .h2view li{
    width: 100%;
    position: relative;
    height: 200px;
    border-bottom: 1px solid #e5e5e5;
}
.header h2 .h2view li .des{
    width: 100%;
    position: absolute;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    box-sizing: border-box;
    padding: 0 16px;
}
.header h2 .h2view li .des h6{
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}
.header h2 .h2view li .des a{
    font-size: 14px;
    color: #666;
    padding: 0 10px;
    display: inline-block;
    line-height: 30px !important;
   
}
.header h2 .fr{
    margin-top: 18px;
    cursor: pointer;
}
.header .w1400 > p a{
  font-size: 14px;
  line-height: 58px;
  color: #fff;
  margin-left: 40px;
  position: relative;
  box-sizing: border-box;
}
.header .w1400 > p a::before{
    content: '';
    width: 0;
    height: 5px;
    background: #4f64ad;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: -19px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header .w1400 > p a:hover::before{
    width: 100%;
    
}
.header .w1400 > p .action::before{
    width: 100%;
}
.header .w1400 > p a:hover{
    color: #d0d9f5
}
.index-xiaox{
    background: #edeff7;
    padding: 14px 0;
}
.index-xiaox .p{
    font-size: 14px;
    color: #666;
    margin-top: 8px;
}
.index-xiaox .p img{
    margin-right: 15px;
}
.index-xiaox .from{
    width: 311px;
    background: #fff;
    border-radius: 8px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    position: relative
}
.index-xiaox .from .text{
    width: 200px;
    text-align: center
}
.index-xiaox .from .sub{
    width: 103px;
    border-radius: 8px;
    background: #4f64ad;
    color: #fff;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0
}
.index-set2{
    padding: 25px 0;
}
.index-set2-left{
    width: 24%;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
}
.index-set2-left img{
    /* display: block; */
    margin: 20px 0;
}
.index-set2-left b{
    font-size: 30px;
    color: #e62b1e;
}
.index-set2-left p{
    font-size: 18px;
}
.index-set3-cont{
    width: 75.5%;
    display: inline-block;
    vertical-align: middle
}
.index-set3-cont li{
    width: 24.5%;
    float: left;
    box-sizing: border-box;
    padding: 30px 2% 35px;
    margin-right: 2px;
}
.index-set3-cont li h6{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 6px;
}
.index-set3-cont li p{
    font-size: 14px;
    color: #fff;
}
.index-set3-cont li:first-of-type{
    background: #01b1b1
}
.index-set3-cont li:nth-of-type(2){
    background: #5380c5
}
.index-set3-cont li:nth-of-type(3){
    background: #80be73
}
.index-set3-cont li:nth-of-type(4){
    background: #e9b14c
}

.index-set4{
    width: 100%;
    background: #f4f4f4;
    padding-bottom: 44px;
}
.index-set4-title{
    width: 100%;
    text-align: center;
   
    padding: 50px 0 20px;
}
.index-set4-title h3{
    font-size: 32px;
    color: #333;
    margin-bottom: 6px;
}
.index-set4-title p{
    font-size: 18px;
    color: #666
}
.index-set4-contview{
    width: 100%;
}
.index-set4-contview li{
    width: 16%;
    float: left;
    overflow: hidden;
    margin-right: 2px;
    position: relative;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    cursor: pointer;
}
.index-set4-contview li .des{
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
    text-align: center
}
.index-set4-contview li::before{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.3;
}
.index-set4-contview li .des img{
    width: 100px;
    height: auto;
    display: block;
    margin: 0 auto 80px;

}
.index-set4-contview li .des span{
    color: #fff;
    font-size: 20px;
}
.index-set4-contview li img{
    width: 470px;
    height: auto;
}
.index-set4-contview .action{
    width: 32%;
}
/* .index-set4-contview .action img{
    width: 100%;
    height: auto;
} */
.index-set4-contview .action::before{
    opacity: 0;
}
.index-set4-contview .action .des{
    opacity: 0;
}
.index-set4-contview li::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4f64ad;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 0;
}
.index-set4-contview .action::after{
    opacity: 0.8;
}
.index-set4-contview li .cont{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 20px 6%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.index-set4-contview .action .cont{
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
.index-set4-contview li .cont .title{
  border-bottom: 1px solid #fff;
  padding-bottom: 16px;
  margin-bottom: 17px;
}
.index-set4-contview li .cont .title img{
    width: 50px;
    height: auto;
}
.index-set4-contview li .cont .title span{
    color: #fff;
    font-size: 18px;
}
.index-set4-contview li .cont dd{
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}
.index-set4-contview li .cont dd span{
    width: 117px;
    display: block;
    
}
.index-set5-cont{
    width: 100%;
}
.index-set5-cont li{
    width: 24%;
    float: left;
    margin-right: 1.333%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index-set5-cont li:nth-of-type(4n){
    margin-right: 0;
}
.index-set5-cont li .title{
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 0 2%;
}
.index-set5-cont li .title h5{
    font-size: 20px;
    text-align: center;
    padding: 26px 0 18px;
    border-bottom: 1px solid #e5e5e5;
}
.index-set5-cont li .title p{
  
    min-height: 100px;
    text-align: center;
    padding: 20px 3% 0;
}
.index-set5-btn{
    width: 100%;
    text-align: center
}
.index-set5-cont li:hover{
    box-shadow: 0 0 6px 6px #f1f1f1;
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
}
.index-set5-cont li:hover .img img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1); 
}
.index-set5-btn a{
    display: inline-block;
    width: 162px;
    text-align: center;
    line-height: 45px;
    background: #d44431;
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    margin: 50px 20px;
}
.index-set5-btn a:last-of-type{
    background: #475ba1
}
.index-set6{
    width: 100%;
    background: url('../image/index-set5-bj.jpg') no-repeat;
    background-size: 100% 100%;
    padding: 60px 0;
}
.index-set6 .title h6{
    font-size: 30px;
    /* font-weight: bold; */
    color: #fff;
    margin-bottom: 42px;
}
.index-set6 .title p{
    font-size: 18px;
    color: #fff
}
.index-set6 .ulimg{
    width: 980px;
    margin-top: 20px;
}
.index-set6 .ulimg li{
    width: 24%;
    float: left;
    margin-right: 1.33%;
}
.index-set6 .ulimg li:last-of-type{
    margin-right: 0;
}
.index-set6 .ulimg li img{
    width: 100%;
    height: auto;border-radius: 8px
}
.index-set7{
    width: 100%;
    background: url('../image/index-set7-bj.jpg') no-repeat;
    background-size: 100% 100%;
    padding: 100px 0;
}
.index-set7 .left{
    width: 454px;
}
.index-set7 .left h6{
    font-size: 32px;
    color: #333;
    margin-bottom: 12px;
}
.index-set7 .left span{
    font-size: 18px;
    color: #333
}
.index-set7 .left p{
    font-size: 14px;
    padding: 42px 0;
}
.index-set7 .left a{
    display: inline-block;
    width: 140px;
    text-align: center;
    line-height: 42px;
    background: #4e63ad;
    color: #fff;
    border-radius: 6px
}
.index-set7 .rigth{
    width: 720px;
}
.index-set7 .rigth li{
    width: 33%;
    float: left;
    height: 230px;
    border-radius: 8px;
    background: #fff;
    margin-right: 0.5%;
    box-sizing: border-box;
    margin-bottom: 6px;
    overflow: hidden;
    text-align: center
}
.index-set7 .rigth li:first-of-type{
    margin-left: 33.5%;
}
.index-set7 .rigth li:nth-of-type(2){
    margin-right: 0;
}
.index-set7 .rigth li:nth-of-type(5){
    margin-right: 0;
}
.index-set7 .rigth li .t{
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    margin-top: 62px;
}
.index-set7 .rigth li .t i{
    width: 20px;
    display: block;
     height: 20px;
     border-radius: 50%;
     background: #3d4e8a;
     color: #fff;
     text-align: center;
     line-height: 20px;
     font-size: 14px;
     position: absolute;
     right: -20px;
     top: 1px;
}
.index-set7 .rigth li .t em{
    font-size: 56px;
    color: #475ba1;
    line-height: 68px;
}
.index-set7 .rigth li span{
    display: block;
    text-align: center;
    font-size: 18px;
}
.index-set7 .rigth .vt{
    position: relative;
    cursor: pointer;
}
.index-set7 .rigth .vt >img{
    width: 100%;
    height: 230px;
}
.index-set7 .rigth .vt::before{
    content: '';
    width: 100%;
    height: 100%;
    background: #4f64ad;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index-set7 .rigth .vt .cont{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    width: 100%;
}
.index-set7 .rigth .vt .cont img{
    margin-bottom: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index-set7 .rigth .vt .cont span{
    color: #fff;
    font-size: 20px;
}
.index-set7 .rigth .vt:hover::before{
    opacity: 0.1;
} 
.index-set7 .rigth .vt:hover .cont img{
    margin-bottom: 6px;
}
.index-set8{
    width: 100%;
    padding: 50px 0;
}
.index-set8 .new{
    width: 50%;
}
.index-set8-title{
    font-size: 24px;
    color: #333;
    margin-bottom: 40px;
}
.index-set8  .new-title .fl a{
     width: 110px;
     text-align: center;
     line-height: 35px;
     font-size: 16px;
     border:1px solid  #dcdcdc;
     color: #666;
     display: inline-block;
     border-radius: 3px;
     margin-right: 10px;
     position: relative
}
.index-set8  .new-title .fl a::before{
    content: '';
    width: 0;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #4e63ad;
    z-index: -1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index-set8  .new-title .fl a:hover{
    color: #fff;
}
.index-set8  .new-title .fl a:hover::before{
    width: 100%;
}
.index-set8  .new-title .fl .action{
    color: #fff;
}
.index-set8  .new-title .fl .action::before{
    width: 100%;
}
.index-set8 .txt{
    font-size: 16px;
    text-transform: uppercase;
    color: #3d4e8a
}
.index-set8 .index-new-cont dt{
    padding: 30px 0;
    border-bottom: 1px solid #bfbfbf;
}
.index-set8 .index-new-cont dt .img{
    width: 230px;
    display: inline-block;
    vertical-align: middle
}
.index-set8 .index-new-cont dt:hover .img img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.index-set8 .index-new-cont dt:hover .cont h5{
    color: #475ba1
}
.index-set8 .index-new-cont dt .cont{
    width: 465px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 28px;
}
.index-set8 .index-new-cont dt .cont h5{
    font-size: 22px;
    color: #333;
    margin-bottom: 18px;
}
.index-set8 .index-new-cont dt .cont p{
    font-size: 14px;
    color: #666
}
.index-set8 .index-new-cont dd{
    margin-top: 20px;
}

.index-set8 .index-new-cont dd a{
    font-size: 14px;
    color: #666;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
.index-set8 .index-new-cont dd:hover a{
    color: #3d4e8a;
    padding-left: 10px;
}
.index-set8 .xiaz{
    width: 50%;
    padding-left: 110px;
    box-sizing: border-box;
}
.index-set8 .xiaz .contxiaz{
    width: 100%;
}
.index-set8 .xiaz .contxiaz li{
    width: 100%;
    margin-bottom: 5px;
}
.index-set8 .xiaz .contxiaz li a{
    display: block;
    width: 100%;
    padding: 21px 5%;
    background: #f6f6f6;
    box-sizing: border-box;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index-set8 .xiaz .contxiaz li i{
    width: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: middle;
    background: url('../image/index-xiaz.png') no-repeat;
    background-position: center 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
/* .index-set8 .xiaz .contxiaz li:hover i{
    background-position: center -95px;
} */
.index-set8 .xiaz .contxiaz li:hover a{
     box-shadow: 0 0 6px 6px #dad9d9;
     transform: translateY(-6px);
     -webkit-transform: translateY(-6px);
}
.index-set8 .xiaz .contxiaz li .contview{
    display: inline-block;
    width: 450px;
    vertical-align: middle;
    margin-left: 20px;
}
.index-set8 .xiaz .contxiaz li .contview span{
    color: #666
}
.index-set8 .xiaz .contxiaz li .contview h6{
    color: #666;
    margin-top: 5px;
}
footer{
   width: 100%;
   background: #3e4354
}
footer .footer{
    width: 100%;
    padding-top: 60px;
    border-bottom: 1px solid #575d70;
}
footer .footer .fooder-nav{
    width: 60%;
}
footer .footer .fooder-nav dd a{
    font-size: 14px;
    color: #b0b2b7
}
footer .footer .fooder-nav dd a:hover{
    color: #fff
}
footer .footer .fooder-nav dt{
    margin-bottom: 40px;
}
footer .footer .fooder-nav dt a{
    font-size: 20px;
    color: #fff
}
footer .footer .fooder-nav li{
    width: 125px;
    float: left;
}
footer .footer .fooder-nav li dd {
    margin-bottom: 12px;
}
.fooder-phone{
    width: 260px;
    text-align: right
}
.fooder-phone li{
    float: right;
    color: #b0b2b7;
    margin-bottom: 12px;
}
.fooder-phone .phone{
    margin-top: 44px;
}
.fooder-wx {
    text-align: center;
    margin-right: 5%;
}
.fooder-wx span{
    display: block;
    color: #b0b2b7;
    margin-top: 10px;
   
}
.footer-b{
    padding: 12px 0;
	border-top: 1px solid #575d70;
}
.footer-b p,
.footer-b p a{
    color: #b0b2b7;
}
.footer-b p a:hover{
    color: #fff
}
.bannar{
    position: relative
}
.bannar img{
    max-width: 100%;
    height:auto;
}
.bananr-cont{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.bananr-cont i{
    width: 50px;
    height: 50px;
    background: url('../image/index-set7-vico.png') no-repeat center top;
    display: block;
    margin: 0 auto;
    margin-top: 12px;
    cursor: pointer;
}
.bananr-cont i:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.imgview-img{
    width: 100%;
    position: relative;
}
.imgview-img:hover::before{
    opacity: 0.1;
}
.imgview-img::before{
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    opacity: 0.4;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
.imgview-img .dat{
    width: 200px;
    display: block;
    text-align: center;
    background: #d44431;
    color: #fff;
    line-height: 45px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -100px;
    border-radius: 5px
}
.imgview-img .dat a{
    color: #fff;
    display: block;
    width: 100%;
    font-size: 16px;
}
.imgview-img > img{
    width: 100%;
    height: auto;
}
.hyrz-bananr{
    text-align: center
}
.hyrz-bananr h5{
    font-size: 36px;
    color: #fff;
    line-height: 42px;
    margin-bottom: 50px;
}
.hyrz-bananr h6{
    font-size: 55px;
    color: #fff;
    line-height: 62px;
    text-transform: uppercase;
}
.hyrz-bananr a{
    width: 140px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    background: #fff;
    border-radius: 20px;
   margin: 0 10px;
}
.hyrz-nav{
    width: 100%;
    text-align: center;
    background: #ebeef3
}
.hyrz-nav a{
    display: inline-block;
    margin: 0 35px;
    line-height: 60px;
    color: #000;
    font-size: 16px;
    position: relative;
}
.hyrz-nav a::before{
    position: absolute;
    width: 0;
    height: 4px;
    background: #4f64ad;
    display: block;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    content: '';
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.hyrz-nav a:hover::before{
    width: 42px;
}
.hyrz-nav .action::before{
    width: 42px;
}
.hyrz-cont{
    width: 100%;
    background: #f7f7f7;
    padding-bottom: 80px;
}
.hyrz-view-nav{
    padding: 40px 0;
}
.hyrz-view-nav .fromview{
    border: 1px solid #4f64ad;
    border-radius: 3px;
    padding: 6px 12px;
    width: 313px;
    position: relative
}
.hyrz-view-nav .fromview .text{
    text-align: center;
    line-height: 26px;
    width: 180px;
}
.hyrz-view-nav .fromview .sub{
    width: 117px;
    height: 100%;
    line-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #4f64ad;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    padding-left: 30px;
    background-image: url('../image/ss.png');
    background-position: 18px center;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 16px;
}
.hyrz-view-nav .pax{
    font-size: 18px;
    color: #666
}
.hyrz-view-nav .pax a{
    display: inline-block;
    margin-left: 38px;
    line-height: 40px;
}
.hyrz-view-nav .pax .action{
    color: #374b90
}
.hyrz-view-nav .mb{
    margin-top: 10px;
    font-size: 15px;
    margin-left: 65px;
}
.hyrz-das{
    width: 98%;
    box-sizing: border-box;
    padding-left: 8%;
    margin-left: 2%;
    border-left: 1px solid #bfbfbf;
    position: relative;
}

.hyrz-das >i{ 
    position: absolute;
    left: -14px;
    top: 16px;
    background: #f7f7f7;
    width: 30px;
    text-align: center;
    display: block;
    line-height: 30px;
    font-size: 24px;
}
.hyrz-das li{
    width: 24%;
    float: left;
    margin-right: 1.33%;
    background: #fff;
    padding: 20px 0;
    margin-bottom: 40px;
}
.hyrz-das li:nth-of-type(4n){
    margin-right: 0;
 
}
.hyrz-das li .title{
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}
.hyrz-das li .title::before{
    content: '';
    width: 12px;
    height: 12px;
    background: #4f64ad;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.hyrz-das li .img{
    width: 90%;
    margin: 0 auto;
    position: relative;
    height: 500px;
}
.hyrz-das li .img img{
    width: 220px;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
}
.hyrzdef-mb{
    font-size: 16px;
    color: #333333;
    padding: 34px 0 28px;
}
.hyrzdefimg{
    width: 29%;
    background: #f6f6f6;
    box-sizing: border-box;
    padding: 32px;
}
.hyrzdefimg img{
    width: 100%;
    height: auto;

}
.hyrzdefcont{
    width: 63%;
} 
.hyrzdefcont h5{
    width: 100%;
    font-size: 32px;
    padding-bottom: 30px;
    border-bottom: 1px solid #999;
}
.hyrzdefcont .cont{
    width: 100%;
    font-size: 14px;
    color: #666;
    padding: 25px 0 40px;
}
.hyrzdefcont li{
    width: 23%;
    float: left;
    margin-right: 2.66%;
}
.hyrzdefcont li:nth-of-type(4){
    margin-right: 0;
}
.hyrzdefcont li p{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}
.hyrzdefcont ul{
    border-bottom: 1px solid #999999;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.hyrzdefcont a{
    width: 230px;
    text-align: center;
    display: block;
    background: #3d4e8a;
    color: #fff;
    font-size: 14px;
    line-height: 56px;
    border-radius: 6px
}
.hyrzdefview{
    padding-bottom: 30px;
}
.hyrzdef_js{
    background: #f9f9f9
}
.hyrzdef-left{
    width: 68%;
}
.hyrzdef-left .hyrzdef-nav{
    background: #dcdcdc
}
.hyrzdef-left .hyrzdef-nav span{
    font-size: 16px;
    line-height: 50px;
    width: 156px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.hyrzdef-left .hyrzdef-nav .action{
    background: #475ba1;
    color: #fff
}
.hyrzdef-left .hyrzdef-contview{
    min-height: 200px;
    padding-top: 30px;
    padding-bottom: 60px;
}
.hyrzdef-left .hyrzdef-contview .hyrzdef-page{
    display: none;
    font-size: 14px;
    color: #666
}
.hyrzdef-ys{
    width: 100%;
}
.hyrzdef-ys li{
    margin: auto;
    width: 33.3%;
    float: left;
    height: 317px;
    box-sizing: border-box;
    
}
.hyrzdef-ys li:nth-of-type(2n-1){
    padding: 40px 4% 0;
    background: #fff
}
.hyrzdef-ys li h6{
    font-size: 24px;
    margin-bottom: 12px;
}
.hyrzdef-ys li:first-of-type h6,
.hyrzdef-ys li:last-of-type h6,
.hyrzdef-ys li:first-of-type,
.hyrzdef-ys li:last-of-type{
    background: #4c4c91;
    color: #fff
}
.hyrzdef-btn{
    width: 100%;
    text-align: center
}
.hyrzdef-btn a{
    width: 222px;
    display: inline-block;
    line-height: 50px;
    border-radius: 25px;
    background: #3d4e8a;
    color: #fff;font-size: 18px;
    margin: 60px  30px ;
}
.hyrzdef-btn a img{
    margin-right: 5px;
}
.hyrzdef-rigth{
    width: 28.5%;
}
.hyrzdef-rigth-title{
    line-height: 50px;
    background: #dcdcdc;
    color: #333;
    font-size: 16px;
    padding-left: 20px;
    border-left: 5px solid #3d4e8a
}
.hyrzdef-xg{
    width: 100%;
    padding-top: 38px;
}
.hyrzdef-xg li{
    width: 100%;
    box-sizing: border-box;
    padding-left: 43%;
    position: relative;
    background: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    margin-bottom: 10px;
    min-height: 263px;
}
.hyrzdef-xg li:hover{
    box-shadow: 0 0 6px 6px #f1f1f1;
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
}
.hyrzdef-xg li h6{
    width: 50%;
    left: 0;
    top: 60px;
    border-left: 5px  solid #4f64ad;
    line-height: 16px;
    font-size: 18px;
    line-height: 1.5;
    position: absolute;
    padding-left: 20px;
}
.hyrzdef-xg li a{
    width: 30%;
    text-align: center;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    background: #4f64ad;
    bottom: 60px;
    left: 30px;
    position: absolute;
}
.hyrzdef-xg li img{
    width: 80%;
    height: auto;
    margin: 40px 0 0 25px;
}
.hyrzdef-xg li a:hover{
    background: #374b90
}
.btrz-bananr{
    text-align: center
}
.btrz-bananr h6{
    font-size: 55px;
    color: #fff;
    line-height: 62px;
    text-transform: uppercase;
}
.btrz-bananr p{
    font-size: 36px;
    color: #fff;
    font-weight: normal;
}
.btrz-map{
    padding: 80px 0 50px;
}
.btrz-map .fl{
    width: 50%;
}
.btrz-map .btrz-map-js{
    width: 40%;
    padding-top: 42px;
}
.btrz-map .btrz-map-js span{
    font-size: 24px;
}
.btrz-map .btrz-map-js h6{
    font-size: 42px;
}
.btrz-map .btrz-map-js li{
    width: 160px;
    text-align: center;
    float: left;
    color: #374b90;
    padding: 30px 0 40px;
    margin-right: 20px;
}
.btrz-map .btrz-map-js li p{
    font-size: 70px;
    
}
.btrz-map .btrz-map-js li span{
    font-size: 18px;color: #666
}
.btrz-map .btrz-map-js li p i{
    font-size: 30px;
}
.btrz-map .btrz-map-js .p{
    font-size: 16px;
    line-height: 40px;
}
.btrz-set2{
    background: #f3f3f3;
        
}
.btrz-set2 .dview{
    width: 700px;
}
.btrz-set2 .img{
    width: 50%;
}
.btrz-set2 .dview h5{
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-top: 100px;
}
.btrz-set2 .dview span{
    font-size: 16px;color: #666
}
.btrz-set2 .dview p{
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    padding-right: 156px;
    margin-top: 64px;
}
.btrz-set3-title{
    text-align: center;
    font-size: 32px;
    padding: 78px 0 58px;
}
.btrz-set3-cont{
    width: 100%;
}
.btrz-set3-cont li{
    width: 32%;
    margin-right: 2%;
    float: left;
    border-radius: 3px;
    border: 1px solid #475ba1;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 18px;
}
.btrz-set3-cont li:nth-of-type(3n){
    margin-right: 0;
}
.btrz-set3-cont li .text{
    width: 120px;
    height: 120px;
    text-align: center;
    border-radius: 50%;
    background: #475ba1;
    color: #fff;
    font-size: 29px;
    box-sizing: border-box;
    padding-top: 33px;
    vertical-align:middle;
    display: inline-block;
}
.btrz-set3-cont li .text span{
  text-transform: uppercase;
  font-size: 20px;
}
.btrz-set3-cont li p{
    display: inline-block;
    vertical-align:middle;
    width: 247px;
    margin-left: 10px;
}
.btrz-set3-cont >p{
    text-align: center
}
.btrz-set3-cont .btrz-btn {
    text-align: center;
    padding: 38px 0;
}
.btrz-set3-cont .btrz-btn a{
   width: 250px;
   text-align: center;
   display: inline-block;
   line-height: 50px;
   border-radius: 25px;
   background: #4f64ad;
   color: #fff;
   font-size: 16px;
}
.btrz-set3-cont .btrz-btn img{
    margin-right: 10px;
}
.btrz-set4-title span{
    font-size: 16px;
    color: #666
}
.btrz-set4-title h5{
    font-size: 32px;
    color: #333
}
.btrz-set4-title{
    text-align: center;
    padding: 45px 0;
}
.btrz-set4{
    padding-bottom: 74px;
}
.btrz-set5{
    width: 100%;
    background: #4f64ad;
}
.btrz-set5 .img{
    width: 50%;
}
.btrz-set5 .cont{
  
    width: 50%;
    padding-left: 6%;
}
.btrz-set5 .cont h5{
    font-size: 32px;
    color: #fff;
    margin-top: 100px;
    margin-bottom: 32px;
}
.btrz-set5 .cont p{
    font-size: 14px;
    color: #fff;
    line-height: 2.5;
}
.btrz-set6{
    width: 100%;
    position: relative;
}
.btrz-set6 img{
    width: 100%;
    height: auto;
}
.btrz-set6-cont{
    width: 100%;
    top: 20%;
    position: absolute;
    left: 0;
}
.btrz-set6-cont h5{
    font-size: 32px;
    color: #333;
}
.btrz-set6-cont p{
    font-size: 22px;
    color: #666666
}
.btrz-set6-cont a{
    width: 200px;
    text-align: center;
    display: block;
    background: #374b90;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    line-height: 43px;
    margin-top: 50px;
}
.new-tuij{
    padding: 70px 0;
}
.new-tuij .w1400{
    background: #4f64ad
}
.new-tuij-left{
    width: 50%;
    box-sizing: border-box;
    position: relative;
    height: 440px;
}
.new-tuij-rigth{
    width: 50%;
}  
.new-tuij-rigth .img{
    max-height: 600px
}
.new-tuij-left h5{
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    /* margin-bottom: 30px; */
}
.new-tuij-left i{
    color: #fff;
    display: block;
    margin-bottom: 30px;
    margin-top: 10px;
}
.new-tuij-left p{
    font-size: 14px;
    color: #fff
}

.new-tuij-left span{
    display: inline-block;
    border-bottom: 1px solid #bfbfbf;
    font-size: 14px;
    line-height: 28px;
    position: relative;
    color: #fff;
    margin-top: 30px;
}
.new-cont-left{
    width: 63.4%;
}
.new-cont-nav {
   line-height: 62px;
   font-size: 18px;
   border-bottom: 1px solid #e5e5e5;
   margin-bottom: 23px;
}
.new-cont-nav a{
    display: inline-block;
   margin-right: 40px;
   position: relative;
}
.new-cont-nav a::before{
    content: '';
    width: 0;
    height: 3px;
    display: block;
    background: #4f64ad;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
.new-cont-nav a:hover::before{
    width: 100%;
}
.new-cont-nav .action::before{
    width: 100%;
}
.new-cont-left-t{
    width: 100%;
}
.new-cont-left-page{
    width: 100%;
    padding: 30px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}
.new-cont-left-page:last-of-type{
    border-bottom: none
}
.new-cont-left-page .img{
   width: 276px;
}
.new-cont-left-page .text{
    width: 528px;
}
.new-cont-left-page .text h5{
    font-size: 18px;
    margin-top: 8px;
}
.new-cont-left-page .text span{
    font-size: 24px;
    color: #374b90;
    line-height: 50px;
}
.new-cont-left-page .text p{
    font-size: 14px;
    color: #666;
    padding: 12px 0;
}
.new-cont-left-page .text i{
    display: inline-block;
    border-bottom: 1px solid #bfbfbf;
    font-size: 14px;
    line-height: 28px;
    position: relative;
}
.new-cont-left-page .text i::before{
    content: '';
    width: 0;
    bottom: -1px;
    left: 0;
    display: block;
    height: 1px;
    background: #374b90;
    position: absolute;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.new-cont-left-page.clearfix tr td {
    border: solid 1px;
}
.new-cont-left-page:hover .text i::before{
    width: 100%;
}
.new-cont-left-page:hover .img img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.new-cont-rigth{
    width: 31%;
}

.new-cont-rigth-t   h5{
    font-size: 16px;
    color: #333;
    cursor: pointer;
    padding: 6px 0;
}
.new-cont-rigth-t  .cont{
    font-size: 14px;
    color: #666;
    box-sizing: border-box;
    padding: 10px 0;
    padding-left: 10px;
} 
.xxpl-bananr h5{
    text-align: center;
    font-size: 36px;color: #fff;
    line-height: 40px;
}
.xxpl-view{
    width: 100%;
    padding-top: 61px;
}
.xxpl-view h6{
    font-size: 32px;
}
.xxpl-view .p{
    padding: 45px 0;
}
.xxpl-view .p span{
    font-size: 20px;
    padding-right: 30px;
}
.xxpl-view .p i{
    font-size: 16px;
    color: #333
}
.xxpl-view .xxpl-cont .xxpl-left{
    width: 26%;
    border-right: 1px solid #b5b5b5
}
.xxpl-view .xxpl-cont .xxpl-rigth{
    width: 74%;
}
.xxpl-view .xxpl-cont .xxpl-left dd{
    width: 50%;
    float: left;
}
.xxpl-view .xxpl-cont .xxpl-left dd span{
    display: block;
    font-size: 16px;
    color: #333
}
.xxpl-view .xxpl-cont .xxpl-left dd b{
    font-size: 50px;
    font-family: Impact, 'Haettenschweiler', 'Arial Narrow Bold', sans-serif;
    color: #e62b1e;
    line-height: 58px;
}
.xxpl-view .xxpl-cont .xxpl-left dd p{
    font-size: 18px;
    padding-top: 15px;
    line-height:24px;
}
.xxpl-view .xxpl-cont .xxpl-left dd:last-of-type{
    padding-left: 20px;
}  
.xxpl-view .xxpl-cont .xxpl-rigth{
    padding-left: 30px;
}
.xxpl-view .xxpl-cont .xxpl-rigth ul{
    display: table;
    margin-top: 10px;
}
.xxpl-view .xxpl-cont .xxpl-rigth ul li{
    display: table-cell;
    width: 1%;
}
.xxpl-view .xxpl-cont .xxpl-rigth ul li p{
    margin-top: 20px;
}
.xxpl-view .xxpl-cont{
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 35px;
    
}
.xxpl-title{
    width: 100%;
    text-align: center;
    font-size: 32px;
    padding: 50px 0 40px;
}
.xxpl-set2{
    width: 100%;
}
.xxpl-set2 li{
    width: 100%;
    background: #f0f0f0;
    box-sizing: border-box;
    padding: 13px 40px;
    margin-bottom: 21px;
    position: relative;
    z-index: 1;
}
.xxpl-set2 li::before{
    width: 0;
    height: 100%;
    display: block;
    background: #4f64ad;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.xxpl-set2 li:hover::before{
    width: 100%;
}
.xxpl-set2 li:hover p{
    color: #fff
}
.xxpl-set2 li p{
    font-size: 18px;
}
.xxpl-set2 li p span{
    padding-right: 40px;
}
.xxpl-set2 li:hover a{
    color: #fff
}
.xxpl-set2 li i{
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 21px;
    margin-left: 20px;
    margin-left: 8px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.xxpl-set2 li .btn{
    font-size: 18px;
}
.xxpl-set2 li .btn .yl i{
    background: url('../image/ico-xxpl1.png') no-repeat;
    background-position: center -34px;
}
.xxpl-set2 li .btn .xz i{
    background: url('../image/ico-xxpl2.png') no-repeat;
    background-position: center -34px;
}
.xxpl-set2 li:hover .xz i{
    background-position: center 0px;
}
.xxpl-set2 li:hover .yl i{
    background-position: center 0px;
}
.xxpl-set2-btn{
    width: 220px;
    line-height: 50px;
    display: block;
    text-align: center;
    background: #374b90;
    color: #fff;
    margin: 38px auto;
    border-radius: 10px
}
.xxpl-set3{
    width: 100%;
    background: #f6f6f6;
    padding-bottom: 76px;
}
.xxpl-set3-left{
    width: 50%;
}
.xxpl-set3 .w1400{
    background: #4f64ad
}
.xxpl-set3-rigth{
    width: 50%;
    box-sizing: border-box;
    padding: 30px 6% 0;
}
.xxpl-set3-rigth li{
    width: 100%;
    border-bottom: 1px dashed #8493c6;
    height: 50px;
}
.xxpl-set3-rigth li p{
    color: #fff;
    font-size: 14px;
    line-height: 50px;
}
.xxpl-set3-rigth li p img{
    margin-right: 12px;
}
.xxpl-set3-rigth li span{
    color: #fff;
    line-height: 50px;
}
.xxpl-set3-rigth-btn{
    text-align: center;
    margin-top: 8px;
}
.xxpl-set3-rigth-btn span{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
}
.xxpl-set4{
    width: 100%;
    position: relative;
}
.xxpl-set4 > img{
    width: 100%;
    height: auto;
}
.xxpl-set4-cont{
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xxpl-set4-cont label{
    background: #fff;
    width: 32%;
    margin-right: 2%;
    display: block;
    float: left;
    box-sizing: border-box;
    padding: 10px 20px;
    border-radius: 5px
}
.xxpl-set4-cont label:nth-of-type(3){
    margin-right: 0;
}
.xxpl-set4-cont label input{
    width: 320px;
}
.xxpl-set4-cont textarea{
    width: 100%;
    display: block;
    height: 210px;
    background: #fff;
    border-radius: 5px;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 20px 68px;
    position: relative
}
.xxpl-set4-cont textarea::before{
    content: '留言：';
    position: absolute;
    left: 0;
    top: 0;
     color: #333;
     display: block;
     width: 50px;
     background: #000;
     z-index: 2;
}
.xxpl-set4-cont .submit{
    width: 218px;
    line-height: 50px;
    background: #fff;
    border-radius: 5px;
    margin: 54px auto;
    display: block
}
.xxpl-set4-cont .submit:hover{
    background: #374b90;
    color: #fff;
    cursor: pointer;
}
.khfw-bananr{
    font-size: 36px;
    text-align: center;
    color: #fff;
    line-height: 48px;
}
.hkfw-set1{
    width: 100%;
    
}
.hkfw-set1 .title{
    font-size: 36px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #eeeeee;
    padding: 60px 0 23px;
}
.hkfw-set1-cont{
    padding: 75px 0;
}
.hkfw-set1-cont .view{
    width: 40%;
  
}
.hkfw-set1-cont .txt{
    width: 50%;
}
.hkfw-set1-cont .txt h6{
    font-size: 24px;
    margin-bottom: 42px;
}
.hkfw-set1-cont .txt a{
    width: 215px;
    display: block;
    line-height: 50px;
    background: #374b90;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    margin-top: 30px;
}
.hkfw-set2{
    width: 100%;
    background: url('../image/khfw-dianh.jpg') no-repeat;
    /* background-size: 100% 100%; */
    padding: 89px 0;
}
.hkfw-set2 h5{
    width: 50%;
    text-align: right;
    font-size: 32px;
    color: #fff;
    margin-top: 60px;
}
.hkfw-set2 .yous{
    width: 480px;
    margin-left: 6%;
}
.hkfw-set2 .yous li{
    width: 150px;
    margin-right: 10px;
    float: left;
    background: #fff;
    height: 145px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 6px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.hkfw-set2 .yous .action{
    width: 310px;
    background: rgba(0, 0, 0, 0.5) !important;
}
.hkfw-set2 .yous .dt{
    display: none
}
.hkfw-set2 .yous .dd{
    display: block
}
.hkfw-set2 .yous .action .dt{
    display: block !important;
}
.hkfw-set2 .yous .action .dd{
    display: none !important;
}


.hkfw-set2 .yous .on{
    background: #374b90 !important
}
.hkfw-set2 .yous .on span{
    color: #fff !important
}
.hkfw-set2 .yous .on p{
    color: #fff !important
}
.hkfw-set2 .yous li:nth-of-type(6){
    margin-left: 160px;
}
.hkfw-set2 .yous li{
    cursor: pointer;
}
.hkfw-set2 .yous li .des{
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    left: 0;
}
.hkfw-set2 .yous li .des span{
    font-size: 24px;
   line-height: 32px;
}
.hkfw-set2 .yous li .des p{
    font-size: 14px;
    text-transform: uppercase;
}
.hkfw-set2 .yous .action .des{
    font-size: 20px !important;
    color: #fff !important;
    /* background: rgba(0, 0, 0, 0.5) !important; */
}
/* .hkfw-set2 .yous li:first-of-type .des{
    font-size: 20px;
    color: #fff;
}
.hkfw-set2 .yous li:first-of-type{
    background: rgba(0, 0, 0, 0.5)
} */
.hkfw-set3{
    width: 100%;
}
.hkfw-set3 ul{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 125px 0 32px;
    margin-bottom: 54px;
}
.hkfw-set3 ul li{
    display: inline-block;
    margin: 0 30px;
}

.hkfw-set3 ul li img{
    display: block;
    margin-bottom: 36px;
    transition: all 0.5s;-webkit-transition: all 0.5s; 
}
.hkfw-set3 ul li span{
    font-size: 18px;
    color: #333
}
.hkfw-set4{
    padding-bottom: 120px;
}
.hkfw-set4-left{
    width: 56%;
}
.hkfw-set4-left .title{
    width: 100%;
}
.hkfw-set4-left .title h5{
    font-size: 24px;
    color: #333;
}
.hkfw-set4-left .title p{
    font-size: 14px;
    color: #666
}
.hkfw-set4-left .formview{
    width: 100%;
    margin-top: 40px;
}
.hkfw-set4-left .formview label{
    width: 49%;
    float: left;
    background: #f3f3f3;
    box-sizing: border-box;
    padding: 12px 30px;
    margin-bottom: 20px;
}
.hkfw-set4-left .formview label:first-of-type{
    margin-right: 2%;
}
.hkfw-set4-left .formview label:last-of-type{
    width: 100%;
    height: 270px;
}
.hkfw-set4-left .formview label:last-of-type textarea{
    width: 100%;
}
.hkfw-set4-left .formview .sub{
    width: 211px;
    text-align: center;
    display: block;
    background: #374b90;
    color: #fff;
    line-height: 42px;
    border-radius: 3px;
    margin-top: 24px;
}
.hkfw-set4-rigth{
    width: 39.5%;
    background: #4f64ad;
    padding: 70px 2% 50px;
    margin-top: 20px;
}
.hkfw-set4-rigth li{
    width: 50%;
    text-align: center;
    float: left;
    /* border-left: 1px solid #ffffff; */
}
.hkfw-set4-rigth li:first-of-type{
    border-left:none
}
.hkfw-set4-rigth li img{
    width: 80%;
    display: block;
    margin: 0 auto 20px;
}
.hkfw-set4-rigth li span{
    color: #fff;
    font-size: 16px;
}
.hkfw-set4-rigth .btn{
    padding: 0 3.5%;
    margin-top: 50px;
}
.hkfw-set4-rigth .btn a{
    width: 180px;
    text-align: center;
    background: #fff;
    display: inline-block;
    line-height: 48px;
    border-radius: 6px;
    font-size: 16px;
    margin-right: 12px;
    vertical-align: middle;
}
.hkfw-set4-rigth .btn{
    font-size: 25px;
    color: #fff;
    line-height: 48px;
}
.bskvip-bananr{
    text-align: center
}
.bskvip-bananr span{
    font-size: 24px;
    color: #fff;
}
.bskvip-bananr h5{
    font-size: 35px;
    color: #fff;
    margin-bottom: 43px;
}
.bskvip-bananr li{
    display: inline-block;
    background: #fff;
    /* color: #fff; */
    width: 128px;
    font-size: 24px;
    line-height: 30px;
    padding: 32px 0;
    border-radius: 64px;
    margin: 0 30px;

}
.vipcat-title{
    font-size: 32px;
    color: #333;
    padding: 50px 0 30px;
}
.vipcat-set1 .pages{
    width: 576px;
    position: relative;
    border-radius: 18px;
    overflow: hidden;
}
.vipcat-set1 .pages > img{
    width: 100%;
    height: auto;
}
.vipcat-set1 .pages .cont{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    padding: 80px 8%;
    color: #fff;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
.vipcat-set1 .pages:hover .cont{
    transform: translateY(0);
    -webkit-transform: translateY(0);
}
.vipcat-set1 .pages .cont h5{
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
}
.vipcat-set1 .pages .cont a{
    width: 150px;
    display: block;
    text-align: center;
    background: #fff;
    line-height: 46px;
    border-radius: 6px;
    margin-top: 30px;
}
.vipcat-set2{
    padding-bottom: 120px;
}
.vipcat-set2 .clearfix{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.vipcat-set2 .clearfix li{
    width: 25%;
    float: left;
    border-left: 1px solid #e5e5e5;
    padding: 30px 10px;
}
.vipcat-set2 .clearfix li:last-of-type{
    border-right: 1px solid #e5e5e5
}
.vipcat-set2 .clearfix li .text{
    display: inline-block;
    width: 60%;
    vertical-align: middle;

}
.vipcat-set2 .clearfix li img{
    margin: 0 6px;
}
.vipcat-set2 .clearfix li .text h6{
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
    padding: 0;
}
.vipcat-set2 .clearfix li .text p{
    min-height: 84px
}
.vipcat-set2 h6{
    font-size: 28px;
    color: #333;
    padding: 35px 0;
}
.vipcat-set2 .p{
    margin-top: 40px;
}
.vipcat-set2 .p span{
    font-size: 32px;
    color: #374b90
}
.about-bananr{
    width: 100%;
    text-align: center
}
.about-bananr span{
    font-size: 24px;
    color: #fff;
    line-height: 28px;
}
.about-bananr h5{
    font-size: 36px;
    color: #fff;
}
.about-set1{
    padding: 80px 0;
}
.about-set1 .left{
    width: 50%;
}
.about-set1 .title span{
   font-size: 48px;
   color: #333
}
.about-set1 .title p{
    font-size: 16px;
    color: #666;
    margin-top: 30px;
}
.about-set1 .title h5{
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 37px;
}
.about-set1 .left ul{
    width: 584px;
   border-top: 1px solid #dcdcdc;
   border-bottom: 1px solid #dcdcdc;
}
.about-set1 .left ul li{
    width: 33%;
    float: left;
    text-align: center;
    border-left: 1px solid #dcdcdc;
    padding: 70px 0;
}
.about-set1 .left ul li img{
    display: block;
    margin: 35px auto;
}
.about-set1 .left ul li:last-of-type{
    border-right: 1px solid #dcdcdc;
}
.about-set1 .left ul li span{
    font-size: 18px;
}
.about-set1 .left ul li p{
    color: #4f64ad;
}
.about-set1 .left ul li em{
    font-size: 48px;
}
.about-set1 .left ul li i{
    font-size: 24px;
}
.about-set1 .rigth{
    width: 50%;
}
.about-set1 .rigth ul{
    display: table;
}
.about-set1 .rigth ul li{
    display: table-cell;
    width: 5%;
    text-align: center
}
.about-set1 .rigth ul li span{
    font-size: 18px;
    color: #666
}
.about-set1 .rigth ul li p{
    font-size: 24px;
}
.about-set1 .rigth ul li em{
    font-size: 58px;
    color: #374b90
}
.about-map{
    display: block;
    margin: 0 auto;
}
.about-set2 .img{
    width: 50%;
}
.about-set2{
    background: #f7f7f7
}
.about-set2 h6{
    font-size: 36px;
    color: #333;
    margin-bottom: 64px;
}
.about-set2 p{
    font-size: 14px;
    color: #666
}
.about-set2 .rigth{
    width: 50%;
    box-sizing: border-box;
    padding: 126px 6% 0;
}
.about-set3-title{
    text-align: center;
     padding: 60px 0;
}
.about-set3-title h6{
    font-size: 32px;
    color: #333;
    margin-bottom: 20px;
}
.about-set3-title p{
    color: #666;
}
.about-set3 li{
    width: 20%;
    float: left;
    position: relative;
    cursor: pointer;
}
.about-set3 li > img{
    width: 100%;
    height: auto;
}
.about-set3 li::before{
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
.about-set3 li span{
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 50%;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
.about-set3 li:hover::before{
    opacity: 0.1;
}
.about-set3 li:hover span{
    bottom: 0;
    background: #fff;
    color: #333
}
.about-set4{
    padding: 54px 0;
    background: #f7f7f7
}
.about-set4 .img{
    width: 50%;
}
.about-set4 .page{
   background: #4f64ad
}
.about-set4 .page .dview{
    width: 50%;
    box-sizing: border-box;
    padding: 0 4%;
}
.about-set4 .page .dview h6{
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
}
.about-set4 .page .dview p{
    color: #fff
}
.about-set4 .page:first-of-type h6{
    margin-top: 76px;
}
.about-set4 .page:nth-of-type(2){
    background: #fff;
}
.about-set4 .page:nth-of-type(2) h6{
    margin-top: 80px;
    color: #333
}
.about-set4 .page:nth-of-type(2) p{
    color: #666
}
.qy-set-title{
    text-align: center;
    font-size: 32px;
    color: #333;
    padding: 59px 0 44px;
}
.qy-set1{
    background: #f7f7f7
}
.qy-set1-ul li{
    width: 48%;
    float: left;
    margin-right: 2%;
    background: #4f64ad;
    margin: 12px;
    overflow: hidden;
    box-sizing: border-box
}
.qy-set1-ul li:nth-of-type(2n){
    margin-right: 0;
}
.qy-set1-ul li .txt{
    width: 41%;
    display: inline-block;
    margin-left: 20px;
    padding-top: 20px;
}
.qy-set1-ul li .txt h6{
    font-size: 24px;
    color: #fff;
  
}
.qy-set1-ul li .txt p{
    font-size: 18px;
    color: #fff;
    min-height: 50px
}
.qy-set2 .qy-setdd li{
    width: 33.333%;
    float: left;
    position: relative;
    cursor: pointer;
}
.qy-set2 .qy-setdd li .dt{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 80px 8%;
    left: 0;
    top: 0;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.qy-set2 .qy-setdd li .dt span{
    font-size: 32px;
}
.qy-set2 .qy-setdd li .dt:hover{
     background: rgba(0, 0, 0, 0.1);
     padding-top: 180px;
}
.qy-set3{
    width: 100%;
    background: #f7f7f7;
    padding: 76px 0;
}
.qy-set3 .img{
    width: 50%;
}
.qy-set3 .das{
    width: 50%;
}
.qy-set3 .das li{
    float: left;
    width: 50%;
    height: 330px;
    box-sizing: border-box;
    padding: 82px 8%;
    background: #fff
}
.qy-set3 .das li h5{
    font-size: 36px;
    color: #4f64ad;
    margin-bottom: 50px;
}
.qy-set3 .das li h5::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4f64ad;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.qy-set3 .das li:first-of-type{
    background: #4f64ad;
    border-radius: 3px
}
.qy-set3 .das li:first-of-type h5{
    color: #fff;
}
.qy-set3 .das li:first-of-type h5::before{
    background: #fff
} 
.qy-set3 .das li:first-of-type p{
    color: #fff
}
.qy-set3 .last li{
    width: 100%;
}
.qy-set3 .last li{
    background: #fff !important;
    border-radius: 3px
}
.qy-set3 .last li h5{
    color: #4f64ad !important;
}
.qy-set3 .last li h5::before{
    background: #4f64ad !important;
}
.qy-set3 .last li p{
    color: #333 !important
}
.fz-set-title{
    width: 100%;
    text-align: center;
    padding: 67px 0;
}
.fz-set-title h5{
    font-size: 32px;
}
.fz-set-title p{
    font-size: 18px;
}
.fz-set1{
    background: #f7f7f7;
    padding-bottom: 70px;
}
.fz-set2{
    width: 100%;
}

.fz-set2 li h5,
.fz-set2 li p{
    width: 50%;
    line-height: 80px;
    box-sizing: border-box;
    padding: 0 40px;
}
.fz-set2 li h5{
    font-size: 30px;
}
.fz-set2 li:nth-of-type(2n-1) h5{
  float: left;
  text-align: right;
}
.fz-set2 li:nth-of-type(2n-1) p{
    float: right;
    text-align: left;
}
.fz-set2 li:nth-of-type(2n) h5{
    float: right;
    text-align: left;
}
.fz-set2 li:nth-of-type(2n) p{
    float: left;
    text-align: right;
}
.fz-set2 li:first-of-type{
    margin-bottom: 40px;
    background: #374b90;
    z-index: 1;
}
.fz-set2 li:first-of-type::before{
    display: none
}
.fz-set2 li:first-of-type h5{
    color: #fff;
}
.fz-set2 li:first-of-type p{
    color: #fff
}
.fz-set2 ul{
   width: 100%;
   position: relative;
   padding-bottom: 50px;
}
.fz-set2 ul::before{
    width: 1px;
    height: 100%;
    background: #dcdcdc;
    content: '';
    display: block;
    left: 50%;
    top: 0;
    position: absolute
}
.fz-set2 ul li{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.fz-set2 ul li::before{
    position: absolute;
    left: 50%;
    width: 10px;
    height: 10px;
    display: block;
    top: 39%;
    transform: translate3d(-50%,50%,0);
    -webkit-transform: translate3d(-50%,50%,0);
    content: '';
    background: #4f64ad;
    border-radius: 50% 
}
.fz-set2 a{
    width: 150px;
    display: block;
    background: #4f64ad;
    text-align: center;
    line-height: 45px;
    color: #fff;
    margin: 0 auto;
    border-radius: 6px;

}
.fz-ico{
    display: block;
    margin: 48px auto;
}
.ry-cont{
    width: 100%;
    background: #f7f7f7
}
.ry-title{
    font-size: 36px;
    color: #333;
    text-align: center;
    padding: 97px 0 57px;
}
.ry-set1{
    width: 100%;
}
.ry-set1 li{
    float: left;
    margin-left: 1.333%;
    margin-bottom: 15px;
}
.ry-set1 li img{
    height:300px;
}
.ry-set1 li:nth-of-type(4n){
    margin-right: 0;
}
.ry-btn{
    width: 180px;
    display: block;
    text-align: center;
    background: #4f64ad;
    margin: 40px auto 0;
    line-height: 45px;
    border-radius: 6px
}
.ry-btn a{
    color: #fff
}
.ry-btn img{
    margin-left: 10px;
}
.ry-set2 li{
    width: 18%;
    float: left;
    margin-right: 0.6%;
    margin-bottom: 20px;
}
.ry-set2 li img{
    height: 345px;
}
.ry-set2 li:nth-of-type(5n){
    margin-right: 0;
}
.kf-cont{
    width: 100%;
    background: #f7f7f7
}
.kf-title{
    text-align: center;
    font-size: 32px;
    color: #333;
    padding: 50px 0;
}
.kf-title p {
    font-size: 18px;
}
.fk-set1{
    width: 100%;
    padding-bottom: 34px;
}
.fk-set1 .page{
    width: 49%;
    float: left;
    margin-right: 2%;
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border: 1px solid #e5e5e5
}
.fk-set1 .page:hover{
    box-shadow: 0 0 6px 6px #f1f1f1;
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px); 
}
.fk-set1 .page:nth-of-type(2n){
    margin-right: 0;
}
.fk-set1 .page .img{
    width: 238px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e5e5e5
}
.fk-set1 .page .text{
    width: 366px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
}
.fk-set1 .page .text h6{
    font-size: 24px;
    color: #333;
    line-height: 63px;
}
.fk-set1 .page .text span{
    font-size: 14px;
    color: #333
}
.fk-set1 .page .text p{
    font-size: 14px;
    color: #666;
    margin-top: 12px;
}
.fk-set2 li{
    width: 16%;
    float: left;
    margin-right: 0.8%;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
.fk-set2 li img{
    width: 100%;
    height: auto;
}
.fk-set2{
    padding-bottom: 74px;
}
.fk-set2 li:hover{
    box-shadow: 0 0 6px 6px #f1f1f1;
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px); 
}
.fk-set2 li:nth-of-type(6n){
    margin-right: 0;
}
.jr-set1{
    background: #f7f7f7;
    padding-bottom: 30px;
}
.jr-set1 li{
    width: 49%;
    margin-right: 2%;
    float: left;
    background: #fff;
    box-sizing: border-box;
    padding: 30px 2%;
    border-radius: 20px;
    margin-bottom: 30px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
.jr-set1 li img{
    width: 30%;
    height: auto;
}
.jr-set1 li:hover{
    box-shadow: 0 0 6px 6px #f1f1f1;
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px); 
}
.jr-set1 li:nth-of-type(2n){
    margin-right: 0;
}
.jr-set1 li .text{
    width: 370px;
    display: inline-block;
    vertical-align:middle;
    box-sizing: border-box;
    padding-left: 30px;
}
.jr-set1 li .text h5{
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}
.jr-set1 li .text h5 span{
    font-size: 14px;
    margin-left: 20px;
}
.jr-title{
    text-align: center;
    padding: 60px 0 50px;
}
.jr-title h6{
    font-size: 32px;
    color: #333
}
.jr-title span{
    font-size: 14px;
    color: #666
}
.jr-set2{
    width: 100%;
    padding-bottom: 115px;
}
.jr-set2 h3{
    font-size: 36px;
    color: #333;
    text-align: center;
    padding: 50px 0;
    border-bottom: 1px solid #dcdcdc;
}
.jr-set2 ul{
    width: 100%;
}
.jr-set2 ul li{
    float: left;
    width: 20%;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    position: relative;
    z-index: 2;
}
.jr-set2 ul li:last-of-type{
    width: 40%;
}
.jr-set2 .cont ul:nth-of-type(2n-1){
    background: #f6f6f6
}
.jr-set2 .cont ul li:last-of-type{
    position: relative;
}
.jr-set2 .cont ul li:last-of-type::before{
    content: '+';
    position: absolute;
    right: 20%;
    top: 0;
    color: #333;
    display: block;
}
.jr-set2 .cont ul{
    position: relative;
}
.jr-set2 .cont ul::before{
   content: '';
   width: 0;
   height: 100%;
   display: block;
   background: #475ba1;
   z-index: 1;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   transition: all 0.5s;
   -webkit-transition: all 0.5s; 
}
.jr-set2 .cont .on::before{
     width: 100%;
     opacity: 1;
}
.jr-set2 .cont .on li{
    color: #fff;
}
.jr-set2 .cont .on li:last-of-type::before{
    content: '—';
    color: #fff
}
.jr-set2 .cont .text{
    box-sizing: border-box;
    padding: 42px 8%;
}
.jr-set2 .cont .text:nth-of-type(2n){
    background: #f6f6f6
}
.about-set1 .img{
    width: 350px;
    display: inline-block;
    vertical-align: middle
}
.about-set1 .cont{
    width:588px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 68px;
}
.about-set1 .cont h6{
    font-size: 32px;
    color: #333
}
.about-set1 .cont p{
    font-size: 16px;
    color: #666;
    border-left: 1px solid #4f64ad;
    padding-left: 20px;
    margin: 60px 0;
}
.about-set1 .cont a{
    width: 218px;
    line-height: 50px;
    background: #4f64ad;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 8px
}
.about-set1 .cont a img{
    margin-right: 6px;
}
.about-set1 .wx{
    display: inline-block;
    vertical-align: middle;
    padding-left: 80px;
}
.about-set1 .wx li{
    display: inline-block;
    text-align: center;

}
.about-set1 .wx li img{
    display: block;
    margin: 0 auto;
    width: 180px;
    height: auto;
    border: 1px solid #4f64ad
}
.contact-set2{
    width: 100%;
    background: #f7f7f7;
    padding-bottom: 110px;

}
.contact-set2 h3{
    font-size: 36px;
    color: #333;
    padding: 60px 0 50px;
}
.contact-set2 li{
    width: 49%;
    float: left;
    margin-right: 2%;
    background: #fff;
    box-sizing: border-box;
    padding: 30px 3%;
    border-radius: 12px;
    margin-bottom: 25px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}
.contact-set2 li .cont{
    min-height: 100px
}
.contact-set2 li:hover{
    box-shadow: 0 0 6px 6px #f1f1f1;
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px); 
}
.contact-set2 li:nth-of-type(2n){
    margin-right: 0;
}
.contact-set2 li img{
    width: 187px;
    height: auto;
}
.contact-set2 li .text{
    display: inline-block;
    vertical-align: middle;
    width: 385px;
    box-sizing: border-box;
    padding-left: 25px;
}
.contact-set2 li .text h6{
    font-size: 18px;
}
.contact-set2 li .text i{
    width: 20px;
    height: 6px;
    display: block;
    background: #374b90;
    margin: 15px 0;
}

.newto-cont{
    width: 100%;
    border: 1px solid #ddd;
    padding: 26px;
    margin-top: 20px;
}
.newto-cont li{
    padding: 0 20px;
}
.newto-cont li .left .dest{
    width: 90px;
    height: 90px;
    display: inline-block;
    vertical-align: middle;
    background: url('../image/no-img.svg') no-repeat center center;
    background-size: 90px 127px;
}
.newto-cont li:hover{
    background: #f1f1f1
}

.newto-cont .left .tit{
    display: inline-block;
    vertical-align: middle;

}
.newto-cont .left .tit img{
    width: 20px;
    height: auto;
}
.newto-cont .left .tit h6{
    font-size: 15px;
    color: #333;
    margin-bottom: 4px;
}
.newto-cont .left .tit span{
    display: inline-block;
    margin-right: 10px;
    color: #999
}
.newto-cont .rigth{
    margin-top: 14px;
}
.newto-cont .rigth p{
    line-height: 18px;
    font-size: 14px;
    color: #999
}
.newto-cont .rigth a{
    line-height: 30px;
    display: block;
    background: #4f64ad;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.newto-cont .rigth a img{
    width: 20px;
    height: auto;
}
.fenye {
    margin-bottom: 90px;
}
.fenye li {
    border-radius: 3px;
    float: left;
    width: 50px;
    height: 100%;
    background: #aaa;
    color: #fff;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    transition: .3s;
    margin-bottom: 5px;
}
li.thisclass {
    background: #4f64ad;
    color: #fff;
}
.fenye a {
    color: #fff;
    float: left;
    width: 50px;
    height: 100%;
}
.fenye a:hover {
    background: #4f64ad;
    color: #fff;
}
span.pageinfo {
    float: left;
    width: 100px;
    height: 100%;
    background: #aaa;
    color: #fff;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
}
.baogao_not {
    font-size: 50px;
    margin-left: 80px;
}