@charset "UTF-8";:root{--color-primary:#122B57;--color-primary-light:#9ac026;--color-white:#ffffff;--color-light:#f0f0f0;--color-light-soft:#f5f5f5;--color-light-pale:#eeeeee;--color-gray:#747474;--color-black:#2a2a2a;--header-height:110px;--header-height-small:60px}a{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.logo_con,.other_china a{display:flex;align-items:center}.logo_con{width:320px;flex-wrap:wrap;float:left;overflow:hidden}.lang-box li,.other_china{transition:all .3s ease-in-out}.other_china{border:1px solid #122b57;height:100%;margin-left:30px;border-radius:50px;color:#122b57;padding:5px 8px 5px 5px}.other_china a span{line-height:1}.other_china a{color:#122b57;justify-content:center}.other_china a img{margin-right:8px}.other_china:hover a{color:#fff}.other_china:hover{background:#122b57;color:#fff}.header{z-index:999;height:var(--header-height);position:fixed;top:0;left:0;transition:background .3s ease-in-out .4s,transform .3s ease-in-out 0s}.header .logo,.header .nav li{height:var(--header-height);line-height:var(--header-height)}.header .logo{float:left;text-align:left;width:150px}.header .logo img{vertical-align:middle;width:100%}.header .right{float:right;display:flex;flex-wrap:wrap}.header .nav{margin-right:50px;display:flex;flex-wrap:wrap}.header .nav li{margin:0 30px;text-align:center;position:relative;z-index:9}.header .nav li .TWnav a{position:relative;color:var(--color-white);transition:color .3s ease-in-out .4s}.header .nav li.hover .TWnav a,.header .nav li:hover .TWnav a,.header .nav-bg a{color:var(--color-black)}.header .nav li .TWnav a span{position:absolute;bottom:-10px;left:50%;display:inline-block;width:0%;margin:0 auto;height:2px;transition:all .5s ease-in-out;transform:translateX(-50%)}.header,.header .nav li.hover .TWnav a span,.header .nav li:hover .TWnav a span{width:100%}.header .nav li:hover .erNav{display:block;animation:displayN .5s forwards}.header .nav .mo_nav{display:none;border-top:1px solid #474747}.header .nav-bg{position:absolute;top:var(--header-height);left:0;right:0;height:0;background-color:var(--color-white);z-index:3;transition:all .4s ease-in-out}.header .nav-bg .nav-list,.nav-submenu__cover{z-index:2;opacity:0;pointer-events:none;position:absolute}.header .nav-bg .nav-list{display:flex;flex-wrap:wrap;width:1000px;margin-left:auto;margin-right:auto;justify-content:space-between;top:0;left:50%;transform:translateX(-50%);visibility:hidden;transition:opacity .5s ease}.header .nav-bg .nav-list.nav_show{opacity:1;visibility:visible;pointer-events:auto}.header .nav-bg .nav-list.has_no_img{justify-content:center}.header .nav-bg .nav-list.has_no_img .dl{flex:0 0 auto}.header .nav-bg .nav-list .dl{flex:1;display:flex;flex-wrap:wrap;gap:50px;margin:40px 0}.header .nav-bg .nav-list dl{margin-bottom:20px}.header .nav-bg .nav-list dt{margin-bottom:10px;font-weight:400;line-height:inherit}.header .nav-bg .nav-list dt a{font-weight:700}.header .nav-bg .nav-list dd a:hover,.header .nav-bg .nav-list dt a:hover{color:var(--color-primary)}.header .nav-bg .nav-list dd a{display:block;margin-bottom:4px;color:#666}.header .nav-bg .nav-list .img{height:100px;width:200px;margin-top:40px}.header .nav-bg .nav-list .img img{width:100%;height:100%;object-fit:cover}.header .nav-bg .nav-list .dl,.header .nav-bg .nav-list .img{opacity:0;transform:translateY(20px);transition:all .3s ease-in}.header .nav-bg .nav-list .img{transition-delay:.2s}.header .nav-bg .nav-list.nav_show .dl,.header .nav-bg .nav-list.nav_show .img{opacity:1;transform:translateY(0)}.nav-submenu__cover{top:var(--header-height);width:100%;height:calc(100vh - var(--header-height));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.4);transition:all .35s;left:0}.nav-submenu__cover.active{opacity:1;transition-delay:.2s}.lang{float:left;height:var(--header-height);margin-right:20px;display:flex;flex-wrap:wrap;align-items:center;position:relative}.lang svg,.search svg{display:flex;width:20px;height:20px;flex-wrap:wrap}.lang svg path,.search svg path{fill:var(--color-white);transition:fill .3s ease-in-out 0s}.lang-box{width:120px;text-align:center;display:none;transform:translateX(-50%);position:absolute;top:var(--header-height);left:50%;background:rgba(255,255,255,.9);box-shadow:0 8px 10px rgba(0,0,0,.2)}.lang-box li{padding:10px;border-bottom:1px solid var(--color-white)}.lang-box li a{display:block;text-align:center;color:var(--color-black--color)}.header .nav li .TWnav a span,.lang-box li:hover{background:var(--color-primary)}.lang-box li:hover a,a{color:var(--color-white)}.lang-box li:last-child{border-bottom:0}.lang:hover .lang-box{display:block;animation:displayN .5s forwards}.search{float:left;height:var(--header-height);position:relative;display:flex;flex-wrap:wrap;align-items:center}.search-drop-down{position:absolute;top:100%;width:100%;height:150px;z-index:8;display:none;background:rgba(0,0,0,.3)}.search-drop-down .search-wrapper{width:100%;max-width:90%;height:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:row}.search-drop-down .search-wrapper #close,.search-drop-down .search-wrapper #search-btn{display:inline-flex;width:45px;height:45px;position:relative;cursor:pointer;flex-wrap:wrap;align-items:center;justify-content:center}.search-drop-down #search-btn svg{width:26px;height:26px}.header .change svg,.search-drop-down .search-wrapper #close svg{width:24px;height:24px}.search-drop-down .search-wrapper .search-input{width:50%;position:relative}.search-drop-down .search-wrapper input{width:100%;color:#fff;font-size:1.5rem;padding:.5rem 0;border:0;background:0 0;border-bottom:1px solid #eee}.search-drop-down .errorMsg{color:#ff1121;display:none;position:absolute;left:0;bottom:-25px;font-size:12px}.search-drop-down .errorMsg.show{display:block}.header:hover{background:var(--color-white);transition:background .2s ease-in 0s}.header:hover .nav li .TWnav a{color:var(--color-black);transition:color .3s ease-in 0s}.header:hover .lang svg path,.header:hover .search svg path,.scrollHeader.header .lang svg path,.scrollHeader.header .search svg path{fill:var(--color-black)}.header.hideHeader{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.scrollHeader.header{height:var(--header-height-small);background-color:var(--color-white);background-image:none}.scrollHeader.header .logo,.scrollHeader.header .nav li{height:var(--header-height-small);line-height:var(--header-height-small)}.scrollHeader.header .nav li .TWnav a{color:var(--color-black)}.scrollHeader.header .nav-bg{top:var(--header-height-small)}.scrollHeader.header .nav-submenu__cover{top:var(--header-height-small);height:calc(100vh - var(--header-height-small))}.scrollHeader.header .lang{height:var(--header-height-small)}.scrollHeader.header .lang-box,.scrollHeader.header .search .input{top:var(--header-height-small)}.scrollHeader.header .search{height:var(--header-height-small)}.black_page .scrollHeader.header{background-color:#040401}.black_page .header .nav-bg a,.black_page .header:hover .nav li a,.black_page .scrollHeader.header .nav li .TWnav a{color:var(--color-light)}.black_page .header:hover .lang svg path,.black_page .header:hover .search svg path,.black_page .scrollHeader.header .lang svg path,.black_page .scrollHeader.header .search svg path{fill:var(--color-light)}.black_page .header .mode_btn{border-color:var(--color-primary-light);color:var(--color-primary-light)}.black_page .header .nav-bg,.black_page .search-drop-down{background:#040401}.black_page .header .nav li:hover .TWnav a,.black_page .header .nav-bg .nav-list dd a:hover,.black_page .header .nav-bg .nav-list dt a:hover{color:var(--color-primary-light)}.black_page .header:hover{background-color:#040401}.black_page .header{border-bottom:1px solid #ffffff24}.black_page .w_logo{display:block}.black_page .b_logo,.w_logo{display:none}.header .change{display:flex;height:var(--header-height);position:relative;align-items:center;margin-right:10px;cursor:pointer}.header .change path{fill:#000}.header .change_con{display:none;position:absolute;top:var(--header-height);width:110px;background:#fff;left:50%;transform:translateX(-50%)}.header .change_con a{color:#000;display:block;height:40px;line-height:40px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.header .change_con a:last-child{border-bottom:0}.black_page.touch_body .header .nav li.hover .TWnav a,.header .change_con a:hover{color:var(--color-primary-light)}.header .change:hover .change_con{display:block;animation:displayN .5s forwards}.header .nav li .erNav{display:none;width:max-content;min-width:100%;text-align:left;background:#fff;position:absolute;top:100%;left:50%;line-height:normal;transform:translateX(-50%)}.header .nav li .erNav a{display:block;padding:17px 20px;height:auto;background:#fff;transition:all .5s ease-in-out;color:#000}.black_page .header .nav li .erNav a:hover,.header .nav li .erNav a:hover{background-color:#9ac026;color:#fff}.black_page .header .change_con,.black_page .header .nav li .erNav,.black_page .header .nav li .erNav a{background:#000}.black_page .header .change path{fill:#fff}.black_page .header .change_con a{color:#fff}.black_page .header .change_con a:hover{color:#9ac026}.scrollHeader.header .change{height:var(--header-height-small)}.scrollHeader.header .change_con,.touch_body .scrollHeader.header .nav_con{top:var(--header-height-small)}@media only screen and (max-width:1600px){.other_china{margin-left:20px}}@media only screen and (max-width:1500px){.header .nav{margin-right:20px}.header .nav li{width:auto;margin-right:3vw;margin-left:0}}@media only screen and (max-width:1400px){.header .nav li .TWnav a,.staticHeader .header .nav li .TWnav a{font-size:16px!important}}@media only screen and (max-width:1300px){.header .nav-bg .nav-list{width:80%}.other_china a{font-size:12px}.header .nav li .TWnav a,.staticHeader .header .nav li .TWnav a{font-size:14px!important}}.TWnavBtn,.touch_body .header .nav li .erNav{display:none}.touch_body .TWnavBtn{display:block}.touch_body .nav_btn{width:25px;position:relative;margin-left:20px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center}.touch_body .nav_btn span,.touch_body .nav_btn span:after,.touch_body .nav_btn span:before{display:inline-block;width:26px;height:2px;background-color:var(--color-white);position:absolute;left:0}.touch_body .nav_btn span{top:50%;transform:translateY(-50%);transition:background-color .3s ease-out .1s}.touch_body .nav_btn span:after,.touch_body .nav_btn span:before{content:'';top:7px;transition:transform .3s ease-out,top .5s ease .4s;transform:rotate(0deg)}.touch_body .nav_btn span:before{top:-7px}.touch_body .nav_btn.click span{background-color:transparent}.touch_body .nav_btn.click span:after,.touch_body .nav_btn.click span:before{transition:top .5s ease,transform .3s ease-out .4s;transform:rotate(-45deg);top:0;background-color:var(--color-black)}.touch_body .nav_btn.click span:before{transform:rotate(45deg)}.touch_body .scrollHeader .nav_btn span,.touch_body .scrollHeader .nav_btn span:after,.touch_body .scrollHeader .nav_btn span:before{background-color:var(--color-black)}.touch_body .header .nav-bg,.touch_body .nav-submenu__cover{display:none}.touch_body .header .nav_con{height:calc(100vh - var(--header-height-small));display:none;position:fixed;top:var(--header-height);left:0;bottom:0;right:0;margin-right:0;background:var(--color-white);overflow-y:auto}.touch_body .header .nav{width:80%;margin-left:auto;margin-right:auto}.touch_body .header .nav li{float:none;width:100%;height:auto;text-align:center;border-bottom:1px solid var(--color-light);line-height:var(--header-height-small)}.touch_body .header .nav li.hover{z-index:10}.touch_body .header .nav li a{display:block;width:100%;padding-bottom:0;font-size:16px;position:relative;color:var(--color-black)}.touch_body .header .nav li .TWnav a{padding-left:20px}.touch_body .header .nav li.hover .TWnav a{color:var(--color-primary)}.touch_body .header .nav li .TWnav a span{bottom:0;display:none}.touch_body .header .nav a{color:var(--color-white)}.header .nav li .p.has_three .THnavBtn:after,.touch_body .header .nav li.has_two .TWnavBtn:after{content:"";width:10px;height:10px;border-top:1px solid var(--color-black);border-right:1px solid var(--color-black);transition:all .3s ease-in-out;position:absolute;top:50%;right:17px;transform:translateY(-80%) rotate(135deg)}.header .nav li .p.has_three.hover .THnavBtn:after,.touch_body .header .nav li.has_two.hover .TWnavBtn:after{transform:translateY(-20%) rotate(-45deg);border-top:1px solid var(--color-primary);border-right:1px solid var(--color-primary)}.header .nav li .p.has_three .THnav{position:relative}.header .nav li .p.has_three .THnavBtn,.touch_body .TWnavBtn{position:absolute;right:0;top:0;width:var(--header-height-small);height:var(--header-height-small);z-index:2}.header .nav li .p.has_three .THnavBtn:after{width:5px;height:5px;right:20px;transform:translateY(-50%) rotate(135deg)}.header .nav li .p .THnav a{border-bottom:1px solid var(--color-light);padding-left:30px}.header .nav li .p .three_nav{display:none;padding:15px 0;border-bottom:1px solid var(--color-light)}.header .nav li .p .three_nav a{font-size:14px;color:var(--color-gray);line-height:1.3;padding:7px 0 7px 40px}.touch_body .header .lang svg path,.touch_body .header .search svg path,.touch_body .lang svg path,.touch_body .search svg path{fill:var(--color-white)}.touch_body .header.bg,.touch_body .header.scrollHeader{background-color:var(--color-white)}.touch_body .header,.touch_body .header.bg .nav_btn span{background-color:transparent}.touch_body .header.bg .lang svg path,.touch_body .header.bg .search svg path,.touch_body .header.scrollHeader .lang svg path,.touch_body .header.scrollHeader .search svg path{fill:var(--color-black)}.black_page.touch_body .header{background:#040401;border-color:var(--color-black)}.black_page.touch_body .nav_btn span,.black_page.touch_body .nav_btn span:after,.black_page.touch_body .nav_btn span:before{background-color:var(--color-light)}.black_page.touch_body .header .lang svg path,.black_page.touch_body .header .search svg path{fill:var(--color-light)}.black_page.touch_body .header .nav_con{background:#040401}.black_page.touch_body .header .nav li{border-color:#333}.black_page.touch_body .header .nav li .p .THnav a{border-color:#333;color:#999}.black_page.touch_body .header .nav li.has_two .TWnavBtn:after,.black_page.touch_body .header .nav li.has_two.hover .TWnavBtn:after{border-top:1px solid var(--color-light);border-right:1px solid var(--color-light)}.touch_body .header.hideHeader{transform:translateY(0)}@media only screen and (max-width:1200px){.header .right{height:60px}.black_page.touch_body .header{background:#040401;border-color:var(--color-black)}.black_page.touch_body .nav_btn span,.black_page.touch_body .nav_btn span:after,.black_page.touch_body .nav_btn span:before{background-color:var(--color-light)}.black_page.touch_body .header .lang svg path,.black_page.touch_body .header .search svg path{fill:var(--color-light)}.black_page.touch_body .header .nav_con{background:#040401}.black_page.touch_body .header .nav li.hover .TWnav a{color:var(--color-primary-light)}.black_page.touch_body .header .nav li{border-color:#333}.black_page.touch_body .header .nav li .p .THnav a{border-color:#333;color:#999}.black_page.touch_body .header .nav li.has_two .TWnavBtn:after,.black_page.touch_body .header .nav li.has_two.hover .TWnavBtn:after{border-top:1px solid var(--color-light);border-right:1px solid var(--color-light)}.touch_body .header{background:var(--color-white);height:var(--header-height-small);border-bottom:1px solid var(--color-light)}.header .logo{height:var(--header-height-small);line-height:var(--header-height-small)}.header .nav li .erNav,.header .nav_con,.touch_body .header .nav li .erNav{display:none}.TWnavBtn{display:block}.touch_body .nav_btn span,.touch_body .nav_btn span:after,.touch_body .nav_btn span:before{background-color:var(--color-black)}.touch_body .header .lang svg path,.touch_body .header .search svg path{fill:var(--color-black)}.touch_body .header .nav_con{top:var(--header-height-small)}.touch_body .header .nav{width:90%}.search-drop-down .search-wrapper .search-input{width:70%}.header .change,.header .lang,.header .search{height:var(--header-height-small)}.header .change_con,.header .search .input,.lang-box{top:var(--header-height-small)}}@media only screen and (max-width:1000px){.touch_body .header .nav li.hover{border-bottom:0}}@media only screen and (max-width:767px){.search-drop-down{height:100px}.search-drop-down .search-wrapper .search-input{width:80%}.lang a{height:25px;line-height:25px;font-size:12px;margin-right:0}}.header .mode_btn{position:relative}.frame-animation{position:absolute;left:-45px;top:-42px;width:500px;height:500px;background-image:url(../img/ip.png);background-repeat:no-repeat;transform-origin:left top;background-position:0 0;transform:scale(.2)}