.f_pr{position:relative;}
.f_pa{position:absolute;}
.content{width: 83.3333333%;margin: 0 auto;  }
.content3{width:1200px;margin: 0 auto;  }
em{font-style:normal;}

   .g_top{height:5.2rem; width:100%;z-index: 15; box-sizing: border-box;max-width: 1920px;min-width: 1200px; margin:0 auto; position: absolute;left:0;top:0;right:0;bottom:0;}
   .g_top:before{content: "";position: absolute;width: 100%;height: 1px;background: rgba(255,255,255,.2);left:0;top:5rem;}

   .g_top .tlogo{ float:left;width:9.375%;padding:0 1% 0 3%; display: table; height: 5rem;}
   .g_top .tlogo a{ display: table-cell; vertical-align: middle; }
   .g_top .tlogo img{width: 100%; max-height: 5rem; display: block;}
      .g_top h2{line-height:5.2rem;float:left;font-size:1.2rem;color:#fff;font-weight:bold;width:21%;}

    .g_nav{float: left;width:44.5%;overflow: hidden;}
    .g_nav li a{display: block; position: relative; float:left; height:5rem;line-height: 5rem; font-size:0.9rem;color:#fff; padding: 0 3.6%; }
    .g_nav li a:hover,.g_nav .cur a{background: #012f9a;color:#fff;font-weight: bold;}



  .btn_sea_s{width:1.2rem;position:absolute;top:50%;margin-top: -0.6rem;right:18%;}
.btn_sea_s img{width: 100%;display: block;}

    .pub_search_box_case.on{transform:none}
    .pub_search_box_case{position:fixed;left:0;top:0;z-index:6;transition:all .5s ease;transform:translateY(-120%);width:100%}
    .pub_search_box_case .pub_sea_sha{position:absolute;width:100vw;height:100vh;left:0;top:0;z-index:2;display:none}
    .pub_search_box_case.on .pub_sea_sha{display:block}
    .pub_search_box_case .pub_search_case{background:rgba(255,255,255,.98);padding:2rem 3rem 1rem 1.1rem;box-shadow:0 1px 3px rgba(0,0,0,.12);position:relative;z-index:3;height:15rem;display:block}
    .pub_search_box_case .pub_search_case .zhan_c{overflow:hidden;position:relative;height:5rem;opacity:1;pointer-events:none}
    .pub_search_box_case .pub_search_case .zhan_c img{height:5rem;display:block;max-width:none;width:auto!important}
    .pub_search_box_case .pub_search_case .pub_search_box{position:relative;width:100%;}
    .pub_search_box_case .pub_search_case .pub_search_box .sea_t{font-size:1.2rem;line-height:2rem;margin-bottom:0.6rem;color:#666;float: left;}
    .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
    .animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
    .pub_search_box_case .pub_search_case .pub_search_box form{display:block;width:100%;position:relative}
    .pub_search_box_case .pub_search_case .pub_search_box form input{display:block;width:100%;background-color:transparent;border:none;border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor;border-bottom:2px solid #003abc;padding:0 3rem 1rem 0;outline:0;line-height:2rem;font-size:1.2rem;color:#003abc}
    .pub_search_box_case .pub_search_case .pub_search_box form a{position:absolute;line-height:.65rem;top:0;right:0;width:.4rem;font-size:.24rem;color:#003abc;cursor:pointer}
    .pub_search_box_case .pub_search_case .btn_sea_close{position:absolute;right:6.5rem;top:2rem;cursor:pointer;width:2.5rem;height: 2.5rem;}
    .pub_search_box_case .pub_search_case .btn_sea_close img{width: 100%;display: block;}
  
  .s_inp{ width:60%; border-bottom:0.1rem solid #001e62; height: 3.5rem;line-height: 3.5rem;transition: all 0.3s linear 0s; margin:0 auto;}
  .inp01{float: left;width:85%;background: none;border:none;font-size: 1rem;color: #666;height: 3.5rem;line-height: 3.5rem; padding-left: 1rem;box-sizing: border-box;}
  .s_ss{float: right;width: 2.5rem; height: 2.5rem; background: url(images/ss.png) no-repeat;background-size:2.5rem 2.5rem;border:none;}


  .ttel{float: left;width:12.5%;position: relative;padding-left: 2rem;line-height: 5rem;height: 5rem;}
  .ttel em{width:1.2rem;height: 1.2rem;position: absolute; left:0;top:50%;margin-top: -0.6rem;}
  .ttel em img{width:100%;display: block;}
  .ttel span{ font-size: 1.2rem;color:#ff9800; transition: all 0.3s linear 0s;font-weight: bold;}
  .ttel:hover em{ -webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}



  html{font-size:12px;-webkit-text-size-adjust:none}
@media screen and (min-width:1200px){html{font-size:12.5px}
}
@media screen and (min-width:1280px){html{font-size:13.33333px}
}
@media screen and (min-width:1366px){html{font-size:14.22916px}
}
@media screen and (min-width:1440px){html{font-size:15px}
}
@media screen and (min-width:1600px){html{font-size:16.66666px}
}
@media screen and (min-width:1920px){html{font-size:20px}
}



  



      
        .dropdown {
             position: relative;
    display: inline-block;
    width: 300px;
    right: 5%;
    top: 17px;
        }
        .dropdown a{ color: #ffffff;
    width: 1.2rem;
    position: absolute;
    top: 50%;
    right: 25%;}
        .dropbtn {
            background-color: #012f9a;
            color: white;
            padding: 14px 20px;
            font-size: 16px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            width: 100%;
            text-align: left;
            transition: all 0.3s ease;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .dropbtn:hover {
            background-color: #3a5ec9;
            box-shadow: 0 4px 12px rgba(58, 94, 201, 0.3);
        }
        
        .dropbtn::after {
            content: "▼";
            font-size: 12px;
            transition: transform 0.3s ease;
        }
        
        .dropdown:hover .dropbtn::after {
            transform: rotate(180deg);
        }
        
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: white;
            min-width: 100%;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            z-index: 1;
            overflow: hidden;
            animation: fadeIn 0.3s ease;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .dropdown:hover .dropdown-content {
            display: block;
        }
        
        .dropdown-content a {
            color: #333;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            transition: background-color 0.2s ease;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .dropdown-content a:last-child {
            border-bottom: none;
        }
        
        .dropdown-content a:hover {
            background-color: #f5f7ff;
            color: #4a6ee0;
        }
        
        .english-link {
            display: flex;
            align-items: center;
        }
        
        .english-link::before {
            content: "🌐";
            margin-right: 8px;
            font-size: 16px;
        }
        
        .instructions {
            margin-top: 30px;
            padding: 15px;
            background-color: #f9f9f9;
            border-radius: 8px;
            font-size: 14px;
            color: #666;
        }
    

    .banner {
  
        overflow: hidden;
 
    }
    
    .banner video {
        object-fit: fill
    }
    
    .banner .swiper-slide {
        position: relative
    }
    
    .banner .swiper-slide img {
        display: block;
        width: 100%
    }
    
    .banner .swiper-slide .ind_ban_tex {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
        font-size: 5.3rem;
        line-height: 3.5;
        color: #fff;
        text-shadow: 3px 0 10px rgba(22, 78, 145, .4);
        transform: translateY(15px);
        opacity: 0;
        margin-bottom: 10px
    }
    
    .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
        color: #fff;
        font-size: 2.3rem;
        line-height: 3.4rem;
        margin-bottom: 10px;
        text-shadow: 3px 0 10px rgba(22, 78, 145, .4);
        transform: translateY(15px);
        opacity: 0
    }
    
    .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
        color: #fff;
        line-height: 3rem;
        font-size: 2.8rem;
        text-shadow: 3px 0 10px rgba(22, 78, 145, .4);
        transform: translateY(15px);
        opacity: 0
    }
    
    .banner .swiper-slide.active .ind_ban_tex_title_en {
        transition: all .5s ease .5s;
        transform: translateY(0);
        opacity: 1
    }
    
    .banner .swiper-slide.active .ind_ban_tex_title {
        transition: all .5s ease .6s;
        transform: translateY(0);
        opacity: 1
    }
    
    .banner .swiper-slide.active .ind_ban_tex_info {
        transition: all .5s ease .9s;
        transform: translateY(0);
        opacity: 1
    }
    
    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        background-image: none;
        width: 64px;
        height: 64px;
        text-align: center;
        line-height: 64px;
        color: #fff;
        background-color: rgba(202, 202, 202, .3);
        transition: all .3s ease
    }
    
    .banner .swiper-button-next.swiper-button-disabled,
    .banner .swiper-button-prev.swiper-button-disabled {
        background-color: rgba(0, 0, 0, .3)
    }
    
    .banner .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: #fff;
        margin: 0 2rem;
        opacity: .5;
        color: transparent
    }
    
    .banner .swiper-pagination-bullet-active {
        opacity: 1;
        width: 42px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        border: 2px solid rgba(255, 255, 255, .4);
        background-color: transparent;
        color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .banner .swiper-pagination-bullet-active .rightcircle {
        -webkit-animation: circleProgressLoad_right 4s linear infinite;
        animation: circleProgressLoad_right 4s linear infinite
    }
    
    .banner .swiper-pagination-bullet-active .leftcircle {
        -webkit-animation: circleProgressLoad_left 4s linear infinite;
        animation: circleProgressLoad_left 4s linear infinite
    }
    
    .banner .swiper-pagination-bullet-active .wrapper_con {
        display: block
    }
    
    .banner .swiper-pagination {
        font-size: 0
    }
    
    .banner .swiper-pagination>span {
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    
    .banner .swiper-button-prev,
    .banner .swiper-container-rtl .swiper-button-next {
        left: calc(8.335% - 32px)
    }
    
    .banner .swiper-button-next,
    .banner .swiper-container-rtl .swiper-button-prev {
        right: calc(8.335% - 32px)
    }
    
    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        top: 45%!important
    }
    
    .banner .swiper-container-horizontal>.swiper-pagination-bullets,
    .banner .swiper-pagination-custom,
    .banner .swiper-pagination-fraction {
        bottom: 10%
    }
    
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 .5rem
    }
    
    .wrapper_con {
        width: 21px;
        height: 42px;
        position: absolute;
        top: -2px;
        overflow: hidden;
        display: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .f-14 {
        font-size: 14px
    }
    
    .right {
        right: -2px
    }
    
    .left {
        left: -2px
    }
    
    .circleProgress {
        width: 42px;
        height: 42px;
        border: 2px solid transparent;
        border-radius: 50%;
        position: absolute;
        top: 0;
        transform: rotate(-135deg);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .rightcircle {
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .leftcircle {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    @keyframes circleProgressLoad_right {
        0% {
            transform: rotate(45deg)
        }
        100%,
        50% {
            transform: rotate(225deg)
        }
    }
    
    @keyframes circleProgressLoad_left {
        0%,
        50% {
            transform: rotate(45deg)
        }
        100% {
            transform: rotate(225deg)
        }
    }


     
.g_ft{position:relative}
.g_ft .ftupbg{width:100%;position:absolute;left:0;top:0;z-index:0}
.g_ft .ftupbg img{width:100%;display:block}
.g_ft .ftup{position:relative;z-index:11}
.g_ft .ftup .ftnav{height:19.2rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:3.6rem;padding-top:3.5rem}
.g_ft .ftup .ftnav dl{float:left;width:15%}
.g_ft .ftup .ftnav dl dt a{display:block;font-size:.95rem;font-weight:400;line-height:2rem;color:#fff;font-weight:700;margin-bottom:1.3rem}
.g_ft .ftup .ftnav dl dd a{display:block;font-size:.85rem;font-weight:400;line-height:1.8rem;color:rgba(255,255,255,.55)}
.g_ft .ftup .ftnav dl dd a:hover{color:#fff}
.g_ft .ftup .ftnav dl:last-child{width:10%}
.g_ft .ftup .ftupd{position:relative;z-index:145;height:11.5rem}
.g_ft .ftup .ftupd .coded{float:left;width:15%;position:relative;padding-top:.5rem}
.g_ft .ftup .ftupd .coded i{width:58%;overflow:hidden;display:block}
.g_ft .ftup .ftupd .coded i img{width:100%;display:block;border:.5rem solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_ft .ftup .ftupd .coded em{display:block;font-size:.85rem;font-weight:400;line-height:2rem;color:rgba(255,255,255,.55);text-align:center;width:58%}
.g_ft .ftup .ftupd .coded:after{content:"";position:absolute;background:rgba(255,255,255,.1);width:1px;height:7.2rem;right:2.3rem;top:.8rem;z-index:11;transition:all .3s linear 0s}
.g_ft .ftup .ftupd .lxwm{float:left;width:35%;position:relative}
.g_ft .ftup .ftupd .lxwm:after{content:"";position:absolute;background:rgba(255,255,255,.1);width:1px;height:7.2rem;right:14%;top:.8rem;z-index:11;transition:all .3s linear 0s}
.g_ft .ftup .ftupd .lxwm h3{font-size:1.1rem;font-weight:400;line-height:1.3rem;color:rgba(255,255,255,.58)}
.g_ft .ftup .ftupd .lxwm h3 b{display:block;font-size:2.6rem;font-weight:400;line-height:3rem;color:#ff8000;font-weight:700}
.g_ft .ftup .ftupd .lxwm em{font-size:1.1rem;font-weight:400;line-height:1.8rem;color:rgba(255,255,255,.58);display:block;}

.g_ft .ftup .ftupd .lxfs{float:left;width:48%}
.g_ft .ftup .ftupd .lxfs li{font-size:.85rem;font-weight:400;line-height:2.2rem;color:rgba(255,255,255,.35)}
.g_ft .ftd{background-color:#fff;height:3.6rem}
.g_ft .ftd span{font-size:.85rem;font-weight:400;line-height:3.6rem;color:rgba(0,0,0,.5)}
.g_ft .ftd span a{color:rgba(0,0,0,.5)}
.g_ft .ftd p{font-size:.85rem;font-weight:400;line-height:3.6rem;color:rgba(0,0,0,.5)}
.g_ft .ftd p a{color:rgba(0,0,0,.5)}




  

    .xin-2112-client-1 {
        width: 76px;
        position: fixed;
        right: 0;
        top: 50%;
        z-index: 999;
        color: #333;
        background: #fff;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
    }
    
    .xin-2112-client-1 li {
        width: 76px;
        border-radius: 2px;
        position: relative;
        cursor: pointer;
        padding: 10px 0 13px;
    }
    
    .xin-2112-client-1 li.my-kefu-top {
        display: none;
    }
    
    .xin-2112-client-1 li a {
        display: block;
        height: 100%;
        text-decoration: none;
        color: #333;
    }
    
    .xin-2112-client-1 li i {
        display: block;
        width: 38px;
        height: 37px;
        overflow: hidden;
        margin: 0 auto;
        background: url("images/xin-2112-client-icon.png") no-repeat;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
    }
    
    .xin-2112-client-1 li.my-kefu-tel i {
        background-position: 0 0;
    }
    
    .xin-2112-client-1 li.my-kefu-link i {
        background-position: 0 -47px;
    }
    
    .xin-2112-client-1 li.my-kefu-qq i {
        background-position: 0 -94px;
    }
    
    .xin-2112-client-1 li.my-kefu-weixin i {
        background-position: 0 -141px;
    }
    
    .xin-2112-client-1 li.my-kefu-top i {
        background-position: 0 -188px;
    }
    
    .xin-2112-client-1 li .client-2112-cont {
        width: 160px;
        padding: 14px 14px 14px 70px;
        position: absolute;
        right: 85px;
        top: 4px;
        color: #fff;
        font-size: 18px;
        height: 32px;
        line-height: 32px;
        text-align: left;
        background: #012f9a;
        display: none;
    }
    
    .xin-2112-client-1 li .client-2112-cont:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        margin-top: -7px;
        right: -7px;
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid #012f9a;
    }
    
    .xin-2112-client-1 li .client-2112-cont:before {
        content: "";
        position: absolute;
        width: 38px;
        height: 38px;
        background: url("images/xin-2112-client-icon.png") no-repeat;
        left: 25px;
        top: 50%;
        margin-top: -19px;
        z-index: 1;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin {
        width: 115px;
        padding: 14px;
        position: absolute;
        right: 85px;
        top: -28px;
        background: #fff;
        display: none;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        margin-top: -7px;
        right: -7px;
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid #fff;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin img {
        width: 115px;
        height: 115px;
        display: block;
    }
    
    .xin-2112-client-1 li.my-kefu-tel .client-2112-cont:before {
        background-position: -70px 0;
    }
    
    .xin-2112-client-1 li.my-kefu-qq .client-2112-cont:before {
        background-position: -70px -94px;
    }
    
    .xin-2112-client-1 li p {
        display: block;
        height: 18px;
        line-height: 18px;
        font-size: 12px;
        color: #333;
        text-align: center;
    }
    
    .xin-2112-client-1 li.my-kefu-link a {
        animation: heart 1s ease-in-out infinite alternate;
    }
    
    .xin-2112-client-1 li.cur,
    .xin-2112-client-1 li:hover {
        background: #012f9a;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-tel i,
    .xin-2112-client-1 li.my-kefu-tel:hover i {
        background-position: -70px 0;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-link i,
    .xin-2112-client-1 li.my-kefu-link:hover i {
        background-position: -70px -47px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-qq i,
    .xin-2112-client-1 li.my-kefu-qq:hover i {
        background-position: -70px -94px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-weixin i,
    .xin-2112-client-1 li.my-kefu-weixin:hover i {
        background-position: -70px -141px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-top i,
    .xin-2112-client-1 li.my-kefu-top:hover i {
        background-position: -70px -188px;
    }
    
    .xin-2112-client-1 li.cur p,
    .xin-2112-client-1 li:hover p {
        color: #fff;
    }
    
    .xin-2112-client-1 li:hover .client-2112-cont,
    .xin-2112-client-1 li:hover .client-2112-cont-weixin {
        display: block!important;
    }