锘緻charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea{ margin: 0; padding: 0; } body, button, input, select, textarea { font: 12px/1.5 'Heebo Regular', -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif, Helvetica Neue, "Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, i, var { font-style: normal; } ul, ol { list-style: none; } legend { color: #000; } fieldset, img { border: 0; vertical-align: bottom; } section, article, aside, header, footer, nav, dialog, figure { display: block; } figure { margin: 0; } button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; resize: none; } textarea{resize:none;border:none;-webkit-appearance:none;border-radius:0;} input[type=text] { resize:none;border:none;-webkit-appearance:none;border-radius:0; } input[type=submit] { resize:none;border:none;-webkit-appearance:none;border-radius:0; } input[type=reset] { resize:none;border:none;-webkit-appearance:none;border-radius:0; } table { border-collapse: collapse; border-spacing: 0; } .clear { display: block; height: 0; overflow: hidden; clear: both; } .clearfix:after { content: '\20'; display: block; height: 0; clear: both; } .clearfix { *zoom:1;} a:link, a:visited, a:hover, a:active { text-decoration: none; } /*a { blr:expression_r(this.onFocus=this.blur());}*/ a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ } .hidden { display: none; } .invisible { visibility: hidden; } .fl{ float:left; display:inline; } .fr{ float:right; display:inline; } .fn{ float:none; } .hide{ display:none; } .show{ display:block; } .noBg { background: none !important; } .noBorder { border: none !important; } .noMg { margin: 0!important; } .mr0{ margin-right:0 !important; float:right !important;} p[style='color:red;font-weight:600'] { display:none!important; } /*.info{text-align: justify; text-justify: inter-ideograph;}*/ html { scroll-behavior: smooth; } /*Body*/ body { margin: 0 auto; overflow-x: hidden; background: #fff; color:#555; } body.none{ overflow:hidden} area { anything:expression(this.onfocus=this.blur); } a { color: #333; } a:hover { color: #009fe8; } .wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden;} .nr {width: 1600px; margin: 0 auto; } @media (max-width: 1600px){ .nr { width:1200px} } @media (max-width: 1200px){ .nr { width:92%} } .header{ width:100%; position:fixed; left:0; top:0; z-index:2; box-sizing:border-box; padding:0 4%; display:flex;justify-content: space-between; align-items: flex-end; height:80px; z-index:999} .header::before { content: ""; display: block; left: 0; top: 0; right: 0; height: 150px; z-index: -1; background: linear-gradient(0deg, transparent, rgba(0, 86,186, .5)); position: absolute; transition: .5s;} .header .logo img{ height:59px} .header .logo .img1{ display:block} .header .logo .img2{ display:none} .header .rt{ width:fift-content} .header .rt .aitem{flex-direction: row-reverse; display:flex} .header .rt .aitem .cont{ display:flex; align-items: center;} .header .rt .aitem .cont a{ display:block; font-size:16px; color:rgba(255,255,255,0.7)} .header .rt .aitem .cont .line{ width:1px; height:14px; background:rgba(255,255,255,.7); margin:0 15px} .header .rt .aitem .cont .sea{ background:url(../images/xh_03.png) center center no-repeat; height:100%; width:16px; background-size:100%; cursor:pointer} .header .rt .bitem{flex-direction: row-reverse; display:flex; margin-top:10px} .header .rt .bitem .nav{ display:flex; align-items: center;} .header .rt .bitem .nav .aul{ display:flex} .header .rt .bitem .nav .aul .ali{ margin-right:20px; position:relative} .header .rt .bitem .nav .aul .ali>a{ display:block; font-size:20px; color:#fff} .header .rt .bitem .nav .aul .ali .xl{ width:160px; position:absolute; left:50%; margin-left:-80px; text-align:center; font-size:14px; top:100%; display:none; padding-top:20px} .header .rt .bitem .nav .aul .ali .xl .bul{ box-shadow:0 0 10px rgba(00,00,00,0.1); position:relative; background:rgba(255,255,255,0.8)} .header .rt .bitem .nav .aul .ali .xl .bul .bli{ position:relative} .header .rt .bitem .nav .aul .ali .xl .bul:after{ content:""; display:block; background:url(../images/xh_32.png) center center no-repeat; width:12px; height:10px; position:absolute; left:50%; margin-left:-6px; top:-10px} .header .rt .bitem .nav .aul .ali .xl .bul .bli>a{ display:block; color:#333333; line-height:50px; font-size:18px; border-bottom:1px dashed #b1cce7;position:relative;backdrop-filter: blur(10px);} .header .rt .bitem .nav .aul .ali .xl .bul .bli>a i{ position:absolute; right:15px; top:50%; transform:translateY(-50%)} .header .rt .bitem .nav .aul .ali .xl .bul .bli:last-child a{ border:0} .header .rt .bitem .nav .aul .ali .xl .bul .bli:hover>a{ color:#0056a8; font-weight:bold; background:rgba(0,86,168,0.2); border-bottom:1px solid rgba(0,86,168,0); } .header .rt .bitem .nav .aul .ali:hover .xl{ display:block} .header .rt .bitem .nav .aul .ali .xl .bul .bli .cul{ width:152px; position:absolute; left:100%; top:0; display:none} .header .rt .bitem .nav .aul .ali .xl .bul .bli .cul .cli a{ display:block; background:rgba(255,255,255,0.8); border-bottom:1px dashed #b1cce7; font-size:18px; color:#666666; padding:10px; box-sizing:border-box; line-height:30px;backdrop-filter: blur(10px);} .header .rt .bitem .nav .aul .ali .xl .bul .bli .cul .cli:last-child a{ border:0} .header .rt .bitem .nav .aul .ali .xl .bul .bli .cul .cli a:hover{ color:#0056a8} .header .rt .bitem .nav .aul .ali .xl .bul .bli:hover .cul{ display:block} .header .rt .bitem .nav .aul .ali .xl2{ width:1250px; position:absolute; text-align:center; font-size:14px; top:100%; padding-top:20px; right:-160px; display:none} .header .rt .bitem .nav .aul .ali .xl2:after{ content:""; display:block; background:url(../images/xh_32.png) center center no-repeat; width:12px; height:10px; position:absolute; left:1045px; top:10px} .header .rt .bitem .nav .aul .ali .xl2 .cont{ display:flex; box-shadow:0 0 10px rgba(0,0,0,.15) } .header .rt .bitem .nav .aul .ali .xl2 .cont .item{ width:475px; box-sizing:border-box; padding:30px 45px; backdrop-filter: blur(10px); background-color: rgba(255,255,255,0.5);} .header .rt .bitem .nav .aul .ali .xl2 .cont .item:nth-child(2){ width:500px;background-color: rgba(255,255,255,0.8)} .header .rt .bitem .nav .aul .ali .xl2 .cont .item:nth-child(3){ width:275px} .header .rt .bitem .nav .aul .ali .xl2 .cont .item .h{ text-align:left; font-size:18px; color:#0056a8; font-weight:bold; border-bottom:1px dashed #b1cce7; padding:10px 0} .header .rt .bitem .nav .aul .ali .xl2 .cont .item .b{ margin-top:35px} .header .rt .bitem .nav .aul .ali .xl2 .cont .item .b .cul{ display:flex;flex-wrap: wrap;} .header .rt .bitem .nav .aul .ali .xl2 .cont .item .b .cul li{ width:175px; text-align:left; margin-right:calc(100% - 350px)} .header .rt .bitem .nav .aul .ali .xl2 .cont .item .b .cul li:nth-child(2n){ margin-right:0} .header .rt .bitem .nav .aul .ali .xl2 .cont .item .b .cul li a{ font-size:16px; color:#333333; line-height:20px; height:48px; display:block} .header .rt .bitem .nav .aul .ali .xl2 .cont .item .b .cul li a:hover{ color:#0056a8} .header .rt .bitem .nav .aul .ali .xl2 .cont .item:nth-child(3) .b .cul li{ width:100%; margin:0} .header .rt .bitem .nav .aul .ali:hover .xl2{ display:block} .header .rt .bitem .line{ width:1px; height:14px; background:rgba(255,255,255,.7); margin-right:20px} .header .rt .bitem .nav .line2,.header .rt .bitem .nav .lan,.header .rt .bitem .nav .sea{ display:none} @media (max-width: 1820px){ .header{ height:74px} .header .logo img{ height:52px} .header .rt .aitem .cont a{ font-size:14px; } .header .rt .aitem .cont .line{ height:12px; margin:0 12px} .header .rt .bitem .nav .aul .ali{ margin-right:15px} .header .rt .bitem .nav .aul .ali>a{ font-size:18px;} .header .rt .bitem .line{ margin-right:15px} .header .rt .bitem .nav .aul .ali .xl{ width:140px; margin-left:-70px; } .header .rt .bitem .nav .aul .ali .xl .bul .bli>a{ line-height:40px; font-size:16px; } .header .rt .bitem .nav .aul .ali .xl .bul .bli .cul{ width:136px; } .header .rt .bitem .nav .aul .ali .xl .bul .bli .cul .cli a{ font-size:16px; line-height:20px} .header .rt .bitem .nav .aul .ali .xl2{ width:1150px; right:-140px; } .header .rt .bitem .nav .aul .ali .xl2:after{ left:970px; } .header .rt .bitem .nav .aul .ali .xl2 .cont .item{ width:435px; padding:25px 35px; } .header .rt .bitem .nav .aul .ali .xl2 .cont .item:nth-child(2){ width:450px;background-color: rgba(255,255,255,0.8)} .header .rt .bitem .nav .aul .ali .xl2 .cont .item:nth-child(3){ width:265px} .header .rt .bitem .nav .aul .ali .xl2 .cont .item .h{ font-size:16px; } .header .rt .bitem .nav .aul .ali .xl2 .cont .item .b{ margin-top:25px} .header .rt .bitem .nav .aul .ali .xl2 .cont .item .b .cul li{ width:160px; margin-right:calc(100% - 320px)} .header .rt .bitem .nav .aul .ali .xl2 .cont .item .b .cul li a{ font-size:14px; line-height:18px; height:42px; } } @media (max-width: 1650px){ .header .rt .bitem .nav .aul .ali{ margin-right:15px} } @media (max-width: 1600px){ .header{ height:70px} .header .logo img{ height:46px} .header .rt .aitem .cont a{ font-size:14px; } .header .rt .aitem .cont .line{ height:12px; margin:0 12px} .header .rt .bitem .nav .aul .ali{ margin-right:15px} .header .rt .bitem .nav .aul .ali>a{ } .header .rt .bitem .line{ margin-right:15px} } @media (max-width: 1440px){ .header{ height:66px} .header .logo img{ height:42px} .header .rt .aitem .cont a{ font-size:12px; } .header .rt .aitem .cont .line{ height:12px; margin:0 12px} .header .rt .aitem .cont .sea{ width:12px} .header .rt .bitem .nav .aul .ali{ margin-right:15px} .header .rt .bitem .nav .aul .ali>a{ font-size:16px} .header .rt .bitem .line{ margin-right:15px; height:12px} } @media (max-width: 1300px){ .header{ height:60px} .header .logo img{ height:36px} .header .rt .aitem .cont a{ font-size:12px; } .header .rt .aitem .cont .line{ height:12px; margin:0 12px} .header .rt .aitem .cont .sea{ width:12px} .header .rt .bitem .nav .aul .ali{ margin-right:15px} .header .rt .bitem .nav .aul .ali >a{ font-size:14px;} .header .rt .bitem .line{ margin-right:15px; height:12px} } @media (max-width: 1200px){ .header{ height:60px; align-items: center;} .header .logo img{ height:36px} .header .rt{ height:100%} .header .rt .aitem{ display:none} .header .rt .bitem{ height:100%; margin:0} .header .rt .bitem .nav{ height:100%} .header .rt .bitem .nav .aul{ display:none} .header .rt .bitem .nav .sea{ width:16px; height:100%; background:url(../images/sea.svg) center center no-repeat; background-size:100%; display:block} .header .rt .bitem .nav .line{ margin:0 10px 0 8px; height:10px} .header .rt .bitem .nav .line2{ display:block; width:1px; height:10px; background:rgba(255,255,255,.7); margin:0 8px} .header .rt .bitem .nav .lan{ display:block;} .header .rt .bitem .nav .lan a{ color:#fff; font-size:14px} .header::before{ height:80px} } @media (max-width: 750px){ .header .logo img{ height:24px} } #openBtn { cursor: pointer; display: flex; text-align: center; justify-content: center; align-items: center; padding: 0; position: relative } #openBtn .lcbody { width: 20px; height: 7px; position: relative; display: flex; align-items: center; justify-content: center; margin: 0 auto } #openBtn .lcbody .lcitem { width: 100%; height: 2px; position: absolute; transition: transform 0.36s ease; left: 0; border-radius: 0 } #openBtn .lcbody .lcitem:nth-child(1), #openBtn .lcbody .lcitem:nth-child(3) { width: 100% } #openBtn .lcbody .lcitem div { position: absolute; width: 100%; height: 100%; top: 0; left: auto; right: 0; background: #fff; border-radius: 0; transition: .5s } #openBtn .lcbody .top { top: 0 } #openBtn .lcbody .center { display: block; top: 50%; margin-top: -1px; opacity: 0 } #openBtn .lcbody .bottom { bottom: 0 } #openBtn .lcbody:hover .lcitem.top .rect { animation: move 0.4s ease-in-out 1 } #openBtn .lcbody:hover .lcitem.center .rect { animation: move 0.4s ease-in-out 0.1s 1 } #openBtn .lcbody:hover .lcitem.bottom .rect { animation: move 0.4s ease-in-out 0.2s 1 } .active#openBtn .lcitem.top { transform: rotateZ(45deg); top: 49% } .active#openBtn .lcitem.center { opacity: 0 } .active#openBtn .lcitem.bottom { transform: rotateZ(-45deg); top: 49% } @keyframes move { 0% { right: 0 } 40% { right: 0; width: 0 } 60% { right: auto; width: 0% } 100% { right: auto; width: 100% } } .footer{ background:url(../images/xh_08.jpg) center center no-repeat; background-size:cover;} .footer .ft01 .nr{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; border-bottom:1px solid rgba(255,255,255,0.1); padding:50px 0 35px} .footer .ft01 .nr .logo img{ height:78px} .footer .ft01 .nr .rt{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap;} .footer .ft01 .nr .rt .item{ position:relative; margin-left:10px;} .footer .ft01 .nr .rt .item .ahd{ width:140px; height:36px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3);display:flex; align-items: center; padding:0 20px 0 10px; background:url(../images/xh_07.png) 116px center no-repeat; background-size:10px; color:rgba(255,255,255,0.6); font-size:16px; cursor:pointer} .footer .ft01 .nr .rt .item .abd{ width:100%; bottom:calc(100% - 1px); border:1px solid rgba(255,255,255,0.3); left:0; box-sizing:border-box; position:absolute; display:none; max-height:200px; overflow:auto} .footer .ft01 .nr .rt .item .abd a{ display:block; padding:10px; font-size:14px; color:rgba(255,255,255,0.6); background:#0056a8; border-bottom:1px dashed rgba(255,255,255,0.6)} .footer .ft01 .nr .rt .item .abd a:last-child{ border:0} .footer .ft01 .nr .rt .item .abd a:hover{ color:#fff} .footer .ft02{ padding:50px 0 70px} .footer .ft02 .nr{ display:flex;justify-content: space-between; flex-wrap: wrap;} .footer .ft02 .nr .lt .lx{ font-size:16px; color:#fff; line-height:2.2} .footer .ft02 .nr .lt .lx a{ color:#fff} .footer .ft02 .nr .lt .ewm{ margin-top:90px; display:flex; flex-wrap: wrap;} .footer .ft02 .nr .lt .ewm .item{ position:relative; margin-right:10px} .footer .ft02 .nr .lt .ewm .item .ico{ width:32px; height:32px;display:flex; align-items: center; justify-content: center; border-radius:50%; background:rgba(255,255,255,0.2); transition:all 0.5s; cursor:pointer} .footer .ft02 .nr .lt .ewm .item .ico img{ display:block; height:20px; opacity:0.3; transition:all 0.5s} .footer .ft02 .nr .lt .ewm .item .pic{ width:120px; position:absolute; left:50%; transform:translateX(-50%); bottom:110%; opacity:0; visibility:hidden; transition:all 0.5s} .footer .ft02 .nr .lt .ewm .item .pic img{ width:100%} .footer .ft02 .nr .lt .ewm .item:hover .pic{ opacity:1; visibility:visible } .footer .ft02 .nr .lt .ewm .item:hover .ico img{ opacity:1} .footer .ft02 .nr .rt{ width:1190px;display:flex;justify-content: space-between;} .footer .ft02 .nr .rt dl dt{ position:relative; padding-bottom:15px; margin-bottom:15px;} .footer .ft02 .nr .rt dl dt a{ font-size:20px; color:#fff;} .footer .ft02 .nr .rt dl dt:after{ content:""; display:block; width:19px; height:3px; background:#fff; position:absolute; left:0; bottom:0} .footer .ft02 .nr .rt dl dd{ margin-top:10px; position:relative} .footer .ft02 .nr .rt dl dd a{ font-size:14px; color:rgba(255,255,255,0.6);} .footer .ft02 .nr .rt dl dd .fth{ display:none; padding-top:5px } .footer .ft02 .nr .rt dl dd .fth a{ font-size:12px;display:block} .footer .ft02 .nr .rt dl dd:hover .fth{ display:block; margin-left:10px;} .footer .ft02 .nr .rt dl dd a:hover{ color:#fff} .footer .ft02 .nr .rt dl dt.none:after{ width:0} .footer .ft03{ background:#004e98; padding:25px 0; font-size:16px; color:rgba(255,255,255,0.3)} .footer .ft03 a{ color:rgba(255,255,255,0.3)} .footer .ft03 a:hover{ color:rgba(255,255,255,1)} .footer .ft03 .nr{ display:flex;justify-content: space-between; flex-wrap: wrap;} .footer .ft03 .nr .lt{ display:flex} .footer .ft03 .nr .lt .cont{ display:flex;flex-wrap: wrap;} .footer .ft03 .nr .lt .cont a{ display:block; margin-right:18px; position:relative} .footer .ft03 .nr .lt .cont a:after{ content:""; display:block; width:1px; height:12px; background:rgba(255,255,255,0.3); position:absolute; right:-8px; top:7px} .footer .ft03 .nr .lt .cont a:last-child{ margin-right:0} .footer .ft03 .nr .lt .cont a:last-child:after{ width:0} @media (max-width: 1600px){ .footer .ft01 .nr{ padding:40px 0 30px} .footer .ft01 .nr .logo img{ height:70px} .footer .ft02{ padding:40px 0 50px} .footer .ft02 .nr .lt .lx{ font-size:14px; } .footer .ft02 .nr .lt .ewm{ margin-top:60px; } .footer .ft02 .nr .lt .ewm .item .ico{ width:28px; height:28px; } .footer .ft02 .nr .lt .ewm .item .ico img{ height:16px; } .footer .ft02 .nr .lt .ewm .item .pic{ width:100px;} .footer .ft02 .nr .rt{ width:900px; } .footer .ft02 .nr .rt dl dt{ padding-bottom:12px; margin-bottom:12px;} .footer .ft02 .nr .rt dl dt a{ font-size:16px; } .footer .ft02 .nr .rt dl dt:after{ width:16px; height:2px; } .footer .ft02 .nr .rt dl dd a{ font-size:12px; } .footer .ft03{ padding:20px 0; font-size:14px; } } @media (max-width: 1200px){ .footer .ft01 .nr{ padding:30px 0} .footer .ft01 .nr .logo img{ height:60px} .footer .ft02{ padding:30px 0} .footer .ft02 .nr .lt{ width:100%} .footer .ft02 .nr .lt .lx{ font-size:14px; } .footer .ft02 .nr .lt .ewm{ margin-top:20px; } .footer .ft02 .nr .lt .ewm .item .ico{ width:28px; height:28px; } .footer .ft02 .nr .lt .ewm .item .ico img{ height:16px; } .footer .ft02 .nr .lt .ewm .item .pic{ width:100px;} .footer .ft02 .nr .rt{ width:100%; margin-top:30px } .footer .ft02 .nr .rt dl dt{ padding-bottom:12px; margin-bottom:12px;} .footer .ft02 .nr .rt dl dt a{ font-size:14px; } .footer .ft02 .nr .rt dl dt:after{ width:16px; height:2px; } .footer .ft02 .nr .rt dl dd a{ font-size:12px; } .footer .ft03{ padding:20px 0; font-size:12px; line-height:2 } } @media (max-width: 750px){ .footer .ft01 .nr{ padding:20px 0; display:block} .footer .ft01 .nr .logo img{ height:40px} .footer .ft01 .nr .rt{ width:100%; margin-top:20px} .footer .ft01 .nr .rt .item{ width:32%; margin:0} .footer .ft01 .nr .rt .item .ahd{ width:100%; box-sizing:border-box; height:30px; padding:0 20px 0 8px; background:url(../images/xh_07.png) 94% center no-repeat; background-size:8px; font-size:12px; } .footer .ft01 .nr .rt .item .abd a{ padding:8px; font-size:12px; } .footer .ft02{ padding:20px 0} .footer .ft02 .nr .lt{ width:100%} .footer .ft02 .nr .lt .lx{ font-size:14px; } .footer .ft02 .nr .lt .ewm{ margin-top:20px; } .footer .ft02 .nr .lt .ewm .item .ico{ width:28px; height:28px; } .footer .ft02 .nr .lt .ewm .item .ico img{ height:16px; } .footer .ft02 .nr .lt .ewm .item .pic{ width:100px; left:0%; transform:translateX(0);} .footer .ft02 .nr .rt{ display:none} .footer .ft03{ padding:20px 0; font-size:12px; line-height:2 } .footer .ft03 .lt{ width:100%;flex-wrap: wrap;} .footer .ft03 .lt .title{ width:60px} .footer .ft03 .nr .lt .cont{ width:calc(100% - 60px)} .footer .ft03 .nr .lt .cont a{ margin-right:11px} .footer .ft03 .nr .lt .cont a:after{ height:10px; right:-5px; top:8px} } .site-menu { position: fixed; z-index: 998; left: 0; top: 0; display: flex; flex-direction: column; width: 100%; clip-path: inset(0 0 100% 0); transition: clip-path .6s cubic-bezier(0.77, 0, 0.175, 1);visibility: hidden; opacity: 0; visibility: hidden; clip-path: none; transition: opacity 0s .92s, visibility 0s .92s} .site-menu-close { font-size: 40px;text-align: center;cursor: pointer; color: #265ee1;z-index: 10;transition: .5s} .site-menu-main { flex: 1; display: flex; flex-direction: column;width: 100%; justify-content: center; align-items: center; height: 100vh; padding: 120px 0 45px; background: #f5f5f7 url(../images/xh_47.jpg) center bottom no-repeat; background-size: 100% auto; background-attachment: fixed; box-sizing:border-box} .site-menu-main { flex: auto; clip-path: inset(0 0 100% 0); transition: clip-path 1s .2s cubic-bezier(0.77, 0, 0.175, 1)} .site-menu-main .ul { flex: 1; overflow: hidden; } .site-menu .bottom { width: 100%; height: 100%;overflow: hidden; overflow-y: scroll} .site-menu .bottom .wp { width:92%; margin:0 auto} .site-menu.site-menu-is-open { opacity: 1; visibility: visible; clip-path: none; transition: opacity 0s, visibility 0s} .site-menu.site-menu-is-open .site-menu-main {transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1); clip-path: inset(0 0 0 0);} .site-menu-main .ul{ display:flex} .site-menu-main .ul li { transform: translateY(.2rem);opacity: 0;transition: 1s; padding: 0 50px 0 0; flex: auto} .site-menu-main .ul li:last-child{ padding:0} .site-menu-main .ul li>a { font-size:22px; color: #0056a8;margin-bottom:10px; display: block; position: relative; padding:20px 40px 0 0; font-weight:bold;} .site-menu-main .ul li>a:before {content: ""; position: absolute; top: 0; left: 0; background: #0056a8; width: 100%; height: 2px} .site-menu-main .ul li h6 { padding-bottom:3px; position: relative; font-size: 12px; color: #0056a8; border-bottom: #d6d6d6 1px solid; margin-bottom: 30px} .site-menu-main .ul li i { font-size: 14px;color: #2bada1; opacity: 0; transition: .5s} .site-menu-main .ul li .sub-nav a {font-size:16px; color: #333333; line-height: 2; margin:5px 0; display: block; transition: .5s;font-weight: 500;} .site-menu-main .ul li .sub-nav a:hover { color: #0056a8} .site-menu-main .ul li:hover i { opacity: 1} .site-menu-main .ul li:nth-child(1) { transition-delay: .2s} .site-menu-main .ul li:nth-child(2) { transition-delay: .3s} .site-menu-main .ul li:nth-child(3) { transition-delay: .4s} .site-menu-main .ul li:nth-child(4) { transition-delay: .5s} .site-menu-main .ul li:nth-child(5) { transition-delay: .6s} .site-menu-main .ul li:nth-child(6) { transition-delay: .7s} .site-menu-main .ul li:nth-child(7) { transition-delay: .8s} .site-menu-main .ul li:nth-child(8) { transition-delay: .9s} .site-menu-main .ul li:nth-child(9) { transition-delay: 1s} .site-menu-main .ul li:nth-child(10) {transition-delay: 1.1s} .site-menu-main .ul li:nth-child(11) { transition-delay: 1.2s} .site-menu-main .ul li:nth-child(12) {transition-delay: 1.3s} .site-menu-main .ul li:nth-child(13) {transition-delay: 1.4s} .site-menu-is-open .site-menu-main .ul li { opacity: 1;transform: translateY(0)} .site-menu-main .ul li.pc_none{ display:none} .site-menu-main .bd { transform: translateY(20px); opacity: 0; transition: 1s; transition-delay: 1s} .site-menu-is-open .site-menu-main .bd { opacity: 1; transform: translateY(0)} .site-menu-main .bd{ margin-top:30px} .site-menu-main .bd .h3-1{ font-size:22px; font-weight:bold; color:#0056a8} .site-menu-main .bd ul{ display:flex; flex-wrap: wrap;} .site-menu-main .bd ul li{ width:15.833333333333%; margin-right:1%; margin-top:15px} .site-menu-main .bd ul li:nth-child(6n){ margin-right:0} .site-menu-main .bd ul li a{ display:block; border-bottom:1px dashed #cfe0f1; font-size:16px; color:#333333; font-weight:500; height:44px;display:flex; align-items: center; background:url(../images/xh_48.png) right center no-repeat} .site-menu-main .bd ul li a:hover{ color:#0056a8} .site-menu-main .ul li .sub-nav .has_th_con{ display:none; width:100%} .site-menu-main .ul li .sub-nav a.th{ padding-left:10px} @media (max-width: 1600px){ .site-menu {} .site-menu-main { padding: 100px 0 30px; } .site-menu-main .ul li>a { font-size:18px; padding:15px 38px 0 0;} .site-menu-main .ul li i { font-size: 14px;color: #2bada1; opacity: 0; transition: .5s} .site-menu-main .ul li .sub-nav a {font-size:14px; margin:3px 0; } .site-menu-main .ul li{ padding:0 30px 0 0} .site-menu-is-open .site-menu-main .bd{ margin-top:20px} .site-menu-is-open .site-menu-main .bd .h3-1{ font-size:18px; } .site-menu-is-open .site-menu-main .bd ul li{ margin-top:10px} .site-menu-is-open .site-menu-main .bd ul li a{ font-size:14px; height:40px; background:url(../images/xh_48.png) right center no-repeat; background-size:12px; line-height:1.2; box-sizing:border-box; padding-right:30px} .site-menu-is-open .site-menu-main .bd ul li a:hover{ color:#0056a8} } @media (max-width: 1200px){ .site-menu-main {background: #fff url(../images/xh_47.jpg) center bottom no-repeat; background-size:cover} .site-menu-main { padding: 80px 0 30px; } .site-menu-main .ul li>a { font-size:14px; padding:15px 0 0;} .site-menu-main .ul li i { font-size: 12px;color: #2bada1; opacity: 0; transition: .5s} .site-menu-main .ul li .sub-nav a {font-size:14px; margin:3px 0; } .site-menu-main .ul li{ padding:0 10px 0 0} .site-menu-is-open .site-menu-main .bd{ margin-top:20px} .site-menu-is-open .site-menu-main .bd .h3-1{ font-size:14px; } .site-menu-is-open .site-menu-main .bd ul li{ margin-top:10px; width:24.25%; margin-right:1%} .site-menu-is-open .site-menu-main .bd ul li:nth-child(6n){ margin-right:1%} .site-menu-is-open .site-menu-main .bd ul li:nth-child(4n){ margin-right:0} .site-menu-is-open .site-menu-main .bd ul li a{ font-size:12px; height:40px; background:url(../images/xh_48.png) right center no-repeat; background-size:12px; line-height:1.2; box-sizing:border-box; padding-right:30px} .site-menu-is-open .site-menu-main .bd ul li a:hover{ color:#0056a8} } @media (max-width: 750px){ .site-menu-main .ul{ flex-wrap: wrap;} .site-menu-main .ul li{ width:100%; margin-bottom:10px} .site-menu-main .ul li > a::before{ height:1px} .site-menu-main .ul li>a { font-size:18px; padding:12px 0 0;} .site-menu-main .ul li i { font-size: 12px;color: #2bada1; opacity: 0; transition: .5s} .site-menu-main .ul li .sub-nav a {font-size:14px; margin:3px 0; } .site-menu-main .ul li{ padding:0 10px 0 0} .site-menu-main .ul li:last-child{ margin-bottom:0} .site-menu-main .ul li .sub-nav-h{display:flex; flex-wrap: wrap;} .site-menu-main .ul li .sub-nav-h a{ width:32%; margin-right:2%; display:block} .site-menu-main .ul li .sub-nav-h a:nth-child(3n){ margin-right:0%} .site-menu-is-open .site-menu-main .bd{ margin-top:20px} .site-menu-is-open .site-menu-main .bd .h3-1{ font-size:18px; } .site-menu-is-open .site-menu-main .bd ul li{ margin-top:10px; width:32%; margin-right:2%} .site-menu-is-open .site-menu-main .bd ul li:nth-child(6n){ margin-right:2%} .site-menu-is-open .site-menu-main .bd ul li:nth-child(4n){ margin-right:2%} .site-menu-is-open .site-menu-main .bd ul li:nth-child(3n){ margin-right:0%} .site-menu-is-open .site-menu-main .bd ul li a{ font-size:12px; height:40px; background:url(../images/xh_48.png) right center no-repeat; background-size:10px; line-height:1.2; box-sizing:border-box; padding-right:30px} .site-menu-is-open .site-menu-main .bd ul li a:hover{ color:#0056a8} .site-menu-main .ul li.pc_none{ display:block} .site-menu-main .ul li.pc_none .sub-nav-h a{ font-size:12px; line-height:1.2; padding:5px 0} .site-menu-main .bd{ display:none} .site-menu-main .ul li > a.has_third{ border:0; font-size:16px; padding:0} .site-menu-main .ul li > a.has_third::before{ height:0} .site-menu-main .ul li .sub-nav a{ } .site-menu-main .ul li .sub-nav a.has_th.on{ width:100%;} .site-menu-main .ul li .sub-nav a.has_th.on{ color:#0056a8} .site-menu-main .ul li .sub-nav a.th{ display:block; font-size:12px; font-weight:normal} .site-menu-main .ul li .sub-nav a.th2{ width:50%} .site-menu-main .ul li.sj_none{ display:none} .site-menu-main .ul li .sub-nav .has_th_con a{ float:left; padding-left:0} } .sea_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none} .sea_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff} .sea_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;} .sea_on .s1 .inp2{ width:76px; height:68px; background:url(../images/sea.jpg) center center no-repeat; position:absolute; right:0; top:0; cursor:pointer} .sea_on .s1 .gb{ width:30px; height:30px; background:url(../images/gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer} @media (max-width:1200px) { .sea_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;} .sea_on .s1 .inp1{ width:180px; height:48px;} .sea_on .s1 .inp2{ width:76px; height:48px;} .sea_on .s1 .gb{ width:24px; height:24px; background:url(../images/gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer} }