锘緻charset "utf-8"; @media screen and (max-width:1199px) { html { font-size:90px!important } } @media screen and (max-width:1024px) { html { font-size:90px!important } } @media screen and (max-width:900px) { html { font-size:85px!important } } @media screen and (max-width:640px) { html { font-size:85px!important } } @media screen and (max-width:480px) { html { font-size:80px!important } } @media screen and (max-width:375px) { html { font-size:70px!important } } @media screen and (max-width:360px) { html { font-size:80px!important } } @media screen and (max-width:350px) { html { font-size:70px!important } } .ar_wap { display:none } .a_body { position:relative; z-index:0 } .section { overflow:hidden } .loader { position:fixed; left:0; top:0; right:0; bottom:0; z-index:99999999; pointer-events:none } .loader .logoload { position:absolute; height:1.6rem; top:50%; left:50%; transform:translateX(-50%)translateY(-50%); z-index:5; transition:.5s .3s } .loader .logoload img { height:1.6rem } .loader ul { display:flex; justify-content:center; width:100vw; height:100vh } .loader ul li { width:25%; background:#6c1576; height:100% } .loader ul li:nth-child(1) { transition:height .5s .5s } .loader ul li:nth-child(2) { transition:height .5s .6s } .loader ul li:nth-child(3) { transition:height .5s .7s } .loader ul li:nth-child(4) { transition:height .5s .8s } .loader.hide { z-index:-999; opacity:0; visibility:hidden; transition:0s 1.5s } .loader.hide .logoload { opacity:0 } .loader.hide ul li:nth-child(1) { height:0 } .loader.hide ul li:nth-child(2) { height:0 } .loader.hide ul li:nth-child(3) { height:0 } .loader.hide ul li:nth-child(4) { height:0 } .wp { width:16rem; padding:0; margin:0 auto; max-width:94% } .wrapper { width:100%; margin:0 auto; } .wrapper .inner { max-width: 1400px; margin:0 auto; width: 100%; } .l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .fix-top { position:relative; position:relative\0; top:100%; left:0; right:0; bottom:0; z-index:100; overflow:hidden; background:#fff } .fix-top.showdiv { top:0 } .fix-top::-webkit-scrollbar { width:0; height:8px; background-color:#f5f5f5 } .fix-top::-webkit-scrollbar-track { border-radius:10px; background-color:#e2e2e2 } .fix-top::-webkit-scrollbar-thumb { border-radius:10px; background-color:#333 } #m_nav .list_box1 { } #m_nav .list_box1 li { text-align:center; padding:0 .1rem } #m_nav .list_box1 li a { padding:0; justify-content:center; font-size:.2rem } .headder_box { position:absolute; top:0; left:0; right:0; z-index:10000; height:1.5rem; transition:.5s } .headder_box:before { content:""; position:absolute; top:0; left:0; right:0; background:url(../images/b_bg.png) 50% 0 no-repeat; background-size:100% 100%!important; height:1.75rem; z-index:-1 } .headder_box .wp { height:100%; display:flex; align-items:center; justify-content:space-between; max-width:100%; padding:0 0 0 50px; width:auto } .headder_box .logo { height: 100%; position: relative; width: 3rem; display: flex; align-items: center; } .headder_box .logo img { max-width:100%; } .headder_box .logo img.img2 { display:none } .headder_box .right { display:flex; align-items:center; padding:0 0 0 .22rem; justify-content:space-between } .headder_box .right .ll .top { display:flex; justify-content:flex-end; padding:.18rem 0 0; align-items:center; position:relative; z-index:10; margin-bottom:-.08rem } .list_box1 { display:flex; margin:0 -3px } .list_box1 li { padding:0; position:relative } .list_box1 li:before { content:""; position:absolute } .list_box1 li a { display:flex; align-items:center; border-radius:12px; height:24px; padding:0 .18rem; font-size:.16rem; color:#fff; transition:.5s } .headder_box .right .ll .bottom { display:flex; justify-content:flex-end; margin:.24rem 0 0 } .list_box2 { display:flex; margin:0 -.07rem; align-items:center } .list_box2 li { padding:0 .07rem; font-size:.16rem; color:#fff } .list_box2 li a { display:flex; align-items:center; transition:.5s; opacity:.75 } .list_box2 li a img { margin:-2px .06rem 0 0 } .list_box2 li a img.img2 { display:none } headder_box .search { position:relative; padding-left:.15rem } .headder_box .search:before { content:''; width:1px; height:.14rem; position:absolute; left:.02rem; top:50%; margin-top:-.07rem } .headder_box .search .form { display:block!important; position:relative; margin-left:.1rem } .headder_box .search .form .serinp { width:0; position:absolute; top:0; right:0; transition:.3s; opacity:0; visibility:hidden } .headder_box .search .form .serbtn { width:.4rem; height:.4rem; position:relative; text-align:center; line-height:.4rem; font-size:.22rem; color:#fff } .headder_box .search .form .serbtn input { position:absolute; top:0; left:0; width:.4rem; height:.4rem; z-index:3; background:rgba(255, 255, 255, 0); border:0 } .headder_box .search .form .serinp input { width:100%; height:.4rem; line-height:.4rem; background:#fff; border:0; font-size:.15rem; border-radius:.1rem; color:#333; border:1px solid #ddd } .headder_box .search .form:hover .serinp { width:2.6rem; opacity:1; visibility:inherit } .headder_box .search .form:hover .serinp input { padding:0 .4rem 0 .1rem } .headder_box .search .form:hover .serbtn { color:#08387f } .list_boxjs { display:flex; margin:0 .24rem 0 0; align-items:center } .list_boxjs li { padding:0; position:relative } .list_boxjs li>a { display:flex; align-items:center; border-radius:12px; border:rgba(255, 255, 255, .4)1px solid; height:26px; padding:0 .12rem; font-size:.12rem; color:#fff; transition:.5s } .list_boxjs li>a img { margin:0 0 0 .14rem } .list_boxjs li dl { position:absolute; top:100%; left:0; width:100%; background:rgba(99, 6, 95, .95); border-radius:.12rem; padding:.12rem; transform:scaleY(0); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:.5s; transform-origin:top; box-shadow:0 0 10px rgba(0, 0, 0, .3); text-align:center } .list_boxjs li dl a { display:block; font-size:.12rem; color:rgba(255, 255, 255, .7); line-height:2; transition:.5s } .list_boxjs li:hover dl { transform:scaleY(1); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; transform:scaleY(1) } .list_boxjs li dl a:hover { color:#e2be8f } .showdiv .headder_box { } .headder_box1 .right { width:76% } #m_nav .list_box1 { justify-content:space-between; margin:0 auto .1rem } #m_nav .list_box2 { flex-wrap:wrap; line-height:1.75; justify-content:space-between; margin-bottom:.1rem; width:auto; margin:0 auto .2rem } #m_nav .list_box2 li { padding:0 .1rem; font-size:.15rem } #m_nav .list_box2 .search { display:none } .topl2 { display:none } .bg_s .headder_box::before { height:0 } .bg_s .list_box2 li a img.img1 { display:none } .bg_s .list_box2 li a img.img2 { display:block } .bg_s .headder_box .logo img.img1 { display:none } .bg_s .headder_box .logo img.img2 { display:block } .bg_s .list_box2 li { position:relative } .bg_s .list_box1 li:before { content:""; position:absolute; width:.05rem; height:.05rem; background:rgba(255, 255, 255, .7); border-radius:50%; top:50%; margin-top:-.028rem; left:-.025rem } .bg_s .list_box1 li:first-child:before { display:none } .bg_s .list_box1 .li svg { fill:#08387f } .bg_s .topl2 { display:block } .bg_s .topl1 { display:none } .topl1 #nav { width:100%; padding:0 } .topl1 #nav li { padding:0 .2rem } .topl1 #nav li h3 { } .headder_box .right .topl1 .bottom { margin:0 } .headder_box1 { position:fixed; height:.8rem; transform:translateY(-110%) } .headder_box .logo { height: 100%; position: relative; width: 2.5rem; display: flex; align-items: center; } .headder_box1 .logo img { width:auto } .headder_box1:before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:#08387f; opacity:.9; height:100% } .headder_box1 #openBtn .lcbody { width:.32rem; height:.18rem } .headder_box1 #openBtn .lcbody .lcitem { height:.02rem } .headder_box1 #openBtn .lcbody .bottom { top:calc(100% - .02rem) } .headder_box1 #openBtn .lcbody .center { display:block; top:50%; margin-top:-.01rem } .headder_box1 .miso_btn1 { background:0 0!important } .showdiv .headder_box1 { transform:translateY(0) } #nav { padding-right:.1rem; width:calc(100% - .9rem); height:100% } #nav ul { display:flex; justify-content:space-between; height:100% } #nav ul li { z-index:0; height:100%; position:relative; white-space:nowrap } #nav ul li a { display:flex; padding:0; position:relative; z-index:2; height:100%; align-items:center } #nav ul li h3 { font-size:.18rem; color:#fff; line-height:.65rem; position:relative; transition:.36s; display:inline-block; font-weight:700 } #nav ul li h3:after { content:""; position:absolute; left:50%; top:calc(100% + 2px); transition:.6s; border-left:transparent .75rem solid; border-right:transparent .75rem solid; border-bottom:#fff 1rem solid; margin-left:-.75rem; opacity:0; visibility:hidden } #nav ul li.on1 h3:after { opacity:1; visibility:visible } #nav ul li a i { margin:-3px 0 0 .625rem; display:inline-block; width:10px; height:5px; background:; transition:.5s } #nav ul li.on a i, #nav ul li:hover a i { } #nav ul li a i { display:inline-block; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px } #nav ul li .sub { position:absolute; top:100%; background:#fff; width:auto; left:50%; z-index:10000; transform:translateX(-50%)scaleY(0); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:.5s; transform-origin:top; box-shadow:0 0 10px rgba(0, 0, 0, .3); border-radius:0 0 .08rem .08rem; overflow:hidden } #nav ul li .sub:after { content:''; height:3px; width:100%; position:absolute; left:0; top:0; background:#83ad01 } #nav ul li .sub .box { padding:3px 0 0; text-align:center } #nav ul li .sub a { padding:8px 30px; line-height:28px; transition:.6s; font-size:16px; color:#666; text-align:center; white-space:nowrap; font-family:SourceHanSerifCN-Bold; min-width:160px; justify-content:center } #nav ul li .sub a:hover { color:#fff; background:#08387f } #nav ul li:hover .sub { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; transform:translateX(-50%)scaleY(1) } #nav>ul>li.on h3, #nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3 { opacity:.9 } #nav>ul>li h3:before { content:""; display:block; position:absolute; width:12px; height:12px; right:-1.375rem; top:50%; margin-top:-6px; transition:.3s; display:none } #nav>ul>li.xiala h3:before { display:block } #nav>ul>li:hover h3:after, #nav ul li.on h3:after { transform:scale(1) } #nav>ul>li.noSubMenu h3:before { display:none } .search_btn { cursor:pointer } .list_box0 .li svg { fill:#c00; width:.18rem; height:.18rem } .search-dialog-box { position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000000; opacity:0; visibility:hidden; transition:.6s } .search-dialog-box:before { content:""; position:absolute; top:0; height:0; background:#ce9239; transition:.6s; left:0; right:0; z-index:1; opacity:.9; -webkit-backdrop-filter:blur(15px) } .search-dialog-box.on:before { height:100% } .search-dialog-box .bubbles-bg { opacity:0; visibility:hidden; display:none } .search-dialog-box .search-bg { position:absolute; left:0; top:0; width:100%; height:0; margin:0; background:rgba(0, 0, 0, .7); background-size:cover; background-repeat:no-repeat; transform-origin:center center; transition:height .8s cubic-bezier(.77, 0, .175, 1) } .search-dialog-box .wrap-inner { transform:translateY(100%); transition:.6s } .search-dialog { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:2 } .search-dialog .search-tit { font-size:2.75rem; line-height:3.5rem; color:#fff; text-align:center; overflow:hidden; display:none } .search-dialog .search-inner { overflow:hidden; margin-top:0 } .search-dialog .search-input { width:8rem; margin:0 auto; padding:0; background-color:#fff; box-sizing:border-box; transition:all .3s; max-width:94% } .search-dialog .search-input input[type=text] { float:left; height:.72rem; width:calc(100% - .72rem); background-color:initial; font-size:.2rem; line-height:.08rem; color:#333; transition:all .3s; padding:0 .15rem } .search-dialog .search-input input[type=text]::-webkit-input-placeholder { color:rgba(255, 255, 255, .5) } .search-dialog .search-input input[type=text]:-moz-placeholder { color:rgba(255, 255, 255, .5) } .search-dialog .search-input input[type=text]::-moz-placeholder { color:rgba(255, 255, 255, .5) } .search-dialog .search-input input[type=text]:-ms-input-placeholder { color:rgba(255, 255, 255, .5) } .search-dialog .search-input input[type=submit], .search-dialog .search-input .clear-btn { float:right; height:.72rem; width:.72rem } .search-dialog .search-input input[type=submit] { background-color:initial; background-repeat:no-repeat; background-position:50%; background:#08387f url(../images/search-btn.svg)50% no-repeat; background-size:.3rem } .search-dialog .search-input .clear-btn { background-color:rgba(0, 0, 0, .2); background-repeat:no-repeat; background-position:50%; background-image:url(../images/close-btn.svg); background-size:3.5rem; border-radius:100%; margin-right:1rem; display:none } .search-dialog .search-input.on { background-color:#fff } .search-dialog .search-input.on input[type=submit] { } .search-dialog .hot-search { font-size:0; width:19.5rem; margin:.6rem auto 0; box-sizing:border-box; padding:0 .6rem; overflow:hidden } .search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link { display:inline-block; *display:inline; zoom:1; vertical-align:top } .search-dialog .hot-search .hot-tit { font-size:.375rem; line-height:.5rem; color:#fff; font-weight:700; padding-left:.6rem; background-repeat:no-repeat; background-position:0; background-size:.5rem; background-image: } .search-dialog .hot-link { margin-left:1rem } .search-dialog .hot-link a { display:inline-block; *display:inline; zoom:1; font-size:.375rem; line-height:.5rem; margin-right:.75rem; color:#fff; padding-bottom:5px; position:relative } .search-dialog .hot-link a:before { content:""; position:absolute; left:0%; bottom:0; width:100%; height:2px; background-color:#fff; transform:scaleX(0); transform-origin:left center; transition:transform .3s } .search-dialog-box .bottom-box { position:absolute; left:0; bottom:5.1%; width:100% } .search-dialog-box .bottom-box .share-box { overflow:hidden } .search-dialog-box .bottom-box .copy { font-size:.35rem; line-height:.5rem; color:#fff; font-family:gilroy-regular; margin-top:.5rem; overflow:hidden } .header-right.is-open .bubbles-bg { visibility:visible; opacity:1 } .header-right.is-open .search-btn .con-box { display:none } .header-right.is-open .close-btn { display:block } .header-right.is-open .item .search-bg { transform:scale(1) } .search-dialog-box.on { opacity:1; visibility:visible } .search-dialog-box.on .search-bg { height:100vh } .search-dialog-box.on .bubbles-bg { opacity:1; visibility:visible } .search-dialog-box.on .wrap-inner { transform:translateY(0) } .f-cb h3 { font-size:.3rem; color:#fff; text-align:center; margin-bottom:.3rem } .pub-close { position:absolute; width:.48rem; height:.48rem; z-index:10; right:.24rem; top:.24rem; background-color:rgba(255, 255, 255, .1); border-radius:100% } .pub-close .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#1c5ab7; transform:scale(0); border-radius:100%; transition:transform .3s } .pub-close i { position:absolute; left:0; top:0; width:100%; height:100%; background-position:50%; background-size:.12rem; background-repeat:no-repeat; background-image:url(../images/close-btn.svg); transition:.6s } .pub-close i:hover { transform:rotate(180deg) } @keyframes spin { to { transform:rotate(1turn) } } @keyframes spin2 { to { transform:rotate(-1turn) } } @keyframes spin-reverse { from { transform:rotate(1turn) } } @keyframes spin-reverse2 { from { transform:rotate(-1turn) } } .list_box1 .li { margin-left:.1rem } .list_box1 .li a { display:flex; align-items:center; justify-content:flex-end; border-radius:50%; font-size:12px; color:#fff; transition:.5s; width:.24rem; position:relative; height:24px } .list_box1 .li input { position:absolute; width:104%; height:24px; border-radius:.15rem; top:0; bottom:0; right:0; padding:0 } .list_box1 .li svg { width:.24rem; height:.24rem; fill:#fff; transition:.5s; position:relative; z-index:1; transition:.5s } .list_box1 .li.on a { width:2rem } .list_box1 .li.on input { padding:0 .5rem 0 .1rem; background:#fff; right:-.1rem } .list_box1 .li.on svg { width:.2rem; height:.2rem } .list_box1 .li.on a input { color:#08387f; border:#08387f 1px solid } .tc_search { margin:0 1.3rem; width:calc(100% - 2.6rem); position:absolute; bottom:1rem } .tc_search .header-search { height:40px; border-radius:0; background:rgba(255, 255, 255, .1); position:relative; width:100%; margin-bottom:1rem } .tc_search .focus_js { font-size:.875rem; color:#fff; height:40px; line-height:40px; padding:0 1rem; box-shadow:none; -webkit-appearance:none; border-right:0; background:0 0; width:100% } .tc_search .btn_blue { position:absolute; top:0; right:0; width:40px; height:38px; line-height:38px; border:0 } .tc_search .btn_blue.fr { background:#e9edef; color:#4e4f53 } .tc_search input::-webkit-input-placeholder { color:#fff; color:rgba(255, 255, 255, .7) } .tc_search input::-moz-placeholder { color:#fff; color:rgba(255, 255, 255, .7) } .tc_search input:-moz-placeholder { color:#fff; color:rgba(255, 255, 255, .7) } .tc_search input:-ms-input-placeholder { color:#fff; color:rgba(255, 255, 255, .7) } .tc_search input:focus::-webkit-input-placeholder { color:transparent } .tc_search input:focus:-moz-placeholder { color:transparent } .tc_search input:focus::-moz-placeholder { color:transparent } .tc_search input:focus:-ms-input-placeholder { color:transparent } .miso_btn1 { display:flex; width:.74rem; height:.42rem; background:#08387f; border-radius:.37rem 0 0 .375rem; align-items:center; justify-content:center; cursor:pointer; transition:.5s; padding-right:.1rem } .miso_btn1 .box { display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; width:.45rem; height:.25rem } .miso_btn1 .box span { display:block; width:100%; height:.03rem; background:#fff } .miso_btn1 .box span:nth-child(1), .miso_btn1 .box span:nth-child(3) { width:84% } #openBtn { cursor:pointer; display:inline-block } #openBtn .lcbody { width:.38rem; height:.19rem; position:relative; display:flex; justify-content:flex-start } #openBtn .lcbody .lcitem { width:100%; height:1.5px; position:absolute; transition:transform .36s ease; right:0 } #openBtn .lcbody .lcitem:nth-child(1), #openBtn .lcbody .lcitem:nth-child(3) { width:84% } #openBtn .lcbody .lcitem div { position:absolute; width:100%; height:100%; top:0; left:auto; right:0; background:#fff } #openBtn .lcbody .top { top:0 } #openBtn .lcbody .center { display:block; top:50%; margin-top:-.015rem } #openBtn .lcbody .bottom { top:calc(100% - .03rem) } #openBtn .lcbody:hover .lcitem.top .rect { animation:move .4s ease-in-out 1 } #openBtn .lcbody:hover .lcitem.center .rect { animation:move .4s ease-in-out .1s 1 } #openBtn .lcbody:hover .lcitem.bottom .rect { animation:move .4s ease-in-out .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% } } .n_header #openBtn .lcbody .lcitem div { background:#fff } body.fixed { overflow:hidden } .slide_down_nav { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; visibility:hidden } .slide_down_nav .slide_down_nav_bg { position:fixed; right:0; top:0; height:0; left:0; background:#fff; background:#fff url(../images/slide_down_nav_bg.jpg)50% no-repeat; background-size:cover; transition:.9s cubic-bezier(.165, .84, .44, 1).2s } .slide_down_nav .slide_down_nav_bg.on { height:100% } .slide_down_nav_line_shuxian { position:absolute; left:0; margin-left:-.5px; bottom:0; width:1px; height:0; background:rgba(0, 0, 0, .15); opacity:1; transition:.6s } .slide_down_nav_line_shuxian.on { height:100%; transition-delay:1s } .slide_down_nav .slide_down_nav_content { position:relative; z-index:10; transition:.6s; height:100%; opacity:0; padding:1rem 0 0 } .slide_down_nav.on { visibility:visible } .slide_down_nav .slide_down_nav_content.on { transition:.6s; opacity:1 } .w1256 { max-width:94%; padding:0; margin:.9rem auto 0; height:100%; display:flex } @media(max-width:1440px) { .w1256 { margin:.4rem auto 0; } } .miso_wzmap { display:flex; flex-wrap:wrap; margin:0 -.2rem } .miso_wzmap li { padding:.25rem .1rem; transform:translateY(.5rem); transition:.5s; opacity:0; flex:1; width:12.5%\0; text-align:center } .miso_wzmap li:nth-child(1) { transition-delay:.1s } .miso_wzmap li:nth-child(2) { transition-delay:.2s } .miso_wzmap li:nth-child(3) { transition-delay:.3s } .miso_wzmap li:nth-child(4) { transition-delay:.4s } .miso_wzmap li:nth-child(5) { transition-delay:.5s } .miso_wzmap li:nth-child(6) { transition-delay:.6s } .miso_wzmap li:nth-child(7) { transition-delay:.7s } .miso_wzmap li:nth-child(8) { transition-delay:.8s } .miso_wzmap li:nth-child(9) { transition-delay:.9s } .miso_wzmap li h3 a { font-size:.22rem; color:#fff; position:relative; display:block; padding:0 0 .18rem; margin-bottom:.16rem; font-weight:700 } .miso_wzmap li h3 a:before { content:""; position:absolute; left:50%; bottom:0; width:0; height:1px; background:#fff; transition:1.2s 1.2s; transform:translateX(-50%) } .miso_wzmap li dl { display:flex; flex-wrap:wrap; margin:0 -.25rem } .miso_wzmap li dl dd { width:100%; padding:0 .25rem } .miso_wzmap li dl dd a { font-size:.17rem; color:#fff; line-height:.36rem; display:block; transition:.5s } .slide_down_nav_content.on .miso_wzmap li { transform:translateY(0); opacity:1 } .slide_down_nav_content.on .miso_wzmap li h3 a:before { width:.3rem } .banner { height:100vh; position:relative } .main-visual-wrapper { width:100%; overflow:hidden; position:relative } .main-visual-slider { overflow:hidden; width:100vw; height:100vh; position:relative } .main-visual-slider .swiper-slide { overflow:hidden; color:#fff } .main-visual-slider .overlay { position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; opacity:1; background:-moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, #000 100%); background:-webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, #000 100%); background:linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, #000 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0); transition:all 2.5s ease } .main-visual-slider .swiper-slide-duplicate-active .overlay, .main-visual-slider .swiper-slide-active .overlay { opacity:.7 } .main-visual-slider .swiper-slide .visual-img { position:absolute; top:0; left:0; bottom:0; right:0; width:1649px; height:100%; width:100% } .main-visual-slider .swiper-slide .visual-img a { display:block; width:100%; height:100% } .main-visual-slider .swiper-slide .visual-img img, .main-visual-slider .swiper-slide .visual-img video { width:100%; height:100%; object-fit:cover; } .main-visual-slider .swiper-container { width:100%; height:100%; position:relative; left:0; top:0 } .main-visual-slider .slide-inner { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-size:cover; background-position:50%; display:flex; justify-content:center; align-items:center; text-align:left } .banner .slide-banner .swiper-slide .bat { position:absolute; height:.7rem; top:50%; transform:translateY(-50%); z-index:3 } .banner .slide-banner .swiper-slide .bat1 { right:110% } .banner .slide-banner .swiper-slide .bat2 { left:110% } @media screen and (max-width:1200px) { .banner .slide-banner .swiper-slide .bat { height:.3rem } } .main-visual-slider .swiper-slide .visual-img .txt { position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:flex-end; padding:0 0 .3rem 50px; z-index:1 } .main-visual-slider .swiper-slide .visual-img .txt::after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/hei_bg.png)50% 100% no-repeat; background-size:100% 1.4rem; z-index:-1 } .main-visual-slider .swiper-slide .visual-img .txt h3 { font-size:.26rem; color:#fff; width:auto; line-height:1.375; text-shadow:0 0 .3rem rgba(0, 0, 0, .6) } .main-visual-slider .swiper-pagination-bullet { width:.42rem; height:.42rem; background:0 0; opacity:1; margin:0!important; transition:.5s; position:relative } .main-visual-slider .swiper-pagination-bullet:before { content:""; position:absolute; width:.13rem; height:.13rem; background:rgba(255, 255, 255, .7); border-radius:50%; transition:.5s; top:50%; left:50%; margin:-.065rem 0 0 -.065rem } .main-visual-slider .swiper-pagination-bullet:after { content:""; position:absolute; width:.31rem; height:.31rem; background:url(../images/banner_dots_on.png)50% no-repeat; transition:.5s; left:50%; top:50%; margin:-.155rem; opacity:0; background-size:100%; transform:scale(0) } .main-visual-slider .swiper-pagination { padding:0; width:100%; display:flex; justify-content:flex-end; position:relative } .main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:before { opacity:0 } .main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity:1; transform:scale(1) } .main-visual-slider .swiper-pagination_box { position:absolute; bottom:.25rem; padding-right:.86rem; right:0; display:flex; align-items:center; z-index:1 } .miso_scorll { position: absolute; bottom: .26rem; z-index: 100; left: 50%; transform: translateX(-50%); text-align: center; } .miso_scorll .ico img{ display: block; width: .6rem; } .miso_scorll .ico { animation: index_tips_scroll 2s linear infinite; } @keyframes index_tips_scroll { 0% { cy: 4; opacity: 0; transform: translateY(0); } 45%,55% { opacity: 1; cy: 9; transform: translateY(4px); } to { cy: 14; opacity: 0; transform: translateY(0); } } .b_m { position:relative; z-index:1; margin-left:.2rem } .b_m:before { content:""; position:absolute; left:0; width:2px; height:.2rem; background:#ffff; opacity:.5; top:50%; margin-top:-.1rem } .b_m h6 { display:flex; align-items:center; padding:0 0 0 .25rem } .b_m h6 { font-size:.14rem; color:#fff; white-space:nowrap } .b_m h6 svg { width:.3rem; height:.3rem; fill:#fff; transform:rotateX(180deg); margin:0 0 0 .1rem; transition:.5s } .miso-arrow1_b .miso-arrow1 { position:absolute; left:0; right:0; z-index:10 } .miso-arrow1_b * { transition:all .5s ease 0s } .miso-arrow1_b .wp { display:flex; align-items:center; justify-content:flex-end } .miso-arrow1_b .miso-arrow1 { width:.27rem; height:.57rem; border-radius:50%; display:flex; justify-content:center; align-items:center; cursor:pointer; overflow:hidden; top:50%; margin-top:-.28rem } .miso-arrow1_b .miso-arrow1 img { width:100%; height:100%; opacity:.5 } .miso-arrow1_b .miso-arrow1.miso-prev1 { left:1.2rem } .miso-arrow1_b .miso-arrow1.miso-next1 { right:1.2rem; left:auto } .miso-arrow1_b .miso-arrow1:hover img { opacity:1 } .miso-arrow1_b .miso-prev1:hover .img2 { transform:translate(-50%, -50%)scale(1); opacity:1 } .miso-arrow1_b .miso-prev1:hover .img1 { transform:translate(calc(-50% - 100%), -50%)scale(0); opacity:0 } .miso-arrow1_b .miso-next1:hover .img2 { transform:translate(-50%, -50%)scale(1); opacity:1 } .miso-arrow1_b .miso-next1:hover .img1 { transform:translate(calc(-50% + 100%), -50%)scale(0); opacity:0 } .compensate-for-scrollbar { margin-right:0!important } .fancybox-iframe, .fancybox-video { object-fit:cover } .cursor, .cursor::after { user-select:none; pointer-events:none; mix-blend-mode:difference } .cursor { width:.8rem; height:.8rem; position:absolute; left:0; top:0; pointer-events:none; z-index:120; visibility:hidden; pointer-events:none; cursor:none; text-align:center; border-radius:50%; font-size:.14rem } .cursor .drag { opacity:0; visibility:hidden; transition:.3s } .cursor.drag .drag { opacity:1; visibility:visible } .cursor.drag:before { display:none } .cursor.drag { mix-blend-mode:normal; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); width:.8rem; height:.8rem; line-height:.8rem; background:rgba(255, 255, 255, .4) } .cursor:before { content:''; display:block; width:.5rem; height:.5rem; background:#fff; border-radius:50%; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)scale(1); transition:all .4s cubic-bezier(.3, 1.83, .49, .88); display:none\0 } .banner_box1 { height:100vh; position:relative; overflow:hidden } banner_box1s { overflow:hidden } .banner { overflow:hidden; position:fixed; overflow:hidden; top:0; left:0; width:100vw; height:100vh; z-index:0 } .banner .pubSvg { position:absolute; height:70vh; left:50%; transform:translateX(-50%)translateY(-50%); top:56%; z-index:5; pointer-events:none; max-height:70vh } .banner .pubSvg svg { height:100%; max-width:100%; display:flex; justify-content:center } .banner .pubSvg svg:last-child { position:absolute; top:0; right:0; bottom:0; left:0 } .banner .scSvg { position:absolute; right:0; width:calc((100vw - 16rem)/2 + 16rem); bottom:-2.3rem; z-index:6 } .banner .scSvg img { width:100% } .banner .scDown { position:absolute; bottom:.2rem; z-index:10; left:50%; transform:translateX(-50%); color:#fff; font-size:.14rem } .banner .scDown i { display:block; width:23px; height:33px; animation:up 1.5s linear infinite } .banner .cls-0 { opacity:.2 } .banner .cls-1 { fill:none; stroke:#fff } .banner .cls-1, .banner .cls-2 { fill-rule:evenodd } .banner .cls-2, .banner .cls-3 { fill:#fff } .banner .cls-3, .banner .cls-5, .banner .cls-6, .banner .cls-7 { stroke:#fff } .banner .cls-6 { stroke-miterlimit:10 } .banner .cls-7, .banner .cls-loop { stroke-width:4px } .banner .cls-loop { stroke:#fff; fill:none } .banner .swiper-slide-active .cls-0 { opacity:.4; transition:all 1s linear 6s } .m_header_box { transition:.6s; display:none; height:.75rem; position:relative; z-index:100000 } .m_header_box header { padding:0 0 0 15px; height:.75rem; background:#08387f; box-shadow:0 3px 5px rgba(0, 0, 0, 5%); background-size:cover; position:fixed; top:0; left:0; right:0; z-index:100; display:flex; justify-content:space-between; align-items:center } .m_header_box header #logo img { height:.7rem } .m_header_box header #logo { padding:0; width:100% } .m_header_box .list_box1 { margin-right:.4rem } .m_header_box .list_box1 .li a { border-radius:0; width:28px; height:20px; font-size:10px } #nav_btn_box.on { background:0 0 } #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { } #nav_btn_box { position:relative; width:.85rem; height:.75rem; display:flex; align-items:center; justify-content:center; z-index:1; min-width:.85rem } #nav_btn_box:before { content:""; position:absolute; z-index:-1; top:0; right:0; bottom:0; left:0; background:#83ad01 } #nav_btn_box:after { content:""; position:absolute; z-index:-1; top:0; left:-6px; border-right:#83ad01 7px solid; border-bottom:transparent .75rem solid } #nav_btn { cursor:pointer; text-align:center; z-index:99999; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; outline:none; box-shadow:none } #nav_btn .point { display:inline-block; width:.34rem; height:18px; position:relative; outline:none } #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width:100% } #nav_btn .navbtn { position:absolute; top:50%; left:0; display:inline-block; width:100%; height:2px; -webkit-transition:all .3s ease-out 0s; -moz-transition:all .3s ease-out 0s; -ms-transition:all .3s ease-out 0s; -o-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s; background:#fff; margin-top:-1px } #nav_btn .navbtn::after, #nav_btn .navbtn::before { position:absolute; left:0; display:inline-block; width:100%; height:2px; content:''; -webkit-transition:all .3s ease-out 0s; -moz-transition:all .3s ease-out 0s; -ms-transition:all .3s ease-out 0s; -o-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s; background:#fff } #nav_btn .navbtn::after { top:-8px } #nav_btn .navbtn::before { top:8px } #nav_btn .point.on .navbtn { background:0 0 } #nav_btn .point.on .navbtn::after { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); top:0 } #nav_btn .point.on .navbtn::before { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); top:0 } .m_nav_list { flex-direction:column; width:100%; height:100%; overflow:auto; align-items:center; display:flex; background:rgba(255, 255, 255, .1) } .m_nav_list::-webkit-scrollbar { display:none } #m_nav { z-index:99999; position:fixed; width:100%; height:100vh; right:-105vw; top:0; display:none; padding:70px 20px 20px; overflow:hidden; pointer-events:none; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; display:block; align-items:flex-start; background:#08387f; background-size:cover; opacity:0; visibility:hidden; -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); background-image:-moz-linear-gradient( 0, #1054b8 0%, #08387f 100%); background-image:-webkit-linear-gradient( 0, #1054b8 0%, #08387f 100%); background-image:-ms-linear-gradient( 0, #1054b8 0%, #08387f 100%); overflow:hidden; overflow-y:scroll } #m_nav .close { position:absolute; top:7px; right:15px; left:15px; font-size:30px; color:#333; z-index:10000; width:auto; height:35px; border-radius:0; display:flex; align-items:center; justify-content:flex-end; padding:0 } #m_nav.act { pointer-events:auto; right:0; opacity:1; visibility:visible } #m_nav .search_box input.submit { background:#0656b7 url(../images/submit.svg)50% no-repeat; background-size:1.75rem } #m_nav .old_rukou { margin:.24rem 0 0; width:100% } .list_box_nav_mobile { width:100%; padding:0; overflow:hidden; overflow-y:scroll; margin:0; margin-bottom:.2rem } .list_box_nav_mobile>li { width:100%; overflow:hidden; padding:0; position:relative; margin:0 auto } .list_box_nav_mobile>li .con { position:relative } .list_box_nav_mobile>li .a { width:100%; border-bottom:1px solid rgba(255, 255, 255, .15); line-height:.56rem; color:rgba(255, 255, 255, .8); padding:0; font-size:.2rem; display:flex; position:relative; transition:.5s } .list_box_nav_mobile>li i { opacity:1; filter:alpha(opacity=100); display:inline-block; width:.64rem; height:.64rem; display:inline-block; background:url(../images/arrow_down.svg)50% no-repeat; background-size:15px 15px!important; position:absolute; display:block; right:0; top:0 } .list_box_nav_mobile>li.on1 i { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg) } .list_box_nav_mobile>li.on .a { color:#fff } .list_box_nav_mobile>li .list { padding:10px 0; border-bottom:1px solid rgba(255, 255, 255, .1); display:none } .list_box_nav_mobile>li .list a { display:block; font-size:15px; color:rgba(255, 255, 255, .6); line-height:2.5; border:none } .nav_mask { position:fixed; top:0; left:0; width:100%; height:100%; z-index:888; background-color:rgba(0, 0, 0, .4); display:none } .wap_search { font-size:16px; border-radius:5px; color:#fff; text-align:center; letter-spacing:2px; overflow:hidden; width:100%; height:60px; display:block } .wap_search .header-search { height:40px; border-radius:0; background:#fff; position:relative; width:100%; margin:10px auto } .wap_search .input { font-size:14px; color:#646464; height:40px; line-height:40px; padding:0 .24rem; box-shadow:none; -webkit-appearance:none; float:left; border-right:0; background:0 0; width:calc(100% - 40px) } .wap_search .btn_blue { position:absolute; cursor:pointer; top:0; right:0; width:40px; height:40px; line-height:40px; border:0; background:url(../images/submit.svg)50% no-repeat #83ad01; background-size:.24rem; border-radius:0 } .wap_search .btn_blue.fr { background:#e9edef; color:#4e4f53 } .wap_search input::-webkit-input-placeholder { color:#999 } .wap_search input::-moz-placeholder { color:#999 } .wap_search input:-moz-placeholder { color:#999 } .wap_search input:-ms-input-placeholder { color:#999 } .wap_search input:focus::-webkit-input-placeholder { color:transparent } .wap_search input:focus:-moz-placeholder { color:transparent } .wap_search input:focus::-moz-placeholder { color:transparent } .wap_search input:focus:-ms-input-placeholder { color:transparent } .new_title { text-align: center; margin-bottom: 0.5rem; margin-top:0.2rem; position:relative; } .new_title .h { font-size: 0.36rem; line-height: 1.2; color: #333; font-weight:bold; position:relative; display: inline-block; } .new_title .h:before { position: absolute; content: ''; top: 50%; left: -2.2rem; transform: translateY(-50%); width: 2.0rem; height: 0.50rem; background: url(../images/tit-l.png) no-repeat 50%; background-size: 2.0rem 0.50rem; } .new_title .h:after { position: absolute; content: ''; top: 50%; right: -2.2rem; transform: translateY(-50%); width: 2.0rem; height: 0.50rem; background: url(../images/tit-r.png) no-repeat 50%; background-size: 2.0rem 0.50rem; } .new_title_1 { text-align: center; margin-bottom: 0.5rem; margin-top:0.2rem; position:relative; } .new_title_1 .h { font-size: 0.36rem; line-height: 1.2; color: #fff; font-weight:bold; position:relative; display: inline-block; } .new_title_1 .h:before { position: absolute; content: ''; top: 50%; left: -2.2rem; transform: translateY(-50%); width: 2.0rem; height: 0.50rem; background: url(../images/tit-ll.png) no-repeat 50%; background-size: 2.0rem 0.50rem; } .new_title_1 .h:after { position: absolute; content: ''; top: 50%; right: -2.2rem; transform: translateY(-50%); width: 2.0rem; height: 0.50rem; background: url(../images/tit-rr.png) no-repeat 50%; background-size: 2.0rem 0.50rem; } .new_title_2 { margin-bottom: 0.5rem; margin-top:0.2rem; position:relative; } .new_title_2 .h { font-size: 0.36rem; line-height: 1.2; color: #333; font-weight:bold; position:relative; display: inline-block; margin-left: 0.5rem; } .new_title_2 .h:before { position: absolute; content: ''; top: 50%; left: -0.64rem; transform: translateY(-50%); width: 0.48rem; height: 0.50rem; background: url(../images/tit-l-0.png) no-repeat 50%; background-size: 0.48rem 0.50rem; } .new_title_2 .h:after { position: absolute; content: ''; top: 50%; right: -2.2rem; transform: translateY(-50%); width: 2.0rem; height: 0.50rem; background: url(../images/tit-r.png) no-repeat 50%; background-size: 2.0rem 0.50rem; } .new_title_3 { text-align: center; margin-bottom: 0.5rem; margin-top:0.2rem; position:relative; } .new_title_3 .h { font-size: 0.36rem; line-height: 1.2; color: #333; font-weight:bold; position:relative; display: inline-block; } .new_title_3 .h:before { position: absolute; content: ''; top: 50%; left: -2.2rem; transform: translateY(-50%); width: 2.0rem; height: 0.50rem; background: url(../images/tit-l-1.png) no-repeat 50%; background-size: 2.0rem 0.50rem; } .new_title_3 .h:after { position: absolute; content: ''; top: 50%; right: -2.2rem; transform: translateY(-50%); width:2.0rem; height: 0.50rem; background: url(../images/tit-r-1.png) no-repeat 50%; background-size: 2.0rem 0.50rem; } .new_title .more { position: absolute; right: 0; top: 15%; } .new_title .more .a { font-size: .15rem; color: #08387f; display: flex; align-items: center; transition: .5s; cursor: pointer } .new_title .more .a .ico { width: 63px; height: 35px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2 } .new_title .more .a .ico img { width:40%; } .new_title .more .a .ico:before { content: ""; position: absolute; width: 35px; height: 35px; background: #08387f; border-radius: 50%; z-index: -1; transition: .5s; left: 50%; top: 0; bottom: 0; transform: rotateX(0)translateX(-50%) } .new_title .more .a .ico:after { content: ""; position: absolute; width: 35px; height: 35px; background: #83ad01; border-radius: 50%; z-index: -1; left: 50%; transition: .5s; transform: rotateX(90deg)translateX(-50%); opacity: 0 } .new_title .more .a:hover .ico:before { transform: rotateX(-90deg) translateX(-50%); opacity:0 } .new_title .more .a:hover .ico:after { transform: rotateX(0deg) translateX(-50%); opacity:1 } .new_title .more .a:hover { color:#83ad01; } .new_title_2 .more { position: absolute; right: 0; top: 15%; } .new_title_2 .more .a { font-size: .15rem; color: #08387f; display: flex; align-items: center; transition: .5s; cursor: pointer } .new_title_2 .more .a .ico { width: 63px; height: 35px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2 } .new_title_2 .more .a .ico img { width:40%; } .new_title_2 .more .a .ico:before { content: ""; position: absolute; width: 35px; height: 35px; background: #08387f; border-radius: 50%; z-index: -1; transition: .5s; left: 50%; top: 0; bottom: 0; transform: rotateX(0)translateX(-50%) } .new_title_2 .more .a .ico:after { content: ""; position: absolute; width: 35px; height: 35px; background: #83ad01; border-radius: 50%; z-index: -1; left: 50%; transition: .5s; transform: rotateX(90deg)translateX(-50%); opacity: 0 } .new_title_2 .more .a:hover .ico:before { transform: rotateX(-90deg) translateX(-50%); opacity:0 } .new_title_2 .more .a:hover .ico:after { transform: rotateX(0deg) translateX(-50%); opacity:1 } .new_title_2 .more .a:hover { color:#83ad01; } .new_title_3 .more { position: absolute; right: 0; top: 15%; } .new_title_3 .more .a { font-size: .15rem; color: #08387f; display: flex; align-items: center; transition: .5s; cursor: pointer } .new_title_3 .more .a .ico { width: 63px; height: 35px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2 } .new_title_3 .more .a .ico img { width:40%; } .new_title_3 .more .a .ico:before { content: ""; position: absolute; width: 35px; height: 35px; background: #08387f; border-radius: 50%; z-index: -1; transition: .5s; left: 50%; top: 0; bottom: 0; transform: rotateX(0)translateX(-50%) } .new_title_3 .more .a .ico:after { content: ""; position: absolute; width: 35px; height: 35px; background: #83ad01; border-radius: 50%; z-index: -1; left: 50%; transition: .5s; transform: rotateX(90deg)translateX(-50%); opacity: 0 } .new_title_3 .more .a:hover .ico:before { transform: rotateX(-90deg) translateX(-50%); opacity:0 } .new_title_3 .more .a:hover .ico:after { transform: rotateX(0deg) translateX(-50%); opacity:1 } .new_title_3 .more .a:hover { color:#83ad01; } @media screen and (max-width: 768px) { .new_title .h { font-size:28px } } .main1 { background:url(../images/main1_bg2.png) #fff no-repeat center top; position:relative; padding:0.5rem 0 0.5rem 0; } .main1 .mod { display: flex; align-items: flex-end; } .main1 .l { float: left; width: 75%; display: flex; flex-direction: row-reverse; align-items: flex-end; } .main1 .r { float: right; width: 25%; } .main1 .more_bt { width: 156px; background: #08387f; line-height: 44px; color: #fff; font-size: 16px; border-radius: 22px; text-align: center; display: block; margin: 36px auto 0; } .post-110 { float: right; width: 66.66%; overflow: hidden;/* height: 5.6rem; */ } .post-111 { float: left; width: 33.33%; } .post-side { background: #fff; padding:0 0;/* margin-top: 1rem; */ } .post-side li.news { padding: 0rem 0.3rem; transition: all 0.4s ease-in-out; } .post-side li.news:hover { background: #08387f; } .post-side li.news:hover .news_title, .post-side li.news:hover .time, .post-side li.news:hover .news_title a { color: #fff; } .post-side li.news:hover .time { background: url(../images/date-hover.png) left center no-repeat; } .post-side li.news .news_box { padding: 0.45rem 0; border-bottom: 1px solid rgba(205, 211, 222, 0.8); } .post-side li.news:last-child .news_box { border: 0; } .post-side li.news .imgs { float: left; width: 1.23rem; height: 0.84rem; position: relative; } .post-side li.news .imgs img { width: 100%; height: 100%; transition: all 1s; } .post-side li.news .wz { margin-left: 1.38rem; } .post-side li.news .time { padding-left:0.2rem; background: url(../images/date.png) left center no-repeat; background-size: 0.14rem 0.14rem; line-height: 0.21rem; font-size:0.15rem; color: #08387f; margin-bottom: 0.11rem; } .post-side li.news .news_title { font-size: 0.16rem; line-height: 0.25rem; color: #000000; height: 0.5rem; } #img-slider { height: 380px; } #img-slider .slide { width: 100%; background: #fff; position: absolute; } #img-slider .slide .img { margin: 10px auto; border: none; } #img-slider .img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0 rgba(204, 205, 206, 5); -moz-box-shadow: 0 1px 0 rgba(204, 205, 206, 5); -ms-box-shadow: 0 1px 0 rgba(204, 205, 206, 5); /* box-shadow: 0 1px 0 rgba(204,205,206,5); */ border: 0px solid #edeeee; background-color: #fff; width: 550px; height: 415px; position: relative; } #img-slider .img img { display: block; width: 100%; } #img-slider .img .label { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background: #10af8b; padding: 2.5% 0; position: absolute; bottom: 0; left: 0; right: 0; font-weight: 400; text-align: center; color: #fff; font-size: 150%; } #img-slider .img:first-child { display: block; } .switcher-wrap { position: relative; } .switcher-wrap.slider #img-slider .img { /* -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.4); */ -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); /* box-shadow: 0 4px 20px rgba(0,0,0,0.4); */ border-color: #fff; } .list-img { position: relative; height: 420px; } .list-wz { background: rgb(255 255 255 / 50%); position: relative; padding: 0.3rem 0.2rem 0.2rem; box-sizing: border-box; text-align: center; } .list-wz .news { display: none; transition: 0.4s; } .list-wz .news.show { display: block; } .list-wz .news:first-child { display: block; } .list-wz .news .news_title { font-size: 0.22rem; line-height: 0.28rem; color:#000000; font-weight: bold; margin-bottom: 0.2rem; } .list-wz .news .news_text { font-size: 0.18rem; line-height: 0.28rem; height:0.56rem; color:#7A7A7A; } .switcher-wrap.slider #img-slider .wz { display: none; position: absolute; bottom: 0; transform: translateY(100%); width: 100%; } .switcher-wrap.slider #img-slider .imgs {/* position: absolute; */ top:0; left:0; width: 100%; height: 100%; background: #ebebeb; } .switcher-wrap.slider #img-slider .imgs img { width: 100%; height: 100%; transition: all 1s; } /* .switcher-wrap.slider #img-slider .roundabout-in-focus .wz{display: block;} */ .switcher-wrap a.next, .switcher-wrap a.prev { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px; bottom: 0; left: 0; background: url(sprites.png) no-repeat 16px 12px; z-index: 1000; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; } .switcher-wrap a.next:hover, .switcher-wrap a.prev:hover { background-color: rgba(16, 175, 139, 0.1); } .switcher-wrap a.prev { right: 0; left: auto; background-position: -63px 12px; } .switcher-wrap ul.switcher { text-align: center; position: absolute; left: 0; right: 0; bottom: 0; z-index: 333; background: #08387f; height: 0.5rem; display: flex; justify-content: center; align-items: center; } .switcher-wrap ul.switcher li { display: inline-block; padding: 2px; /* border: 1px solid #10af8b; */ border-radius: 10px; margin: 0 4px; width: 20px; height: 5px; background: #fff; cursor: pointer; } .switcher-wrap ul.switcher li.active { background: #83ad01; width: 40px; } .switcher-wrap ul.switcher li:last-child { margin-right: 0; } .news:hover .imgs img { transform: scale(1.1); } .jx_jg_font { position:relative; height: 100%; overflow: hidden; margin-top:1%; padding:50px 1.5% 36px 1.5%; } .jx_jg_font ul li { width:14.16%; float:left; text-align:center; margin-right:3%; box-sizing: border-box; background: url(../images/hua.png) #fff no-repeat top right; box-shadow: 0px 2px 26px 0px rgba(9, 2, 4, 0.2); } .jx_jg_font ul li:last-child { margin-right:0; } .jx_jg_font ul li .font { padding:30px 0 15px 0; box-sizing: border-box; } .jx_jg_font ul li span { line-height:52px; font-size:.18rem; text-align:center; } .jx_jg_font ul li .font:hover { cursor:pointer; transition:0.3s; } .jx_jg_font ul li .font:hover span { color:#08387f!important; font-weight:bold; } .jx_jg_font ul li .font .icon { width:66px; height:66px; display:block; margin:0 auto; transition: all 0.2s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .jx_jg_font ul li .font:hover .icon { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } .main2 { position: relative; height:100%; overflow:hidden; background: #fff url(../images/main2_bg.jpg) center top no-repeat; background-size: cover; padding: 0.5rem 0 0.5rem 0; position: relative; z-index: 1 } .list5w { padding: 0 .5rem; position: relative; z-index: 1; } .list5w .swiper-container { padding: .2rem; margin: -.2rem; } .list5w::before { content: ""; position: absolute; width: 100vw; left: 50%; transform: translateX(-50%); height: 3px; background: url(../images/list5w_bg.png) center center no-repeat; top: 1.22rem; margin-top: -1.5px; } .list5 li * { transition: .5s } .list5 li a { display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 1; height: 2.1rem; padding: 0 .24rem; } .list5 li a::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 0; z-index: -1; } .list5 li a::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; } .list5 li a h6 { font-size: .14rem; color: #333; } .list5 li a h6 font { font-size: 0.17rem; display: block; margin: .1rem 0; } .list5 li a .dots { margin: .18rem 0 .2rem; padding: 0 0 0 .3rem; } .list5 li a .dots .dot { width: .2rem; height: .2rem; border: #ab1a26 1px solid; border-radius: 50%; position: relative; z-index: 1; opacity:0; transform: scale(0) } .list5 li a .dots .dot:before { content:""; position: absolute; width: .08rem; height: .08rem; background: #ab1a26; border-radius: 50%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) } .list5 li a h5 { font-size: .18rem; color: #333333; line-height: .28rem; height: .56rem; font-weight: bold; margin: 0; transition: .5s; } /*.list5 li a:hover::before{ height: 100%; background: #fff; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);} .list5 li a:hover .dots .dot{ transform: scale(1); opacity: 1;} .list5 li a:hover h5{ color: #b60408;} .list5 li a:hover::after{width: 100%;left: 0;background: #b60408;}*/ .miso-arrow1_box .miso-arrow1 { position: absolute; top: 1.08rem; cursor: pointer; z-index: 10; } .miso-arrow1_box .miso-arrow1 svg { width: .34rem; height: .34rem; fill: #b0b0b0; transition: .5s } .miso-arrow1_box .miso-arrow1_prev { left: 0.1rem } .miso-arrow1_box .miso-arrow1_next { right: 0.1rem } .container02 { padding-top: .93rem; padding-bottom: 1.01rem; background:#fff; height:100%; overflow:hidden; background:#fff url(../images/main2_bg.jpg) center bottom no-repeat; background-size: 100% 100%; position: relative; z-index: 10; position:relative; } .container02 .aleft { width: 48.33%; padding-bottom: .19rem; background: #08387f; border-radius: 0 0 0 .5rem; } .container02 .aleft .con { padding: .34rem .25rem .27rem .35rem; background: #fff url(../images/s2-img02.jpg) no-repeat bottom center; background-size: 100% 100%; border-radius: 0 0 0 .5rem; box-shadow: 0 0 10px rgba(51, 51, 51, 0.2); overflow: hidden; } .container02 .aright { width: 48.33%; padding-bottom: 0.19rem; background: #08387f; border-radius: 0 0 0.5rem 0; } .container02 .aright .con { padding: 0.34rem 0.25rem 0.27rem 0.35rem; background: url("../images/s2-img11.jpg") #fff no-repeat bottom center; background-size: 100% 100%; border-radius: 0 0 0.5rem 0; box-shadow: 0 0 10px rgba(51, 51, 51, 0.2); overflow: hidden; } .list03 li { position: relative; } .list03 li a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom:0.2rem; } .list03 li img { display: block; margin-right: 0.07rem; max-height: 0.25rem; } .list03 li a .cover_img { width: 2.44rem; height: 1.53rem; position: relative; overflow: hidden; } .list03 li a .cover_img .a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: 50%!important; background-repeat: no-repeat!important; background-size: cover!important; transition: all 0.3s ease-in; border-radius: 5px; } .list03 li a .txt { width: calc(100% - 2.7rem); } .list03 li a p { font-size: 0.18rem; line-height: .28rem; color: #3a3a3a; transition: .5s; } .list03 li:hover a p { color: #08387f; } .list03 li a time { font-size: .16rem; line-height: .26rem; color: #616161; background: url(../images/date.png) left center no-repeat; background-size: 0.14rem 0.14rem; padding-left: 0.2rem; margin-top:0.1rem; } .list03 li:hover .cover_img .a { transform: scale(1.1); } .list02 li a { padding-top: .18rem; padding-bottom: .18rem; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 3; } .list02 li a time { width: .68rem; text-align: center; } .list02 li a time span { display: block; font-size: .22rem; color: #fff; line-height: .35rem; background: #08387f; transition: .5s; } .list02 li a time em { display: block; font-size: .14rem; color: #8b8b8b; line-height: .35rem; font-family: Arial; background: #e8e8e8; } .list02 li a .txt { width: calc(100% - .85rem); } .list02 li a .txt p { font-size: .18rem; color: #373636; line-height: .22rem; font-weight: 600; transition: .5s; max-height: .44rem; } .list02 li { position: relative; border-top: 1px dashed #dcdcdc; } .list02 li:first-child { border-top: none; } .list02 li:first-child a { padding-top:0; } .list02 li:hover:before { opacity: 1; visibility: visible; } .list02 li:hover a time span { background: #83ad01; } .list02 li:hover a .txt p { color: #08387f; } .main3 { background:#fff; height:100%; overflow:hidden; background:#fff url(../images/main3_bg.png) center bottom no-repeat; background-size: 100% 100%; position: relative; z-index: 10; padding:40px 0 60px 0; } .main3 .content { display: flex; flex-wrap: wrap; align-items: center; } .main3 .content .left { width: 55.78%; } .main3 .content .right { width: calc(100% - 55.78%); padding: 0 0 0 .22rem; margin-top: -0.2rem } .list7 { background: #fff; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.05); } .list3 li a { display: flex; position: relative; } .list3 li a .img .img_hezi { padding-bottom: 62.44% !important; padding-bottom: 5.28rem !important; } .list3 li a .img::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list6_top.png) center bottom no-repeat; background-size: 100% auto; } .list3 li a .con { position: absolute; right: 0; bottom: 0; left: 0;/* height: .76rem; */ display: flex; justify-content: center; padding: 0 .3rem .3rem; flex-direction: column; } .list3 li a .con h5 { font-size: .2rem; color: #fff; max-width: calc(100% - 1rem); } .list3 li a .con h6 { font-size: .14rem; color: #fff; margin-bottom: .13rem; } .list3 li:hover a .con h5 { color: #fff !important; } .list3w { margin-bottom: .2rem; width: 100%; } .list3w .swiper-pagination { position: absolute; right: .26rem; width: auto; left: auto; bottom: .3rem; } .list3w .swiper-pagination span { width: .1rem; height: .1rem; border: #fff 1px solid; background: none; opacity: 1 } .list3w .swiper-pagination span.swiper-pagination-bullet-active { background: #83ad01; border: #83ad01 1px solid } .list7 li * { transition: .5s; } .list7 li a { display: flex; height: 1.7533rem; flex-wrap: wrap; padding: .12rem; border-bottom: #e5e5e5 1px solid; align-items: center; position: relative; z-index: 1; } .list7 li a .img { width: 2.42rem; } .list7 li a .img .img_hezi { padding-bottom: 62.44% !important; padding-bottom: 1.51rem !important; } .list7 li a .con { width: calc(100% - 2.42rem); padding: 0 .3rem; } .list7 li a .con h6 { font-size: .16rem; color: #08387f; margin-bottom: .06rem; } .list7 li a .con h5 { font-size: .18rem; color: #333333; line-height: .3rem; height: .9rem; font-weight: bold; margin: 0; transition: .5s; } .list7 li a .line1 { position: absolute; left:0; top: 0; height:0; width: 1px; background: #08387f; transition: .5s; } .list7 li a .line2 { position: absolute; left:0; bottom: 0; height:1px; width: 0; background: #08387f; transition: .5s; } .list7 li a .line3 { position: absolute; right:0; bottom: 0; height:0; width: 1px; background: #08387f; transition: .5s; } .list7 li a .line4 { position: absolute; right:0; top: 0; height:1px; width: 0; background: #08387f; transition: .5s; } .list7 li a:hover .line1 { height: 100%; transition: .5s .2s; } .list7 li a:hover .line2 { width: 100%; transition: .5s .2s; } .list7 li a:hover .line3 { height: 100%; transition: .5s .2s; } .list7 li a:hover .line4 { width: 100%; transition: .5s .2s; } .list7 li a:hover { box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1); } .list7 li a:hover .con h5 { color: #08387f; } .list7 li:last-child a { border: none } .img_zd { position: relative; width: 100% } .photoActives, .photoActives1 { position: relative; overflow: hidden; } .bg-mask .pic { overflow: hidden; } .dslide .bg-mask .pic .a { background-repeat: no-repeat; background-position: center top; /* background-size: cover; */ height: 100%; display: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; background-size: 100% 100%; background-color: #000; } .bg-mask .pic .a { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; /* width: 100%; */ display: block; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; } .bg-mask:hover .pic .a { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.2); -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; } .bgimg { background-repeat: no-repeat; background-position: center; background-size: cover; } .ablink { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; background: rgba(255, 255, 255, 0); } .flex { display: flex; justify-content: space-between; flex-wrap: wrap } .flex-left { display: flex; flex-wrap: wrap } .flex-center { display: flex; flex-wrap: wrap; justify-content: center; } .flex-right { display: flex; flex-wrap: wrap; justify-content: flex-end; } .flex-v-center { display: -webkit-flex; display: flex; flex-direction: column; justify-content: center } .flex-v { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; } .flex-v-bottom { display: -webkit-flex; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: left; } .poab { position: absolute } .pore { position: relative } .none { display: none } .homeg { min-height: 4rem; margin: 0 auto; background: #fff url(../images/homeg.jpg) no-repeat right top; background-size: auto 100%; position:relative; overflow:hidden; padding: 0.5rem 0 0.8rem 0; } .homeg .zi1 { margin: 0 auto } .homeg .aleft { width: 62.7%; /*background: url(../images/gbg1.jpg) no-repeat top right;background-size: 100% auto; */ padding-right: .2rem; z-index:99; } .homeg .aleft .con { max-width: 1024px; width: 100% } .homeg .aleft-top { height: 1.7rem; background: url(../images/g1.jpg) no-repeat center; background-size: cover; margin-bottom: .2rem; padding: .35rem 7% } .homeg .aleft-top h4 { text-align: center; color: #fff; font-size: .18rem; font-weight: bold; margin-bottom: .25rem } .homeg .aleft-top ul li { width: 23%; margin: 0 1%; } .homeg .aleft-top ul li a { height: .46rem; width: 100%; line-height: .46rem; color: #fff; padding: 0 10% 0 15%; position: relative; } .homeg .aleft-top ul li .img1 { position: absolute; top: .45rem; left: 28%; z-index: 10; /* display: none; */ opacity: 0; z-index: -5; width: 1.27rem; height: auto; transition: all .8s; -webkit-transition: all .8s; } .homeg .aleft-top ul li .img2 { position: absolute; top: .45rem; left: 49%; z-index: 10; /* display: none; */ opacity: 0; z-index: -5; width: 1.27rem; height: auto; } .homeg .aleft-top ul li .img3 { position: absolute; top: .45rem; left: 71%; z-index: 100; display: none; opacity: 0; z-index: -5; width: 1.26rem; height: 1.21rem; } .homeg .aleft-top ul li .img4 { position: absolute; top: .45rem; left: 92%; z-index: 100; display: none; opacity: 0; z-index: -5; width: 1.26rem; height: 1.21rem; } .homeg .aleft-top ul li a span i img { width: 24px; } .homeg .aleft-top ul li a span i img.wxzs { display: inline; } .homeg .aleft-top ul li a span i img.xzs { display: none; } .homeg .aleft-top ul li:hover a span i img.xzs { display: inline; } .homeg .aleft-top ul li:hover a span i img.wxzs { display: none; } .homeg .aleft-top ul li:hover .img1 { display: block; opacity: 1; transition: all .8s; -webkit-transition: all .8s; z-index: 5; } .homeg .aleft-top ul li:hover .img2 { display: block; opacity: 1; transition: all .8s; -webkit-transition: all .8s; z-index: 5; } .homeg .aleft-top ul li:hover .img3 { display: block; opacity: 1; transition: all .8s; -webkit-transition: all .8s; z-index: 5; } .homeg .aleft-top ul li:hover .img4 { display: block; opacity: 1; transition: all .8s; -webkit-transition: all .8s; z-index: 5; } .homeg .aleft-top ul li a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 0.01rem solid rgba(255, 255, 255, .4); display: block; transition: .1s } .homeg .aleft-top ul li a span i { font-size: .3rem; vertical-align: -.05rem; margin-right: .1rem; } .homeg .aleft-top ul li a .icon-left1 { font-size: .22rem; display: inline-block; } .homeg .aleft-top ul li a i { opacity: .6 } .homeg .aleft-top ul li:hover a { color: #83ad01; } .homeg .aleft-top ul li:hover a:before { border: .03rem solid #83ad01; } .homeg .aleft-top ul li:hover a i { opacity: 1 } .homeg .aleft-top ul li:hover a .icon-left1 { animation: go5 1s ease-out infinite } .homeg .aleft-con ul li .txt { position: absolute; left: 0; bottom: 0; right: 0; z-index: 3; padding: 0 .3rem 0; color: #fff } .homeg .aleft-con ul li .txt .t { padding-left: .1rem } .homeg .aleft-con ul li .txt h4 { margin-bottom: .2rem; margin-top: .05rem } .homeg .aleft-con ul li .sign span { border-bottom: .05rem solid #aaa; min-width: 1.25rem; display: inline-block; font-weight: bold; font-size: .16rem; padding-left: .1rem; padding-bottom: .08rem } .homeg .aleft-con ul li .sign i { font-size: .28rem; font-weight: normal; vertical-align: -.05rem; margin-right: .2rem } .homeg .aleft-con ul li .pic:before { content: ''; opacity: .8; position: absolute; left: 0; bottom: 0; right: 0; height: 55%; background: url(../images/bamask.png) no-repeat top center; background-size: 100% 100%; z-index: 2 } .homeg .aleft-con .ulb li .pic:before { height: 75%; } .homeg .aleft-con .ula li .sign span { border-bottom: .05rem solid #c641ff; } .homeg .aleft-con .ulb li:nth-child(1) .sign span { border-bottom: .05rem solid #01e175; } .homeg .aleft-con .ulb li:nth-child(2) .sign span { border-bottom: .05rem solid #ff5418; } .homeg .aleft-con .ula { width: 44% } .homeg .aleft-con .ula li .pic { height: 4.8rem; position: relative; } .homeg .aleft-con .ulb { width: calc(56% - .2rem) } .homeg .aleft-con .ulb li { height: calc(50% - 0.1rem) } .homeg .aleft-con .ulb li .pic { height: 100%; position: relative; } .homeg .aright { width: 37.3%; /*background: url(../images/gbg2.jpg) no-repeat center; background-size: cover;*/ z-index: 1; } .homeg .aright .con { width: 100%; /*background: url(../images/g2.jpg) no-repeat center; background-size: cover;padding: .5rem .3rem */ height: 100%; } .homeg .aright-top { width: 100%; background: url(../images/arighttop.jpg) no-repeat center top; background-size: cover; /* padding: .6rem .4rem .6rem; */ padding: 0rem .4rem 0rem; display: flex; align-items: center; justify-content: center; height: 2.88rem;/* min-height: 2.88rem; */ } .homeg .aright-top li { height: 1.75rem; background: rgba(8, 56, 127, .43); position: relative; width: 30.6%; margin: 0 1.35%; text-align: center; color: #fff } .homeg .aright-top li i { font-size: .4rem; margin-bottom: .15rem; display: inline-block; font-weight: normal; } .homeg .aright-top li h4 { font-size: .17rem; font-weight: normal; transition: .3s } .homeg .aright-top li:hover i { transform: rotateY(360deg); transition: .7s } .homeg .aright-top li:hover h4 { letter-spacing: .1em; } .homeg .aright-con { width: 100%; background: #013192 url(../images/arightcon.jpg) no-repeat center; background-size: cover; padding: .55rem .7rem .4rem; margin-bottom: .2rem; display: flex; justify-content: space-between; flex-wrap: wrap; min-height: 3.64rem; position:relative; } .homeg .aright-con li { width: 100%; /* width: 1.75rem; */ text-align: center; } .homeg .aright-con li img { margin: 0 auto; width: 1.75rem; height: 2.31rem; } .homeg .aright-con li h4 { position:absolute; bottom:10%; left: 10%; color: #fff; font-size: .18rem; font-weight: bold; } .homeg .aright-con li a { color: #fff; font-size: .18rem; font-weight: bold; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .row-ind2 { position: relative; z-index: 10; margin-top: -0.1rem; } .ind2-bg1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; z-index: -1 } .ind2-flower1 { position: absolute; right: 0; bottom: 0; width: 15.21%; z-index: 2; -webkit-transform: translateY(240px); -ms-transform: translateY(240px); -o-transform: translateY(240px); transform: translateY(240px) } .d-ind2-1 { padding: 68px 0 0; overflow: hidden } .d-ind2-1 .d-title1 { margin-bottom: 46px } .d-numD-swiper1 { height: 600px; position: relative; overflow: hidden } .d-numDUl-1 { height: 100%; position: relative } .d-numDUl-1 li { position: absolute; background: #6f8cb5; border-radius: 50%; width: 1.68rem; height: 1.68rem; text-align: center; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .d-numD-swiper1 .d-numDUl-1 li:nth-child(1) { transition-delay: .4s } .d-numD-swiper1 .d-numDUl-1 li:nth-child(2) { transition-delay: .2s } .d-numD-swiper1 .d-numDUl-1 li:nth-child(3) { transition-delay: .2s } .d-numD-swiper1 .d-numDUl-1 li:nth-child(4) { transition-delay: .4s } .d-numDUl-1 .wrap { display: -webkit-flex; display: flex; align-items: flex-start; border: 1px dashed #adc3e2; border-radius: 50%; width: 1.38rem; height: 1.38rem; margin: 0.15rem auto; } .d-numDUl-1 .img { width: 140px; height: 140px; line-height: 140px; font-size: 0; text-align: center; position: relative; z-index: 1 } .d-numDUl-1 .img:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/d-nD-bg1.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; z-index: -1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .d-numDUl-1 .img img, .d-numDUl-1 .img svg { position: absolute; left: 50%; top: 50%; width: 80%; height: 80%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .d-numDUl-1 .img svg line, .d-numDUl-1 .img svg path, .d-numDUl-1 .img svg polygon, .d-numDUl-1 .img svg polyline { fill: none !important; stroke: #fff !important; stroke-width: 4 !important; stroke-linecap: round !important; stroke-miterlimit: 10 !important } .d-numDUl-1 .text { line-height: 1.1; flex-grow: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .d-numDUl-1 .num { font-size: 38px; color: #fff; font-family: Impact; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .d-numDUl-1 .txt { margin-top: 6px; font-size: 18px; color: rgba(255, 255, 255, .7); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .d-numDUl-1 .i2 { left: 25.57%; top: 0 } .d-numDUl-1 .i1 { left: 12.03%; top: 38.52% } .d-numDUl-1 .i3 { left: 65.99%; top: 0 } .d-numDUl-1 .i4 { left: 79.2%; top: 38.52% } .d-numDUl-1 .wrap:hover .img:before { background-image: url(../images/d-nD-bg2.png) } .d-numDUl-1 .wrap:hover .img svg line, .d-numDUl-1 .wrap:hover .img svg path, .d-numDUl-1 .wrap:hover .img svg polygon, .d-numDUl-1 .wrap:hover .img svg polyline { stroke: #bbe43a !important } .d-numDUl-1 .wrap:hover .num, .d-numDUl-1 .wrap:hover .txt { color: #bbe43a } .d-numD-swiper1:after { content: ''; position: absolute; left: 50%; top: 108%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 58.33vw; height: 58.33vw; border: 2px dashed #6f8cb5; border-radius: 50%; animation: 200s linear infinite ani_turn2 } .d-numD-swiper1 .bigImg { position: absolute; left: 50%; bottom: 0; width: 47.07%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .d-numD-swiper1 .bigImg img { display: block; width: 100% } .d-numD-swiper1 .swiper-slide-active .d-numDUl-1 li { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); opacity: 1 } .d-numD-swiper1 .swiper-next, .d-numD-swiper1 .swiper-prev { position: absolute; bottom: 90px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 21px auto; background-size: 21px auto; cursor: pointer; z-index: 10; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .d-numD-swiper1 .swiper-prev { left: 14.5%; background-image: url(../images/d-prev2.png) } .d-numD-swiper1 .swiper-prev:hover { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px) } .d-numD-swiper1 .swiper-next { right: 17.2%; background-image: url(../images/d-next2.png) } .d-numD-swiper1 .swiper-next:hover { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px) } .d-numD-swiper1 .swiper-next.swiper-button-disabled, .d-numD-swiper1 .swiper-prev.swiper-button-disabled { opacity: .3 } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @keyframes ani_turn2 { 0% { transform: translate(-50%, -50%) rotate(0) } 100% { transform: translate(-50%, -50%) rotate(360deg) } } @media(max-width:1440px) { .d-numDUl-1 .i2 { left: 32.57%; top: 6%; } .d-numDUl-1 .i3 { left: 56.99%; top: 6%; } .d-numDUl-1 .i4 { left: 74.8%; top: 38.52%; } } .new3 { position:relative; background-color: #fff; padding: 0.5rem 0 0.45rem; height:100%; overflow: hidden; } .new3 ul { margin: .5rem 0 0; } .new3 li img { width:100%; } .new3 .more, .new2 .more { background: url(../images/more3.png) no-repeat center; background-size: 100%; } .new3 .more a { color: #6489b3; } .new2 .more a { color:#f2f2f2; } .ztwz { margin-top:-0.5rem; } .ztwz .swiper-wrapper { padding-bottom: 0.1rem; } .swipe-s { height: 0.4rem; position: relative;/* left: 0; *//* transform: translateX(-50%); */ bottom: 0rem; display:flex; width:100%; justify-content: center; align-items: center; margin-top: 0.3rem; } .ztwz .swiper-pagination { bottom: 0.1rem; position: relative; margin: 0 1.5rem; } .ztwz .swiper-pagination-bullet { width: 0.09rem; height: 0.09rem; background: #999; border-radius: 50%; cursor: pointer; opacity: 1; margin: 0 4px } .ztwz .swiper-pagination-bullet-active { background: #08387f; } .scale { overflow: hidden; } .scale>img { transition: 0.5s; } a:hover .scale img { transform: scale(1.05); } .part3 { background: url(../images/part3-bg.png) no-repeat bottom center; background-size: contain; } .part3B { position: relative; background:#fff; } .part3B .mySwiper { overflow: hidden; padding: 0.3rem 0; } .part3B::after { content: ""; width: 100%; height: 1px; background: #ef9f02; position: absolute; left: 0; top: 50%; } .part3B .w156 { padding: 0 0.45rem; position: relative; overflow: hidden; } .part3B .swiper-slide { filter: brightness(1); position: relative; } .part3B .swiper-slide::after { content: ""; width: 17px; height: 17px; background: url(../images/part3-24.png) no-repeat center; position: absolute; right: -9px; top: 50%; margin-top: -9px; } .part3B .swiper-slide a { display: block; position: relative; padding: 0 0.15rem; } .part3B .swiper-slide .part3Bicon { position: absolute; width: calc(100% - 0.3rem); top: 0.35rem; } .part3B .swiper-slide .part3Bicon .icon img { display: table; margin: 0 auto; } .part3B .swiper-slide .part3Bicon p { font-size: 0.2rem; color: #323232; text-align: center; transition: 0.6s all; } .part3B .swiper-slide .part3Bbg { max-width: 208px; width: 100%; display: table; margin: 0 auto; } .part3B .swiper-slide .part3Bbg img { display: block; width: 100%; border-radius: 50%; box-shadow: 2.407px 3.195px 12px 0px rgba(0, 0, 0, 0.15); transition: 0.6s all; } .part3B .swiper-button-next, .part3B .swiper-button-prev { width: 44px; height: 44px; z-index: 9; border: none; opacity: 1 !important; } .part3B .swiper-button-prev { background: url(../images/part3-22.png) no-repeat center; margin-left: 0; left: 20px; margin-top: -22px; } .part3B .swiper-button-next { background: url(../images/part3-23.png) no-repeat center; margin-left: 0; left: auto; right: 20px; margin-top: -22px; } .part3B .swiper-slide:hover .part3Bbg img { box-shadow: 0px 4px 47.43px 3.57px rgba(0, 0, 0, 0.15); transition: 0.6s all; } .part3B .swiper-slide:hover .part3Bicon .icon img { -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s; } .part3B .swiper-slide:hover .part3Bicon p { color: #76247d; transition: 0.6s all; font-weight: 600; } @-webkit-keyframes circleProgressLoad_right { 0% { -webkit-transform: rotate(45deg); } 50% { -webkit-transform: rotate(225deg); } 100% { -webkit-transform: rotate(225deg); } } @-webkit-keyframes circleProgressLoad_left { 0% { -webkit-transform: rotate(45deg); } 50% { -webkit-transform: rotate(45deg); } 100% { -webkit-transform: rotate(225deg); } } .link { background: #043379; padding-top: 0.16rem; padding-bottom: .16rem; position:relative; } .lk-a { width:100%; display: inline-block; } .lk-a a { display: inline-block; width: 10.8%; text-align: center; } .lk-a a img { display: block; vertical-align: middle; max-width: 0.4rem; max-height: 0.4rem; margin: 0 auto 0.11rem auto; } .lk-a a span { display: block; vertical-align: middle; font-size: 0.18rem; line-height: 1; color: #fff; } .lk-a a:hover span { color: #fff; } .lk-a a:hover img { transform: rotateY(360deg); transition: .5s; } .foot { position: relative; background:#08387f url("../images/foot1.png") no-repeat bottom center; background-size: auto; height: 100%; padding: 0.3rem 0 0 0; } .foot .f1 { position: relative; height: 100%; } .foot .f1 .logo { position: absolute; right: 0; left: 0; top: -0.1rem; margin: auto; width: 3.37rem; } .foot .f1 .logo img { display: block; width: 100%; } .foot .f1 .lxwm { margin-bottom:0.3rem; } .foot .f1 .lxwm h4 { font-size: 0.24rem; color: #fff; line-height: .28rem; margin-bottom: 0.11rem; } .foot .f1 .lxwm p { font-size: 0.16rem; line-height: .30rem; color: #fff; } .foot .f1 .f-ewm { margin-top: 0.3rem; } .foot .f1 .f-ewm li { float: left; margin-left: 0.34rem; position: relative; } .foot .f1 .f-ewm li a { display:block; } .foot .f1 .f-ewm li>img, .foot .f1 .f-ewm li a>img { display: block; width: 0.55rem; height: 0.55rem; margin: 0 auto 0.14rem; } .foot .f1 .f-ewm li p { font-size: 0.18rem; line-height: 1; color: #fff; text-align: center; } .f-ewm ul li span { position: absolute; bottom: 100%; left: 50%; margin-left: -0.57rem; margin-bottom: 10px; margin-top: 0.16rem; padding: 0.05rem; width: 1.14rem; background-color: #fff; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-sizing: border-box; visibility: hidden; opacity: 1; transform: translateY(-0.1rem); transition: all 0.2s ease-out 0s; z-index: 99; } .foot .f-ewm ul li .code > img { display: block !important; width: 100% !important; } .foot .f-ewm ul li .code:after { content: ''; position: absolute; left: 50%; top: 100%; width: 0; height: 0; border: 0.08rem solid transparent; font-size: 0; border-top-color: #fff; transform: translateX(-50%); transition: none; } .f-ewm ul li:hover .code { visibility: visible; opacity: 1; transform:translateY(0); } .bq { font-size: 0; text-align: center; padding: 0.12rem; clear: both; margin-top:0.5rem; border-top:1px #678abe solid; } .bq a, .bq span { display: inline-block; vertical-align: middle; font-size: 0.16rem; color: #fff; line-height: .24rem; margin: 0 0.06rem; } .bq img { max-width:50px; } @media(max-width:1024px) { .banner .pubSvg { height:50vw } } @media(max-width:1200px) { .banner .pubSvg { height:36vw; top:44% } } .write_box { position:relative; z-index:2 } @media(max-width:435px) { .more3s { margin:.03rem 0 0 } .banner .slide-banner .swiper-slide .bat { height:.24rem } }