@CHARSET "UTF-8";
/*base style for css file*/
@font-face{font-family:'PingFang';src:url('../fonts/PingFang Regular.ttf');}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, figure, figcaption, article, aside, footer, header, section, footer, nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: PingFang, "微软雅黑", Arial;

}

table, caption, tbody, tfoot, thead, tr, th, td {
    /*border-collapse:collapse;8*/
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: PingFang, "微软雅黑", Arial;
}

ul, ol {
    list-style: none;
}
/*input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #fff; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #fff; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #fff; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #fff; 
} */

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/*remember to define focus styles!*/
:focus {
    outline: 0;
}

/*remember to highlight inserts somehow!*/
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/*tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: #414141;
}

a:hover {
    text-decoration: none;
}

/*公用部分*/
body {
    font-size: 14px;
    background: #fff;
    color: #333;
}

/*页面宽度*/
.comWidth {
    width: 1120px;
    margin: 0 auto;
}

/*右浮动*/
.fr {
    float: right;
}

/*左浮动*/
.fl {
    float: left;
}

/*清除浮动*/
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
}

/*清除浮动*/
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: '.';
}

.clearfix {
    zoom: 1;
}

/**********************************************************************************************/
.w12{max-width: 1200px;margin: auto;position:relative;}
header{background: rgba(61, 70, 83, 0.75);width: 100%;position: fixed;top: 0;left: 0;z-index: 100;}
.head{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.head ul{display: flex;flex-wrap: wrap;}
.head ul li{font-size: 16px;color: #DEEEFF;position: relative;height: 64px;line-height: 64px;display: flex;align-items: center;}
.head ul li>a{font-size: 16px;color: #DEEEFF;display: block;padding:0 40px;}
.head ul li:hover>a{color: #fff;font-weight: bold;}
.head ul li:hover:after{background: #fff;content: '';display: block;width: 60px;height: 2px;position: absolute;bottom: 0;left: 50%;margin-left: -30px;}
.head ul li.on>a{color: #fff;font-weight: bold;}
.head ul li.on:after{background: #fff;content: '';display: block;width: 60px;height: 2px;position: absolute;bottom: 0;left: 50%;margin-left: -30px;}
/* .head ul li dl{position: absolute;top: 64px;left: 50%;background: rgba(61, 70, 83, 0.75);width: 120px;text-align: center;display:none;margin-left:-60px;}
.head ul li dl dd{line-height: 3;}
.head ul li dl dd a{font-size: 16px;color: #DEEEFF;display: block;}
.head ul li dl dd:hover{background: rgba(61, 70, 83, 1);}
.head ul li dl dd:hover a{color: #ffffff;}
.head ul li:hover dl{display:block;} */

.nav_down{position: absolute;top:64px;left: 0;width: 100%;z-index: 100;background: #021D4D;}
.nav_f{padding: 20px 0;}
.nav_flr{display: flex;flex-wrap: wrap;}
.nav_flr dl{width: 25%;box-sizing: border-box;padding: 20px;display: flex;flex-wrap: wrap;align-items: center;}
.nav_flr dl dt{width: 24px;height: 24px;margin-right: 10px;}
.nav_flr dl dt a{display: block;width: 100%;height: 100%;}
.nav_flr dl dd .tit{font-size: 16px;color: #fff;line-height: 24px;}
.nav_flr dl dd .des{font-size: 12px;color: #CCE5FF;line-height: 24px;}
.nav_flr dl:nth-child(1) dt{background: url(../images/icon1.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(2) dt{background: url(../images/icon2.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(3) dt{background: url(../images/icon3.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(4) dt{background: url(../images/icon4.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(5) dt{background: url(../images/icon5.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(6) dt{background: url(../images/icon6.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(7) dt{background: url(../images/icon7.png)no-repeat center;background-size: cover;}

.nav_flr dl:hover{background: #032666 ;}
.nav_flr dl:nth-child(1):hover dt{background: url(../images/icon1n.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(2):hover dt{background: url(../images/icon2n.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(3):hover dt{background: url(../images/icon3n.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(4):hover dt{background: url(../images/icon4n.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(5):hover dt{background: url(../images/icon5n.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(6):hover dt{background: url(../images/icon6n.png)no-repeat center;background-size: cover;}
.nav_flr dl:nth-child(7):hover dt{background: url(../images/icon7n.png)no-repeat center;background-size: cover;}
.nav_flr dl:hover dd .tit{font-weight: bold;}


.head_r{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.head_r a{font-size: 16px;color: #fff;}
.head_r a.register{font-size: 16px;color: #fff;display: block; width: 128px;height: 64px;background: #0C84FF;text-align: center;line-height: 64px;margin-left: 30px;}
.head .menu{display: none;}

.banner{position: relative;}
.banner_imgbg{height: 890px;}
.banner_img{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 120px 105px 50px;}
.banner_img_l h1{font-size: 42px;color: #fff;margin-bottom: 28px;}
.banner_img_l h2{font-size: 24px;color: #D3E9FF;font-weight: normal;position: relative;margin-bottom: 32px;padding-bottom: 30px;}
.banner_img_l h2:after{background: #fff;content: '';display: block;width: 74px;height: 4px;position: absolute;left: 0;bottom: 0;}
.banner_img_l a{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 190px;height: 64px;border: 2px solid #fff;border-radius: 4px;font-size: 20px;color: #fff;}
.banner_img_l a img{width: auto;display: block;margin-left: 10px;}
.banner_img_r{width: 34.5%;}
.banner_img_r img{width: 100%;display: block;}

.banner_img_l .yx_dl{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;margin-bottom: 40px;padding-bottom: 40px;padding-top: 10px;}
.banner_img_l .yx_dl dl dt{height: 36px;display: flex;justify-content: center;align-items: center;}
.banner_img_l .yx_dl dl dt img{display: block;max-height: 100%;}
.banner_img_l .yx_dl dl dd{font-size: 20px;color: #D3E9FF;line-height: 36px;padding-top: 12px;}
.banner_img_l .yx_dl:after{background: #fff;content: '';display: block;width: 74px;height: 4px;position: absolute;left: 0;bottom: 0;}
.banner_img_l .mfty{display: flex;flex-wrap: wrap;}
.banner_img_l .mfty input{width: 62%;height: 48px;line-height: 48px;background: #FFFFFF;border-radius: 4px 4px 4px 4px;box-sizing: border-box;padding: 0 15px;border: 0;font-size: 16px;}
.banner_img_l .mfty input::-webkit-input-placeholder { color: #ccc;}
.banner_img_l .mfty button{width: 27%;height: 48px;background: linear-gradient(90deg, #0C84FF 0%, #0A6ACC 100%);box-shadow: 0px 1px 2px 1px #0A6ACC;border-radius: 4px 4px 4px 4px;border: 0;color: #fff;margin-left: 10%;font-size: 14px;}
.banimg2{width: 55%;}


.banner_thumbs{background: rgba(0,0,0,0.3);border-top: 1px solid rgba(70, 38, 38, 0.2);width: 100%;z-index: 99; position: absolute;left: 0;bottom: 0;}
.banner_thumbs ul{display: flex;flex-wrap: wrap;}
.banner_thumbs ul li{width: 33.33%;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}
.banner_thumbs ul li:nth-child(3n){border-right: 0;}
.banner_thumbs ul li{display: flex;flex-wrap: wrap;justify-content: center;padding: 48px 0 42px;}
.banner_thumbs ul li .img{width: 56px;height: 56px;margin-right: 25px;}
.banner_thumbs ul li .img img{width: 100%;display: block;}
.banner_thumbs ul li div{width: 150px;}
.banner_thumbs ul li .tit{font-size: 20px;color: #CCE4FF;line-height: 30px;margin-bottom: 10px;}
.banner_thumbs ul li .js{font-size: 14px;color: #CCE5FF;line-height: 26px;}
.banner_thumbs ul li:hover{background: rgba(10, 106, 204, 0.2);}
.banner_thumbs ul li:hover .tit{color: #fff;font-weight: bold;}
.banner_thumbs ul li:hover .js{color: #fff;}
.banner_thumbs ul li:nth-child(1) .img{background: url(../images/ban_icon1.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(2) .img{background: url(../images/ban_icon2.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(3) .img{background: url(../images/ban_icon3.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(4) .img{background: url(../images/ban_icon4.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(5) .img{background: url(../images/ban_icon5.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(6) .img{background: url(../images/ban_icon6.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(1):hover .img{background: url(../images/ban_icon1n.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(2):hover .img{background: url(../images/ban_icon2n.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(3):hover .img{background: url(../images/ban_icon3n.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(4):hover .img{background: url(../images/ban_icon4n.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(5):hover .img{background: url(../images/ban_icon5n.png)no-repeat center;background-size: cover;}
.banner_thumbs ul li:nth-child(6):hover .img{background: url(../images/ban_icon6n.png)no-repeat center;background-size: cover;}

.banner .swiper-pagination{bottom:380px;}
.banner .swiper-pagination .swiper-pagination-bullet{width:36px;height:5px;border-radius:2px;opacity: 1;background:#999;}
.banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background:#fff;}
.com_tit{font-size: 36px;color: #000;text-align: center;font-weight: bold;line-height: 40px;}
.white{color: #fff;}
.left{text-align: left;}
.index1{padding-bottom: 45px;}
.pt{padding-top: 85px;}
.pb{padding-bottom: 85px;}
.ptb{padding: 85px 0;}


.index1 ul{margin-top: 65px;display: flex;flex-wrap: wrap;justify-content:space-between;}
.index1 ul li{display: flex;flex-wrap: wrap;padding:15px 0;box-sizing: border-box;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.index1 ul li .img{width: 48px;height: 100%;display: flex;justify-content: center;align-items: center; margin-right: 25px;}
.index1 ul li .img img{width: auto;display: block;}
.index1 ul li div{width: 270px;}
.index1 ul li .tit{font-size: 20px;color: #333;font-weight: bold;line-height: 24px;margin-bottom: 14px;}
.index1 ul li .js{font-size: 14px;color: #666;line-height: 30px;}
.index1 ul li:hover{transform: translateY(-10px);}

.index2bg{background: url(../images/index2bg.jpg)no-repeat center;background-size: cover;padding: 60px 0;}
.index2{box-sizing: border-box;padding-left: 12%;}
.index2 h3{font-size: 20px;color: #000;font-weight: bold;line-height: 30px;margin-bottom: 25px;}
.index2 ul{display: flex;flex-wrap: wrap;}
.index2 ul li{margin-right: 2.5%;}
.index2 ul li input{width: 360px;height: 48px;background: #FFFFFF;border-radius: 4px;border: 0;box-sizing: border-box;padding: 0 15px;display: block;}
.index2 ul li button{padding: 0;border: 0;display: block;}
.index2 ul li button img{display: block;border-radius: 4px;}

.index3bg{background: url(../images/index3bg.jpg)no-repeat center;background-size: cover;}
.index3{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index3_l{width: 30%;background: #032665;}
.index3_l li{padding:0 24px;box-sizing: border-box;}
.index3_l li .x{display: flex;flex-wrap: wrap; border-bottom: 1px solid #193872;padding: 30px 0 15px;}
.index3_l li .img{width: 32px;height: 32px;margin-right: 25px;}
.index3_l li .img img{width: auto;display: block;}
.index3_l li div{}
.index3_l li .tit{font-size: 16px;color: #CCE4FF;line-height: 22px;margin-bottom: 10px;}
.index3_l li .js{font-size: 14px;color: #99C9FF;line-height: 20px;}
.index3_l li:nth-child(1) .img{background: url(../images/in_fa1.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(2) .img{background: url(../images/in_fa2.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(3) .img{background: url(../images/in_fa3.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(4) .img{background: url(../images/in_fa4.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(5) .img{background: url(../images/in_fa5.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(6) .img{background: url(../images/in_fa6.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(1):hover .img{background: url(../images/in_fa1n.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(2):hover .img{background: url(../images/in_fa2n.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(3):hover .img{background: url(../images/in_fa3n.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(4):hover .img{background: url(../images/in_fa4n.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(5):hover .img{background: url(../images/in_fa5n.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(6):hover .img{background: url(../images/in_fa6n.png)no-repeat center;background-size: 100%;}
.index3_l li:hover{background: #0c84ff;cursor: pointer;}
.index3_l li:hover .x{border-bottom: 1px solid rgba(0,0,0,0);}
.index3_l li:nth-child(1).on .img{background: url(../images/in_fa1n.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(2).on .img{background: url(../images/in_fa2n.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(3).on .img{background: url(../images/in_fa3n.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(4).on .img{background: url(../images/in_fa4n.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(5).on .img{background: url(../images/in_fa5n.png)no-repeat center;background-size: 100%;}
.index3_l li:nth-child(6).on .img{background: url(../images/in_fa6n.png)no-repeat center;background-size: 100%;}
.index3_l li.on{background: #0c84ff;}
.index3_l li.on .x{border-bottom: 1px solid rgba(0,0,0,0);}
.index3_l li.on .tit{color: #fff;font-weight: bold;}
.index3_l li.on .js{color: #fff;}

.index3_r{width: 66%;margin-top: 45px;padding-bottom: 24px;position:relative;}
.index3_rnrjs{opacity:0;position:absolute;top:0;left:0;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;}
.index3_rnrjs .top{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.index3_rnrjs .top h3{font-size: 16px;color: #fff;font-weight: normal;}
.index3_rnrjs .top p{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index3_rnrjs .top p span{font-size: 12px;color: #0A6ACC;width: 72px;height: 28px;line-height: 28px;text-align: center;background: rgba(237,246,255,0.7);border-radius: 4px;margin-left: 15px;}
.index3_rnrjs .top p span:first-child{margin-left: 0;}
.index3_rnrjs .js{font-size: 14px;color: #fff;line-height: 32px;padding: 15px 0;min-height: 64px;}
.index3_rnrjs .img{margin-bottom: 30px;}
.index3_rnrjs .img img{display: block;max-width: 84%;}
.index3_rnrjs h3{font-size: 16px;color: #fff;font-weight: normal;}

.index3_rnrjs .animg{margin-top: 25px;display: flex;flex-wrap: wrap;}
.index3_rnrjs .animg img{margin-right: 30px;}
.index3_rnrjs .animg img:last-child{margin-right: 0;}
.index3_rnrjs.active{opacity:1;position:relative;}

.mw-page{margin: 10px 0;}
.mw-page .mw-company {
    background-color: #fff; }
    .mw-page .mw-company .mw-container {
      height: 756px;
      overflow: hidden;
      position: relative; }
      .mw-page .mw-company .mw-container .mw-company-group {
        overflow: hidden;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap; }
        .mw-page .mw-company .mw-container .mw-company-group .mw-company-box {
          height: 96px;
          padding: 18px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .mw-page .mw-company .mw-container .mw-company-group .mw-company-box img {
            width: 100%;
            height: 100%;
            /*display: none; */
            display: inline-flex;
            -o-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            filter: grayscale(100%);
            opacity: .3; }
      .mw-page .mw-company .mw-container .mw-company-block {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 25px 15px;
        border-radius: 151px;
        background: radial-gradient(#fff, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
        text-align: center; width: 100%;
          box-sizing: border-box;}
        .mw-page .mw-company .mw-container .mw-company-block .mw-company-title {
          font-size: 36px;
          font-weight: bold;
          padding: 0px 15px 0px 15px;
          color: #333;
          
           }
        .mw-page .mw-company .mw-container .mw-company-block .mw-company-text img{
          display: block;border-radius: 4px;margin:45px auto 0;}
      .mw-page .mw-company .mw-container .mw-company-mask-top, .mw-page .mw-company .mw-container .mw-company-mask-bottom {
        z-index: 70;
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0;
        /*background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), #fff); */}
      .mw-page .mw-company .mw-container .mw-company-mask-top {
        top: 0; }
      .mw-page .mw-company .mw-container .mw-company-mask-bottom {
        bottom: 0;
        background-image: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0)); }
  
  .mw-page .mw-company.mw-animation-move .mw-company-group {
    animation: move 20s linear infinite normal; }
  
  @keyframes move {
    from {
      transform: translate3d(0, -50%, 0); }
    to {
      transform: translateZ(0); } }
  
  .mw-page .mw-company.mw-hover .mw-company-box:hover {
    cursor: pointer;
    border-radius: 1px;
    box-shadow: 0px 3px 6px 1px rgba(7, 25, 56, 0.16); }
    .mw-page .mw-company.mw-hover .mw-company-box:hover img {
      -o-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      filter: grayscale(0%);
      opacity: 1; }

/* .index4bg{background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FC 100%);padding-top: 35px;} */
.index4bg{background: url(../images/about1bg.jpg)no-repeat bottom;padding-top: 35px;}
.index4{position: relative;}
.index4 img{width: 100%;display: block;}
.index4_dl{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index4_dl dl{display: inline-flex;align-items: center;position: absolute;}
.index4_dl dl dt{width: 72px;height: 72px;background: #fff; border-radius: 50%;font-size: 22px;color: #333;text-align: center;line-height: 72px;margin-right: 20px;position: relative;}
.index4_dl dl dd .tit{color: #0C84FF;font-size: 20px;font-weight: bold;padding-bottom: 10px;}
.index4_dl dl dd .des{color: #999;font-size: 20px;}
.index4_dl dl:nth-child(1){flex-direction: row-reverse;top: 272px;left: 68px;}
.index4_dl dl:nth-child(2){flex-direction: row-reverse;top: 85px;left: 130px;}
.index4_dl dl:nth-child(3){top: 85px;right: 155px;}
.index4_dl dl:nth-child(4){top: 272px;right: 50px;}
.index4_dl dl:nth-child(1) dt{margin-left: 20px;margin-right: 0;border: 2px solid #5DD0FF;}
.index4_dl dl:nth-child(2) dt{margin-left: 20px;margin-right: 0;border: 2px solid #42B4FF;}
.index4_dl dl:nth-child(3) dt{border: 2px solid #1D8EFF;}
.index4_dl dl:nth-child(4) dt{border: 2px solid #0473FF;}
.index4_dl dl:nth-child(1) dd .tit{text-align: right;}
.index4_dl dl:nth-child(1) dd .des{text-align: right;}
.index4_dl dl:nth-child(2) dd .tit{text-align: right;}
.index4_dl dl:nth-child(2) dd .des{text-align: right;}
.index4_dl dl:nth-child(1) dt:after{content: '';display: block; width: 70px;height: 1px;background: #E6EBF3;transform:rotateZ(20deg);position: absolute;top: 65px;right: -65px;}
.index4_dl dl:nth-child(2) dt:after{content: '';display: block; width: 70px;height: 1px;background: #E6EBF3;transform:rotateZ(55deg);position: absolute;top: 95px;right: -40px;}
.index4_dl dl:nth-child(3) dt:after{content: '';display: block; width: 70px;height: 1px;background: #E6EBF3;transform:rotateZ(-55deg);position: absolute;top: 95px;left: -40px;}
.index4_dl dl:nth-child(4) dt:after{content: '';display: block; width: 70px;height: 1px;background: #E6EBF3;transform:rotateZ(-20deg);position: absolute;top: 65px;left: -65px;} 
.index4_dl dl:nth-child(1):hover dt{background: #5DD0FF;color: #fff;}
.index4_dl dl:nth-child(2):hover dt{background: #42B4FF;color: #fff;}
.index4_dl dl:nth-child(3):hover dt{background: #1D8EFF;color: #fff;}
.index4_dl dl:nth-child(4):hover dt{background: #0473FF;color: #fff;}
.index4_dl dl:nth-child(1):hover dt:after{background: #5DD0FF;}
.index4_dl dl:nth-child(2):hover dt:after{background: #42B4FF;}
.index4_dl dl:nth-child(3):hover dt:after{background: #1D8EFF;}
.index4_dl dl:nth-child(4):hover dt:after{background: #0473FF;} 




footer{background: #13161a;padding: 75px 0;position:relative;z-index:2;}
.footer{display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .footer_l h3{font-size: 18px;color: #F6FAFF;border-bottom: 1px solid #252B33;line-height: 30px;padding-bottom: 10px;font-weight: normal;}
.footer .footer_l .p1{font-size: 28px;color: #fff;padding: 26px 0 10px;}
.footer .footer_l .p2{font-size: 16px;color: #5F6B78;line-height: 34px;} 
.footer .footer_l a{font-size: 14px;color: #fff;display: block;width: 124px;height: 40px;line-height: 40px;text-align: center; border-radius: 4px 4px 4px 4px;border: 1px solid #FFFFFF;margin-top: 20px;}
.footer .footer_m h3{font-size: 18px;color: #F6FAFF;border-bottom: 1px solid #252B33;line-height: 30px;padding-bottom: 10px;font-weight: normal;}
.footer .footer_m .p2{font-size: 16px;color: #5F6B78;line-height: 34px;padding: 15px 0 8px;} 
.footer .footer_m .ewm{width: 120px;}
.footer .footer_m .ewm img{width: 100%;display: block;}
.footer .footer_r{display: flex;flex-wrap: wrap;justify-content: space-between;width: 60%;}
.footer .footer_r dl{min-width: 80px;}
.footer .footer_r dl dt{font-size: 18px;color: #F6FAFF;border-bottom: 1px solid #252B33;line-height: 30px;padding-bottom: 10px;margin-bottom: 15px;}
.footer .footer_r dl dt a{font-size: 18px;color: #F6FAFF;}
.footer .footer_r dl dd{font-size: 16px;color: #5F6B78;line-height: 34px;}
.footer .footer_r dl dd a{font-size: 16px;color: #5F6B78;line-height: 34px;}


.nybanner{height: 570px;}
.nybanner_lr{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 120px 105px 50px;}
.nybanner_l{width: 58%;}
.nybanner_l h1{font-size: 42px;color: #fff;margin-bottom: 28px;}
.nybanner_l h2{font-size: 16px;color: #D3E9FF;line-height: 2; font-weight: normal;position: relative;margin-bottom: 32px;padding-bottom: 40px;}
.nybanner_l h2:after{background: #fff;content: '';display: block;width: 74px;height: 4px;position: absolute;left: 0;bottom: 0;}
.nybanner_l a{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 190px;height: 64px;border: 2px solid #fff;border-radius: 4px;font-size: 20px;color: #fff;}
.nybanner_l a img{width: auto;display: block;margin-left: 10px;}
.nybanner_l .yx_dl{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;margin-bottom: 40px;padding-bottom: 40px;padding-top: 10px;}
.nybanner_l .yx_dl dl dt{height: 36px;display: flex;justify-content: center;align-items: center;}
.nybanner_l .yx_dl dl dt img{display: block;max-height: 100%;}
.nybanner_l .yx_dl dl dd{font-size: 20px;color: #D3E9FF;line-height: 36px;padding-top: 12px;}
.nybanner_l .yx_dl:after{background: #fff;content: '';display: block;width: 74px;height: 4px;position: absolute;left: 0;bottom: 0;}
.khjc_ban{width: 50%;}
.khjc_ban .js{font-size: 16px;color: #D3E9FF;line-height: 2;padding-bottom: 10px;}
.khjc_ban .yx_dl{padding-bottom: 25px;margin-bottom: 0;}
.khjc_ban .yx_dl:after{display: none;}
.nybanner_l .mfty{display: flex;flex-wrap: wrap;}
.nybanner_l .mfty input{width: 62%;height: 48px;line-height: 48px;background: #FFFFFF;border-radius: 4px 4px 4px 4px;box-sizing: border-box;padding: 0 15px;border: 0;font-size: 16px;}
.nybanner_l .mfty input::-webkit-input-placeholder { color: #ccc;}
.nybanner_l .mfty button{width: 27%;height: 48px;background: linear-gradient(90deg, #0C84FF 0%, #0A6ACC 100%);box-shadow: 0px 1px 2px 1px #0A6ACC;border-radius: 4px 4px 4px 4px;border: 0;color: #fff;margin-left: 10%;font-size: 14px;}
.nybanner_r{width: 34.5%;}
.nybanner_r img{width: 100%;display: block;}

.snn1{padding-bottom: 75px;}
.snn1 ul{margin-top: 60px;}
.snn1 ul li{width: 25%;float:left;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.snn1 ul li .img img{width: auto;display: block;margin: auto;}
.snn1 ul li .tit{font-size: 16px;line-height: 24px;color: #333;text-align: center;margin-top: 30px;font-weight: bold;}
.snn1 ul li:hover{transform: translateY(-10px);}

.snn2{background: url(../images/snn2bg.png)no-repeat center;background-size: cover;padding: 45px 0;}
.snn2 div{display: flex;flex-wrap: wrap;justify-content:space-between;}
.snn2 div dl{width: 31.6%;background: #fff;box-sizing: border-box;padding:40px 30px;margin: 1.3% 0;border-radius: 8px;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1600);transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.snn2 div dl dt{font-size: 20px;color: #333;line-height: 24px;padding-bottom: 12px;font-weight: bold;}
.snn2 div dl dd{font-size: 14px;color: #999;line-height: 30px;min-height: 90px;}
.snn2 div dl:hover{transform: translateY(-10px);}

.snn3{padding-bottom: 75px;}
.snn3 ul{display: flex;flex-wrap: wrap;}
.snn3 ul li{width: 25%;margin-top: 65px;box-sizing: border-box;padding: 0 30px;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.snn3 ul li .img{height: 48px;display: flex;align-items: center;justify-content: center;}
.snn3 ul li .img img{width: auto;display: block;}
.snn3 ul li .tit{font-size: 16px;line-height: 24px;color: #333;font-weight: bold; text-align: center;margin-top: 30px;}
.snn3 ul li .des{font-size: 14px;line-height: 30px;color: #999;text-align: center;margin-top: 10px;}
.snn3 ul li:hover{margin-top:50px;}

.gjdx1{display: flex;flex-wrap: wrap;justify-content: space-between;}
.gjdx1 dl{width: 18.66%;box-sizing: border-box;padding: 25px;background: #fff;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1600);position: relative;margin-top: -70px;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.gjdx1 dl dt{font-size: 20px;color: #0C84FF;line-height: 22px;padding-bottom: 14px;}
.gjdx1 dl dd{font-size: 14px;color: #999;line-height: 30px;}
.gjdx1 dl:hover{transform: translateY(-10px);}

.gjdx2bg{border-bottom: 1px solid #e2e4e5;}
.gjdx2{display: flex;flex-wrap: wrap;padding-top: 60px;}
.gjdx2 dl{width: 33.33%;display: flex;flex-wrap: wrap;justify-content: center;}
.gjdx2 dl dt{width: 32px;height: 32px;margin-right: 20px;display: flex;justify-content: center;align-items: center;}
.gjdx2 dl dt img{max-width: 100%;max-height: 100%;display: block;}
.gjdx2 dl dd{font-size: 18px;color: #333;font-weight: bold;line-height: 32px;padding-bottom: 30px;border-bottom: 2px solid rgba(0,0,0,0);}
.gjdx2 dl:hover dd{border-bottom: 2px solid #60aefe;}
.gjdx2 dl.on dd{border-bottom: 2px solid #60aefe;}

.gjdx3bg{background: url(../images/gjdx4bg.png)no-repeat center;background-size: cover;padding-top: 98px;}
.gjdx3{box-sizing: border-box;padding: 0 74px;display: flex;flex-wrap: wrap;justify-content: space-between;opacity:0;position:absolute;top:0;left:0;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;width:100%;}
.gjdx3 .img{width: 47.3%;}
.gjdx3 .img img{width: 100%;display: block;}
.gjdx3 div{width: 43%;padding-top: 70px;}
.gjdx3 div .tit{font-size: 18px;color: #333;font-weight: bold;padding-bottom: 20px;}
.gjdx3 div .des{font-size: 16px;color: #666;}
.gjdx3.active{opacity:1;position:relative;}

.gjdx4bg{padding-bottom: 50px;}
.gjdx4{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 60px;}
.gjdx4 dl{width: 23%;margin-bottom: 2.6%; background: #EFF4FC;box-sizing: border-box;padding:24px 32px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;}
.gjdx4 dl dt{font-size: 16px;color: #333;font-weight: bold;}
.gjdx4 dl dt img{width: auto;display: block;margin-bottom: 10px;}
.gjdx4 dl dd{font-size: 16px;color: #666;}
.gjdx4 dl dd span{font-size: 18px;color: #333;font-weight: bold;}
.gjdx4 dl:hover{transform: translateY(-10px);}

.gjdx5bg{background: #f5f7fa;}
.gjdx5{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 30px;}
.gjdx5 dl{width: 31.6%;position: relative;margin-top: 64px;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.gjdx5 dl dt{width: 64px;height: 64px;position: absolute;top:-32px;right: 32px;}
.gjdx5 dl dt img{width: 100%;display: block;}
.gjdx5 dl dd{background: linear-gradient(180deg, #F0F6FC 0%, #FFFFFF 100%);padding: 20px 32px;border-radius: 8px;}
.gjdx5 dl dd .tit{font-size: 20px;color: #333;line-height: 24px;padding-bottom: 12px;}
.gjdx5 dl dd .des{font-size: 14px;color: #999;line-height: 30px;}
.gjdx5 dl:hover dd{box-shadow: 0px 8px 12px 1px rgba(12,132,255,0.1000);}
.gjdx5 dl:hover{transform: translateY(-10px);}

.yxdx1{padding-bottom: 75px;}
.yxdx1 ul{display: flex;flex-wrap: wrap;padding-top: 30px;}
.yxdx1 ul li{width: 33.33%;box-sizing: border-box;padding: 0 70px;margin-top: 55px;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.yxdx1 ul li .img img{display: block;max-height: 100%;}
.yxdx1 ul li .tit{font-size: 20px;line-height: 24px;color: #333;font-weight: bold;padding: 34px 0 12px}
.yxdx1 ul li .des{font-size: 14px;line-height: 30px;color: #999;}
.yxdx1 ul li:hover{transform: translateY(-10px);}

.yxdx2bg{background: #F7F9FC;}
.yxdx2{display: flex;flex-wrap: wrap;padding-top: 70px;}
.yxdx2 li{width: 33.33%;box-sizing: border-box;padding: 40px;border: 1px solid #eee;background: #F7F9FC;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.yxdx2 li:nth-child(5){padding: 0;}
.yxdx2 li:nth-child(5) img{width: 100%;display: block;}
.yxdx2 li .p1{font-size: 20px;color: #333;line-height: 24px;font-weight: bold;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.yxdx2 li .p2{font-size: 16px;color: #666;line-height: 2;padding: 20px 0 40px;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.yxdx2 li .p3{font-size: 56px;color: #E6EBF3;line-height: 44px;text-align: right;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.yxdx2 li:hover{background: linear-gradient(133deg, #0A6ACC 0%, #0C84FF 100%);}
.yxdx2 li:hover .p1{color: #fff;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.yxdx2 li:hover .p2{color: #E6EBF3;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.yxdx2 li:hover .p3{color: #3398FF;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.cxqf1{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cxqf1 .img{width: 45.8%;text-align: right;padding-top: 48px;}
.cxqf1 .img img{max-width: 90%;}
.cxqf1_r{width: 50%;}
.cxqf1_r h3{font-size: 36px;color: #000;font-weight: bold;line-height: 40px;}
.cxqf1_r .js{font-size: 20px;color: #333;line-height: 42px;padding-top: 47px;padding-bottom: 12px;}
.cxqf1_r .xq p{font-size: 18px;color: #666;line-height: 42px;padding-left: 22px;background: url(../images/gx.jpg)no-repeat center left;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.cxqf1_r .xq p:hover{transform: translateX(10px);}

.cxqf2{display: flex;flex-wrap: wrap;padding-top: 60px;}
.cxqf2 dl{width: 20%;display: flex;flex-wrap: wrap;justify-content: center;cursor: pointer;}
.cxqf2 dl dt{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;margin-right: 20px;}
.cxqf2 dl dt img{max-width: 100%;max-height: 100%;}
.cxqf2 dl dd{font-size: 18px;color: #333;line-height: 30px;font-weight: bold;padding-bottom: 32px;position: relative;}
.cxqf2 dl.on dd:after{content: '';display: block;width: 70px;height: 2px;background: #0c84ff;position: absolute;bottom: 0;left: 50%;margin-left: -35px;}
.cxqf2_lrbg{background: #f7f9fc;padding-top: 24px;}
.cxqf2_lr{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; box-sizing: border-box;opacity:0;position:absolute;left:0;top:0;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;}
.cxqf2_l{width: 43%;padding-left: 3.4%;}
.cxqf2_l img{width: 100%;display: block;}
.cxqf2_r{width: 50%;}
.cxqf2_r .tit{font-size: 16px;color: #333;font-weight: bold;line-height: 42px;padding-bottom: 4px;}
.cxqf2_r .js{font-size: 14px;color: #666;line-height: 42px;}
.cxqf2_lr.active{opacity:1;position:relative;}

.cxqf3bg{background: #1c1f37;}
.cxqf3{display: flex;flex-wrap: wrap;padding-top: 60px;}
.cxqf3 li{width: 25%;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.cxqf3 li .img{width: 48px;height: 48px;margin: auto;}
.cxqf3 li .img img{max-width: 100%;max-height: 100%;display: block;}
.cxqf3 li .tit{font-size: 16px;color: #fff;font-weight: bold;line-height: 24px;text-align: center;padding-top: 30px;padding-bottom: 10px;}
.cxqf3 li .des{font-size: 14px;color: #D8D8D8;line-height: 30px;text-align: center;padding: 0 30px;}
.cxqf3 li:hover{transform: translateY(-10px);}

.khjc1_lr{box-sizing: border-box;padding: 0 50px;display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 105px;}
.khjc1_l{width: 50%;font-size: 18px;color: #666;line-height: 42px;}
.khjc1_l p{font-size: 18px;color: #666;line-height: 42px;}
.khjc1_l a{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 152px;height: 46px;border: 1px solid #0C84FF;border-radius: 4px;font-size: 14px;color: #0C84FF;margin-top: 32px;}
.khjc1_l a img{width: auto;display: block;margin-left: 6px;}
.khjc1_r{width: 42%;}
.khjc1_r img{display: block;max-width: 100%;}

.khjc2bg{background: #f7f9fc;}
.khjc2{display: flex;flex-wrap: wrap;padding-top: 85px;}
.khjc2 dl{width: 12.5%;cursor: pointer;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.khjc2 dl dt{width: 64px;height: 64px;margin: auto; background: #ebf5ff;display: flex;justify-content: center;align-items: center;position: relative;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.khjc2 dl dd{font-size: 16px;color: #000;line-height: 26px;text-align: center;padding-top: 30px;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.khjc2 dl:hover dt{background: linear-gradient(180deg, #FFFFFF 0%, #EBF5FF 100%);}
.khjc2 dl:hover dt:after{content: '';display: block;width: 100%;height: 2px;background: #0c84ff;position: absolute;bottom: 0;left: 0;}
.khjc2 dl:hover dd{color: #0c84ff;}
.khjc2 dl:hover{transform: translateY(-10px);}

.khjc3 ul{display: flex;flex-wrap: wrap;padding-top: 70px;}
.khjc3 ul li{width: 25%;box-sizing: border-box;padding: 177px 0 142px;position: relative;}
.khjc3 ul li .xsnr{border-right: 1px solid #D8D8D8;padding: 32px 0;}
.khjc3 ul li:last-child .xsnr{border-right: 0;}
.khjc3 ul li .xsnr .p1{height: 56px;}
.khjc3 ul li .xsnr .p1 img{display: block;margin: auto;max-height: 100%;}
.khjc3 ul li .xsnr .p2{font-size: 20px;color: #333;line-height: 26px;padding-top: 25px;text-align: center;}
.khjc3 ul li .ycnr{width: 120%;position: absolute;top: 0;left: -10%;background: #FFFFFF;box-shadow: 0px 10px 16px 1px rgba(12,132,255,0.1000);border-radius: 0px 100px 0px 0px;border: 1px solid #0C84FF;box-sizing: border-box;padding: 55px 40px;opacity: 0;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.khjc3 ul li .ycnr .img img{display: block;}
.khjc3 ul li .ycnr .tit{font-size: 20px;color: #0C84FF;line-height: 26px;font-weight: bold;padding-top: 25px;}
.khjc3 ul li .ycnr .des{font-size: 16px;color: #0C84FF;line-height: 2;padding-top: 22px;padding-bottom: 92px;}
.khjc3 ul li .ycnr a{width: 190px;height: 64px;background: #E6F2FF;border-radius: 32px;display: flex;justify-content: center;align-items: center;font-size: 20px;color: #0C84FF;}
.khjc3 ul li .ycnr a img{width: auto;display: block;margin-left: 6px;}
.khjc3 ul li.on .ycnr{opacity: 1;}

.khjc4bg{background: url(../images/khjc4bg.png)no-repeat center;background-size: cover;}
.khjc4{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 115px;}
.khjc4 dl{width: 23%;position: relative;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.khjc4 dl dt{width: 140px;position: absolute;left: 50%;top: -80px;margin-left: -70px;}
.khjc4 dl dt img{width: 100%;display: block;}
.khjc4 dl dd{background: #fff;padding:120px 30px 52px;border-bottom: 2px solid #fff;border-radius: 8px 8px 0px 0px;}
.khjc4 dl dd .tit{font-size: 20px;color: #333;line-height: 24px;font-weight: bold;padding-bottom: 14px;}
.khjc4 dl dd .des{font-size: 14px;color: #999;line-height: 30px;min-height: 150px;}
.khjc4 dl dd a{width: 188px;height: 62px;border: 1px solid #0c84ff;border-radius: 32px;display: flex;justify-content: center;align-items: center;font-size: 20px;color: #0C84FF;margin: 35px auto 0;}
.khjc4 dl dd a img{display: block;margin-left: 6px;}
.khjc4 dl:hover dd{border-bottom: 2px solid #0c84ff;box-shadow: 0px 10px 16px 1px rgba(12,132,255,0.1000);}
.khjc4 dl:hover{transform: translateY(-10px);}

.khjc5_lr{box-sizing: border-box;padding: 0 80px;display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 105px;}
.khjc5_r{width: 40%;font-size: 20px;color: #333;line-height: 42px;}
.khjc5_r p{font-size: 20px;color: #333;line-height: 42px;}
.khjc5_r a{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 154px;height: 48px;background: linear-gradient(90deg, #0C84FF 0%, #0A6ACC 100%);border-radius: 4px;font-size: 14px;color: #fff;margin-top: 32px;}
.khjc5_r a img{width: auto;display: block;margin-left: 6px;}
.khjc5_l{width: 45%;}
.khjc5_l img{display: block;max-width: 100%;}


.hydx1 h3{font-size: 36px;color: #000;text-align: center;font-weight: bold;line-height: 40px;}
.hydx1 ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 45px;}
.hydx1 ul li{width: 31.66%;box-sizing: border-box;border: 1px solid #fff;background: #fff;border-radius: 8px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1600);padding: 40px 70px;margin: 1.25% 0;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.hydx1 ul li .img{width: 98px;margin: auto;}
.hydx1 ul li .img img{width: 100%;display: block;}
.hydx1 ul li .tit{font-size: 20px;line-height: 24px;color: #333;font-weight: bold;text-align: center; padding: 24px 0 12px}
.hydx1 ul li .des{font-size: 14px;line-height: 30px;color: #999;text-align: center;}
.hydx1 ul li:hover{border: 1px solid #0c84ff;transform: translateY(-10px);}

.hydx2bg{background: #F7F9FC;}
.hydx2{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; box-sizing: border-box;padding: 0 60px;}
.hydx2_l{width: 40%;}
.hydx2_l img{width: 100%;display: block;}
.hydx2_r{width: 50%;}
.hydx2_r .tit{font-size: 36px;color: #000;font-weight: bold;line-height: 40px;}
.hydx2_r .des{font-size: 18px;color: #666;line-height: 42px;padding-top: 52px;}


.hydx3bg h3{font-size: 36px;color: #000;text-align: center;font-weight: bold;line-height: 40px;}
.hydx3{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding-top: 60px;}
.hydx3 .hydx3_l{width: 23.33%;background: #FFFFFF;box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.1600);border-radius: 8px 8px 8px 8px;box-sizing: border-box;padding: 0 32px;}
.hydx3 .hydx3_l li{line-height: 124px;padding-left: 20px;border-bottom: 1px solid #e8e8e8;position: relative;}
.hydx3 .hydx3_l li:before{content: '';display: block;width: 4px;height: 16px;background: #e6ebf3;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.hydx3 .hydx3_l li a{display: block;font-size: 20px;color: #666;position: relative;}
.hydx3 .hydx3_l li:last-child{border-bottom: 0;}
.hydx3 .hydx3_l li.on:before{background: #0C84FF;}
.hydx3 .hydx3_l li.on a{color: #0C84FF;}
.hydx3 .hydx3_l li.on a:before{content: '';display: block;width: 16px;height: 16px;background: #0C84FF;border-radius: 50%; position: absolute;right: -40px;top: 50%;margin-top: -8px;}
.hydx3 .hydx3_l li.on a:after{content: '';display: block;width: 180px;height: 1px;background: #D8D8D8;border-radius: 50%; position: absolute;right: -220px;top: 50%;}

.hydx3 .hydx3_r{width: 23.33%;background: #FFFFFF;box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.1600);border-radius: 8px 8px 8px 8px;box-sizing: border-box;padding: 0 32px;}
.hydx3 .hydx3_r li{line-height: 124px;padding-left: 20px;border-bottom: 1px solid #e8e8e8;position: relative;}
.hydx3 .hydx3_r li:before{content: '';display: block;width: 4px;height: 16px;background: #e6ebf3;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.hydx3 .hydx3_r li a{display: block;font-size: 20px;color: #666;position: relative;}
.hydx3 .hydx3_r li:last-child{border-bottom: 0;}
.hydx3 .hydx3_r li.on:before{background: #0C84FF;}
.hydx3 .hydx3_r li.on a{color: #0C84FF;}
.hydx3 .hydx3_r li.on a:before{content: '';display: block;width: 16px;height: 16px;background: #0C84FF;border-radius: 50%; position: absolute;left: -60px;top: 50%;margin-top: -8px;}
.hydx3 .hydx3_r li.on a:after{content: '';display: block;width: 180px;height: 1px;background: #D8D8D8;border-radius: 50%; position: absolute;left: -240px;top: 50%;}
.hydx3 .hydx3_m{width: 48%;}
.hydx3 .hydx3_m img{width: 100%;display: block;}
.hydx3 .hydx3_m p{display: none;}



.hydx4bg{background: #F7F9FC;}
.hydx4bg h3{font-size: 36px;color: #000;text-align: center;font-weight: bold;line-height: 40px;}
.hydx4{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 60px 60px 0;}
.hydx4 .hydx4_l{width: 55.5%;}
.hydx4 .hydx4_l .xq p{font-size: 18px;color: #666;line-height: 42px;padding-left: 22px;background: url(../images/gx.jpg)no-repeat center left;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.hydx4 .hydx4_l .xq p:hover{transform: translateX(10px);}
.hydx4 .hydx4_l a{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 152px;height: 46px;border: 1px solid #0C84FF;border-radius: 4px;font-size: 14px;color: #0C84FF;margin-top: 15px;}
.hydx4 .hydx4_l a img{width: auto;display: block;margin-left: 6px;}
.hydx4 .hydx4_l .p1{font-size: 14px;line-height: 42px;color: #999;padding: 14px 0 4px;}
.hydx4 .hydx4_l .p2{display: flex;flex-wrap: wrap;}
.hydx4 .hydx4_l .p2 span{font-size: 14px;color: #0C84FF;width: 110px;height: 32px;line-height: 32px;text-align: center;display: block;margin-right: 12px;margin-bottom: 12px; background: #E6F3FF;border-radius: 4px 4px 4px 4px;}
.hydx4 .hydx4_r{width: 40%;}
.hydx4 .hydx4_r img{width: 100%;display: block;}


.registerbg{background: url(../images/registerbg.png)no-repeat center;background-size: cover;display: flex;flex-wrap: wrap;justify-content: center;padding-top: 196px;}
.register{width: 1080px;margin: auto;box-shadow: 6px 6px 12px 1px rgba(0,0,0,0.1);border-radius: 12px;background: #fff;display: flex;}
.register .register_l{width: 41.8%;}
.register .register_l img{width: 100%;display: block;}
.register .register_r{width: 58.2%;box-sizing: border-box;padding: 0 90px;}

.register .register_r h1{font-size: 28px;color: #333;line-height: 1;padding: 50px 0 20px;}
.register .register_r h2{font-size: 14px;color: #0C84FF;font-weight: normal;line-height: 1;}
.register .register_r ul{margin-top: 35px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.register .register_r ul li{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 16px 0;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;}
.register .register_r ul li:nth-child(1),.register .register_r ul li:nth-child(2){width: 47%;}
.register .register_r ul li p{width: 15px;}
.register .register_r ul li p img{display: block;margin: auto;}
.register .register_r ul li input{height: 16px;border: 0;padding: 0; border-left: 1px solid #d8d8d8;width: calc(100% - 23px);color: #333;font-size: 14px;box-sizing: border-box;padding-left: 8px;}
.register .register_r ul li input::-webkit-input-placeholder { color: #ccc;}
.register .register_r ul li:nth-child(7){padding-bottom: 0;border-bottom: 0;}
.register .register_r ul li input.submit{width: 100%;height: 52px;line-height: 52px;background: #397EF6;border-radius: 4px;}
.fwxy{display: flex;justify-content: center;align-items: center;color: #666;}
.fwxy a{color: #0080FF;}
.fwxy input{border: 1px solid #d8d8d8;}
.fwxy2{display: flex;justify-content: center;align-items: center;color: #666;padding-top: 45px;}
.fwxy2 a{color: #0080FF;}

.fwxy3{display: flex;justify-content: space-between;align-items: center;color: #666;}
.fwxy3 a{color: #0080FF;}
.foot_nav{width: 100%;display: flex;justify-content: center;margin-top: 100px;margin-bottom: 20px;}
.foot_nav li a{font-size: 14px;color: #666;padding: 0 32px;}
.foot_xx{font-size: 12px;color: #999;text-align: center;padding:0 5px;padding-bottom: 45px;}
.foot_xx a{font-size: 12px;color: #999;}


.loginbg{background: url(../images/registerbg.png)no-repeat center;background-size: cover;display: flex;flex-wrap: wrap;justify-content: center;padding-top: 196px;}
.login{width: 1080px;margin: auto;box-shadow: 6px 6px 12px 1px rgba(0,0,0,0.1);border-radius: 12px;background: #fff;display: flex;align-items: center;}
.login .login_l{width: 41.8%;}
.login .login_l img{width: 100%;display: block;}
.login .login_r{width: 58.2%;box-sizing: border-box;padding: 0 120px;}
.login .login_r h1{font-size: 28px;color: #333;line-height: 1;padding-bottom: 20px;}
.login .login_r h2{font-size: 14px;color: #0C84FF;font-weight: normal;line-height: 1;}
.login .login_r ul{margin-top: 35px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.login .login_r ul li{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 16px;border: 1px solid #eeeeee;margin-bottom: 20px;box-sizing: border-box;border-radius: 4px;}
.login .login_r ul li:nth-child(3){width: 71%;}
.login .login_r ul li:nth-child(4){width: 26%;padding: 0;}
.login .login_r ul li:nth-child(4) img{width: 100%;height: 48px;border-radius: 4px;}
.login .login_r ul li p{width: 15px;}
.login .login_r ul li p img{display: block;margin: auto;}
.login .login_r ul li input{height: 16px;border: 0;padding: 0; border-left: 1px solid #d8d8d8;width: calc(100% - 23px);color: #ccc;font-size: 14px;box-sizing: border-box;padding-left: 8px;}
.login .login_r ul li input::-webkit-input-placeholder { color: #ccc;}
.login .login_r ul li:nth-child(5){padding: 0;border: 0;}
.login .login_r ul li input.submit{width: 100%;height: 52px;line-height: 52px;background: #397EF6;border-radius: 4px;}


.retrievebg{background: url(../images/registerbg.png)no-repeat center;background-size: cover;display: flex;flex-wrap: wrap;justify-content: center;padding-top: 196px;}
.retrieve{width: 1080px;margin: auto;box-shadow: 6px 6px 12px 1px rgba(0,0,0,0.1);border-radius: 12px;background: #fff;display: flex;}
.retrieve .retrieve_l{width: 41.8%;}
.retrieve .retrieve_l img{width: 100%;display: block;}
.retrieve .retrieve_r{width: 58.2%;box-sizing: border-box;padding: 0 120px;margin-top: 156px;position: relative;}
.retrieve .retrieve_r h1{font-size: 28px;color: #333;line-height: 1;padding-bottom: 45px;}
.retrieve .retrieve_r h2{font-size: 14px;color: #0C84FF;font-weight: normal;line-height: 1;}
.retrieve_top{display: flex;justify-content: space-between;}
.retrieve_top p{display: flex;font-size: 12px;line-height: 20px;position: relative;color:#666;}
.retrieve_top p span{width: 20px;height: 20px;background: #FFFFFF;border: 1px solid #D8D8D8;color:#D8D8D8;border-radius: 50%;text-align: center;line-height: 20px;margin-right: 8px;}
.retrieve_top p::after{content: '';display: block;width: 55px;height: 2px;background: #D8D8D8;position: absolute;top: 50%;margin-top: -1px;right: -60px;}
.retrieve_top p:last-child:after{display: none;}
.retrieve_top p.outside1ab{color: #0080FF;}
.retrieve_top p.outside1ab span{color: #0080FF;border: 1px solid #0080FF;}
.retrieve_top p.outside2ab{color: #0080FF;}
.retrieve_top p.outside2ab span{color: #0080FF;border: 1px solid #0080FF;}
.retrieve_top p.outside3ab{color: #0080FF;}
.retrieve_top p.outside3ab span{color: #0080FF;border: 1px solid #0080FF;}
.retrieve_top p.on{color: #0080FF;}
.retrieve_top p.on span{color: #0080FF;border: 1px solid #0080FF;}


.retrieve .retrieve_r ul{margin-top: 42px;}
.retrieve .retrieve_r ul li{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding-bottom: 16px;margin-bottom: 20px;box-sizing: border-box;border-radius: 4px;}
.retrieve .retrieve_r ul li.li{border-bottom: 1px solid #eeeeee;}
.retrieve .retrieve_r ul li p{width: 15px;}
.retrieve .retrieve_r ul li p img{display: block;margin: auto;}
.retrieve .retrieve_r ul li input{height: 16px;border: 0;padding: 0; border-left: 1px solid #d8d8d8;width: calc(100% - 23px);color: #ccc;font-size: 14px;box-sizing: border-box;padding-left: 8px;}
.retrieve .retrieve_r ul li input::-webkit-input-placeholder { color: #ccc;}
.retrieve .retrieve_r ul li.but{padding: 0;border: 0;margin: 0;}
.retrieve .retrieve_r ul li.but button{width: 100%;height: 52px;line-height: 52px;background: #397EF6;border-radius: 4px;padding: 0;border: 0;margin: 0;font-size: 16px;color: #fff;margin-top: 20px;}
.retrieve .retrieve_r #twoform li input {width: calc(100% - 140px);}
#sendRndnum{width: 106px;display: none;}
#timer1{width: 17px;display: inline-block;text-align: right;}
.twobox-form{display: none;}
.threebox-form{display: none;}
.fourbox-form{display: none;}

.fwxy4{text-align: center; color: #666;position: absolute;bottom: 30px;left: 0; width: 100%;}
.fwxy4 a{color: #0080FF;}





.nav2bg{border-bottom: 1px solid #D8D8D8;}
.nav2bg ul{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.nav2bg ul li{line-height: 85px;position: relative;}
.nav2bg ul li a{font-size: 18px;color: #333;padding: 0 40px;display: block;}
.nav2bg ul li:hover:after{content: '';display: block;width: 60px;height: 2px;background: #0080ff;position: absolute;bottom: -1px;left: 50%;margin-left: -30px;}
.nav2bg ul li.on:after{content: '';display: block;width: 60px;height: 2px;background: #0080ff;position: absolute;bottom: -1px;left: 50%;margin-left: -30px;}
.nav2bg ul li:hover a{color: #0080ff;}
.nav2bg ul li.on a{color: #0080ff;}

.news_list{margin-top: 48px;}
.news_list li{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.news_list li .img{width: 200px;}
.news_list li .img img{width: 100%;display: block;}
.news_list li .nr{width: 970px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-bottom: 1px dashed #d8d8d8;padding: 24px 0;}
.news_list li .nr .time{width: 90px;background: #F8F8F8;font-size: 32px;color: #0C84FF;text-align: center;padding: 16px 0;}
.news_list li .nr .time span{font-size: 14px;color: #777;display: block;}
.news_list li .nr div{width: 865px;}
.news_list li .nr div .tit{font-size: 16px;color: #333;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list li .nr div .des{font-size: 12px;color: #999;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*新闻内容页*/
.news_title{text-align: center; margin-bottom: 30px;}
.news_title h1{font-size:20px; line-height: 2; }
.news_content{ line-height: 2;}
.sxy{display: flex;justify-content: center;padding-bottom: 80px;}
.sxy a{width: 22px;height: 22px;border: 1px solid #F6F6F6;border-radius: 2px;text-align: center;line-height: 22px;margin: 4px;font-size: 12px;color: #666;}
.sxy span{line-height: 22px;color: #666;font-size: 12px;display: block;margin: 4px;}

.jgfa_list{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 70px;}
.jgfa_list li{width: 18.5%;margin-right: 1.875%; box-sizing: border-box;border: 1px solid #D8D8D8;background: #fff;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.jgfa_list li:last-child{margin-right: 0;}
.jgfa_list li div{margin: 0 22px;position: relative;}
.jgfa_list li div:before{content: '';display: block;background: #0A6ACC;width: 65px;height: 5px;position: absolute;top: -1px;left: 0;}
.jgfa_list li .p1{font-size: 20px;color: #000;font-weight: bold;padding: 35px 0 25px;border-bottom: 2px solid #f6f6f6;}
.jgfa_list li .p1 span{display: block;font-size: 14px;color: #5F6B78;font-weight: normal;margin-top: 14px;}
.jgfa_list li .p2{font-size: 14px;color: #333;line-height: 20px;padding: 22px 0;border-bottom: 2px solid #f6f6f6;}
.jgfa_list li .p2 span{padding-left: 40px;}
.jgfa_list li .p3{display: flex;flex-wrap: wrap;padding: 15px 0 10px;}
.jgfa_list li .p3 span{font-size: 12px;color: #0C84FF;border: 1px solid #0C84FF;border-radius: 2px;padding: 4px 5px;margin-right: 8px;}
.jgfa_list li .p4{font-size: 50px; color:#F85B37;}
.jgfa_list li .p4 sub{font-size: 12px;color: #5F6B78;padding-left: 5px;}
.jgfa_list li a{background: linear-gradient(91deg, #FF9E0C 0%, #E3700B 56%, #E6710B 100%);width: 100%;height: 42px;line-height: 42px;text-align: center;font-size: 14px;color: #fff;display: flex;justify-content: center;align-items: center;margin-top: 10px;}
.jgfa_list li a img{margin-left: 10px;}
.jgfa_list li:hover{transform: translateY(-10px);}



.jgfa3bg{background: url(../images/jgfabg.png)no-repeat center;background-size: cover;}
.jgfa3{display: flex;flex-wrap: wrap;justify-content: space-between;}
.jgfa3 dl{width: 23%;background: #fff;box-sizing: border-box; border: 1px solid #eee;border-radius: 0px 0px 8px 8px;padding: 40px;position: relative;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.jgfa3 dl dt{width: 72px;margin: auto;}
.jgfa3 dl dt img{width: 100%;display: block;}
.jgfa3 dl dd .tit{font-size: 20px;color: #333;font-weight: bold;text-align: center;padding: 25px 0 20px;}
.jgfa3 dl dd .des{font-size: 14px;color: #999;text-align: center;}
.jgfa3 dl dd a{width: 190px;height: 64px;background: #FFFFFF;border-radius: 32px 32px 32px 32px;opacity: 1;border: 1px solid #0C84FF;font-size: 20px;color: #0C84FF;display: flex;align-items: center;justify-content: center;margin-top: 40px;}
.jgfa3 dl dd a img{margin-left: 10px;}
.jgfa3 dl:hover{box-shadow: 0px 10px 16px 1px rgba(12,132,255,0.1);transform: translateY(-10px);}
.jgfa3 dl:hover:after{content: '';display: block;width: 100%;height: 4px;background: #0c84ff;position: absolute;top: 0;left: 0;}

.yyfw1{background: url(../images/yyfw21.jpg)no-repeat center;background-size: cover;margin-top: 70px;}
.yyfw1 img{width: 100%;display: block;}

.yyfw2{display: flex;flex-wrap: wrap;padding-top: 60px;}
.yyfw2 dl{width: 20%;display: flex;flex-wrap: wrap;justify-content: center;cursor: pointer;}
.yyfw2 dl dt{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;margin-right: 20px;}
.yyfw2 dl dt img{max-width: 100%;max-height: 100%;}
.yyfw2 dl dd{font-size: 18px;color: #333;line-height: 30px;font-weight: bold;padding-bottom: 32px;position: relative;}
.yyfw2 dl.on dd{color: #0c84ff;}
.yyfw2 dl.on dd:after{content: '';display: block;width: 70px;height: 2px;background: #0c84ff;position: absolute;bottom: 0;left: 50%;margin-left: -35px;}
.yyfw2_lrbg{background: #f7f9fc;padding-top: 24px;}
.yyfw2_lr{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; box-sizing: border-box;opacity:0;position:absolute;left:0;top:0;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;}
.yyfw2_l{width: 39%;padding-left: 8.4%;}
.yyfw2_l img{width: 100%;display: block;}
.yyfw2_r{width: 50%;}
.yyfw2_r p{font-size: 16px;color: #666;line-height: 42px;background: url(../images/gx.jpg)no-repeat left top 16px;padding-left: 22px;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.yyfw2_r p:hover{transform: translateX(10px);}
.yyfw2_lr.active{opacity:1;position:relative;}

.yyfw3{display: flex;flex-wrap: wrap;padding-top: 15px;}
.yyfw3 dl{width: 16.66%;margin-top: 55px;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.yyfw3 dl dt{width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;background: #EBF5FF;border-radius: 50%;margin: auto;}
.yyfw3 dl dd{font-size: 16px;color: #333;text-align: center;line-height: 20px;margin-top: 32px;}
.yyfw3 dl:hover{transform: translateY(-10px);}

.yyfw4bg{background: #F7F9FC;}
.yyfw4{display: flex;flex-wrap: wrap;padding-top: 30px;}
.yyfw4 dl{width: 33.33%;margin-top: 35px;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.yyfw4 dl dt{margin-bottom: 25px;height: 40px;display: flex;justify-content: center;align-items: center;}
.yyfw4 dl dt img{display: block;margin: auto;}
.yyfw4 dl dd .tit{font-size: 18px;color: #333;line-height: 24px;text-align: center;padding-bottom: 20px;}
.yyfw4 dl dd .des{font-size: 14px;color: #999;line-height: 30px;text-align: center;padding: 0 75px;}
.yyfw4 dl:hover{transform: translateY(-10px);}

.jkwd_lr{margin-top: 64px;display: flex;position: relative;}
.jkwd_l{width: 18.75%;background: #f7f9fc;box-sizing: border-box;padding-top: 24px;height: calc(100vh - 64px);position:fixed;top:64px;left:0;z-index:1;}
.jkwd_l h3{font-size: 14px;color: #333;padding-left: 80px;line-height: 34px;}
.jkwd_r{width: 81.25%;background: #fff;box-sizing: border-box;padding: 0 60px;position: relative;margin-left: 18.75%;}
.jkwd_r h1{font-size: 32px;color: #333;line-height: 2;padding-top: 45px;border-bottom: 1px solid #eceff4;font-weight: normal;}
.jkwd_r .content{font-size: 16px;color: #666;line-height: 33px;padding-top: 20px;padding-bottom: 80px;}
.jkwd_r .content h2{font-size: 24px;color: #333;line-height: 34px;padding: 35px 0 20px;}
.jkwd_r .content a{color: #0C84FF;}
.jkwd_r .content table{width: 100%;}
.jkwd_r .content table tr:first-child{border-top: 1px solid #eeeeee;}
.jkwd_r .content table tr{border-bottom: 1px solid #eeeeee;}
.jkwd_r .content table tr th{text-align: left;line-height: 26px;box-sizing: border-box;padding: 13px 0;padding-left: 15px;}
.jkwd_r .content table tr td{line-height: 26px;box-sizing: border-box;padding: 13px 0;padding-left: 15px;}
.jkwd_r .content table tr th:nth-child(1){width: 9%;}
.jkwd_r .content table tr th:nth-child(2){width: 9%;}
.jkwd_r .content table tr th:nth-child(3){width: 11.5%;}
.jkwd_r .content table tr th:nth-child(4){width: 9%;}
.jkwd_r .content table tr th:nth-child(5){width: 32%;}
.jkwd_r .content .fhz{background: #F9F9FA;padding: 20px 30px;line-height: normal;font-size: 16px;color: #666;margin-top: 15px;}

.ban_n{height: 430px;}
.about1{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 70px;}
.about1 .img{width: 40.6%;}
.about1 .img img{width: 100%;display: block;}
.about1 .con{width: 55%;font-size: 16px;line-height: 42px;color: #666;}
.about1 .con p{text-indent: 2em;}

.about2bg{background: url(../images/about2bg.png)no-repeat center;background-size: cover;}
.about2{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 70px;}
.about2 li{width: 33.33%;}
.about2 li .img{width:50px;height: 50px;margin:auto;display: flex;align-items: center;justify-content: center;}
.about2 li .img img{max-height: 100%;max-width: 100%;}
.about2 li .tit{text-align: center;font-size: 20px;color: #666666;line-height: 30px;padding: 55px 0 20px;}
.about2 li .des{text-align: center;font-size: 32px;color: #333333;line-height: 42px;}





.jkwd_menu{display: none;}
.head .menu{display: none;}
.nav_bg{display: none;}
.hydx3_wap{display: none;}
@media (max-width: 1024px){
  .head{position: relative;padding: 10px 0px;}
  .head .logo{margin: 0;}
  .head .menu{width: 24px;height: 24px;display: block;position: absolute;top: 16px;right: 0px;}
  .head .menu span{display: block;padding: 3px 0; transition: all .4s ease;}
  .head .menu span:before{content: '';display: block;width: 24px;height: 2px;background: #fff;border-radius: 1px; transition: all .4s ease; }
  .head .menu.on span:nth-child(1){transform: translateY(8px);}
  .head .menu.on span:nth-child(1):before{transform: rotate(45deg);}
  .head .menu.on span:nth-child(2){opacity: 0;}
  .head .menu.on span:nth-child(3){transform: translateY(-8px);}
  .head .menu.on span:nth-child(3):before{transform: rotate(-45deg);}
  .head ul{display: none;}
  .head .head_r{display: none;}
  .nav_down{display: none;}
  .nav_bg{display: none;position: absolute;top:56px;right: 0;z-index: 102;width: 100%;background: #333;border-top: 1px solid #fff;}
  .nav_bg ul{width:100%;background: #333;color: #fff;}
  .nav_bg ul li{width: 100%;margin: 0 auto;border-bottom: 1px solid #fff;}
  .nav_bg ul li a{width: calc(100% - 70px);display: block;font-size: 16px;color: #fff;line-height:48px;padding-left: 20px; float: left;}
  .nav_bg ul li span{display: block;width: 48px;height: 48px;float: right;background: url(../images/mt.png) no-repeat center;background-size: 50%;}
  .nav_bg ul li.active span{background: url(../images/mt-hover.png) no-repeat center;background-size: 50%;}
  .nav_bg ul li dl{display: none;}
  .nav_bg ul li dl dd{width: 100%;border-top: 1px solid #e0e0e0;}
  .nav_bg ul li dl dd a{display: block;float: none;padding-left: 40px;border-right: 0;}
  .dlzc{color: #fff;font-size: 16px;padding-left: 20px;}
  .dlzc a{line-height: 48px;color: #fff;font-size: 16px;}
  .w12{max-width: 94%;}
  .com_tit{font-size: 32px;line-height: 36px;}
  .pt{padding-top: 60px;}
  .pb{padding-bottom: 60px;}
  .ptb{padding: 60px 0;}

  .banner_imgbg{height: 700px;}
  .banner_img{padding: 100px 90px 40px;}
  .banner_img_l h1{font-size: 34px;margin-bottom: 24px;}
  .banner_img_l h2{font-size: 20px;margin-bottom: 28px;padding-bottom: 26px;}
  .banner_img_l a{width: 160px;height: 56px;font-size: 16px;}
  .banner_thumbs ul li{padding: 30px 0;}
  .banner_thumbs ul li .img{width: 48px;height: 48px;}
  .banner_thumbs ul li .tit{font-size: 18px;line-height: 28px;margin-bottom: 5px;}

  .index1{padding-bottom: 30px;}
  .index1 ul{margin-top: 40px;}
  .index1 ul li{padding: 10px 0;}
  .index1 ul li .img{width: 40px;margin-right: 20px;}
  .index1 ul li .img img{max-width: 100%;}
  .index1 ul li div{width: 220px;}
  .index1 ul li .tit{font-size: 18px;margin-bottom: 10px;}
  .index1 ul li .js{line-height: 24px;}

  .index2bg{padding: 40px 0;}
  .index2{padding-left: 0;}
  .index2 h3{font-size: 18px;line-height: 28px;margin-bottom: 20px;}

  .index3_l li{padding: 0 20px;}
  .index3_l li .x{padding: 24px 0 12px;}
  .index3_l li .img{width: 28px;height: 28px;}
  .index3_l li .img img{max-width: 100%;max-height: 100%;}
  .index3_r{margin: 35px 0 20px;}
  .index3_rnrjs .js{line-height: 26px;min-height: 52px;}
  .index3_rnrjs .animg{margin-top: 20px;}
  .index3_rnrjs .animg img{max-height: 52px;margin-right: 20px;}
  .mw-page{margin: 70px 0;}
  .mw-page .mw-company .mw-container{height: 660px;}
  .mw-page .mw-company .mw-container .mw-company-block .mw-company-title{font-size: 32px;}

  footer{padding: 55px 0;}
  .footer .footer_l h3{font-size: 16px;padding-bottom: 5px;}
  .footer .footer_l .p1{font-size: 24px;padding: 20px 0 10px;}
  .footer .footer_l .p2{font-size: 14px;line-height: 2;}
  .footer .footer_l a{width: 100px;height: 36px;line-height: 36px;margin-top: 10px;}
  .footer .footer_m h3{font-size: 16px;padding-bottom: 5px;}
  .footer .footer_m .p2{font-size: 14px;line-height: 2; padding: 10px 0 8px;}
  .footer .footer_m .ewm{width: 100px;}
  .footer .footer_r dl dt{font-size: 16px;padding-bottom: 5px;margin-bottom: 10px;}
  .footer .footer_r dl dt a{font-size: 16px;}
  .footer .footer_r dl dd{font-size: 14px;line-height: 2;}
  .footer .footer_r dl dd a{font-size: 14px;line-height: 2;}

  .nybanner{height: 410px;}
  .nybanner_lr{padding: 100px 90px 40px;}
  .nybanner_l h1{font-size: 34px;margin-bottom: 20px;}
  .nybanner_l h2{font-size: 14px;margin-bottom: 28px;padding-bottom: 26px;}
  .nybanner_l a{width: 160px;height: 50px;font-size: 16px;line-height: 50px;}
  .nybanner_l .yx_dl{margin-bottom: 30px;padding-bottom: 25px;padding-top: 5px;}
  .nybanner_l .yx_dl dl dt{height: 30px;}
  .nybanner_l .yx_dl dl dd{font-size: 16px;line-height: 30px;padding-top: 10px;}
  .nybanner_r{width: 32%;}
  .khjc_ban .js{font-size: 14px;color: #D3E9FF;line-height: 24px;padding-bottom: 10px;}
  .khjc_ban .yx_dl{padding-bottom: 25px;margin-bottom: 0;}
  .nybanner_l .mfty input{height: 40px;line-height: 40px;font-size: 14px;}
  .nybanner_l .mfty button{height: 40px;margin-left: 8%;}



  .banner_img_l .yx_dl{margin-bottom: 30px;padding-bottom: 25px;padding-top: 5px;}
  .banner_img_l .yx_dl dl dt{height: 30px;}
  .banner_img_l .yx_dl dl dd{font-size: 16px;line-height: 30px;padding-top: 10px;}
  .banner_img_r{width: 32%;}
  .banner_img_l .mfty input{height: 40px;line-height: 40px;font-size: 14px;}
  .banner_img_l .mfty button{height: 40px;margin-left: 8%;}



  .snn1{padding-bottom: 50px;}
  .snn1 ul{margin-top: 45px;}
  .snn1 ul li .tit{margin-top: 25px;}
  .snn2{padding: 40px 0;}
  .snn2 div dl{padding: 30px 20px;}
  .snn2 div dl dt{font-size: 18px;}
  .snn2 div dl dd{line-height: 24px;min-height: 72px;}
  .snn3{padding-bottom: 50px;}
  .snn3 ul li{padding: 0 20px;margin-top: 45px;}
  .snn3 ul li .img{height: 40px;}
  .snn3 ul li .img img{max-height: 100%;}
  .snn3 ul li .tit{margin-top: 20px;}
  .snn3 ul li .des{line-height: 26px;margin-top: 5px;}

  .gjdx1 dl{padding: 15px;margin-top: -55px;}
  .gjdx1 dl dt{font-size: 18px;padding-bottom: 10px;}
  .gjdx1 dl dd{line-height: 26px;}
  .gjdx2 dl dt{width: 28px;height: 28px;margin-right: 15px;}
  .gjdx2 dl dd{font-size: 16px;line-height: 28px;padding-bottom: 20px;}
  .gjdx3bg{padding-top: 80px;}
  .gjdx3 div{padding-top: 50px;}
  .gjdx3 div .tit{font-size: 16px;padding-bottom: 15px;}
  .gjdx3 div .des{font-size: 14px;line-height: 26px;}
  .gjdx4bg{padding-bottom: 40px;}
  .gjdx4{margin-top: 50px;}
  .gjdx4 dl{padding:20px 25px;}
  .gjdx4 dl dt{font-size: 14px;}
  .gjdx4 dl dt img{margin-bottom: 5px;}
  .gjdx4 dl dd{font-size: 14px;}
  .gjdx4 dl dd span{font-size: 16px;;}
  .gjdx5{padding-top: 20px;}
  .gjdx5 dl{margin-top: 50px;}
  .gjdx5 dl dt{width: 56px;height: 56px;position: absolute;top:-28px;right: 28px;}
  .gjdx5 dl dd{padding: 20px 32px;border-radius: 8px;}
  .gjdx5 dl dd .tit{font-size: 18px;line-height: 22px;padding-bottom: 10px;}
  .gjdx5 dl dd .des{font-size: 14px;line-height: 26px;min-height: 78px;}

  .yxdx1{padding-bottom: 50px;}
  .yxdx1 ul{padding-top: 20px;}
  .yxdx1 ul li{padding: 0 40px;margin-top: 40px;}
  .yxdx1 ul li .img{height: 50px;}
  .yxdx1 ul li .tit{font-size: 18px;line-height: 22px;padding: 25px 0 10px}
  .yxdx1 ul li .des{line-height: 26px;}
  .yxdx2{padding-top: 50px;}
  .yxdx2 li{padding: 30px;}
  .yxdx2 li .p1{font-size: 18px;line-height: 22px;}
  .yxdx2 li .p2{font-size: 14px;line-height: 24px;padding: 10px 0 20px;}
  .yxdx2 li .p3{font-size: 48px;line-height: 36px;}

  .cxqf1_r .js{font-size: 18px;line-height: 36px;padding-top: 30px;padding-bottom: 10px;}
  .cxqf1_r .xq p{font-size: 16px;line-height: 36px;}
  .cxqf2{padding-top: 50px;}
  .cxqf2 dl dt{width: 24px;height: 24px;}
  .cxqf2 dl dd{font-size: 16px;line-height: 24px;padding-bottom: 20px;}
  .cxqf2_r .tit{line-height: 26px;padding-bottom: 10px;}
  .cxqf2_r .js{line-height: 24px;}
  .cxqf3{padding-top: 50px;}
  .cxqf3 li .img{width: 40px;height: 40px;}
  .cxqf3 li .tit{padding-top: 20px;padding-bottom: 8px;}
  .cxqf3 li .des{line-height: 26px;}

  .khjc1_lr{padding-top: 65px;}
  .khjc1_l{font-size: 16px;line-height: 2;}
  .khjc1_l p{font-size: 16px;line-height: 2;}
  .khjc1_l a{width: 130px;height: 40px;margin-top: 20px;}
  .khjc2{padding-top: 50px;}
  .khjc2 dl dd{font-size: 14px;padding-top: 20px;}
  .khjc3 ul{padding-top: 50px;}
  .khjc3 ul li{padding: 140px 0 115px;}
  .khjc3 ul li .xsnr .p1{height: 50px;}
  .khjc3 ul li .xsnr .p2{font-size: 18px;padding-top: 20px;}
  .khjc3 ul li .ycnr{padding: 45px 30px;}
  .khjc3 ul li .ycnr .img img{height: 50px;}
  .khjc3 ul li .ycnr .tit{font-size: 18px;padding-top: 20px;}
  .khjc3 ul li .ycnr .des{font-size: 14px;padding-top: 20px;padding-bottom: 70px;}
  .khjc3 ul li .ycnr a{width: 160px;height: 50px;font-size: 16px;line-height: 50px;}
  .khjc4 dl dt{width: 120px;top: -68px;margin-left: -60px;}
  .khjc4 dl dd{padding: 110px 20px 40px;}
  .khjc4 dl dd .tit{font-size: 18px;}
  .khjc4 dl dd .des{line-height: 24px;min-height: 144px;}
  .khjc4 dl dd a{width: 160px;height: 50px;font-size: 18px;}
  .khjc5_lr{padding: 0 60px;padding-top: 55px;}
  .khjc5_r{font-size: 18px;line-height: 2;}
  .khjc5_r p{font-size: 18px;line-height: 2;}
  .khjc5_r a{width: 130px;height: 40px;margin-top: 20px;}

  .hydx1 ul{padding-top: 40px;}
  .hydx1 ul li{padding: 30px 50px;}
  .hydx1 ul li .img{width: 80px;}
  .hydx1 ul li .tit{font-size: 18px;padding: 18px 0 10px;}
  .hydx1 ul li .des{line-height: 26px;}
  .hydx2_r .tit{font-size: 32px;line-height: 36px;}
  .hydx2_r .des{font-size: 16px;line-height: 2;}

  .hydx3{padding-top: 50px;}
  .hydx3 .hydx3_l li{line-height: 100px;}
  .hydx3 .hydx3_l li a{font-size: 18px;}
  .hydx3 .hydx3_l li.on a:after{width: 145px;right: -185px;}
  .hydx3 .hydx3_r li{line-height: 100px;}
  .hydx3 .hydx3_r li a{font-size: 18px;}
  .hydx3 .hydx3_r li.on a:after{width: 145px;left: -205px;}

  .hydx4 .hydx4_l .xq p{font-size: 16px;line-height: 2;}
  .hydx4 .hydx4_l a{width: 130px;height: 40px;}
  .hydx4 .hydx4_l .p2 span{font-size: 12px;width: 86px;height: 28px;line-height: 28px;}

  .jgfa3 dl dd a{width: 100%;height: 46px;font-size: 16px;}
  .nav2bg ul li{line-height: 75px;}
  .news_list li .img{width: 190px;}
  .news_list li .nr{width: calc(100% - 210px);padding: 20px 0;}
  .news_list li .nr div{width: calc(100% - 105px);}

  .jkwd_l h3{padding-left: 25%;}
  .left-side-menu{padding-left: 15%;}
  .jkwd_r{padding: 0 40px;}
  .jkwd_r h1{font-size: 28px;padding-top: 35px;}
  .jkwd_r .content{font-size: 14px;line-height: 2;}
  .jkwd_r .content h2{font-size: 20px;line-height: 30px; padding: 30px 0 15px;}
  .jkwd_lr{margin-top: 56px;}

  .yyfw1{margin-top: 60px;height: 350px;}

  .yyfw2{padding-top: 50px;}
  .yyfw2 dl dt{width: 24px;height: 24px;}
  .yyfw2 dl dd{font-size: 16px;line-height: 24px;padding-bottom: 20px;}
  .yyfw2_r .tit{line-height: 26px;padding-bottom: 10px;}
  .yyfw2_r .js{line-height: 24px;}

  .index4_dl dl:nth-child(1){top: 230px;left: 5px;}
  .index4_dl dl:nth-child(2){top: 55px;left: 55px;}
  .index4_dl dl:nth-child(3){top: 55px;right: 75px;}
  .index4_dl dl:nth-child(4){top: 230px;right: -15px;}
  .index4_dl dl:nth-child(1) dt:after{width: 45px;top: 60px;right: -44px;}
  .index4_dl dl:nth-child(2) dt:after{width: 45px;top: 88px;right: -20px;}
  .index4_dl dl:nth-child(3) dt:after{width: 45px;top: 88px;left: -20px;}
  .index4_dl dl:nth-child(4) dt:after{width: 45px;top: 60px;left: -44px;}


  .registerbg{padding-top: 120px;}
  .register{width: 94%;}
  .register .register_r{padding: 0 100px;}
  .register .register_r h1{font-size: 26px;padding: 30px 0 10px;}
  .register .register_r ul{margin-top: 20px;}
  .register .register_r ul li{margin-bottom: 15px;}
  .fwxy2{padding-top: 30px;}
  .loginbg{padding-top: 120px;}
  .login{width: 94%;}
  .login .login_r{padding: 0 100px;}
  .login .login_r h1{font-size: 26px;padding: 0 0 10px;}
  .login .login_r ul{margin-top: 20px;}
  .login .login_r ul li{margin-bottom: 15px;}
  .news_content img{width:100%; height:auto;}

  .ban_n{height: 335px;}
  .about1{margin-top: 50px;}
  .about1 .con{width: 55%;font-size: 14px;line-height: 2;}

  .about2{margin-top: 50px;}
  .about2 li .img{width: 40px;height: 40px;}
  .about2 li .tit{font-size: 18px;line-height: 28px;padding: 45px 0 15px;}
  .about2 li .des{font-size: 28px;line-height: 38px;}

  .retrievebg{padding-top: 120px;}
  .retrieve{width: 94%;}
  .retrieve .retrieve_r{padding: 0 100px;margin-top: 120px;}
  .retrieve_top p::after{width: 35px;right: -44px;}
  .retrieve .retrieve_r h1{font-size: 26px;padding-bottom: 35px;}
  .retrieve .retrieve_r ul{margin-top: 35px;}
  .retrieve .retrieve_r ul li{margin-bottom: 15px;}
  .retrieve .retrieve_r ul li.but button{margin-top: 15px;}

}

@media (max-width: 768px){
  .com_tit{font-size: 28px;line-height: 32px;}
  .pt{padding-top: 50px;}
  .pb{padding-bottom: 50px;}
  .ptb{padding: 50px 0;}
  .banner .swiper-pagination{bottom:310px;}
  .banner_imgbg{height: 540px;}
  .banner_img{padding: 90px 30px 30px;}
  .banner_img_l h1{font-size: 28px;margin-bottom: 15px;}
  .banner_img_l h2{font-size: 18px;padding-bottom: 20px;margin-bottom: 20px;}
  .banner_img_l a{width: 140px;height: 50px;font-size: 14px;}
  .banimg2{width: 65%;}
  .banner_thumbs ul li{padding: 15px 0}
  .banner_thumbs ul li .img{margin-right: 15px;}
  .banner_thumbs ul li .tit{line-height: 24px;}
  .banner_thumbs ul li .js{line-height: 18px;}
  .index1 ul{margin-top: 25px;}
  .index1 ul li{width: 48%;padding: 2% 0;}
  .index1 ul li div{width: calc(100% - 60px);}
  .index2bg{padding: 30px 0;}
  .index2 h3{margin-bottom: 15px;}
  .index2 ul li:nth-child(1){width: calc((95% - 129px)/2);}
  .index2 ul li:nth-child(2){width: calc((95% - 129px)/2);}
  .index2 ul li:last-child{margin-right: 0;}
  .index2 ul li input{width: 100%;height: 40px;}
  .index2 ul li button{height: 40px;}
  .index2 ul li button img{height: 40px;}

  .index3_rnrjs .animg img{margin-right: 10px;margin-bottom: 10px;}

  .index4bg{padding: 20px 0;}
  .index4 p img{display: none;}
  .index4_dl{position: relative;display: flex;flex-wrap: wrap;}
  .index4_dl dl{position: relative;display: flex;width: 50%;margin: 10px 0;}
  .index4_dl dl:nth-child(1){top: auto;left: auto;flex-direction: row;}
  .index4_dl dl:nth-child(2){top: auto;left: auto;flex-direction: row;}
  .index4_dl dl:nth-child(3){top: auto;right: auto;}
  .index4_dl dl:nth-child(4){top: auto;right: auto;}
  .index4_dl dl:nth-child(1) dt{margin-left: 0;margin-right: 20px;}
  .index4_dl dl:nth-child(2) dt{margin-left: 0;margin-right: 20px;}
  .index4_dl dl:nth-child(1) dd .tit{text-align: left;}
  .index4_dl dl:nth-child(1) dd .des{text-align: left;}
  .index4_dl dl:nth-child(2) dd .tit{text-align: left;}
  .index4_dl dl:nth-child(2) dd .des{text-align: left;}
  .index4_dl dl:nth-child(1) dt:after{display: none;}
  .index4_dl dl:nth-child(2) dt:after{display: none;}
  .index4_dl dl:nth-child(3) dt:after{display: none;}
  .index4_dl dl:nth-child(4) dt:after{display: none;}
  .index4_dl dl dt {
    width: 50px;
    height: 50px;
    line-height: 50px;
}	
  .mw-page{margin: 50px 0;}
  .mw-page .mw-company .mw-container{height: 500px;}
  .mw-page .mw-company .mw-container .mw-company-block .mw-company-title{font-size: 28px;}

  footer{padding: 45px 0;}
  .footer{justify-content: flex-start;}
  .footer .footer_l{width: 27%;margin-right: 8%;}
  .footer .footer_m{width: 18%;}
  .footer .footer_r{width: 100%;margin-top: 30px;}

  .nybanner{height: 360px;}
  .nybanner_lr{padding: 90px 30px 30px;}
  .nybanner_l h1{font-size: 28px;margin-bottom: 15px;}
  .nybanner_l h2{line-height: 24px;}
  .nybanner_l a{width: 140px;height: 44px;font-size: 14px;line-height: 44px;}
  .nybanner_l .mfty input{width: calc(94% - 120px);}
  .nybanner_l .mfty button{width: 120px;margin-left: 6%;}

  .snn3 ul li{margin-top: 35px;padding: 0 10px;}

  .gjdx2{padding-top: 40px;}
  .gjdx3bg{padding-top: 60px;}
  .gjdx4{margin-top: 40px;}
  .gjdx4 dl{width: 31.5%;}
  .gjdx5{padding-top: 10px;}
  .gjdx5 dl dt{right: 10px;}
  .gjdx5 dl dd .des{min-height: 104px;}

  .yxdx1 ul{padding-top: 10px;}
  .yxdx1 ul li{padding: 0 20px;margin-top: 30px;}
  .yxdx1 ul li .des{line-height: 24px;}
  .yxdx1 ul li .tit{padding: 20px 0 10px;}
  .yxdx2 li{padding: 25px;}
  .yxdx2 li .p2{min-height: 72px;}
  .yxdx2 li .p3{font-size: 44px;line-height: 34px;}

  .cxqf1_r .js{padding-top: 20px;}
  .cxqf2{padding-top: 40px;}

  .khjc1_lr{padding: 0px;padding-top: 50px;}

  .khjc1_l{font-size: 14px;}
  .khjc1_l p{font-size: 14px;}
  .khjc1_r{width: 44%;}

  .khjc2{padding-top: 30px;}
  .khjc2 dl{width: 25%;margin: 10px 0;}

  .khjc3 ul{justify-content: space-between;padding-top: 30px;}
  .khjc3 ul li{width: 48%;padding: 2% 0;}
  .khjc3 ul li .xsnr{display: none;}
  .khjc3 ul li .ycnr{opacity: 1;width: 100%;position: relative;top: 0;left: 0;}
  .khjc3 ul li .ycnr .des{padding-bottom: 60px;}

  .khjc4{padding-top: 0;}
  .khjc4 dl{width: 48%;margin-top: 14%;}
  .khjc4 dl dt{width: 100px;top: -57px;margin-left: -50px;}
  .khjc4 dl dd{border-bottom: 2px solid #0c84ff;box-shadow: 0px 10px 16px 1px rgba(12,132,255,0.1000);padding: 80px 20px 30px;}
  .khjc4 dl dd .des{min-height: 96px;}
  .khjc5_lr{padding: 0;padding-top: 40px;}
  .khjc5_l{width: 48%;}
  .khjc5_r{width: 48%;}

  .hydx1 ul{padding-top: 30px;}
  .hydx1 ul li{padding: 25px;}
  .hydx1 ul li .des{line-height: 24px;}

  .hydx2{padding: 0;}
  .hydx2_r{width: 54%;}
  .hydx2_r .tit{font-size: 28px;line-height: 32px;}
  .hydx2_r .des{padding-top: 40px;}

  .hydx3 .hydx3_l li{line-height: 75px;}
  .hydx3 .hydx3_r li{line-height: 75px;}
  .hydx3 .hydx3_l li.on a:after{width: 110px;right: -150px;}
  .hydx3 .hydx3_r li.on a:after{width: 110px;left: -170px;}
  .hydx4{padding: 40px 40px 0;}

  .jgfa_list{margin-top: 10px;}
  .jgfa_list li{width: 31%;margin-top: 3.5%;margin-right: 3.5%;}
  .jgfa_list li:nth-child(3){margin-right: 0;}

  .jgfa3 dl{width: 48%;margin: 2% 0;}
  .jgfa3 dl dd a{width: 65%;margin: 30px auto 0;}

  .nav2bg ul li{line-height: 65px;}
  .news_list{margin-top: 40px;}

  .yyfw1{height: 275px;margin-top: 50px;}
  .yyfw2{padding-top: 40px;}
  .yyfw2_r p{font-size: 14px;line-height: 32px;background: url(../images/gx.jpg)no-repeat left top 11px;}
  .yyfw3{padding-top: 10px;}
  .yyfw3 dl{margin-top: 45px;}
  .yyfw3 dl dd{margin-top: 25px;}
  .jkwd_lr{flex-wrap: wrap;}
  .jkwd_l{width: 100%;opacity: 0;position: absolute;top: 92px;left: 0;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;}
  .jkwd_r{width: 100%;padding: 0 5%;margin-left:0}
  .jkwd_l.active{opacity: 1;z-index: 10;}
  .jkwd_l{padding-top: 10px;}
  .jkwd_l h3{padding-left: calc(5% + 20px);}
  .left-side-menu{padding-left: 5%;}
  .jkwd_menu{display: block;}
  .jkwd_menu{width: 24px;height: 24px;display: block;position: absolute;top: 55px;right: 5%;}
  .jkwd_menu span{display: block;padding: 3px 0; transition: all .4s ease;}
  .jkwd_menu span:before{content: '';display: block;width: 24px;height: 2px;background: #333;border-radius: 1px; transition: all .4s ease; }
  .jkwd_menu.on span:nth-child(1){transform: translateY(8px);}
  .jkwd_menu.on span:nth-child(1):before{transform: rotate(45deg);}
  .jkwd_menu.on span:nth-child(2){opacity: 0;}
  .jkwd_menu.on span:nth-child(3){transform: translateY(-8px);}
  .jkwd_menu.on span:nth-child(3):before{transform: rotate(-45deg);}

  .registerbg{padding-top: 80px;}
  .register .register_l{display: none;}
  .register .register_r{width: 100%;padding-bottom: 30px;}

  .loginbg{padding-top: 80px;}
  .login .login_l{display: none;}
  .login .login_r{width: 100%;padding: 30px 100px;}
  .ban_n{height: 260px;}
  .about1{margin-top: 40px;}

  .about2{margin-top: 40px;}
  .about2 li .img{width: 40px;height: 40px;}
  .about2 li .tit{font-size: 16px;line-height: 26px;padding: 30px 0 10px;}
  .about2 li .des{font-size: 22px;line-height: 32px;}


  .retrievebg{padding-top: 80px;min-height:calc( 100vh - 80px);}
  .retrieve .retrieve_l{display: none;}
  .retrieve .retrieve_r{width: 100%;padding-bottom: 30px;}
  .retrieve .retrieve_r{margin-top: 30px;}
  .retrieve_top p::after{width: 100%;right: -120%;}
  .fwxy4{position: relative;padding-top: 20px;bottom: 0;}
}


@media (max-width: 480px){
  .com_tit{font-size: 24px;line-height: 28px;}
  .pt{padding-top: 30px;}
  .pb{padding-bottom: 30px;}
  .ptb{padding: 30px 0;}

  .banner_imgbg{height: 590px;}
  .banner_img{padding: 90px 0px 30px;}
  .banner_img_l{width: 100%;}
  .banner_img_l h1{font-size: 22px;}
  .banner_img_l h2{font-size: 12px;}
  .banner_img_l a{font-size: 12px;width: 120px;height: 42px;}

  
  .banner_img_r{display: none;}
  .banner_img_l .mfty{justify-content: space-between;}
  .banner_img_l .mfty input{width: calc(100% - 135px);}
  .banner_img_l .mfty button{width: 120px;margin-left: 0;}

  .banner_thumbs ul li{width: 50%;}
  .banner_thumbs ul li:nth-child(3n){border-right: 1px solid rgba(255,255,255,0.3);}
  .banner_thumbs ul li:nth-child(2n){border-right: 0;}
  .banner_thumbs ul li .img{width: 42px;height: 42px;margin-right: 10px;}
  .banner_thumbs ul li div{width: calc(100% - 75px);}
  .banner_thumbs ul li .tit{font-size: 16px;}
  .banner_thumbs ul li .js{font-size: 12px;}
  .banner_thumbs ul li .js br{display: none;}
  .index1 ul{box-sizing: border-box;padding: 0 10px;}
  .index1 ul li{width: 100%;padding: 3% 0;}
  .index2 ul li{margin-bottom: 10px;}
  .index2 ul li:nth-child(1){width: 100%;}
  .index2 ul li:nth-child(2){width: 100%;}

  .index3_l{overflow: auto;width: 100%;}
  .index3_l ul{display: flex;width: 350%;}
  .index3_l li{border-right: 1px solid #193872;}
  .index3_l li:last-child{border-right: 0;}
  .index3_l li .img{margin-right: 15px;}
  .index3_l li .x{padding: 20px 0 10px;}
  .index3_r{width: 100%;margin: 20px 0;}
  .index3_rnrjs .top h3{width: 100%;margin-bottom: 10px;}
  .index3_rnrjs .img img{max-width: 100%;}
  .index4_dl dl{width: 100%;}
  .index4_dl dl dd .tit{font-size: 16px;}
  .index4_dl dl dd .des{font-size: 16px;}
  .mw-page{margin: 30px 0;}
  .mw-page .mw-company .mw-container{height: 300px;}
  .mw-page .mw-company .mw-container .mw-company-block .mw-company-title{font-size: 20px;padding: 0}
  .mw-page .mw-company .mw-container .mw-company-block .mw-company-text img{    margin: 20px auto 0;}
  .footer{justify-content: space-around;}
  .footer .footer_l{width: auto;margin-right: 0;}
  .footer .footer_m{width: auto;}
  .footer .footer_r{display: none;}

  .nybanner{height: 290px;}
  .snn_ban{height: 330px;}
  .nybanner_lr{padding: 90px 0px 30px;}
  .nybanner_l{width: 65%;}
  .nybanner_l h1{font-size: 22px;margin-bottom: 15px;}
  .nybanner_l h2{line-height: 18px;font-size: 12px;margin-bottom: 20px;padding-bottom: 18px;}
  .nybanner_l a{font-size: 12px;width: 120px;height: 42px;line-height: 42px;}
  .nybanner_l .mfty input{width: calc(94% - 120px);}
  .nybanner_l .mfty button{width: 120px;margin-left: 6%;}

  .snn1{padding-bottom: 30px;}
  .snn1 ul{margin-top: 15px;}
  .snn1 ul li{width: 50%;margin: 3% 0;}
  .snn1 ul li .tit{margin-top: 15px;}
  .snn2{padding: 25px 0;}
  .snn2 div dl{width: 48%;margin: 2% 0;}
  .snn3 ul li{width: 50%;margin-top: 25px;}

  .gjdx1{justify-content: center;}
  .gjdx1 dl{width: 48%;margin-top: 4%;margin-right: 4%;}
  .gjdx1 dl:nth-child(2n){margin-right: 0;}
  .gjdx1 dl:last-child{margin-right: 0;}
  .gjdx1 dl dd{line-height: 20px;font-size:10px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .gjdx2{padding-top: 25px;}
  .gjdx2 dl dt{width: 24px;height: 24px;margin-right: 10px;}
  .gjdx2 dl dd{font-size: 14px;line-height: 24px;padding-bottom: 10px;}
  .gjdx3bg{padding-top: 30px;}
  .gjdx3{padding: 0 10px;}
  .gjdx3 .img{width: 100%;}
  .gjdx3 div{width: 100%;padding-top: 20px;}
  .gjdx4{margin-top: 20px;}
  .gjdx4 dl{width: 48%;margin: 2% 0;padding: 10px;}
  .gjdx4 dl dt{font-size: 12px;}
  .gjdx4 dl dd{font-size: 12px;}
  .gjdx4 dl dd span{font-size: 14px;}
  .gjdx5 dl{width: 100%;margin-top: 45px;}
  .gjdx5 dl dd .des{min-height: auto;}

  .yx_ban{height: 320px;}
  .yx_ban .nybanner_l{width: 100%;}
  .yx_ban .nybanner_r{display: none;}
  .nybanner_l .yx_dl{padding-bottom: 20px;margin-bottom: 20px;}
  .nybanner_l .yx_dl dl dd{font-size: 14px;line-height: 20px;}

  .banner_img_l .yx_dl{padding-bottom: 20px;margin-bottom: 20px;}
  .banner_img_l .yx_dl dl dd{font-size: 14px;line-height: 20px;}

  .yxdx1 ul li{width: 50%;padding: 0 10px;margin-top: 20px;}
  .yxdx1 ul li .img{height: 40px;}
  .yxdx1 ul li .tit{padding: 15px 0 10px;}
  .yxdx2{padding-top: 25px;}
  .yxdx2 li{width: 50%;padding: 15px;}
  .yxdx2 li:nth-child(5){display: none;}
  .yxdx2 li .p2{min-height: 96px;}

  .cxqf1 .img{display: none;}
  .cxqf1_r{width: 100%;}
  .cxqf1_r .js{font-size: 16px;line-height: 2;}
  .cxqf1_r .xq{line-height: 2;font-size: 14px;}
  .cxqf1_r .xq p{line-height: 2;font-size: 14px;}

  .cxqf2bg .w12{overflow: auto;}
  .cxqf2{width: 230%;padding-top: 25px;}
  .cxqf2_l{width: 100%;padding-left: 0;}
  .cxqf2_r{width: 100%;padding: 20px 0 30px;}
  .cxqf3{padding-top: 10px;}
  .cxqf3 li{width: 50%;margin-top: 5%;}
  .cxqf3 li .des{padding: 0 10px;line-height: 24px;}

  .kh_ban{height: 380px;}
  .kh_ban .nybanner_l{width: 100%;}
  .kh_ban .nybanner_r{display: none;}
  .khjc1_lr{padding-top: 25px;flex-wrap: wrap-reverse;}
  .khjc1_l{width: 100%;}
  .khjc1_r{width: 100%;margin-bottom: 20px;}
  .khjc2 dl dd{line-height: 20px;padding: 20px 5px 0;}
  .khjc3 ul li .ycnr{border-radius: 0px 30px 0px 0px;padding: 20px 15px;}
  .khjc3 ul li .ycnr .des{line-height: 24px;padding-top: 5px;padding-bottom: 20px;}
  .khjc3 ul li .ycnr a{width: 100%;height: 40px;line-height: 40px;}
  .khjc4 dl{width: 100%;margin-top: 23%;}
  .khjc4 dl dd .des{min-height: auto;}
  .khjc5_lr{padding-top: 25px;}
  .khjc5_l{width: 100%;}
  .khjc5_r{width: 100%;padding-top: 20px;}

  .hydx1 ul li{width: 48%;margin: 2% 0;padding: 10px;}
  .hydx2_l{width: 100%;}
  .hydx2_r{width: 100%;padding-top: 20px;}

  .hydx2_r .tit{font-size: 24px;line-height: 28px;}
  .hydx2_r .des{padding-top: 10px;font-size: 14px;line-height: 24px;}
  .hydx4{flex-wrap: wrap-reverse;padding: 25px 20px 0;}
  .hydx4 .hydx4_l{width: 100%;padding-top: 20px;}
  .hydx4 .hydx4_r{width: 100%}

  .hydx3{display: none;}
  .hydx3_wap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding-top: 25px;}
  .hydx3_wap .hydx3_wap_l{width: 24%;background: #FFFFFF;box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.1600);border-radius: 8px 8px 8px 8px;box-sizing: border-box;padding: 0;}
  .hydx3_wap .hydx3_wap_l li{line-height: 28px;padding-left: 0;border-bottom: 1px solid #e8e8e8;position: relative;text-align: center;}
  .hydx3_wap .hydx3_wap_l li a{display: block;font-size: 14px;color: #666;position: relative;}
  .hydx3_wap .hydx3_wap_l li:last-child{border-bottom: 0;}
  .hydx3_wap .hydx3_wap_l li.on:before{background: #0C84FF;}
  .hydx3_wap .hydx3_wap_l li.on a{color: #0C84FF;}
  .hydx3_wap .hydx3_wap_l li.on a:before{content: '';display: block;width: 10px;height: 10px;background: #0C84FF;border-radius: 50%; position: absolute;right: -5px;top: 50%;margin-top: -5px;}
  .hydx3_wap .hydx3_wap_l li.on a:after{content: '';display: block;width: 80%;height: 1px;background: #D8D8D8;border-radius: 50%; position: absolute;right: -85%;top: 50%;}
  .hydx3_wap .hydx3_wap_r{width: 76%;}
  .hydx3_wap .hydx3_wap_r img{width: 100%;display: block;}
  .hydx3_wap .hydx3_wap_r p{display: none;}


  .jgfa_list li{width: 48%;margin-right: 4%;margin-top: 4%;}
  .jgfa_list li:nth-child(3n){margin-right: 4%;}
  .jgfa_list li:nth-child(2n){margin-right: 0;}
  .jgfa_list li div{margin: 0 15px;}
  .jgfa_list li .p1{padding: 25px 0 15px;font-size: 18px;}
  .jgfa_list li .p1 span{margin-top: 10px;}
  .jgfa_list li .p2{padding: 15px 0;}
  .jgfa_list li .p4{font-size: 40px;}
  .jgfa3 dl{padding: 20px;}
  .jgfa3 dl dd a{width: 100%;height: 40px; font-size: 14px;}
  .jgfa3 dl dd .tit{padding: 20px 0 15px;}

  .nav2bg ul li{width: 25%;line-height: 50px;}
  .nav2bg ul li a{padding: 0;text-align: center;font-size: 16px;}
  .news_list{margin-top: 30px;}
  .news_list li{border-bottom: 1px dashed #d8d8d8;padding-bottom: 10px;margin-bottom: 10px;}
  .news_list li .img{width: 100px;}
  .news_list li .nr{width: calc(100% - 110px);padding: 0;border-bottom: 0;}
  .news_list li .nr .time{display: none;}
  .news_list li .nr div{width: 100%;}
  .news_list li .nr div .tit{margin-bottom: 5px;}
  .news_list li .nr div .des{line-height: 20px;}

  .yyfw1{height: 130px;margin-top: 30px;}

  .yyfw2bg .w12{overflow: auto;}
  .yyfw2{width: 170%;padding-top: 25px;}
  .yyfw2_l{width: 100%;padding-left: 0;}
  .yyfw2_r{width: 100%;padding: 20px 0 30px;}
  .yyfw3{padding-top: 0px;}
  .yyfw3 dl{width: 33.33%;margin-top: 30px;}
  .yyfw3 dl dd{margin-top: 18px;}
  .yyfw4{justify-content: space-between;padding-top: 10px;}
  .yyfw4 dl{width: 48%;margin-top: 25px;}
  .yyfw4 dl dt{margin-bottom: 15px;}
  .yyfw4 dl dd .tit{padding-bottom: 10px;}
  .yyfw4 dl dd .des{padding: 0;line-height: 1.5;}

  .jkwd_r h1{font-size: 24px;padding-top: 20px;}
  .jkwd_r .content{line-height: 24px;padding-top: 10px;}
  .jkwd_r .content h2{font-size: 18px;padding: 20px 0 10px;}
  .jkwd_r .content .content_table{overflow: auto;}
  .jkwd_r .content .content_table table{width: 300%;}

  .jkwd_l{top: 68px;}
  .jkwd_menu{top: 35px;}

  .register .register_r{padding: 20px;}
  .register .register_r h1{padding-top: 10px;font-size: 24px;}

  .login .login_r{padding: 20px;}
  .login .login_r h1{padding-top: 10px;font-size: 24px;}
  
  .fwxy{font-size: 12px;}
  .fwxy a{font-size: 12px;}
  .fwxy2{font-size: 12px;}
  .fwxy2 a{font-size: 12px;}

  .ban_n{height: 140px;margin-top: 56px;}
  .about1{margin-top: 30px;}
  .about1 .img{width: 100%;}
  .about1 .con{width: 100%;margin-top: 20px;}
  .about2{margin-top: 30px;}
  .about2 li .img{width: 30px;height: 30px;}
  .about2 li .tit{font-size: 14px;line-height: 24px;padding: 20px 0 5px;}
  .about2 li .des{font-size: 12px;line-height: 22px;}
  .retrieve .retrieve_r{padding: 20px;}
  .retrieve .retrieve_r h1{padding-top: 10px;font-size: 24px;}
  .retrieve_top p::after { width: 30px;right: -40px;display: none;}
  
}


@media (max-width: 375px){
  .banner_imgbg{height: 620px;}
  .ban_n{height: 120px;margin-top: 56px;}
  .about2 li .des{font-size: 10px;}
}

@media (max-width: 320px){
  .banner_imgbg{height: 640px;}
  .ban_n{height: 100px;margin-top: 56px;}
}