.gszsmop .gszsdp .container2 .sdpbotom@charset "utf-8"; .fp-watermark{display: none !important;} .relative{position: relative;} .hidden{overflow: hidden;} .container{ width: 93.75%; margin: 0 auto; } .container2{ width: 74.6%; margin: 0 auto; } .pcshow{display: block;} .moshow{display: none;} @media(max-width: 1500px){ .container2{width: 86%;} } @media(max-width: 1100px){ .container{width: 100%;padding: 0 20px;} .container2{width: 100%;padding: 0 20px;} .pcshow{display: none;} .moshow{display: block;} } .left{float: left;} .right{float: right;} .center{text-align: center;} .img100{line-height: 0;overflow: hidden;} .img100 img{width: 100%;} /*手机导航*/ /**mobile nav**/ .nav_box {width: 100%;height: calc(100% - 60px);position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: auto;z-index: 9999999;background: #37a9cc;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;} .nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;} .nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;} .nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);} .nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);} .nav_box .nav-title .navclose img {width: 100%;} .nav_box .nav-title h1 {text-align: left;width: 86px;margin-left: 15px;line-height: 0;padding-top: 11px;} .nav_box .nav-title h1 img {width: 100%;} .nav_box .navlist {width: 100%;padding-bottom: 20px;} .nav_box .navlist ul>li {position: relative;float: left;width: 100%;font-size: 16px;line-height: 50px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize;padding-right: 80px;} .nav_box .navlist ul>li.w100{padding-right: 0 !important;} .nav_box .navlist ul>li>a {display: block;color: #fff;position: relative;} /*.nav_box .navlist ul>li>a.sub:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 11px;background: url(../images/jtwhite.png) no-repeat center center / cover;}*/ .nav_box .navlist ul>li .ii {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 100%;background: url(../images/jtwhite.png) no-repeat center center;z-index: 6;} .nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;/*padding: 10px 0;*/} .nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;} .nav_box { display: none!important;} .navR .search { display: block; } .navR { float: right;margin-top: 6px;display: none;} .nav {display: inline-block;} .nav_box .nav_ss{padding: 0 15px;margin-top: 20px;} .nav_box .nav_ss input.inp{ line-height: 40px; height: 40px; background: #fff; border: none; width: 100%; padding: 0 90px 0 20px; font-size: 15px; border-radius: 50px; } .nav_box .nav_ss input.sub{ width: 90px; position: absolute; right: 0; top: 0; height: 100%; background: #004388; font-size: 16px; border: none; border-radius: 50px; color: #fff; } /*.navR .search { display: none; }*/ .header .lang p,.fixed-head .header .lang p,.fixed-headA .header .lang p { color:rgba(255,255,255,0.6); position: relative; background: url(../images/langbg.png) no-repeat right center; } .header .navBtn { height: 50px; margin-top:-1px; float: left; left:3%; } .header .lang p:after { display: none; } .menu-i { height: 2px; right: 0; position: absolute; border-radius: 1px; font-style: normal; background-color: #333; display: block; transition: all 0.5s; border-radius: 2px; } .fixed-head .menu-i { background: #333;} .fixed-headA .menu-i { background: #333;} .menu-i-1 { width: 28px; top: 13px; } .menu-i-2 { width: 20px; top: 23px; }.menu-i-3 { width: 28px; top: 33px; } .mobile-menu { width: 28px; height: 50px; position: relative; display: block; background: none; border: none; } .mobile-menu-on { z-index: 1001; } .mobile-menu-on .menu-i-1 { transform: translateY(10px) rotate(45deg); /*background-color: #fff;*/ } .mobile-menu-on .menu-i-2 { /* opacity: 0;*/ width: 0; } .mobile-menu-on .menu-i-3 { transform: translateY(-10px) rotate(-45deg); /* background-color: #fff;*/ } .fixed-head .mobile-menu-on .menu-i-3,.fixed-head .mobile-menu-on .menu-i-1{ background: #333; } .nav_box { display: block!important; top: 57px; width: 100%; left:-100%; border-top: 1px solid rgba(255,255,255,0.2); /*height: calc(100% - 50px);*/ } .nav_box { background: rgba(0, 0, 0, 0.9); } .bgGreen { background: #474443; } .nav_box .navlist { padding-top: 10px; } .nav_box .navlist ul>li { border:none; line-height: 50px; } .navSear { margin-top: 20px; padding: 0 15px;} .navSear .search { padding-top: 20px; border-top:1px solid rgba(255,255,255,0.3); } .navSear .search .subsearch { z-index: 9;} .navSear .search .subsearch .subsearcha { border-radius: 3px;position: relative; padding-left: 30px; height: 30px;} .navSear .search .subsearch .subsearcha .inp {width: 90%;height: 30px;border: 0; font-size: 14px;color: #fff; padding-left: 0px; background: none; } .navSear .search .subsearch .subsearcha .sub { opacity: 0.7; border: none;outline: none;position: absolute;left: 0px;top: 50%;height: 26px;background: url(../images/searchxa.png) no-repeat left center;font-size: 0;width: 26px;transform: translateY(-50%);} .navSear .search:hover .subsearch {display: block;} .navSear .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255,255,255,0.7); } .navSear .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255,255,255,0.7); } .navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder{ color: rgba(255,255,255,0.7); } .navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder { color: rgba(255,255,255,0.7); } .nav_box .navlist ul>li .navlist2, .nav_box .navlist ul>li .secondNav .navlist3, .nav_box .navlist ul>li .fourthNav .navlist4, .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5, .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav .navlist6{ position: fixed; left:-102%; transition: all 0.6s; display: block; top:60px; width: 100%; height: calc(100% - 80px); background: rgba(0, 0, 0, 0.9); z-index: 10000; } .nav_box .navlist ul>li .navlist2 a, .nav_box .navlist ul>li .secondNav .navlist3 a, .nav_box .navlist ul>li .fourthNav .navlist4 a, .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 a, .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav .navlist6 a{ padding: 10px 15px; line-height: 1.6; font-size: 16px; color:rgba(255,255,255,0.8); } .nav_box .navlist ul>li.cur .navlist2, .nav_box .navlist ul>li .secondNav.cur .navlist3, .nav_box .navlist ul>li .fourthNav.cur .navlist4, .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav.cur .navlist5, .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav.cur .navlist6{ left:0; } .nav_box .navlist ul>li .backNav { padding: 0 15px; } .nav_box .navlist ul>li .backNav span { display: block; padding: 5px 0 5px 25px; border-top: 1px solid rgba(255,255,255,0); background: url(../images/back.png) no-repeat left center; font-size: 18px;color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom: 10px; } .nav_box .navlist ul>li a.cur { font-weight: bold; color:#fff!important; } @media(max-width: 1680px){ .nav_box { top: 56px; } .nav_box .navlist ul>li .navlist2, .nav_box .navlist ul>li .secondNav .navlist3, .nav_box .navlist ul>li .fourthNav .navlist4, .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 { top:60px; height: calc(100% - 60px); } } .mo_header{ position: relative; left: 0; top: 0; width: 100%; z-index: 99; display: none; padding: 0 20px; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05); } .mo_header .logo{ width: 140px; float: left; padding: 14px 0 6px; } .mo_header .logo .img2{display: none;} .mo_header.fixed-head,.mo_header.fixed-head2{ position: fixed; top: 0; } @media(max-width: 1100px){ .mo_header{display: block;} } /*go*/ .header{ position: absolute; width: 100%; top: 0; left: 0; z-index: 9; background: #004388; } .header .top{padding: 14px 0;} .header .top .logo{ float: left; width: 180px; } .header .top .right .sousuo, .header .top .right a, .footer .mid .right a, .footer .mid .right .sousuo{float: left;margin-top: 14px;display: block;margin-left: 14px;padding-left: 14px;border-left: 1px solid #D8D8D8;line-height: 1;color: #fff;} .header .top .right .sousuo,.footer .mid .right .sousuo{ border-left: none; padding-left: 0; margin-left: 0; } .header .top .right .sousuo .box i,.footer .mid .right .sousuo .box i{ position: relative; margin-right: 5px; width: 12px; height: 12px; display: inline-block; vertical-align: middle; top: -1px; background: url(../images/header_ss.svg) center center/cover; } .header .top .right .sousuo,.footer .mid .right .sousuo{position: relative;} .header .top .right .sousuo .box,.footer .mid .right .sousuo .box{cursor: pointer;} .header .top .right .sousuo .sousuo_box,.footer .mid .right .sousuo .sousuo_box{ position: absolute; top: 50%; transform: translateY(-50%); width: 0; overflow: hidden; right: 0; transition: all 0.4s; } .header .top .right .sousuo.cur .sousuo_box,.footer .mid .right .sousuo.cur .sousuo_box{width: 260px;} .header .top .right .sousuo .sousuo_box input[type="text"], .footer .mid .right .sousuo .sousuo_box input[type="text"]{height: 34px;width: 100%;border: none;background: #fff;font-size: 14px;padding: 0 40px 0 20px;color: #333;border-radius: 5px;} .header .top .right .sousuo .sousuo_box input[type="submit"], .footer .mid .right .sousuo .sousuo_box input[type="submit"]{ position: absolute; width: 20px; height: 20px; top: 50%; right: 10px; transform: translateY(-50%); background: url(../images/header_ss2.svg) center center/cover; border: none; } .header .btm{background: #fff;} .header .btm .ul li{ float: left; margin-right: 3.1vw; position: relative; } .header .btm .ul li:before{ bottom: 0; position: absolute; left: 0; height: 2px; width: 0; content: ""; background: rgba(0, 0, 0, 0); transition: all 0.4s; } .header .btm .ul li .box{ width: 150px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; text-align: center; padding: 6px 14px; display: none; opacity: 0; } .header .btm .ul li .box a{ display: block; color: #222222; padding: 4px 0; line-height: 1.6; transition: all 0.4s; font-size: 14px; } .header .btm .ul li:hover .box{animation: xiala 0.4s 1;animation-fill-mode: forwards;display: block;} @-webkit-keyframes xiala { 0% { opacity: 0; top: 90%; } 100% { opacity: 1; top: 100%; } } @keyframes xiala { 0% { opacity: 0; top: 90%; } 100% { opacity: 1; top: 100%; } } .header .btm .ul li .box a:hover{color: #004388;} .header .btm .ul li:last-child{margin-right: 0;} .header .btm .ul li > a{ position: relative; display: block; color: #222222; padding: 20px 0; transition: all 0.4s; } .header .btm .ul li > a.xljt{ padding-right: 12px !important; } .header .btm .ul li > a.xljt:before{ width: 8px; height: 4px; content: ""; position: absolute; right: 0; top: 50%; background: url(../images/header_jt2.svg) center center/cover; transform: translateY(-50%); transition: all 0.4s; } .header .btm .right .ul li{margin-right: 1.8vw;} .header .btm .right .ul li:last-child{margin-right: 0;} .header .btm .ul li.cur:before,.header .btm .ul li:hover:before{width: 100%;background: #004388;} .header .btm .ul li.cur > a,.header .btm .ul li:hover > a{color: #004388;} .header .btm .ul li.cur > a.xljt:before,.header .btm .ul li:hover > a.xljt:before{background: url(../images/header_jt.svg) center center/cover;} .footer{background: #004388;padding-top: 3.6vw;position: relative;z-index: 6;} .footer .top{padding-bottom: 100px;} .footer .top .logo{width: 187px;float: left;} .footer .top .ewm_box2{ float: right; width: 123px; text-align: center; color: #fff; margin-top: -70px; } .footer .top .ewm_box2 .bt{margin-top: 4px;} .footer .top .ewm_box{ float: right; position: relative; margin-top: -3px; } .footer .top .ewm_box .bt{ height: 46px; padding: 0 26px; line-height: 46px; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); cursor: pointer; } .footer .top .ewm_box .bt i{ width: 22px; height: 18px; display: inline-block; vertical-align: middle; position: relative; top: -2px; background: url(../images/weixin.svg) center center/cover; opacity: 0.9; margin-right: 6px; } .footer .top .ewm_box .ewm{ position: absolute; background: #fff; border-radius: 8px; line-height: 0; padding: 8px; width: 70%; left: 50%; transform: translateX(-50%); bottom: calc(100% + 6px); z-index: 3; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); display: none; } .footer .top .ewm_box:hover .ewm{animation: ewm 0.4s 1;animation-fill-mode: forwards;display: block;} @-webkit-keyframes ewm { 0% { opacity: 0; bottom: calc(100%); } 100% { opacity: 1; bottom: calc(100% + 6px); } } @keyframes ewm { 0% { opacity: 0; bottom: calc(100%); } 100% { opacity: 1; bottom: calc(100% + 6px); } } .footer .top .right{margin-right: 3.2vw;margin-top: 10px;} .footer .top .ul li{ float: left; margin-right: 2.6vw; } .footer .top .ul li:last-child{margin-right: 0;} .footer .top .ul li a{color: #fff;} .footer .mid{ border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 24px 0; } .footer .mid .left .ul li{ float: left; margin-right: 1.3vw; } .footer .mid .left .ul li a{color: rgba(255, 255, 255, 0.8);} .footer .mid .right a, .footer .mid .right .sousuo{color: rgba(255, 255, 255, 0.8);margin-top: 4px;} .footer .btm { padding: 26px 0; } .footer .btm .text{color: rgba(255, 255, 255, 0.8);line-height: 1.6;} .footer .btm .text a{color: rgba(255, 255, 255, 0.8);vertical-align: middle;} .more,a.more{ color: #fff; display: inline-block; padding: 12px 30px; background: #F7A600; border-radius: 4px; overflow: hidden; position: relative; } .more i,a.more i{ width: 6px; height: 10px; display: inline-block; vertical-align: middle; top: -1px; position: relative; margin-left: 4px; background: url(../images/more_jt.svg) center center/cover; } .more.download i,a.more.download i{ width: 15px; height: 14px; margin-left: 6px; background: url(../images/download.svg) center center/cover; } .more:after, a.more:after { position: absolute; width: 100%; right: -100%; top: 0; height: 100%; background: rgba(255, 255, 255, 0.2); content: ""; transform: rotate(45deg); } .more:hover:after,a.more:hover:after{ animation: more_1 0.6s 1; } @keyframes more_1 { 0% { right: -100%; } 100% { right: 100%; } } .ssss { z-index: 88; position: absolute; bottom: 6.2vw; left: 50%; transform: translateX(-50%); text-align: center; } .sss { display: inline-block; position: relative; width: 24px; height: 24px; cursor:pointer; } .ssss .sss:after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; background: rgba(255, 255, 255, 0.5); border: none; border-radius: 100%; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .sss{ margin-right: 14px; } .sss:last-child{ margin-right: 0; } .sss .circle { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .sss .circle i { position: relative; float: left; width: 50%; height: 100%; overflow: hidden; } .sss .circle:before{ width: 2px; content: ""; border-top: 4px solid #000; border-bottom: 4px solid #000; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: calc(100% - 8px); z-index: 3; opacity: 0; } .sss .circle:after{ width: calc(100% - 8px); content: ""; border-left: 4px solid #000; border-right: 4px solid #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 2px; z-index: 3; opacity: 0; } .sss.sss-active .circle:before, .sss.sss-active .circle:after{ animation: Sss 0s 1; animation-delay: 2s; animation-fill-mode: forwards; } @-webkit-keyframes Sss { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes Sss { 0% { opacity: 0; } 100% { opacity: 1; } } .sss .circle i::before { content: ''; position: absolute; width: 200%; right: 0; top: 0; bottom: 0; border: 3px solid #fff; border-radius: 100%; box-sizing: border-box; clip: rect(0, 24px, 24px, 12px); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .sss .circle i:first-child::before { left: 0; right: auto; clip: rect(0px, 12px, 24px, 0px); } .sss.sss-active::before { background: #000; } .ssss .sss.sss-active:after { background: #fff; border-color: #fff; } .sss.sss-active .circle i::before { -webkit-animation: circleR 10000ms linear both; animation: circleR 10000ms linear both; } .sss.sss-active .circle i:first-child::before { -webkit-animation-name: circleL; animation-name: circleL; } .ssss .ss-active:after{ display: none; } @-webkit-keyframes circleL { 0%, 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes circleR { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 50%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes circleL { 0%, 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes circleR { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 50%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .banner .img .img1{/*height: 100vh;background-size: 106% 106% !important;*/transition: all 3s;} .banner .swiper-slide-active .img .img1{background-size: 100% 100% !important;} .banner .swiper-pagination{display: none;} .banner .img .img1:before{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; z-index: 1; background: url(../images/banner_zz.png) center center/cover; } .banner .zz{ position: absolute; width: 100%; left: 0; bottom: 0; z-index: 2; animation: shangxia 2s infinite; animation-direction: alternate; animation-fill-mode: forwards; } /*@-webkit-keyframes shangxia { 0% { transform: translateY(-1vw); } 100% { transform: translateY(0); } } @keyframes shangxia { 0% { transform: translateY(-1vw); } 100% { transform: translateY(0); } }*/ .banner .text{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; z-index: 3; } .banner .text .bt{color: #fff;font-weight: bold;} .banner .text .more{margin-top: 24px;} .banner .img .img2{display: none;} @media(max-width: 1500px){ .footer .top .ewm_box .bt{ height: 42px; line-height: 42px; } .footer .top .ewm_box2{ width: 100px; margin-top: -50px; } } @media(max-width: 1100px){ .header{display: none;} .mo_header{display: block;} .more, a.more{ padding: 10px 20px; } .banner .text .more{margin-top: 20px;} .footer{ padding-top: 40px; } .footer .top .logo{width: 150px;} .sss .circle:before,.sss .circle:after{display: none;} .footer .top .ewm_box2{margin-top: -30px;} } @media(max-width: 800px){ .banner .img .img1{display: none;} .banner .img .img2{display: block;} .footer .top { padding-bottom: 20px; } .footer .top .logo{ display: block; } .footer .top .ewm_box{margin-top: 0;} .footer .top .ewm_box .bt { height: 36px; line-height: 36px; padding: 0 14px; } .footer .top .ewm_box .bt i { width: 18px; height: 14px; } .footer .top .right{ width: 100%; margin-right: 0; margin-top: 30px; } .footer .top .ul li{margin-right: 16px;margin-bottom: 6px;} .footer .mid{ padding: 20px 0 10px; } .footer .mid .right{display: none;} .footer .mid .left .ul li{margin-right: 16px;margin-bottom: 6px;} .footer .btm { padding: 16px 0; } } .end:before{ width: 100%; height: 11.8vw; position: absolute; left: 0; bottom: 0; background: url(../images/footer_bg.png) top center/cover; content: ""; z-index: 3; } .title .bt{color: #004388;font-weight: bold;position: relative;} .title .bt:before{ content: attr(data-title); position: absolute; left: 0; top: 0; width: 100%; height: 0; overflow: hidden; transition: all 3s; color: #004388; display: none; } .title .js{line-height: 1.6;color: #333333;margin-top: 6px;} .title .js2{line-height: 2;color: #333333;margin-top: 12px;} .wow.active .title .bt:before{ height: 100%; } .home_a{ padding: 7.2vw 0; background: #F2F5F9; } .home_a .text{ margin-top: 16px; line-height: 2; padding: 0 11.5%; display: inline-block; } @media(max-width: 1680px){ .home_a .text{ padding: 0 7.5%; } } @media(max-width: 1200px){ .home_a .text{ padding: 0 6.5%; } } .home_a .more{margin-top: 2vw;} .top .more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .home_b{ padding: 5.2vw 0 6.2vw; } .home_b .btm{ margin-top: 2vw; padding-right: 1px; } .home_b .btm .swiper-slide{padding: 5px;width: 24%;} .home_b .btm .box{ border: 1px solid #EFEFEF; padding: 1vw 1.5vw 1.5vw; border-radius: 6px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); } .home_b .btm .box .img{text-align: center;display: flex;justify-content: center; height:14vw; } .home_b .btm .box .img img{ width: auto; align-self: center; display: inline-block; } @media(max-width: 1100px){ .home_b .btm .box .img{ height: 23vw; } .home_b .btm .swiper-slide{width: auto;} } @media(max-width: 800px){ .home_b .btm .box .img{ height: 34vw; } .home_b .btm .box .img img { height: 34vw; width: auto; } } .home_b .btm .box .text{ margin-top: 1.5vw; } .home_b .btm .box .text .bt{ color: #222222; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .home_b .btm .box .text .js{line-height: 1.6;color: #999999;margin-top: 8px;overflow: hidden;height: 42px;} .home_b .news_more{margin-top: 2vw;} .news_more,a.news_more{ color: #004388; font-weight: bold; display: inline-block; } .news_more i,a.news_more i{ width: 7px; height: 11px; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-left: 4px; background: url(../images/home_b_jt.png) center center/cover; } .home_c{ padding: 6.2vw 0 5.7vw; background: #F2F5F9; } .home_c .btm{margin-top: 2vw;/*padding-bottom: 46px;*/} .home_c .btm .swiper-pagination{ bottom: 0; } .home_c .btm .swiper-pagination .swiper-pagination-bullet{ width: 3.2vw; height: 7px; border-radius: 3px; margin: 0 3px; opacity: 1; background: #DBDBDB; transition: all 0.4s; } .home_c .btm .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #004388;} .home_c .btm .box{ display: flex; background: #004388; border-radius: 10px; overflow: hidden; } .home_c .btm .box .left{ width: 50.6%; display: flex; } .home_c .btm .box .left .text{ align-self: center; padding: 0 7.8vw 0 4.1vw; } .home_c .btm .box .left .text .bt{color: #fff;} .home_c .btm .box .left .text .js{color: rgba(255, 255, 255, 0.9);line-height: 1.8;margin-top: 6px;/*height: 6vw;overflow: auto;*/padding-right: 8px;} .home_c .btm .box .left .text .js::-webkit-scrollbar{ width: 2px; } .home_c .btm .box .left .text .js::-webkit-scrollbar-track{ background: #666; width: 2px; } .home_c .btm .box .left .text .js::-webkit-scrollbar-track-piece{ width: 2px; } .home_c .btm .box .left .text .js::-webkit-scrollbar-thumb{ background: #fff; border: 5px; } .home_c .btm .box .left .text .js::-webkit-scrollbar-button{ display: none; } .home_c .btm .box .left .text .more{margin-top: 15px;} .home_c .btm .box .right{width: 49.4%;} .home_d{ padding: 5.7vw 0; } .home_d .btm{margin-top: 2vw;} .home_d .btm .left{ float: left; width: 49.1%; border: 1px solid #EFEFEF; box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.03); border-radius: 14px;overflow: hidden; } .home_d .btm .left .text{ padding: 1.5vw 2vw; } .home_d .btm .left .text .bt{color: #222222;} .home_d .btm .left .text .js{line-height: 1.8;margin-top: 6px;color: #999999;} .home_d .btm .left .text .time{margin-top: 1vw;color: #004388;} .home_d .btm .right{ width: 49.4%; } .home_d .btm .right .ul li{ margin-bottom: 0.83vw; } .home_d .btm .right .ul li:last-child{margin-bottom: 0 !important;} .home_d .btm .right .ul li .box{ border-radius: 14px; border: 1px solid #EFEFEF; overflow: hidden; padding: 0.83vw 0.83vw 0.83vw 1.6vw; box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.03); } .home_d .btm .right .ul li .box .text{ float: left; width: 59.8%; padding-top: 0.83vw; padding-right: 20px; } .home_d .btm .right .ul li .box .text .bt{ color: #222222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .home_d .btm .right .ul li .box .text .js{ line-height: 1.6; margin-top: 6px; height: 44px; overflow: hidden; } .home_d .btm .right .ul li .box .text .time{ margin-top: 1vw; color: #004388; } .home_d .btm .right .ul li .box .img{ float: right; border-radius: 10px; overflow: hidden; width: 40.2%; } .home_e{ height: 30.3vw; background: url(../images/home_e_bg.jpg) center center/cover; /* background-attachment: fixed; */ } .home_e:after{ z-index: 0; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/home_e_bg2.png) center center/cover; } .home_e .container2 {height: 100%;z-index: 6;} .home_e .box{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 0 21vw; } .home_e .box .title .bt{color: #fff;} .home_e .box .title .bt:before{display: none;} .home_e .box .js{ color: #fff; margin-top: 8px; line-height: 1.8; } .home_e .box .more{margin-top: 2vw;} .more_mo{display: none !important;} @media(max-width: 1100px){ .sss.sss-active .circle i b:after,.sss.sss-active .circle i b:before{display: none;} .home_a{ padding: 30px 0 50px; } .home_a .text{margin-top: 20px;padding: 0;} .home_a .more{margin-top: 20px;} .home_b { padding: 40px 0 50px; } .home_b .btm{margin-top: 20px;} .home_b .more_mo,.home_d .more_mo{margin-top: 24px;} .home_b .btm .box{padding: 20px 20px 30px;} .home_b .news_more {margin-top: 16px;} .more_pc{display: none !important;} .more_mo{display: inline-block !important;} .home_c { padding: 40px 0 50px; } .home_c .btm{margin-top: 20px;padding-bottom: 30px;} .home_c .btm .box{display: block;} .home_c .btm .box .left{display: block;width: 100%;} .home_c .btm .box .left .text{padding: 30px 20px;} .home_c .btm .box .left .text .js{height: 150px;} .home_c .btm .box .left .text .more{margin-top: 20px;} .home_c .btm .swiper-pagination .swiper-pagination-bullet{height: 4px;width: 30px;} .home_c .btm .box .right{width: 100%;} .home_d{padding: 40px 0 50px;} .home_d .btm{margin-top: 20px;} .home_d .btm .left{width: 100%;} .home_d .btm .right{margin-top: 12px;width: 100%;} .home_d .btm .left .text{padding: 15px;} .home_d .btm .left .text .time,.home_d .btm .right .ul li .box .text .time{margin-top: 10px;} .home_d .btm .right .ul li{margin-bottom: 12px;} .home_d .btm .right .ul li .box{padding: 15px;} .home_d .btm .right .ul li .box .text{width: 100%;padding-right: 0;} .home_d .btm .right .ul li .box .img{display: none;} .home_e{height: 360px;background-attachment: initial;} .home_e .box{padding: 0 40px;} .home_e .box .more{margin-top: 24px;} } .home_d .btm .left .img img, .home_d .btm .right .ul li .img img, .home_c .btm .box .img img, .home_b .btm .box .img img{transition: all 0.4s;transform: scale(1);} .home_d .btm .left:hover .img img, .home_d .btm .right .ul li:hover .img img, .home_c .btm .box:hover .img img, .home_b .btm .box:hover .img img{transform: scale(1.04);} .home_d .btm .right .ul li .box .text .bt, .home_d .btm .left .text .bt, .home_b .btm .box .text .bt{transition: all 0.3s;} .home_d .btm .right .ul li:hover .box .text .bt, .home_d .btm .left:hover .text .bt, .home_b .btm .box:hover .text .bt{color: #004388;} .nybanner {position: relative;} .nybanner .img .img2{display: none;} .nybanner .zz{ position: absolute; width: 100%; left: 0; bottom: 0; } .contact_a{ padding: 6.2vw 0; background: #F2F5F9; } .contact_a .contact_a_box{background: #fff;border-radius: 8px;} .contact_a .left{ width: 47.9%; padding: 3.1vw 4.1vw 0; } .contact_a .left .ul{ margin-top: 1.5vw; } .contact_a .left .ul li{ margin-bottom: 1.5vw; } .contact_a .left .ul li .icon{ float: left; width: 52px; height: 52px; border-radius: 100%; padding: 14px; background: rgba(0, 67, 136, 0.05); } .contact_a .left .ul li:last-child{margin-bottom: 0;} .contact_a .left .ul li .text{ float: left; width: calc(100% - 52px); padding-left: 14px; color: #666; padding-top: 2px; line-height: 1.6; } .contact_a .left .ul li .text .bt{ color: #222222; } .contact_a .left .more{margin-top: 2vw;} .contact_a .right{ width: 52.1%; } .contact_b{ padding: 6.7vw 0; } .contact_b .contact_b_box{ margin-top: 1.5vw; border-radius: 8px; padding: 15px 60px 15px 40px; border: 1px solid #EEEEEE; transition: all 0.5s; } .contact_b .contact_b_box .left{ display: flex; padding-top: 10px; align-items: center; } .contact_b .contact_b_box .left .ewm{ width: 10.7vw; } .contact_b .contact_b_box .left .bt{color: #333333;padding-left: 2vw;} .contact_b .contact_b_box .right{ display: flex; align-items: center; } .contact_b .contact_b_box .icon{margin-left: 12px;width: 11.4vw;} .contact_b .contact_b_box .cha{ width: 2.6vw; height: 2.6vw; position: absolute; right: -1.3vw; transition: all 0.5s; transform: rotate(0); top: -1.3vw; background: url(../images/contact_b_cha.png) center center/cover; } .contact_b .contact_b_box .cha:hover{ transform: rotate(90deg); } .contact_c{ height:31.2vw; background: url(../images/contact_c_img.jpg) center center/cover; } .contact_c .box{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; z-index: 3; } .contact_c .box .title{padding: 0 250px;} .contact_c .box .title .bt{color: #fff;} .contact_c .box .more{margin-top: 1.5vw;} @media(max-width:1300px){ .contact_c .box .title{padding:0;} } @media(max-width: 1100px){ .contact_a{padding: 40px 0;} .contact_a .contact_a_box{padding-bottom: 30px;} .contact_a .left{width: 100%;padding: 20px;} .contact_a .left .more{margin-top: 20px;} .contact_a .right{ width: 100%; margin-top: 10px; } .contact_a .left .ul{margin-top: 20px;} .contact_a .left .ul li{margin-bottom: 12px;} .contact_a .left .ul li .icon{width: 42px;height: 42px;padding: 10px;} .contact_a .left .ul li .text{width: calc(100% - 42px);} .contact_b{ padding: 40px 0; } .contact_b .contact_b_box{padding: 20px;margin-top: 20px;} .contact_c{ height: 450px; } .contact_c .box .title{padding: 0;} .contact_c .box .more{margin-top: 20px;} } @media(max-width: 770px){ .nybanner .img .img1{display: none;} .nybanner .img .img2{display: block;} .contact_b .contact_b_box .left{width: 100%;padding-top: 0;} .contact_b .contact_b_box .left .ewm{width: 180px;} .contact_b .contact_b_box .left .bt{width: 180px;} .contact_b .contact_b_box .cha{ width: 36px; height: 36px; top: -18px; right: -18px; } .contact_b .contact_b_box .left .bt br{display: none;} .contact_b .contact_b_box .right{width: 100%;margin-top: 20px;} .contact_b .contact_b_box .icon{width: 120px;} } @media(max-width: 640px){ .contact_c{ height: 350px; } } .bgone{ background: #F2F5F9; } .a_box a{float: left;padding: 8px 25px;border: 1px solid #004388;color: #004388;border-radius: 5px;margin-right: 14px;transition: all 0.4s;margin-top: 4px;margin-bottom: 4px;} .a_box a:last-child{margin-right: 0;} .a_box a.cur,.a_box a:hover{color: #fff;background: #F7A600;border-color: #F7A600;} .shili_a{padding: 6.7vw 0;} .shili_a .top .title{float: left;} .shili_a .a_box{position: absolute;bottom: 10px;right: 0;} .shili_a .btm{margin-top: 1.5vw;display: none;} .shili_a .btm.cur{display: block;} .shili_a .btm .ul li{ float: left; width: 49.2%; margin-right: 1.6%; border-radius: 10px; overflow: hidden; cursor: pointer; } .shili_a .btm .ul li:last-child{margin-right: 0;} .shili_a .btm .ul li .img{position: relative;} .shili_a .btm .ul li .img:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/shili_a_imgbg.png) center center/cover; } .shili_a .btm .ul li .bt1{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.5vw 2vw; opacity: 1; transition: all 0.4s; } .shili_a .btm .ul li .bt{ color: #fff; } .shili_a .btm .ul li .text{ position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.4s; background: rgba(0, 67, 136, 0.8); } .shili_a .btm .ul li .text .box{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 2.6vw; } .shili_a .btm .ul li .text .box .js{color: #fff;margin-top: 6px;line-height: 1.6;} .shili_a .btm .ul li .text .box .more{margin-top: 1vw;} .shili_a .btm .ul li:hover .bt1{opacity: 0;} .shili_a .btm .ul li:hover .text{opacity: 1;} .shili_b{ padding: 8vw 0 6.2vw; } .shili_b .text{ margin-top: 10px; line-height: 1.6; } .shili_b .ul{margin-top: 2vw;} .shili_b .ul li{ float: left; width: 24.025%; border-radius: 12px; margin-right: 1.3%; overflow: hidden; position: relative; cursor: pointer; } .shili_b .ul li:nth-child(4){margin-right: 0;} .shili_b .ul li .img{position: relative;} .shili_b .ul li .img:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url(../images/shili_b_imgbg.png) center center/cover; } .shili_b .ul li .bt1{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.3vw 1.5vw; opacity: 1; transition: all 0.4s; } .shili_b .ul li .bt{ color: #fff; } .shili_b .ul li .text{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 67, 136, 0.8); opacity: 0; transition: all 0.4s; } .shili_b .ul li .text .box{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 2vw 1.5vw ; } .shili_b .ul li .text .box .js{ color: #fff; line-height: 1.6; margin-top: 6px; } .shili_b .ul li .text .box .more{margin-top: 1.5vw;} .shili_b .ul li:hover .bt1{opacity: 0;} .shili_b .ul li:hover .text{opacity: 1;} .shili_c{ background: url(../images/shili_c_bg.jpg) center center/cover; /* background-attachment: fixed !important; */ height: 44.7vw; } .shili_c .container2{position: relative;height: 100%;} .shili_c .box{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40.4%; } .shili_c .box .bt{color: #fff;} .shili_c .box .js{color: #fff;margin-top: 8px;line-height: 1.8; text-align: justify;} .shili_c .box .more{margin-top: 1.5vw;} .shili_d{padding: 6.2vw 0;} .shili_d .shili_d_box{margin-top: 2vw;/*padding-bottom: 3.6vw;*/} .shili_d .shili_d_box .box{ text-align: center; border: 1px solid #ede9e9; border-radius: 10px; } .shili_d .shili_d_box .box .img{ display: flex; justify-content: center; align-items: center; } .shili_d .shili_d_box .box .bt{color: #222222;padding: 1vw 1.5vw;border-top: 1px solid #ede9e9;text-align: left;} .shili_d .shili_d_box .box .bt .js{ color: #666666; margin-top: 4px; } .shili_d .shili_d_box .swiper-pagination, .shili_e .btm .swiper-pagination, .qianyan_a .btm .swiper-pagination, .chanpinxq_d .btm .swiper-pagination, .yingyong_a .btm .swiper-pagination, .mifeng_b .btm .swiper-pagination, .nongye_b .nongye_b_box .swiper-pagination{ bottom: 0; margin-top: 0; } .shili_d .shili_d_box .swiper-pagination .swiper-pagination-bullet, .shili_e .btm .swiper-pagination .swiper-pagination-bullet, .qianyan_a .btm .swiper-pagination .swiper-pagination-bullet, .chanpinxq_d .btm .swiper-pagination .swiper-pagination-bullet, .yingyong_a .btm .swiper-pagination .swiper-pagination-bullet, .mifeng_b .btm .swiper-pagination .swiper-pagination-bullet, .nongye_b .nongye_b_box .swiper-pagination .swiper-pagination-bullet{ width: 3.1vw; height: 7px; opacity: 1; transition: all 0.4s; background: #DBDBDB; border-radius: 50px; transform: initial; } .shili_d .shili_d_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .shili_e .btm .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .qianyan_a .btm .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .chanpinxq_d .btm .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .yingyong_a .btm .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .mifeng_b .btm .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .nongye_b .nongye_b_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #004388;} .shili_e{ padding: 6.2vw 0 5.2vw; background: #F2F5F9; } .shili_e .top{display: flex;align-items: center;background: #fff;margin-top: 1.5vw;border-radius: 12px;overflow: hidden;} .shili_e .top .left{width: 49.4%;padding: 0 3.1vw;} .shili_e .top .left .dbt{color: #222222;} .shili_e .top .left .ul{margin-top: 4.3vw;} .shili_e .top .left .ul li{ float: left; text-align: center; /*width: 8vw;*/ padding-right: 2vw; margin-right: 2vw; border-right: 1px solid rgba(221, 221, 221, 0.5); } .shili_e .top .left .ul li:last-child{padding-right: 0;margin-right: 0;border-right: none;} .shili_e .top .left .ul li .icon{width: 2.7vw;display: inline-block;} .shili_e .top .left .ul li .text{ margin-top: 12px; color: #3D3D3D; } .shili_e .top .left .ul li .text .bt{line-height: 1.2;} .shili_e .top .left .ul li .text .js{margin-top: 5px;color: #333333;} .shili_e .top .right{ width: 50.6%; } .shili_e .btm{padding-bottom: 3.1vw;} .shili_e .btm .nr{margin-top: 20px;} .shili_e .btm .box{ background: #fff; padding: 2.5vw 8.8vw; text-align: center; border-radius: 8px; overflow: hidden; float: left; width: calc((100% - 18px)/2); margin-right: 18px; } .shili_e .btm .box:nth-child(2n){margin-right: 0;} .shili_e .btm .box .icon{width: 2.7vw;display: inline-block;} .shili_e .btm .box .bt{ line-height: 1.6; margin-top: 10px; color: #3D3D3D; } .shili_f{background: url(../images/shili_f_bg.jpg) center center/cover;} @media(max-width: 1100px){ .shili_e .btm .box{width: 100%;margin-right: 0;margin-bottom: 10px;} .a_box a{padding: 6px 0;margin-right: 2%;width: 49%;text-align: center;margin-bottom: 8px;} .a_box a:nth-child(2n){margin-right: 0;} .shili_a{padding: 50px 0;} .shili_a .a_box{display: inline-block;width: 100%;position: initial;margin-top: 20px;} .shili_a .btm{margin-top: 20px;} .shili_a .btm .ul li .text{display: none;} .shili_a .btm .ul li{width: 100%;margin-bottom: 12px;} .shili_a .btm .ul li:last-child{margin-bottom: 0;} .shili_b { padding: 40px 0; } .shili_b .ul li{ width: 49%; margin-right: 2%; margin-bottom: 12px; } .shili_b .ul li:nth-child(2n){margin-right: 0;} .shili_b .ul li .text{display: none;} .shili_b .ul li .bt{padding: 14px 20px;} .shili_b .ul{margin-top: 20px;} .shili_c{height: auto;background-attachment: initial !important;} .shili_c .box{padding: 40px 0;width: 100%;position: initial;display: inline-block;transform: initial;} .shili_c .box .more{margin-top: 20px;} .shili_d { padding: 40px 0; } .shili_d .shili_d_box{margin-top: 20px;padding-bottom: 40px;} .shili_d .shili_d_box .box .bt{padding: 14px;} .shili_d .shili_d_box .swiper-pagination .swiper-pagination-bullet, .shili_e .btm .swiper-pagination .swiper-pagination-bullet, .qianyan_a .btm .swiper-pagination .swiper-pagination-bullet, .chanpinxq_d .btm .swiper-pagination .swiper-pagination-bullet, .yingyong_a .btm .swiper-pagination .swiper-pagination-bullet, .mifeng_b .btm .swiper-pagination .swiper-pagination-bullet, .nongye_b .nongye_b_box .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 5px;} .shili_e{padding: 40px 0;} .shili_e .top{display: block;} .shili_e .top .left{ width: 100%; padding: 30px 0; } .shili_e .top .left .dbt {padding: 0 20px;} .shili_e .top .right{ width: 100%; } .shili_e .top .left .ul{margin-top: 20px;} .shili_e .top .left .ul li{width: 30%;margin-right: 3%;} .shili_e .top .left .ul li:last-child{margin-right: 0;} .shili_e .top .left .ul li .icon,.shili_e .btm .box .icon{width: 40px;} .shili_e .btm {margin-top: 20px;padding-bottom: 40px;} .shili_e .btm .box{padding: 20px;} } .newtc{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99; display: none; } .newtc .box{ background: #fff; position: relative; top: 5vw; overflow: auto; border-radius: 8px; height: 80%; padding: 3.1vw 3.6vw; } .newtc .box .bt{color: #222222;padding-right: 2vw;} .newtc .box .text{ color: #666666; margin-top: 1vw; line-height: 1.8; } .newtc .box::-webkit-scrollbar{ width: 2px; } .newtc .box::-webkit-scrollbar-track{ background: #ccc; width: 2px; } .newtc .box::-webkit-scrollbar-track-piece{ width: 2px; } .newtc .box::-webkit-scrollbar-thumb{ background: #004388; border: 5px; } .newtc .box::-webkit-scrollbar-button{ display: none; } .newtc .box .cha{ width: 2.6vw; height: 2.6vw; position: absolute; right: 2.6vw; transition: all 0.5s; transform: rotate(0); top: 2.6vw; background: url(../images/contact_b_cha.png) center center/cover; } .newtc .box .cha:hover{ transform: rotate(90deg); } @media(max-width: 1100px){ .newtc .box{top: 10%;width: 94%;padding: 20px;} .newtc .box .cha{ width: 30px; height: 30px; } .newtc .box .text{margin-top: 20px;} } .qianyan_a{ padding: 8.3vw 0 6.2vw; } .qianyan_a .top .a_box{position: absolute;bottom: 0;right: 0;max-width: 60%;} .qianyan_a.qianyan_a_20240115 .btm_box .boxbox{display: none;} .qianyan_a.qianyan_a_20240115 .btm_box .boxbox.cur{display: block;} .qianyan_a .btm{ /*padding-bottom: 2.6vw;*/ margin-top: 1.5vw; display: none; } .qianyan_a.qianyan_a_20240115 .btm{display: block;} .qianyan_a .btm.cur{display: block;} .qianyan_a .btm .box{ display: flex; align-items: center; background: #fff; border-radius: 12px; overflow: hidden; } .qianyan_a .btm .box .left{ width: 49.5%; padding: 0 4vw; position:relative; z-index:9999; } .qianyan_a .btm .box .left .bt{color: #222222;} .qianyan_a .btm .box .left .text{ color: #666666; line-height: 1.8; margin-top: 6px; text-align: justify; } .qianyan_a .btm .box .left .more{margin-top: 2vw;} .qianyan_a .btm .box .right{ width: 50.5%; /*border-radius: 12px;*/ overflow: hidden; } .qianyan_b{ background: url(../images/qianyan_b_bg.jpg) center center/cover; } .qianyan_b .text{ margin-top: 2vw; } .qianyan_c{ padding: 6.7vw 0; } .qianyan_c .container2{display: flex;align-items: center;} .qianyan_c .left{ /*padding-top: 5vw;*/ padding-top: 0; width: 40.4%; margin-right: 12%; } .qianyan_c .left .text{ margin-top: 1vw; line-height: 1.6; text-align: justify; } .qianyan_c .left .text .js{ line-height: 1.8; color: #333333; } .qianyan_c .left .text .bt{ margin-top: 2vw; color: #222222; } .qianyan_c .left .text .wenzi{ line-height: 1.8; margin-top: 10px; color: #666666; } .qianyan_c .right{border-radius: 12px;overflow: hidden;width: 47.6%;} .qianyan_d{ padding: 6.7vw 0; background: #F2F5F9; } .qianyan_d .qianyan_d_box{ background: #004388; padding-right: 0; display: flex; flex-direction:row-reverse; border-radius: 10px; overflow: hidden; } .qianyan_d .left{ width: 50%; } .qianyan_d .right{ padding: 0 4.6vw; align-self: center; width: 50%; } .qianyan_d .right .title .bt{color: #fff;} .qianyan_d .right .js{ margin-top: 12px; color: #fff; line-height: 1.8; } .qianyan_d .right .text{ margin-top: 1vw; color: rgba(255,255,255,.9); line-height: 1.8; } .qianyan_e{ padding: 6.7vw 0 7.2vw; } .qianyan_e .js{color: #333333;line-height: 1.8;margin-top: 10px;} .qianyan_e .img{margin-top: 2vw;border-radius: 12px;overflow: hidden;} .qianyan_f{ background: url(../images/qianyan_f_bg.jpg) center center/cover; } @media(max-width: 1100px){ .qianyan_a{padding: 40px 0;} .qianyan_a .top .a_box{ width: 100%; position: initial; margin-top: 20px; display: inline-block; } .qianyan_a .btm{margin-top: 10px;padding-bottom: 40px;} .qianyan_a .btm .box{display: block;} .qianyan_a .btm .box .left{ padding: 20px; width: 100%; } .qianyan_a .btm .box .right{width: 100%;} .qianyan_b .text{margin-top: 20px;} .qianyan_c{padding: 40px 0;} .qianyan_c .container2{display: block;} .qianyan_c .left{ padding-top: 0; width: 100%; } .qianyan_c .left .text{margin-top: 12px;} .qianyan_c .left .text .bt{margin-top: 24px;} .qianyan_c .right{ width: 100%; margin-top: 20px; } .qianyan_d{padding: 40px 0;} .qianyan_d .qianyan_d_box{display: block;padding: 30px 4%;} .qianyan_d .left{width: 100%;margin-top: 20px;} .qianyan_d .right{ width: 100%; padding: 0; } .qianyan_e{padding: 40px 0;} .qianyan_e .img{margin-top: 20px;} .qianyan_a .btm .box .left .more{margin-top: 20px;} .qianyan_a .top .a_box{max-width: initial;} } .mifeng_b{ padding: 6.7vw 0 7.8vw; } .mifeng_b .top .a_box{ position: absolute; bottom: 0px; right: 0; max-width: 65%; } .mifeng_b .mifeng_b_box{margin-top: 2vw;display: flex;flex-direction:row-reverse;align-items: center;border-radius: 12px;/*overflow: hidden;*/} .mifeng_b .mifeng_b_box .btm{ padding-bottom: 2.6vw; } .mifeng_b .mifeng_b_box .box{ background: #004388; } .mifeng_b .mifeng_b_box .btm{display:none;} .mifeng_b .mifeng_b_box .btm.cur{display:block;} .mifeng_b .mifeng_b_box .box{ flex-direction: row-reverse; align-items: center; display: flex; } .mifeng_b .mifeng_b_box .left{ /*float: left;*/ width: 49.5%; } .mifeng_b .mifeng_b_box .right{ /*float: right;*/ width: 50.5%; padding: 0 4.1vw; } .mifeng_b .mifeng_b_box .right .bt{color: #fff;} .mifeng_b .mifeng_b_box .right .js{line-height: 1.8;color: #fff;margin-top: 8px;} .mifeng_b .mifeng_b_box .right .more{margin-top: 1.5vw;} .mifeng_b .btm .swiper-pagination{ bottom: 0; } .mifeng_b .swiper-slide{width: 100% !important;} @media(max-width: 1100px){ .mifeng_b{padding: 40px 0;} .mifeng_b .top .a_box{position: initial;display: inline-block;width: 100%;margin-top: 20px;max-width: 100%;} .mifeng_b .mifeng_b_box{display: block;} .mifeng_b .mifeng_b_box .left{ width: 100%; } .mifeng_b .mifeng_b_box .right .more{margin-top: 20px;} .mifeng_b .mifeng_b_box .right{width: 100%;padding: 20px;} .mifeng_b .mifeng_b_box .box{ display: block; } } .chanpinxq_a{ padding: 5.2vw 0; } .chanpinxq_a .text{ margin-top: 1.5vw; color: #333333; line-height: 2; text-align: justify; } .chanpinxq_b{padding-bottom: 4vw;} .chanpinxq_b .ul{margin-top: 1vw;} .chanpinxq_b .ul li{ float: left; width: 15.5%; margin-right: 1.4%; margin-bottom: 1.5vw; } .chanpinxq_b .ul li, .chanpinxq_b .ul li *{transition: all 0.4s;} .chanpinxq_b .ul li:nth-child(6n){ margin-right: 0; } .chanpinxq_b .ul li .box{ padding: 2vw 0 1.5vw; background: #F2F5F9; text-align: center; border-radius: 8px; } .chanpinxq_b .ul li .img .img2{display: none;} .chanpinxq_b .ul li .img{ display: inline-block; width: 4.4vw; } .chanpinxq_b .ul li .bt{color: #3D3D3D;margin-top: 6px;} .chanpinxq_b .ul li:hover .box{background: #004388;} .chanpinxq_b .ul li:hover .box .bt{color: #fff;text-decoration: underline;} .chanpinxq_b .ul li:hover .img .img1{display: none;} .chanpinxq_b .ul li:hover .img .img2{display: block;} .chanpinxq_c{ padding: 5vw 0; /*padding-bottom: 7.2vw;*/ } .chanpinxq_c .chanpinxq_c_box{ display: flex; align-items: center; flex-direction:row-reverse; } .chanpinxq_c .left{width: 21%;border-radius: 12px;overflow: hidden;} .chanpinxq_c .right{ width: 79%; padding-left: 2.6vw; } .chanpinxq_c .right .js{margin-top: 12px;line-height: 1.8;color: #333333;} .chanpinxq_c .right .more{margin-top: 4vw;} /*.chanpinxq_d .btm {padding-bottom: 4.1vw;}*/ .chanpinxq_d .btm .box{background: #fff;} @media(max-width: 1100px){ .chanpinxq_a{padding: 40px 0;} .chanpinxq_b .ul li{ width: 32%; margin-right: 2%; } .chanpinxq_b .ul li:nth-child(6n){margin-right: 2%;} .chanpinxq_b .ul li:nth-child(3n){margin-right: 0;} .chanpinxq_b .ul li .box{padding: 20px 10px;} .chanpinxq_b .ul li .img{width: 60px;} .chanpinxq_d .btm{padding-bottom: 40px;} .chanpinxq_c .chanpinxq_c_box{display: block;} .chanpinxq_c .chanpinxq_c_box .left{width: 100%;border-radius: 18px;margin-top: 20px;} .chanpinxq_c .chanpinxq_c_box .right{width: 100%;padding-left: 0;} .chanpinxq_b .ul{margin-top: 20px;} } @media(max-width: 640px){ .chanpinxq_b .ul li{ width: 48.5%; margin-right:3%; margin-bottom: 10px; } .chanpinxq_b .ul li:nth-child(6n){margin-right: 3%;} .chanpinxq_b .ul li:nth-child(3n){margin-right: 3%;} .chanpinxq_b .ul li:nth-child(2n){margin-right: 0;} } .yingyong_a{ padding: 5.7vw 0 6.2vw; } .yingyong_a .top{margin-top: 1.3vw;} .yingyong_a .top .img{text-align: center;display: none;border-radius: 10px;overflow: hidden;} .yingyong_a .top .img.cur{display: block;} .yingyong_a .top .img img{display: inline-block;} .yingyong_a .btm{ margin-top: 3.1vw; padding-bottom: 3.1vw; } .yingyong_a .btm *{transition: all 0.4s;} .yingyong_a .btm .box{ background: #F2F5F9; border-radius: 8px; text-align: center; padding: 1.5vw 10px; float: left; margin-bottom: 16px; margin-right: 16px; width: calc((100% - 16px * 5) / 6 ); } .yingyong_a .btm .box:nth-child(6n){margin-right:0;} .yingyong_a .btm .img{width: 4.4vw;display: inline-block;} .yingyong_a .btm .img .img2{display: none;} .yingyong_a .btm .bt{color: #3D3D3D;margin-top: 6px;} .yingyong_a .btm .box.cur,.yingyong_a .btm .box:hover{background: #004388;} .yingyong_a .btm .box.cur .img .img1,.yingyong_a .btm .box:hover .img .img1{display: none;} .yingyong_a .btm .box.cur .img .img2,.yingyong_a .btm .box:hover .img .img2{display: block;} .yingyong_a .btm .box.cur .bt,.yingyong_a .btm .box:hover .bt{color: #fff;} .yingyong_b{background: #F2F5F9;} .yingyong_b .btm {margin-top: 1.5vw;} .yingyong_b .btm .box{background: #fff;} .yingyong_b .top .img img{padding: 0;} @media(max-width: 1100px){ .yingyong_a .top{margin-top: 20px;} .yingyong_a .btm .box{padding: 20px 10px;width: calc((100% - 12px) / 2 );margin-right:12px;margin-bottom:12px;} .yingyong_a .btm .box:nth-child(6n) { margin-right: 12px; } .yingyong_a .btm .box:nth-child(2n) { margin-right: 0; } .yingyong_a .btm{padding-bottom: 40px;margin-top: 20px;} .yingyong_a .btm .img{width: 60px;} } @media(max-width: 770px){ .yingyong_a .btm .img{width: 50px;} .yingyong_a .top .img img{padding: 0;} .title .bt{ font-size: 25px;} } .mbx{ color: #999999; padding: 1vw 0; } .mbx a,.mbx span{color: #999999;display: inline-block;} .mbx .jt{margin: 0 2px;} .dianchi_a{ padding: 3.6vw 0 6.2vw; } .dianchi_a .top .title .bt{padding-right: 160px;} .dianchi_a .text{ line-height: 1.8; color: #333333; margin-top: 20px; text-align: justify; } .dianchi_a .ul{margin-top: 2vw;} .dianchi_a .ul li{ float: left; width: 48.8%; margin-right: 2.4%; } .dianchi_a .ul li:last-child{margin-right: 0;} .dianchi_a .ul li .img{border-radius: 12px;overflow: hidden;} .nongye_a .img{ border-radius: 12px; overflow: hidden; margin-top: 1.5vw; } @media(max-width: 1100px){ .mbx{padding: 16px 0;font-size: 12px;} .dianchi_a{ padding: 20px 0 40px; } .dianchi_a .ul{margin-top: 20px;} } @media(max-width: 640px){ .dianchi_a .ul li{width: 100%;margin-bottom: 10px;} } .nongye_b{ padding: 5.2vw 0 6.2vw; } .nongye_b .nongye_b_box{margin-top: 1.5vw;padding-bottom: 3.1vw;} .nongye_b .nongye_b_box .swiper-slide{padding: 10px;} .nongye_b .nongye_b_box .box{ display: flex; align-items: center; border-radius: 12px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); } .nongye_b .nongye_b_box .box .left{width: 45.7%;padding: 0 4.1vw;} .nongye_b .nongye_b_box .box .left .bt{color: #222222;} .nongye_b .nongye_b_box .box .left .text{ line-height: 1.8; color: #666666; margin-top: 14px; } .nongye_b .nongye_b_box .box .left .more_box{margin-top: 2vw;} .nongye_b .nongye_b_box .box .left .more_box .more{ float: left; margin-right: 14px; } .nongye_b .nongye_b_box .box .left .more_box .more:last-child{margin-right: 0;} .nongye_b .nongye_b_box .box .left .more_box .more.ziliao{background: #004388;} .nongye_b .nongye_b_box .box .right{width: 54.3%;border-radius: 12px;overflow: hidden;} @media(max-width: 1100px){ .nongye_a .img{margin-top: 20px;} .nongye_b{ padding: 40px 0; } .nongye_b .nongye_b_box{margin-top: 20px;padding-bottom: 30px} .nongye_b .nongye_b_box .box{display: block;;padding: 0;box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);} .nongye_b .nongye_b_box .box .left{ width: 100%; padding: 20px 14px; } .nongye_b .nongye_b_box .box .left .more_box{margin-top: 20px;} .nongye_b .nongye_b_box .box .right{width: 100%;} } /**小慢可持续发展**/ .SustainabilityA { background: #F2F5F9; padding: 6.2vw 0 6.30208vw; } .SustainabilityA .title .text { color: #333333; margin: 15px 0 35px; line-height: 1.6; } .SustainabilityA .ityatpa { overflow: hidden; border-radius: 12px; } .SustainabilityA .ityatpa .img { line-height: 0; } .SustainabilityA .ityatpa .yatpadw { position: absolute; width: 100%; left: 0; bottom: 30px; padding: 0 22px 0 31px; } .SustainabilityA .ityatpa .yatpadw .dwwz { color: #fff; line-height: 1.85; width: 57%; } .SustainabilityA .ityatpa .yatpadw .dwwz p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .SustainabilityA .ityatpa .yatpadw .dwwr { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); } .SustainabilityB { background: #fff; } .SustainabilityC { background: url(../images/SustainabilityC.jpg)no-repeat center center/cover; } .SustainabilityC .box .title { padding: 0; } @media(max-width:1100px) { .SustainabilityA { padding: 30px 0 50px; } .SustainabilityA .title .text { margin: 10px 0 20px; } .SustainabilityA .ityatpa .yatpadw { padding: 0 20px; bottom: 15px; } .SustainabilityA .ityatpa .img img { height: 55vw; } .SustainabilityA .ityatpa .yatpadw .dwwz { line-height: 1.65; width: 50%; } } /**恩福中国**/ .flex { display: flex; flex-wrap: wrap; } i { font-style: normal; } .EnfuChinaA {/* background: #F2F5F9;*/ padding: 6.2vw 0 6.77083vw; } .EnfuChinaA .title { margin-bottom: 1.6vw; } .EnfuChinaA .kuoyuan { border-radius: 10px; overflow: hidden; } .EnfuChinaA .chinaa { width: 50%; margin-bottom: 0; } .EnfuChinaA .chinaa:last-child { margin-bottom: 0; } .EnfuChinaA .chinaa .naal { width: 100%; height: 28.125vw; } .EnfuChinaA .chinaa .naal .alwz { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); color: #fff; line-height: 1; } .EnfuChinaA .chinaa .naar { width: 100%; position: absolute; height: 100%; background: #004388; bottom: -100%; transition: all .5s; } .EnfuChinaA .chinaa .naar { bottom: -100%; } .EnfuChinaA .chinaa:hover .naar{bottom: 0;} .EnfuChinaA .chinaa .naar .amnsd { position: absolute; top: 50%; transform: translateY(-50%); padding: 0 4.0625vw; } .EnfuChinaA .chinaa .naar .arbt { color: #fff; margin-top: 20px; } .EnfuChinaA .chinaa .naar .arnr { line-height: 1.88; margin: 6px 0 28px; color: #fff; } .EnfuChinaB { padding: 5.20833vw 0 0; } .EnfuChinaB .title .xjd { color: #222222; line-height: 1.7; margin: 15px 0 5px; } .EnfuChinaB .title .xjc { color: #333333; line-height: 1.86; display: inline-block; } .EnfuChinaB .inabxj { width: 66%; display: inline-block; margin: 47px 0 44px; } .EnfuChinaB .inabxj ul li { float: left; width: 33.33%; } .EnfuChinaB .inabxj ul li:nth-child(2) { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } .EnfuChinaB .inabxj ul li .szgd span { font-size: 3.33333vw; color: #3D3D3D; line-height: 1.5625vw; } .EnfuChinaB .inabxj ul li .szgd i { font-size: 1.04166vw; line-height: 1.5625vw; color: #3D3D3D; } .EnfuChinaB .inabxj ul li .szgb { color: #333333; line-height: 1.88; margin-top: 4px; } .EnfuChinaB .inabssp .img { overflow: hidden; border-radius: 10px; line-height: 0; } .EnfuChinaB .inabssp .dwk-baq { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .EnfuChinaB .inabssp .dwk-baq .img { overflow: initial; } .EnfuChinaB .inabssp .dwk-baq img { transform: scale(1); transition: all .4s; } .EnfuChinaB .inabssp .dwk-baq:hover img { transform: scale(.9); } .fixVideo{ display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 1000; } .fixVideoA { width: 100%; height: 100%; position: relative; } .fixVideoB { position: absolute; width: 80%; max-width: 900px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .fixVideoB .close { position: absolute; right: -1px; top: -40px; height: 40px; width: 40px; cursor: pointer; text-align: center; line-height: 40px; font-size: 30px; z-index: 10000; background: #000; color: #fff; } .EnfuChinaC { padding: 5.20833vw 0 0; } .EnfuChinaC .title { margin-bottom: 30px; } .EnfuChinaC .tabSwitch { background: #F2F5F9; } .EnfuChinaC .tabSwitch .ineracl { width: 576px; padding: 82px 0 72px; position: relative; height: 640px;} .EnfuChinaC .tabSwitch .ineracl .swiper-slide{overflow: auto;padding-right: 8px;padding-top: 10px;} .EnfuChinaC .tabSwitch .ineracl .swiper-slide::-webkit-scrollbar{ width: 4px; } .EnfuChinaC .tabSwitch .ineracl .swiper-slide::-webkit-scrollbar-track{ background: rgba(0, 67, 136, 0.05); width: 4px; border-radius: 50px; } .EnfuChinaC .tabSwitch .ineracl .swiper-slide::-webkit-scrollbar-track-piece{ width: 4px; } .EnfuChinaC .tabSwitch .ineracl .swiper-slide::-webkit-scrollbar-thumb{ background: #004388; border-radius: 50px; } .EnfuChinaC .tabSwitch .ineracl .swiper-slide::-webkit-scrollbar-button{ display: none; } .EnfuChinaC .tabSwitch .ineracl .tabTit{height: calc(25.5vw);overflow: auto;padding: 20px 10px 20px 0;} .EnfuChinaC .tabSwitch .ineracl .tabTit::-webkit-scrollbar{ width: 4px; } .EnfuChinaC .tabSwitch .ineracl .tabTit::-webkit-scrollbar-track{ background: rgba(0, 67, 136, 0.05); width: 4px; border-radius: 50px; } .EnfuChinaC .tabSwitch .ineracl .tabTit::-webkit-scrollbar-track-piece{ width: 4px; } .EnfuChinaC .tabSwitch .ineracl .tabTit::-webkit-scrollbar-thumb{ background: #004388; border-radius: 50px; } .EnfuChinaC .tabSwitch .ineracl .tabTit::-webkit-scrollbar-button{ display: none; } .EnfuChinaC .tabSwitch .ineracl::before { position: absolute; top: 0; left: 90px; background: #D0D7DF; width: 1px; height: 100%; content: ""; } .EnfuChinaC .tabSwitch .ineracl ul li { line-height: 1;/* margin-bottom: 37px;*/ cursor:pointer; } .EnfuChinaC .tabSwitch .ineracl ul li:last-child { margin-bottom: 0; } .EnfuChinaC .tabSwitch .ineracl ul li .span{ float: left; font-size: 18px; color: #005398; margin-right: 100px; position: relative; font-weight: bold; } .EnfuChinaC .tabSwitch .ineracl ul li.cur .span, .EnfuChinaC .tabSwitch .ineracl ul li.swiper-slide-active{ color: #F7A600; font-weight: bold; } .EnfuChinaC .tabSwitch .ineracl ul li .span::before { position: absolute; content: ""; right: -55px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; background: #D8D8D8; } .EnfuChinaC .tabSwitch .ineracl ul li.cur .span::before, .EnfuChinaC .tabSwitch .ineracl ul li.swiper-slide-active .span::before { background: url(../images/koumo.png)no-repeat center center/cover; width: 38px; height: 38px; right: -70px; } .EnfuChinaC .tabSwitch .ineracl ul li .i { float: right; font-size: 18px; color: #3D3D3D; width: calc(100% - 140px); line-height: 2; margin-top: -4px; } .EnfuChinaC .tabSwitch .ineracl ul li.cur .i ,.EnfuChinaC .tabSwitch .ineracl ul li.swiper-slide-active .i{ color: #F7A600; font-weight: bold; } .EnfuChinaC .tabSwitch .ineracr { width: 47.66%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 12px; overflow: hidden; } .EnfuChinaC .tabSwitch .ineracr .box {display: none; line-height: 0; } .EnfuChinaC .tabSwitch .ineracr .box.cur{display: block;} .EnfuChinaD { padding: 5.46875vw 0 5.78125vw; } .EnfuChinaD .title .tlxq { line-height: 1.89; margin: 5px 0 35px; } .EnfuChinaD .inadbot .swiper-wrapper .swiper-slide { border-radius: 10px 10px 0 0; overflow: hidden; box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.03); cursor: pointer; } .EnfuChinaD .inadbot .swiper-wrapper .swiper-slide .img { line-height: 0; } .EnfuChinaD .inadbot .swiper-wrapper .swiper-slide .apperm { border: 1px solid #EFEFEF; border-top: 0; padding: 30px 30px 35px 30px; border-radius: 0 0 10px 10px; overflow: hidden; } .EnfuChinaD .inadbot .swiper-wrapper .swiper-slide .apperm .ra { color: #222222; } .EnfuChinaD .inadbot .swiper-wrapper .swiper-slide .apperm .rb { color: #666666; line-height: 1.72; margin-top: 10px; } .EnfuChinaD .inadbot .swiper-wrapper .swiper-slide .apperm .rb p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .EnfuChinaD .inadbot .swiper-wrapper .swiper-slide .apperm .rc { color: #004388; margin-top: 32px; } .EnfuChinaD .inadbot .swiper-wrapper .swiper-slide .apperm .rc span { display: inline-block; vertical-align: middle; margin-top: -5px; margin-left: 4px; width: 7px; height: 11px; background: url(../images/pperm.png)no-repeat center center/cover; } .EnfuChinaD .inadbot .swiper-pagination-top { position: initial; margin: 0; line-height: 0; margin-top: 60px; } .EnfuChinaD .inadbot .swiper-pagination-top .swiper-pagination-bullet { background: #DBDBDB; border-radius: 3px; height: 7px; width: 62px; opacity: 1; margin-right: 10px; transition: all .4s; display: none;} .EnfuChinaD .inadbot .swiper-pagination-top .swiper-pagination-bullet:last-child { margin-right: 0; } .EnfuChinaD .inadbot .swiper-pagination-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #004388; } .gszsmop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999999; display: none; } .gszsmop .gszsdp { position: fixed; left: 0; top: 54%; transform: translateY(-50%); width: 100%; z-index: 9; } .gszsmop .gszsdp .container2 { background: #fff; border-radius: 10px; overflow: hidden; padding: 3.4vw 3.6vw 4.1vw 3.6vw;} .gszsmop .gszsdp .container2 .sdptop .ptopl { color: #222222; line-height: 1.4; padding-right: 60px;} .gszsmop .gszsdp .container2 .sdptop .ptopr { position: absolute; right: 0; top: -10px; width: 2.6vw; height: 2.6vw; background: url(../images/sdptop.png)no-repeat center center/cover; cursor: pointer; } .gszsmop .gszsdp .container2 .sdpbotom { color: #666666; line-height: 1.88; margin-top: 20px; max-height: 30vw;overflow: auto;padding-right: 8px; text-align: justify;} .gszsmop .gszsdp .container2 .sdpbotom::-webkit-scrollbar{ width: 4px; } .gszsmop .gszsdp .container2 .sdpbotom::-webkit-scrollbar-track{ background: rgba(0, 67, 136, 0.05); width: 4px; border-radius: 50px; } .gszsmop .gszsdp .container2 .sdpbotom::-webkit-scrollbar-track-piece{ width: 4px; } .gszsmop .gszsdp .container2 .sdpbotom::-webkit-scrollbar-thumb{ background: #004388; border-radius: 50px; } .gszsmop .gszsdp .container2 .sdpbotom::-webkit-scrollbar-button{ display: none; } .gszsmop .gszsdp .container2 .sdpbmsn { overflow: hidden; border-radius: 12px; margin-top: 27px; } .EnfuChinaE .xmdlsp { position: absolute; width: 100%; top: 5.78125vw; } .EnfuChinaE .xmdlsp .bt { color: #fff; } .EnfuChinaE .xndniwp ul li { float: left; width: 33.33%; height: 42.1875vw; border-right: 1px solid rgba(255, 255, 255, 0.2); text-align: center; } .EnfuChinaE .xndniwp ul li:last-child { border-right: 0; } .EnfuChinaE .xndniwp ul li .live { position: absolute; top: 57%; left: 50%; transform: translate(-50%,-50%); } .EnfuChinaE .xndniwp ul li .live .viem { color: #fff; line-height: 1.35; margin-top: 18px; } .EnfuChinaF { padding: 5.72916vw 0 6.51041vw; } .EnfuChinaF .nfnaftop { margin-bottom: 33px; } .EnfuChinaF .nfnaftop .aftor { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .EnfuChinaF .nfnaftop .aftor ul li { float: left; height: 50px; line-height: 48px; cursor: pointer; padding: 0 29px; transition: all .4s; border: 1px solid #004388; border-radius: 5px; color: #004388; font-size: 16px; margin-right: 15px; } .EnfuChinaF .nfnaftop .aftor ul li:last-child { margin-right: 0; } .EnfuChinaF .nfnaftop .aftor ul li.cur { background: #F7A600; border-color: #F7A600; color: #fff; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide { position: relative; border-radius: 10px; overflow: hidden; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .img { line-height: 0; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot { position: absolute; bottom: -100%; width: 100%; left: 0; padding: 0 48px; transition: all 1s; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot .ba { color: #fff; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot .bb { color: #fff; line-height: 1.88; margin-top: 10px; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot .bb p {/* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; */} .EnfuChinaF .nfnafbott .swiper-container .swiper-slide-active .perbot { bottom: 43px; } .EnfuChinaF .nfnafbott .nfnafbzslp .fbzsa { color: #666666; margin-top: 34px; } .EnfuChinaF .swiper-pagination { position: relative; margin: 0; line-height: 0; margin-top: 60px; } .EnfuChinaF .swiper-pagination .swiper-pagination-bullet { background: #DBDBDB; border-radius: 3px; height: 7px; width: 62px; opacity: 1; margin-right: 10px; transition: all .4s; } .EnfuChinaF .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } .EnfuChinaF .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #004388; } .EnfuChinaG { background: url(../images/EnfuChinaG.jpg)no-repeat center center/cover; } @media(max-width:1500px) { .EnfuChinaC .tabSwitch .ineracl ul li .span { font-size: 16px; } .EnfuChinaC .tabSwitch .ineracl ul li .i { font-size: 16px; } .EnfuChinaC .tabSwitch .ineracl ul li.cur .span::before , .EnfuChinaC .tabSwitch .ineracl ul li.swiper-slide-active .span::before{ width: 37px; height: 37px; } .EnfuChinaC .tabSwitch .ineracl ul li .span::before { width: 7px; height: 7px; } .EnfuChinaC .tabSwitch .ineracl::before { left: 86px; } .EnfuChinaF .nfnaftop .aftor ul li { height: 42px; line-height: 40px; font-size: 14px; } .EnfuChinaC .tabSwitch .ineracl {height: 600px;} } @media(max-width:1380px){ .EnfuChinaB .inabxj { width: 74%; } .EnfuChinaC .tabSwitch .ineracl { width: 450px; } .EnfuChinaC .tabSwitch .ineracl ul li .span { line-height: 1.3; } .EnfuChinaC .tabSwitch .ineracl ul li .i { width: 68%; line-height: 1.3; } .EnfuChinaC .tabSwitch .ineracr { width: 55%; } .EnfuChinaE .xndniwp ul li .live .icon { width: 65px; display: inline-block; } } @media(max-width:1300px) { .EnfuChinaA .chinaa .naal { height: 33.125vw; } } @media(max-width:1200px) { .EnfuChinaC .tabSwitch .ineracl { width: 400px; } .EnfuChinaC .tabSwitch .ineracl ul li .i { width: 60%; } } @media(max-width:1100px) { .EnfuChinaA { padding: 30px 0 50px; } .EnfuChinaA .title { margin-bottom: 20px; } .EnfuChinaA .chinaa { width: 100%; margin-bottom: 20px; overflow: hidden; border-radius: 10px; } .EnfuChinaA .chinaa .naar .arbt { margin-top: 5px; } .EnfuChinaA .chinaa .naal { height: 100vw;} .EnfuChinaA .chinaa .naar .arnr { margin-bottom: 20px; } .EnfuChinaB { padding: 30px 0 0; } .EnfuChinaB .title .xjd { line-height: 1.6; margin: 5px 0 10px; } .EnfuChinaB .inabxj { width: 100%; } .EnfuChinaB .inabxj ul li .szgd span { font-size: 24px; } .EnfuChinaB .inabxj ul li .szgd i { font-size: 16px; line-height: 1; } .EnfuChinaB .inabxj ul li .szgb { line-height: 1; margin-top: 5px; } .EnfuChinaB .inabssp .dwk-baq .img { width: 50px; } .EnfuChinaC { padding-top: 30px; } .EnfuChinaC .tabSwitch { padding-bottom: 50px; } .EnfuChinaC .title { margin-bottom: 20px; } .EnfuChinaC .tabSwitch .ineracr { width: 100%; position: initial; transform: translateY(0); } .EnfuChinaC .tabSwitch .ineracl { padding: 20px 0; width: 335px; } .EnfuChinaC .tabSwitch .ineracl ul li { margin-bottom: 20px; } .EnfuChinaC .tabSwitch .ineracl ul li .i { width: 74%; line-height: 1.6; margin-top: -24px;} .EnfuChinaC .tabSwitch .ineracl ul li .span { line-height: 1.6; margin-right: 50px; } .EnfuChinaC .tabSwitch .ineracl ul li.cur .span::before , .EnfuChinaC .tabSwitch .ineracl ul li.swiper-slide-active .span::before{ width: 27px; height: 27px; right: -39px; } .EnfuChinaC .tabSwitch .ineracl::before { left: 60px; } .EnfuChinaC .tabSwitch .ineracl ul li .span::before { right: -29px; } .EnfuChinaC .tabSwitch .ineracl {height: 400px;} .EnfuChinaD { padding: 30px 0 50px; } .EnfuChinaD .title .tlxq { margin-bottom: 20px; } .EnfuChinaD .inadbot .swiper-wrapper .swiper-slide .apperm { padding: 20px; } .EnfuChinaD .inadbot .swiper-wrapper .swiper-slide .apperm .rc { margin-top: 20px; } .EnfuChinaD .inadbot .swiper-pagination-top { margin-top: 30px; } .EnfuChinaD .inadbot .swiper-pagination-top .swiper-pagination-bullet { width: 30px; height: 4px; margin-right: 6px; } .gszsmop { z-index: 99; } .gszsmop .gszsdp .container2 { width: 94%; padding: 20px; } .gszsmop .gszsdp .container2 .sdpbotom { line-height: 1.65; margin-top: 15px; max-height: 400px;} .gszsmop .gszsdp .container2 .sdptop .ptopr { width: 30px; height: 30px; top: 0;} .gszsmop .gszsdp .container2 .sdpbmsn { margin-top: 20px; } .EnfuChinaE .xmdlsp { top: 30px; } .EnfuChinaE .xndniwp ul li { width: 100%; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); height: 85vw; } .EnfuChinaE .xndniwp ul li:last-child { border-bottom: 0; } .EnfuChinaE .xndniwp ul li .live .viem { margin-top: 5px; } .EnfuChinaF { padding: 30px 0 50px; } .EnfuChinaF .nfnaftop .aftor { position: initial; width: 100%; margin-top: 10px; transform: translateY(0);display: inline-block; width: 100%;} .EnfuChinaF .nfnaftop .aftor ul li { padding: 0; text-align: center; width: 31%; margin-right: 3.5%; } .EnfuChinaF .nfnaftop { margin-bottom: 25px; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide-active .perbot { bottom: 15px; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot { padding: 0; position:initial; margin-top:25px; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot .ba { color:#333; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot .bb { line-height: 1.65; margin-top: 5px; color:#666666; } .EnfuChinaF .nfnafbott .nfnafbzslp .fbzsa { margin-top: 20px; line-height: 1.6; } .EnfuChinaF .swiper-pagination { margin-top: 25px; } .EnfuChinaF .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 4px; margin-right: 6px; } .JoinusE .nfnafbott { padding:0 20px; } } @media(max-width: 800px){ .EnfuChinaC .tabSwitch .ineracl {height: 300px;} } /**职业发展**/ .CareerDevelopmentA { background: #F2F5F9; padding: 6.7vw 0 7.60416vw; } .CareerDevelopmentA .title { margin-bottom: 43px; } .CareerDevelopmentA .pmentabotm ul li { float: left; width: 23.94%; position: relative; margin-right: 1.41%; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.03); background: #fff; border-radius: 10px; overflow: hidden; padding: 20px 20px 48px 20px; } .CareerDevelopmentA .pmentabotm ul li:last-child { margin-right: 0; } .CareerDevelopmentA .pmentabotm ul li .img { line-height: 0; } .CareerDevelopmentA .pmentabotm ul li .taboatz .boa { color: #222222; margin-top: 25px; } .CareerDevelopmentA .pmentabotm ul li .taboatz .bob { color: #666666; line-height: 1.73; margin-top: 8px; } .CareerDevelopmentA .pmentabotm ul li .taboatm { position: absolute; width: 100%; height: 100%; bottom: -100%; left: 0; padding: 3.125vw 1.5625vw 0 1.5625vw; transition: all .5s; } .CareerDevelopmentA .pmentabotm ul li:hover .taboatm { bottom: 0; } .CareerDevelopmentA .pmentabotm ul li .moplsk { position: absolute; bottom: 2.96875vw; width: 100%; left: 0; padding: 0 1.5625vw; } .CareerDevelopmentA .pmentabotm ul li .moplsk .boma { color: #fff; } .CareerDevelopmentA .pmentabotm ul li .moplsk .bomb { color: #fff; line-height: 1.73; margin-top: 10px; } .CareerDevelopmentB { padding: 5.83333vw 0 6.25vw; } .CareerDevelopmentB .opmenz { margin: 30px 0 40px; text-align: center; } .CareerDevelopmentB .opmenz .opmenz-top { width: 490px; display: inline-block; } .CareerDevelopmentB .opmenz .swiper-wrapper .swiper-slide { border: 1px solid #005398; border-radius: 5px; height: 46px; line-height: 44px; font-size: 16px; color: #005398; cursor:pointer; } .CareerDevelopmentB .opmenz .swiper-wrapper .swiper-slide-thumb-active { color: #fff; background: #F7A600; border-color: #F7A600; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkl { border: 1px solid #EFEFEF; border-radius: 10px 0 0 10px; overflow: hidden; width: 50.8%; border-right: 0; padding: 6.14583vw 4.9vw 9.375vw 4.9vw; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkl .xkla { color: #222222; margin-top: 22px; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkl .xklb { line-height: 1.72; color: #666666; margin-top: 8px; height: 96px; padding-right: 10px; overflow-y: auto; overflow-x: hidden; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkl .xklb::-webkit-scrollbar { width: 4px; height: 4px; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkl .xklb::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); background: #004388; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkl .xklb::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .JoinusB .inusbbot ul li .nnsopb .nsopz .sob::-webkit-scrollbar { width: 4px; height: 4px; } .JoinusB .inusbbot ul li .nnsopb .nsopz .sob::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); background: #ffffffcf; } .JoinusB .inusbbot ul li .nnsopb .nsopz .sob::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkr { position: absolute; width: 49.2%; height: 100%; right: 0; border-radius: 0 10px 10px 0; overflow: hidden; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkr .swiper-container { height: 100%; } .CareerDevelopmentB .opmenw .opmenanm { position: absolute; bottom: 5.20833vw; left: 4.9vw; z-index: 5; } .CareerDevelopmentB .opmenw .opmenanm .gong { position: initial; margin-top: 0; width: 45px; height: 45px; transition: all .3s; } .CareerDevelopmentB .opmenw .opmenanm .gong:after { opacity: 0; } .CareerDevelopmentB .opmenw .opmenanm .swiper-button-prev { background: url(../images/opprev.png)no-repeat center center/cover; margin-right: 14px; } .CareerDevelopmentB .opmenw .opmenanm .swiper-button-next { background: url(../images/opnext.png)no-repeat center center/cover; } .CareerDevelopmentB .opmenw .opmenanm .swiper-button-prev:hover { background: url(../images/oppreva.png)no-repeat center center/cover; } .CareerDevelopmentB .opmenw .opmenanm .swiper-button-next:hover { background: url(../images/opnexta.png)no-repeat center center/cover; } .CareerDevelopmentC { background: #F2F5F9; padding: 5.3125vw 0 6.40624vw; } .CareerDevelopmentC .nfnaftop { margin-bottom: 30px; margin-left: 0 !important;} .CareerDevelopmentC .swiper-pagination { margin-top: 47px; } /*.CareerDevelopmentC .nfnafbott .swiper-container .swiper-slide .perbot .bb p { -webkit-line-clamp:3; }*/ .CareerDevelopmentD { padding: 5.10416vw 0 6.77083vw; } .CareerDevelopmentD .title .xns { color: #333333; line-height: 1.89; margin: 5px 0 32px; } .CareerDevelopmentD .opmentddz .ntddzl { float: left; width: 49.22%; margin-right: 1.56%; border-radius: 10px; overflow: hidden; position: relative; height: 25vw; } .CareerDevelopmentD .opmentddz .ntddzl:last-child { margin-right: 0; } .CareerDevelopmentD .opmentddz .ntddzl .modzb { position: absolute; bottom: 34px; width: 100%; left: 0; padding: 0 40px; transition: all .5s; opacity: 1; } .CareerDevelopmentD .opmentddz .ntddzl:hover .modzb { opacity: 0; } .CareerDevelopmentD .opmentddz .ntddzl .modzb .dda { color: #fff; } .CareerDevelopmentD .opmentddz .ntddzl .modzb .ddb { color: #fff; line-height: 1.89; margin-top: 5px; } .CareerDevelopmentD .opmentddz .ntddzl .modzd { position: absolute; width: 100%; height: 100%; left: 0; bottom: -100%; transition: all .5s; background: rgba(0, 67, 136, 0.9); } .CareerDevelopmentD .opmentddz .ntddzl:hover .modzd { bottom: 0; } .CareerDevelopmentD .opmentddz .ntddzl .modzd .icon { width: 3.85416vw; display: inline-block; } .CareerDevelopmentD .opmentddz .ntddzl .modzd .icon img { width: 100%; } .CareerDevelopmentD .opmentddz .ntddzl .modzd .dzmp .pa { color: #fff; margin-top: 20px; } .CareerDevelopmentD .opmentddz .ntddzl .modzd .dzmp .pb { color: #fff; line-height: 1.89; margin: 2px 0 30px; } .CareerDevelopmentD .opmentddz .ntddzl .modzd .dzddw { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%; } .CareerDevelopmentE { background: url(../images/CareerDevelopmentD.jpg)no-repeat center center/cover; } @media(max-width:1500px) { .CareerDevelopmentB .opmenz .swiper-wrapper .swiper-slide { font-size: 14px; height: 42px; line-height: 40px; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkl { padding: 80px 75px 150px; } .CareerDevelopmentB .opmenw .opmenanm { bottom: 70px; left: 75px; } } @media(max-width:1280px) { .CareerDevelopmentD .opmentddz .ntddzl { height: 30vw; } } @media(max-width:1100px) { .CareerDevelopmentA, .CareerDevelopmentB, .CareerDevelopmentC, .CareerDevelopmentD { padding: 30px 0 50px; } .CareerDevelopmentA .title { margin-bottom: 20px; } .CareerDevelopmentA .pmentabotm ul li { width: 49%; margin-right: 2%; margin-bottom: 2%; padding-bottom: 35px; } .CareerDevelopmentA .pmentabotm ul li:nth-child(2n) { margin-right: 0; } .CareerDevelopmentA .pmentabotm ul li .taboatz .boa { margin-top: 20px; } .CareerDevelopmentA .pmentabotm ul li .taboatz .bob { margin-top: 5px; } .CareerDevelopmentA .pmentabotm ul li .moplsk .bomb { margin-top: 5px; } .CareerDevelopmentA .pmentabotm ul li .taboatm { padding: 20px; } .CareerDevelopmentA .pmentabotm ul li .moplsk { padding: 0 20px; } .CareerDevelopmentB .opmenz { margin: 10px 0 20px; } .CareerDevelopmentB .opmenz .opmenz-top { width: 100%; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkr { width: 100%; position: initial; height: 50vw; border-radius: 10px 10px 0 0; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkl { width: 100%; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkl { padding: 25px 20px 100px; border: 1px solid #EFEFEF; border-top: 0; border-radius: 0 0 10px 10px; } .CareerDevelopmentB .opmenw .opmenanm { bottom: 30px; left: 20px; } .CareerDevelopmentB .opmenw .swiper-wrapper .swiper-slide .lexkl .xkla { margin-top: 10px; } .CareerDevelopmentB .opmenw .opmenanm .gong { width: 40px; height: 40px; } .CareerDevelopmentC .swiper-pagination { margin-top: 30px; } .CareerDevelopmentC .nfnaftop { margin-bottom: 20px; } .CareerDevelopmentD .title .xns { margin-bottom: 20px; } .CareerDevelopmentD .opmentddz .ntddzl { width: 100%; margin-bottom: 20px; height: 80vw; } .CareerDevelopmentD .opmentddz .ntddzl:last-child { margin-bottom: 0; } .CareerDevelopmentD .opmentddz .ntddzl .modzb { padding: 0 20px; bottom: 15px; } .CareerDevelopmentD .opmentddz .ntddzl .modzd .dzddw { width: 95%; } .CareerDevelopmentD .opmentddz .ntddzl .modzd .icon { width: 40px; } .CareerDevelopmentD .opmentddz .ntddzl .modzd .dzmp .pa { margin-top: 10px; } .CareerDevelopmentD .opmentddz .ntddzl .modzd .dzmp .pb { margin-bottom: 20px; } } @media(max-width:450px) { .CareerDevelopmentA .pmentabotm ul li { width: 100%; margin-bottom: 20px; } .CareerDevelopmentA .pmentabotm ul li:last-child { margin-bottom: 0; } } /*zhaoxu*/ .dlsx{ padding: 6.2vw 0; background: #F2F5F9; } .dlsx_a{ position: relative; } .dlsx_a .left{ width: 43.5%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .dlsx_a ul{ overflow: auto; height: 24.4vw; padding-right: 1.8vw; } .dlsx_a ul::-webkit-scrollbar{ width: 4px; } .dlsx_a ul::-webkit-scrollbar-track{ background: rgba(0, 67, 136, 0.05); width: 4px; border-radius: 50px; } .dlsx_a ul::-webkit-scrollbar-track-piece{ width: 4px; } .dlsx_a ul::-webkit-scrollbar-thumb{ background: #004388; border-radius: 50px; } .dlsx_a ul::-webkit-scrollbar-button{ display: none; } .dlsx_a ul li .bt{ color: #222222; font-weight: 350; } .dlsx_a ul li .bt1{ color: #999999; } .dlsx_a ul li{ margin-bottom: 1.5vw; line-height: 1.6; } .dlsx_a ul li:last-child{ margin-bottom: 0; } .dlsx_a .right{ width: 51%; overflow: hidden; border-radius: 15px; } .dlsx_b{ background: url(../images/dlsx_bottom.jpg)center center/cover; } .xwxq{ background: #F2F5F9; padding-bottom: 5.2vw; } .xwxq_a .left{ width: 72%; background: #fff; border-radius: 10px; } .xwxq_a .xwxq_l{ padding: 2vw 1.1vw 1.1vw 1.1vw; } .xwxq_a .xwxq_l .bt .b{ color: #222222; font-weight: bold; } .xwxq_a .xwxq_l .bt .t{ color: #004388; margin-top: 1vw; } .xwxq_a .xwxq_l .nr{ padding: 1.3vw 0 2.6vw; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; margin-top: 1.5vw; } .xwxq_a .xwxq_l .nr p{ line-height: 2; } .xwxq_a .xwxq_l .nr_01{ width: 100%; border: 1px solid #EEEEEE; padding: 16px 0 0 12px;; border-radius: 5px; position: relative; } .hb_01{ line-height: 0; } .xwxq_a .xwxq_l .nr_01 .rwm{ float: left; position: absolute; top: 50%; transform: translateY(-50%); left: 12px; line-height: 0; } .xwxq_a .xwxq_l .nr_01 .hb{ display: flex; align-items: center; position: relative; float: right; margin-right: 1.8vw; } .xwxq_a .xwxq_l .hb .bt{ line-height: 1.6; } .xwxq_a .xwxq_l .qh{ padding: 1.5vw 0; position: relative; } .xwxq_a .xwxq_l .qh a{ display: block; color: #666666; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .xwxq_a .xwxq_l .qh a:nth-child(2){ margin-top: 15px; } .xwxq_a .xwxq_l .qh a span{ color: #222222; } .xwxq_a .xwxq_l .qh .more{ display: inline-block; color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .xwxq_a .right{ width: 26%; } .xwxq_a .right .you1{ padding: 1.8vw 1.5vw 0.4vw 1.5vw; background: #fff; border-radius: 10px; } .xwxq_a .right .you1 .bt{ color: #000; font-weight: bold; } .xwxq_a .right .you1 ul{ margin-top: 1.3vw; } .xwxq_a .right .you1 ul li a{ width: 100%; display: block; } .xwxq_a .right .you1 ul li a{ color: #3D3D3D; padding: 1.5vw 0; border-top: 1px solid #EEEEEE; position: relative; transition: all 0.6s; } .xwxq_a .right .you1 ul li a:hover{ color: #004388; border-top: 1px solid #004388; } .xwxq_a .right .you1 ul li a:after{ content: ""; position: absolute; width: 14px; height: 12px; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/xwxq_jt1.png)center center/cover; transition: all 0.6s; } .xwxq_a .right .you1 ul li a:hover:after{ background: url(../images/xwxq_jt2.png)center center/cover; } .xwxq_a .right .you2{ margin-top: 1vw; background: #fff; padding: 1.8vw 1.5vw 0.4vw 1.5vw; border-radius: 10px; } .xwxq_a .right .you2 .bt{ color: #222222; font-weight: bold; } .xwxq_a .right .you2 ul li a{ display: block; width: 100%; padding: 1.5vw 0; border-bottom: 1px solid #EEEEEE; } .xwxq_a .right .you2 ul li:last-child a{ border-bottom: none; } .xwxq_a .right .you2 ul li .b{ margin-top: 15px; } .xwxq_a .right .you2 ul li .b .t{ color: #222222; } .xwxq_a .right .you2 ul li .b .sj{ color: #004388; margin-top: 10px; } .xwzx{ background: #F2F5F9; padding-top: 6.25vw; } .xwzx_01 .xl select { color: #999999; border: none; height: 50px; -webkit-appearance: none; padding: 0 18px; width: 100%; background: none; } .xwzx_01 .xl { border: 1px solid #CCCCCC; border-radius: 5px; overflow: hidden; position: relative; width: 26.6%; margin-right: 1.15%; } .xwzx_01 .xl:after { position: absolute; content: ""; width: 10px; height: 6px; right: 18px; top: 50%; transform: translateY(-50%); background: url(../images/xwzx_xl.png)center center/cover; } .xwzx_01 .sous { overflow: hidden; width: 44.5%; border: 1px solid #CCCCCC; border-radius: 5px; position: relative; height: 50px; padding: 0 21px; padding-right: 150px; } .xwzx_01 .sous .sous_1{ width: 100%; border: none; height: 50px; background: none; font-size: 14px; } .xwzx_01 .sous .fdj{ width: 132px; height: 100%; position: absolute; right: 0; top: 0; text-align: center; } .xwzx_01 .sous .fdj .bt{ padding-left: 18px; color: #fff; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .xwzx_01 .sous .fdj .bt:after{ content: ""; position: absolute; width: 12px; height: 13px; left: 40px; top: 53%; transform: translateY(-50%); background: url(../images/sous_fdj.png)center center/cover; } .xwzx_01 .sous .fdj .fdj_01{ border: none; width: 100%; height: 100%; background: #F7A600; border-radius: 5px; } .xwzx_a{ background: #F2F5F9; padding-top: 2.6vw; } .xwzx_a1{ background: #fff; overflow: hidden; position: relative; border-radius: 10px; } .xwzx_a1 .zuo1{ width: 50.9%; } .xwzx_a1 .zuo2{ width: 43.6%; } .xwzx_a1 .zuo2 a{ display: block; width: 100%; height: 100%; padding-right: 3vw; padding-top: 5.2vw; position: relative; padding-bottom: 7.8vw; } .xwzx_a1 .left .img{ line-height: 0; overflow: hidden; border-radius: 10px; } .xwzx_a1 .zuo2 .bt .b{ color: #222222; font-weight: bold; } .xwzx_a1 .zuo2 .bt .t{ color: #666666; margin-top: 0.9vw; line-height: 1.6; } .xwzx_a1 .zuo2 .bt .sj{ color: #004388; margin-top: 1.9vw; } .xwzx_a .xwzx_a1 .zuo2 a .swiper-pagination{ position: absolute; bottom: 0; } .xwzx_a .xwzx_a1 .zuo2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #004388; } .xwzx_a .xwzx_a1 .zuo2 .swiper-pagination .swiper-pagination-bullet { width: 3.2vw; height: 7px; border-radius: 3px; margin: 0 3px; opacity: 1; background: #DBDBDB; transition: all 0.4s; } .xwzx_b{ background: #F2F5F9; padding-top: 1.5vw; padding-bottom: 4.6vw; } .xwzx_b1{ margin-bottom: 3.6vw; } .xwzx_b1 ul li{ padding: 0.9vw 2.4vw 0.7vw 1vw; background: #fff; margin-top: 1.5vw; border-radius: 10px; } .xwzx_b1 ul li:nth-child(1){ margin-top: 0; } .xwzx_b1 ul li a{ width: 100%; display: block; position: relative; } .xwzx_b1 ul li a .left{ width: 19.5%; overflow: hidden; border-radius: 10px; } .xwzx_b1 ul li a .right{ width: 77%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .xwzx_b1 ul li .bt{ color: #222222; font-weight: bold; } .xwzx_b1 ul li .bt1{ color: #666666; margin-top: 0.9vw; line-height: 1.6; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xwzx_b1 ul li .sj{ color: #004388; margin-top: 1.8vw; } .xwzx_d{ background: url(../images/xwzx_d.jpg)center center/cover; } .zzzs{ background: #F2F5F9; padding: 6.2vw 0 4.6vw; } .zzzs .sous { overflow: hidden; width: 30.7%; border: 1px solid #CCCCCC; border-radius: 5px; position: relative; height: 50px; padding: 0 21px; margin-top: 10px; padding-right: 150px; } .zzzs .sous .sous_1{ width: 100%; border: none; height: 50px; background: none; font-size: 14px; } .zzzs .sous .fdj{ width: 132px; height: 100%; position: absolute; right: 0; top: 0; text-align: center; } .zzzs .sous .fdj .bt{ padding-left: 16px; color: #fff; display: inline-block; position: absolute; top: 50%; left: 50%; cursor: pointer; transform: translate(-50%,-50%); } .zzzs .sous .fdj .bt:after{ content: ""; position: absolute; width: 12px; height: 13px; left: 40px; top: calc(50% + 1px); transform: translateY(-50%); background: url(../images/sous_fdj.png)center center/cover; } .zzzs .sous .fdj.fdj2 .bt:after{left: 0;top: 50%;} .zzzs .sous .fdj .fdj_01{ border: none; width: 100%; height: 100%; background: #F7A600; border-radius: 5px; } .zzzs .bt .b{ color: #005398; font-weight: bold; } .zzzs_a{ margin-top: 2vw; } .zzzs_a ul li{ width: 23.9%; float: left; background: #fff; padding: 1vw; border-radius: 10px; margin-right: 1.46%; margin-top: 1.46%; } .zzzs_a ul li:nth-child(1), .zzzs_a ul li:nth-child(2), .zzzs_a ul li:nth-child(3), .zzzs_a ul li:nth-child(4){ margin-top: 0; } .zzzs_a ul li:nth-child(4n){ margin-right: 0; } .zzzs_a ul li .img{ background: #F2F5F9; border-radius: 10px; padding: 1.8vw 2vw; } .zzzs_a ul li a{ display: block; width: 100%; } .zzzs_a ul li .bt{ margin-top: 1.3vw; } .zzzs_a ul li .bt .b{ color: #222222; font-weight: bold; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .zzzs_a ul li .bt .t{ color: #004388; position: relative; display: inline-block; padding-right: 15px; margin-top: 10px; } .zzzs_a ul li .bt .t:after{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 10px; background: url(../images/zzzs_icon.png)center center/cover; } .zzzs_b{ background: url(../images/zzzs_b.jpg)center center/cover; } .zzzs_c{ background: url(../images/zzzs_d.jpg)center center/cover; } .jscl .qh{ margin-top: 10px; } .jscl .qh a{ display: inline-block; color: #004388; border-radius: 5px; border: 1px solid #004388; height: 50px; width: 132px; line-height: 50px; text-align: center; margin-right: 15px; transition: all 0.6s; } .jscl .qh a:hover{ color: #fff; background: #F7A600; border: 1px solid #F7A600; } .jscl .qh .cur{ color: #fff; background: #F7A600; border: 1px solid #F7A600; } .jscl_a ul{ margin-top: 2.6vw; } .jscl_a ul li{ width: 32.1%; float: left; border-radius: 10px; overflow: hidden; margin-right: 1.85%; margin-top: 1.85%; } .jscl_a ul li:nth-child(1), .jscl_a ul li:nth-child(2), .jscl_a ul li:nth-child(3){ margin-top: 0; } .jscl_a ul li:nth-child(3n){ margin-right: 0; } .jscl_a ul li a{ width: 100%; display: block; background: #fff; padding: 1.9vw 2.6vw 2vw 1.5vw; border-bottom: 3px solid #004388; transition: all 0.6s; } .jscl_a ul li:hover a{ background: #004388; } .jscl_a ul li .bt .b{ color: #222222; transition: all 0.6s; } .jscl_a ul li:hover .bt .b{ color: #fff; } .jscl_a ul li .bt .sj{ color: #004388; margin-top: 5px; transition: all 0.6s; } .jscl_a ul li:hover .bt .sj{ color: #F7A600; } .jscl_a ul li .bt .t{ color: #666666; line-height: 1.6; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 1.3vw; transition: all 0.6s; } .jscl_a ul li:hover .bt .t{ color: #FFFFFF; } .jscl_a ul li .bt .xz{ color: #004388; margin-top: 2.1vw; position: relative; padding-right: 15px; display: inline-block; transition: all 0.6s; } .jscl_a ul li:hover .bt .xz{ color: #fff; } .jscl_a ul li .bt .xz:after{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 10px; background: url(../images/zzzs_icon.png)center center/cover; transition: all 0.6s; } .jscl_a ul li:hover .bt .xz:after{ background: url(../images/jscl_icon.png)center center/cover; } .zzzs_a, .jscl_a{ margin-bottom: 3.7vw; } .jiaz{ width: 100%; text-align: center; } .jiaz a{ width: 100%; display: inline-block; margin-top: 10px; color: #999999; } .mbx, .mbx a{ color: #999999; } .xwxq{ padding-top: 20px; } .xwxq_a{ margin-top:3.1vw ; } .jianbian{ position: relative; } .jianbian:after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to top,#fff 0,rgba(0, 0, 0, 0) 60%); z-index: 1; } .xwzx_01 .sous .sous_1::-webkit-input-placeholder{ color: #999999; } .zzzs .sous .sous_1::-webkit-input-placeholder{ color: #999999; } @media(max-width:1100px){ .dlsx, .zzzs{ padding: 30px 0 50px; } .xwzx_01 .sous, .zzzs .sous{ width: 100%; height: 45px; margin-top: 4%; padding-right: 150px; } .xwzx_01 .sous .sous_1, .zzzs .sous .sous_1{ height: 45px; } .jscl .qh{ width: 100%; } .jscl .qh a{ width: 48.5%; margin-right: 3%; margin-top: 3%; float: left; height: 45px; line-height: 45px; } .jscl .qh a:nth-child(2){ margin-right: 0; } .jscl_a ul li{ width: 100%; } .jscl_a ul li:nth-child(2), .jscl_a ul li:nth-child(3){ margin-top: 1.85%; } .jscl_a ul{ margin-top: 20px; } .jscl_a ul li a{ padding: 15px; } .jscl_a ul li .bt .t{ margin-top: 10px; } .jscl_a ul li .bt .sj{ margin-top: 5px; } .jscl_a ul li .bt .xz{ margin-top: 20px; } .zzzs_a, .jscl_a{ margin-bottom: 25px; } .zzzs_a ul li{ width: 49%; margin-right: 2%; padding: 15px; } .zzzs_a ul li:nth-child(2n){ margin-right: 0; } .zzzs_a ul li:nth-child(3), .zzzs_a ul li:nth-child(4){ margin-top: 2%; } .zzzs_a ul li .img{ padding: 20px 15px; } .zzzs_a{ margin-top: 20px; } .xwzx_01 .xl{ width: 48%; margin-right: 4%; } .xwzx_01 .xl:nth-child(2){ margin-right: 0; } .xwzx_01 .xl select{ height: 45px; } .xwzx_a1 .zuo1{ width: 100%; } .xwzx_a1 .zuo2{ width: 100%; padding: 15px; } .xwzx_a .xwzx_a1 .zuo2 .swiper-pagination{ left: 50%; transform: translateX(-50%); } .xwzx_b1 ul li a .left{ width: 100%; } .xwzx_b1 ul li a .right{ width: 100%; position: inherit; top: 0; transform: translateY(0); margin-top: 20px; } .xwzx_a1 .zuo2 .bt .t, .xwzx_b1 ul li .bt1{ margin-top: 10px; } .xwzx_a1 .zuo2 .bt .sj, .xwzx_b1 ul li .sj{ margin-top: 15px; } .xwzx_b1 ul li{ padding: 15px; margin-top: 20px; } .xwzx_a .xwzx_a1 .zuo2 .swiper-pagination .swiper-pagination-bullet{ width: 30px; } .xwxq_a .left{ width: 100%; } .xwxq_a .right{ display: none; } .xwxq_a .xwxq_l{ padding: 15px; padding-top: 20px; } .xwxq_a .xwxq_l .nr{ margin-top: 15px; padding: 15px 0; } .xwxq_a .xwxq_l .bt .t{ margin-top: 10px; } .xwxq_a .xwxq_l .qh .more{ position: inherit; top: 0; transform: translateY(0); margin-top: 20px; } .dlsx_a .left{ width: 100%; position: inherit; top: 0; transform: translateY(0); } .dlsx_a .right{ width: 100%; margin-top: 20px; } .xwxq{ padding-bottom: 50px; } .xwzx{ padding-top: 30px; } .xwzx_b{ padding-bottom: 50px; padding-top: 20px; } .xwzx_a{ padding-top: 20px; } .xwxq_a .xwxq_l .nr_01{ padding: 15px; padding-bottom: 0; } .xwxq_a .xwxq_l .nr_01 .rwm{ position: inherit; top: 0; transform: translateY(0); left: 0; } .xwxq_a .xwxq_l .qh{ padding: 15px 0; } .xwzx_b1{ margin-bottom: 20px; } .zzzs_a ul li .bt{ margin-top: 10px; } .jscl_a ul li{ margin-right: 0; margin-top: 20px; } .dlsx_a ul{ height: 300px; } } /**2023-11-13新增**/ .canpinsuan { padding: 5.36458vw 0 6.61458vw; } .canpinsuan .insuansw { margin-top: 30px; } .canpinsuan .insuansw .swiper-container { padding: 0 3px; } .canpinsuan .insuansw .swiper-wrapper .swiper-slide .img { line-height: 0; border-radius: 10px 10px 0px 0px; overflow: hidden; } .canpinsuan .insuansw .swiper-wrapper .swiper-slide .bospe { box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.03); border: 1px solid #EFEFEF; border-top: 0; padding: 25px 30px 15px 30px; border-radius: 0px 0px 10px 10px; } .canpinsuan .insuansw .swiper-wrapper .swiper-slide .exb { color: #222222; margin-bottom: 5px; font-size: 16px; } .canpinsuan .insuansw .swiper-wrapper .swiper-slide .expb ul li a { display: block; transition: all .3s; border-bottom: 1px solid #EEEEEE; padding: 15px 0; line-height: 1; color: #999999; position: relative; } .canpinsuan .insuansw .swiper-wrapper .swiper-slide .expb ul li:last-child a { border-bottom: 0; } .canpinsuan .insuansw .swiper-wrapper .swiper-slide .expb ul li a:before { position: absolute; content: ""; right: 2px; top: 50%; transform: translateY(-50%); width: 6px; height: 10px; background: url(../images/sadx.png)no-repeat center center/cover; transition: all .3s; } .canpinsuan .insuansw .swiper-wrapper .swiper-slide .expb ul li a:hover:before { background: url(../images/sadxa.png)no-repeat center center/cover; } .canpinsuan .insuansw .swiper-wrapper .swiper-slide .expb ul li a:hover { color: #005398; } .canpinsuan .swiper-pagination { position: initial; margin: 0; line-height: 0; margin-top: 74px; } .canpinsuan .swiper-pagination .swiper-pagination-bullet { background: #DBDBDB; border-radius: 3px; height: 7px; width: 62px; opacity: 1; margin-right: 10px; transition: all .4s; } .canpinsuan .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } .canpinsuan .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #004388; } @media(max-width:1500px) { .canpinsuan { padding: 30px 0 50px; } .canpinsuan .insuansw { margin-top: 20px; } .canpinsuan .insuansw .swiper-wrapper .swiper-slide .bospe { padding: 15px; } .canpinsuan .insuansw .swiper-wrapper .swiper-slide .expb ul li a { padding: 13px 0; } .canpinsuan .swiper-pagination { margin-top: 30px; } .canpinsuan .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 4px; margin-right: 6px; } } .dalixinx { background: #F2F5F9; padding: 4.6875vw 0 5.72916vw; } .dalixinx .linxmdtp { margin-top: 33px; } .dalixinx .linxmdtp ul li { float: left; width: 23.94%; background: #fff; border-radius: 10px; overflow: hidden; margin-right: 1.41%; margin-bottom: 1.41%; transition: all .3s; height: 200px;} .dalixinx .linxmdtp ul li:nth-child(4n) { margin-right: 0; } .dalixinx .linxmdtp ul li a { display: block; padding: 33px 31px 42px 31px; } .dalixinx .linxmdtp ul li a .fia { color: #3D3D3D; transition: all .3s; } .dalixinx .linxmdtp ul li a .fib { color: #666666; line-height: 1.78; margin-top: 3px; transition: all .3s; } .dalixinx .linxmdtp ul li a .fic { color: #004388; line-height: 1; margin-top: 35px; transition: all .3s; } .dalixinx .linxmdtp ul li a .fic span { display: inline-block; width: 7px; height: 11px; margin-left: 5px; background: url(../images/linxmdtp.png)no-repeat center center/cover; transition: all .3s; } .dalixinx .linxmdtp ul li:hover { background: #005398; } .dalixinx .linxmdtp ul li:hover a .fia { color: #fff; } .dalixinx .linxmdtp ul li:hover a .fib { color: #fff;} .dalixinx .linxmdtp ul li:hover a .fic { color: #fff; } .dalixinx .linxmdtp ul li:hover a .fic span { background: url(../images/linxmdtpa.png)no-repeat center center/cover; } @media(max-width:1100px) { .dalixinx { padding: 30px 0 35px; } .dalixinx .linxmdtp { margin-top: 20px; } .dalixinx .linxmdtp ul li { width: 49%; margin-right: 2%; margin-bottom: 2%; } .dalixinx .linxmdtp ul li:nth-child(2n) { margin-right: 0; } .dalixinx .linxmdtp ul li a { padding: 15px; } .dalixinx .linxmdtp ul li a .fic { margin-top: 20px; } } /*2023-11-18新导航*/ .new_header{ padding-top: 20px; position: fixed; width: 100%; top: 0; left: 0; z-index: 999999; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05); } .new_header .left{ width: 13vw; } .new_header .right .top .sousuo{ float: left; margin-right: 1.5vw; position: relative; } .new_header .right .top .sousuo .box{cursor: pointer;color: #666666;} .new_header .right .top .sousuo .box i{ position: relative; margin-right: 5px; width: 12px; height: 12px; display: inline-block; vertical-align: middle; top: -1px; background: url(../images/header_ss3.svg) center center/cover; } .new_header .right .top .sousuo .sousuo_box { position: absolute; top: 50%; transform: translateY(-50%); width: 0; overflow: hidden; right: 0; transition: all 0.4s; border-radius: 4px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .new_header .right .top .sousuo .sousuo_box input[type="text"]{ height: 34px; width: 100%; border: none; background: #fff; font-size: 14px; padding: 0 40px 0 20px; color: #333; border-radius: 5px; } .new_header .right .top .sousuo .sousuo_box input[type="submit"]{ position: absolute; width: 20px; height: 20px; top: 50%; right: 10px; transform: translateY(-50%); background: url(../images/header_ss2.svg) center center/cover; border: none; } .new_header .right .top .sousuo.cur .sousuo_box{ width: 260px; } .new_header .right .top .r > a{float: left;margin-right: 1.5vw;color: #666666;} /* .new_header .right .top .r > a:last-child{margin-right: 0;} */ .new_header .right .top .r{float: right;} .new_header .right .top .r > .a{float: left;position: relative; margin-right: 1.5vw; } .new_header .right .top .r > .a:last-child { margin-right: 0; } .new_header .right .top .r > .a > a{ position: relative; padding-right: 12px; } .new_header .right .top .r > .a > a.jt:before { width: 8px; height: 4px; content: ""; position: absolute; right: 0; top: 50%; background: url(../images/header_jt2.svg) center center/cover; transform: translateY(-50%); transition: all 0.4s; } .new_header .right .top .r > .a .nr{ position: absolute; top: 100%; width: 100px; right: 0; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); padding: 8px 0; z-index: 3; border-radius: 4px; text-align: center; display: none; } .new_header .right .top .r > .a .nr a{ display: block; padding: 4px; color: #666666; } .new_header .right .top .r > .a:hover .nr{display: block;} .new_header .right .btm .ul li{ float: left; margin-right: 3.1vw; } .new_header .right .btm .ul li:last-child{margin-right: 0;} .new_header .right .btm .ul li > a{ padding: 0.8vw 0 1vw; display: block; color: #222222; position: relative; } .new_header .right .btm .ul li > a.xljt{padding-right: 12px;} .new_header .right .btm .ul li > a.xljt:before{ width: 8px; height: 4px; content: ""; position: absolute; right: 0; top: 50%; background: url(../images/header_jt2.svg) center center/cover; transform: translateY(-50%); transition: all 0.4s; } .new_header .right .btm .ul li .xl_box{ position: absolute; left: 0; top: 100%; width: 100%; z-index: 3; background: #F2F5F9; padding: 3.6vw 0; display: none; } .new_header .right .btm .ul li .xl_box .nr{width: 62vw;margin: 0 auto;} .new_header .right .btm .ul li .xl_box .dbt{color: #004388;} .new_header .right .btm .ul li .xl_box .xl_box_a_box .a{margin-top: 1vw;} .new_header .right .btm .ul li .xl_box .xl_box_a_box a{ color: #666666; display: block; position: relative; display: inline-block; padding-right: 12px; } .new_header .right .btm .ul li .xl_box .xl_box_a_box a:before{ width: 6px; height: 12px; content: ""; position: absolute; right: 0; top: calc(50% + 1px); background: url(../images/xl_box_a_box_jt2.svg) center center/cover; transform: translateY(-50%); transition: all 0.4s; } .new_header .right .btm .ul li .xl_box .xl_box_a_box a.fbt{color: #222222;} .new_header .right .btm .ul li .xl_box .xl_box_a_box a.fbt:before{background: url(../images/xl_box_a_box_jt.svg) center center/cover;} @media(max-width: 1500px){ .new_header .left{margin-top: 6px;} } @media(max-width: 1100px){ .new_header{display: none;} } .EnfuChinaD .EnfuChinaB{padding-top: 0 !important;} .about_kechixu{ padding: 6.2vw 0; } .about_kechixu .btm .box{ background: #004388; } .about_kechixu .btm .box .right{border-radius: 0;} .about_kechixu .btm .box .left .bt, .about_kechixu .btm .box .left .text{color: #fff;} .contact_c .box .title .dz{ color: #fff; margin-top: 10px; line-height: 1.8; } .shili_e .more { position: absolute; right: 0; bottom: 10px; } @media(max-width: 1100px){ .shili_e .more { position:relative; bottom:0; margin-top: 20px; } } .nongye_a .nongye_a_box{ margin-top: 1.6vw; } .nongye_a .nongye_a_box .box{ background: #fff; border-radius: 10px; } .nongye_a .nongye_a_box .box .icon{border-radius: 10px;} .nongye_a .nongye_a_box .box .wenzi{ padding: 1.6vw; } .nongye_a .nongye_a_box .box .wenzi .bt{color: #222222;} .nongye_a .nongye_a_box .box .wenzi .nr{margin-top: 6px;} .nongye_a .nongye_a_box .box .wenzi .nr a{ display: block; position: relative; color: #999999; border-bottom: 1px solid #EEEEEE; padding: 12px 10px 12px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.4s; } .nongye_a .nongye_a_box .box .wenzi .nr a:last-child{border-bottom: none;} .nongye_a .nongye_a_box .box .wenzi .nr a:before{ width: 6px; height: 12px; content: ""; position: absolute; right: 3px; top: calc(50% + 1px); background: url(../images/xl_box_a_box_jt3.svg) center center/cover; transform: translateY(-50%); transition: all 0.4s; } .nongye_a .nongye_a_box .box .wenzi .nr a.cur, .nongye_a .nongye_a_box .box .wenzi .nr a:hover{color: #004388;} .nongye_a .nongye_a_box .box .wenzi .nr a.cur:before, .nongye_a .nongye_a_box .box .wenzi .nr a:hover:before{background: url(../images/xl_box_a_box_jt4.svg) center center/cover;} .newnongye_b .news_more{float: left;margin-right: 10px;} .newnongye_b .news_more:last-child{margin-right: 0;} .newnongye_b .news_more.download i{ width: 13px; height: 13px; background: url(../images/xiazai.png) center center/cover; } .newnongye_b .btm_box .btm{display: none;} .newnongye_b .btm_box .btm.cur{display: block;} @media(max-width: 1100px){ .nongye_a .nongye_a_box{margin-top: 20px;} .nongye_a .nongye_a_box .box .wenzi{padding: 20px;} .nongye_a .nongye_a_box .box .wenzi .nr a{ padding: 8px 10px 8px 0;} } .chanpinxq_a .container2{ position: relative; } .chanpinxq_axq > .container2{ } /*.zxg{ float: left; width: 44.1%; margin-right: 6.5%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }*/ .zxg{ width: 44.1%; margin-right: 6.5%; } .zxg_a{ float: right; width: 49.4%; overflow: hidden; border-radius: 15px; line-height: 0; } .zxz{ color: #333333; margin-top: 22px; margin-bottom: 2.6vw; line-height: 1.6; } .ododo .li { display: none; } .ododo .li.active { display: block; } .nybanner , .banner{ padding-top: 80px; } .chanpinxq_axq{padding: 1.6vw 0;} .chanpinxq_axq .box .container2{ display: flex; align-items: center; } .chanpinxq_axq .box{ padding: 1vw 0 1vw; } .chanpinxq_axq .box:nth-child(2n) {background: #F2F5F9;} .chanpinxq_axq .box:nth-child(2n) .container2{flex-direction: row-reverse} .chanpinxq_axq .box:nth-child(2n) .zxg{margin-right: 0;margin-left: 6.5%;} @media(max-width: 1100px){ .zxz{margin-top: 10px;} .zxg{ width: 100%; position: initial; top: 0; transform: translateY(0); } .zxg_a{ width: 100%; margin-top: 20px; } .nybanner, .banner{ padding-top: 0; } .chanpinxq_axq{padding: 0;} .chanpinxq_axq .box{ padding: 40px 0; } .chanpinxq_axq .box .container2{ display: block; } .chanpinxq_axq .box .zxg{ margin-right: 0; margin-left: 0; } .chanpinxq_axq .box:nth-child(2n) .zxg{margin-left: 0;} } /**2023-11-22导航改版**/ .fl { float: left; } .manlop { margin-top: 20px; } .manlop .yijifenlei { width: 17.7vw; border-right: 1px solid #D8D8D8; } .manlop .yijifenlei .tabTit .btit { margin-bottom: 26px; line-height: 1; } .manlop .yijifenlei .tabTit .btit a { color: #666666; line-height: 1; display: inline-block; padding-right: 12px; position: relative; } .manlop .yijifenlei .tabTit .btit a::before { width: 6px; height: 12px; background: url(../images/xl_box_a_box_jt2.svg) center center/cover; top: 50%; transform: translateY(-50%); right: 0; position: absolute; content: ""; } .manlop .yijifenlei .tabTit .btit.cur a::before { background: url(../images/xl_box_a_box_jt.svg) center center/cover; } .manlop .yijifenlei .tabTit .btit.cur a { color: #333333; } .manlop .yijifenlei .tabTit .btit:last-child { margin-bottom: 0; } .manlop .moslxk { width: 44.27083vw; } .manlop .moslxk .box .fl { width: 50%; border-right: 1px solid #D8D8D8; } .manlop .moslxk .box .fl .a { padding: 0 3.125vw; line-height: 1; margin-bottom: 29px; } .manlop .moslxk .box .fl .a:last-child { margin-bottom: 0; } .manlop .moslxk .box .fl .a a { color: #666666; display: inline-block; line-height: 1; position: relative; padding-right: 12px; } .manlop .moslxk .box .fl .a a::before { width: 6px; height: 12px; background: url(../images/xl_box_a_box_jt2.svg) center center/cover; top: 50%; transform: translateY(-50%); right: 0; position: absolute; content: ""; } .manlop .moslxk .box .fl .a.cure a::before { background: url(../images/xl_box_a_box_jt.svg) center center/cover; } .manlop .moslxk .box .fl .a.cure a { color: #333333; } .manlop .moslxk .box .sanjifenlei .a:hover a { color: #333333; } .manlop .moslxk .box .sanjifenlei .a.hover a::before { background: url(../images/xl_box_a_box_jt.svg) center center/cover; } /**2023-11-22新增**/ .sousuojieguo { background: #f6f8fa; padding: 176px 0 8.17708vw; position: relative; min-height: calc(100vh - 17.1vw);} .sousuojieguo .container2 { position: relative; z-index: 5; } .sousuojieguo .eguocltop .ltl { font-weight: bold; color: #2f3336; line-height: 1; } .sousuojieguo .eguocltop .ltr { position: absolute; bottom: 0; left: 193px; color: #666666; } .sousuojieguo .eguocltop .ltr span { color: #006ebc; } .sousuojieguo .fenlei_box { margin-top: 50px; } .sousuojieguo .fenlei_box .select{ float:left; min-width:176px; font-size: 16px; position: relative; margin-right: 11px; } .sousuojieguo .fenlei_box .select a{ display: block; } .sousuojieguo .fenlei_box .select a.cur{ height: 52px; padding: 0 24px; line-height: 52px; border-radius: 50px; border: 1px solid #b6b9bc; position: relative; color: #666666; } .sousuojieguo .fenlei_box .select a.cur:before{ background: url(../images/layuie.png)no-repeat center center/cover; width: 12px; height: 7px; border: 0; top: 54%; transform: translateY(-50%); right: 20px; position: absolute; content: ""; } .sousuojieguo .fenlei_box .select .fenlei{ position: absolute; width: 100%; left: 0; top: 100%; padding-top: 8px; display: none; z-index: 3; } .sousuojieguo .fenlei_box .select:hover .fenlei{display:block;} .sousuojieguo .fenlei_box .select .fenlei .box{ border-radius: 10px; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); } .sousuojieguo .fenlei_box .select .fenlei .box a{ color: #666666; padding: 10px 1.5vw; border-bottom: 1px solid #eeeeee; transition: all 0.3s; line-height: initial !important; } .sousuojieguo .fenlei_box .select .fenlei .box a:last-child{border-bottom:none;} .sousuojieguo .fenlei_box .select .fenlei .box a:hover{color:#fc6f3d;} .sousuojieguo .fenlei_box .input_box{ float: left; width: 500px; position: relative; } .sousuojieguo .fenlei_box .input_box input[type="text"]{ width: 100%; background:none; border:1px solid #b6b9bc; border-radius: 50px; height: 52px; padding: 0 130px 0 30px; line-height: 52px; font-size: 16px; } .sousuojieguo .fenlei_box .input_box .btn{ position: absolute; right: 0; top: 0; height: 100%; width: 130px; } .sousuojieguo .fenlei_box .input_box .btn:before{ width: 16px; height: 16px; content: ""; position: absolute; top: 51%; left: 36px; transform: translateY(-50%); background: url(../images/sousuo_bai.png) center center/cover; z-index: 2; } .sousuojieguo .fenlei_box .input_box .btn input[type="submit"]{ position: absolute; right: 0; top: 0; height: 100%; width: 100%; background: #004388; border-radius: 50px; color: #fff; border:none; font-size: 16px; padding-left: 60px; text-align: left; } .sousuojieguo .xmsnbom { margin-top: 30px; } .sousuojieguo .xmsnbom ul li { background: #fff; margin-bottom: 15px; border-radius: 10px; overflow: hidden; } .sousuojieguo .xmsnbom ul li:last-child { margin-bottom: 0; } .sousuojieguo .xmsnbom ul li a { display: block; padding: 34px 30px 45px 30px; } .sousuojieguo .xmsnbom ul li a .toz .m1 { color: #004388; font-size: 14px; line-height: 34px; background: #f2f4f6; text-align: center; width: 91px; height: 34px; border-radius: 5px; display: inline-block; } .sousuojieguo .xmsnbom ul li a .toz .m2 { color: #2f3336; font-size: 20px; font-weight: bold; width: 70%; line-height: 1; margin-top: -5px; display: inline-block; vertical-align: middle; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sousuojieguo .xmsnbom ul li .tob { color: #666666; line-height: 1; margin-top: 16px; } .sousuojieguo .xmsnbom ul li .tob p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sousuojieguo:before { width: 100%; height: 11.8vw; position: absolute; left: 0; bottom: 0; background: url(../images/footer_bg.png) top center/cover; content: ""; z-index: 3; } .page { text-align: center; margin-top: 80px; } .page a{ width: 49px; height: 49px; line-height: 45px; border-radius: 6px; border: 1px solid #d2d2d2; display: inline-block; margin: 0 2px; color: #666666; font-size: 16px; transition: all 0.4s; } .page a.cur, .page a:hover{ border-color: #004388; background: #004388; color: #fff; } .page a[href='javascript:void(0);']{ opacity: 0.5; } .page a.prvea, .page a.nexta { font-family: 宋体; font-weight: bold; } @media(max-width:1700px) { .sousuojieguo .eguocltop .ltr { left: 160px; } .sousuojieguo .xmsnbom ul li a .toz .m2 { font-size: 18px; } } @media(max-width:1500px) { .sousuojieguo .eguocltop .ltr { left: 125px; } .sousuojieguo .fenlei_box .select a.cur, .sousuojieguo .fenlei_box .input_box input[type="text"], .sousuojieguo .fenlei_box .input_box .btn input[type="submit"] { font-size: 14px; } .sousuojieguo .fenlei_box .select .fenlei .box a { font-size: 14px; } .sousuojieguo .fenlei_box .select a.cur, .sousuojieguo .fenlei_box .input_box input[type="text"] { height: 45px; line-height: 45px; } .page a { font-size: 14px; } } @media(max-width:1100px) { .sousuojieguo { padding: 30px 0 65px; } .page a { width: 40px; height: 40px; line-height: 37px; } .sousuojieguo .eguocltop .ltr { left: 106px; } .sousuojieguo .fenlei_box { margin-top: 20px; } .sousuojieguo .fenlei_box .select { width: 100%; } .sousuojieguo .fenlei_box .input_box { width: 100%; margin-top: 15px; } .sousuojieguo .fenlei_box .select a.cur { padding: 0 20px; } .sousuojieguo .fenlei_box .input_box input[type="text"] { padding: 0 130px 0 20px; } .sousuojieguo .fenlei_box .input_box .btn { width: 110px; } .sousuojieguo .fenlei_box .input_box .btn:before { left: 29px; } .sousuojieguo .fenlei_box .input_box .btn input[type="submit"] { padding-left: 53px; } .sousuojieguo .xmsnbom ul li a { padding: 15px 15px 20px 15px; } .sousuojieguo .xmsnbom ul li a .toz .m2 { width: 100%; margin-top: 15px; margin-left: 0; } .sousuojieguo .xmsnbom ul li .tob { margin-top: 20px; } .page { margin-top: 30px; } } /**2023-11-23**/ .woshixiaomanwww .news_more a { color: #004388; } .woshixiaomanwww .xz { margin-left: 13px; } .woshixiaomanwww .xz a { color: #004388; font-weight: bold; display: inline-block; margin-top: 2vw; padding-right: 15px; position: relative; } .woshixiaomanwww .xz a:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 10px; background: url(../images/zzzs_icon.png)center center/cover; transition: all 0.6s; } @media(max-width:1100px) { .woshixiaomanwww .xz a { margin-top: 16px; } } /*20231124下拉*/ .new_header .right .btm .ul li{position: relative;} .new_header .right .btm .ul li .xl_box_a{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 9; width: 8.3vw; text-align: center; padding: 20px 5px; background: rgba(255, 255, 255, .86); border-radius: 0 0 10px 10px; display: none; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08); } .new_header .right .btm .ul li .xl_box_a:before{ content: ""; width: 0; height: 3px; background: #004388; position: absolute; left: 0; top: 0; transition: all 0.4s; } .new_header .right .btm .ul li .xl_box_a .a{ display: block; margin-bottom: 10px; } .new_header .right .btm .ul li .xl_box_a .a:last-child{margin-bottom: 0;} .new_header .right .btm .ul li .xl_box_a .a a{color: #3D3D3D;transition: all 0.4s;} .new_header .right .btm .ul li .xl_box_a .a a:hover{color: #004388;} .new_header .right .btm .ul li:hover .xl_box_a{ display: block; animation: xiala 0.4s linear 1; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; } .new_header .right .btm .ul li:hover .xl_box_a:before{width: 100%;} .new_header .right .btm .ul li .xl_box_b{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 9; width: 31.2vw; background: rgba(255, 255, 255, 1); border-radius: 0 0 10px 10px; display: none; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08); } .new_header .right .btm .ul li .xl_box_b:before{ content: ""; width: 100%; height: 3px; background: #004388; position: absolute; left: 0; top: 0; transition: all 0.4s; } .new_header .right .btm .ul li .xl_box_b .l{ float: left; width: 39%; } .new_header .right .btm .ul li .xl_box_b .l a{ display: block; padding: 1.5vw; color: #333333; border-radius: 8px; } .new_header .right .btm .ul li .xl_box_b .l a.cur{ background: #F2F5F9; color: #004388; } .new_header .right .btm .ul li .xl_box_b .r{ width: 61%; float: right; padding: 4px 0; } .new_header .right .btm .ul li .xl_box_b .r .nr{ padding: 1vw 1.5vw 0; } .new_header .right .btm .ul li .xl_box_b .r .nr:last-child{padding-bottom: 2vw;} .new_header .right .btm .ul li .xl_box_b .r .nr .bt{ padding-right: 20px; display: block; color: #666666; position: relative; } .new_header .right .btm .ul li .xl_box_b .r .nr .bt .i{ width: 18px; height: 18px; right: 0; top: 50%; content: ""; transform: translateY(-50%); position: absolute; background: url(../images/a_xindaohang.svg) center center/cover; } .new_header .right .btm .ul li .xl_box_b .r .nr .zhankai{display: none;margin-top: 1vw;} .new_header .right .btm .ul li .xl_box_b .r .nr .zhankai a{ display: block; color: #666666; padding: 0.6vw 0 0.8vw; border-top: 1px solid #D8D8D8; } .new_header .right .btm .ul li .xl_box_b .r .nr.cur .bt{color: #F7A600;} .new_header .right .btm .ul li .xl_box_b .r .nr.cur .bt .i{background: url(../images/a_xindaohang2.svg) center center/cover;} .new_header .right .btm .ul li:hover .xl_box_b{ display: block; animation: xiala 0.4s linear 1; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; } .new_header .right .btm .ul li .xl_box_c .r {padding: 1vw 0 2vw;} .new_header .right .btm .ul li .xl_box_c .r .box{ /*max-height: 30vw; overflow-y: auto;*/ } .new_header .right .btm .ul li .xl_box_c .r .box::-webkit-scrollbar{ width: 2px; } .new_header .right .btm .ul li .xl_box_c .r .box::-webkit-scrollbar-track{ background: #666; width: 2px; } .new_header .right .btm .ul li .xl_box_c .r .box::-webkit-scrollbar-track-piece{ width: 2px; } .new_header .right .btm .ul li .xl_box_c .r .box::-webkit-scrollbar-thumb{ background: #004388; border: 5px; } .new_header .right .btm .ul li .xl_box_c .r .box::-webkit-scrollbar-button{ display: none; } .new_header .right .btm .ul li .xl_box_c .r .nr:last-child { padding-bottom: 0; } @-webkit-keyframes xiala { 0% { transform: translate(-50%,-10px); opacity: 0; } 100% { transform: translate(-50%,0); opacity: 1; } } @keyframes xiala { 0% { transform: translate(-50%,-10px); opacity: 0; } 100% { transform: translate(-50%,0); opacity: 1; } } @media(max-width: 1500px){ .new_header .right .btm .ul li .xl_box_b .l .tit{font-size: 15px;} } /**2023/12/1修改**/ @media(max-width:1100px) { .nfnafbott{opacity: 0;} .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot .bb { overflow-y: auto; overflow-x: hidden; height: 68px; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot .bb::-webkit-scrollbar { width: 4px; height: 4px; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot .bb::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); background: #fff; } .EnfuChinaF .nfnafbott .swiper-container .swiper-slide .perbot .bb::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 0; background: rgba(255, 255, 255, 0.3); } .qianyan_a .btm .box .left .text { overflow-y: auto; overflow-x: hidden; height: 100px; padding-right: 10px; } .qianyan_a .btm .box .left .text::-webkit-scrollbar { width: 4px; height: 4px; } .qianyan_a .btm .box .left .text::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); background: #004388; } .qianyan_a .btm .box .left .text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .mifeng_b .mifeng_b_box .right .js { overflow-y: auto; overflow-x: hidden; height: 177px; } .mifeng_b .mifeng_b_box .right .js::-webkit-scrollbar { width: 4px; height: 4px; } .mifeng_b .mifeng_b_box .right .js::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); background: #fff; } .mifeng_b .mifeng_b_box .right .js::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 0; background: rgba(255, 255, 255, 0.3); } .about_kechixu .btm .box .left .text { overflow-y: auto; overflow-x: hidden; height: 177px; } .about_kechixu .btm .box .left .text::-webkit-scrollbar { width: 4px; height: 4px; } .about_kechixu .btm .box .left .text::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); background: #fff; } .about_kechixu .btm .box .left .text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 0; background: rgba(255, 255, 255, 0.3); } } /**/ .download_tc { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 99999999; margin-bottom: 1vw; overflow: auto; display: none; } .download_tc .download_tc_box .biaodan{height: auto;} .download_tc .download_tc_box{ position: absolute; top: 1vw; left: 50%; background: #fff; transform: translateX(-50%); padding: 4vw 3.5vw; border-radius: 10px; } .download_tc .download_tc_box .gb{ position: sticky; z-index: 99999; top: 0; margin-top: -2vw; margin-right: -1.4vw; width: 2.6vw; height: 2.6vw; display: block; background: url(../images/sdptop.png)no-repeat center center/cover; cursor: pointer; float: right; } /*保护政策*/ .baohuzc{ background: #fff; padding: 10.4vw 0 12vw; } .baohuzc .text{ line-height: 2; color: #666666; margin-top: 14px; } .baohuzc .text h3{ color: #222222; font-size: 20px; margin-bottom: 8px; } .baohuzc .text ol > li{ position: relative; padding-left: 18px; margin-top: 8px; } .baohuzc .text ul > li{list-style-type: decimal;margin-left: 22px;margin-top: 8px;} .baohuzc .text ol > li:before{ position: absolute; left: 4px; width: 4px; height: 4px; background: #666666; content: ""; position: absolute; top: 13px; border-radius: 100%; } @media(max-width: 1700px){ .baohuzc .text h3{font-size: 18px;} } @media(max-width: 1100px){ .baohuzc{padding: 40px 0 50px;} .baohuzc .text{margin-top: 10px;} .baohuzc .text h3{font-size: 16px;} .download_tc .download_tc_box .gb{ width: 36px; height: 36px; } } .nfnafbott { position: relative; height: 31.25vw; } .nfnafbott .box{ position: absolute; top: 0; width: 100%; opacity: 0; } .nfnafbott .box.cur{opacity: 1;} /*20231221导航*/ .new_header .right .btm .ul li .xl_box_b2{ position: absolute; width: 590px; top: 100%; left: 50%; transform: translateX(-50%); z-index: 9999; background: #fff; border-radius: 0 0 10px 10px; border-top: 3px solid #004388; display: none; min-height: 450px; box-shadow: 0 5px 8px 5px rgba(120,120,120,0.1); /*min-height: 24vw;*/ } .new_header .right .btm .ul li .xl_box_b2:before{ width: 44%; height: 100%; position: absolute; left: 28%; top: 0; border-right:2px solid #EEEEEE; background: #fcfcfc; content: ""; z-index: -1; } .new_header .right .btm .ul li:hover .xl_box_b2{display: block;} .new_header .right .btm .ul li .xl_box_b2 > .clearfix{display: flex;} .new_header .right .btm .ul li .xl_box_b2 .l{ float: left; width: 28%; } .new_header .right .btm .ul li .xl_box_b2 .l .tit a{ color: #333333; border-radius: 10px; display: block; padding: 1.5vw 0 1.5vw 1.5vw; } .new_header .right .btm .ul li .xl_box_b2 .l .tit a.cur{ background: #F2F5F9; color: #004388; } .new_header .right .btm .ul li .xl_box_b2 .z{ float: left; width: 44%; padding: 0.6vw 1.5vw; } .new_header .right .btm .ul li .xl_box_b2 .z .bt{ position: relative; } .new_header .right .btm .ul li .xl_box_b2 .z .nr{ border-bottom: 1px solid rgba(216, 216, 216, 0.4); } .new_header .right .btm .ul li .xl_box_b2 .z .bt a{padding: 1vw 0;display: block;color: #333333;width: calc(100% - 20px);} .new_header .right .btm .ul li .xl_box_b2 .z .bt .i{ width: 18px; height: 18px; right: 0; top: calc(1vw + 3px); content: ""; position: absolute; background: url(../images/a_xindaohang.svg) center center/cover; cursor: pointer; } .new_header .right .btm .ul li .xl_box_b2 .z .bt.cur a{color: #F7A600;} .new_header .right .btm .ul li .xl_box_b2 .z .bt.cur .i{background: url(../images/a_xindaohang2.svg) center center/cover;} .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji{ border-top: 1px solid rgba(216, 216, 216, 0.4); display: none; } .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .nr_erji_box{ border-bottom: 1px solid rgba(216, 216, 216, 0.4); } .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .nr_erji_box:last-child{ border-bottom: none; } .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .bt2{ position: relative; } .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .bt2 a{ color: #999999; display: block; padding: 0.8vw 0; width: calc(100% - 18px); } .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .bt2 .i{ background: url(../images/xl_box_a_box_jt3.svg) center center/cover; width: 6px; height: 10px; position: absolute; right: 3px; top: calc(1vw + 2px); cursor: pointer; transition: all 0.4s; } .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .bt2.cur a{color: #333333;} .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .bt2.cur .i{transform: rotate(90deg);background: url(../images/xl_box_a_box_jt2.svg) center center/cover;} .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .nr_sanji{display: none;} .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .nr_sanji a{ display: block; padding-left: 6px; position: relative; margin-bottom: 10px; } .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .nr_sanji a:before{ position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); height: 0; width: 2px; background: #004388; transition: all 0.4s; } .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .nr_sanji a.cur, .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .nr_sanji a:hover{color: #004388;} .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .nr_sanji a.cur:before, .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .nr_sanji a:hover:before{ height: calc(100% - 4px); } .new_header .right .btm .ul li .xl_box_b2 .r{ float: left; width: 28%; } .new_header .right .btm .ul li .xl_box_b2 .r .box{ display: none; padding: 1vw; } .new_header .right .btm .ul li .xl_box_b2 .r .box.cur{display: block;} .new_header .right .btm .ul li .xl_box_b2 .r .box a{display: block;margin-bottom: 10px;color: #999999;transition: all 0.4s;} .new_header .right .btm .ul li .xl_box_b2 .r .box a:last-child{margin-bottom: 0;} .new_header .right .btm .ul li .xl_box_b2 .r .box a:hover{color: #004388;} /*.mifeng_b .btm .swiper-pagination{display: none;}*/ .product_body .bgone:nth-child(2n){background: #fff;} .mifeng_b .mifeng_b_box .btm{transition: all 0s;width: 100%;} .chanpinxq_20231225{padding-top: 0;} /* @media(max-width: 1700px){ .chanpinxq_20231225{padding-top: 3vw;} } @media(max-width: 1500px){ .chanpinxq_20231225{padding-top: 1vw;} }*/ @media(max-width: 1100px){ .mifeng_b .mifeng_b_box .btm{padding-bottom: 40px;} } /*网站地图t20231226*/ .webmap{ background: #ffffff; padding: 9.8vw 0 8.2vw; } .webmap > .container2{position: relative;z-index: 9;} .webmap .box,.webmap .box2{ margin-top: 3vw; } .webmap .box .top,.webmap .box2 .top{background: #f2f5f9;padding: 14px 0;} .webmap .box .top .bt,.webmap .box2 .top .bt{ color: #004388; padding: 0 20px; position: relative; } .webmap .box .top .bt:before,.webmap .box2 .top .bt:before{ width: 4px; height: calc(100% - 12px); background: #004388; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .webmap .box .btm,.webmap .box2 .btm{ padding: 20px 20px 0; } .webmap .box .btm a{ float: left; color: #333333; margin-right: 4.1vw; margin-bottom: 8px; } .webmap .box .btm a:last-child{margin-right: 0;} .webmap .box2 a{color: #666;display: block;margin-bottom: 10px;position: relative;} .webmap .box2 a:last-child{margin-bottom: 0;} .webmap .box2 a .i{ background: url(../images/xl_box_a_box_jt.svg) center center/cover; width: 6px; height: 10px; position: relative; top: -1px; vertical-align: middle; cursor: pointer; transition: all 0.4s; display: inline-block; margin-left: 6px; } .webmap .box2 .btm a.cur{color: #333333;font-weight: bold;} .webmap .box2 .btm .yiji{ float: left; width: 16%; } .webmap .box2 .btm .erji{ float: left; width: 16%; padding: 0 1.6vw; } .webmap .box2 .btm .erji .erji_box{display: none;} .webmap .box2 .btm .erji .erji_box.cur{display: block;} .webmap .box2 .btm .sanji,.webmap .box2 .btm .siji,.webmap .box2 .btm .wuji{ float: left; width: 16%; padding: 0 1.6vw; } .webmap .box2 .btm .sanji .sanji_box{display: none;} .webmap .box2 .btm .sanji .sanji_box.cur{display: block;} .webmap .box2 .btm .sanji .sanji_box .sanji_box_box{display: none;} .webmap .box2 .btm .sanji .sanji_box .sanji_box_box.cur{display: block;} .webmap .box2.hangye .x{ background: #eee; width: 1px; height: 100%; content: ""; position: absolute; top: 0; } .webmap .box2.hangye .x.x1{left: 16%;} .webmap .box2.hangye .x.x2{left: 32%;} .webmap .box2.hangye .x.x3{left: 48%;} .webmap .box2.hangye .x.x4{left: 64%;} .webmap .box2 .btm a.xhx{display: block;width: fit-content;} .webmap .box2 .btm a.xhx:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #333333; transition: all 0.5s; } .webmap .box2 .btm a.xhx:hover{ color: #333333; font-weight: bold; } .webmap .box2 .btm a.xhx:hover:before{width: 100%;} .webmap .box2 .btm .siji .siji_box, .webmap .box2 .btm .siji .siji_box_box, .webmap .box2 .btm .siji .siji_box_box_box{display: none;} .webmap .box2 .btm .siji .siji_box.cur, .webmap .box2 .btm .siji .siji_box_box.cur, .webmap .box2 .btm .siji .siji_box_box_box.cur{display: block;} .webmap .box2 .btm .wuji .wuji_box{display: none;} .webmap .box2 .btm .wuji .wuji_box.cur{display: block;} .webmap .box2 .siji_box_box_box a.cur{color: #333;font-weight: bold;} .webmap .mo_btm{display: none;} @media(max-width: 1100px){ .webmap{padding: 40px 0 80px;} .webmap .box, .webmap .box2{margin-top: 20px;} .webmap .box .top, .webmap .box2 .top{padding: 10px 0;} .webmap .box .btm a{margin-right: 14px;margin-bottom: 20px;width: 24%;margin-right: 1.3%;} .webmap .box .btm a:nth-child(4n){margin-right: 0;} .webmap .box2 .btm .yiji, .webmap .box2 .btm .erji, .webmap .box2 .btm .sanji, .webmap .box2 .btm .siji, .webmap .box2 .btm .wuji{width: 50%;margin-bottom: 40px;padding: 0;} .webmap .box2.hangye .x{display: none;} .webmap .box .btm, .webmap .box2 .btm { padding: 12px 20px 0; } .webmap .pc_btm{display: none;} .webmap .mo_btm{display: block;} .webmap .box .top .bt, .webmap .box2 .top .bt{font-size: 20px;} } @media(max-width: 600px){ .webmap .box .btm a{width: 32%;margin-right: 1.3%;} .webmap .box .btm a:nth-child(4n){margin-right: 1.3%;} .webmap .box .btm a:nth-child(3n){margin-right: 0;} } .webmap .box2 .btm.mo_btm{padding-top: 0;padding: 0;} .mo_yiji .bt{padding: 0 20px;} .mo_yiji .bt > a{color: #666666;padding: 12px 0;margin-bottom: 0;} .mo_yiji a{position: relative;} .mo_yiji .bt .i2{ width: 76px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 100%; z-index: 99; background: url(../images/webmap_jt1.png) center right 20px no-repeat; transition: all 0.4s; } .mo_yiji .bt.cur > a{color: #000000;font-weight: bold;} .mo_yiji .bt.cur .i2{ background: url(../images/webmap_jt2.png) center right 20px no-repeat; } .mo_yiji .mo_erji .nr,.mo_yiji .mo_erji .nr2{border-bottom: 1px solid #eeeeee;} .mo_yiji .mo_erji .nr:last-child,.mo_yiji .mo_erji .nr2:last-child{border-bottom: none;} .mo_yiji .mo_erji .nr > .bt{background: #f8fafc;} .mo_yiji .mo_erji .nr > .bt:before{ width: 0; height: 2px; background: #005398; position: absolute; left: 0; top: 0; content: ""; transition: all 0.4s; } .mo_yiji .mo_erji .nr > .bt.cur{ background: #f2f5f9; } .mo_yiji .mo_erji .nr > .bt.cur:before{width: 100%;} .mo_yiji .mo_erji .mo_sanji > .bt{border-top: 1px solid #eeeeee;} .mo_yiji .mo_erji, .mo_yiji .mo_erji .mo_sanji, .mo_yiji .mo_erji .mo_sanji .mo_siji{display: none;} .mo_yiji .mo_erji.cur, .mo_yiji .mo_erji .mo_sanji.cur, .mo_yiji .mo_erji .mo_sanji .mo_siji.cur{display: block;} .mo_yiji{border-bottom: 1px solid #eeeeee;} .mo_yiji:last-child{border-bottom: none;} .mo_yiji .mo_erji .mo_sanji .mo_siji{ padding: 20px 16px; border-top: 1px solid #eeeeee; } .mo_yiji .mo_erji .mo_sanji .mo_siji .left{ float: left; width: 43%; border-right: 1px solid #eeeeee; } .mo_yiji .mo_erji .mo_sanji .mo_siji .left .bt2{margin-bottom: 10px;} .mo_yiji .mo_erji .mo_sanji .mo_siji .left .bt2:last-child{margin-bottom: 0;} .mo_yiji .mo_erji .mo_sanji .mo_siji .left .bt2 a{ padding-left: 6px; position: relative; } .mo_yiji .mo_erji .mo_sanji .mo_siji .left .bt2 a:before{ width: 3px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 0; background: #005398; content: ""; transition: all 0.4s; } .mo_yiji .mo_erji .mo_sanji .mo_siji .left .bt2.cur a:before{ height: calc(100% - 6px) } .mo_yiji .mo_erji .mo_sanji .mo_siji .left .bt2.cur a{ color: #005398; font-weight: bold; } .mo_yiji .mo_erji .mo_sanji .mo_siji .left .bt2 .i{ background: url(../images/xl_box_a_box_jt2.svg) center center no-repeat; width: 50px; height: 10px; position: absolute; right: 0; top: calc(1vw + 2px); cursor: pointer; transition: all 0.4s; } .mo_yiji .mo_erji .mo_sanji .mo_siji .left .bt2.cur .i{background: url(../images/xl_box_a_box_jt02.svg) center center no-repeat;} .mo_yiji .mo_erji .mo_sanji .mo_siji .right{ width: 57%; float: right; padding-left: 30px; } .mo_yiji .mo_erji .mo_sanji .mo_siji .right .mo_siji_box{display: none;} .mo_yiji .mo_erji .mo_sanji .mo_siji .right .mo_siji_box.cur{display: block;} .download_tc2{ position: fixed !important; background: rgba(0, 0, 0, 0.7); z-index: 99999999; top: 0; left: 0; width: 100%; display: none; height: 100%; } .download_tc2 .download_tc2_box{ position: absolute; background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(74.6% + 80px); padding: 40px; border-radius: 10px; } @media(max-width: 1100px){ .download_tc2 .download_tc2_box{ padding: 20px; } } .qianyan_a.qianyan_a_20240115 .btm_box .boxbox .dian{width: 260px;margin: 0 auto;} .qianyan_a.qianyan_a_20240115 .btm_box .boxbox .dian .swiper-slide{ height: 7px; border-radius: 10px; background: #DBDBDB; } .qianyan_a.qianyan_a_20240115 .btm_box .boxbox .dian .swiper-slide.swiper-slide-thumb-active{background: #004388;} @media(max-width: 1100px){ .qianyan_a.qianyan_a_20240115 .btm_box .boxbox .dian{width: 160px;} } /*20240117通用箭头*/ .tong20240117_jt{ position: relative; } .tong20240117_jt .swiper-button-prev, .tong20240117_jt .swiper-button-next{ width: 56px; height: 56px; transition: all 0.4s; border-radius: 100%; overflow: hidden; } .tong20240117_jt .swiper-button-prev:after, .tong20240117_jt .swiper-button-next:after{display: none;} .tong20240117_jt .swiper-button-prev{ left: -70px; background: url(../images/home_c_jtl.png) center center/cover; } .tong20240117_jt .swiper-button-next{ right: -70px; background: url(../images/home_c_jtr.png) center center/cover; } .tong20240117_jt .swiper-button-prev:hover{ background: url(../images/home_a_jtl.png) center center/cover #004388; } .tong20240117_jt .swiper-button-next:hover{ background: url(../images/home_a_jtr.png) center center/cover #004388; } @media(max-width: 1920px){ .tong20240117_jt .swiper-button-prev, .tong20240117_jt .swiper-button-next{ width: 2.9vw; height: 2.9vw; } .tong20240117_jt .swiper-button-prev{ left: -3.6vw; } .tong20240117_jt .swiper-button-next{ right: -3.6vw; } } @media(max-width: 1100px){ .tong20240117_jt .swiper-button-prev, .tong20240117_jt .swiper-button-next{display: none;} } .nfnafbott .box .swiper-button-prev,.nfnafbott .box .swiper-button-next{ opacity: 0.5; } .nfnafbott .box .swiper-button-prev:hover,.nfnafbott .box .swiper-button-next:hover{ opacity: 1; } .nfnafbott .box .swiper-button-prev{ left: 12.7%; background: url(../images/home_c_jtl.png) center center/cover #fff; } .nfnafbott .box .swiper-button-next{ right: 12.7%; background: url(../images/home_c_jtr.png) center center/cover #fff; } @media(max-width: 1500px){ .nfnafbott .box .swiper-button-prev{ left: 7%; } .nfnafbott .box .swiper-button-next{ right: 7%; } } .swiper-pagination {display: none !important;} /**0**/ .new_header .right .btm .ul li .xl_box_c{min-height: 25vw;} .new_header .right .btm .ul li .xl_box_b .l a{padding: 1.3vw 0.8vw;} .new_header .right .btm .ul li .xl_box_c {overflow: hidden;} .new_header .right .btm .ul li .xl_box_c .l{width: 24%;} .new_header .right .btm .ul li .xl_box_c .r{width: 76%;position: relative;} .new_header .right .btm .ul li .xl_box_c .r:before{ position: absolute; left: 51%; height: 2000%; width: 1px; background: #EEEEEE; content: ""; top: 3px; } .new_header .right .btm .ul li .xl_box_c .zhong{ float: left; width: 51%; padding: 0.5vw 1.5vw 1vw; } .new_header .right .btm .ul li .xl_box_c .you{ width: 49%; float: left; padding: 1.5vw; } .new_header .right .btm .ul li .xl_box_c .you .zhankai{display: none;} .new_header .right .btm .ul li .xl_box_c .you .zhankai.cur{display: block;} .new_header .right .btm .ul li .xl_box_c .you .zhankai a{ display: block; font-style: 14px; color: #000000; margin-bottom: 14px; } .new_header .right .btm .ul li .xl_box_c .you .zhankai a:last-child{margin-bottom: 0;} .new_header .right .btm .ul li .xl_box_c .r{padding: 0;} .new_header .right .btm .ul li .xl_box_c .r .nr{ padding: 1vw 10px 1vw 0; border-bottom: 1px solid rgba(216, 216, 216, 0.4); } .new_header .right .btm .ul li .xl_box_c .r .nr:last-child{border-bottom: none;} .new_header .right .btm .ul li .xl_box_c .r .nr:last-child{margin-bottom: 0;} .new_header .right .btm .ul li .xl_box_c .r .nr .bt:before{ width: 7px; height: 12px; transition: all 0.3s; transform-origin: 100% 50%; background: url(../images/xl_box_a_box_jt3.svg) center center/cover; } .new_header .right .btm .ul li .xl_box_c .r .nr.cur .bt:before{ background: url(../images/xl_box_a_box_jt4.svg) center center/cover; } .new_header .right .btm .ul li .xl_box_c .r .box2{padding: 0.8vw 0;} .new_header .right .btm .ul li .xl_box_c .r .box2 .nr{ float: left; padding: 0.7vw 10px 0.7vw 0; width: calc(100% / 2 - 3vw); margin: 0 1.5vw; } .new_header .right .btm .ul li .xl_box_c .r .box2 .nr:last-child{border-bottom: 1px solid rgba(216, 216, 216, 0.4);} .new_header .right .btm .ul li .xl_box_b2 .z .nr_erji .bt2.cur .i{transform: rotate(0);} .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox{padding: 1vw 1.5vw;} .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox{display: none;} .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox.cur{display: block;} .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox .nr .bt3{ padding: 0.6vw 20px 0.6vw 0; border-bottom: 1px solid rgba(216, 216, 216, 0.4); position: relative; } .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox .nr .bt3 a{ display: block; color: #666666; width: 100%; } .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox .nr .bt3.cur a{color: #000;} .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox .nr .bt3 i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/xl_box_a_box_jt2.svg) center center/cover; width: 7px; height: 10px; transition: all 0.4s; transform-origin: center 0; } .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox .nr .bt3.cur i{transform: rotate(90deg);} .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox .nr .abox{ padding: 10px 0; display: none; border-bottom: 1px solid rgba(216, 216, 216, 0.4); } .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox .nr:last-child .bt3{border-bottom: none;} .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox .nr .abox a{display: block;color: #000000;margin-bottom: 8px;} .new_header .right .btm .ul li .xl_box_b2 .r .boxboxbox .nr .abox a:last-child{margin-bottom: 0;} .new_header .right .btm .ul li .xl_box_b2{width: 35.2vw;} .new_header .right .btm .ul li .xl_box_b2 .z,.new_header .right .btm .ul li .xl_box_b2:before{ width: 38%; } .new_header .right .btm .ul li .xl_box_b2 .r{width: 34%;} .xinzeng20240119 .tong20240117_jt {display: none;} .xinzeng20240119 .tong20240117_jt.cur{display: block;} .mifeng_c .swiper-button-prev, .mifeng_c .swiper-button-next{display: none;} /**慢慢**/ .radius { border-radius: 10px; overflow: hidden; } .termanz .img { overflow: hidden; } .termanz img { transform: scale(1.01); transition: all .5s; } .termanz:hover img { transform: scale(1.05); } .JoinusA { padding: 5.72916vw 0 4.47916vw; } .JoinusA .title { margin-bottom: 32px; } .JoinusA .inusabot ul { display: flex; flex-wrap: wrap; } .JoinusA .inusabot ul li { float: left; background: #fff; width: 23.94%; margin-right: 1.41%; padding: 18px 19px 40px; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.03); } .JoinusA .inusabot ul li:last-child { margin-right: 0; } .JoinusA .inusabot ul li .sabota .erso { color: #222222; margin-top: 25px; } .JoinusA .inusabot ul li .sabota .siwo { color: #666666; line-height: 1.71; margin: 9px 0 35px; } .JoinusB { padding-bottom: 7.08333vw; } .JoinusB .inusbbot { margin-top: 30px; } .JoinusB .inusbbot ul { display: flex; flex-wrap: wrap; } .JoinusB .inusbbot ul li { float: left; border-radius: 10px; position: relative; overflow: hidden; margin-right: 1%; width: 13.45%; background: #fff; height: 330px; /*transition: all .5s; */} .JoinusB .inusbbot ul li:last-child { margin-right: 0; } .JoinusB .inusbbot ul li.cur { width: 27.7%; background: #005398; } .JoinusB .inusbbot ul li .nustop { height: 100%; position: absolute; width: 100%; } .JoinusB .inusbbot ul li.cur .nustop { opacity: 0; } .JoinusB .inusbbot ul li .nustop .nuss { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); } .JoinusB .inusbbot ul li .nustop .nuss .uss { color: #222222; line-height: 1.6; margin-top: 25px; } .JoinusB .inusbbot ul li .nnsopb { opacity: 0; padding: 40px 30px 0; } .JoinusB .inusbbot ul li .nnsopb .soemx { text-align: right; } .JoinusB .inusbbot ul li .nnsopb .nsopz .soa { color: #fff; line-height: 1.454; margin-top: 13px; } .JoinusB .inusbbot ul li .nnsopb .nsopz .sob { color: #fff; line-height: 1.71; margin-top: 8px; height: 96px; padding-right: 10px; overflow-y: scroll; overflow-x: hidden; cursor: pointer; overflow-y: scroll;} .JoinusB .inusbbot ul li.cur .nnsopb { opacity: 1; position: relative; z-index: 5; } .JoinusC .opmenz { line-height: 1; } .JoinusC .opmenz .kankaidan { width: auto; } .JoinusC .opmenz .kankaidan .tabTit { display: block; } .JoinusC .opmenz .kankaidan .tabTit .swiper-slide { float: left; width: 154px; margin-right: 15px; transition: all .5s; } .JoinusC .opmenz .kankaidan .tabTit .swiper-slide.cur { background: #F7A600; color: #fff; border-color: #F7A600; } .JoinusC .opmenz .kankaidan .tabTit .swiper-slide:last-child { margin-right: 0; } .JoinusD { padding-bottom: 5.46875vw; } .JoinusD .opmentddz .ntddzl { margin-bottom: 1.56%; } .JoinusD .opmentddz .ntddzl:nth-child(2n) { margin-right: 0; } .JoinusE { background: #fff; padding-bottom: 180px; } .JoinusE .nfnafbott .box { opacity: 1; } .JoinusE .swiper-pagination { display: block !important; } .JoinusE .nfnafbott .swiper-container .swiper-slide .img { position: relative; border-radius:10px; overflow:hidden; } .JoinusE .nfnafbott .swiper-container .swiper-slide .img::before { position: absolute; content: ""; transition: all .5s; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/JoinusE.png)no-repeat center center/cover; opacity: 0; } .JoinusE .nfnafbott .swiper-container .swiper-slide-active .img::before { opacity: 1; } .JoinusE .nfnafbott .swiper-container .swiper-slide .perbot .enrn { width: 50%; float: left; } .JoinusE .nfnafbott .swiper-container .swiper-slide .perbot a { float: right; margin-top: 35px; } .JoinusF { background: url(../images/JoinusF.jpg)no-repeat center center/cover; margin-top: 2.60416vw; } .tancmkan { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99999; } .tancmkan .ansmxmm { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 10px; overflow: hidden; width: 750px; text-align: center; padding: 107px 0 103px; } .tancmkan .ansmxmm .bt { color: #005398; } .tancmkan .ansmxmm .kanpo { color: #333333; line-height: 30px; margin-top: 5px; } .tancmkan .ansmxmm .guanbi { position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; background: url(../images/guanbi.png)no-repeat center center/cover; cursor: pointer; } @media(max-width:1100px) { .JoinusA { padding: 40px 0 50px; } .JoinusA .title { margin-bottom: 20px; } .JoinusA .inusabot ul li { width: 100%; margin-bottom: 20px; padding: 20px;} .JoinusA .inusabot ul li:last-child { margin-bottom: 0; } .JoinusA .inusabot ul li .sabota .siwo { height: auto !important; margin-bottom: 20px; } .JoinusB .inusbbot ul li { width: 100%; margin-bottom: 20px; } .JoinusB .inusbbot ul li.cur { width: 100%; } .JoinusB .inusbbot { margin-top: 20px; } .JoinusC .opmenz .kankaidan { width: 100%; } .JoinusC .opmenz .kankaidan .tabTit .swiper-slide { width: 100%; margin-bottom: 15px; } .JoinusC .opmenz .kankaidan .tabTit .swiper-slide:last-child { margin-bottom: 0; } .JoinusD .opmentddz .ntddzl { margin-bottom: 20px; } .JoinusE .nfnafbott { opacity: 1; height: auto; } .JoinusE .nfnafbott .swiper-container .swiper-slide .perbot .enrn { width: 100%; } .JoinusE .nfnafbott .swiper-container .swiper-slide .perbot a { float: left; margin-top: 20px; } .JoinusE .nfnafbott .box { position: initial; } .JoinusE { padding-bottom: 50px; } .JoinusF { margin-top: 0; } .tancmkan .ansmxmm { width: calc(100% - 40px); padding: 50px 20px 40px; } } /**加入我们职业生涯**/ .CareerA { padding: 5.46875vw 0 6.77083vw; } .CareerA .reer-top .xnanm { line-height: 1.875; width: 70%; display: inline-block; margin: 4px 0 0; } .CareerA .reer-bott { margin-top: 37px; } .CareerA .reer-bott .ejrenl { width: 50.4%; float: left; } .CareerA .reer-bott .ejrenr { width: 44.8%; float: right; padding-top: 5px; } .CareerA .reer-bott .ejrenr .mznmnto .mnzt { line-height: 46px; border: 1px solid #005398; border-radius: 5px; text-align: center; color: #005398; padding: 0 29px; margin-right: 11px; cursor: pointer; transition: all .5s; } .CareerA .reer-bott .ejrenr .mznmnto .mnzt:last-child { margin-right: 0; margin-bottom: 0; } .CareerA .reer-bott .ejrenr .mznmnto .mnzt.cur { background: #F7A600; border-color: #F7A600; color: #fff; } .CareerA .reer-bott .ejrenr .wznwnbo { margin-top: 40px; } .CareerA .reer-bott .ejrenr .wznwnbo .bix ul { border-top: 1px solid #D8D8D8; } .CareerA .reer-bott .ejrenr .wznwnbo .bix ul li { border-bottom: 1px solid #D8D8D8; position: relative; padding: 32px 0 32px; cursor: pointer; text-align: left;} .CareerA .reer-bott .ejrenr .wznwnbo .bix ul li::before { position: absolute; content: ""; width: 0; height: 2px; background: #11579D; top: -1px; transition: all .5s; left: 0; } .CareerA .reer-bott .ejrenr .wznwnbo .bix ul li .t { color: #222222; position: relative; line-height: 1; } .CareerA .reer-bott .ejrenr .wznwnbo .bix ul li .t::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 0; width: 14px; height: 14px; background: url(../images/bix.png)no-repeat center center/cover; } .CareerA .reer-bott .ejrenr .wznwnbo .bix ul li .cont { display: none; padding-top: 10px; } .CareerA .reer-bott .ejrenr .wznwnbo .bix ul li .cont .ntnr { line-height: 2; color: #666666; } .CareerA .reer-bott .ejrenr .wznwnbo .bix ul .curter::before { width: 100%; } .CareerA .reer-bott .ejrenr .wznwnbo .bix ul .curter .t { color: #11579D; } .CareerA .reer-bott .ejrenr .wznwnbo .bix ul .curter .t::before { background: url(../images/bixa.png)no-repeat center center/cover; height: 2px; } .CareerB { padding: 5.46875vw 0 6.97916vw; } .CareerB .reer-top .xnanm { line-height: 1.875; width: 70%; display: inline-block; margin: 5px 0 0; } .CareerB .reer-bott { margin-top: 38px; } .CareerB .reer-bott .radius { background: #11579D; position: relative; } .CareerB .reer-bott .ejrenl { width: 55%; float: right; position: absolute; top: 0; right: 0; height: 100%; } .CareerB .reer-bott .ejrenl .swiper-container { height: 100%; } .CareerB .reer-bott .ejrenl .swiper-container img { display: none; } .CareerB .reer-bott .ejrenr { width: 45%; padding: 48px 0 48px 55px; } .CareerB .reer-bott .ejrenr ul { position: relative; } .CareerB .reer-bott .ejrenr ul::before { position: absolute; left: 40px; top: 10px; width: 1px; height: 90%; content: ""; background: rgba(255, 255, 255, 0.1); } .CareerB .reer-bott .ejrenr ul li { margin-bottom: 20px; position: relative; cursor: pointer; } .CareerB .reer-bott .ejrenr ul li:last-child { margin-bottom: 0; } .CareerB .reer-bott .ejrenr ul li .s-icon { width: 80px; height: 80px; position: relative; } .CareerB .reer-bott .ejrenr ul li .s-icon .icone { width: 70px; background: #11579D; height: 70px; border: 1.5px solid rgba(255, 255, 255, 0.13); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .CareerB .reer-bott .ejrenr ul li .s-icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; } .CareerB .reer-bott .ejrenr ul li .s-icon .sm { display: none; } .CareerB .reer-bott .ejrenr ul li .wz { position: absolute; top: 50%; transform: translateY(-50%); left: 90px; width: 70%; transition: all .5s; } .CareerB .reer-bott .ejrenr ul li .wz .w { color: #fff; line-height: 1; } .CareerB .reer-bott .ejrenr ul li .wz .z { color: #FFFFFF; line-height: 1.5; margin-top: 2px; display: none; } .CareerB .reer-bott .ejrenr ul li .s-icon .uy { opacity: 0; transition: all .5s; width: 90px; height: 90px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; border-radius: 50%; overflow: hidden; } .CareerB .reer-bott .ejrenr ul li .s-icon .uy i { position: relative; float: left; width: 50%; height: 100%; overflow: hidden; } .CareerB .reer-bott .ejrenr ul li .s-icon .uy i::before { content: ''; position: absolute; width: 200%; right: 0; top: 0; bottom: 0; border: 5px solid #F7A600; border-radius: 100%; box-sizing: border-box; clip: rect(0, 94px, 94px, 45px); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } /*.CareerB .reer-bott .ejrenr ul li .s-icon .uy i:first-child::before { left: 0; right: auto; clip: rect(0px, 45px, 94px, 0px); }*/ /*.CareerB .reer-bott .ejrenr ul li.cur .s-icon .uy i::before { -webkit-animation: circleR 3500ms linear both; animation: circleR 3500ms linear both; }*/ /*.CareerB .reer-bott .ejrenr ul li.cur .s-icon .uy i:first-child::before {-webkit-animation-name: circleL;animation-name: circleL; }*/ /*.CareerB .reer-bott .ejrenr ul li.cur .s-icon .uy { opacity: 1; }*/ .CareerB .reer-bott .ejrenr ul li .s-icon:before{ position: absolute; content: ""; width: 90px; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 90px; border-radius: 50%; background: #F7A600; display: none; } .CareerB .reer-bott .ejrenr ul li.cur .s-icon:before{ display: block; } @keyframes circleL { 0%, 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes circleR { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 50%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .CareerB .reer-bott .ejrenr ul li.cur .s-icon .icone { width: 80px; height: 80px; background: #fff; } .CareerB .reer-bott .ejrenr ul li.cur .s-icon .sm { display: block; } .CareerB .reer-bott .ejrenr ul li.cur .wz { left: 108px; } .CareerB .reer-bott .ejrenr ul li.cur .wz .z { display: block; } .CareerC { padding: 5.46875vw 0 6.61458vw; } .CareerC .reer-top .xnanm { line-height: 1.875; width: 100%; display: inline-block; margin: 8px 0 0; } .CareerC .reer-bott { background: #fff; margin-top: 32px; } .CareerC .reer-bott .ejrenl { width: 50.4%; float: left; position: absolute; top: 0; left: 0; height: 100%; } .CareerC .reer-bott .ejrenl .swiper-container { height: 100%; } .CareerC .reer-bott .ejrenl .swiper-container img { display: none; } .CareerC .reer-bott .ejrenr { width: 49.6%; float: right; padding: 82px 71px 85px 71px; } .CareerC .reer-bott .ejrenr ul { position: relative; } .CareerC .reer-bott .ejrenr ul::before { position: absolute; top: 0; left: 0; width: 5px; height: 100%; content: ""; background: rgba(17, 87, 157, 0.05); overflow: hidden; border-radius: 100px; } .CareerC .reer-bott .ejrenr ul li { margin-bottom: 50px; padding-left: 35px; position: relative; } .CareerC .reer-bott .ejrenr ul li:last-child { margin-bottom: 0; } .CareerC .reer-bott .ejrenr ul li::before { position: absolute; content: ""; left: 0; top: 0; height: 0; transition: all .5s; width: 5px; background: #11579D; border-radius: 100px; } .CareerC .reer-bott .ejrenr ul li .t { color: rgba(34, 34, 34, 0.5); font-size: 20px; line-height: 1; transition: all .5s; } .CareerC .reer-bott .ejrenr ul li .cont { display: none; padding-top: 9px; } .CareerC .reer-bott .ejrenr ul li .cont .z { color: #666666; line-height: 1.625; } .CareerC .reer-bott .ejrenr ul li.curter .t { color: #222222; font-size: 24px; } .CareerC .reer-bott .ejrenr ul li.curter::before { height: 100%; } .CareerD .diwnznn { position: absolute; top: 17%; transform: translateY(-50%); left: 0; width: 100%; } .CareerD .diwnznn .title .bt { color: #fff; } .Joinusews { margin-top: 0; background: url(../images/JoinusF.jpg) no-repeat center center / cover; } @media(max-width:1500px) { .CareerA .reer-bott .ejrenr .wznwnbo .bix ul li { padding: 20px 0; } .CareerB .reer-bott .ejrenr { padding-left: 35px; } .CareerC .reer-bott .ejrenr { padding: 82px 45px 85px 45px; } .CareerC .reer-bott .ejrenr ul li .t { font-size: 18px; } .CareerC .reer-bott .ejrenr ul li.curter .t { font-size: 22px; } .CareerB .reer-top .xnanm { width:80%; } } @media(max-width:1100px) { .CareerA, .CareerB, .CareerC { padding: 40px 0 50px; } .CareerA .reer-top .xnanm, .CareerB .reer-top .xnanm { width: 100%; margin-top: 5px; } .CareerA .reer-bott { margin-top: 25px; } .CareerA .reer-bott .ejrenl { width: 100%; } .CareerA .reer-bott .ejrenr { width: 100%; padding-top: 0; margin-top: 20px; } .CareerA .reer-bott .ejrenr .mznmnto .mnzt { width: 49%; margin-right: 2%; line-height: 40px; } .CareerA .reer-bott .ejrenr .wznwnbo { margin-top: 25px; } .CareerB .reer-bott { margin-top: 30px; } .CareerB .reer-bott .ejrenl { width: 100%; position: initial; } .CareerB .reer-bott .ejrenr { width: 100%; padding: 30px 20px 20px; } .CareerB .reer-bott .ejrenr ul::before { left: 35px; } .CareerB .reer-bott .ejrenr ul li .s-icon { width: 70px; height: 70px; } .CareerB .reer-bott .ejrenr ul li .s-icon .icone { width: 60px; height: 60px; } .CareerB .reer-bott .ejrenr ul li .s-icon .icone img { width: 25px; } .CareerB .reer-bott .ejrenr ul li .s-icon .uy { width: 80px; height: 80px; } .CareerB .reer-bott .ejrenr ul li .s-icon .uy i::before { clip: rect(0, 84px, 84px, 40px); border: 5px solid #F7A600; } .CareerB .reer-bott .ejrenr ul li .s-icon .uy i:first-child::before { clip: rect(0px, 40px, 84px, 0px); } .CareerB .reer-bott .ejrenr ul li .wz { left: 80px; } .CareerB .reer-bott .ejrenr ul li.cur .wz { left: 90px; } .CareerB .reer-bott .ejrenl .swiper-container .swiper-slide { background: none !important; } .CareerB .reer-bott .ejrenr ul li.cur .s-icon .icone { width: 70px; height: 70px; } .CareerB .reer-bott .ejrenl .swiper-container img { display: block; } .CareerC .reer-bott { margin-top: 30px; } .CareerC .reer-bott .ejrenl { width: 100%; position: initial; } .CareerC .reer-bott .ejrenl .swiper-container .swiper-slide { background: none !important; } .CareerC .reer-bott .ejrenl .swiper-container img { display: block; } .CareerC .reer-bott .ejrenr { width: 100%; padding: 20px; } .CareerC .reer-bott .ejrenr ul li { padding-left: 20px; margin-bottom: 25px; } .CareerB .reer-bott .ejrenr ul li .s-icon:before{ width: 80px; height: 80px; } } /**4Q&A**/ .sqamanx { padding: 5.20833vw 0 7.29166vw; } .sqamanx .anmwnnxze { margin-top: 20px; } .sqamanx .anmwnnxze ul li { background: #fff; border-radius: 10px; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.03); margin-bottom: 15px; } .sqamanx .anmwnnxze ul li:last-child { margin-bottom: 0; } .sqamanx .anmwnnxze ul li .t { position: relative; padding: 28px 25px; border-radius: 10px; overflow: hidden; background: #fff; transition: all .5s; } .sqamanx .anmwnnxze ul li .t .before { position: absolute; content: ""; top: 50%; right: 25px; transform: translateY(-50%); width: 32px; height: 32px; border: 2px solid #CCCCCC; border-radius: 50%; } .sqamanx .anmwnnxze ul li .t .before::before { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 11px; height: 11px; background: url(../images/duain.png)no-repeat center center/cover; } .sqamanx .anmwnnxze ul li .t .te { position: relative; width: 100%; color: #222222; line-height: 1; padding-left: 36px; } .sqamanx .anmwnnxze ul li .t span { width: 70%; display: inline-block; } .sqamanx .anmwnnxze ul li .t .te::before { position: absolute; content: ""; top: 42%; left: 0; transform: translateY(-50%); width: 22px; height: 22px; background: url(../images/anmwn.png)no-repeat center center/cover; } .sqamanx .anmwnnxze ul li .cont { display: none; padding: 23px 25px 30px; } .sqamanx .anmwnnxze ul li .cont .wzns { line-height: 1.875; color: #666666; } .sqamanx .anmwnnxze ul li.curter .t { background: #11579D; } .sqamanx .anmwnnxze ul li.curter .t .te { color: #fff; } .sqamanx .anmwnnxze ul li.curter .before { background: rgba(255, 255, 255, 0.1); border: 0; } .sqamanx .anmwnnxze ul li.curter .before::before { background: url(../images/duaina.png)no-repeat center center/cover; height: 2px; } .sqamanx .anmwnnxze ul li.curter .t .te::before { background: url(../images/anmwna.png)no-repeat center center/cover; } @media(max-width:1100px){ .sqamanx { padding: 40px 0 50px; } .sqamanx .anmwnnxze ul li .t { padding: 15px 20px; } .sqamanx .anmwnnxze ul li .cont { padding: 20px; } .sqamanx .anmwnnxze ul li .t .before { right: 20px; width: 28px; height: 28px; } } /**乐活恩福**/ .lehuoanemA { padding: 6.77083vw 0 6.77083vw; } .lehuoanemA .uoanel { float: left; width: 34%; position: absolute; top: 50%; transform: translateY(-50%); } .lehuoanemA .uoanel .xqdf { line-height: 1.875; margin: 5px 0 30px; color: #333333; } .lehuoanemA .uoanel .uoabott ul { border-top: 1px solid #D8D8D8; } .lehuoanemA .uoanel .uoabott ul li { border-bottom: 1px solid #D8D8D8; line-height: 1; padding: 33px 0 31px; color: #222222; position: relative; cursor: pointer; } .lehuoanemA .uoanel .uoabott ul li:before { position: absolute; left: 0; top: -1px; width: 0; height: 2px; content: ""; background: #11579D; transition: all .5s; } .lehuoanemA .uoanel .uoabott ul li:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; content: ""; transition: all .5s; background: url(../images/kunlzn.png)no-repeat center center/cover; } .lehuoanemA .uoanel .uoabott ul li.cur { color: #11579D; } .lehuoanemA .uoanel .uoabott ul li.cur:before { width: 100%; } .lehuoanemA .uoanel .uoabott ul li.cur:after { background: url(../images/kunlzna.png)no-repeat center center/cover; } .lehuoanemA .uoaner { float: right; width: 57.5%; } .lehuoanemA .swiper-container { overflow: visible; height: 30.20833vw; } .lehuoanemA .swiper-container .swiper-slide { border-radius: 10px; line-height: 0; overflow: hidden; opacity: .3; transition: all .3s; } .lehuoanemA .swiper-container .swiper-slide img { width: 100%; overflow:hidden; border-radius:10px; } .lehuoanemA .swiper-container .swiper-slide-next { opacity: .5; } .lehuoanemA .swiper-container .swiper-slide-active { opacity: 1; } .lehuoanemA .masdosp { overflow: hidden; padding-bottom: 3.125vw; } .lehuoanemA .swiper-pagination { display: block !important; width: 100%; top: auto; right: auto; left: 50%; transform: translateX(-50%); bottom: -3.125vw; line-height: 0; } .lehuoanemA .swiper-pagination .swiper-pagination-bullet { display: inline-block; border-radius: 300px; width: 62px; height: 7px; margin: 0 5px 0 5px; opacity: 1; background: #DBDBDB; transition: all .5s; } .lehuoanemA .swiper-pagination .swiper-pagination-bullet-active { background: #004388; } .lehuoanemB { background: #F2F5F9; } .lehuoanemB .aftol .xmq { color: #333333; margin-top: 11px; text-align: center;} .lehuoanemB .nfnaftop { margin-bottom: 35px; } .wamdns { position: relative; } .lehuoanemC { padding: 6.40624vw 0 6.77083vw; } .lehuoanemC .title { margin-bottom: 10px; } .lehuoanemC .xqdf { margin-bottom: 35px; } .lehuoanemC .uoanzmb { background: #004388; } .lehuoanemC .uoanzmb .ananznl { width: calc(100% - 718px); float: left; position: absolute; left: 0; top: 0; height: 100%; } .lehuoanemC .uoanzmb .ananznl .swiper-container { height: 100%; } .lehuoanemC .uoanzmb .ananznl .swiper-slide img { display: none; } .lehuoanemC .uoanzmb .ananznr { width: 718px; float: right; padding: 88px 70px 84px; } .lehuoanemC .uoanzmb .ananznr .anamwmto .swiper-slide .wnmzna { margin-top: 20px; color: #fff; line-height: 1.7; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo { margin-top: 142px; padding: 0 34px; position: relative; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .swiper-container { padding: 4px; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .swiper-slide { line-height: 0; width: 69px; height: 69px; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon { display: inline-block; line-height: 0; position: relative; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon img { width: 69px; height: 69px; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon::before { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 3px solid rgba(255, 255, 255, .1); opacity: 0; width: 100%; height: 100%; border-radius: 50%; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon .uy { transition: all .5s; opacity: 0; width: 75px; height: 75px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; border-radius: 50%; overflow: hidden;} .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon .uy i { position: relative; float: left; width: 50%; height: 100%; overflow: hidden; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon .uy i::before { content: ''; position: absolute; width: 200%; right: 0; top: 0; bottom: 0; border: 4px solid #F7A600; border-radius: 100%; box-sizing: border-box; clip: rect(0, 75px, 75px, 36px); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon .uy i:first-child::before { left: 0; right: auto; clip: rect(0px, 38px, 75px, 0px); } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .swiper-slide-thumb-active .icon .uy { opacity: 1; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .swiper-slide-thumb-active .icon .uy i::before { -webkit-animation: circleR 3500ms linear both; animation: circleR 3500ms linear both; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .swiper-slide-thumb-active .icon .uy i:first-child::before {-webkit-animation-name: circleL;animation-name: circleL; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .guanz { top: 50%; transform: translateY(-50%); margin-top: 0; width: 9px; height: 15px; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .guanz::after { opacity: 0; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .swiper-button-prev { background: url(../images/uoanzmbl.png)no-repeat center center/cover; left: 0; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .swiper-button-next { background: url(../images/uoanzmbr.png)no-repeat center center/cover; right: 0; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .swiper-slide-thumb-active .icon::before { opacity: 1; } .lehuoanemD { padding: 5.72916vw 0 6.40624vw; } .lehuoanemD .xqdf { margin: 13px 0 34px; color: #333333; } .lehuoanemD ul { display: flex; flex-wrap: wrap; } .lehuoanemD ul li { float: left; width: 49.29%; margin-right: 1.42%; border-radius: 10px; position: relative; overflow: hidden; background: #fff; padding: 40px 36px 50px 40px; } .lehuoanemD ul li::before { position: absolute; content: ""; background: #004388; bottom: 0; left: 0; width: 100%; height: 3px; } .lehuoanemD ul li:last-child { margin-right: 0; } .lehuoanemD ul li .anmzn { position: absolute; top: 50%; left: 104px; transform: translateY(-50%); } .lehuoanemD ul li .anmzn .za { color: #222222; } .lehuoanemD ul li .anmzn .zb { color: #F7A600; margin-top: 3px; } .lehuoanemD ul li .nannbot { line-height: 1.875; border-top: 1px solid rgba(0, 0, 0, 0.08); padding-top: 25px; margin-top: 27px; } .indexC { padding: 6.77083vw 0 7.29166vw; overflow: hidden; } .indexC .sadn { margin-top: 7px; } .indexC .dexatop { margin-bottom: 25px; } .indexC .dexatop .xaanx { position: absolute; bottom: 5px; right: 0; } .indexC .swiper-container { overflow: hidden; } .sana2-swiper { width: 55.4%; overflow: hidden; border-radius: 10px; margin-right: 1.43%; float: left; } .sana3-swiper { width: 34.17%; overflow: hidden; border-radius: 10px; float: left; } .sana2 .kao { position: absolute; bottom: 25px; left: 0; width: 100%; padding: 0 28px; } .sana2 .kao .oa { color: #fff; } .sana2 .kao .ob { color: #fff; margin-top: 6px; } .sana2-swiper .swiper-slide .img, .sana3-swiper .swiper-slide .img { overflow: hidden; border-radius: 10px; } .sana2-swiper .swiper-slide .img { position: relative; } .sana2-swiper .swiper-slide .img::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/sana2es.png)no-repeat center center/cover; } .indexC .sanxiangqieh .sana1 { width: 25.5%; position: absolute; left: -13.84%; overflow: hidden; top: 0; border-radius: 10px; } .indexC .sanxiangqieh .sana3 { width: 25.5%; position: absolute; top: 0; right: -7.1%; overflow: hidden; border-radius: 10px; } .indexC .sanxiangqieh .sana1 .img { opacity: .1; } .indexC .sanxiangqieh .anamzme { position: absolute; bottom: 15px; right: 11.5%; } .indexC .sanxiangqieh .anamzme .namde { position: relative; left: auto; transition: all .5s; right: auto; float: left; margin-top: 0; margin-right: 15px; border: 1px solid rgba(0, 67, 136, 0.3); width: 45px; height: 45px; border-radius: 5px; } .indexC .sanxiangqieh .anamzme .namde::after { opacity: 0; } .indexC .sanxiangqieh .anamzme .namde:last-child { margin-right: 0; } .indexC .sanxiangqieh .anamzme .namde:before { position: absolute; content: ""; width: 6px; height: 12px; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../images/anam.png)no-repeat center center/cover; } .indexC .sanxiangqieh .anamzme .namde:last-child::before { background: url(../images/bnbm.png)no-repeat center center/cover; } .indexC .sanxiangqieh .anamzme .namde:hover { background: #F7A600; border-color: #F7A600; } .indexC .sanxiangqieh .anamzme .namde:hover:before { background: url(../images/anama.png)no-repeat center center/cover; } .indexC .sanxiangqieh .anamzme .namde:hover:last-child::before { background: url(../images/bnbma.png)no-repeat center center/cover; } @media(max-width:1550px) { .lehuoanemC .uoanzmb .ananznl { width: calc(100% - 640px); } .lehuoanemC .uoanzmb .ananznr { padding: 40px; width: 640px; } } @media(max-width:1500px) { .sana3-swiper{ width: 29.8%; } .indexC .sanxiangqieh .sana3 { right: -8.1%; } .indexC .sanxiangqieh .sana1 { width: 28%; left: -22.2%; } .indexC .sanxiangqieh .anamzme { bottom: 0; } .lehuoanemA .uoanel .uoabott ul li { padding: 20px 0; } .lehuoanemC .uoanzmb .ananznl { width: calc(100% - 640px); } .lehuoanemC .uoanzmb .ananznr { padding: 40px; width: 640px; } .lehuoanemA .swiper-container { height: 36vw; } } @media(max-width:1380px){ .lehuoanemC .uoanzmb .ananznl { width: calc(100% - 580px); } .lehuoanemC .uoanzmb .ananznr { padding: 40px; width: 580px; } } @media(max-width:1280px){ .lehuoanemC .uoanzmb .ananznl { width: calc(100% - 480px); } .lehuoanemC .uoanzmb .ananznr { padding: 40px; width: 480px; } } @media(max-width:1128px) { .lehuoanemA .uoanel { position: initial; transform: translateY(0); } } @media(max-width:1100px) { .indexC { padding: 40px 0 50px; } .indexC .dexatop { margin-bottom: 20px; } .indexC .sanxiangqieh .sana3, .indexC .sanxiangqieh .sana1 { display: none; } .sana3-swiper { display: none; } .sana2-swiper { width: 100%; } .indexC .sanxiangqieh .anamzme { position: initial; text-align: center; margin-top: 30px; } .indexC .sanxiangqieh .anamzme .clearfix { display: inline-block; } .sana2 .kao { padding: 0 20px; bottom: 20px; } .lehuoanemA { padding: 40px 0 50px; } .lehuoanemA .uoanel { width: 100%; } .lehuoanemA .uoaner { width: 100%; margin-top: 30px; } .lehuoanemA .swiper-container { height: 65vw; } .lehuoanemA .swiper-pagination { display: inline-block !important; width: 100%; bottom: -10.125vw; } .lehuoanemA .uoanel .xqdf { margin: 10px 0 25px; } .lehuoanemA .masdosp { padding-bottom: 10vw; } .lehuoanemA .swiper-pagination .swiper-pagination-bullet { width: 40px; } .lehuoanemB .nfnaftop { margin-bottom: 25px; } .lehuoanemC { padding: 40px 0 50px; } .lehuoanemC .uoanzmb .ananznl { width: 100%; position: initial; } .lehuoanemC .uoanzmb .ananznl .swiper-slide img { display: block; } .lehuoanemC .uoanzmb .ananznr { width: 100%; padding: 20px; } .lehuoanemC .uoanzmb .ananznr .anamwmto .swiper-slide .icoe { width: 30px; } .lehuoanemC .uoanzmb .ananznr .anamwmto .swiper-slide .wnmzna { margin-top:9px; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo { padding: 0 30px; margin-top: 30px; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon img { width: 64px; height: 64px; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon .uy { width: 69px; height: 69px; } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon .uy i:first-child::before { clip: rect(0px, 34px, 69px, 0px); } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .icon .uy i::before { clip: rect(0, 69px, 69px, 34px); } .lehuoanemC .uoanzmb .ananznr .anamwmnbo .swiper-slide { text-align: center; } .lehuoanemD { padding: 40px 0 50px; } .lehuoanemD .xqdf { margin: 10px 0 20px; } .lehuoanemD ul li { width: 100%; margin-bottom: 20px; padding: 20px; } .lehuoanemD ul li:last-child { margin-bottom: 0; } .lehuoanemD ul li .icon img { width: 70px; } .lehuoanemD ul li .anmzn { width: 68%; left: 90px; } .lehuoanemD ul li .nannbot { margin-top: 20px; padding-top: 20px; } } /*新版通用行业*/ .xintongyong{ padding: 5.7vw 0 6.2vw; background: #F2F5F9; } .xintongyong .one_box{ display: flex; flex-wrap: wrap; margin-top: 14px; } .xintongyong .one_box .one { width: 10.3%; margin-right: 0.9125%; text-align: center; margin-top: 1%; padding: 24px 10px; background-color: #fff; border-radius: 6px; cursor: pointer; } .xintongyong .one_box .one:nth-child(9n){margin-right: 0;} .xintongyong .one_box .one .bt{color: #222222;margin-top: 8px;transition: all 0.4s;} .xintongyong .one_box .one .icon{width: 85px;margin: 0 auto;} .xintongyong .one_box .one .icon .img2{display: none;} .xintongyong .one_box .one.cur,.xintongyong .one_box .one:hover{background: #004388;} .xintongyong .one_box .one.cur .icon .img1,.xintongyong .one_box .one:hover .icon .img1{display: none;} .xintongyong .one_box .one.cur .icon .img2,.xintongyong .one_box .one:hover .icon .img2{display: block;} .xintongyong .one_box .one.cur .bt,.xintongyong .one_box .one:hover .bt{color: #fff;} .xintongyong .two_box{ margin-top: 1.6vw; } .xintongyong .two_box .two{position: relative;display: none;} .xintongyong .two_box .two.cur{display: block;} .xintongyong .two_box .img{ position: relative; border-radius: 10px; overflow: hidden; } .xintongyong .two_box .img:before{ background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; } .xintongyong .two_box .text{ position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; padding: 2.5vw 2vw; } .xintongyong .two_box .text .dbt{color: #fff;} .xintongyong .two_box .text .wenzi{color: #fff;line-height: 1.8;margin-top: 6px;} .xintongyong .two_box .text .ul{ margin-top: 1.6vw; display: flex; flex-wrap: wrap; } .xintongyong .two_box .text .ul > li{ min-width: 13vw; /*width: calc((100% - 3vw) / 5);*/ margin-right: 1vw; position: relative; margin-bottom: 1vw; } .xintongyong .two_box .text .ul > li:last-child{margin-right: 0;} .xintongyong .two_box .text .ul > li .bt{ border: 1px solid rgba(255, 255, 255, 0.4); padding: 0.8vw 4vw 0.8vw 1vw; border-radius: 6px; cursor: pointer; position: relative; z-index: 2; transition: all 0.4s; color: #fff; } .xintongyong .two_box .text .ul > li .bt:before{ width: 16px; height: 8px; background: url(../images/xintongyong_jt.svg) center center/cover; position: absolute; content: ""; right: 1vw; top: 50%; transform: translateY(-50%) rotate(180deg); opacity: 0.5; transition: all 0.4s; } .xintongyong .two_box .text .ul > li .a_list{ position: absolute; left: 0; width: 100%; top: calc(100% - 6px); background-color: #fff; z-index: 0; border-radius: 0 0 6px 6px; padding: 6px 1.2vw; display: none; z-index: 6; } .xintongyong .two_box .text .ul > li .a_list a{ display: block; padding: 0.8vw 1vw 0.8vw 0; color: #666666; position: relative; transition: all 0.4s; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .xintongyong .two_box .text .ul > li .a_list a:after{ width: 6px; height: 11px; background: url(../images/xintongyong_jtl.svg) center center/cover; position: absolute; content: ""; right: 3px; top: 50%; transform: translateY(-50%); transition: all 0.4s; } .xintongyong .two_box .text .ul > li .a_list a:before{ bottom: -1px; height: 1px; content: ""; border-radius: 6px; position: absolute; left: 0; width: 0; transition: all 0.4s; background: #004388; } .xintongyong .two_box .text .ul > li .a_list a:last-child{border-bottom: none;} .xintongyong .two_box .text .ul > li .a_list a:last-child:before{display: none;} .xintongyong .two_box .text .ul > li .a_list a:hover{color: #004388;} .xintongyong .two_box .text .ul > li .a_list a:hover:before{width: 100%;} .xintongyong .two_box .text .ul > li .a_list a:hover:after{background: url(../images/xintongyong_jtl2.svg) center center/cover;} .xintongyong .two_box .text .ul > li.cur .bt, .xintongyong .two_box .text .ul > li:hover .bt{background: #F7A600;} .xintongyong .two_box .text .ul > li.cur .bt:before, .xintongyong .two_box .text .ul > li:hover .bt:before{transform: translateY(-50%) rotate(0deg);opacity: 1;} /*.xintongyong .two_box .text .ul > li.cur .a_list,*/ .xintongyong .two_box .text .ul > li:hover .a_list{display: block;} .xintongyong .two_box .text .ul2{margin-top: 20px;display: none;} .xintongyong .two_box .text .ul2 .select{ width: 100%; margin-bottom: 10px; position: relative; border-radius: 5px; } .xintongyong .two_box .text .ul2 .select:before{ width: 12px; height: 6px; background: url(../images/xintongyong_jtl3.svg) center center/cover; position: absolute; content: ""; right: 12px; top: 50%; transform: translateY(-50%); transition: all 0.4s; } .xintongyong .two_box .text .ul2 .select select{ color: #999999; border: none; height: 42px; -webkit-appearance: none; padding: 0 30px 0 18px; width: 100%; background: none; border: 1px solid #CCCCCC; } .xintongyong .two_box .text .ul2 .select.cur:before{ background: url(../images/xintongyong_jt.svg) center center/cover; } .xintongyong .two_box .text .ul2 .select.cur select{background: #F7A600;border-color: #F7a600;color: #fff;} .xintongyong .two_box .text .ul2 .select:last-child{margin-bottom: 0;} .xintongyong .three_box{ margin-top: 1.6vw; display: none; } .xintongyong .three_box.show{display: block;} .xintongyong .three_box .three{margin-bottom: 12px;} .xintongyong .three_box .three:last-child{margin-bottom: 0;} .xintongyong .three_box .three .bt{ color: #222222; background: #fff; padding: 1vw 1.6vw; border-radius: 6px; position: relative; cursor: pointer; transition: all 0.4s; } .xintongyong .three_box .three .bt:before{ width: 16px; height: 8px; background: url(../images/xintongyong_jtl3.svg) center center/cover; position: absolute; content: ""; right: 1vw; top: 50%; transform: translateY(-50%); transition: all 0.4s; } .xintongyong .three_box .three .three_cp{ background: #fff; padding: 1.6vw; display: none; } .xintongyong .three_box .three .three_cp .box{ background: #F2F5F9; padding: 1vw 2vw 1vw 1vw; display: flex; align-items: center; flex-direction: row-reverse; border-radius: 12px; margin-bottom: 1vw; position: relative; } .xintongyong .three_box .three .three_cp .box .anen { position: absolute; right: 1.7vw; bottom: 2.08333vw; } .xintongyong .three_box .three .three_cp .box .anen a { border: 1px solid rgba(0, 67, 136, 0.5); height: 52px; border-radius: 5px; display: block; padding: 0 20px 0 26px; font-size: 16px; line-height: 50px; color: #004388; transition: all .4s; } .xintongyong .three_box .three .three_cp .box .anen a i { display: inline-block; vertical-align: middle; top: -1px; position: relative; width: 14px; height: 12.63px; margin-left: 10px; transition: all .4s; background: url(../images/xiaoshouea.svg) center center/cover; } .xintongyong .three_box .three .three_cp .box .anen a:hover { background: #F7A600; border-color: #F7A600; color: #fff; } .xintongyong .three_box .three .three_cp .box .anen a:hover i{ background: url(../images/more_jtee.svg) center center/cover; } .xintongyong .three_box .three .three_cp .box:last-child{margin-bottom: 0;} .xintongyong .three_box .three .three_cp .box .img{ width: 18.2vw; border-radius: 12px; overflow: hidden; } .xintongyong .three_box .three .three_cp .box .text{ width: calc(100% - 18.2vw); padding-left: 2vw; } .xintongyong .three_box .three .three_cp .box .text .zbt a,.xintongyong .three_box .three .three_cp .box .text .zbt{color: #222222;transition: all 0.4s;} .xintongyong .three_box .three .three_cp .box .text .zbt a:hover,.xintongyong .three_box .three .three_cp .box .text .zbt:hover{color: #004388;} .xintongyong .three_box .three .three_cp .box .text .zbt.mornwn{ /*border-bottom: 1px solid rgba(0, 0, 0, 0); */transition: all 0.4s;} .xintongyong .three_box .three .three_cp .box .text .zbt{color: #222222; display: inline-block; position: relative; } .xintongyong .three_box .three .three_cp .box .text a:hover .zbt.mornwn{ color: #004388;/* border-bottom: 1px solid #004388; */} .xintongyong .three_box .three .three_cp .box .text .zbt.mornwn::before { position: absolute; content: ""; right: -21px; top: 50%; width: 15px; height: 20px; transform: translateY(-50%); opacity: 0; transition: all 0.4s; display: none; background: url(../images/xiaoshoue.svg)no-repeat center center/cover; } /*.xintongyong .three_box .three .three_cp .box .text a:hover .zbt.mornwn::before{opacity: 1;}*/ .xintongyong .three_box .three .three_cp .box .text .js{color: #333333;margin-top:2px;line-height: 1.6;} .xintongyong .three_box .three .three_cp .box .text .wenzi{ line-height: 1.8; color: #666666; margin-top: 14px; padding-top: 14px; /*padding-right: 23%;*/ border-top: 1px solid rgba(0, 0, 0, 0.1); } .xintongyong .three_box .three.cur .bt{ background: #004388; color: #fff; } .xintongyong .three_box .three.cur .bt:before{background: url(../images/xintongyong_jt.svg) center center/cover;opacity: 1;} @media(max-width: 1600px){ .xintongyong .one_box .one{ padding: 18px 10px; } .xintongyong .one_box .one .icon{width: 60px;} .xintongyong .three_box .three .three_cp .box .anen a { height: 43px; line-height: 41px; font-size: 14px; } } @media(max-width: 1100px){ .xintongyong .one_box .one{ /*width: 32%;*/ width: 18.4%; margin-right: 2%; margin-top: 2%; } .xintongyong .one_box .one:nth-child(9n){margin-right: 2%;} .xintongyong .one_box .one:nth-child(5n){margin-right: 0;} /*.xintongyong .one_box .one:nth-child(3n){margin-right: 0;}*/ .xintongyong .two_box { margin-top: 24px; } .xintongyong .two_box .text{ position: initial; padding: 0; margin-top: 16px; } .xintongyong .two_box .text .dbt { color: #333; } .xintongyong .two_box .text .wenzi{color: #333;} .xintongyong .two_box .text .ul{display: none;} .xintongyong .three_box { margin-top: 26px; } .xintongyong .three_box .three .bt{padding: 10px 30px 10px 20px;} .xintongyong .three_box .three .bt:before{right: 10px;} .xintongyong .three_box .three .three_cp{padding: 12px;} .xintongyong .three_box .three .three_cp .box{padding: 20px 16px;display: block;margin-bottom: 14px;} .xintongyong .three_box .three .three_cp .box .text{width: 100%;padding-left: 0;} .xintongyong .three_box .three .three_cp .box .img{width: 100%;margin-top: 14px;} .xintongyong .three_box .three .three_cp .box .text .wenzi{margin-top: 10px;padding-top: 10px;padding-right: 0;} .xintongyong .three_box .three .bt:before{ width: 12px; height: 6px; } .xintongyong .two_box .text .ul2{display: block;} .xintongyong .three_box .three .three_cp .box .anen { position: initial; bottom: 0; right: 0; display: inline-block; margin-top: 23px; } } @media(max-width: 640px){ .xintongyong .one_box .one { padding: 12px 6px; } .xintongyong .one_box .one .icon { width: 36px; } .xintongyong .one_box .one .bt{font-size: 12px;} /*.xintongyong .one_box .one { width: 49%; margin-right: 2%; } .xintongyong .one_box .one:nth-child(3n){margin-right: 2%;} .xintongyong .one_box .one:nth-child(2n){margin-right: 0;}*/ } /**2024-5-14新增**/ .nmanznnd { position: relative; } .nmanznnd .oa { position: absolute; width: 100%; padding: 0 20px; bottom: 38px; color: #Fff; opacity: 0; } .lehuoanemA .swiper-container .swiper-slide-active .nmanznnd .oa { opacity: 1; } .lehuoanemA .swiper-container .swiper-slide-active .nmanznnd::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; /*background: rgba(0, 0, 0, .35);*/ border-radius: 10px; } @media(max-width:1500px) { .nmanznnd .oa { bottom: 75px; } } @media(max-width:1100px) { .nmanznnd .oa { bottom: 33px; } } .contact_b2{ position: relative; } .contact_b2 .biaodan{ position: relative; transition: all 0.3s; height: 0; overflow: hidden; margin-top: 40px; } .contact_b2 .biaodan ul li{ width: 24%; float: left; margin-right: 1.33%; border:1px solid #DDDDDD; height: 60px; border-radius: 5px; position: relative; padding: 20px; margin-bottom: 1.33%; } @media(max-width:1920px){ .contact_b2 .biaodan ul li{ padding: 1vw; } } .contact_b2 .biaodan ul li.bitian:before{ content: "*"; color: #FF0019; font-size: 15px; position: absolute; right: 20px; top: 50%; display: block; height: 14px; transform: translateY(-50%); } .contact_b2 .biaodan ul li:nth-child(4n){ margin-right: 0; } .contact_b2 .biaodan ul li .select{ height: 100%; position: relative; } .contact_b2 .ul li .select:before{ content: ""; position: absolute; right: 20px; top: 50%; width: 10px; height: 7px; background: url(../images/jt.png) no-repeat center center/cover; transform: translateY(-50%); } .contact_b2 .biaodan ul li select, .contact_b2 .biaodan ul li input{ background: none; border:none; height: 100%; width: 100%; font-size: 14px; color: #999999; -moz-appearance: none; -webkit-appearance: none; } .contact_b2 .biaodan ul li input::placeholder{color: #999999;} .contact_b2 .biaodan ul li.danxuan input{ width: 14px; height: 14px; background: #D8D8D8; } .contact_b2 .biaodan ul li.danxuan input:checked{ border: 5px solid #004388; } .contact_b2 .biaodan ul .yanzhengma{ border:none; padding: 0; position: relative; } .contact_b2 .biaodan ul .yanzhengma input{ width: 63%; border:1px solid #DDDDDD; border-radius: 5px; padding: 1vw; height: 100%; } .contact_b2 .biaodan ul .yanzhengma .bitian{ height: 100%; } .contact_b2 .biaodan ul .yanzhengma button, .contact_b2 .biaodan ul .yanzhengma .getMobileCode { width: 32%; position: absolute; right: 0; top: 0; height: 100%; background: #004388; color: #fff; border-radius: 6px; border: none; font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .contact_b2 .biaodan ul .yanzhengma .getMobileCode[disabled="disabled"]{ background: #ccc; } .contact_b2 .biaodan ul li.ysmxy { position: relative; } .contact_b2 .biaodan ul li.ysmxy .bt{ color: #999999; font-size: 14px; } .contact_b2 .biaodan ul li.ysmxy .xial{ width: calc(100% + 2vw); position: absolute; top: calc(100% + 1vw); z-index: 2; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #DDDDDD; padding: 12px 1vw; display: none; } .contact_b2 .biaodan ul li.ysmxy .xial.hangy{ overflow: auto; height: 300px; } @-webkit-keyframes selectxiala { 0% { transform: translate(-50%,-6%); opacity: 0; } 100% { transform: translate(-50%,0); opacity: 1; } } @keyframes selectxiala { 0% { transform: translate(-50%,-6%); opacity: 0; } 100% { transform: translate(-50%,0); opacity: 1; } } .contact_b2 .biaodan ul li.ysmxy:hover .xial,.contact_b2 .biaodan ul li.ysmxy.mozhanshi .xial{ display: block; animation: selectxiala 0.4s linear 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } .contact_b2 .biaodan ul li.ysmxy .xial .zxxl .zxxl_01{ width: 100%; margin-top: 14px; border: 1px solid #DDDDDD; padding: 0 1vw; height: 46px; background: #fff; border-radius: 5px; display: none; } .contact_b2 .biaodan ul li.ysmxy .xial .zxxl.cur .zxxl_01{ display: block; } .contact_b2 .biaodan ul li.ysmxy .xial input{ width: 14px; height: 14px; background: #D8D8D8; margin-left: 0; margin-top: -1px; } .contact_b2 .biaodan ul li.ysmxy .xial label{ width: 100%; display: inline-block; padding: 9px 0; font-size: 14px; color: #999999; } .contact_b2 .biaodan ul li.ysmxy .xial input:checked{ border: 5px solid #004388; } .contact_b2 .biaodan ul li.wjxz{ width: 49.34%; margin-right: 0; cursor: pointer; } .contact_b2 .biaodan ul li.wjxz:after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/jiahao.svg)center center/cover; width: 10px; height: 10px; right: 1vw; } .contact_b2 .biaodan ul li.wjxz input.shangc{ width: 100%; opacity: 0; display: none; } .contact_b2 .bt1{ color: #3D3D3D; position: relative; padding-left: 26px; margin-bottom: 12px; } .contact_b2 .bt1:last-child{margin-bottom: 0;} .contact_b2 .bt1 i{ position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 4px; overflow: hidden; border: 1px solid #DDDDDD; } .contact_b2 .bt1 i.cur{ border-color: #004388; background: url(../images/dui.png) center center no-repeat #004388; } .contact_b2 .ul .jxwt{ height: 140px; width: 100%; } .contact_b2 .ul .jxwt textarea { height: 100%; resize: none; background: none; border: none; width: 100%; font-size: 14px; } .contact_b2 .more { margin-top: 2vw; border: none; cursor: pointer; } .contact_b2 .biaodan ul li.w100{ width: 100% !important; margin-right: 0; } @media(max-width: 1100px){ .contact_b2 .biaodan ul li{ width: 100%; margin-right: 0; } .contact_b2 .biaodan ul li.wjxz{ width: 100%; } .contact_b2 .biaodan ul li{ height: 40px; padding: 10px; } .contact_b2 .biaodan ul .yanzhengma input{ padding: 10px; border-radius: 5px; } .contact_b2 .biaodan ul li.ysmxy:hover .xial{display: none;} .contact_b2 .biaodan ul li.ysmxy.mozhanshi .xial{display: block;} } .bgone{ background: #F2F5F9; } /*.a_box a{float: left;padding: 8px 25px;border: 1px solid #004388;color: #004388;border-radius: 5px;margin-right: 14px;transition: all 0.4s;} .a_box a:last-child{margin-right: 0;} .a_box a.cur,.a_box a:hover{color: #fff;background: #F7A600;border-color: #F7A600;}*/ .shili_a{padding: 6.7vw 0;} .shili_a .top .title{float: left;} /* .shili_a .a_box{position: absolute;bottom: 10px;right: 0;} .shili_a .btm{margin-top: 1.5vw;}*/ .shili_a .btm .ul li{ float: left; width: 49.2%; margin-right: 1.6%; } .shili_a .btm .ul li:last-child{margin-right: 0;} .shili_a .btm .ul li .img{border-radius: 10px;overflow: hidden;position: relative;} .shili_a .btm .ul li .img:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/shili_a_imgbg.png) center center/cover; } .shili_a .btm .ul li .bt1{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.5vw 2vw; opacity: 1; transition: all 0.4s; } .shili_a .btm .ul li .bt{ color: #fff; } .shili_a .btm .ul li .text{ position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.4s; background: rgba(0, 67, 136, 0.5); } .shili_a .btm .ul li .text .box{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 2.6vw; } .shili_a .btm .ul li .text .box .js{color: #fff;margin-top: 6px;line-height: 1.6;} .shili_a .btm .ul li .text .box .more{margin-top: 1vw;} .shili_a .btm .ul li:hover .bt1{opacity: 0;} .shili_a .btm .ul li:hover .text{opacity: 1;} /*zhaoxu*/ .dlsx{ padding: 6.2vw 0; background: #F2F5F9; } .dlsx_a{ position: relative; } .dlsx_a .left{ width: 43.5%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .dlsx_a ul{ overflow: auto; height: 24.4vw; padding-right: 1.8vw; } .dlsx_a ul::-webkit-scrollbar{ width: 4px; } .dlsx_a ul::-webkit-scrollbar-track{ background: rgba(0, 67, 136, 0.05); width: 4px; border-radius: 50px; } .dlsx_a ul::-webkit-scrollbar-track-piece{ width: 4px; } .dlsx_a ul::-webkit-scrollbar-thumb{ background: #004388; border-radius: 50px; } .dlsx_a ul::-webkit-scrollbar-button{ display: none; } .dlsx_a ul li .bt{ color: #222222; font-weight: 350; } .dlsx_a ul li .bt1{ color: #999999; } .dlsx_a ul li{ margin-bottom: 1.5vw; line-height: 1.6; } .dlsx_a ul li:last-child{ margin-bottom: 0; } .dlsx_a .right{ width: 51%; overflow: hidden; border-radius: 15px; } .dlsx_b{ background: url(../images/dlsx_bottom.jpg)center center/cover; } .xwxq{ background: #F2F5F9; padding-bottom: 5.2vw; } .xwxq_a .left{ width: 72%; background: #fff; border-radius: 10px; } .xwxq_a .xwxq_l{ padding: 2vw 1.1vw 1.1vw 1.1vw; } .xwxq_a .xwxq_l .bt .b{ color: #222222; font-weight: bold; } .xwxq_a .xwxq_l .bt .t{ color: #004388; margin-top: 1vw; } .xwxq_a .xwxq_l .nr{ padding: 1.3vw 0 2.6vw; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; margin-top: 1.5vw; } .xwxq_a .xwxq_l .nr p{ line-height: 2; } .xwxq_a .xwxq_l .nr_01{ width: 100%; border: 1px solid #EEEEEE; padding: 16px 0 0 12px;; border-radius: 5px; position: relative; } .hb_01{ line-height: 0; } .xwxq_a .xwxq_l .nr_01 .rwm{ float: left; position: absolute; top: 50%; transform: translateY(-50%); left: 12px; line-height: 0; } .xwxq_a .xwxq_l .nr_01 .hb{ display: flex; align-items: center; position: relative; float: right; margin-right: 1.8vw; } .xwxq_a .xwxq_l .hb .bt{ line-height: 1.6; } .xwxq_a .xwxq_l .qh{ padding: 1.5vw 0; position: relative; } .xwxq_a .xwxq_l .qh a{ display: block; color: #666666; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .xwxq_a .xwxq_l .qh a:nth-child(2){ margin-top: 15px; } .xwxq_a .xwxq_l .qh a span{ color: #222222; } .xwxq_a .xwxq_l .qh .more{ display: inline-block; color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .xwxq_a .right{ width: 26%; } .xwxq_a .right .you1{ padding: 1.8vw 1.5vw 0.4vw 1.5vw; background: #fff; border-radius: 10px; } .xwxq_a .right .you1 .bt{ color: #000; font-weight: bold; } .xwxq_a .right .you1 ul{ margin-top: 1.3vw; } .xwxq_a .right .you1 ul li a{ width: 100%; display: block; } .xwxq_a .right .you1 ul li a{ color: #3D3D3D; padding: 1.5vw 0; border-top: 1px solid #EEEEEE; position: relative; transition: all 0.6s; } .xwxq_a .right .you1 ul li a:hover{ color: #004388; border-top: 1px solid #004388; } .xwxq_a .right .you1 ul li a:after{ content: ""; position: absolute; width: 14px; height: 12px; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/xwxq_jt1.png)center center/cover; transition: all 0.6s; } .xwxq_a .right .you1 ul li a:hover:after{ background: url(../images/xwxq_jt2.png)center center/cover; } .xwxq_a .right .you2{ margin-top: 1vw; background: #fff; padding: 1.8vw 1.5vw 0.4vw 1.5vw; border-radius: 10px; } .xwxq_a .right .you2 .bt{ color: #222222; font-weight: bold; } .xwxq_a .right .you2 ul li a{ display: block; width: 100%; padding: 1.5vw 0; border-bottom: 1px solid #EEEEEE; } .xwxq_a .right .you2 ul li:last-child a{ border-bottom: none; } .xwxq_a .right .you2 ul li .b{ margin-top: 15px; } .xwxq_a .right .you2 ul li .b .t{ color: #222222; } .xwxq_a .right .you2 ul li .b .sj{ color: #004388; margin-top: 10px; } .xwzx{ background: #F2F5F9; padding-top: 6.25vw; } .xwzx_01 .xl select { color: #999999; border: none; height: 50px; -webkit-appearance: none; padding: 0 18px; width: 100%; background: none; } .xwzx_01 .xl { border: 1px solid #CCCCCC; border-radius: 5px; overflow: hidden; position: relative; width: 26.6%; margin-right: 1.15%; } .xwzx_01 .xl:after { position: absolute; content: ""; width: 10px; height: 6px; right: 18px; top: 50%; transform: translateY(-50%); background: url(../images/xwzx_xl.png)center center/cover; } .xwzx_01 .sous { overflow: hidden; width: 72.25%; border: 1px solid #CCCCCC; border-radius: 5px; position: relative; height: 50px; padding: 0 21px; padding-right: 150px; } .xwzx_01 .sous .sous_1{ width: 100%; border: none; height: 50px; background: none; font-size: 14px; } .xwzx_01 .sous .fdj{ width: 132px; height: 100%; position: absolute; right: 0; top: 0; text-align: center; } .xwzx_01 .sous .fdj .bt{ padding-left: 18px; color: #fff; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .xwzx_01 .sous .fdj .bt:after{ content: ""; position: absolute; width: 12px; height: 13px; /*left: 0;*/ top: 50%; transform: translateY(-50%); background: url(../images/sous_fdj.png)center center/cover; } .xwzx_01 .sous .fdj .fdj_01{ border: none; width: 100%; height: 100%; background: #F7A600; border-radius: 5px; } .xwzx_a{ background: #F2F5F9; padding-top: 2.6vw; } .xwzx_a1{ background: #fff; overflow: hidden; position: relative; border-radius: 10px; } .xwzx_a1 .zuo1{ width: 50.9%; } .xwzx_a1 .zuo2{ width: 43.6%; } .xwzx_a1 .zuo2 a{ display: block; width: 100%; height: 100%; padding-right: 3vw; padding-top: 5.2vw; position: relative; padding-bottom: 7.8vw; } .xwzx_a1 .left .img{ line-height: 0; overflow: hidden; border-radius: 10px; } .xwzx_a1 .zuo2 .bt .b{ color: #222222; font-weight: bold; } .xwzx_a1 .zuo2 .bt .t{ color: #666666; margin-top: 0.9vw; line-height: 1.6; } .xwzx_a1 .zuo2 .bt .sj{ color: #004388; margin-top: 1.9vw; } .xwzx_a .xwzx_a1 .zuo2 a .swiper-pagination{ position: absolute; bottom: 0; } .xwzx_a .xwzx_a1 .zuo2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #004388; } .xwzx_a .xwzx_a1 .zuo2 .swiper-pagination .swiper-pagination-bullet { width: 3.2vw; height: 7px; border-radius: 3px; margin: 0 3px; opacity: 1; background: #DBDBDB; transition: all 0.4s; } .xwzx_b{ background: #F2F5F9; padding-top: 1.5vw; padding-bottom: 4.6vw; } .xwzx_b1{ margin-bottom: 3.6vw; } .xwzx_b1 ul li{ padding: 0.9vw 2.4vw 0.7vw 1vw; background: #fff; margin-top: 1.5vw; border-radius: 10px; } .xwzx_b1 ul li:nth-child(1){ margin-top: 0; } .xwzx_b1 ul li a{ width: 100%; display: flex; align-items: center; position: relative; } .xwzx_b1 ul li a .left{ width: 19.5%; overflow: hidden; border-radius: 10px; } .xwzx_b1 ul li a .right{ width: 77%; position: relative; top: auto; transform: initial; right: auto; margin-left: auto; } .xwzx_b1 ul li .bt{ color: #222222; font-weight: bold; } .xwzx_b1 ul li .bt1{ color: #666666; margin-top: 0.9vw; line-height: 1.6; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xwzx_b1 ul li .sj{ color: #004388; margin-top: 1.8vw; } .xwzx_d{ background: url(../images/xwzx_d.jpg)center center/cover; } .zzzs{ background: #F2F5F9; padding: 6.2vw 0 4.6vw; } .zzzs .sous { overflow: hidden; width: 30.7%; border: 1px solid #CCCCCC; border-radius: 5px; position: relative; height: 50px; padding: 0 21px; margin-top: 10px; padding-right: 150px; } .zzzs .sous .sous_1{ width: 100%; border: none; height: 50px; background: none; font-size: 14px; } .zzzs .sous .fdj{ width: 132px; height: 100%; position: absolute; right: 0; top: 0; text-align: center; } .zzzs .sous .fdj .bt{ padding-left: 16px; color: #fff; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);78 } .zzzs .sous .fdj .bt:after{ content: ""; position: absolute; width: 12px; height: 13px; left: 40px; top: 50%; transform: translateY(-50%); background: url(../images/sous_fdj.png)center center/cover; } .zzzs .sous .fdj .fdj_01{ border: none; width: 100%; height: 100%; background: #F7A600; border-radius: 5px; } .zzzs .bt .b{ color: #005398; font-weight: bold; } .zzzs_a{ margin-top: 2vw; } .zzzs_a ul li{ width: 23.9%; float: left; background: #fff; padding: 1vw; border-radius: 10px; margin-right: 1.46%; margin-top: 1.46%; } .zzzs_a ul li:nth-child(1), .zzzs_a ul li:nth-child(2), .zzzs_a ul li:nth-child(3), .zzzs_a ul li:nth-child(4){ margin-top: 0; } .zzzs_a ul li:nth-child(4n){ margin-right: 0; } .zzzs_a ul li .img{ background: #F2F5F9; border-radius: 10px; padding: 1.8vw 2vw; } .zzzs_a ul li a{ display: block; width: 100%; } .zzzs_a ul li .bt{ margin-top: 1.3vw; } .zzzs_a ul li .bt .b{ color: #222222; font-weight: bold; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .zzzs_a ul li .bt .t{ color: #004388; position: relative; display: inline-block; padding-right: 15px; margin-top: 10px; } .zzzs_a ul li .bt .t:after{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 10px; background: url(../images/zzzs_icon.png)center center/cover; } .zzzs_b{ background: url(../images/zzzs_b.jpg)center center/cover; } .zzzs_c{ background: url(../images/zzzs_d.jpg)center center/cover; } .jscl .qh{ margin-top: 10px; } .jscl .qh a{ display: inline-block; color: #004388; border-radius: 5px; border: 1px solid #004388; height: 50px; width: 132px; line-height: 50px; text-align: center; margin-right: 15px; transition: all 0.6s; } .jscl .qh a:hover{ color: #fff; background: #F7A600; border: 1px solid #F7A600; } .jscl .qh .cur{ color: #fff; background: #F7A600; border: 1px solid #F7A600; } .jscl_a ul{ margin-top: 2.6vw; display: flex; flex-wrap: wrap; } .jscl_a ul li{ width: 32.1%; float: left; border-radius: 10px; overflow: hidden; margin-right: 1.85%; margin-top: 1.85%; background: #fff; border-bottom: 3px solid #004388; } .jscl_a ul li:nth-child(1), .jscl_a ul li:nth-child(2), .jscl_a ul li:nth-child(3){ margin-top: 0; } .jscl_a ul li:nth-child(3n){ margin-right: 0; } .jscl_a ul li a{ width: 100%; display: block; background: none; border-bottom: none; padding: 1.9vw 2.6vw 2vw 1.5vw; transition: all 0.6s; /*height: 200px;*/ } .jscl_a ul li:hover a{ background: none; } .jscl_a ul li:hover{ background: #004388; } .jscl_a ul li .bt .b{ color: #222222; transition: all 0.6s; } .jscl_a ul li:hover .bt .b{ color: #fff; } .jscl_a ul li .bt .sj{ color: #004388; margin-top: 5px; transition: all 0.6s; } .jscl_a ul li:hover .bt .sj{ color: #F7A600; } .jscl_a ul li .bt .t{ color: #666666; line-height: 1.6; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 1.3vw; transition: all 0.6s; } .jscl_a ul li:hover .bt .t{ color: #FFFFFF; } .jscl_a ul li .bt .xz{ color: #004388; margin-top: 2.1vw; position: relative; padding-right: 15px; display: inline-block; transition: all 0.6s; } .jscl_a ul li:hover .bt .xz{ color: #fff; } .jscl_a ul li .bt .xz:after{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 10px; background: url(../images/zzzs_icon.png)center center/cover; transition: all 0.6s; } .jscl_a ul li:hover .bt .xz:after{ background: url(../images/jscl_icon.png)center center/cover; } .zzzs_a, .jscl_a{ margin-bottom: 3.7vw; } .jiaz{ width: 100%; text-align: center; } .jiaz a{ width: 100%; display: inline-block; margin-top: 10px; color: #999999; } .mbx, .mbx a{ color: #999999; } .xwxq{ padding-top: 20px; } .xwxq_a{ margin-top:3.1vw ; } .jianbian{ position: relative; } .jianbian:after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to top,#fff 0,rgba(0, 0, 0, 0) 60%); z-index: 1; } .xwzx_01 .sous .sous_1::-webkit-input-placeholder{ color: #999999; } .zzzs .sous .sous_1::-webkit-input-placeholder{ color: #999999; } .contact_b2 .biaodan ul li.none{display: none;} @media(max-width:1100px){ .dlsx, .zzzs{ padding: 30px 0 50px; } .xwzx_01 .sous, .zzzs .sous{ width: 100%; height: 45px; margin-top: 4%; padding-right: 150px; } .xwzx_01 .sous .sous_1, .zzzs .sous .sous_1{ height: 45px; } .jscl .qh{ width: 100%; } /*.jscl .qh a{ width: 49.5%; margin-right: 1%; float: left; height: 45px; line-height: 45px; } .jscl .qh a:last-child{ margin-right: 0; }*/ .jscl .qh a{ width: 48.5%; margin-right: 3%; margin-top: 3%; float: left; height: 45px; line-height: 45px; } .jscl .qh a:nth-child(2){ margin-right: 0; } .jscl_a ul li{ width: 100%; } .jscl_a ul li:nth-child(2), .jscl_a ul li:nth-child(3){ margin-top: 1.85%; } .jscl_a ul{ margin-top: 20px; } .jscl_a ul li a{ padding: 15px; } .jscl_a ul li .bt .t{ margin-top: 10px; } .jscl_a ul li .bt .sj{ margin-top: 5px; } .jscl_a ul li .bt .xz{ margin-top: 20px; } .zzzs_a, .jscl_a{ margin-bottom: 25px; } .zzzs_a ul li{ width: 49%; margin-right: 2%; padding: 15px; } .zzzs_a ul li:nth-child(2n){ margin-right: 0; } .zzzs_a ul li:nth-child(3), .zzzs_a ul li:nth-child(4){ margin-top: 2%; } .zzzs_a ul li .img{ padding: 20px 15px; } .zzzs_a{ margin-top: 20px; } .xwzx_01 .xl{ width: 48%; margin-right: 4%; } .xwzx_01 .xl:nth-child(2){ margin-right: 0; } .xwzx_01 .xl select{ height: 45px; } .xwzx_a1 .zuo1{ width: 100%; } .xwzx_a1 .zuo2{ width: 100%; padding: 15px; } .xwzx_a .xwzx_a1 .zuo2 .swiper-pagination{ left: 50%; transform: translateX(-50%); } .xwzx_b1 ul li a {display: block;} .xwzx_b1 ul li a .left{ width: 100%; } .xwzx_b1 ul li a .right{ width: 100%; position: inherit; top: 0; transform: translateY(0); margin-top: 20px; } .xwzx_a1 .zuo2 .bt .t, .xwzx_b1 ul li .bt1{ margin-top: 10px; } .xwzx_a1 .zuo2 .bt .sj, .xwzx_b1 ul li .sj{ margin-top: 15px; } .xwzx_b1 ul li{ padding: 15px; margin-top: 20px; } .xwzx_a .xwzx_a1 .zuo2 .swiper-pagination .swiper-pagination-bullet{ width: 30px; } .xwxq_a .left{ width: 100%; } .xwxq_a .right{ display: none; } .xwxq_a .xwxq_l{ padding: 15px; padding-top: 20px; } .xwxq_a .xwxq_l .nr{ margin-top: 15px; padding: 15px 0; } .xwxq_a .xwxq_l .bt .t{ margin-top: 10px; } .xwxq_a .xwxq_l .qh .more{ position: inherit; top: 0; transform: translateY(0); margin-top: 20px; } .dlsx_a .left{ width: 100%; position: inherit; top: 0; transform: translateY(0); } .dlsx_a .right{ width: 100%; margin-top: 20px; } .xwxq{ padding-bottom: 50px; } .xwzx{ padding-top: 30px; } .xwzx_b{ padding-bottom: 50px; padding-top: 20px; } .xwzx_a{ padding-top: 20px; } .xwxq_a .xwxq_l .nr_01{ padding: 15px; padding-bottom: 0; } .xwxq_a .xwxq_l .nr_01 .rwm{ position: inherit; top: 0; transform: translateY(0); left: 0; } .xwxq_a .xwxq_l .qh{ padding: 15px 0; } .xwzx_b1{ margin-bottom: 20px; } .zzzs_a ul li .bt{ margin-top: 10px; } .jscl_a ul li{ margin-right: 0; margin-top: 20px; } .dlsx_a ul{ height: 300px; } .contact_b2 .biaodan ul li.ysmxy .xial{width: calc(100% + 20px);} } .download_tc .biaodan ul li.content,.download_tc_box .biaodan ul li.content{ height: 110px; } .download_tc .biaodan ul li textarea,.download_tc_box .biaodan ul li textarea{ resize: none; background: none; border: none; width: 100%; height: 100%; font-size: 14px; } .contact_b2 .biaodan ul li.djtc_a{ display: none; } /*扫码成功弹窗*/ .chenggong{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 9999991; display: none; } .chenggong .box{ position: absolute; left: 50%; top: 50%; width: 500px; background: #fff; transform: translate(-50%,-50%); padding: 5.2vw 2vw; border-radius: 12px; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); } .chenggong .box .bt{ color: #005398; font-weight: bold; } .chenggong .box .icon{ width: 52px; margin: 30px auto 0; } @media(max-width: 640px){ .chenggong .box{ padding: 40px 20px; width: calc(100% - 40px); } .chenggong .box .icon{width: 40px;margin-top: 20px;} } /*2024-07-08新下载列表tong*/ .jscl_a .ul_img li{ width: 19.1%; margin-top: 0; margin-bottom: 1.125%; margin-right: 1.125%; } .jscl_a .ul_img li a{padding: 0;} .jscl_a .ul_img li .nr{padding: 20px 16px;} .jscl_a .ul_img li .bt{margin-top: 10px;} .jscl_a .ul_img li .bt .b{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jscl_a .ul_img li .bt .xz{ margin-top: 1.1vw; } .jscl_a .ul_img li:nth-child(3n){margin-right: 1.125%;} .jscl_a .ul_img li:nth-child(5n){margin-right: 0;} .jscl_a ul li .img{display: none;} .jscl_a .ul_img li .img{position: relative;display: block;} .jscl_a .ul_img li .img img{} .jscl_a .ul_img li .img canvas{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; display: none; } .jscl_a .ul_img li .bt .sj,.jscl_a .ul_img li .bt .t{display: none;} @media(max-width: 1100px){ .jscl_a .ul_img li{width: 100%;margin-right: 0;margin-bottom: 14px;} } .xintongyong .two_box .anssnen { position: absolute; right: 30px; top: 30px; } .xintongyong .two_box .anssnen a i { width: 14px; height: 12.63px; margin-left: 10px; background: url(../images/more_jtee.svg) center center/cover; } @media(max-width: 1100px){ .xintongyong .two_box .anssnen { right: 20px; top: 20px; } } .t20240823{ display: flex; flex-wrap: wrap; align-items:center; } .t20240823 a{ display: flex; flex-wrap: wrap; align-items:center; max-width: 70%; } .t20240823 .mornwn { max-width: 84%; } .t20240823 a.a1 .news_more{opacity: 0;} .t20240823 .news_more { margin-left: 30px; transition: all 0.4s; } .t20240823 a.a1:hover .news_more {opacity: 1;} .xintongyong .three_box .three .three_cp .box .anen{ position:initial; margin-left:auto; } .xintongyong .three_box .three .three_cp .box .anen a{max-width:100%;} .t20240823 a.xz{ color: #004388; font-weight: bold; display: inline-block; padding-right: 15px; position: relative; margin-left: auto; max-width: initial; } .t20240823 a.xz:after{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 11px; height: 10px; background: url(../images/zzzs_icon.png) center center / cover; transition: all 0.6s; } @media(max-width: 1100px){ .t20240823 a{width: 100%;max-width:initial;} .t20240823 .news_more { margin-left: auto; } .t20240823 a.xz{ width: auto; margin-top: 10px; } .xintongyong .three_box .three .three_cp .box .anen{margin-top:10px;margin-left:auto;width:auto;} }