@charset "utf-8"; *,*::after,*::before{box-sizing:border-box;} *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} *:focus{outline: none;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button,figure{margin: 0;padding: 0;} html,body{ text-size-adjust: 100% !important;-webkit-text-size-adjust: 100%!important;-ms-text-size-adjust: 100%!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x:hidden;} body{position:relative;background-color: #fff; color: #333;font-size:16px;font-family:"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;line-height: 1.5;outline:none;min-width: 1340px;} ol,ul,li{list-style:none;} img{box-sizing:border-box;vertical-align:top;border:0; object-fit: cover;} em,i{font-style: normal;} a{text-decoration:none;color:#000;} a:hover{color:#573b2d;text-decoration:none;} a:focus{outline:0px dotted;} a:focus, input:focus{-moz-outline-style: none;} ::selection{background:#1e5eac;color:#fff;} ::-moz-selection{background:#1e5eac;color:#fff;} ::-webkit-selection{background:#1e5eac;color:#fff;} input[type="button"], input[type="submit"], input[type="reset"], select{-webkit-appearance: none;} input,textarea,select,button{background: transparent;} input, textarea, button{border:0;font-family:"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;} textarea{resize: none;overflow: auto;} select{-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;color: #999 !important;} select::-ms-expand{display: none;} input::-webkit-input-placeholder, input::-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea::-ms-input-placeholder{color: #999;} input:-moz-placeholder, input::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder{color: #999;opacity: 1;} audio, canvas, video{display: block;} section, article, aside, header, footer, nav, dialog, figure{display: block;} ::-webkit-scrollbar{height:10px;width:10px} ::-webkit-scrollbar-button{height:0;width:0} ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block} ::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none} ::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background: #e6e6e6;} ::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid;border-color:transparent} ::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff;} ::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:#999; border-radius: 10px; min-height:28px;padding-top:100} ::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:#1e5eac;} ::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:#1e5eac;} ::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal, ::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0;} ::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)} ::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)} .fl{float:left;} .fr{float:right;} .clear{clear:both;} .clearfix:after{content: '\20';display: block;height: 0;clear: both;} .clearfix{*zoom:1;} .g-in{position: relative;width: 1280px; margin: 0 auto;} /* 娓呴櫎鍒嗕韩閿欎綅*/ #bsPanelHolder, #bsPanelHolder *, #bsBox, #bsBox *, #bsWXBox, #bsWXBox *{box-sizing: initial!important;} /* 涓嬭浇璇存槑*/ .doc{position: fixed;right: 1vw;top: 50%;width: 50px;height: 50px;border-radius: 50px;border: 1px solid #a00;background-color: #a00;text-align: center;line-height: 50px;color: #fff;transform: translateY(-50%);z-index: 99;} .doc:hover{color: #ff0;} .header{position: relative; padding-top: 100px;} .topArea{position: fixed; left: 0; right: 0;width: 100%; top: 0; z-index: 20; transition: all 0.4s;} .topArea{background: #ffffff; box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);} .topArea .cont{width: 1440px; margin: 0 auto; display: flex;justify-content: space-between;align-items: center;height: 100px;} .topArea .logo .sjBox{height: 1.1rem;} .topArea .link{display: flex; align-items: center;} .topArea .nav ul{display: flex;} .topArea .nav ul li{position: relative;} .topArea .nav .subNav{position: absolute;} .topArea .nav .m1{font-size: 16px;color: #333333;display: flex;align-items: center;height: 100px;line-height: 100px; transition: all 0.3s; position: relative; padding: 0 18px; white-space: nowrap;} .topArea .nav .m1 .tit { white-space: nowrap; } .topArea .nav .current .m1, .topArea .nav ul li:hover .m1{color: #ffffff; font-weight: bold; background: #044996;} .topArea .r-link{margin-left: 8px; display: flex; align-items: center;} .topArea .r-link .links{display: flex;} .topArea .r-link .links .item{margin-right: 14px;} .topArea .r-link .links .item:last-child{margin-right: 0;} .topArea .r-link .links .item a{display: flex; justify-content: center; align-items: center; width: 55px; height: 55px; color: #044996; border-radius: 50%; border: 1px solid #d81e06; transition: all 0.4s;} .topArea .r-link .links .item a span{font-size: 34px; -webkit-animation: bounce-up-data 1.5s linear infinite alternate;animation: bounce-up-data 1.5s linear infinite alternate;} .topArea .r-link .links .item:nth-child(2) a span{animation-delay: 1.5s;} .topArea .r-link .links .item a:hover{background: #044996; color: #ffffff;} .topArea .r-link .sea{width: 25px; height: 100px; cursor: pointer; display: flex; justify-content: center; align-items: center;} .topArea .r-link .sea .circle{width: 20px; height: 20px; margin-top: -4px; border-radius: 50%; border: 3px solid #04479e; position: relative;} .topArea .r-link .sea .circle::before{content: '\20'; position: absolute; right: -5px; bottom: -6px; width: 7px; height: 3px; transform: rotate(45deg); border-radius: 5px; background: #14568f;} .topArea .nav .subNav {position:absolute;left: 50%;min-width: 140px; transform: translateX(-50%); visibility:hidden;opacity: 0; font-size:16px;z-index:1;top: 110px;background: #fff;left: 50%; transition: all 0.5s;} .topArea .nav .subNav .slide-hd{ position: relative;} /* .topArea .nav .subNav .slide-hd::before{content: '\20'; position: absolute; left: 50%; top: -22px; width: 11px; transform: translateX(-50%); height: 11px; background: url(pic45.png) no-repeat center center; z-index: 2;} */ .topArea .nav .subNav::after{content: '\20';position: absolute;left: 0;bottom: 100%;width: 100%;height: 40px;z-index: 5;} .topArea .nav .subNav a {display: block;padding: 12px 10px;color:#333333;line-height:20px;text-align:center;white-space: nowrap; background: #ffffff; transition: all 0.5s; border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .topArea .nav .subNav dl:last-child a{border-bottom: none;} .topArea .nav .subNav .topArea .nav .subNav { opacity: 0; } .topArea .nav .subNav a:hover { color:#fff; font-weight: bold; background: #044996;} .nav li:hover .subNav { visibility:visible; z-index:10; opacity: 1; top: 100%;} .nav li:hover .subNav a{transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none;} @media screen and (max-width: 1440px) { .topArea .cont{width: 1280px;} .topArea .nav .m1{padding: 0 15px;} } .search{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); display:none; z-index:9999;} .search .searchp{position:absolute;left:50%;width:600px;background:#fff;font-size:16px;z-index:9;top: 50%;transform: translate(-50%,-50%);} .search form .txt{float:left; height:60px; line-height:60px; padding-left:15px; width:75%;} .search form .btn{float:right;height:60px;line-height:60px;width:25%;text-align:center;background: #04479e;color:#fff;cursor:pointer;-webkit-appearance:none;border-radius: 0;} .serclose{position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer;} .search01{display:block;} .search .searchpb{width: 100%;background: #fff;padding: 10px 15px;box-sizing: border-box;} .search .searchpb .searchpba{padding-bottom: 10px;color: #9a9999;font-size: 16px;line-height: 2.1;} .search .searchpb ul li{line-height: 2.1;} .search .searchpb ul li a{color: #333;font-size: 16px;} @media screen and (max-width: 750px) { .search .searchp{width: 92vw;} .search form .txt{height: 40px; line-height: 40px;} .search form .btn{height: 40px; line-height: 40px;} .serclose{right: 0;} .serclose img{width: 30px; height: 30px;} } .footer {min-width: 1340px;} .footer .ft01{background: #0c3d78;} .footer .ft01 .cont{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,.1);} .footer .ft01 .a2{position: relative;} .footer .ft01 .a2 .top{display: flex; align-items: center; justify-content: space-between; width: 270px; height: 45px; background: #255186; padding: 0 16px 0 20px; cursor: pointer;} .footer .ft01 .a2 .top .b1{font-size: 14px; color: rgba(255,255,255,.3);} .footer .ft01 .a2 .top .b2{border-left: 1px solid #3b6392; height: 23px; padding-left: 18px; display: flex; justify-content: center; align-items: center;} .footer .ft01 .a2 .top .b2 .arr{width: 10px; height: 10px; border-right: 1px solid #6786ab; border-bottom: 1px solid #6786ab; transform: rotate(45deg); margin-top: -5px;} .footer .ft01 .a2 .bot{position: absolute; top: 100%; left: 0; width: 100%; display: none; z-index: 4;} .footer .ft01 .a2 .bot ul{max-height: 250px; overflow: auto; padding: 10px 0; background: #ffffff;} .footer .ft01 .a2 .bot ul li a{display: block; width: 100%; height: 30px; background: #ffffff; padding: 5px 16px 5px 20px; font-size: 14px; color: #0c3d78; transition: all 0.3s;} .footer .ft01 .a2 .bot ul li a:hover{background: #0c3d78; color: #ffffff;} .footer .ft02{background: #0c3d78; padding: 30px 0 60px;} .footer .ft02 .cont{display: flex; justify-content: space-between;} .footer .ft02 .a1 .b1{font-size: 14px; color: rgba(255,255,255,.6); margin-bottom: 34px;} .footer .ft02 .a1 .b1 a{color: #ffffff;} .footer .ft02 .a1 .b1 p{margin-bottom: 20px;} .footer .ft02 .a1 .b1 p:last-child{margin-bottom: 0;} .footer .ft02 .a1 .b1 span{font-family: Arial; font-size: 24px; color: #ffffff;} .footer .ft02 .a2{display: flex;} .footer .ft02 .a2 dl{margin-right: 44px;} .footer .ft02 .a2 dl:last-child{margin-right: 0;} .footer .ft02 .a2 dl dt{margin-bottom: 35px;} .footer .ft02 .a2 dl dt a{font-size: 16px; color: #ffffff;} .footer .ft02 .a2 dl dd{margin-bottom: 12px;} .footer .ft02 .a2 dl dd:last-child{margin-bottom: 0;} .footer .ft02 .a2 dl dd a{font-size: 14px; color: rgba(255,255,255,.5); transition: all 0.3s;} .footer .ft02 .a2 dl dd a:hover{color: #ffffff;} .footer .ft03{background: #08213f; font-size: 14px; color: rgba(255,255,255,.33); line-height: 2; padding: 25px 0;} .footer .ft03 a{color: rgba(255,255,255,.33); transition: all 0.3s;} .footer .ft03 a:hover{color: #ffffff;} .footer .ft03 .cont{display: flex; justify-content: space-between;} .col-video{display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);transition: all 0.5s;} .col-video.on{display: block;} .col-video .videoBox{position: absolute;left: 50%;top: 50%;width: 60%;transform: translate(-50%, -50%);} .col-video .videoBox .close{position: absolute;top: 0;right: 0;font-size: 30px;text-align: center;line-height: 30px;width: 30px;height: 30px;color: #fff;cursor: pointer;z-index: 999;} .col-video .videoBox video{width: 100%;height: auto;max-height: 80vh;} .col-video.on .videoBox video{-webkit-animation: zoomIn 0.4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: zoomIn 0.4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);} @media screen and (max-width: 1200px){.col-video .videoBox{width: 92%;}} .topArea .nav ul li:nth-child(4) .subNav dl:nth-child(5), .topArea .nav ul li:nth-child(4) .subNav dl:nth-child(6), /*.topArea .nav ul li:nth-child(5) .subNav dl:nth-child(1),*/ .footer .ft02 .a2 dl:nth-child(3) dd:nth-of-type(5), .footer .ft02 .a2 dl:nth-child(3) dd:nth-of-type(6){display: none!important;}