.width{max-width:1280px;margin:0 auto;width:calc(100% - 100px)} .b{font-weight:bold} b{font-weight:bold;color:#000} .click{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 10;} .img-bg{overflow:hidden;display:flex;justify-content:center;align-items:center} .bg{width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:.8s} .img-div{display:flex;justify-content:center;align-items:center} .img-div img{max-width:100%;max-height:100%} .lazyload{opacity:0;transition:transform .8s,opacity .8s ease-in-out} .lazyload.loaded{opacity:1} .dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .dot2,.dot3,.dot4,.dot5{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical} .dot2{-webkit-line-clamp:2} .dot3{-webkit-line-clamp:3} .dot4{-webkit-line-clamp:4} .dot5{-webkit-line-clamp:5} .scroll{overflow:hidden} body::-webkit-scrollbar{width:5px} body::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.11);background: #999} body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.1);background:#eee} .myscroll::-webkit-scrollbar{width:8px;height:5px;} .myscroll::-webkit-scrollbar-thumb{border-radius:30px;-webkit-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.11);background: #fff} .myscroll::-webkit-scrollbar-track{border-radius:30px;-webkit-box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.1);background:rgba(255,255,255,.5)} .mCSB_inside > .mCSB_container{margin-right:15px} .mCS-myscroll.mCSB_scrollTools{top:0;width:2px} .mCS-myscroll.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;background:#007749} .mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{background:#ccc} .layui-layer-hmg{border-radius:50px !important} .layui-layer-btn .layui-layer-btn0{background:#007749;color:#333;border-color:#007749} .layui-layer-btn{padding:0 15px 20px} .layui-layer-btn .layui-layer-btn0{border-color:#007749 !important;background-color:#007749 !important} .my-select{height:48px;background:#fff;position:relative;border-radius: 5px;} .my-select:after{content:"";display:block;width:12px;height:100%;position:absolute;top:0;right:20px;transition:.3s;background:url(../images/arrow.svg) no-repeat center center/12px} .my-select p{padding:0 40px 0 25px;line-height:48px;cursor:pointer;border:1px #e5e5e5 solid;border-radius: 5px;} .my-select ul{display:none;width:max-content;min-width:100%;overflow:auto;position:absolute;top:calc(100% + 10px);left:0;max-height:400px;z-index:990;box-shadow: 0 0 20px rgba(0,119,73,.3);border-radius: 5px;background: #fff;} .my-select ul li{padding:0 15px;line-height:45px;cursor:pointer;} .my-select ul li.unselected{font-weight:bold} .my-select ul li.selected{background:#007749;color:#fff} .my-select.on:after{transform:rotate(180deg)} .my-select .mCSB_inside > .mCSB_container{margin-right:0} .page{text-align:center} .page a,.page .a_cur{display:inline-block;width:48px;height:48px;border-radius:50%;font-size:16px;line-height:48px;margin-right:15px;color:#333;box-shadow: 0 0 20px rgba(0, 0, 0, .1);transition: .3s;} .page .a_cur{background:#007749 !important;color:#fff} .page1 a,.page1 .a_cur{background:#fff} .video-popup{display:none;position:fixed;z-index:1001;background:rgba(0,0,0,.7);width:100%;height:100%;top:0;left:0;} .video-popup .con{width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center} .video-popup video{max-width:100%;max-height:100%;} .video-popup .close{position:absolute;width:40px;height:40px;background:url(../images/close-w.svg) no-repeat center center/40px;right:-30px;top:-30px;cursor:pointer;z-index:1002;} @media (max-width:1279px){ .width{width:calc(100% - 40px)} .page a,.page .a_cur{margin-right:5px;width:35px;height:35px;line-height:35px;font-size: 12px;} .my-select{height:38px} .my-select:after{right:15px} .my-select p{line-height:38px;font-size:14px;padding:0 40px 0 15px} .my-select ul{max-height:350px;max-width: 100%;} .my-select ul li{line-height:35px} .video-popup .con{width:90%;} .video-popup .close{right:0;top:0;width:30px;height:30px;background-size:30px} } @media (any-hover:hover){ .img-bg .bg:hover{transform:scale(1.1)} .page a:hover{background:#007749;color:#fff} } html{width: 100%;} body{font-size: 16px; background: #fff; font-family: "Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 28px; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} ol,ul,li{list-style: none;} a{text-decoration: none; color: #000; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;} em,i{font-style: normal;} h1,h2,h3,h4,h5,h6,th{font-weight: normal;} strong{font-weight: 800;} img{border: 0; height: auto; vertical-align: middle;/*display: block;*/} table{border-collapse: collapse; border-spacing: 0;} input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";} input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;} input,input:focus,input:active{user-select: text;} button:focus{outline: 0;} textarea{resize: none;} video{outline: none;display: block;} *{margin: 0;padding: 0;box-sizing: border-box;} .clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;} .relative{position: relative;} .fl{float: left;} .fr{float: right;} .w1520{position: relative;width: 1520px;margin: 0 auto;} .flex {display: flex;height: 100%;} .content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 100px;position: relative;} .content_box100 {box-sizing: border-box;width: 100%;height:100%;margin: auto;padding-top: 100px;position: relative;} .pd50{padding: 0 50px;} .h-header-zw { display: block; width: 100%; height: 100px; transition: .3s; } .h-header{display: block;position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background: #ffffff;} .h-header.active{box-shadow: 0px 0px 2px 0 #ccc;} .h-header.active .h-nav .li>a{line-height: 80px;} .h-header .w1520{display: flex;align-items: center;} .h-logo{} .h-nav{margin-left: auto;display: flex;} .h-nav .li{margin-right: 50px;position: relative;} .h-nav .li>a{display: block;line-height: 100px;font-size: 16px;color: #000000;} .h-nav .h-subnav {width:150px;background:#ffffff;font-size:12px;text-align:left;position:absolute;left:-35px;top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;} .h-nav .h-subnav ol li{width: 100%;margin: 0 !important;} .h-nav .h-subnav a {transition: .3s; padding: 0 10px;box-sizing: border-box; width: 100%; display:block;height:50px;line-height:50px;color:#333;font-size: 14px;text-align: center;font-weight: normal;} .h-nav .h-subnav a:hover {background:#0047ba;color:#fff!important;} .h-nav .li:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;} .h-nav .li>a:hover,.h-nav .li.active>a{color: #0047ba;} .h-more{position: relative;display: flex;align-items: center;} .h-more img{display: block;} .h-search{cursor: pointer;} .h-phone{margin-left: 60px;position: relative;display: flex;align-items: center;} .h-phone::before{content: "";display: block;width: 1px;height: 20px;background: #CCCCCC;position: absolute;left: -30px;top: 50%;margin-top: -10px;} .h-phone img{} .h-phone span{font-family: DIN;font-weight: bold;font-size: 28px;color: #0047ba;line-height: 1.5;margin-left: 10px;display: block;} .mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 9; } .search-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #f5f5f5;display: none;z-index: 9999;} .search-alert {position: fixed;z-index: 100;background: rgba(0,0,0,.7);left: 0;top: 0;width: 100%;height: 100%;opacity: 1;z-index: 9999;} .search-alert input::-webkit-input-placeholder {color: #fff !important;} .search-alert input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #fff !important;} .search-alert input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #fff !important;} .search-alert input:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #fff !important;} .search-alert .cent-form {opacity: 0;-webkit-transform: translate(0, 40px);-ms-transform: translate(0, 40px);transform: translate(0, 40px);-webkit-transition: all .5s;transition: all .5s;} .search-alert .close {width: 30px;height: 30px;position: absolute;top: 38px;right: 2.6%;cursor: pointer;background: url(/web/images/colse.png) no-repeat center;background-size: 18px auto;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 60px;margin-top: -63px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);} .search-alert .cent-form:before {content: "";color: #fff;font-size: 30px;position: absolute;left: 0;height: 50px;width: 50px;top: 50%;margin-top: -25px;background: url(/web/images/z_img9.png) no-repeat center;background-size: 28px auto;} .search-alert .cent-form .tex {border: none;font-size: 40px;height: 50px;line-height: 50px;text-align: center;width: 100%;color: #fff;background: none;padding-left: 100px;padding-right: 140px;box-sizing: border-box;} .search-alert .cent-form .sub-butn {border: none;height: 50px;font-size: .8rem;line-height: 50px;color: #fff;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 120px;text-align: center;font-size: 26px;cursor: pointer;} .search-alert {-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;} .search-alert.active {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;} .search-alert.active .cent-form {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s .3s;transition: all .5s .3s;} .wap_header{width: 100%; height: 60px; padding: 0 12px; display: none; justify-content: space-between; align-items: center; background: #fff; position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 9999;box-sizing: border-box;border-bottom: 1px solid #ddd;} .wap_header .toggle{display: block; width: 25px; height: 24px; position: relative; z-index: 6;} .wap_header .toggle i{display: block; width: 25px; height: 2px; background: #000; position: absolute; left: 0; transition: all ease .35s;} .wap_header .toggle i:nth-of-type(1){top: 0;} .wap_header .toggle i:nth-of-type(2){top: 8px;} .wap_header .toggle i:nth-of-type(3){top: 16px;} .wap_header .toggle.on i{background: #000;} .wap_header .toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);} .wap_header .toggle.on i:nth-of-type(2){width: 0;} .wap_header .toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);} .wap_header #h60{height: 60px;} .wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;} .wap_header .maskbg.on{display: block;} .wap_header .nav{width: 240px; background: #fff; height: 100vh; padding: 56px 0 20px 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;} .wap_header .nav.open{transform: translateX(0); opacity: 1;} .wap_header .nav > ul{height: calc(100vh - 70px); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;} .wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;} .wap_header .nav > ul > li:first-child{border-top: 0 none;} .wap_header .nav ul li a{height: 60px; line-height: 60px; display: block; padding-right: 30px; font-size: 14px; color: #333;} .wap_header .nav ul li a:active {color: #dd0518 !important;} .wap_header .nav ul li ul{display: none;} .wap_header .nav ul li i{width: 30px; height: 60px; font-size: 16px; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;} .wap_header .nav ul li i.down{color: #dd0518; transform: rotate(90deg);} .wap_header .nav ul li .icon{background-size: 20px !important;background-position: center !important;} .wap_header .nav ul li ul li{margin-right: 0;} .wap_header .nav ul li ul li a{color: #666; height: 40px; line-height: 40px; font-size: 14px;} .wap_header .nav ul li ul li i{top: -10px;} .wap_header .logo{float: left;margin-top: 18px;position: relative;height: 23px;} .wap_header .logo a{display: block;height: 100%;} .wap_header .logo img{display: block;height: 100%;} .wap_header .toggle{float: right;margin-top: 21px;} .wap_header .dropdown{float: right;margin-top: 18px;margin-right: 20px;position: relative;} .wap_header #dLabel{border: 1px solid #9C9C9C;background: none;color: #9C9C9C;padding: 2px 5px;font-size: 12px;position: relative;} .wap_header .dropdown-menu{background: #222;min-width: auto !important;text-align: center;} .wap_header .dropdown-menu li a{color: #9C9C9C !important;transition: .3s;font-size: 14px !important;} .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);width: 100%;} .open>.dropdown-menu {display: block;} .caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;} .wap_header .h-more{float: right;margin: 20px 15px 0 0;} .mySwiperBannerPC{display: block;} .mySwiperBannerWap{display: none;} .mySwiperBanner {width: 100%;height: 100%;position: relative;overflow: hidden;} .mySwiperBanner .swiper-slide {display: flex;justify-content: center;align-items: center;} .BannerItem{width: 100%;height: 100%;position: relative;} .BannerItem .img{width: 100%;height: 100%;} .BannerItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;} .BannerItem .img video{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;} .BannerItem .desc{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);z-index: 10;} .BannerItem .desc .atit{font-size: 32px;color: #FFFFFF;line-height: 1.5;} .BannerItem .desc .btit{font-size: 65px;color: #FFFFFF;font-weight: bold;line-height: 1.5;} .BannerItem .desc .ctit{font-size: 18px;color: #FFFFFF;line-height: 1.5;max-width: 800px;margin-bottom: 75px;} .BannerItem .desc .indLine{margin: 30px 0 45px;} .banner .movehouse{position: absolute;bottom: 50px;left: 50%;margin-left: -16px;;width:32px;animation: mouse 1.5s infinite;z-index: 999;} .banner .movehouse img{width: 100%;} @keyframes mouse{ 0{transform: translateY(0px);} 50%{transform: translateY(20px);} 100%{transform: translateY(0px);} } .indA{display: flex;width: 150px;height: 50px;background: #0047ba;border-radius: 25px;align-items: center;justify-content: center;} .indA span{font-size: 16px;color: #FFFFFF;} .indA i{display: block;width: 20px;height: 8px;background: url(/web/images/iconRight1.png);margin-left: 8px;transition: .3s;} .indA:hover{transform: translateY(-5px);} .indLine{display: block;position: relative;width: 73px;height: 3px;background: #0047ba;margin-left: 14px!important;} .indLine::before{content: "";display: block;width: 10px;height: 3px;background: #161EA1;position: absolute;left: -14px;top: 0;} .indTitBox{display: flex;align-items: center;} .indTitle{padding: 85px 0 40px;} .indTitle .atit{font-weight: bold;font-size: 45px;color: #000000;line-height: 1.5;} .indTitle .btit{font-size: 18px;color: #666666;line-height: 1.5;} .indTitle .indLine{margin: 10px 0 15px;} .indTitle.white .atit{color: #fff;} .indTitle.white .btit{color: #fff;} .sec1{background-size: cover;background-position: center;padding-bottom: 90px;} .mySwiperPro {width: 100%;height: 100%;position: relative;overflow: hidden;} .mySwiperPro .swiper-slide {display: flex;justify-content: center;align-items: center;opacity: 0!important;} .mySwiperPro .swiper-slide-active{opacity: 1!important;} .indProItem{width: 100%;max-width: 680px;margin-right: auto;margin-bottom: 20px;} .indProItem .atit{font-weight: bold;font-size: 28px;color: #000000;line-height: 1.2;margin-top: 30px;padding-bottom: 10px;} .indProItem .btit{display: flex;flex-wrap: wrap;margin: 20px -5px;} .indProItem .btit span{display: block;font-size: 16px;color: #333333;background: #FFFFFF;height: 45px;line-height: 45px;border-radius: 5px;margin: 5px;padding: 0 18px;} .indProItem .ctit{font-size: 16px;color: #666666;line-height: 1.7;margin-bottom: 60px;} .indProItem .dtit{} .indProItem .etit{display: none;} .indProSelList{display: flex;position: relative;margin-top: 50px;} .indProSelList::before{content: "";display: block;width: 100%;height: 2px;background: #FFFFFF;position: absolute;bottom: 0;left: 0;} .indProSelItem{width: 25%;text-align: center;position: relative;font-size: 20px;color: #333333;line-height: 30px;padding: 18px 0;cursor: pointer;} .indProSelItem::before{content: "";display: block;width: 0%;height: 2px;background: #0047ba;position: absolute;bottom: 0;left: 50%;transition: .5s;} .indProSelItem::after{content: "";display: block;width: 8px;height: 8px;background: #F8F8F8;border-radius: 50%;border: 1px solid #0047ba;position: absolute;left: 50%;bottom: -4px;margin-left: -4px;transition: .3s;opacity: 0;} .indProSelItem.active{color: #0047ba;} .indProSelItem.active::before{width: 100%;left: 0;} .indProSelItem.active::after{opacity: 1;} .sec2{padding-bottom: 100px;} .jjfaBox{display: flex;margin-top: 0px;border-radius: 10px;overflow: hidden;} .jjfaItem{width: 13.5%;position: relative;height: 650px;padding-top: 260px;background-position: center;background-size: cover;overflow: hidden;transition: .8s;} .jjfaItem+.jjfaItem{margin-left: 1px;} .jjfaContent{transition: .5s;} .jjfaContent .icon{display: flex;width: 80px;height: 80px;border: 1px solid #FFFFFF;border-radius: 50%;align-items: center;justify-content: center;margin: 0 auto;transition: .3s;} .jjfaContent .atit{font-size: 24px;font-weight: 400;color: #FFFFFF;line-height: 1.2;margin: 30px 0 10px;text-align: center;} .jjfaContent .btit{font-size: 14px;color: #FFFFFF;line-height: 1.75;visibility: hidden;opacity: 0;margin-top: 20px;transition: .5s;transition-delay: 0.5s;} .jjfaItem .jjfaDesc{position: absolute;bottom: -101px;left: 0;width: 100%;display: flex;padding: 25px 50px;align-items: center;transition: 0.5s;transition-delay: 0.4s;border-top: 1px solid rgba(255,255,255,.5);} .jjfaItem .jjfaDesc .ctit{width: calc(100% - 150px);font-size: 16px;color: #FFFFFF;line-height: 1.5;white-space: nowrap;} /* .jjfaItem .jjfaDesc .dtit{display: flex;align-items: center;justify-content: center;width: 150px;height: 50px;border: 1px solid #FFFFFF;font-size: 16px;color: #FFFFFF;border-radius: 25px;} .jjfaItem .jjfaDesc .dtit i{display: block;width: 20px;height: 8px;background: url(/web/images/iconRight1.png);margin-left: 10px;} .jjfaItem .jjfaDesc .dtit:hover{background: #0047ba;border-color: #0047ba;} */ .jjfaItem .jjfaDesc .dtit a{background: none;border: 1px solid #fff;} .jjfaItem .jjfaDesc .dtit:hover a{background: #0047ba;border-color: #0047ba;} .jjfaItem.active{width: 59.5%;padding: 50px;} .jjfaItem.active .jjfaContent{} .jjfaItem.active .jjfaContent .icon{margin: 0;background: #0047ba;border-color: #0047ba;} .jjfaItem.active .jjfaContent .atit{text-align: left;} .jjfaItem.active .jjfaContent .btit{visibility: visible;opacity: .8;margin-top: 0;} .jjfaItem.active .jjfaDesc{bottom: 0;visibility: visible;} .sec3{background: url(/web/images/sec3Bg.jpg) center/cover;} .indAboutBox{display: flex;padding: 0px 0;} .indAboutBox .indTitle{padding: 0;} .iabDesc{width: 50%;padding-right: 30px;display: flex;flex-direction: column;} .indNumList{display: flex;flex-wrap: wrap;margin: auto 0;padding: 20px;} .indNumItem{width: 25%;} .indNumItem:nth-of-type(1),.indNumItem:nth-of-type(2){margin-bottom: 60px;} .indNumItem p{display: block;font-family: DIN;font-weight: bold;font-size: 60px;color: #0047ba;line-height: 1.2;} .indNumItem em{display: block;font-size: 16px;color: #333333;line-height: 1.5;opacity: 0.7;padding-top: 2px;} .iabImg{width: calc(100% - 470px);position: relative;} .iabImg .atit{font-size: 16px;color: #333333;line-height: 1.8;margin-bottom: 35px;} .videoBox{position: relative;overflow: hidden;} .videoBox img{width: 100%;} .videoBox .video-open{width: 80px;height:80px;display: block;position: absolute;top: 50%;left: 50%;margin: -40px 0 0 -40px;cursor: pointer;} .layui-layer-video{max-width: 1200px;} .layui-layer-video video{display: block;width: 100%;} .sec4{background-size: cover;background-position: center;padding-bottom: 100px;transition: .3s;} .dvBox{} .mySwiperDV {width: 100%;height: 100%;position: relative;overflow: hidden;} .mySwiperDV .swiper-slide {opacity: 0!important;} .mySwiperDV .swiper-slide-active{opacity: 1!important;} .DVItem{padding: 100px 0 170px;} .DVItem .atit{font-weight: bold;font-size: 44px;color: #FFFFFF;line-height: 1.5;display: flex;align-items: center;margin-bottom: 20px;} .DVItem .atit em{font-family: DIN;font-size: 60px;display: block;} .DVItem .btit{font-size: 16px;color: #FFFFFF;line-height: 28px;max-width: 750px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;height: 140px;} .DVSelList{display: flex;} .DVSel{width: calc(25% - 15px);margin-right: 20px;height: 80px;background: #FFFFFF;border-radius: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;padding: 0 30px;position: relative;cursor: pointer;} .DVSel:nth-of-type(4n){margin-right: 0;} .DVSel::after{content:"";display: block;width: 140px;height: 140px;background: #0047ba;border-radius: 50%;opacity: 0.2;position: absolute;right: -70px;bottom: -90px;z-index: 1;transition: .6s;} .DVSel span{display: block;width: calc(100% - 35px);font-size: 20px;color: #222222;transition: .3s;position: relative;z-index: 99;} .DVSel i{width: 31px;height: 31px;display: block;background-repeat: no-repeat;position: relative;z-index: 99;} .DVSel.active::after{width: 300%;height: 300%;opacity: 1;} .DVSel.active span{color: #ffffff;} .DVSel.active i{background-position: 0px -65px;} .caseList{display: flex;flex-wrap: wrap;} .caseItem{display: block;width: calc(33.333% - 20px);margin: 0 30px 30px 0;position: relative;border-radius: 10px;overflow: hidden;} .caseItem:nth-of-type(3n){margin-right: 0;} .caseItem .img{overflow: hidden;width: 100%;height: 100%;} .caseItem .img img{display: block;width: 100%;transition: .5s;height: 100%;object-fit: cover;} .caseItem p{padding-top: 20px;display: block;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));font-size: 18px;line-height: 60px;color: #fff;transition: .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .caseItem:hover img{transform: scale(1.05);} .caseItem:hover p{padding-bottom: 10px;} .newsSelList{margin-left: auto;margin-top: 50px;background: #EDEDED;border-radius: 23px;display: flex;} .newsSelList .newsSel{display: block;width: 135px;height: 45px;line-height: 45px;text-align: center;border-radius: 23px;cursor: pointer;transition: .3s;} .newsSelList .newsSel:hover{color: #0047ba;} .newsSelList .newsSel.active{background: #0047ba;color: #ffffff;} .newsSelList .newMore{display: block;width: 35px;height: 35px;background-color: #FFFFFF;border-radius: 50%;margin: 5px;background-image: url(/web/images/iconRight2.png);background-repeat: no-repeat;background-position: center;transition: .3s;} .newsSelList .newMore:hover{background-image: url(/web/images/iconRight3.png);background-color: #0047ba;} .newsBox{width: 100%;display: flex;flex-wrap: wrap;position: relative;} .newsBox .newsL{width: 50%;padding-right: 50px;} .newsBox .newsR{width: 50%;padding-left: 50px;position: absolute;right: 0;top: 0;height: 100%;} .mySwiperNews {width: 100%;height: 100%;position: relative;overflow: hidden;} .mySwiperNews .swiper-slide {opacity: 0!important;background: #ffffff;} .mySwiperNews .swiper-slide-active{opacity: 1!important;} .indNewItem{display: block;position: relative;border-radius: 10px;overflow: hidden;} .indNewItem .img{overflow: hidden;} .indNewItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;} .indNewItem .desc{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,.7);display: flex;} .indNewItem .desc .info{width: calc(100% - 100px);padding: 5px 30px 15px 20px;} .indNewItem .desc p{display:block;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 50px;height: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .indNewItem .desc span{display:block;font-size: 16px;color: #FFFFFF;line-height: 26px;opacity: 0.7;height: 52px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .indNewItem .desc .i{display: block;width: 100px;height: auto;background: url(/web/images/iconRight4.png) #0047ba;background-repeat: no-repeat;background-position: center;} .indNewItem:hover .img img{transform: scale(1.05);} .indNewItem2{display: flex;align-items: center;height: calc(33.333% - 20px);} .indNewItem2+.indNewItem2{margin-top: 30px;} .indNewItem2 .img{width: 250px;border-radius: 10px;overflow: hidden;height: 100%;} .indNewItem2 .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;} .indNewItem2 .desc{width: calc(100% - 250px);padding-right: 45px;} .indNewItem2 .desc .atit{font-weight: bold;font-size: 18px;color: #333333;line-height: 50px;height: 50px;padding-left: 20px;transition: .3s;background-image: url(/web/images/iconRight2.png);background-repeat: no-repeat;background-position: left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .indNewItem2 .desc .btit{font-size: 16px;color: #666666;line-height: 26px;opacity: 0.7;height: 78px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .indNewItem2:hover .img img{transform: scale(1.05);} .indNewItem2:hover .desc .atit{color: #0047ba;background-image: url(/web/images/iconRight21.png);} .h-footer{position:relative;background: url(/web/images/footerbg.jpg) center/cover;overflow: hidden;z-index: 9;} .foot1{padding: 50px 0 50px;position: relative;z-index: 98;} .foot1>div{display: flex;} .foot1 .h-info{display: flex;flex-direction: column;min-width: 380px;flex-shrink: 0;} .foot1 .h-logo{margin-bottom: 40px;display: block;} .foot1 .lineInfo{display: flex;align-items: flex-start;} .foot1 .lineInfo+.lineInfo{margin-top: 20px;} .foot1 .lineInfo img{width: 16px;margin-top: 3px;} .foot1 .lineInfo span{padding-left: 15px;width: calc(100% - 16px);display: block;font-size: 15px;color: #666666;line-height: 25px;} .foot1 .lineInfo p{padding-left: 15px;width: calc(100% - 16px);display: block;font-size: 20px;color: #FFFFFF;line-height: 25px;font-family: "DIN";} .foot1 .lineInfo p em{opacity: .5;font-size: 16px;} .foot1 .h-nav{display:flex;justify-content: space-between;width: calc(100% - 300px);padding-left: 80px;} .foot1 .h-nav dl{} .foot1 .h-nav dt{} .foot1 .h-nav dt::after{content: "";display: block;width: 30px;height: 3px;background: #0047ba;margin: 18px 0;} .foot1 .h-nav dt a{font-size: 18px;color: #000000;line-height: 36px;} .foot1 .h-nav dd a{font-size: 16px;color: #666666;line-height: 24px;} .foot1 .h-nav dd span{font-size: 16px;color: #666666;line-height: 24px;display: block;text-align: center;} .foot1 .h-nav dd+dd{margin-top: 18px;} .foot1 .h-nav dd img{width: 100%;display: block;padding-top: 5px;} .footEwm{max-width: 150px;} .foot2{padding: 15px 0;position: relative;z-index: 98;background: #e4e4e4;} .foot2>div{display: flex;align-items: center;} .foot2 .f2l{margin-right: auto;} .foot2 span,.foot2 a{display: inline-block;font-size: 16px;color: #999;line-height: 24px;} .h-footer a:hover{color: #0047ba;} .yqlj_box{position: relative;display: block;border: 1px solid #D5D5D5;} .yqlj{display: flex;flex-direction: row-reverse;background: #ffffff;} .yqlj span{display: block;height: 50px;line-height: 48px;color: #666;box-sizing: border-box;padding: 0 18px 0 50px;background: url(/web/images/yqlj.png) no-repeat;background-position: 15px 14px;font-size: 16px;opacity: 1;} .yqlj i.jt{display:block;height: 50px;width: 50px;margin: 0;background: url(/web/images/downjt.png) no-repeat #D5D5D5;background-position: center !important;cursor: pointer;transition: .3s;overflow: hidden;} .yqlj_list{display: none;position: absolute;width: 100%;bottom: 51px;left: 0;background: #D5D5D5;text-align: center;} .yqlj_list a{display: block;color: #666;height: 50px;line-height: 50px;} .yqlj_list a:hover{color: #0047ba;} @media screen and (max-width:1720px) { .w1520{width: 1320px;} .h-nav .li{margin-right: 25px;} .BannerItem .desc .atit{font-size: 26px;} .BannerItem .desc .btit{font-size: 58px;} .BannerItem .desc .ctit{font-size: 16px;} .indTitle .atit{font-size: 40px;} .indTitle .btit{font-size: 16px;text-indent: 2em;} .indTitle{padding: 65px 0 30px;} .indProItem .atit{font-size: 28px;margin-top: 20px;} .indProItem .btit span{font-size: 15px;} .indProItem .ctit{font-size: 15px;} .indProSelList{margin-top: 50px;} .jjfaItem{height: 550px;padding-top: 200px;} .indNumItem p{font-size: 55px;} .indNumItem:nth-of-type(1), .indNumItem:nth-of-type(2){margin-bottom: 50px;} .DVItem{padding: 60px 0 120px;} .DVItem .atit{font-size: 42px;} .DVItem .atit em{font-size: 55px;} .DVSel{height: 75px;padding: 0 20px;} .DVSel span{font-size: 18px;} .newsBox .newsL{padding-right: 30px;} .newsBox .newsR{padding-left: 30px;} .indNewItem2 .desc{padding-right: 25px;} .foot1 .h-logo{margin-bottom: 35px;} .foot1 .lineInfo+.lineInfo{margin-top: 14px;} .foot1 .h-nav dd a{font-size: 15px;} .foot1 .h-nav dd+dd{margin-top: 12px;} .foot2 span, .foot2 a{font-size: 15px;} } @media screen and (max-width:1480px) { .w1520{width: 1120px;} .BannerItem .desc .atit{font-size: 22px;} .BannerItem .desc .btit{font-size: 48px;} .BannerItem .desc .ctit{font-size: 16px;} .BannerItem .desc .indLine{margin: 25px 0 35px;} .h-logo {zoom: .8;} .h-nav .li{margin-right: 15px;} .h-phone{margin-left: 50px;} .h-phone::before{left: -25px;} .banner .movehouse{zoom: .7;} .indProSelItem{font-size: 18px;} .indProItem .atit{margin-top: 10px;padding-bottom: 10px;} .indProItem .ctit{margin-bottom: 50px;} .indProSelList{margin-top: 25px;} .iabDesc{padding-right: 0;} .iabImg .atit{font-size: 15px;} .DVItem {padding: 30px 0 60px;} .caseItem p{font-size: 16px;line-height: 50px;} .indNewItem .desc p{line-height: 40px;height: 40px;} .indNewItem .desc span{font-size: 14px;line-height: 22px;height: 44px;} .indNewItem2 .desc .btit{font-size: 14px;line-height: 20px;height: 60px;} .foot1 .h-nav{padding-left: 0;} .footEwm{max-width: 140px;} .foot1 .h-nav dd a{font-size: 14px;} .foot1 .h-nav dd+dd{margin-top: 5px;} .foot1 .lineInfo span{font-size: 14px;} .foot1 .lineInfo+.lineInfo {margin-top: 10px;} .foot1 .h-logo{margin-bottom: 50px;} .foot1 .h-nav dd span{font-size: 14px;} .foot2 span, .foot2 a{font-size: 14px;} .foot2{padding: 10px 0;} .DVSel span{font-size: 17px;} .sec1{padding-bottom: 70px;} .sec2{padding-bottom: 80px;} .indAboutBox{padding: 80px 0;} .sec4{padding-bottom: 80px;} .indNewItem2 .desc{width: calc(100% - 180px);} .indNewItem2 .img{width: 180px;} } @media screen and (max-width:1199px) { .h-header-zw{height: 60px;} .w1520{width: 100%;padding: 0 20px!important;} .h-header{display: none;} .wap_header{display: block;} .jjfaBox{margin-top: 10px;} .jjfaItem.active{padding: 20px;} .jjfaItem .jjfaDesc{padding: 15px 20px;} .jjfaContent .atit{font-size: 14px;transition: .3s;} .jjfaItem.active .jjfaContent .atit{font-size: 24px;} .jjfaItem .jjfaDesc .ctit{width: calc(100% - 120px);font-size: 15px;} .jjfaItem .jjfaDesc .dtit{width: 120px;height: 40px;font-size: 14px;} .h-footer{padding-right: 0;} .foot1{padding: 50px 0 80px;} .foot1 .lineInfo+.lineInfo{margin-top: 10px;} .foot1 .h-nav{display: none;} .foot1 .h-info{width: auto;} .search-alert .cent-form:before{zoom: .8;margin-top: -30px;} .search-alert .cent-form .tex{padding: 0 60px 0 40px;font-size: 18px;} .search-alert .cent-form .sub-butn{font-size: 16px;width: 60px;} .mySwiperBannerPC{display: none;} .mySwiperBannerWap{display: block;} /*.banner{height: auto;}*/ .banner .movehouse{display: none;} .indA{width: 130px;height: 45px;} .indA span{font-size: 15px;} .indTitle{text-align: center;} .indTitle .atit{font-size: 26px;} .indTitle .btit{font-size: 14px;} .indTitle .indLine{width: 60px;margin: 8px auto 10px!important;} .indProItem .atit{margin-top: 0;font-size: 26px;} .indProItem .btit{margin: 18px -5px 15px;} .indProItem .btit span{font-size: 12px;height: 40px;line-height: 40px;padding: 0 10px;} .indProItem .ctit{margin-bottom: 35px;} .indProSelItem{font-size: 16px;padding: 12px 0;} .indProSelList{margin-top: 0;} .indAboutBox{flex-wrap: wrap;} .iabDesc{width: 100%;} .indNumList{padding: 20px 0;} .indNumItem{width: 25%;margin: 0!important;text-align: center;} .indNumItem p{font-size: 38px;} .indNumItem em{font-size: 14px;} .iabImg{width: 100%;} .aboutA .indA{margin: 10px auto 20px;} .iabImg .atit{margin-bottom: 20px;} .DVItem .atit{font-size: 34px;} .DVItem .atit em{font-size: 42px;} .DVItem .btit{font-size: 15px;line-height: 25px;height: 125px;} .DVSelList{flex-wrap: wrap;} .DVSel{width: calc(50% - 7px);margin: 0 14px 14px 0;} .DVSel:nth-of-type(2n){margin-right: 0;} .sec5 .indTitle{width: 100%;} .sec5 .newsSelList{display: none;} .caseItem{width: calc(33.333% - 11px);margin: 0 16px 16px 0;} .newsBox .newsL{width: 100%;padding-right: 0;} .newsBox .newsR{width: 100%;padding-left: 0;padding-top:15px;position: relative;} .indNewItem .img{max-height: 300px;} .indNewItem2+.indNewItem2{margin-top: 15px;} .sec6 .indTitle{text-align: left;} .sec6 .indTitle .indLine{margin: 8px 0 10px 15px !important;} .newsSelList .newsSel{width: 115px;} .foot2 .f2l{text-align: center;} .foot2 .f2r{display: none;} .sec1{background: linear-gradient(#fdfdfd,#cacaca)!important;} .indProItem{max-width: none;margin-bottom: 20px;} .indProItem .etit{display: block;border-radius: 10px;overflow: hidden;margin-top: 25px;} .indProItem .etit img{width: 100%;display: block;} .indProCenter{display: flex;flex-direction: column-reverse;flex-wrap: wrap;width: 100%;} .indProList{width: 100%;} } @media screen and (max-width:780px) { .w1520{padding: 0 15px!important;} .jjfaItem{height: 600px;padding-top: 230px;} .jjfaItem.active{padding: 20px 15px;} .jjfaContent .atit{width: 18px;margin: 10px auto 10px;transition: .3s;} .jjfaItem .jjfaDesc .ctit{display: none;} .jjfaItem .jjfaDesc .dtit{margin-left: auto;} .jjfaContent .icon{width: 40px;height: 40px;transition: .5s;} .jjfaContent .icon img{width: 25px;transition:.5s;} .jjfaItem.active .jjfaContent .icon{width: 80px;height: 80px;} .jjfaItem.active .jjfaContent .icon img{width: 50px;} .jjfaItem.active .jjfaContent .atit{width: auto;} .indProSelItem::after{display: none;} .indProSelItem::before{display: none;} .indProSelList::before{display: none;} .indProSelList{flex-wrap: wrap;} .indProSelItem{width: calc(50% - 5px);margin: 0 10px 10px 0;background: #fff;border-radius: 10px;height: 45px;line-height: 45px;padding: 0px;box-shadow: 0px 0px 10px 0 #eee;} .indProSelItem:nth-of-type(2n){margin-right: 0;} .indProSelItem.active{background: #0047ba;color: #fff;} .indNumList{padding: 10px 0;} .indNumItem{width: 50%;padding: 10px 0;} .videoBox .video-open{zoom: .8;} .DVItem{padding: 30px 0 20px;} .DVItem .atit{font-size: 26px;margin-bottom: 10px;} .DVItem .atit em{font-size: 35px;} .DVSel{padding: 5px 10px 0;flex-wrap: wrap;flex-direction: column-reverse;} .DVSel span{font-size: 14px;width: 100%;text-align: center;} .caseItem{width: calc(50% - 5px);margin: 0 10px 10px 0;} .caseItem:nth-of-type(3n){margin-right: 10px;} .caseItem:nth-of-type(2n){margin-right: 0;} .caseItem p{font-size: 14px;padding: 0 10px;line-height: 40px;} .indTitBox{flex-wrap: wrap;} .sec6 .indTitle{width: 100%;text-align: center;padding-bottom: 0;} .sec6 .indTitle .indLine{margin: 8px auto 10px!important;} .newsSelList{margin: 20px auto;} .indNewItem .desc .info{padding: 5px 15px 15px 15px;width: calc(100% - 80px);} .indNewItem .desc .i{width: 80px;} .indNewItem2 .desc{width: calc(100% - 150px);padding-right: 15px;} .indNewItem2 .img{width: 150px;} .indNewItem2 .desc .btit{-webkit-line-clamp: 2;height: 40px;} .indTitle {padding: 50px 0 25px;} .sec1{padding-bottom: 40px;} .sec2{padding-bottom: 50px;} .indAboutBox{padding: 60px 0;} .sec4{padding-bottom: 50px;} .sec6{padding-bottom: 0px;} .foot1{padding: 50px 0 40px;} .foot2 span, .foot2 a{font-size: 12px;display: block;line-height: 1.5;} } /*鍏叡*/ .header{position: fixed;top:0;left:0;width:100%;z-index: 998;transition: .3s;} .header .width{max-width:1400px;display: flex;align-items: center;} .header .img-div{width:200px;height:39px} .header .con{flex:1;padding-left: 50px;display: flex;justify-content: flex-end;} .header ul{display: flex;margin-right:25px} .header li{font-size: 16px;padding:0 25px;position: relative;} .header li>a{color:#fff;line-height:100px;} .header li>a.active{color:#0047ba} .header .child{display:none;position: absolute;top: 90px;left: 50%;transform: translateX(-50%);width:max-content;padding:10px 0;background: #fff;box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius:10px;z-index: 2;} .header .child>a{font-size: 16px;text-align: center;padding:10px 50px;transition: .3s;} .header .search{width:25px;height:100px;background: url(/web/images/search-w.svg) no-repeat center center/25px;cursor: pointer;position: relative;} .header .popup{display: none;position:absolute;top:100%;right: 0;z-index: 999;} .header .popup>div{display: flex;width:300px} .header .popup>div>input{width:250px;background: #f2f2f2;padding:0 20px} .header .popup>div>p{width:50px;height: 50px;background: #0047ba url(/web/images/search-w.svg) no-repeat center center/25px;} .header .menu{display: none;} .header.black li>a{color:#333} .header.black li>a.active{color:#0047ba} .header.black .search{background-image: url(/web/images/search.svg);} .header.black .menu{background-image: url(/web/images/menu.svg);} .header.active{background: #fff;} .header.hide{transform: translateY(-100px);} .header.shadow{box-shadow: 0 0 10px rgba(0,119,73,.15);} .footer{background: #005c43;padding:90px 0;color: #fff;} .footer a{color:#fff} .footer .width{max-width: 1400px;} .footer1{display: flex;border-bottom: 1px solid rgba(255,255,255,.1);padding-bottom: 55px;margin-bottom: 25px;} .footer1 .logo{width:258px;height:48px;margin-bottom: 50px;} .footer1 .info{width:22.5%} .footer1 .info li{margin-bottom: 25px;} .footer1 .info li>p:nth-of-type(1){margin-bottom: 10px;} .footer1 .info li>p:nth-of-type(2){font-size: 30px;line-height: 40px;} .footer1 .info li:nth-of-type(2)>p:nth-of-type(2){font-size: 18px;line-height: 28px;} .footer1 .icons{display: flex;margin-top: 15px;} .footer1 .icons>a{width:38px;height:38px;border-radius: 50%;background: #1A6D56;margin-right: 10px;transition: .3s;position: relative;} .footer1 .icons>a:last-child{margin-right: 0;} .footer1 .icons .icon{max-width: 50%;max-height: 50%;} .footer1 .icons .qr{position: absolute;top:50px;left: 50%;transform: translateX(-50%);border-radius: 5px;max-width: 130px;max-height: 130px;display: none;} .footer1 .con{width:77.5%;padding-left: 9%;} .footer1 .con>p:nth-of-type(1){font-size: 32px;line-height: 42px;} .footer1 .con>p:nth-of-type(2){font-size: 16px;line-height: 26px;opacity: .5;border-bottom: 1px solid rgba(255,255,255,.1);padding:10px 0 35px;margin-bottom: 40px;} .footer1 .con ul{display: flex;justify-content: space-between;} .footer1 .con li{padding-right: 20px;} .footer1 .con li:last-child{padding-right: 0;} .footer1 .con li>a{font-size: 18px;margin-bottom: 25px;} .footer1 .con .child>a{opacity: .5;margin-bottom: 15px;} .footer2{display: flex;justify-content: space-between;} .footer2> .footer2>p>span{opacity: .3;margin-right: 20px;} .footer2>p>a{opacity: .3;} .footer2>a{opacity: .3;} .nav-m{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;overflow-y:auto;z-index:1000} .nav-m .info{display:flex;justify-content:space-between;align-items:center;height:60px} .nav-m .logo{width:134px;height:25px} .nav-m .close{width:22px;height:22px;background:url(/web/images/close.svg) no-repeat center center/22px} .nav-m ul{border-top:1px solid rgba(0,0,0,.1);margin-top:10px} .nav-m li{border-bottom:1px solid rgba(0,0,0,.1);padding:20px 0;position:relative;font-size:16px} .nav-m li::after{position:absolute;top:51%;right:0;transform:translateY(-50%);content:'';width:18px;height:18px;background:url(/web/images/arrow1.svg) no-repeat center center/18px;transition:.3s} .nav-m li.rotate::after{transform:rotate(90deg);top:35%} .nav-m li>a{display:inline-block;color:#000;font-size:16px} .nav-m li.block::after{display: none;} .nav-m li.block>a{display: block} .nav-m .child{display:none;margin-left:15px;margin-bottom:10px} .nav-m .child>a{padding:18px 0;border-bottom:1px rgba(0,0,0,.1) solid;font-size:16px} .nav-m .txt{display:flex;flex-direction: column;align-items: center;padding-top:20px} .nav-m .phone{background:url(/web/images/1.png) no-repeat left center/22px;padding-left:40px;color:#666;margin-bottom:20px} .nav-m .phone>p:last-child{font-size:20px;color:#2a3f5c} .nav-m .txt>a{width:140px;line-height:40px;border-radius:25px;background:#2a3f5c;color:#fff;text-align:center} .inner-banner{position:relative;z-index: 2;} .inner-banner .m{display: none;} .inner-banner .img{padding-bottom:31.25%} .inner-banner .width{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff} .inner-banner .width>p:nth-of-type(1){font-size:60px;line-height:70px;margin-bottom:20px} .inner-banner .width>p:nth-of-type(2){font-size:20px;line-height:30px} .snav{box-shadow: 0 0 20px rgba(0,119,73,.15);position: relative;z-index: 2;} .snav .width{position: relative;padding-left: 240px;display: flex;} .snav .width>p{width:240px;height:180px;border-radius: 0 50px 0 0;background: #0047ba;color:#fff;font-size: 24px;line-height: 34px;text-align: center;line-height: 180px;position: absolute;bottom: 0;left: 0;z-index: 3;} .snav .con{flex:1;display: flex;} .snav .con>a{margin-left: 60px;font-size: 16px;position: relative;line-height: 100px;} .snav .con>a.active{color:#0047ba} .snav .con>a::after{content:'';position: absolute;width:0;left:0;bottom:0;height:2px;background: #0047ba;transition: .3s;} .snav .con>a.active::after{width:100%} .snav .container{width:100%;padding-left: 60px;position: relative} .snav .swiper-slide{font-size: 16px;line-height: 100px;width:auto} .snav .swiper-slide.active{color:#0047ba} .snav .swiper-slide::after{content:'';position: absolute;width:0;left:0;bottom:0;height:2px;background: #0047ba;transition: .3s;} .snav .swiper-slide.active::after{width:100%} .snav .arrow{width: 30px;height: 30px;border-radius: 50%;box-shadow: 0 0 20px rgba(0,119,73,.15);background: #fff url(/web/images/arrow1.svg) no-repeat center center/12px;transition: .3s;cursor: pointer;right:-40px;position: absolute;top:50%;transform: translateY(-50%);} .snav .prev{transform: translateY(-50%) rotate(180deg);left:15px;right:auto} .float{z-index:998;position:fixed;right:10px;top:50%;margin-top:-160px;box-shadow: 0 0 10px rgba(0,119,73,.15);background: #fff;border-radius: 10px;width:80px;height:320px} .float li{width:80px;height:80px;transition:.3s;position:relative;cursor:pointer;padding-top:15px;border-bottom: 1px solid #eee;} .float li:first-child{border-radius: 10px 10px 0 0;} .float li:last-child{margin-bottom:0;border-radius: 0 0 10px 10px;} .float li>.img-div{width:29px;height:25px;margin:0 auto 8px} .float li>p{text-align:center;color:#666} .float .tel .tc{position:absolute;top:0;right:-500px;width:max-content;background:#0047ba;padding:20px;transition:.8s;z-index:998;border-radius:10px 0 0 10px} .float .tel .tc>span{display:block;color:#fff} .float .tel .tc>span:nth-of-type(2){font-size:20px;margin-top:5px} .float .qr .tc{position:absolute;top:0;right:-500px;width:max-content;background:#0047ba;;padding:20px;transition:.8s;z-index:998;border-radius:10px 0 0 10px} .float .qr .tc .img-div{width:120px;height:120px;margin:0 auto 10px;} .float .qr .tc .img-div>img{border-radius: 5px;} .float .qr .tc>span{text-align:center;display:block;color:#fff} @media (max-width:1440px){ .header .img-div{width:154px;height: 30px;} .header .con{padding-left: 20px;} .header ul{margin-right: 0;} .header li{padding:0 20px} .header li>a{line-height: 80px;} .header .child{top:70px} .header .search{height: 80px} .footer{padding:70px 0} .footer1{padding-bottom: 25px;margin-bottom: 20px;} .footer1 .logo{width:200px;height: 37px;margin-bottom: 30px;} .footer1 .info li{margin-bottom: 15px;} .footer1 .info li>p:nth-of-type(2){font-size: 25px;line-height: 35px;} .footer1 .info li:nth-of-type(2)>p:nth-of-type(2){font-size: 16px;line-height: 26px;} .footer1 .con>p:nth-of-type(1){font-size: 28px;line-height: 38px;} .footer1 .con>p:nth-of-type(2){font-size: 14px;line-height: 24px;padding:10px 0 20px;margin-bottom: 20px;} .footer1 .con li>a{font-size: 16px;margin-bottom: 15px;} .footer1 .con .child>a{margin-bottom: 10px;} .inner-banner .width{top:45%} .inner-banner .width>p:nth-of-type(1){font-size: 40px;line-height: 50px;margin-bottom: 10px;} .inner-banner .width>p:nth-of-type(2){font-size: 18px;line-height: 28px;} .snav .width{padding-left: 200px;} .snav .width>p{width:200px;height:150px;line-height: 150px;font-size: 22px;} .snav .con>a{line-height: 80px;margin-left: 45px;font-size: 14px;} .snav .container{padding-left: 45px;} .snav .swiper-slide{line-height: 80px;font-size: 14px;} .snav .arrow{width:25px;height:25px;right:-30px} .snav .prev{right:auto;left:10px} .float{right:5px;width:40px;height:160px;margin-top:-80px;border-radius: 5px;} .float li{width:40px;height:40px;padding-top:10px} .float li:first-child{border-radius: 5px 5px 0 0;} .float li:last-child{border-radius: 0 0 5px 5px;} .float li>.img-div{width:18px;height:18px;margin-bottom: 0;} .float li>p{display:none} .float .tel .tc{padding:15px;border-radius: 5px 0 0 5px;} .float .tel .tc>span:nth-of-type(2){font-size:18px} .float .qr .tc{padding:15px;border-radius: 5px 0 0 5px;} .float .qr .tc .img-div{width:100px;height:100px} } @media (max-width:1279px){ .header .img-div{width:134px;height:25px} .header ul{display:none} .header .search{height:60px;width:22px;background-size: 22px;} .header .popup{left:0;position: fixed;top: 60px;} .header .popup>div{width:100%} .header .popup>div>input{width:calc(100% - 45px);padding:0 15px} .header .popup>div>p{width:45px;height: 45px;background-size: 20px;} .header .menu{display:block;width:22px;height:60px;background: url(/web/images/menu-w.svg) no-repeat center center/22px;margin-left: 10px;} .footer{padding:50px 0 20px} .footer1{display: block;padding-bottom: 15px;margin-bottom: 15px;} .footer1 .logo{width:134px;height:25px;margin:0 auto 20px} .footer1 .info{width:100%;margin-bottom: 30px;} .footer1 .info li{margin-bottom: 10px;text-align: center;} .footer1 .info li>p:nth-of-type(1){margin-bottom: 5px;} .footer1 .info li>p:nth-of-type(2){font-size: 20px;line-height: 30px;} .footer1 .info li:nth-of-type(2)>p:nth-of-type(2){font-size: 16px;line-height: 26px;} .footer1 .icons{justify-content: center;} .footer1 .con{width:100%;padding-left: 0;} .footer1 .con>p{text-align: center;} .footer1 .con>p:nth-of-type(1){font-size: 20px;line-height: 30px;} .footer1 .con>p:nth-of-type(2){font-size: 14px;line-height: 24px;padding:10px 0 0;margin-bottom: 0;border-bottom: 0;} .footer1 .con ul{display: none} .footer2{display: block;text-align: center;} .footer2>p{display: block;} .footer2>p>span{margin-right: 0;margin-bottom: 5px;display: block;} .footer2>p>a{margin-bottom: 5px;} .inner-banner .pc{display: none;} .inner-banner .m{display: block;} .inner-banner .img{padding-bottom:80%} .inner-banner .width{top:70px;transform: translate(-50%,0);text-align: center;} .inner-banner .width>p:nth-of-type(1){font-size:22px;line-height:32px;margin-bottom:10px} .inner-banner .width>p:nth-of-type(2){font-size:14px;line-height:24px} .snav{box-shadow: 0 0 10px rgba(0,119,73,.15);overflow-x:auto;white-space: nowrap;} .snav .width{padding-left: 0;width: 100%} .snav .width>p{width:auto;padding:0 20px;height:50px;border-radius: 0;font-size: 14px;line-height: 50px;position: static} .snav .con{padding-right: 20px;} .snav .con>a{margin-left: 20px;font-size: 14px;line-height: 50px;} .snav .container{padding-left: 20px;} .snav .swiper-slide{font-size: 14px;line-height: 50px} .snav .arrow{display: none;} .float{display: none;} } @media (any-hover:hover){ .header li>a:hover{color:#0047ba} .header .child>a:hover{background:#0047ba;color:#fff} .footer1 .icons>a:hover{background: #fff;} .footer1 .con .child>a:hover{opacity: 1;} .footer2>p>a:hover{opacity: 1;} .footer2>a:hover{opacity: 1;} .snav .con>a:hover{color:#0047ba} .snav .con>a:hover::after{width:100%} .snav .swiper-slide:hover{color:#0047ba} .snav .swiper-slide:hover::after{width:100%} .snav .arrow:hover{background-color:#0047ba;background-image: url(/web/images/arrow1-w.svg);} .float li:hover{background:#0047ba;border-color:#0047ba} .float li:hover>p{color:#fff} } /*棣栭〉*/ .index-page .jb{background: linear-gradient(to bottom,#f9fffe,#e2f3f0);} .index-page .width{max-width:1400px} .index-page .tit{font-size: 48px;line-height: 58px;color:#0047ba;text-align: center;} .index-page .tit.white{color:#fff} .index-page .more{width:200px;line-height: 58px;border:1px solid #0047ba;border-radius: 30px;font-size: 16px;color:#0047ba;padding-left: 45px;background: #fff url(/web/images/arrow-m.png) no-repeat 80% center/16px;box-shadow: 0 0 20px rgba(0,119,73,.3);transition: .3s;} .index-page .banner .m{display:none} .index-page .banner video{position: absolute;top: 0;left: 0;width:100%;object-fit: cover;} .index-page .banner .info{color:#fff;position:absolute;z-index:3;top:50%;left:3.5%;transform: translateY(-50%);} .index-page .banner .info>p:nth-of-type(1){font-size: 40px;line-height: 55px;} .index-page .banner .info>p:nth-of-type(2){font-size: 16px;line-height: 30px;max-width: 560px;margin:20px 0 30px} .index-page .banner .swiper-pagination{bottom:30px} .index-page .banner .swiper-pagination-bullet{background:#fff;border-radius:50%;opacity:1;margin:0 20px !important;width:8px;height:8px} .index-page .banner .swiper-pagination-bullet-active{position:relative;} .index-page .banner .swiper-pagination-bullet-active:after{border-radius:50%;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px;border:1px #fff solid} .index-page .box1{position: relative;} .index-page .box1 .con{width:53%;position: relative;z-index: 2;padding-top:5%} .index-page .box1 .tit{text-align: left;} .index-page .box1 .con>p:nth-of-type(1){font-size: 24px;line-height: 34px;border-bottom: 1px solid #dbe5e1;padding:10px 0 35px;margin-bottom: 30px;color:#5a927d} .index-page .box1 .con>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666;} .index-page .box1 .icons{margin:40px 0 45px;position: relative} .index-page .box1 .icons .swiper-slide{width:auto;display: flex;align-items: center;margin-right: 40px;} .index-page .box1 .icons .swiper-slide:last-child{margin-right: 0;} .index-page .box1 .icons .swiper-slide .img-div{width:31px;height:31px;margin-right:10px} .index-page .box1 .icons .swiper-slide>p{font-size: 18px;color:#666} .index-page .box1 .icons ul{display: none;} .index-page .box1 .icons .arrow{width:35px;height:35px;background: #fff url(/web/images/arrow1.svg) no-repeat center center/14px;border-radius: 50%;cursor: pointer;transition: .3s;position: absolute;top: 50%;transform:translateY(-50%);right: -50px;box-shadow: 0 0 10px rgba(0,119,73,.3);} .index-page .box1 .icons .prev{transform: translateY(-50%) rotate(180deg);right:auto;left:-50px} .index-page .box1 .num{margin-bottom: 65px;position: relative;} .index-page .box1 .num .swiper-slide{width:auto;margin-right: 55px;} .index-page .box1 .num .swiper-slide:last-child{margin-right: 0;} .index-page .box1 .num .swiper-slide>p:nth-of-type(1){display: flex;align-items: flex-end;color:#0047ba} .index-page .box1 .num .swiper-slide>p:nth-of-type(1)>span:nth-of-type(1){font-size: 48px;} .index-page .box1 .num .swiper-slide>p:nth-of-type(1)>span:nth-of-type(2){font-size: 14px;margin:0 0 10px 20px} .index-page .box1 .num .swiper-slide>p:nth-of-type(2){color:#666} .index-page .box1 .num ul{display: none;} .index-page .box1 .num .arrow{width:35px;height:35px;background: #fff url(/web/images/arrow1.svg) no-repeat center center/14px;border-radius: 50%;cursor: pointer;transition: .3s;position: absolute;top: 15px;right: -50px;box-shadow: 0 0 10px rgba(0,119,73,.3);} .index-page .box1 .num .prev{transform: rotate(180deg);right:auto;left:-50px} .index-page .box1 .img{position: absolute;right:10%;top: 55%;transform: translateY(-50%);width:32.29%} .index-page .box1 .waves{height:500px;width:100%;position: absolute;bottom:0;left:0;} .index-page .box2 .fp-tableCell{vertical-align:top} .index-page .box2 .tit{padding-top:110px;position: relative;z-index: 2;} .index-page .box2 video{position: absolute;top: 0;left: 0;width:100%;height:100%;object-fit: cover;} .index-page .box2 .img{display: none;} .index-page .box3 .pc{height:100%;position: relative;} .index-page .box3 .pc .width{padding-top: 14%;} .index-page .box3 .tit{position: relative;text-align: left;} .index-page .box3 .tit::after{content:'';position: absolute;bottom:-25px;left:0;width:48px;height:2px;background: #fff;} .index-page .box3 .pc .width>p:nth-of-type(2){font-size: 18px;line-height:28px;color:#fff;margin:50px 0 55px} .index-page .box3 .cate{position: absolute;bottom:70px;left: 50%;transform: translateX(-50%);height:120px;z-index: 2;background: rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius: 10px;display: flex;} .index-page .box3 .cate .item{border-right: 1px solid rgba(255,255,255,.2);display: flex;align-items: center;justify-content: center;padding:0 20px;flex:1;position: relative;} .index-page .box3 .cate .item:last-child{border-right: 0;} .index-page .box3 .cate .item .img-div{width:46px;height:43px;} .index-page .box3 .cate .item p{font-size: 20px;line-height: 30px;color:#fff;max-width:calc(100% - 46px);padding-left: 20px;} .index-page .box3 .mask{position: absolute;width: calc(100% + 20px);height:160px;top:-20px;left:-10px;background: #0047ba;border-radius: 20px;display: none;} .index-page .box3 .cate .item.active .mask{display: block;} .index-page .box3 .mask>div{display: flex;height:100%;align-items: center;justify-content: center;padding:0 20px;position: relative} .index-page .box3 .mask ul{display:none;background: rgba(0,119,73,.9);position: absolute;left: 50%;width:80%;transform: translateX(-50%);bottom:155px;border-radius: 20px 20px 0 0;padding:20px 20px 15px} .index-page .box3 .mask li{font-size: 16px;text-align: center;margin-bottom: 10px;} .index-page .box3 .mask li>a{color:#fff} .index-page .box3 .m{display: none;} .index-page .box4 .tit{padding-top: 5%;} .index-page .box4 .big{max-width: 1440px;padding:0 20px 20px;margin-top:40px;} .index-page .box4 .big .swiper-slide{display: flex;height:480px;align-items: flex-end;} .index-page .box4 .big .img-bg{width: 50%;height:100%;border-radius: 20px 20px 0 20px;} .index-page .box4 .big .img{height: 100%;} .index-page .box4 .big .info{width:50%;height:450px;position: relative;display: flex;align-items: flex-end;} .index-page .box4 .big .img-div{width:240px;height:80px;position: absolute;left: 60px;top: 0;z-index: 3;background: #fff;border-radius: 20px 20px 0 0;} .index-page .box4 .big .img-div>img{max-width: 80%;max-height: 80%;} .index-page .box4 .big .txt{background: #fff url(/web/images/1.png) no-repeat calc(100% - 80px) 60px/26px;border-radius: 0 20px 20px 0;box-shadow: 0 0 20px rgba(0,119,73,.15);height:410px;padding:0 80px;display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 2;width:100%} .index-page .box4 .big .txt>p:nth-of-type(1){font-size: 30px;line-height:40px;border-bottom: 1px #eee solid;padding-bottom: 25px;} .index-page .box4 .big .txt>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#888;margin:25px 0 35px} .index-page .box4 .big .info-bg{width:240px;height:80px;background: #fff;box-shadow: 0 0 20px rgba(0,119,73,.15);position: absolute;left:60px;top:0;border-radius: 20px;} .index-page .box4 .thumb{max-width: 1570px;position: relative;} .index-page .box4 .thumb .arrow{width: 48px;height: 48px;background: #fff url(/web/images/arrow1.svg) no-repeat center center/16px;border-radius: 50%;position: absolute;right:0;top: 50%;transform: translateY(-50%);cursor: pointer;transition: .3s;box-shadow: 0 0 20px rgba(0,119,73,.3)} .index-page .box4 .thumb .prev{right:auto;left:0;transform: translateY(-50%) rotate(180deg);} .index-page .box4 .thumb .swiper-container{max-width: 1440px;padding:20px;} .index-page .box4 .thumb .swiper-slide{height:100px;background: #fff;box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 10px;margin-top: 10px;cursor: pointer;} .index-page .box4 .thumb .swiper-slide.active{height:120px;margin-top:0;box-shadow: 0 0 20px rgba(0,119,73,.3);border:3px solid #0047ba} .index-page .box4 .thumb .swiper-slide>img{max-width: 80%;max-height: 80%;} .index-page .box5 .tit{padding-top: 5%;} .index-page .box5 .width>p{font-size: 16px;line-height: 26px;text-align: center;color:#5a927d;margin:10px 0 25px} .index-page .box5 .picMarquee-left,.index-page .box5 .picMarquee-right{width:100%;overflow:hidden;} .index-page .box5 .picMarquee-left li,.index-page .box5 .picMarquee-right li{float:left;} .index-page .box5 .picMarquee-left .pic,.index-page .box5 .picMarquee-right .pic{width:200px;height:110px;background:#fff;box-shadow: 0 0 20px rgba(0,119,73,.2);border-radius:10px;margin:20px;display: flex;justify-content: center;align-items: center;} .index-page .box5 .picMarquee-left img,.index-page .box5 .picMarquee-right img{max-width:80%;max-height:80%} .index-page .box6 .width{display: flex;} .index-page .box6 .con{width:30%} .index-page .box6 .tit{text-align: left;} .index-page .box6 .con>p{font-size: 16px;line-height: 26px;color:#5a927d;margin:10px 0 55px} .index-page .box6 .con ul{margin-bottom: 50px;} .index-page .box6 .con li{width:140px;text-align:center;line-height: 50px;margin-bottom: 10px;border-radius: 25px;transition: .3s;} .index-page .box6 .con li.active{background: #0047ba;box-shadow: 0 0 20px rgba(0,119,73,.3)} .index-page .box6 .con li>a{font-size: 16px;color:#666} .index-page .box6 .con li.active>a{color:#fff} .index-page .box6 .swiper-container{position: absolute;width:64.58%;top:16%;right:0;padding:20px 20px 100px;display: none;} .index-page .box6 .swiper-slide{width:410px;background: #fff;box-shadow: 0 0 20px rgba(0,119,73,.2);height: auto;border-radius: 20px;transition: .3s;margin-right: 50px;} .index-page .box6 .swiper-slide:last-child{margin-right: 0;} .index-page .box6 .img-bg{height:240px;border-radius: 20px 20px 0 0;} .index-page .box6 .img{height:100%;border-radius: 20px 20px 0 0;} .index-page .box6 .info{padding:45px 50px 55px} .index-page .box6 .info>p:nth-of-type(1){font-size: 16px;color:#999} .index-page .box6 .info>p:nth-of-type(2){font-size: 24px;margin:10px 0 20px} .index-page .box6 .info>p:nth-of-type(3){font-size: 16px;color:#666;line-height: 30px;margin-bottom: 35px;} .index-page .box6 .info>p:nth-of-type(4){color:#999;background: url(/web/images/3.png) no-repeat right center/11px;display: inline-block;padding-right: 30px;} .index-page .box6 .operate{width:80%;display: flex;align-items: center;position: absolute;left:0;bottom:0;height:68px;padding-left: 20px;} .index-page .box6 .swiper-scrollbar{flex:1;opacity:1 !important;height:1px;background:#c0dbd0} .index-page .box6 .swiper-scrollbar-drag{background:#0047ba;height:5px;top:-2px} .index-page .box6 .arrow{width:116px;display: flex;margin-left: 25px;} .index-page .box6 .arrow>div{margin-left: 10px;width: 48px;height: 48px;background: #fff url(/web/images/arrow1.svg) no-repeat center center/16px;border-radius: 50%;cursor: pointer;transition: .3s;box-shadow: 0 0 20px rgba(0,119,73,.15)} .index-page .box6 .prev{transform: rotate(180deg);} @media (max-width:1440px){ .index-page .more{width:160px;line-height: 50px;font-size: 14px;padding-left: 35px;background-size: 12px;} .index-page .tit{font-size: 35px;line-height: 45px;} .index-page .banner .info>p:nth-of-type(1){font-size: 30px;line-height: 40px} .index-page .banner .info>p:nth-of-type(2){font-size: 30px;line-height: 40px;margin: 10px 0 20px;} .index-page .box1 .con{width:62%} .index-page .box1 .con>p:nth-of-type(1){font-size: 18px;line-height: 28px;padding:10px 0 20px;margin-bottom: 20px;} .index-page .box1 .icons{margin:25px 0} .index-page .box1 .icons .swiper-slide{margin-right: 30px;} .index-page .box1 .icons .swiper-slide .img-div{width:26px;height:26px} .index-page .box1 .icons .swiper-slide>p{font-size: 16px;} .index-page .box1 .num{margin-bottom: 30px;} .index-page .box1 .num .swiper-slide{margin-right: 40px;} .index-page .box1 .num .swiper-slide>p:nth-of-type(1)>span:nth-of-type(1){font-size: 40px;} .index-page .box1 .num .swiper-slide>p:nth-of-type(1)>span:nth-of-type(2){margin:0 0 5px 10px} .index-page .box1 .img{right:3%} .index-page .box2 .tit{padding-top:70px;font-size: 30px;line-height: 40px;} .index-page .box3 .tit::after{bottom: -20px;} .index-page .box3 .pc .width>p:nth-of-type(2){margin:35px 0 40px} .index-page .box3 .cate{height:100px;bottom: 40px;} .index-page .box3 .cate .item .img-div{width:41px;height:38px} .index-page .box3 .cate .item p{font-size: 16px;line-height: 26px;} .index-page .box3 .mask{width:calc(100% + 16px);top:-10px;height:120px;left:-8px;border-radius: 10px;} .index-page .box4 .big{margin-top:20px} .index-page .box4 .big .swiper-slide{height:350px} .index-page .box4 .big .info{height:350px} .index-page .box4 .big .info-bg{width:180px;height:60px;left:40px;top:10px} .index-page .box4 .big .img-div{width:180px;height:60px;left:40px;top:10px} .index-page .box4 .big .img-div>img{max-width:50%;max-height: 50%;} .index-page .box4 .big .txt{height:310px;padding:0 50px;background-position:calc(100% - 50px) 40px;background-size:20px;} .index-page .box4 .big .txt>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin-bottom: 15px;} .index-page .box4 .big .txt>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:15px 0 25px} .index-page .box4 .thumb .swiper-container{padding:0 20px} .index-page .box4 .thumb .swiper-slide{height: 60px;} .index-page .box4 .thumb .swiper-slide.active{height: 80px;} .index-page .box4 .thumb .swiper-slide>img{max-width: 50%;max-height: 50%;} .index-page .box5 .picMarquee-left li, .index-page .box5 .picMarquee-right li{width:200px} .index-page .box5 .picMarquee-left .pic, .index-page .box5 .picMarquee-right .pic{width:180px;height:90px;margin:15px 20px} .index-page .box6 .con>p{margin:10px 0 30px} .index-page .box6 .con ul{margin-bottom: 20px;} .index-page .box6 .con li{width:120px;line-height: 45px;} .index-page .box6 .con li>a{font-size: 14px;} .index-page .box6 .swiper-container{top:12%} .index-page .box6 .swiper-slide{width:350px;margin-right: 30px;} .index-page .box6 .img-bg{height:200px} .index-page .box6 .info{padding:30px 40px} .index-page .box6 .info>p:nth-of-type(1){font-size: 14px;} .index-page .box6 .info>p:nth-of-type(2){font-size: 20px;margin:5px 0 10px} .index-page .box6 .info>p:nth-of-type(3){font-size: 14px;line-height: 24px;margin-bottom: 20px;} .index-page .box6 .operate{width:90%;bottom:3%} } @media (max-width:1279px){ .index-page .tit{font-size: 22px;line-height: 32px;} .index-page .more{width:150px;line-height: 45px;font-size: 14px;padding-left: 35px;background-size:12px;box-shadow: 0 0 10px rgba(0,119,73,.3)} .index-page .banner .pc{display:none} .index-page .banner .m{display:block;padding-bottom: 133.33%;} .index-page .banner video{display:none} .index-page .banner .info{width:100%;top:80px;transform: translateY(0);left:0;padding:0 20px} .index-page .banner .info>p{text-align: center;} .index-page .banner .info>p:nth-of-type(1){font-size: 22px;line-height: 32px;} .index-page .banner .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:10px 0 15px;max-width:100%} .index-page .banner .more{margin:0 auto} .index-page .banner .swiper-pagination{bottom:20px} .index-page .banner .swiper-pagination-bullet{margin:0 15px !important;width:6px;height:6px} .index-page .banner .swiper-pagination-bullet-active:after{padding:12px} .index-page .box1{padding-bottom: 50px;} .index-page .box1 .con{width:100%;padding:50px 0 30px} .index-page .box1 .con>p:nth-of-type(1){font-size: 16px;line-height: 26px;padding:10px 0 15px;margin-bottom: 15px} .index-page .box1 .con>p:nth-of-type(2){font-size: 14px;line-height: 24px} .index-page .box1 .icons{margin:20px 0 10px} .index-page .box1 .icons .swiper-container{display: none;} .index-page .box1 .icons ul{display: flex;flex-wrap: wrap;} .index-page .box1 .icons li{width:calc(50% - 10px);display: flex;margin-bottom: 15px;} .index-page .box1 .icons li:nth-child(2n+1){margin-right: 20px;} .index-page .box1 .icons li .img-div{width:25px;height:25px;} .index-page .box1 .icons li>p{flex:1;padding-left:10px;font-size: 14px;line-height:24px;color:#666} .index-page .box1 .num{margin-bottom: 10px} .index-page .box1 .num .swiper-container{display: none;} .index-page .box1 .num ul{display: flex;flex-wrap: wrap;} .index-page .box1 .num li{width:calc(50% - 10px);margin-bottom: 15px;} .index-page .box1 .num li:nth-child(2n+1){margin-right: 20px;} .index-page .box1 .num li>p:nth-of-type(1){display: flex;align-items: flex-end;color:#0047ba;margin-bottom: 5px;} .index-page .box1 .num li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 30px;} .index-page .box1 .num li>p:nth-of-type(1)>span:nth-of-type(2){font-size: 12px;margin:0 0 5px 5px} .index-page .box1 .num li>p:nth-of-type(2){color:#666} .index-page .box1 .more{margin:0 auto} .index-page .box1 .img{position: static;transform: translateY(0);width:80%;margin:0 auto} .index-page .box1 .waves{height:300px} .index-page .box2{padding-bottom: 56.53%;position: relative;} .index-page .box2 .tit{font-size: 22px;line-height: 32px;position: absolute;top:30px;left: 20px;width:calc(100% - 40px);text-align: center;padding-top: 0;} .index-page .box2 video{display: none;} .index-page .box3{position: relative;} .index-page .box3 .pc{height:auto} .index-page .box3 .pc .swiper-slide{padding-bottom: 40%;height:auto} .index-page .box3 .pc .width{padding-top: 50px;} .index-page .box3 .tit::after{bottom:-15px;width:30px} .index-page .box3 .pc .width>p:nth-of-type(2){font-size: 14px;line-height:24px;margin:30px 0 20px} .index-page .box3 .swiper-pagination{bottom:110px} .index-page .box3 .swiper-pagination-bullet{background: #fff;opacity: .4;} .index-page .box3 .swiper-pagination-bullet-active{opacity: 1;} .index-page .box3 .cate{display: none;} .index-page .box3 .m{display: block;bottom:20px;position: absolute;left:20px;width:calc(100% - 40px);border-radius: 10px;} .index-page .box3 .m .swiper-slide{background: rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.2);padding:15px;height:75px} .index-page .box3 .m .img-div{width:30px;height:27px;margin:0 auto 5px} .index-page .box3 .m .swiper-slide>p{font-size: 12px;line-height: 20px;color:#fff;text-align: center;} .index-page .box3 .m .swiper-slide.active{background: #0047ba;} .index-page .box4{padding:50px 0} .index-page .box4 .tit{padding-top: 0;} .index-page .box4 .big{padding:0;margin:30px auto 20px;border-radius: 10px;} .index-page .box4 .big .swiper-slide{display: block;height:auto;} .index-page .box4 .big .img-bg{width: 100%;height:auto;border-radius: 10px 10px 0 0;} .index-page .box4 .big .img{height: auto;padding-bottom: 60%;} .index-page .box4 .big .info{width:100%;height:auto;display: block;background: #fff;border-radius: 0 0 10px 10px;padding:30px 25px 50px} .index-page .box4 .big .img-div{display: none;} .index-page .box4 .big .txt{background-position:right top;background-size:18px;border-radius: 0 0 10px 10px;box-shadow: none;height:auto;padding:0;display: block;width:100%} .index-page .box4 .big .txt>p:nth-of-type(1){font-size: 20px;line-height:30px;padding-bottom: 15px;} .index-page .box4 .big .txt>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:15px 0 20px} .index-page .box4 .big .info-bg{display: none;} .index-page .box4 .thumb .arrow{width: 30px;height: 30px;background-size:14px;box-shadow: 0 0 10px rgba(0,119,73,.3)} .index-page .box4 .thumb .swiper-container{padding:0;width:calc(100% - 80px)} .index-page .box4 .thumb .swiper-slide{height:50px;box-shadow: none;border-radius: 5px;margin-top: 5px} .index-page .box4 .thumb .swiper-slide.active{height:60px;box-shadow: none;border-width:2px} .index-page .box4 .thumb .swiper-slide>img{max-width: 50%;max-height: 50%;} .index-page .box5{padding:50px 0} .index-page .box5 .tit{padding-top: 0} .index-page .box5 .width>p{font-size: 14px;line-height: 24px;margin:5px 0 15px} .index-page .box5 .picMarquee-left li, .index-page .box5 .picMarquee-right li{width:170px} .index-page .box5 .picMarquee-left .pic,.index-page .box5 .picMarquee-right .pic{width:150px;height:70px;box-shadow: 0 0 10px rgba(0,119,73,.2);border-radius:5px;margin:10px} .index-page .box5 .picMarquee-left img,.index-page .box5 .picMarquee-right img{max-width:60%;max-height:60%} .index-page .box6{position: relative;padding:50px 0 90px} .index-page .box6 .width{display: block;} .index-page .box6 .con{width:100%} .index-page .box6 .tit{text-align: center;} .index-page .box6 .con>p{font-size: 14px;line-height: 24px;margin:5px 0 20px;text-align: center;} .index-page .box6 .con ul{margin-bottom: 30px;display: flex;justify-content: center;white-space: nowrap;overflow-x:auto} .index-page .box6 .con li{width:auto;line-height: 45px;margin-bottom: 0;padding:0 20px} .index-page .box6 .con li.active{box-shadow: 0 0 10px rgba(0,119,73,.3)} .index-page .box6 .con li>a{font-size: 14px} .index-page .box6 .more{display: none;} .index-page .box6 .swiper-container{position: static;width:100%;padding:0;border-radius: 10px;} .index-page .box6 .swiper-slide{width:100%;border-radius: 10px;margin-right: 10px;box-shadow: none;} .index-page .box6 .img-bg{height:auto;border-radius: 10px 10px 0 0;} .index-page .box6 .img{height:auto;border-radius: 10px 10px 0 0;padding-bottom: 58.53%;} .index-page .box6 .info{padding:30px 25px} .index-page .box6 .info>p:nth-of-type(1){font-size: 14px} .index-page .box6 .info>p:nth-of-type(2){font-size: 18px;margin:5px 0 10px} .index-page .box6 .info>p:nth-of-type(3){font-size: 14px;line-height: 24px;margin-bottom: 20px;} .index-page .box6 .operate{width:100%;height:35px;display: flex;justify-content: center;padding-left: 0;bottom:30px} .index-page .box6 .swiper-scrollbar{display: none;} .index-page .box6 .arrow{width:90px;margin-left: 0;} .index-page .box6 .arrow>div{width: 35px;height: 35px;background-size:14px;box-shadow: 0 0 10px rgba(0,119,73,.15)} } @media (any-hover:hover){ .index-page .more:hover{color:#fff;background-color: #0047ba;background-image:url(/web/images/arrow.png)} .index-page .box1 .icons .arrow:hover{background-color: #0047ba;background-image:url(/web/images/arrow1-w.svg)} .index-page .box1 .num .arrow:hover{background-color: #0047ba;background-image:url(/web/images/arrow1-w.svg)} .index-page .box4 .thumb .arrow:hover{background-color: #0047ba;background-image:url(/web/images/arrow1-w.svg)} .index-page .box4 .big .swiper-slide:hover .img{transform: scale(1.1);} .index-page .box4 .big .swiper-slide:hover .txt>p:nth-of-type(1){color:#0047ba} .index-page .box4 .swiper-slide:hover .more{color:#fff;background-color: #0047ba;background-image:url(/web/images/arrow.png)} .index-page .box5 .picMarquee-left .pic:hover,.index-page .box5 .picMarquee-right .pic:hover{border:3px solid #0047ba} .index-page .box6 .swiper-slide:hover{background: #0047ba;} .index-page .box6 .swiper-slide:hover .img{transform: scale(1.1);} .index-page .box6 .swiper-slide:hover .info>p:nth-of-type(1){color:#fff} .index-page .box6 .swiper-slide:hover .info>p:nth-of-type(2){color:#fff} .index-page .box6 .swiper-slide:hover .info>p:nth-of-type(3){color:#fff} .index-page .box6 .swiper-slide:hover .info>p:nth-of-type(4){color:#fff;background-image: url(/web/images/3-w.png);} .index-page .box6 .arrow>div:hover{background-color: #0047ba;background-image:url(/web/images/arrow1-w.svg)} } /* 浜у搧 */ .goods-page.list{padding:80px 0 60px} .goods-page.list ul{display: flex;flex-wrap: wrap;} .goods-page.list li{width: calc(100% / 3 - 26px);margin-right: 39px;margin-bottom: 40px;box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 20px;padding:45px 50px 50px;position: relative;transition: .3s;} .goods-page.list li:nth-child(3n){margin-right: 0;} .goods-page.list li>p:nth-of-type(1){font-size: 24px;line-height: 34px;} .goods-page.list li>p:nth-of-type(2){line-height:24px;color:#999;margin: 5px 0 15px;} .goods-page.list li>p:nth-of-type(3){line-height:30px;color:#666;font-size: 16px;margin-bottom: 50px;} .goods-page.list .img-div{height: 280px;} .goods-page.detail{border-radius: 10px;box-shadow: 0 0 20px rgba(0,119,73,.15);margin:60px auto 100px;padding:50px 0 10px} .goods-page.detail .padding{padding:0 60px} .goods-page.detail .base{display: flex;align-items: center} .goods-page.detail .base .swiper-container{width:50%;margin:0;border:1px #eee solid;border-radius: 10px;} .goods-page.detail .base .swiper-slide{height:528px} .goods-page.detail .base .swiper-pagination{bottom:40px} .goods-page.detail .base .swiper-pagination-bullet{width:10px;height:10px} .goods-page.detail .base .swiper-pagination-bullet-active{background: #0047ba;} .goods-page.detail .base .con{flex:1;padding-left: 65px;} .goods-page.detail .base .con>p:nth-of-type(1){font-size: 16px;line-height: 26px;color:#999} .goods-page.detail .base .con>p:nth-of-type(2){font-size: 36px;line-height: 46px;color:#000;border-bottom: 1px #eee solid;padding-bottom: 20px;margin:5px 0 20px} .goods-page.detail .base .con>p:nth-of-type(3){font-size: 15px;line-height: 30px;color:#999;max-height:240px;margin-bottom: 55px;} .goods-page.detail .base .con>div{display: flex;} .goods-page.detail .base .con>div>a{line-height: 58px;border:1px solid #0047ba;border-radius: 30px;box-shadow: 0 0 20px rgba(0,119,73,.15);font-size: 16px;transition: .3s;} .goods-page.detail .base .ask{width:180px;margin-right: 10px;color:#fff;background: #0047ba url(/web/images/4.png) no-repeat 35px center/25px;padding-left: 75px;} .goods-page.detail .base .return{width:150px;text-align: center;color:#0047ba} .goods-page.detail .tab{margin:40px 60px;display: flex;justify-content: center;border-bottom: 1px #eee solid;padding-bottom: 40px;} .goods-page.detail .tab>p{border:1px #e5e5e5 solid;border-radius: 22px;font-size: 16px;color:#666;line-height: 42px;padding:0 35px;margin-right: 10px;cursor: pointer;transition: .3s;box-shadow: 0 0 20px rgba(0,0,0,.05);} .goods-page.detail .tab>p:last-child{margin-right: 0;} .goods-page.detail .tab>p.active{box-shadow: 0 0 20px rgba(0,119,73,.15);color:#fff;background: #0047ba;} .goods-page.detail .tit{display: flex;align-items: center;} .goods-page.detail .tit>p{font-size: 30px;color:#000;flex:1;padding:0 50px 0 20px;position: relative;} .goods-page.detail .tit>p::before{content:'';position: absolute;top: 16px;left: 0;width:6px;height: 6px;background: #ccc;} .goods-page.detail .arrow{width: 90px;display: flex;} .goods-page.detail .arrow>div{width: 40px;height: 40px;border-radius: 50%;box-shadow: 0 0 20px rgba(0,119,73,.15);background: url(/web/images/arrow1.svg) no-repeat center center/16px;transition: .3s;cursor: pointer;} .goods-page.detail .prev{margin-right: 10px;transform: rotate(180deg);} .goods-page.detail .box1 .con{padding:15px 40px 20px;} .goods-page.detail .box1 .swiper-container{border-radius: 10px;padding:20px} .goods-page.detail .box1 .swiper-slide{box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 10px;padding:40px 45px 55px;transition: .3s;height:auto} .goods-page.detail .box1 .img-div{width:41px;height:41px} .goods-page.detail .box1 .swiper-slide>p:nth-of-type(1){font-size: 18px;line-height: 28px;margin:25px 0 15px} .goods-page.detail .box1 .swiper-slide>p:nth-of-type(2){color:#666;line-height: 24px;} .goods-page.detail .box2>img{max-width: 100%;padding: 40px 0 50px;} .goods-page.detail .box2>p{font-size: 18px;} .goods-page.detail .box2>h3{font-size: 20px;} .goods-page.detail .box3 .con{padding:15px 40px 20px;} .goods-page.detail .box3 .swiper-container{border-radius: 10px;padding:20px} .goods-page.detail .box3 .swiper-slide{box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 10px;transition: .3s;height:auto} .goods-page.detail .box3 .img-bg{border-radius: 10px 10px 0 0;} .goods-page.detail .box3 .img{padding-bottom: 66.66%;} .goods-page.detail .box3 .info{padding:25px 30px 30px} .goods-page.detail .box3 .info>p:nth-of-type(1){font-size: 18px;line-height: 28px;margin-bottom:10px} .goods-page.detail .box3 .info>p:nth-of-type(2){color:#666;line-height: 24px;} .goods-page.detail .box4 .con{padding:15px 40px 20px;} .goods-page.detail .box4 .swiper-container{border-radius: 10px;padding:20px} .goods-page.detail .box4 .img-bg{width: 51.72%;height:410px;border-radius: 20px;} .goods-page.detail .box4 .img{height:100%} .goods-page.detail .box4 .info{position: absolute;right: 0;bottom:0;height:350px;background: #fff url(/web/images/1.png) no-repeat calc(100% - 80px) 50px;border-radius: 50px 20px 20px 0;width:60.34%;box-shadow: 0 0 20px rgba(0,119,73,.15);padding:70px 80px 0} .goods-page.detail .box4 .info>p:nth-of-type(1){font-size: 24px} .goods-page.detail .box4 .info>p:nth-of-type(2){height:1px;background: #eee;margin:25px 0 20px} .goods-page.detail .box4 .info>p:nth-of-type(3){font-size:16px;color:#666;line-height: 30px;margin-bottom: 30px;} .goods-page.detail .box4 .info>p:nth-of-type(4){width:180px;line-height: 48px;border:1px solid #0047ba;border-radius: 25px;font-size: 16px;color:#0047ba;padding-left: 40px;background: #fff url(/web/images/arrow-m.png) no-repeat 80% center/16px;box-shadow: 0 0 20px rgba(0,119,73,.3);transition: .3s;cursor: pointer;} .goods-page.detail .box5 .pc{margin:25px 0 40px;border:1px #eee solid;border-radius: 5px;border-bottom: 0;} .goods-page.detail .box5 .pc li{display: flex;border-bottom:1px #eee solid;padding:20px 8% 20px 5.5%;position: relative;align-items: center;} .goods-page.detail .box5 .pc li:last-child{border-radius: 0 0 5px 5px;} .goods-page.detail .box5 .pc li>p:nth-of-type(1){flex:1;background: url(/web/images/6.png) no-repeat left top/20px;padding-left: 30px;line-height:24px} .goods-page.detail .box5 .pc li>p:nth-of-type(2){width: 35%;color:#666;text-align: center;} .goods-page.detail .box5 .pc li>p:nth-of-type(3){width: 40px;height:16px;background: url(/web/images/5.png) no-repeat center center/20px;text-align: center} .goods-page.detail .box5 .pc li.b{background: #f2f2f2;font-size: 16px;} .goods-page.detail .box5 .pc li.b>p:nth-of-type(1){background: none;padding-left: 0;} .goods-page.detail .box5 .pc li.b>p:nth-of-type(2){color:#333;} .goods-page.detail .box5 .pc li.b>p:nth-of-type(3){background: none;} .goods-page.detail .box5 .m{display: none;} .goods-page.detail .box6 .con{padding:15px 40px 35px;} .goods-page.detail .box6 .swiper-container{border-radius: 20px;padding:20px} .goods-page.detail .box6 .swiper-slide{box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 20px;padding:45px 50px 50px;transition: .3s;} .goods-page.detail .box6 .swiper-slide>p:nth-of-type(1){font-size: 24px;line-height: 34px;} .goods-page.detail .box6 .swiper-slide>p:nth-of-type(2){line-height:24px;color:#999;margin: 5px 0 15px;} .goods-page.detail .box6 .swiper-slide>p:nth-of-type(3){line-height:30px;color:#666;font-size: 16px;margin-bottom: 50px;} .goods-page.detail .box6 .img-div{height: 280px;} @media (max-width:1440px){ .goods-page.list{padding:70px 0 50px} .goods-page.list li{padding: 35px 40px 40px;} .goods-page.list li>p:nth-of-type(1){font-size: 22px;line-height: 32px;} .goods-page.list .img-div{height: 250px;} .goods-page.detail{margin:60px auto 80px} .goods-page.detail .tit>p{font-size: 26px;} .goods-page.detail .base .swiper-slide{height:450px} .goods-page.detail .base .con{padding-left: 50px;} .goods-page.detail .base .con>p:nth-of-type(2){font-size: 32px;line-height: 42px} .goods-page.detail .base .con>p:nth-of-type(3){margin-bottom: 30px;} .goods-page.detail .base .con>div>a{line-height: 50px;font-size: 14px;} .goods-page.detail .base .ask{width: 160px;background-size: 20px;background-position: 30px center;padding-left: 65px;} .goods-page.detail .base .return{width:130px} .goods-page.detail .box1 .swiper-slide{padding:30px 35px 45px} .goods-page.detail .box4 .img-bg{height:380px} .goods-page.detail .box4 .info{height:320px;border-radius: 40px 20px 20px 0;padding:50px 60px 0;background-position: calc(100% - 60px) 40px;} .goods-page.detail .box4 .info>p:nth-of-type(1){font-size: 22px;} .goods-page.detail .box4 .info>p:nth-of-type(4){width:160px;background-size: 13px;font-size: 14px;} .goods-page.detail .box6 .swiper-slide{padding:35px 40px 40px} .goods-page.detail .box6 .swiper-slide>p:nth-of-type(1){font-size: 22px;line-height: 32px;} .goods-page.detail .box6 .swiper-slide>p:nth-of-type(3){margin-bottom: 30px;} .goods-page.detail .box6 .img-div{height:250px} } @media (max-width:1279px){ .goods-page.list{padding:50px 0} .goods-page.list ul{display: block} .goods-page.list li{width: 100%;margin-right: 0;margin-bottom: 30px;box-shadow: 0 0 10px rgba(0,119,73,.15);border-radius: 10px;padding:30px 25px} .goods-page.list li>p:nth-of-type(1){font-size: 18px;line-height: 28px;} .goods-page.list li>p:nth-of-type(2){line-height:24px;margin: 5px 0 10px;} .goods-page.list li>p:nth-of-type(3){line-height:24px;font-size: 14px;margin-bottom: 20px;} .goods-page.list .img-div{height: 200px;} .goods-page.detail{box-shadow: 0 0 10px rgba(0,119,73,.15);margin:50px auto;padding:30px 25px 0} .goods-page.detail .padding{padding:0} .goods-page.detail .base{display: block} .goods-page.detail .base .swiper-container{width:100%;margin-bottom: 20px;} .goods-page.detail .base .swiper-slide{height:250px} .goods-page.detail .base .swiper-pagination{bottom:10px} .goods-page.detail .base .swiper-pagination-bullet{width:8px;height:8px} .goods-page.detail .base .con{padding-left: 0;} .goods-page.detail .base .con>p:nth-of-type(1){font-size: 14px;line-height: 24px} .goods-page.detail .base .con>p:nth-of-type(2){font-size: 20px;line-height: 30px;padding-bottom: 15px;margin:5px 0 15px} .goods-page.detail .base .con>p:nth-of-type(3){font-size: 14px;line-height: 24px;max-height:2400px;margin-bottom: 20px;} .goods-page.detail .base .con>div>a{line-height: 45px;box-shadow: 0 0 10px rgba(0,119,73,.15);font-size: 14px} .goods-page.detail .base .ask{width:140px;background-size: 18px;background-position:25px center;padding-left: 55px;} .goods-page.detail .base .return{width:110px;} .goods-page.detail .tab{margin:30px 0;flex-wrap: wrap;padding:20px 0 10px;justify-content: flex-start;border-top:1px solid #eee} .goods-page.detail .tab>p{font-size: 13px;line-height: 40px;padding:0;margin-right: 3px;box-shadow: 0 0 10px rgba(0,0,0,.05);width: calc(100% / 3 - 2px);text-align: center;margin-bottom: 10px;} .goods-page.detail .tab>p:last-child{margin-right: 3px;} .goods-page.detail .tab>p:nth-child(3n){margin-right: 0;} .goods-page.detail .tab>p.active{box-shadow: 0 0 10px rgba(0,119,73,.15)} .goods-page.detail .tit>p{font-size: 20px;padding:0 30px 0 20px} .goods-page.detail .tit>p::before{top: 11px;} .goods-page.detail .arrow{width: 80px;display: flex;} .goods-page.detail .arrow>div{width: 35px;height: 35px;box-shadow: 0 0 10px rgba(0,119,73,.15);background-size:14px} .goods-page.detail .box1 .con{padding:20px 0 40px;} .goods-page.detail .box1 .swiper-container{padding:10px} .goods-page.detail .box1 .swiper-slide{box-shadow: 0 0 10px rgba(0,119,73,.15);padding:40px 45px 55px;width:80%} .goods-page.detail .box1 .img-div{width:41px;height:41px} .goods-page.detail .box1 .swiper-slide>p:nth-of-type(1){font-size: 18px;line-height: 28px;margin:25px 0 15px} .goods-page.detail .box1 .swiper-slide>p:nth-of-type(2){color:#666;line-height: 24px;} .goods-page.detail .box2>img{padding: 30px 0 50px;} .goods-page.detail .box3 .con{padding:20px 0 40px;} .goods-page.detail .box3 .swiper-container{padding:10px} .goods-page.detail .box3 .swiper-slide{box-shadow: 0 0 10px rgba(0,119,73,.15);width:100%} .goods-page.detail .box3 .info{padding:20px 25px 25px} .goods-page.detail .box3 .info>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin-bottom:5px} .goods-page.detail .box4 .con{padding:20px 0 40px;} .goods-page.detail .box4 .swiper-container{padding:10px} .goods-page.detail .box4 .img-bg{width: 100%;height:auto;border-radius: 10px 10px 0 0;} .goods-page.detail .box4 .img{height:auto;padding-bottom: 60%;} .goods-page.detail .box4 .info{position: static;height:auto;background-position:calc(100% - 20px) 20px;background-size:18px;border-radius: 0 0 10px 10px;width:100%;box-shadow: 0 0 10px rgba(0,119,73,.15);padding:30px 25px 40px} .goods-page.detail .box4 .info>p:nth-of-type(1){font-size: 18px} .goods-page.detail .box4 .info>p:nth-of-type(2){margin:15px 0 10px} .goods-page.detail .box4 .info>p:nth-of-type(3){font-size:14px;line-height: 24px;margin-bottom: 20px;} .goods-page.detail .box4 .info>p:nth-of-type(4){width:140px;line-height: 40px;font-size: 14px;padding-left: 30px;background-size:12px;box-shadow: 0 0 10px rgba(0,119,73,.3)} .goods-page.detail .box5 .pc{display: none;} .goods-page.detail .box5 .m{display:block;margin:30px 0 40px;border:1px #eee solid;border-radius: 5px;border-bottom: 0;} .goods-page.detail .box5 .m li{border-bottom:1px #eee solid;padding:20px 25px;position: relative;} .goods-page.detail .box5 .m li:last-child{border-radius: 0 0 5px 5px;} .goods-page.detail .box5 .m li>p{padding-left: 30px;} .goods-page.detail .box5 .m li>p:nth-of-type(1){background: url(/web/images/6.png) no-repeat left top/20px;line-height:24px} .goods-page.detail .box5 .m li>p:nth-of-type(2){margin-top:10px;color:#666;display:flex;justify-content: space-between;align-items: center;} .goods-page.detail .box5 .m li>p:nth-of-type(2)>span:nth-of-type(2){width: 20px;height:16px;background: url(/web/images/5.png) no-repeat center center/20px} .goods-page.detail .box5 .m li.b{background: #f2f2f2;padding:10px 25px} .goods-page.detail .box5 .m li.b>p:nth-of-type(1){background: none;padding-left: 0;} .goods-page.detail .box6 .con{padding:20px 0 40px;} .goods-page.detail .box6 .swiper-container{border-radius: 10px;padding:10px} .goods-page.detail .box6 .swiper-slide{box-shadow: 0 0 10px rgba(0,119,73,.15);border-radius: 10px;padding:30px 25px} .goods-page.detail .box6 .swiper-slide>p:nth-of-type(1){font-size: 18px;line-height: 28px;} .goods-page.detail .box6 .swiper-slide>p:nth-of-type(2){margin: 5px 0 10px;} .goods-page.detail .box6 .swiper-slide>p:nth-of-type(3){line-height:24px;font-size: 14px;margin-bottom: 20px;} .goods-page.detail .box6 .img-div{height: 200px;} } @media (any-hover:hover){ .goods-page.list li:hover{transform: translateY(-20px);background: #0047ba;color:#fff} .goods-page.list li:hover>p:nth-of-type(2){color:#fff} .goods-page.list li:hover>p:nth-of-type(3){color:#fff} .goods-page.detail .base .ask:hover{background-color: green;border-color:green} .goods-page.detail .base .return:hover{background: #0047ba;color:#fff} .goods-page.detail .tab>p:hover{box-shadow: 0 0 20px rgba(0,119,73,.15);color:#fff;background: #0047ba;} .goods-page.detail .arrow>div:hover{background-image: url(/web/images/arrow1-w.svg);background-color: #0047ba;} .goods-page.detail .box1 .swiper-slide:hover{transform: translateY(-5px);} .goods-page.detail .box3 .swiper-slide:hover{transform: translateY(-5px);} .goods-page.detail .box4 .swiper-slide:hover .img{transform: scale(1.1);} .goods-page.detail .box4 .swiper-slide:hover .info>p:nth-of-type(1){color:#0047ba} .goods-page.detail .box4 .swiper-slide:hover .info>p:nth-of-type(4){color:#fff;background-color: #0047ba;background-image:url(/web/images/arrow.png)} .goods-page.detail .box5 .pc li:hover>p:nth-of-type(1){color:#0047ba} .goods-page.detail .box5 .pc li.b:hover>p:nth-of-type(1){color:#333} .goods-page.detail .box6 .swiper-slide:hover{transform: translateY(-10px);background: #0047ba;color:#fff} .goods-page.detail .box6 .swiper-slide:hover>p:nth-of-type(2){color:#fff} .goods-page.detail .box6 .swiper-slide:hover>p:nth-of-type(3){color:#fff} } /* 浜戝钩鍙� */ .platform-page .width{max-width: 1400px;} .platform-page .tit{font-size: 40px;line-height: 50px;text-align: center;position: relative;color: #000;} .platform-page .tit::after{content:'';position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);height: 5px;background: #0047ba;width:30px} .platform-page .more{width:200px;line-height: 58px;border:1px solid #0047ba;border-radius: 30px;font-size: 16px;color:#0047ba;padding-left: 45px;background: #fff url(/web/images/arrow-m.png) no-repeat 80% center/16px;box-shadow: 0 0 20px rgba(0,119,73,.3);transition: .3s;} .platform-page .box1{;padding:100px 0} .platform-page .box1 .width{display: flex;align-items: center;} .platform-page .box1 .img-bg{width:42.85%;border-radius: 20px;} .platform-page .box1 .img-bg .img{padding-bottom: 116.66%;} .platform-page .box1 .info{flex:1;padding-left: 80px;} .platform-page .box1 .tit{text-align: left;} .platform-page .box1 .tit::after{left:0;transform: translateX(0);} .platform-page .box1 .info>p{font-size: 16px;line-height: 32px;color:#666;margin:50px 0;max-height: 224px;} .platform-page .box1 .info>p:nth-of-type(2){margin:20px 0 60px;max-height: 96px;} .platform-page .box1 .info>span{font-size: 20px;line-height: 30px;color:#000} .platform-page .box1 .info .img{display: none} .platform-page .box2{padding:90px 0 100px} .platform-page .box2 .con{margin-top: 60px;display: flex;align-items: flex-start;} .platform-page .box2 ul{flex:1;padding-right: 60px;} .platform-page .box2 li{box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 20px;margin-bottom: 20px;} .platform-page .box2 li:last-child{margin-bottom: 0;} .platform-page .box2 li>p{font-size: 18px;color:#000;line-height: 28px;padding:32px 80px 32px 40px;cursor: pointer;background: url(/web/images/8.png) no-repeat calc(100% - 40px) 40px/14px;border-radius: 20px 20px 0 0;transition: .3s;} .platform-page .box2 li>p.active{background-color: #0047ba;color:#fff;background-image: url(/web/images/9.png);background-size: 16px;background-position: calc(100% - 40px) 45px;} .platform-page .box2 .info{display: none;padding:30px 40px 35px} .platform-page .box2 .info>p{font-size: 16px;color:#666;line-height: 30px;text-indent: 1em;background: url(/web/images/7.png) no-repeat left 10px/12px;margin-bottom: 10px;} .platform-page .box2 .img-bg{width:42.85%;border-radius: 20px;} .platform-page .box2 .img{padding-bottom: 116.66%;} .platform-page .box3{padding-bottom: 50%;position: relative;} .platform-page .box3 .tit{color:#fff;position: absolute;top:90px;left:50%;transform:translateX(-50%);z-index: 2;} .platform-page .box3 .tit::after{background: #fff;} .platform-page .box3 video{position: absolute;top: 0;left: 0;width:100%;height:100%;object-fit: cover;} .platform-page .box4{padding: 90px 0 100px;} .platform-page .box4 .con-box{display: none;margin:60px 0 30px} .platform-page .box4 .con{display: flex;box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 20px;padding:65px 60px 80px;align-items: center;} .platform-page .box4 .con>.img-div{width:46.87%;margin-top: 15px;height:300px} .platform-page .box4 .con .info{flex:1;padding-left: 100px;} .platform-page .box4 .con .info>p:nth-of-type(1){font-size: 30px;line-height: 40px;color:#000} .platform-page .box4 .con .info>p:nth-of-type(2){font-size: 18px;line-height: 28px;color:#666;margin:10px 0 40px} .platform-page .box4 .con li{display: flex;margin-bottom: 30px;} .platform-page .box4 .con li:last-child{margin-bottom: 0;} .platform-page .box4 .con li .img-div{width:52px;height: 49px;margin-top: 5px;} .platform-page .box4 .con .txt{flex:1;padding-left: 30px;} .platform-page .box4 .con .txt>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin-bottom: 5px;} .platform-page .box4 .con .txt>p:nth-of-type(2){font-size: 16px;line-height: 26px;color:#999} .platform-page .box4 .tab{position:relative;height: 180px;} .platform-page .box4 .tab li{width:32.85%;border-radius: 20px 90px 90px 20px;box-shadow: 0 0 20px rgba(0,119,73,.15);position: absolute;top:0;height:100%;background: #fff;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-left: 5%;transition: .3s;cursor: pointer;} .platform-page .box4 .tab li:first-child{width: 25%;left:0;z-index: 4;padding-left: 0;} .platform-page .box4 .tab li:nth-child(2){left:17.14%;z-index: 3;} .platform-page .box4 .tab li:nth-child(3){left:42.14%;z-index: 2;} .platform-page .box4 .tab li:nth-child(4){right:0} .platform-page .box4 .tab .img-div{width:60px;height: 55px;margin:0 auto 10px} .platform-page .box4 .tab li>p:nth-of-type(1){font-size: 20px;color:#000;width:100%;text-align: center;} .platform-page .box4 .tab li>p:nth-of-type(2){font-size: 180px;color:rgba(0,0,0,.05);position: absolute;top: 50%;left: 55%;transform: translate(-50%,-50%);transition: .3s} .platform-page .box4 .tab li:first-child>p:nth-of-type(2){left: 50%;} .platform-page .box4 .tab li.active{background: #0047ba;} .platform-page .box4 .tab li.active>p:nth-of-type(1){color:#fff} .platform-page .box4 .tab li.active>p:nth-of-type(2){color:rgba(255,255,255,.05)} .platform-page .box4 .swiper-container{display: none;} .platform-page .box5{padding: 90px 0 110px;} .platform-page .box5 .tit{color:#fff;margin-bottom: 60px;} .platform-page .box5 .tit::after{background: #fff;} .platform-page .box5 ul{display: flex;background: rgba(0,0,0,.2);border-radius: 20px;height: 520px} .platform-page .box5 li{width:30%;text-align: center;padding:130px 90px 50px;color:#fff;transition: .3s;overflow: hidden;} .platform-page .box5 li:first-child{border-radius: 20px 0 0 20px;} .platform-page .box5 li:last-child{border-radius: 0 20px 20px 0;} .platform-page .box5 .img-div{width:80px;height: 76px;margin:0 auto 35px} .platform-page .box5 li>p:nth-of-type(1){font-size: 24px;line-height: 36px;} .platform-page .box5 li>p:nth-of-type(2){font-size: 16px;line-height: 32px;opacity: 0;transition: 1s;margin-top:15px;transform: translateY(50px);max-height: 160px;} .platform-page .box5 li.active{width:40%;background: rgba(0,0,0,.5);padding-top:80px} .platform-page .box5 li.active>p:nth-of-type(2){opacity: 1;transform: translateY(0);} .platform-page .box6{padding: 90px 0 100px;} .platform-page .box6 .cate{display: flex;justify-content: center;margin:55px 0 40px} .platform-page .box6 .cate>p{line-height: 60px;box-shadow: 0 0 20px rgba(0,119,73,.15);margin-right: 20px;padding:0 45px;border-radius: 10px;font-size: 18px;cursor: pointer;transition: .3s;} .platform-page .box6 .cate>p:last-child{margin-right: 0;} .platform-page .box6 .cate>p.active{color:#fff;background: #0047ba;} .platform-page .box6 .con-box{display: none;} .platform-page .box6 .con{display: flex;margin-top: 40px;} .platform-page .box6 .con .info-box{display: none;width: 37.15%;box-shadow: 0 0 20px rgba(0,119,73,.15);height: 600px;border-radius: 20px 0 0 20px;} .platform-page .box6 .con .info{display: flex;height:100%;flex-direction: column;justify-content: center;padding:0 60px} .platform-page .box6 .con .img-div{width: 72px;height: 61px} .platform-page .box6 .con .info>p:nth-of-type(1){font-size: 30px;line-height: 40px;color:#000;margin:30px 0 20px} .platform-page .box6 .con .info>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666;max-height: 300px;} .platform-page .box6 .con ul{flex:1;height: 600px;display: flex;border-radius: 0 20px 20px 0;} .platform-page .box6 .con li{flex:1;color:#fff;font-size: 16px;line-height: 26px;border-right:1px solid rgba(255,255,255,.2);text-align: center;padding-top: 300px;position: relative;cursor: pointer;} .platform-page .box6 .con li>span{content:'';position: absolute;top: 250px;left: 50%;transform: translateX(-50%);width: 6px;height: 6px;background: #fff;border-radius: 50%} .platform-page .box6 .con li>span::before{content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 23px;height: 23px;border:1px solid rgba(255,255,255,.5);border-radius: 50%;} .platform-page .box6 .con li>span::after{content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 45px;height: 45px;border:1px solid rgba(255,255,255,.2);border-radius: 50%;} .platform-page .box6 .con li.active>span{width: 20px;height: 20px;top:243px} .platform-page .box6 .con li.active>span::before{width: 100%;height: 100%;animation: platform-box6-play 1s linear infinite;} .platform-page .box6 .con li.active>span::after{width: 100%;height: 100%;animation: platform-box6-play1 1.5s linear infinite;} @keyframes platform-box6-play { to{transform: translate(-50%,-50%) scale(2);opacity: .5;} } @keyframes platform-box6-play1 { to{transform: translate(-50%,-50%) scale(3);opacity: 0;} } .platform-page .box6 .swiper-container{display: none;} .platform-page .box7{padding: 90px 0 70px;} .platform-page .box7 ul{margin-top: 65px;display: flex;flex-wrap: wrap;} .platform-page .box7 li{width: calc(100% / 3 - 26px);margin-right: 39px;margin-bottom: 40px;background: rgba(255,255,255,.5);border:2px solid rgba(255,255,255,.3);border-radius: 20px;padding:65px 50px 90px 60px;transition: .3s;} .platform-page .box7 li:nth-child(3n){margin-right: 0;} .platform-page .box7 .img-div{width:75px;height: 73px;} .platform-page .box7 li>span{font-size: 24px;line-height: 34px;color:#000;margin:30px 0 15px;display: block;} .platform-page .box7 li>p{font-size: 16px;color:#666;line-height: 32px;background: url(/web/images/7.png) no-repeat left 10px/12px;padding-left: 25px;} .platform-page .box8{padding:90px 0 80px} .platform-page .box8 .con{max-width:1440px;margin-top: 40px;position: relative;} .platform-page .box8 .swiper-container{border-radius: 20px;padding:20px} .platform-page .box8 .img-bg{width: 50%;height:480px;border-radius: 20px;} .platform-page .box8 .img{height:100%} .platform-page .box8 .info{position: absolute;right: 0;bottom:0;height:400px;background: #fff url(/web/images/1.png) no-repeat calc(100% - 80px) 50px;border-radius: 50px 20px 20px 0;width:57.14%;box-shadow: 0 0 20px rgba(0,119,73,.15);padding:70px 80px 0} .platform-page .box8 .info>p:nth-of-type(1){font-size: 30px} .platform-page .box8 .info>p:nth-of-type(2){height:1px;background: #eee;margin:25px 0 20px} .platform-page .box8 .info>p:nth-of-type(3){font-size:16px;color:#666;line-height: 30px;margin-bottom: 40px;} .platform-page .box8 .arrow{width: 106px;display: flex;position: absolute;right:20px;top:-10px;z-index: 2;} .platform-page .box8 .arrow>div{width: 48px;height: 48px;border-radius: 50%;box-shadow: 0 0 20px rgba(0,119,73,.3);background: #fff url(/web/images/arrow1.svg) no-repeat center center/16px;transition: .3s;cursor: pointer;} .platform-page .box8 .prev{margin-right: 10px;transform: rotate(180deg);} .platform-page .box9{padding:80px 0} .platform-page .box9 .width{display: flex;align-items: center;color:#fff} .platform-page .box9 .info{flex:1;padding-right: 50px;} .platform-page .box9 .tit{color:#fff;text-align: left;margin-bottom: 45px;} .platform-page .box9 .tit::after{left:0;transform: translateX(0);background: #fff;} .platform-page .box9 .info>p{font-size: 18px;line-height: 28px;} .platform-page .box9 .qr{width:150px} .platform-page .box9 .img-div{width:150px;height:150px;margin-bottom: 10px;} .platform-page .box9 .img-div>img{border-radius: 10px;} .platform-page .box9 .qr>p{text-align: center;font-size: 16px;} @media (max-width:1600px){ .platform-page .box3 .tit{top:60px} } @media (max-width:1440px){ .platform-page .tit{font-size: 32px;line-height: 42px;} .platform-page .more{width:160px;padding-left: 35px;font-size: 14px;background-size: 14px;line-height: 50px;} .platform-page .box1{padding:80px 0} .platform-page .box1 .info{padding-left: 50px;} .platform-page .box1 .info>p{margin:40px 0 20px} .platform-page .box1 .info>p:nth-of-type(2){margin:10px 0 30px} .platform-page .box2{padding:70px 0 80px} .platform-page .box2 ul{padding-right: 50px;} .platform-page .box2 li>p{font-size: 16px;padding:25px 60px 25px 30px;background-position: calc(100% - 30px) 32px;} .platform-page .box2 li>p.active{background-size: 14px;background-position: calc(100% - 30px) 37px;} .platform-page .box2 .info{padding:30px 30px 25px} .platform-page .box4{padding:70px 0 80px} .platform-page .box4 .con{padding:55px 50px 70px} .platform-page .box4 .con>.img-div{height:250px} .platform-page .box4 .con .info{padding-left: 60px;} .platform-page .box4 .con .info>p:nth-of-type(1){font-size: 26px;line-height: 36px;} .platform-page .box4 .con .info>p:nth-of-type(2){font-size: 16px;line-height: 26px;margin:10px 0 20px} .platform-page .box4 .con li{margin-bottom: 20px;} .platform-page .box4 .con li .img-div{width:47px;height:44px} .platform-page .box4 .con .txt{padding-left: 20px;} .platform-page .box4 .con .txt>p:nth-of-type(1){font-size: 16px;line-height: 26px;} .platform-page .box4 .con .txt>p:nth-of-type(2){font-size: 14px;line-height: 24px;} .platform-page .box4 .tab{height:150px} .platform-page .box4 .tab .img-div{width:55px;height:50px} .platform-page .box4 .tab li>p:nth-of-type(1){font-size: 16px;} .platform-page .box4 .tab li>p:nth-of-type(2){font-size: 150px;} .platform-page .box5{padding:70px 0 90px} .platform-page .box5 ul{height:470px} .platform-page .box5 li{padding:100px 60px 40px} .platform-page .box5 .img-div{width:70px;height:66px;margin:0 auto 25px} .platform-page .box5 li>p:nth-of-type(1){font-size: 20px;line-height: 30px;} .platform-page .box5 li>p:nth-of-t1ype(2){font-size: 14px;line-height: 24px;} .platform-page .box6{padding:70px 0 80px} .platform-page .box6 .cate>p{font-size: 16px;line-height: 55px;} .platform-page .box6 .con .info>p:nth-of-type(1){font-size: 26px;line-height: 36px;} .platform-page .box6 .con .info-box{height:550px} .platform-page .box6 .con ul{height:550px} .platform-page .box7{padding:70px 0 50px} .platform-page .box7 li{padding:55px 40px 60px 50px} .platform-page .box7 .img-div{width:70px;height:68px} .platform-page .box7 li>span{font-size: 22px;line-height: 32px;margin:20px 0 15px} .platform-page .box8{padding:70px 0 60px} .platform-page .box8 .img-bg{height: 420px;} .platform-page .box8 .info{height:350px;border-radius:40px 20px 20px 0;padding:50px 60px 0;background-position: calc(100% - 60px) 40px;} .platform-page .box8 .info>p:nth-of-type(1){font-size: 26px;} .platform-page .box9{padding:70px 0} .platform-page .box9 .qr{width:130px} .platform-page .box9 .img-div{width:130px;height:130px} } @media (max-width:1279px){ .platform-page .tit{font-size: 22px;line-height: 32px} .platform-page .tit::after{bottom: -15px;height: 3px} .platform-page .more{width:150px;line-height: 45px;font-size: 14px;padding-left: 35px;background-size:12px;box-shadow: 0 0 10px rgba(0,119,73,.3)} .platform-page .box1{padding:50px 0} .platform-page .box1 .width{display: block} .platform-page .box1 .img-bg{display: none;} .platform-page .box1 .info{padding-left: 0;} .platform-page .box1 .info>p{font-size: 14px;line-height: 26px;margin:30px 0 20px;max-height: 2400px;} .platform-page .box1 .info>p:nth-of-type(2){margin:15px 0 20px;max-height: 2400px;} .platform-page .box1 .info>span{font-size: 20px;line-height: 30px;color:#000} .platform-page .box1 .info .img{padding-bottom: 116.66%;display: block;border-radius: 10px;margin-bottom: 30px;} .platform-page .box2{padding:50px 0} .platform-page .box2 .con{margin-top: 40px;display: block} .platform-page .box2 ul{padding-right: 0;margin-bottom: 30px;} .platform-page .box2 li{box-shadow: 0 0 10px rgba(0,119,73,.15);border-radius: 10px;} .platform-page .box2 li>p{font-size: 14px;line-height: 24px;padding:18px 50px 18px 25px;background-position:calc(100% - 20px) 24px;background-size:10px;border-radius: 10px 10px 0 0} .platform-page .box2 li>p.active{background-size: 12px;background-position: calc(100% - 20px) 28px;} .platform-page .box2 .info{padding:25px} .platform-page .box2 .info>p{font-size: 14px;line-height: 26px;background-position:left 8px;background-size:10px;} .platform-page .box2 .img-bg{width:100%;border-radius: 10px;} .platform-page .box3{padding-bottom: 56.53%} .platform-page .box3 .tit{top:30px;} .platform-page .box3 .tit::after{display: none;} .platform-page .box3 video{display: none;} .platform-page .box4{padding: 50px 0 20px;} .platform-page .box4 .con-box{margin:40px 0 20px} .platform-page .box4 .con{display: block;box-shadow: 0 0 10px rgba(0,119,73,.15);border-radius: 10px;padding:30px 25px} .platform-page .box4 .con>.img-div{width:100%;margin: 0 0 20px;height:200px} .platform-page .box4 .con .info{padding-left: 0;} .platform-page .box4 .con .info>p:nth-of-type(1){font-size: 18px;line-height: 28px} .platform-page .box4 .con .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:5px 0 20px} .platform-page .box4 .con li{margin-bottom: 20px;} .platform-page .box4 .con li .img-div{width:42px;height: 39px;} .platform-page .box4 .con .txt{padding-left: 15px;} .platform-page .box4 .con .txt>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin-bottom: 2px;} .platform-page .box4 .con .txt>p:nth-of-type(2){font-size: 14px;line-height: 24px} .platform-page .box4 .tab{display:none} .platform-page .box4 .swiper-container{border-radius: 10px;display:block;padding-bottom: 40px;} .platform-page .box4 .swiper-slide{padding:20px;border-right: 1px #e5e5e5 solid;background: #f2f2f2;} .platform-page .box4 .swiper-slide:last-child{border-right:0;} .platform-page .box4 .swiper-slide .img-div{width:40px;height: 35px;margin:0 auto 5px} .platform-page .box4 .swiper-slide>p:nth-of-type(1){font-size: 12px;color:#000;text-align: center;} .platform-page .box4 .swiper-slide>p:nth-of-type(2){font-size: 90px;color:rgba(0,0,0,.05);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)} .platform-page .box4 .swiper-pagination-bullet-active{background: #0047ba;} .platform-page .box4 .swiper-slide.active{background: #0047ba;} .platform-page .box4 .swiper-slide.active>p:nth-of-type(1){color:#fff} .platform-page .box4 .swiper-slide.active>p:nth-of-type(2){color:rgba(255,255,255,.05)} .platform-page .box5{padding: 50px 0 20px;} .platform-page .box5 .tit{margin-bottom: 30px;} .platform-page .box5 ul{display: block;border-radius: 10px;height: auto;background: none;} .platform-page .box5 li{width:100%;padding:50px 25px 40px;border-radius: 10px;margin-bottom: 20px;background: rgba(0,0,0,.5);} .platform-page .box5 li:first-child{border-radius: 10px;} .platform-page .box5 li:last-child{border-radius: 10px;} .platform-page .box5 .img-div{width:60px;height: 56px;margin:0 auto 20px} .platform-page .box5 li>p:nth-of-type(1){font-size: 18px;line-height: 28px;} .platform-page .box5 li>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin-top:10px;transform: translateY(0);max-height: 1600px;opacity: 1} .platform-page .box5 li.active{width:100%;background: rgba(0,0,0,.5);padding-top:50px} .platform-page .box6{padding: 50px 0;} .platform-page .box6 .cate{margin:40px 0 30px} .platform-page .box6 .cate>p{line-height: 45px;box-shadow: 0 0 10px rgba(0,119,73,.15);margin-right: 10px;padding:0 25px;font-size: 14px} .platform-page .box6 .con-box{display: none !important;} .platform-page .box6 .swiper-container{display: block;border-radius: 10px;} .platform-page .box6 .swiper-slide{height:auto;background: #f2f2f2;} .platform-page .box6 .swiper-slide .img-bg{border-radius: 10px 10px 0 0;} .platform-page .box6 .swiper-slide .img{padding-bottom: 68.18%;} .platform-page .box6 .swiper-slide .info{padding:30px 25px 40px;} .platform-page .box6 .swiper-slide .img-div{width: 62px;height: 51px} .platform-page .box6 .swiper-slide .info>p:nth-of-type(1){font-size: 18px;line-height: 28px;color:#000;margin:15px 0 10px} .platform-page .box6 .swiper-slide .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;color:#666} .platform-page .box6 .swiper-pagination-bullet-active{background: #0047ba;} .platform-page .box7{padding: 50px 0 20px;} .platform-page .box7 ul{margin-top: 40px;display: block} .platform-page .box7 li{width: 100%;margin-right: 0;margin-bottom: 30px;border-radius: 10px;padding:30px 25px} .platform-page .box7 .img-div{width:60px;height: 58px;} .platform-page .box7 li>span{font-size: 20px;line-height: 30px;margin:20px 0 10px} .platform-page .box7 li>p{font-size: 14px;line-height: 28px;background-position:left 8px;background-size:10px} .platform-page .box8{padding:50px 0} .platform-page .box8 .swiper-container{border-radius: 10px;padding:10px;} .platform-page .box8 .swiper-slide{border-radius:10px;background: #fff;height:auto;box-shadow: 0 0 10px rgba(0,119,73,.15)} .platform-page .box8 .img-bg{width: 100%;height:auto;border-radius: 10px 10px 0 0;} .platform-page .box8 .img{height:auto;padding-bottom: 60%;} .platform-page .box8 .info{position: static;height:auto;background-color: transparent;background-position: calc(100% - 20px) 20px;background-size: 16px;width:100%;box-shadow: none;padding:30px 25px 40px} .platform-page .box8 .info>p:nth-of-type(1){font-size: 20px} .platform-page .box8 .info>p:nth-of-type(2){margin:15px 0 10px} .platform-page .box8 .info>p:nth-of-type(3){font-size:14px;line-height: 24px;margin-bottom: 20px;} .platform-page .box8 .arrow{width: 80px;position: static;margin:20px auto 0;} .platform-page .box8 .arrow>div{width: 35px;height: 35px;box-shadow: 0 0 10px rgba(0,119,73,.3);background-size:14px} .platform-page .box9{padding:50px 0} .platform-page .box9 .width{display: block} .platform-page .box9 .info{padding-right: 0;} .platform-page .box9 .tit{text-align: center;margin-bottom: 30px;} .platform-page .box9 .tit::after{left:50%;transform: translateX(-50%)} .platform-page .box9 .info>p{font-size: 14px;line-height: 24px;text-align: center} .platform-page .box9 .qr{margin:30px auto 0} .platform-page .box9 .qr>p{font-size: 14px;} } @media (any-hover:hover){ .platform-page .more:hover{color:#fff;background-color: #0047ba;background-image:url(/web/images/arrow.png)} .platform-page .box7 li:hover{transform: translateY(-10px);} .platform-page .box8 .swiper-slide:hover .img{transform: scale(1.1);} .platform-page .box8 .swiper-slide:hover .info>p:nth-of-type(1){color:#0047ba} .platform-page .box8 .swiper-slide:hover .info>p:nth-of-type(4){color:#fff;background-color: #0047ba;background-image:url(/web/images/arrow.png)} .platform-page .box8 .arrow>div:hover{background-image: url(/web/images/arrow1-w.svg);background-color: #0047ba;} } /* 鏂规 */ .solution-page.list .box1{padding:60px 0 100px} .solution-page.list .box1 li{margin-bottom: 50px;position: relative;border-radius: 20px;height: 500px;color:#fff;} .solution-page.list .box1 li::after{content:'';background: url(/web/images/10.png) no-repeat center center/100% 100%;width:100%;height:100%;position: absolute;top:0;left:0;border-radius: 20px 0 0 20px;} .solution-page.list .box1 .img-bg{border-radius: 20px;height:100%} .solution-page.list .box1 .img{height:100%} .solution-page.list .box1 .info{width:45.7%;height: 100%;position:absolute;top:0;left:80px;z-index: 2;display: flex;flex-direction: column;justify-content: center;} .solution-page.list .box1 .info>p{max-width: 380px;} .solution-page.list .box1 .info>p:nth-of-type(1){font-size: 30px;} .solution-page.list .box1 .info>p:nth-of-type(2){font-size: 16px;line-height: 28px;margin:20px 0 40px} .solution-page.list .box1 .info>p:nth-of-type(3){width:200px;line-height: 58px;border:1px solid #fff;border-radius: 30px;font-size: 16px;color:#fff;padding-left: 45px;background: url(/web/images/arrow.png) no-repeat 80% center/16px;transition: .3s;} .solution-page.list .box1 li:nth-child(2n)::after{background-image: url(/web/images/11.png);left:auto;right:0;border-radius: 0 20px 20px 0;} .solution-page.list .box1 li:nth-child(2n) .info{left:auto;right:80px;padding-left:15%} .solution-page.list .box1 .load{width:180px;margin:0 auto;line-height: 60px;font-size: 16px;color:#fff;background: #0047ba url(/web/images/12.png) no-repeat 45px center/20px;border-radius: 30px;padding-left: 75px;cursor: pointer} .solution-page.list .box1 .loadok{text-align: center;padding-left: 0;background: #0047ba;} .solution-page.list .box2{padding:80px 0 60px} .solution-page.list .box2 ul{display: flex;flex-wrap: wrap;} .solution-page.list .box2 li{width: calc(100% / 3 - 26px);margin-right: 39px;margin-bottom: 40px;box-shadow: 0 0 20px rgba(0,119,73,.2);border-radius: 20px;background: #fff;position: relative;transition: .3s;} .solution-page.list .box2 li:nth-child(3n){margin-right: 0;} .solution-page.list .box2 .img-bg{border-radius: 20px 20px 0 0;} .solution-page.list .box2 .img{padding-bottom: 60%;} .solution-page.list .box2 .info{padding:45px 50px 70px;position: relative;} .solution-page.list .box2 .info::after{content:'';width:100%;height:100px;background: url(/web/images/13.png) no-repeat right center/auto;position: absolute;right:-22%;bottom:0;opacity: 0} .solution-page.list .box2 .info>p:nth-of-type(1){font-size: 24px;line-height: 34px;} .solution-page.list .box2 .info>p:nth-of-type(2){font-size: 16px;line-height: 30px;color: #666;margin:20px 0 35px} .solution-page.list .box2 .info>p:nth-of-type(3){color: #999;padding-right: 25px;background: url(/web/images/arrow2.png) no-repeat right center/11px;display: inline-block;} .solution-page.list .box2 .page{padding-bottom: 40px;} .solution-page.detail{padding:70px 0 100px} .solution-page.detail>p{font-size: 36px;line-height: 46px;text-align: center;margin-bottom:15px} .solution-page.detail .share{position: relative;display: flex;justify-content: center;} .solution-page.detail .share::before{width: calc(50% - 100px);height: 1px;background: #eee;content: '';position: absolute;top: 20px;left: 0;} .solution-page.detail .share::after{width: calc(50% - 100px);height: 1px;background: #eee;content: '';position: absolute;top: 20px;right: 0;} .solution-page.detail .content{padding:25px 0 45px;border-bottom: 1px #eee solid;margin-bottom: 50px;} .solution-page.detail .content p{font-size: 16px;line-height: 32px;color:#666} .solution-page.detail .content img{max-width:100%;margin:0 auto;display: block;} .solution-page.detail .content a{display: inline-block;} .solution-page.detail .jump{display: flex;align-items: center;} .solution-page.detail .info{width:calc(100% - 168px);padding-right: 50px;} .solution-page.detail .info>a{font-size: 16px;line-height: 30px;color:#666;display: block;} .solution-page.detail .jump>a{width: 168px;line-height: 57px;background: #0047ba;box-shadow: 0 0 20px rgba(0,119,73,.3);color:#fff;font-size: 16px;text-align: center;border-radius: 30px;transition: .3s;} @media (max-width:1440px){ .solution-page.list .box1{padding:60px 0 80px} .solution-page.list .box1 li{height:450px} .solution-page.list .box1 .info>p:nth-of-type(1){font-size: 28px;} .solution-page.list .box1 .info>p:nth-of-type(3){width:160px;font-size: 14px;padding-left: 35px;background-size: 14px;line-height: 50px;} .solution-page.list .box2{padding:60px 0 40px} .solution-page.list .box2 .info{padding:35px 40px 50px} .solution-page.list .box2 .info>p:nth-of-type(1){font-size: 20px;line-height: 30px;} .solution-page.list .box2 .info>p:nth-of-type(2){margin: 15px 0 25px;} .solution-page.detail{padding:60px 0 80px} .solution-page.detail>p{font-size: 32px;line-height: 42px;} .solution-page.detail .content{padding:25px 0 35px;margin-bottom: 40px;} .solution-page.detail .info{width:calc(100% - 130px)} .solution-page.detail .info>a{font-size: 14px;line-height: 26px;} .solution-page.detail .jump>a{width: 130px;line-height: 50px;font-size: 14px;} } @media (max-width:1279px){ .solution-page.list .box1{padding:50px 0} .solution-page.list .box1 li{margin-bottom: 30px;border-radius: 10px;height: auto;background: #0047ba;} .solution-page.list .box1 li::after{display: none;} .solution-page.list .box1 .img-bg{border-radius: 10px 10px 0 0;height:auto} .solution-page.list .box1 .img{height:auto;padding-bottom: 39.06%;} .solution-page.list .box1 .info{width:100%;height: auto;position:static;display: block;padding:30px 25px 40px} .solution-page.list .box1 .info>p{max-width: 100%;} .solution-page.list .box1 .info>p:nth-of-type(1){font-size: 18px;} .solution-page.list .box1 .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:10px 0 20px} .solution-page.list .box1 .info>p:nth-of-type(3){width:150px;line-height: 45px;font-size: 14px;padding-left: 35px;background-size:12px} .solution-page.list .box1 li:nth-child(2n) .info{padding-left:25px} .solution-page.list .box1 .load{width:150px;line-height: 45px;font-size: 14px;background-position:30px center;background-size:16px;padding-left: 60px} .solution-page.list .box2{padding:50px 0 20px} .solution-page.list .box2 ul{display: block} .solution-page.list .box2 li{width: 100%;margin-right: 0;margin-bottom: 30px;box-shadow: 0 0 10px rgba(0,119,73,.2);border-radius: 10px;} .solution-page.list .box2 .img-bg{border-radius: 10px 10px 0 0;} .solution-page.list .box2 .info{padding:30px 25px;} .solution-page.list .box2 .info>p:nth-of-type(1){font-size: 18px;line-height: 28px;} .solution-page.list .box2 .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:10px 0 20px} .solution-page.list .box2 .page{padding-bottom: 30px;} .solution-page.detail{padding:50px 0} .solution-page.detail>p{font-size: 20px;line-height: 30px} .solution-page.detail .share::before{width:calc(50% - 75px)} .solution-page.detail .share::after{width:calc(50% - 75px)} .solution-page.detail .content{padding:20px 0 30px;margin-bottom: 30px;} .solution-page.detail .content p{font-size: 14px;line-height: 26px} .solution-page.detail .jump{display: block} .solution-page.detail .info{width:100%;padding-right: 0;margin-bottom: 20px;} .solution-page.detail .info>a{font-size: 14px;line-height: 28px} .solution-page.detail .jump>a{width: 130px;line-height: 45px;box-shadow: 0 0 10px rgba(0,119,73,.3);font-size: 14px} } @media (any-hover:hover){ .solution-page.list .box1 li:hover .img{transform: scale(1.1);} .solution-page.list .box1 .load:hover{background-color: green;} .solution-page.list .box2 li:hover{background: #0047ba;} .solution-page.list .box2 li:hover .img{transform: scale(1.1);} .solution-page.list .box2 li:hover .info::after{opacity: 1;} .solution-page.list .box2 li:hover .info>p:nth-of-type(1){color:#fff} .solution-page.list .box2 li:hover .info>p:nth-of-type(2){color:#fff} .solution-page.list .box2 li:hover .info>p:nth-of-type(3){color:#fff;background-image: url(/web/images/arrow2-w.png);} .solution-page.detail .info>a:hover{color:#0047ba} .solution-page.detail .jump>a:hover{background: green;} } /* 妗堜緥 */ .cases-page.list{padding:80px 0 60px} .cases-page.list ul{display: flex;flex-wrap: wrap;} .cases-page.list li{width: calc(100% / 3 - 26px);margin-right: 39px;margin-bottom: 40px;box-shadow: 0 0 20px rgba(0,119,73,.2);border-radius: 20px;background: #fff;position: relative;transition: .3s;} .cases-page.list li:nth-child(3n){margin-right: 0;} .cases-page.list .img-bg{border-radius: 20px 20px 0 0;} .cases-page.list .img{padding-bottom: 100%;} .cases-page.list .info{padding:45px 50px 70px;position: relative;} .cases-page.list .info::after{content:'';width:100%;height:100px;background: url(/web/images/13.png) no-repeat right center/auto;position: absolute;right:-22%;bottom:0;opacity: 0} .cases-page.list .info>p:nth-of-type(1){font-size: 24px;} .cases-page.list .info>p:nth-of-type(2){font-size: 16px;line-height: 30px;color: #666;margin:20px 0 35px} .cases-page.list .info>p:nth-of-type(3){color: #999;padding-right: 25px;background: url(/web/images/arrow2.png) no-repeat right center/11px;display: inline-block;} .cases-page.list .page{padding-bottom: 40px;} .cases-page.detail{padding:70px 0 100px} .cases-page.detail>p{font-size: 36px;line-height: 46px;text-align: center;} .cases-page.detail .time{display: flex;justify-content: center;margin:20px 0 15px} .cases-page.detail .time>p{font-size: 16px;color:#999} .cases-page.detail .time>p:first-child{margin-right: 40px;} .cases-page.detail .share{position: relative;display: flex;justify-content: center;} .cases-page.detail .share::before{width: calc(50% - 100px);height: 1px;background: #eee;content: '';position: absolute;top: 20px;left: 0;} .cases-page.detail .share::after{width: calc(50% - 100px);height: 1px;background: #eee;content: '';position: absolute;top: 20px;right: 0;} .cases-page.detail .content{padding:25px 0 45px;border-bottom: 1px #eee solid;margin-bottom: 50px;} .cases-page.detail .content p{font-size: 16px;line-height: 32px;color:#666} .cases-page.detail .content img{max-width:100%;margin:0 auto;display: block;height: auto !important;} .cases-page.detail .content a{display: inline-block;} .cases-page.detail .jump{display: flex;align-items: center;} .cases-page.detail .info{width:calc(100% - 168px);padding-right: 50px;} .cases-page.detail .info>a{font-size: 16px;line-height: 30px;color:#666;display: block;} .cases-page.detail .jump>a{width: 168px;line-height: 57px;background: #0047ba;box-shadow: 0 0 20px rgba(0,119,73,.3);color:#fff;font-size: 16px;text-align: center;border-radius: 30px;transition: .3s;} @media (max-width:1440px){ .cases-page.list{padding:60px 0 40px} .cases-page.list .info{padding:35px 40px 50px} .cases-page.list .info>p:nth-of-type(1){font-size: 20px;line-height: 30px;} .cases-page.list .info>p:nth-of-type(2){margin: 15px 0 25px;} .cases-page.detail{padding:60px 0 80px} .cases-page.detail>p{font-size: 32px;line-height: 42px;} .cases-page.detail .content{padding:25px 0 35px;margin-bottom: 40px;} .cases-page.detail .info{width:calc(100% - 130px)} .cases-page.detail .info>a{font-size: 14px;line-height: 26px;} .cases-page.detail .jump>a{width: 130px;line-height: 50px;font-size: 14px;} } @media (max-width:1279px){ .cases-page.list{padding:50px 0 30px} .cases-page.list ul{display: block} .cases-page.list li{width: 100%;margin-right: 0;margin-bottom: 30px;box-shadow: 0 0 10px rgba(0,119,73,.2);border-radius: 10px} .cases-page.list .img-bg{border-radius: 10px 10px 0 0;} .cases-page.list .info{padding:30px 25px} .cases-page.list .info>p:nth-of-type(1){font-size: 18px;} .cases-page.list .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:10px 0 20px} .cases-page.list .page{padding-bottom: 20px;} .cases-page.detail{padding:50px 0} .cases-page.detail>p{font-size: 20px;line-height: 30px} .cases-page.detail .time{margin:15px 0 10px} .cases-page.detail .time>p{font-size: 14px} .cases-page.detail .time>p:first-child{margin-right: 20px;} .cases-page.detail .share::before{width:calc(50% - 75px)} .cases-page.detail .share::after{width:calc(50% - 75px)} .cases-page.detail .content{padding:20px 0 30px;margin-bottom: 30px;} .cases-page.detail .content p{font-size: 14px;line-height: 26px} .cases-page.detail .jump{display: block} .cases-page.detail .info{width:100%;padding-right: 0;margin-bottom: 20px;} .cases-page.detail .info>a{font-size: 14px;line-height: 26px} .cases-page.detail .jump>a{width: 130px;line-height: 45px;box-shadow: 0 0 10px rgba(0,119,73,.3);font-size: 14px;} } @media (any-hover:hover){ .cases-page.list li:hover{background: #0047ba;} .cases-page.list li:hover .img{transform: scale(1.1);} .cases-page.list li:hover .info::after{opacity: 1;} .cases-page.list li:hover .info>p:nth-of-type(1){color:#fff} .cases-page.list li:hover .info>p:nth-of-type(2){color:#fff} .cases-page.list li:hover .info>p:nth-of-type(3){color:#fff;background-image: url(/web/images/arrow2-w.png);} .cases-page.detail .info>a:hover{color:#0047ba} .cases-page.detail .jump>a:hover{background: green;} } /* 鎷涘晢鍔犵洘 */ .joinin-page .width{max-width: 1400px;} .joinin-page .tit{font-size: 40px;line-height: 50px;text-align: center;position: relative;color: #000;} .joinin-page .tit::after{content:'';position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);height: 5px;background: #0047ba;width:30px} .joinin-page .more{width:200px;line-height: 58px;border:1px solid #0047ba;border-radius: 30px;font-size: 16px;color:#0047ba;padding-left: 45px;background: #fff url(/web/images/arrow-m.png) no-repeat 80% center/16px;box-shadow: 0 0 20px rgba(0,119,73,.3);transition: .3s;} .joinin-page .box1{background: linear-gradient(to bottom,#f9fffe,#e2f3f0);padding:100px 0} .joinin-page .box1 .width{display: flex;align-items: center;} .joinin-page .box1 .img-bg{width: 46.87%;border-radius: 20px;} .joinin-page .box1 .img-bg .img{padding-bottom: 66.66%;} .joinin-page .box1 .info{flex:1;padding-left: 60px;} .joinin-page .box1 .tit{text-align: left;margin-bottom: 50px;} .joinin-page .box1 .tit::after{left:0;transform: translateX(0);} .joinin-page .box1 .info>p{font-size: 16px;line-height: 32px;color:#666;max-height: 320px;} .joinin-page .box1 .info .img{display:none} .joinin-page .box2{padding:90px 0 80px} .joinin-page .box2 .tit-box{display: flex} .joinin-page .box2 .tit{text-align: left;margin-bottom: 40px;flex:1;padding-right: 50px;} .joinin-page .box2 .tit::after{left:0;transform: translateX(0);} .joinin-page .box2 .arrow{width: 106px;display: flex} .joinin-page .box2 .arrow>div{width: 48px;height: 48px;border-radius: 50%;box-shadow: 0 0 20px rgba(0,119,73,.15);background: #fff url(/web/images/arrow1.svg) no-repeat center center/16px;transition: .3s;cursor: pointer;} .joinin-page .box2 .prev{margin-right: 10px;transform: rotate(180deg);} .joinin-page .box2 .swiper-container{padding:20px} .joinin-page .box2 .swiper-slide{box-shadow: 0 0 20px rgba(0,119,73,.15);width:430px;height: auto;border-radius: 20px;padding:80px 60px 110px;overflow: hidden;} .joinin-page .box2 .info{position:relative;z-index: 3;} .joinin-page .box2 .img-div{width:72px;height: 68px;} .joinin-page .box2 .info>p:nth-of-type(1){font-size: 24px;line-height: 34px;color:#0047ba;margin:25px 0 20px} .joinin-page .box2 .info>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666} .joinin-page .box2 .swiper-slide>p{font-size: 120px;color:rgba(0,119,73,.05);position: absolute;right: 35px;bottom: -12%;} .joinin-page .box2 .info-bg{transition: .8s;width:100%;height:100%;position: absolute;top:0;left:0;opacity: 0;background: linear-gradient(45deg,#0047ba,rgba(0,119,73,.7));z-index: 2;} .joinin-page .box2 .img{width:100%;height:100%;position: absolute;top:0;left:0;opacity: 0;transition: .8s;} .joinin-page .box3{background: linear-gradient(to bottom,#e7f6f3,#c0e7e0);padding:90px 0 70px} .joinin-page .box3 ul{display: flex;flex-wrap: wrap;margin-top: 65px;} .joinin-page .box3 li{width:calc(50% - 20px);border-radius: 20px;padding:45px 55px 50px;margin-bottom: 30px;background: rgba(255,255,255,.5);border:2px solid rgba(255,255,255,.5);position: relative;} .joinin-page .box3 li:nth-child(2n+1){margin-right: 40px;} .joinin-page .box3 .info{position:relative;z-index: 3;display: flex;} .joinin-page .box3 .img-div{width:59px;height: 54px;} .joinin-page .box3 .txt{flex:1;padding-left:45px} .joinin-page .box3 .txt>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin-bottom:15px} .joinin-page .box3 .txt>p:nth-of-type(2){font-size: 16px;line-height: 28px;color:#666} .joinin-page .box3 .info-bg{transition: .8s;width:calc(100% + 4px);height:calc(100% + 4px);position: absolute;top:-2px;left:-2px;opacity: 0;background: linear-gradient(45deg,rgba(0,119,73,.9),rgba(0,119,73,.7));z-index: 2;border-radius: 20px;} .joinin-page .box3 .img{width:calc(100% + 4px);height:calc(100% + 4px);position: absolute;top:-2px;left:-2px;opacity: 0;transition: .8s;border-radius: 20px;} .joinin-page .box4{padding:90px 0} .joinin-page .box4 .con{max-width:1480px;position: relative;margin-top: 65px;} .joinin-page .box4 .swiper-container{max-width:1320px} .joinin-page .box4 .swiper-slide{text-align: center;width:auto} .joinin-page .box4 .swiper-slide::before{content:'';position: absolute;bottom:77px;left:50%;transform:translateX(-50%);width:12px;height:12px;background: #fff;border:3px solid #0047ba;border-radius: 50%;} .joinin-page .box4 .swiper-slide::after{content:'';position: absolute;bottom:81px;right:-52px;width:12px;height:9px;background: url(/web/images/16.png) no-repeat center center/12px} .joinin-page .box4 .swiper-slide:last-child::after{display: none;} .joinin-page .box4 .img-div{width: 134px;height: 141px;background: url(/web/images/15.jpg) no-repeat center center/134px;margin:0 auto} .joinin-page .box4 .img-div>img{max-width: 35%;max-height: 35%;} .joinin-page .box4 .swiper-slide>p:nth-of-type(1){font-size: 18px;margin:20px 0 90px} .joinin-page .box4 .swiper-slide>p:nth-of-type(2){font-size: 36px;color:#0047ba} .joinin-page .box4 .line{width:calc(100% - 120px);height:1px;left: 50%;transform: translateX(-50%);background: rgba(0,119,73,.2);position: absolute;bottom:85px} .joinin-page .box4 .arrow{width: 48px;height: 48px;border-radius: 50%;box-shadow: 0 0 20px rgba(0,119,73,.15);background: #fff url(/web/images/arrow1.svg) no-repeat center center/16px;transition: .3s;cursor: pointer;position: absolute;right:0;bottom:63px} .joinin-page .box4 .prev{transform: rotate(180deg);left:0;right: auto;} .joinin-page .box5{padding:90px 0 100px} .joinin-page .box5 .width{max-width: 780px;} .joinin-page .box5 .con{margin-top:65px;background: rgba(255,255,255,.5);border-radius: 20px;border:2px solid rgba(255,255,255,.5);padding:55px 70px 70px} .joinin-page .box5 .items{display: flex;margin-bottom: 35px;} .joinin-page .box5 .item{flex:1} .joinin-page .box5 .items:nth-of-type(1) .item:nth-of-type(1){margin-right:40px} .joinin-page .box5 .items:nth-of-type(2) .item{margin-right:20px} .joinin-page .box5 .items:nth-of-type(2) .item:nth-of-type(3){margin-right:0} .joinin-page .box5 .item>p{font-size: 16px;margin-bottom: 15px;} .joinin-page .box5 .item>input{height:50px;border:1px #e5e5e5 solid;width:100%;padding:0 25px;border-radius: 5px;} .joinin-page .box5 .radio{display: flex;} .joinin-page .box5 .radio>p{font-size: 16px;position: relative;padding:0 40px 0 30px;cursor: pointer;} .joinin-page .box5 .radio>p::before{content:'';position: absolute;top:0;left:0;width:18px;height:18px;border:1px #e5e5e5 solid;border-radius: 50%;background: #fff;} .joinin-page .box5 .radio>p.active::before{background:#fff url(/web/images/7.png) no-repeat center center/10px;} .joinin-page .box5 .con>p{width: 160px;line-height: 60px;text-align: center;background: #0047ba;box-shadow: 0 0 20px rgba(0,119,73,.3);font-size: 16px;color:#fff;cursor: pointer;transition: .3s;margin:50px auto 0;border-radius: 30px;} @media (max-width:1440px){ .joinin-page .tit{font-size: 32px;line-height: 42px;} .joinin-page .box1{padding:80px 0} .joinin-page .box1 .info{padding-left: 50px;} .joinin-page .box2{padding:70px 0 60px} .joinin-page .box2 .swiper-slide{padding:60px 50px 90px;width:380px} .joinin-page .box2 .img-div{width:62px;height:58px} .joinin-page .box2 .info>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin:20px 0 15px} .joinin-page .box3{padding:70px 0 50px} .joinin-page .box3 li{padding:35px 45px 40px} .joinin-page .box3 .img-div{width:54px;height:49px} .joinin-page .box3 .txt{padding-left: 30px;} .joinin-page .box3 .txt>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin-bottom: 10px;} .joinin-page .box3 .txt>p:nth-of-type(2){font-size: 14px;line-height: 26px;} .joinin-page .box4{padding:70px 0} .joinin-page .box4 .img-div{width:120px;height:126px;background-size: 120px;} .joinin-page .box4 .line{bottom:77px} .joinin-page .box4 .arrow{bottom:54px} .joinin-page .box4 .swiper-slide::before{bottom:68px} .joinin-page .box4 .swiper-slide::after{bottom:73px} .joinin-page .box4 .swiper-slide>p:nth-of-type(1){margin:20px 0 70px} .joinin-page .box4 .swiper-slide>p:nth-of-type(2){font-size: 30px;} .joinin-page .box5{padding:70px 0 80px} .joinin-page .box5 .con>p{width:130px;line-height: 50px;font-size: 14px;} } @media (max-width:1279px){ .joinin-page .tit{font-size: 22px;line-height: 32px} .joinin-page .tit::after{bottom: -15px;height: 3px} .joinin-page .more{width:150px;line-height: 45px;font-size: 14px;padding-left: 35px;background-size:12px;box-shadow: 0 0 10px rgba(0,119,73,.3)} .joinin-page .box1{padding:50px 0} .joinin-page .box1 .width{display: block} .joinin-page .box1 .img-bg{display: none;} .joinin-page .box1 .info{padding-left: 0;} .joinin-page .box1 .tit{margin-bottom: 40px;} .joinin-page .box1 .info>p{font-size: 14px;line-height: 24px;max-height: 2400px;margin-bottom: 20px;} .joinin-page .box1 .info .img{display: block;padding-bottom: 66.66%;border-radius: 10px;} .joinin-page .box2{padding:50px 0} .joinin-page .box2 .tit{margin-bottom: 30px;padding-right: 20px;} .joinin-page .box2 .arrow{width: 80px} .joinin-page .box2 .arrow>div{width: 35px;height: 35px;box-shadow: 0 0 10px rgba(0,119,73,.15);background-size:14px} .joinin-page .box2 .con{width:calc(100% - 40px);margin:0 auto;} .joinin-page .box2 .swiper-container{padding:10px;width:100%} .joinin-page .box2 .swiper-slide{box-shadow: 0 0 10px rgba(0,119,73,.15);width:100%;border-radius: 10px;padding:30px 25px 60px} .joinin-page .box2 .img-div{width:62px;height: 58px;} .joinin-page .box2 .info>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin:15px 0 10px} .joinin-page .box2 .info>p:nth-of-type(2){font-size: 14px;line-height: 24px} .joinin-page .box2 .swiper-slide>p{font-size: 90px;right: 20px;bottom: -15%;} .joinin-page .box3{padding:50px 0 30px} .joinin-page .box3 ul{display: block;margin-top: 40px;} .joinin-page .box3 li{width:100%;border-radius: 10px;padding:30px 25px;margin-bottom: 20px;} .joinin-page .box3 li:nth-child(2n+1){margin-right: 0;} .joinin-page .box3 .info{display: block;} .joinin-page .box3 .img-div{width:49px;height: 44px;} .joinin-page .box3 .txt{padding-left:0} .joinin-page .box3 .txt>p:nth-of-type(1){font-size: 18px;line-height: 28px;margin:10px 0} .joinin-page .box3 .txt>p:nth-of-type(2){font-size: 14px;line-height: 24px} .joinin-page .box4{padding:50px 0} .joinin-page .box4 .con{margin-top: 40px;} .joinin-page .box4 .swiper-container{max-width:1320px} .joinin-page .box4 .swiper-slide::before{bottom:50px;width:8px;height:8px;border-width:2px} .joinin-page .box4 .swiper-slide::after{bottom:52px;right:-10px} .joinin-page .box4 .img-div{width: 100px;height: 105px;background-size:100px} .joinin-page .box4 .swiper-slide>p:nth-of-type(1){font-size: 14px;margin:10px 0 40px} .joinin-page .box4 .swiper-slide>p:nth-of-type(2){font-size: 25px} .joinin-page .box4 .line{width:calc(100% - 30px);bottom:56px} .joinin-page .box4 .arrow{width: 35px;height: 35px;box-shadow: 0 0 10px rgba(0,119,73,.15);background-size:16px;bottom:39px;background-color: #fff;z-index: 2;} .joinin-page .box5{padding:50px 0} .joinin-page .box5 .con{margin-top:40px;border-radius: 10px;padding:30px 25px 40px} .joinin-page .box5 .items{display: block;margin-bottom: 0;} .joinin-page .box5 .item{margin-bottom: 20px;} .joinin-page .box5 .items:nth-of-type(1) .item:nth-of-type(1){margin-right:0} .joinin-page .box5 .items:nth-of-type(2) .item{margin-right:0;margin-bottom: -15px;} .joinin-page .box5 .items:nth-of-type(2) .item:last-child{margin-bottom: 20px;} .joinin-page .box5 .item>p{font-size: 14px;margin-bottom: 10px;} .joinin-page .box5 .item>input{height:45px;padding:0 15px} .joinin-page .box5 .radio{display: block;} .joinin-page .box5 .radio>p{font-size: 14px;padding:0 40px 0 30px;margin-bottom: 10px;} .joinin-page .box5 .radio>p::before{width:15px;height:15px} .joinin-page .box5 .con>p{width: 130px;line-height: 45px;box-shadow: 0 0 10px rgba(0,119,73,.3);font-size: 14px;margin:30px auto 0} } @media (any-hover:hover){ .joinin-page .box2 .arrow>div:hover{background-image: url(/web/images/arrow1-w.svg);background-color: #0047ba;} .joinin-page .box2 .swiper-slide:hover .info>p:nth-of-type(1){color:#fff} .joinin-page .box2 .swiper-slide:hover .info>p:nth-of-type(2){color:#fff} .joinin-page .box2 .swiper-slide:hover .info-bg{opacity: 1;} .joinin-page .box2 .swiper-slide:hover .img{opacity: 1;} .joinin-page .box3 li:hover .txt>p:nth-of-type(1){color:#fff} .joinin-page .box3 li:hover .txt>p:nth-of-type(2){color:#fff} .joinin-page .box3 li:hover .info-bg{opacity: 1;} .joinin-page .box3 li:hover .img{opacity: 1;} .joinin-page .box4 .arrow:hover{background-image: url(/web/images/arrow1-w.svg);background-color: #0047ba;} .joinin-page .box5 .con>p:hover{background: green;} } /* 涓嬭浇 */ .download-page{padding:80px 0 70px} .download-page li{margin-bottom: 30px;box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 10px;position: relative;font-size: 16px;line-height: 26px;display: flex;padding:35px 55px 35px 80px;transition: .3s;} .download-page li>p:nth-of-type(1){padding:0 50px 0 30px;background: url(/web/images/17.png) no-repeat left 3px/17px;flex:1} .download-page li>p:nth-of-type(2){width:65px;padding-left: 30px;background: url(/web/images/18.png) no-repeat left 6px/19px;} .download-page .page{padding:10px 0 30px} @media (max-width:1440px){ .download-page{padding: 60px 0 50px;} .download-page li{padding:30px 45px 30px 60px} } @media (max-width:1279px){ .download-page{padding:50px 0 30px} .download-page li{margin-bottom: 20px;box-shadow: 0 0 10px rgba(0,119,73,.15);font-size: 14px;line-height: 24px;padding:15px 25px} .download-page li>p:nth-of-type(1){padding:0 20px 0 25px;background-position:left 2px;background-size:15px} .download-page li>p:nth-of-type(2){width:45px;padding-left: 20px;background-size:16px;font-size: 12px;} .download-page .page{padding:10px 0 20px} } @media (any-hover:hover){ .download-page li:hover{background: #0047ba;color:#fff} .download-page li:hover>p:nth-of-type(1){background-image: url(/web/images/17-w.png);} .download-page li:hover>p:nth-of-type(2){background-image: url(/web/images/18-w.png);} } /* 鏂伴椈 */ .news-page.list{padding:80px 0 60px} .news-page.list .swiper-container{max-width: 1320px;padding:20px;margin-bottom: 40px;} .news-page.list .swiper-slide{display: flex;align-items: center;border-radius: 20px;box-shadow: 0 0 20px rgba(0,119,73,.15);transition: .3s;} .news-page.list .swiper-slide .img-bg{width:68.75%;border-radius: 20px 0 0 20px;} .news-page.list .swiper-slide .img{padding-bottom: 52.27%;} .news-page.list .swiper-slide .info{width:31.25%;padding:0 60px} .news-page.list .swiper-slide .info>p:nth-of-type(1){color:#999;font-size: 40px;display: flex;align-items: flex-end;} .news-page.list .swiper-slide .info>p:nth-of-type(1)>span:nth-of-type(2){font-size: 16px;margin:0 0 7px 15px} .news-page.list .swiper-slide .info>p:nth-of-type(2){font-size: 24px;line-height: 36px;margin:25px 0 20px} .news-page.list .swiper-slide .info>p:nth-of-type(3){font-size: 16px;line-height: 30px;color:#666;margin-bottom: 90px;} .news-page.list .swiper-slide .info>p:nth-of-type(4){padding-right: 25px;color:#999;background: url(/web/images/3.png) no-repeat right center/11px;display: inline-block;} .news-page.list .tip{width:66.67%;position: absolute;left:20px;bottom:20px;z-index: 2;height:60px;display: flex;justify-content: flex-end;} .news-page.list .swiper-pagination{left:auto;right:0;width:auto;height:100%;background: #fff;border-radius: 20px 0 0;padding:0 35px;display: flex;align-items: center;} .news-page.list .swiper-pagination-bullet{margin:0 5px} .news-page.list .swiper-pagination-bullet-active{width:6px;height:6px;background: #0047ba;position: relative;margin:0 8px} .news-page.list .swiper-pagination-bullet-active::after{content:'';width:12px;height:12px;border:1px #0047ba solid;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .news-page.list ul{display: flex;flex-wrap: wrap;} .news-page.list li{width: calc(100% / 3 - 26px);margin-right: 39px;margin-bottom: 40px;border-radius: 20px;box-shadow: 0 0 20px rgba(0,119,73,.15);position: relative;transition: .3s;} .news-page.list li:nth-child(3n){margin-right: 0;} .news-page.list .img-bg{border-radius: 20px 20px 0 0;} .news-page.list .img{padding-bottom: 58.53%;} .news-page.list li .info{padding:45px 50px 55px} .news-page.list li .info>p:nth-of-type(1){font-size: 16px;color:#999} .news-page.list li .info>p:nth-of-type(2){font-size: 24px;margin:10px 0 20px} .news-page.list li .info>p:nth-of-type(3){font-size: 16px;color:#666;line-height: 30px;margin-bottom: 35px;} .news-page.list li .info>p:nth-of-type(4){padding-right: 25px;color:#999;background: url(/web/images/3.png) no-repeat right center/11px;display: inline-block;} .news-page.list .page{padding-bottom:40px} .news-page.detail{display: flex;justify-content: space-between;padding:80px 0 100px;align-items: flex-start;} .news-page.detail .con{width: 71.87%;box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 20px;padding:50px 60px 80px} .news-page.detail .con>p{font-size: 36px;line-height: 46px;color:#000} .news-page.detail .time{display: flex;font-size: 16px;color:#999;margin:20px 0} .news-page.detail .time>span:nth-of-type(1){margin-right: 40px;} .news-page.detail .content{border-top:1px #e5e5e5 solid;border-bottom: 1px solid #e5e5e5;padding:30px 0 35px;margin-bottom: 30px;} .news-page.detail .content p{font-size: 16px;line-height: 30px;color:#666} .news-page.detail .content img{max-width: 100%;margin:0 auto;display: block;height:auto !important} .news-page.detail .content a{display: inline-block;} .news-page.detail .jump{display: flex;align-items: center;} .news-page.detail .info{width:calc(100% - 168px);padding-right: 50px;} .news-page.detail .info>a{font-size: 16px;line-height: 30px;color:#666;display: block;} .news-page.detail .jump>a{width: 168px;line-height: 57px;background: #0047ba;box-shadow: 0 0 20px rgba(0,119,73,.3);color:#fff;font-size: 16px;text-align: center;border-radius: 30px;transition: .3s;} .news-page.detail .best{width: 25%;box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 10px} .news-page.detail .best>p{line-height: 80px;background: url(/web/images/19.jpg) no-repeat center center/cover;border-radius: 10px 10px 0 0;color:#fff;font-size: 24px;padding-left: 30px;} .news-page.detail .best ul{padding:10px 30px 35px} .news-page.detail .best li{border-bottom: 1px solid #eee;padding:20px 0 25px 20px;position: relative} .news-page.detail .best li:last-child{border-bottom: 0;} .news-page.detail .best li::before{content:'';width:6px;height: 6px;position: absolute;border-radius: 50%;top:32px;left:0;background: #37393d;} .news-page.detail .best li>a{font-size: 16px;line-height: 30px;margin-bottom: 10px;} .news-page.detail .best li>p{color: #999;} @media (max-width:1440px){ .news-page.list{padding:60px 0 40px} .news-page.list .swiper-slide .info{padding:0 50px} .news-page.list .swiper-slide .info>p:nth-of-type(1){font-size: 35px;} .news-page.list .swiper-slide .info>p:nth-of-type(2){font-size: 22px;line-height: 32px;margin:20px 0 15px} .news-page.list .swiper-slide .info>p:nth-of-type(3){margin-bottom: 60px;} .news-page.list li .info{padding:35px 40px 45px} .news-page.list li .info>p:nth-of-type(2){font-size: 22px;margin:10px 0 15px} .news-page.list li .info>p:nth-of-type(3){margin-bottom: 25px;} .news-page.detail{padding:60px 0 80px} .news-page.detail .con>p{font-size: 32px;line-height: 42px;} .news-page.detail .info{width: calc(100% - 130px);} .news-page.detail .info>a{font-size: 14px;line-height: 26px;} .news-page.detail .jump>a{width:130px;font-size: 14px;line-height: 50px;} .news-page.detail .best>p{line-height: 70px;font-size: 20px;} } @media (max-width:1279px){ .news-page.list{padding:40px 0 20px} .news-page.list .swiper-container{padding:10px;margin-bottom: 30px;} .news-page.list .swiper-slide{display: block;border-radius: 10px;box-shadow: 0 0 10px rgba(0,119,73,.15);height:auto} .news-page.list .swiper-slide .img-bg{width:100%;border-radius: 10px 10px 0 0;} .news-page.list .swiper-slide .info{width:100%;padding:30px 25px 50px} .news-page.list .swiper-slide .info>p:nth-of-type(1){font-size: 30px} .news-page.list .swiper-slide .info>p:nth-of-type(1)>span:nth-of-type(2){font-size: 14px;margin:0 0 5px 10px} .news-page.list .swiper-slide .info>p:nth-of-type(2){font-size: 16px;line-height: 26px;margin:15px 0 10px} .news-page.list .swiper-slide .info>p:nth-of-type(3){font-size: 14px;line-height: 24px;margin-bottom: 20px;} .news-page.list .tip{width:calc(100% - 20px);left:10px;bottom:20px;height:30px;justify-content: center} .news-page.list .swiper-pagination{position:static;border-radius: 0;padding:0} .news-page.list ul{display: block} .news-page.list li{width: 100%;margin-right: 0;margin-bottom: 30px;border-radius: 10px;box-shadow: 0 0 10px rgba(0,119,73,.15)} .news-page.list .img-bg{border-radius: 10px 10px 0 0;} .news-page.list li .info{padding:30px 25px} .news-page.list li .info>p:nth-of-type(1){font-size: 14px} .news-page.list li .info>p:nth-of-type(2){font-size: 16px;margin:5px 0 10px} .news-page.list li .info>p:nth-of-type(3){font-size: 14px;line-height: 24px;margin-bottom: 20px;} .news-page.list .page{padding-bottom:30px} .news-page.detail{display: block;padding:50px 0} .news-page.detail .con{width: 100%;box-shadow: 0 0 10px rgba(0,119,73,.15);border-radius: 10px;padding:30px 25px;margin-bottom: 30px;} .news-page.detail .con>p{font-size: 20px;line-height: 30px} .news-page.detail .time{font-size: 14px;margin:15px 0} .news-page.detail .time>span:nth-of-type(1){margin-right: 20px;} .news-page.detail .content{padding:20px 0 30px} .news-page.detail .content p{font-size: 14px;line-height: 26px} .news-page.detail .jump{display: block} .news-page.detail .info{width:100%;padding-right: 0;margin-bottom: 20px;} .news-page.detail .info>a{font-size: 14px;line-height: 26px} .news-page.detail .jump>a{width: 130px;line-height: 45px;box-shadow: 0 0 10px rgba(0,119,73,.3);font-size: 14px} .news-page.detail .best{width: 100%;box-shadow: 0 0 10px rgba(0,119,73,.15)} .news-page.detail .best>p{line-height: 60px;font-size: 18px;padding-left: 25px;} .news-page.detail .best ul{padding:10px 25px} .news-page.detail .best li{padding:15px 0 20px 15px} .news-page.detail .best li::before{top:24px} .news-page.detail .best li>a{font-size: 14px;line-height: 24px;margin-bottom: 5px;} .news-page.detail .best li>p{font-size: 12px;} } @media (any-hover:hover){ .news-page.list .swiper-slide:hover{background: #0047ba;} .news-page.list .swiper-slide:hover .img{transform: scale(1.1);} .news-page.list .swiper-slide:hover .info>p:nth-of-type(1){color:#fff} .news-page.list .swiper-slide:hover .info>p:nth-of-type(2){color:#fff} .news-page.list .swiper-slide:hover .info>p:nth-of-type(3){color:#fff} .news-page.list .swiper-slide:hover .info>p:nth-of-type(4){color:#fff;background-image: url(/web/images/3-w.png);} .news-page.list li:hover{background: #0047ba;} .news-page.list li:hover .img{transform: scale(1.1);} .news-page.list li:hover .info>p:nth-of-type(1){color:#fff} .news-page.list li:hover .info>p:nth-of-type(2){color:#fff} .news-page.list li:hover .info>p:nth-of-type(3){color:#fff} .news-page.list li:hover .info>p:nth-of-type(4){color:#fff;background-image: url(/web/images/3-w.png);} .news-page.detail .info>a:hover{color:#0047ba} .news-page.detail .jump>a:hover{background: green;} .news-page.detail .best li:hover::before{background: #0047ba;} .news-page.detail .best li:hover>a{color:#0047ba} } /* 鍏充簬 */ .about-page .tit{font-size: 48px;line-height:58px;color:#000;position: relative;} .about-page .tit::after{content:'';position: absolute;bottom: -20px;left: 0;width:30px;height: 5px;background: #0047ba;} .about-page .tit.white{color:#fff} .about-page .tit.white::after{background:#fff} .about-page .box1{padding:90px 0 180px;background: linear-gradient(to bottom,#f9fffe,#e2f3f0);position: relative;} .about-page .box1 .info{display: flex;margin-bottom: 40px;} .about-page .box1 .txt{flex:1;padding-right: 50px;} .about-page .box1 .txt>p{font-size: 18px;line-height: 28px;color:#666;margin-top: 40px;} .about-page .box1 .info>p{width:62.5%;max-height: 128px;font-size: 16px;line-height: 32px;color:#666} .about-page .box1 .con{display: flex;align-items: flex-start;} .about-page .box1 ul{flex:1;padding:15px 50px 0 0;} .about-page .box1 li{margin-bottom: 25px;} .about-page .box1 li:last-child{margin-bottom: 0;} .about-page .box1 li>p:nth-of-type(1){display: flex;align-items: flex-end;} .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 60px;color:#0047ba} .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(2){margin:0 0 12px 5px} .about-page .box1 li>p:nth-of-type(2){font-size: 16px;line-height: 26px;} .about-page .box1 .img-bg{width:62.5%;border-radius: 20px;} .about-page .box1 .img{padding-bottom: 50%;} .about-page .box1 .waves{height:400px;width:100%;position: absolute;bottom:0;left:0;} .about-page .box2{height:880px;position: relative;overflow:hidden} .about-page .box2 .img{height: 100%;transform: scale(1.3);animation:about-box2-play 3s linear forwards;animation-play-state: paused;} .about-page .box2 .width{position: absolute;left: 50%;top:110px;transform: translateX(-50%);} .about-page .box2 .tit{margin-bottom: 55px;} .about-page .box2 ul{max-width:770px} .about-page .box2 li{color:#fff;border-bottom: 1px solid rgba(255,255,255,.2);padding:35px 0 40px} .about-page .box2 li>p:nth-of-type(1){font-size: 24px;line-height: 34px;background: url(/web/images/20.png) no-repeat right 7px/20px;cursor: pointer;} .about-page .box2 li>p:nth-of-type(1).active{background-image: url(/web/images/21.png);background-position: right 15px;} .about-page .box2 li>p:nth-of-type(2){font-size: 30px;line-height: 40px;display: none;margin-top: 20px} .about-page .box2 .mCSB_inside > .mCSB_container{margin-right: 30px;} @keyframes about-box2-play { to{transform: scale(1);} } .about-page .box3{padding:90px 0;background: linear-gradient(to bottom,#f9fffe,#e2f3f0)} .about-page .box3 .tit{text-align: center;} .about-page .box3 .tit::after{left: 50%;transform: translateX(-50%);} .about-page .box3 .con{max-width: 1460px;position: relative;margin-top: 60px} .about-page .box3 .swiper-container{border-radius: 20px;} .about-page .box3 .swiper-slide{width:810px;border-radius: 20px;} .about-page .box3 .img{padding-bottom: 59.25%;} .about-page .box3 .arrow{width: 48px;height: 48px;border-radius: 50%;box-shadow: 0 0 20px rgba(0,119,73,.15);background: #fff url(/web/images/arrow1.svg) no-repeat center center/16px;transition: .3s;cursor: pointer;position: absolute;right:0;top: 50%;transform: translateY(-50%);} .about-page .box3 .prev{transform: translateY(-50%) rotate(180deg);right:auto;left: 0;} .about-page .box4{padding:90px 0} .about-page .box4 .tit{text-align: center;} .about-page .box4 .tit::after{left: 50%;transform: translateX(-50%);} .about-page .box4 .con{max-width: 1460px;position: relative;margin: 40px auto} .about-page .box4 .con .swiper-container{max-width: 1320px;padding:20px} .about-page .box4 .con .swiper-slide{box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 20px;display: flex;align-items: center;} .about-page .box4 .con .img-bg{width: 50%;border-radius: 20px 0 0 20px;} .about-page .box4 .con .img{padding-bottom: 75%;} .about-page .box4 .con .info{flex:1;padding: 0 80px;} .about-page .box4 .con .info>p:nth-of-type(1){font-size: 100px;color:#0047ba;margin-bottom: 5px;} .about-page .box4 .con .info>p:nth-of-type(2){font-size: 16px;color:#666;line-height: 32px;max-height: 192px;} .about-page .box4 .arrow{width: 48px;height: 48px;border-radius: 50%;box-shadow: 0 0 20px rgba(0,119,73,.15);background: url(/web/images/arrow1.svg) no-repeat center center/16px;transition: .3s;cursor: pointer;position: absolute;right:0;top: 50%;transform: translateY(-50%);} .about-page .box4 .prev{transform: translateY(-50%) rotate(180deg);right:auto;left: 0;} .about-page .box4 .thumb .swiper-slide{font-size: 16px;text-align: center;line-height: 24px;padding-top:45px} .about-page .box4 .thumb .swiper-slide::before{content:'';width:8px;height:8px;border:2px #0047ba solid;border-radius: 50%;background: #fff;position: absolute;top:6px;left: 50%;transform: translateX(-50%);z-index: 2;} .about-page .box4 .thumb .swiper-slide-active{font-size: 24px;font-weight: bold;color:#0047ba} .about-page .box4 .thumb .swiper-slide-active::before{border:0;background: #0047ba;top:8px} .about-page .box4 .thumb .swiper-slide-active::after{content:'';width:22px;height:22px;border:1px #0047ba solid;border-radius: 50%;background: #fff;position: absolute;top:0;left: 50%;transform: translateX(-50%);} .about-page .box4 .line{height:1px;background: #efefef;width:100%;bottom:56px;position: absolute;left:0} @media (max-width:1440px){ .about-page .tit{font-size: 32px;line-height: 42px;} .about-page .box1{padding:70px 0 150px} .about-page .box1 .txt>p{font-size: 16px;line-height: 26px;} .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 50px;} .about-page .box2{height:700px} .about-page .box2 .width{top:90px} .about-page .box2 li{padding:25px 0 30px} .about-page .box2 li>p:nth-of-type(1){font-size: 22px;line-height: 32px;} .about-page .box2 li>p:nth-of-type(2){font-size: 26px;line-height: 36px;margin-top: 15px;} .about-page .box3{padding:70px 0} .about-page .box4{padding:70px 0} .about-page .box4 .con .info{padding:0 50px} .about-page .box4 .con .info>p:nth-of-type(1){font-size: 70px;} } @media (max-width:1279px){ .about-page .tit{font-size: 22px;line-height:32px} .about-page .tit::after{bottom: -15px;height: 3px} .about-page .box1{padding:50px 0 100px} .about-page .box1 .info{display: block;margin-bottom: 0;} .about-page .box1 .txt{padding-right: 0;margin-bottom: 20px;} .about-page .box1 .txt>p{font-size: 16px;line-height: 26px;margin-top: 30px;} .about-page .box1 .info>p{width:100%;max-height: 2400px;font-size: 14px;line-height: 26px} .about-page .box1 .con{display: block} .about-page .box1 ul{padding:20px 0;display: flex;overflow-x:auto} .about-page .box1 li{margin-bottom: 0;margin-right: 20px;} .about-page .box1 li:last-child{margin-right: 0;} .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: 28px;} .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(2){margin:0 0 5px 5px;font-size: 12px;} .about-page .box1 li>p:nth-of-type(2){font-size: 14px;line-height: 24px;} .about-page .box1 .img-bg{width:100%;border-radius: 10px;} .about-page .box1 .waves{height:250px} .about-page .box2{height:550px} .about-page .box2 .width{top:50px} .about-page .box2 .tit{margin-bottom: 40px;text-align: center;} .about-page .box2 .tit::after{left: 50%;transform: translateX(-50%);} .about-page .box2 ul{max-width:100%;max-height: 7500px} .about-page .box2 li{padding:20px 0} .about-page .box2 li>p:nth-of-type(1){font-size: 16px;line-height: 26px;background-position:right 7px;background-size:12px} .about-page .box2 li>p:nth-of-type(1).active{background-position: right 11px;} .about-page .box2 li>p:nth-of-type(2){font-size: 18px;line-height: 28px;margin-top: 10px} .about-page .box3{padding:50px 0} .about-page .box3 .con{width: 100%;margin-top: 40px} .about-page .box3 .swiper-container{border-radius: 10px;} .about-page .box3 .swiper-slide{width:100%;border-radius: 10px;} .about-page .box3 .arrow{display: none;} .about-page .box3 .swiper-pagination-bullet{opacity: .5;background: #fff;} .about-page .box3 .swiper-pagination-bullet-active{opacity: 1;} .about-page .box4{padding:50px 0} .about-page .box4 .con{margin: 30px auto 20px;width:100%} .about-page .box4 .con .swiper-container{padding:10px;width:calc(100% - 20px)} .about-page .box4 .con .swiper-slide{box-shadow: 0 0 10px rgba(0,119,73,.15);border-radius: 10px;display: block;height:auto} .about-page .box4 .con .img-bg{width: 100%;border-radius: 10px 10px 0 0;} .about-page .box4 .con .info{padding: 30px 25px;} .about-page .box4 .con .info>p:nth-of-type(1){font-size: 40px;} .about-page .box4 .con .info>p:nth-of-type(2){font-size: 14px;line-height: 26px;max-height: 260px;} .about-page .box4 .arrow{display: none;} .about-page .box4 .thumb .swiper-slide{font-size: 14px;padding-top:30px} .about-page .box4 .thumb .swiper-slide::before{top:4px} .about-page .box4 .thumb .swiper-slide-active{font-size: 20px} .about-page .box4 .thumb .swiper-slide-active::before{top:6px} .about-page .box4 .thumb .swiper-slide-active::after{width:18px;height:18px} .about-page .box4 .line{bottom:43px} } @media (any-hover:hover){ .about-page .box3 .arrow:hover{background-color: #0047ba;background-image: url(/web/images/arrow1-w.svg);} .about-page .box4 .arrow:hover{background-color: #0047ba;background-image: url(/web/images/arrow1-w.svg);} } /* 鍔犲叆 */ .joinus-page .tit{font-size: 48px;line-height:58px;color:#000;position: relative;} .joinus-page .tit::after{content:'';position: absolute;bottom: -20px;left: 0;width:30px;height: 5px;background: #0047ba;} .joinus-page .box1{background: linear-gradient(to bottom,#f9fffe,#e2f3f0);padding:90px 0 250px;position: relative;} .joinus-page .box1::after{content:'';position: absolute;bottom:-5%;left: 0;background: url(/web/images/22.png) no-repeat center bottom/61.97%;width:100%;height:100%;opacity: .5;} .joinus-page .box1 .width{display: flex;} .joinus-page .box1 .tit-box{width: 37.5%;padding-right: 50px;} .joinus-page .box1 .tit-box>p{font-size: 18px;line-height: 28px;margin-top: 40px;} .joinus-page .box1 .info{flex:1;} .joinus-page .box1 .info>p:nth-of-type(1){font-size: 16px;line-height: 32px;color:#666;margin-bottom: 35px;} .joinus-page .box1 .info>p:nth-of-type(2){line-height: 24px;color:#999} .joinus-page .box2{padding:90px 0 60px;background-size: 100%;background-position: center top;} .joinus-page .box2>.width{max-width: 1400px;} .joinus-page .box2 .tit{text-align: center;color:#fff} .joinus-page .box2 .tit::after{background: #fff;transform: translateX(-50%);left: 50%;} .joinus-page .box2>.width>p{font-size: 18px;line-height: 28px;color:#fff;text-align: center;margin:40px 0} .joinus-page .box2 ul{border-radius: 20px;background: #fff;padding:60px 60px 0;display: flex;flex-wrap: wrap;} .joinus-page .box2 li{width:calc(50% - 20px);margin-bottom: 40px;box-shadow: 0 0 20px rgba(0,119,73,.15);border-radius: 20px;padding:50px 60px 70px;position: relative;} .joinus-page .box2 li:nth-child(2n+1){margin-right: 40px;} .joinus-page .box2 li>p:nth-of-type(1){font-size: 30px;line-height: 40px;} .joinus-page .box2 .attr{display: flex;flex-wrap: wrap;border-bottom: 1px solid #efefef;padding:20px 0} .joinus-page .box2 .attr>p{margin-right: 30px;color:#999;line-height: 24px;} .joinus-page .box2 .attr>p>span{color:#666} .joinus-page .box2 li>p:nth-of-type(2){color: #666;line-height: 32px;margin:20px 0 30px} .joinus-page .box2 li>p:nth-of-type(3){width:180px;line-height: 58px;border:1px solid #0047ba;border-radius: 30px;font-size: 16px;color:#0047ba;padding-left: 40px;background: #fff url(/web/images/arrow-m.png) no-repeat 80% center/16px;box-shadow: 0 0 20px rgba(0,119,73,.3);transition: .3s;} .joinus-page .box2 .page{padding-bottom: 40px;} .joinus-page .box2 .popup{position: fixed;top: 0;left: 0;background: rgba(0,0,0,.7);width:100%;height:100%;z-index: 1000;display: none;} .joinus-page .box2 .con{background: #fff;position: relative;margin:50px auto;border-radius: 20px;padding:90px} .joinus-page .box2 .close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: #eee url(/web/images/close.svg) no-repeat center center/20px;cursor: pointer;transition: .3s;border-radius: 0 20px 0 0;transition: .3s;} .joinus-page .box2 .title{display: flex;align-items: center;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px} .joinus-page .box2 .title>p{flex:1;padding-right: 50px;font-size: 36px;line-height: 46px;} .joinus-page .box2 .title>a{width: 180px;line-height: 60px;background: #0047ba url(/web/images/23.png) no-repeat 40px center/24px;padding-left: 75px;font-size: 16px;color: #fff;transition: .3s;border-radius: 30px;} .joinus-page .box2 .content{padding:40px 0;} .joinus-page .box2 .content p{font-size: 16px;line-height: 32px;color:#666} .joinus-page .box2 .content img{max-width: 100%;display: block;margin:0 auto;height:auto !important} .joinus-page .box2 .content a{display: inline-block;} .joinus-page .box2 .tip{color: #999;line-height: 24px;} @media (max-width:1440px){ .joinus-page .tit{font-size: 32px;line-height: 42px;} .joinus-page .box1{padding:70px 0 180px} .joinus-page .box1 .tit-box>p{font-size: 16px;line-height: 26px;} .joinus-page .box1 .info>p:nth-of-type(1){margin-bottom: 25px;} .joinus-page .box2{padding:70px 0 40px} .joinus-page .box2 ul{padding:50px 50px 0} .joinus-page .box2 li{padding:40px 50px 60px} .joinus-page .box2 li>p:nth-of-type(1){font-size: 26px;line-height: 36px;} .joinus-page .box2 .attr{padding:15px 0} .joinus-page .box2 li>p:nth-of-type(3){width:160px;line-height: 50px;padding-left: 35px;background-size: 14px;font-size: 14px;} .joinus-page .box2 .con{padding:70px} .joinus-page .box2 .title>p{font-size: 32px;line-height: 42px;} .joinus-page .box2 .title>a{width:150px;line-height: 50px;font-size: 14px;padding-left: 65px;background-size: 20px;background-position: 30px center;} .joinus-page .box2 .content{padding:30px 0} } @media (max-width:1279px){ .joinus-page .tit{font-size: 22px;line-height:32px} .joinus-page .tit::after{bottom: -15px;height: 3px} .joinus-page .box1{padding:50px 0 60px} .joinus-page .box1::after{background-size:80%} .joinus-page .box1 .width{display: block;} .joinus-page .box1 .tit-box{width: 100%;padding-right: 0;} .joinus-page .box1 .tit-box>p{font-size: 16px;line-height: 26px;margin: 30px 0 15px;} .joinus-page .box1 .info>p:nth-of-type(1){font-size: 14px;line-height: 24px;margin-bottom: 15px;} .joinus-page .box2{padding:50px 0 20px;background-size: 200%;} .joinus-page .box2>.width>p{font-size: 14px;line-height: 24px;margin:30px 0} .joinus-page .box2 ul{border-radius: 10px;padding:0;display: block;} .joinus-page .box2 li{width:100%;margin-bottom: 30px;box-shadow: 0 0 10px rgba(0,119,73,.15);border-radius: 10px;padding:30px 25px} .joinus-page .box2 li:nth-child(2n+1){margin-right: 0;} .joinus-page .box2 li>p:nth-of-type(1){font-size: 18px;line-height: 28px;} .joinus-page .box2 .attr{display: block;padding:15px 0} .joinus-page .box2 .attr>p{margin-right: 0} .joinus-page .box2 li>p:nth-of-type(2){line-height: 30px;margin:15px 0 20px} .joinus-page .box2 li>p:nth-of-type(3){width:150px;line-height: 45px;font-size: 14px;padding-left: 30px;background-size:12px;box-shadow: 0 0 10px rgba(0,119,73,.3)} .joinus-page .box2 .page{padding-bottom: 30px;} .joinus-page .box2 .con{margin:30px auto;border-radius: 10px;padding:50px 25px 30px} .joinus-page .box2 .close{width: 35px;height: 35px;background-size:15px;border-radius: 0 10px 0 0} .joinus-page .box2 .title{display: block;padding-bottom: 20px} .joinus-page .box2 .title>p{padding-right: 0;font-size: 20px;line-height: 30px;margin-bottom: 15px;} .joinus-page .box2 .title>a{width: 140px;line-height: 45px;background-position:25px center;background-size:18px;padding-left: 55px;font-size: 14px;} .joinus-page .box2 .content{padding:20px 0;} .joinus-page .box2 .content p{font-size: 14px;line-height: 26px} .joinus-page .box2 .mCSB_inside > .mCSB_container{margin-right: 0;} } @media (any-hover:hover){ .joinus-page .box2 li:hover>p:nth-of-type(3){color:#fff;background-color: #0047ba;background-image:url(/web/images/arrow.png)} .joinus-page .box2 .close:hover{background-color: #0047ba;background-image: url(/web/images/close-w.svg);} .joinus-page .box2 .title>a:hover{background-color: green;} } /* 鑱旂郴 */ .contact-page{padding:210px 0 180px;color: #fff;} .contact-page .width{display: flex;align-items: flex-start} .contact-page .con{flex:1;padding-right: 50px;} .contact-page .tit{font-size: 48px;line-height:58px;color:#fff;position: relative;} .contact-page .tit::after{content:'';position: absolute;bottom: -20px;left: 0;width:30px;height: 5px;background: #fff;} .contact-page .con>p:nth-of-type(1){font-size: 18px;line-height: 28px;margin:40px 0 55px} .contact-page ul{padding-bottom: 25px;} .contact-page li{padding-left: 40px;min-height: 27px;font-size: 16px;line-height: 26px;display: flex;align-items: center;margin-bottom: 35px;} .contact-page .phone{background: url(/web/images/24.png) no-repeat left top/22px;} .contact-page .email{background: url(/web/images/25.png) no-repeat left top/24px;} .contact-page .address{background: url(/web/images/26.png) no-repeat left top/22px;} .contact-page li>p{font-size: 30px} .contact-page .img-div{width:130px;height:130px;margin-bottom: 15px;} .contact-page .img-div>img{border-radius: 5px;} .contact-page .con>p:nth-of-type(2){width:130px;font-size: 16px;line-height: 26px;text-align: center;} .contact-page .width>a{width:180px;line-height: 58px;border:1px #fff solid;border-radius: 30px;margin-top: 10px;background: url(/web/images/27.png) no-repeat 35px center/20px;font-size: 16px;padding-left: 70px;cursor: pointer;color:#fff;transition: .3s;} @media (max-width:1440px){ .contact-page{padding:160px 0} .contact-page .tit{font-size: 32px;line-height: 42px;} .contact-page .con>p:nth-of-type(1){font-size: 16px;line-height: 26px;margin:40px 0 45px} .contact-page li{margin-bottom: 25px;padding-left: 35px;} .contact-page .phone{background-size: 18px;background-position: left 2px;} .contact-page .email{background-size: 20px;background-position: left 5px;} .contact-page .address{background-size: 18px;background-position: left 3px;} .contact-page li>p{font-size: 28px;} .contact-page .width>a{width:150px;line-height: 50px;padding-left: 60px;background-size: 18px;background-position: 30px center;font-size: 14px;} } @media (max-width:1279px){ .contact-page{padding:90px 0 50px} .contact-page .width{display: block} .contact-page .con{padding-right: 0;} .contact-page .tit{font-size: 22px;line-height:32px} .contact-page .tit::after{bottom: -15px;height: 3px} .contact-page .con>p:nth-of-type(1){font-size: 14px;line-height: 24px;margin:30px 0 20px} .contact-page ul{padding-bottom: 10px;} .contact-page li{padding-left: 35px;font-size: 14px;line-height: 24px;margin-bottom: 15px;} .contact-page li>p{font-size: 20px} .contact-page .img-div{margin:0 auto 10px;} .contact-page .con>p:nth-of-type(2){width:100%;font-size: 14px;line-height: 24px;text-align: center;} .contact-page .width>a{width:145px;line-height: 45px;margin: 20px auto 0;background-position:30px center;background-size:16px;font-size: 14px;padding-left: 60px;background-color: #0047ba;border:0} } @media (any-hover:hover){ .contact-page .width>a:hover{background-color:#0047ba;border-color: #0047ba;} } /* 鎼滅储椤� */ .search-page{padding:80px 0 60px} .search-page ul{display: flex;flex-wrap: wrap;} .search-page li{width: calc(100% / 3 - 26px);margin-right: 39px;margin-bottom: 40px;box-shadow: 0 0 20px rgba(0,119,73,.2);border-radius: 20px;position: relative;} .search-page li:nth-child(3n){margin-right: 0;} .search-page .img-bg{border-radius: 20px 20px 0 0;height: 240px;} .search-page .img{height:100%} .search-page .img-div{height: 240px;border-bottom: 1px #eee solid;} .search-page .img-div>img{max-height: 90%;max-width:90%} .search-page .info{padding:35px 40px 45px;} .search-page .info>p:nth-of-type(1){font-size: 20px;} .search-page .info>p:nth-of-type(2){font-size: 16px;line-height: 30px;color: #666;margin:15px 0 20px} .search-page .info>p:nth-of-type(3){color: #999;padding-right: 25px;background: url(/web/images/arrow2.png) no-repeat right center/11px;display: inline-block;} .search-page .page{padding-bottom: 40px;} @media (max-width:1440px){ .search-page{padding:60px 0 40px} .search-page .img-bg{height:220px} .search-page .img-div{height:220px} .search-page .info>p:nth-of-type(1){font-size: 18px;line-height: 28px;} } @media (max-width:1279px){ .search-page{padding:50px 0 20px} .search-page ul{display: block;} .search-page li{width: 100%;margin-right: 0;margin-bottom: 30px;box-shadow: 0 0 10px rgba(0,119,73,.2);border-radius: 10px} .search-page .img-bg{border-radius: 10px 10px 0 0;height: 200px;} .search-page .img-div{height: 200px} .search-page .info{padding:30px 25px;} .search-page .info>p:nth-of-type(1){font-size: 16px;} .search-page .info>p:nth-of-type(2){font-size: 14px;line-height: 24px;margin:5px 0 10px} .search-page .page{padding-bottom: 30px;} } @media (any-hover:hover){ .search-page li:hover .img{transform: scale(1.1);} .search-page li:hover .info>p:nth-of-type(1){color:#0047ba} .search-page li:hover .info>p:nth-of-type(3){color:#0047ba;background-image: url(/web/images/arrow2-m.png);} }