/*  */
*{ margin: 0; padding: 0; }
html, body {overflow-x: hidden;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a{;margin:0;  padding:0;  border:0; font-size:100%;  background:transparent; -webkit-text-size-adjust:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
 font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-style: normal;}
html{ font-smoothing:antialiased; -ms-touch-action:auto;}
html,body, section{width:100%;}

img{}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav, section{}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
button{cursor:pointer; border:none; padding:0; }
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
li,dd{list-style:none;}
blockquote, q {quotes:none;}
address, caption, em, cite, i, a {font-weight:normal; font-style:normal; text-decoration: none;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
iframe{width:100%;vertical-align:middle;}
caption{display:none;}
figcaption{display:block;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0; }

strong {font-weight: bold }

input[type="text"], input[type="number"],input[type="email"], input[type="search"],
input[type="password"], input[type="date"], input[type="tel"], select{display:table-cell; vertical-align:middle; padding:  0 0 0 7px; height: 40px; line-height: 1; box-sizing: border-box; background:#fff; border:1px solid #cccccc; border-radius:0; color:#999; font-size:12px;}

input[type="search"] {border-radius:0; -webkit-border-radius:0; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

input[type='checkbox'],input[type='radio'] {vertical-align:middle; margin-top:0; 0/IE8+9;  cursor:pointer;}

input.disabled {background:#fff;}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
}

a{text-decoration: none !important;}
select::-ms-expand{display:none; }
select{ cursor: pointer; outline :none; overflow :hidden; color:#999; width:100%;;  }
textarea{width:100%;height:100px; resize:none; border:1px solid #cccccc;   padding:10px; color:#999;}
.bg-hs{background-color: #ededf2 !important;}
/*::-webkit-input-placeholder { /* WebKit, Blink, Edge */   color:#1a4d80 !important;}*/
/*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#1a4d80 !important;   opacity:  1;}*/
/*::-moz-placeholder { /* Mozilla Firefox 19+ */   color:#1a4d80 !important;   opacity:  1;}*/
/*:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:#1a4d80 !important;}*/

.blind{position:absolute; top:-999999px; width:0; height:0; font-size:0; overflow:hidden;}
.clear{clear:both;}
.clearfix{overflow:hidden;}
.clearfix:after{clear:both; display:table; content:'';}
.center{text-align:center; display:block; float:none !important;}
.btn-primary{ background-color: #1a39ad !important;  border: transparent !important;}
.bg-primary{ background-color: #1a39ad !important;}
.text-primary{ color: #1a39ad !important;}
.btn-ls{ background-color: #1a39ad !important;  border: transparent !important;}
.bg-ls{ background-color: #1a39ad !important;}

#header .lang{position: fixed; right: 150px; top: 36px;z-index: 22;transition: 0.8s}
#header.on .lang{ top: 20px;}
#header .lang button{height: 60px; background: none; color: #ffffff; width: 90px; padding-left: 19px; text-align: left;background: url(../img/lang_down.png) 80% center no-repeat;font-size: 16px; transition: 0.5s}
#header.on .lang button{background: url(../img/lang_down2.png) 80% center no-repeat; color: #333333}
#header.sub_header.on .lang {display: none}

#header .email{position: fixed; right: 270px; top: 52px;z-index: 22;transition: 0.8s;color:#fff}
#header.on .email{ top: 38px; color:#000}
#header.on .xunwen{ top: 38px; color:#000;z-index:inherit}
#header.on .xunwen a{ background:#1a39ad; color:#fff; padding:5px 15px; }
#header.on .search{ top: 40px; color:#000;z-index:inherit}
#header.on .search i{color: #333; font-size: 20px;}
.f-xw a{ background:#ff0000; color:#fff; padding:3px 15px; border-radius:8px}
#header .lang ul{height: 0; overflow: hidden; transition: 0.5s}
#header .lang ul.on{height: 106px}
#header .lang ul li a{display: block; color: #fff; text-align: center; line-height:35px; background: #5389e7}
#header .lang ul li a{border-bottom: 1px solid rgba(255,255,255,0.5)}
#header .lang ul li:last-child a{border-radius: 0 0 5px 5px; border-bottom: none; }

#header .xunwen{  height: 11px; position: absolute; right: 50px; top: 55px; transition: .4s; z-index: 999;}
#header .xunwen a{ background:#1a39ad; color:#fff; padding:5px 15px; font-size:18px;font-weight: 700;}
#header .search{  height: 11px; position: absolute; right: 180px; top: 55px; transition: .4s; z-index: 999;}
#header .search i{color: #fff; font-size: 20px;}
/* 項る崝 瓿淀喌 */

#header{ position: fixed; width: 100%; left: 0; top: 0; z-index: 100; }
#header .wrap{ padding: 0 50px; padding-top: 40px; position: relative; transition: .4s; z-index: 20; }
#header .wrap .logo{ position: absolute; left: 50px; top: 40px; transition: .4s; }
#header .wrap .gnb{ width: 1260px; margin: 0 auto; }
#header .wrap .gnb > ul{ display: block; width: 900px; position: relative; left: 50%; transform: translate(-50%,0);}
#header .wrap .gnb > ul:after{ content: ""; display: table; clear: both; }
#header .wrap .gnb > ul > li{ float: left; width: 16.666666666%; position: relative; text-align: center; }
#header .wrap .gnb > ul > li:last-child{ margin-right: 0; }
#header .wrap .gnb > ul > li > a{ font-size: 20px; color:#ffffff; letter-spacing: -1px; font-weight: 700; display: block; padding: 25px 0; padding-top: 12px; }
#header .wrap .gnb .sub_nav{ position: absolute; width: 100%; left: 0; top: 61px;text-align: center; background-color: #1a39ad; border-top: 1px solid #fff; padding: 14px 0;
  transform: translate(0,-20px); opacity: 0; transition: .7s; display: none;
}
#header .wrap .gnb .sub_nav.off{ display: none !important; }

#header .wrap .gnb .sub_nav:before{ content: ""; width: 10px; height: 10px; border: 3px solid #fff; border-radius: 50%; display: block; position: absolute; left: 50%; top: -5px; transform: translate(-50%,0);
  box-sizing: border-box; background-color: #2d2f75;
}
#header .wrap .gnb > ul > li.on a{ color: #1a39ad; font-weight: 500; }

/* #header .wrap .gnb > ul > li:hover .sub_nav{ display: block; } */
#header .wrap .gnb > ul > li:hover .sub_nav.on{ transform: translate(0,0); opacity: 1; }


#header .wrap .gnb .sub_nav li{ line-height: 42px; }
#header .wrap .gnb .sub_nav li a{ font-size: 16px; font-weight: 400; letter-spacing: -1px; color: #ffffff; transition: .3s; }
#header .wrap .gnb .sub_nav li a:hover{ opacity: .6; }

#header .wrap .menu_btn{ width: 22px; height: 11px; position: absolute; right: 50px; top: 55px; transition: .4s; display:none }
#header .wrap .menu_btn button{ width: 100%; height: 100%; display: block; background-color: transparent; }
#header .wrap .menu_btn button span:nth-child(1){ display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; transition: .5s; }
#header .wrap .menu_btn button span:nth-child(2){ display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; transition: .5s; }
#header .wrap .menu_btn:hover button span{ width: 60%; }

#header .all_menu{ position: fixed; width: 100%; left: 0; top: 0; z-index: 10; background-color: #f5f5f8; padding-top: 87px;  display: none;
  transition: .3s; z-index: 1
}
#header .dim{ background-color: rgba(28,29,94,0.85); position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; }
#header .all_menu .gnb2 > ul{ width: 900px; margin: 0 auto; }
#header .all_menu .gnb2 > ul > li{ float: left; width: 16.666666666%; position: relative; text-align: center;  padding: 35px 0; min-height: 222px; }
#header .all_menu .gnb2 > ul > li > button{ display: none; }
#header .all_menu .gnb2 > ul > li:last-child{ margin-right: 0; }
#header .all_menu .gnb2 > ul > li > a{ font-size: 17px; color:#ffffff; letter-spacing: -1px; font-weight: 400; display: block; padding: 25px 0; padding-top: 12px; }
#header .all_menu .sub_nav{ width: 100%; text-align: center; }
#header .all_menu .sub_nav li a{ font-size: 16px; font-weight: 400; line-height: 38px; color:#4b4c6f; letter-spacing: -0.5px; }
#header .dim.on{ display: block; }

#header .all_menu .gnb2 > ul > li.on{ background-color: #e7e7ef; }
#header .all_menu .gnb2 > ul > li:hover{ background-color: #e7e7ef; }

#header .wrap .gnb > ul > li > a:after{ content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #c1c1d7;
position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -5px; z-index: 50; box-sizing: border-box; display: none;
}

#header.on2 .wrap .gnb > ul > li > a:after{ display: block; }

#header.on2 .wrap .gnb > ul > li:hover > a:after{ border: 2px solid #1a39ad; }
#header.on2 .wrap .gnb > ul > li.on > a:after{ border: 2px solid #1a39ad; }

#header .all_menu .sub_nav li a:hover{ opacity: .6; }

#header.main_header.on .wrap{ background-color: #fff; padding-top: 25px; box-shadow: 10px 10px 20px rgba(29,29,53,0.1);}
#header.main_header.on .wrap .logo{ top: 25px; }
#header.main_header.on .gnb > ul > li > a{ color: #333333; }
#header.main_header.on .wrap .gnb > ul > li:hover > a{ color:#1a39ad; font-weight: 700; }
#header.main_header.on .wrap .menu_btn{ top: 40px; }
#header.main_header.on .wrap .menu_btn button span:nth-child(1){ background-color: #acacc0; }
#header.main_header.on .wrap .menu_btn button span:nth-child(2){ background-color: #acacc0; }
#header.sub_header .wrap .menu_btn{ display: none;; }

#header .all_menu.on{display: block; }
/* #header .all_menu.on2{ top: 87px; } */
#header .all_menu .close_b{ display: none; }

/* 響疙劙 瓿淀喌 */
#footer{ background-color: #212224; position: relative; background-image: url('../img/map.png') ; background-size: 80%; background-repeat: no-repeat; background-position: center; }
#footer .inner { width: 1360px; margin: 0 auto; padding: 65px 0 0px; }
#footer .f_top{ border-bottom: 1px solid #3e406a; position: relative; padding-bottom: 30px; }
#footer .f_top .f_logo{ float: left; }
#footer .f_top:before{ content: ""; display: block; width: 165px; height: 1px; background-color: #7a7ca8; position: absolute; left: 0; bottom: -1px; }
#footer .f_top:after{ content: ""; display: table; clear: both; }
#footer .f_top .f_nav{ float: right;  display:flex;align-items:center;color:#FFF;font-size:18px;flex-wrap:wrap}


.f_nav a{color:#FFF;display:inline-flex;margin-right:8px;margin-bottom:8px; width:35px;height:35px;padding:4px;background-color:#3e3c3d;border-radius:var(--border);align-items:center;justify-content:center;transform:translateY(0);transition:all .2s linear; border-radius: 50%;}
.f_nav a em{font-size:20px}
.f_nav a:hover{transform:translateY(-4px);background-color:#898989}




#footer .f_bottom{ padding-top: 25px; position: relative; }
#footer .f_bottom address{ font-size: 15px; line-height: 34px; color:#b1b1c0; font-weight: 300; letter-spacing: -1px; }
#footer .f_bottom address b{ font-weight: 500; }
#footer .f_bottom address span{ display: block; font-size: 14px; letter-spacing: -0.5px; color:#66668b; margin-top: 15px; }
#footer .f_bottom address span a{ color: inherit; text-decoration: underline; }
#footer .f_bottom img{ display: block; position: absolute; right: 0; bottom: 0; }






.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pagination li {margin:0 1px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:8px 12px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#1a39ad;color:#fff;border:1px solid #1a39ad;}


.web_turn_page {
  margin: 30px 0;
  text-align: center;
  height: auto;
  clear: both;
  display: flex;
  align-items: center;
  justify-content: center;
}
.web_turn_page span {
  text-align: center;
  display: inline-block;
  margin: 5px 5px;
  position: relative
}
.web_turn_page span:hover {
  background: #e9edeb
}
.web_turn_page span a,
.web_turn_page span font {
  border-radius:4px;color:#6e6e6e;background:#fff;padding:8px 12px;border:1px solid #DCDCDC;
}
.web_turn_page span a.prev-next {
  padding: 9px 20px;
}
.web_turn_page span.active a {
  background: #1a39ad;
  color: #fff;
  cursor: default
}
.web_turn_page strong {
  padding: 0 5px;
  vertical-align: middle;
}
.web_turn_page span em {
  width: 7px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px
}
.web_turn_page span em.icon_page_prev {
  background: url(../images/normal.png) no-repeat -391px -24px
}
.web_turn_page span em.icon_page_next {
  background: url(../images/normal.png) no-repeat -408px -24px
}
.web_turn_page.s1>span .page_item_current {
  background: none;
  color: #ff6600
}


@media (max-width:850px){
  #header .lang{ right: 100px; top: 18px; }
  #header.on .lang{ top:6px; }
  #header.main_header.on .wrap .menu_btn{ top: 30px; }
  #header .email{ display:none}
  #header .wrap .menu_btn{ display:block}
  #header .xunwen{ display:none }
}

@media (max-width:640px){
  #header .lang{ right: 80px; top: 18px; }
}



/*Cookies协议*/
#cookies_agreement {
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 20px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 100001;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    transition: opacity 300ms ease-in-out;
    display: flex;
    flex-wrap: wrap;
    opacity: 1;
    max-width: 374px;
    width: 94%;
    justify-content: space-between;
    box-sizing: border-box;
    margin: auto;
}
.cookies_none {
    display: none !important;
}
#cookies_agreement>.cookies-content {
    line-height: 26px;
    color: #333;
    width: 100%;
    font-size: 16px;
}
#cookies_agreement>.cookies-content a{
    text-decoration: underline;
}

#cookies_agreement>.cookies-content a:hover {
    text-decoration: underline;
}

#cookies_agreement>.cookies-button {
    display: block;
    background-color: #2e2e2e;
    line-height: 20px;
    margin-top: 15px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    width: 48%;
}

#cookies_agreement>.cookies-button.reject {
    background-color: #fff;
    color: #2e2e2e;
    border: 1px solid #2e2e2e;
    float: left;
}

#cookies_agreement>.cookies-button.reject {
    background-color: #fff;
    color: #2e2e2e;
    border: 1px solid #2e2e2e;
    float: left;
}

@media screen and (min-width: 1000px) {
    #cookies_agreement.cookies-bottom {
        padding: 30px 15%;
        width: 100%;
        bottom: 0;
        left: 0;
        border-radius: 0;
        border: 1px solid #D0D0D0;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        max-width: none;
    }

    #cookies_agreement.cookies-bottom>.cookies-content {
        flex: 1;
        margin-right: 20px;
    }

    #cookies_agreement.cookies-bottom>.cookies-button {
        width: auto;
        padding: 10px 60px;
        margin-left: 20px;
        margin-top: 0;
    }
}

@media screen and (max-width: 1000px) {
    #cookies_agreement.cookies-bottom {
        padding: 20px;
        left: 0;
        right: 0;
        bottom: 15px;
    }

    #cookies_agreement.cookies-bottom>.content {
        width: 100%;
        flex: none;
    }

    #cookies_agreement.cookies-bottom>.button {
        margin-top: 15px;
    }
}

.cookies-popup {
    display: none;
    position: fixed;
    z-index: 100002;
    left: 0;  
    top: 0;  
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.cookies-open-popup {
    display: block;
}
.cookies-open-popup .cookies-popup-box {  
    background-color: #fefefe;  
    margin: 4% auto;
    padding: 20px;  
    border: 1px solid #888;  
    width: 80%;
    height: 80%;
    max-width: 1200px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);  
    border-radius: 8px;  
    overflow: auto;
}  

.cookies-popup .cookies-popup-box .cookies-popup-box-top {
  font-size: 28px;
  font-weight: 500;
  margin: 0 0 10px;
  text-align: center;
}
.cookies-popup .cookies-popup-box-foot {
    width: 100%;
    margin: 30px auto;
    display: flex;
    justify-content: center;
}
.cookies-popup .cookies-popup-box-foot .cookies-button{
    width: auto;
    padding: 8px 30px;
    background: #333;
    color: #fff;
    border: 0;
    outline: none;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);

}