.cw1760{max-width: 1760px;width: 92%;margin: 0 auto;} /*特殊字体*/ /* @font-face{ font-family:"ARR"; src: url("/static/font/arial.ttf") format("opentype"); } @font-face{ font-family:"ARB"; src: url("/static/font/arialbd.ttf") format("opentype"); } */ @font-face{ font-family:"DE"; src: url("/static/font/D-DINEXP.TTF") format("opentype"); } @font-face{ font-family:"DEB"; src: url("/static/font/D-DINEXP-BOLD.TTF") format("opentype"); } @-webkit-keyframes moveRightIn{50%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}51%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @keyframes moveRightIn{50%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}51%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @-webkit-keyframes moveLeftIn{50%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}51%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @keyframes moveLeftIn{50%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}51%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @keyframes updown { 0%{-webkit-transform:translateY(0);transform:translateY(0);} 50%{-webkit-transform:translateY(20px);transform:translateY(20px);} 100%{-webkit-transform:translateY(-20px);transform:translateY(-20px);} } .editor *{line-height: 1.8 !important;} .editor img, .detail img{height: auto;} .unit{font-family: "arial";} /*全站搜索*/ #search{width:100%; padding-bottom:40px;} #search #key{padding-top: 0;padding-bottom: 0;} #search .form{margin: 50px auto;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border:1px solid #ddd;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(/images/search-icon.png) no-repeat center center;color: #fff;font-size: 16px;cursor: pointer;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color:#0d9a9b; font-size:16px; font-weight:bold;} #search .list .info .day,#search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;} @media (max-width: 750px){ /*全站搜索*/ #search .form .text{font-size: 26px;} #search .form .submit{width: 75px;font-size: 26px;} #search .list .info .title{font-size: 28px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;} #search .txt{font-size: 26px;} } /*重写分页*/ .page .paging[type='default'] .a{width: 50px !important;height: 50px !important;line-height: 50px !important;font-size: 14px !important;color: #888;border: 0 !important;color: #71778f;border-radius: 5px;} .page .paging[type='default'] .a img:first-child{display: inline-block;} .page .paging[type='default'] .a img:last-child{display: none;} .page .paging[type='default'] .a:first-child img{transform: rotateY(180deg);} .page .paging[type='default'] .a.cur{background: #0d9a9b !important;border-color: #0d9a9b !important;} .page .paging[type='default'] .a:hover{color: #0d9a9b;border-color: #0d9a9b !important;} .page .paging[type='default'] .a.cur:hover{color: #fff;} .page .paging[type='default'] .a:hover img:first-child{display: none;} .page .paging[type='default'] .a:hover img:last-child{display: inline-block;} form.page-form{margin-left: 30px;} form.page-form .inline-block{ display: flex; align-items: center;} form.page-form input[name='pg']{width: 50px;height: 50px;background: #fff;text-align: center;color: #71778f;font-size: 14px;margin: 0 10px;border-radius: 5px;} form.page-form span{font-size: 14px;color: #71778f;} .page .paging[type='default'] .a, form.page-form input[name='pg']{border: 1px solid #e5e5e5 !important;} form.page-form .submit{font-size: 16px;color: #888;margin-left: 16px;padding-right: 18px;background: url(/images/detail-icon2.png) no-repeat right;} form.page-form .submit:hover{color: #009b9e;background-image: url(/images/detail-icon3.png);} .page2{margin-top: 40px;} .page2 .paging[type='default'] .a{width: 50px !important;height: 50px !important;line-height: 50px !important;font-size: 14px !important;color: #888;border: 1px solid #e5e5e5 !important;color: #71778f;border-radius: 100%;} .page2 .paging[type='default'] .a img:first-child{display: inline-block;} .page2 .paging[type='default'] .a img:last-child{display: none;} .page2 .paging[type='default'] .a:first-child img{transform: rotateY(180deg);} .page2 .paging[type='default'] .a.cur{background: #0d9a9b !important;border-color: #0d9a9b !important;} .page2 .paging[type='default'] .a:hover{color: #0d9a9b;border-color: #0d9a9b !important;} .page2 .paging[type='default'] .a.cur:hover{color: #fff;} .page2 .paging[type='default'] .a:hover img:first-child{display: none;} .page2 .paging[type='default'] .a:hover img:last-child{display: inline-block;} @media (max-width: 750px){ .page .paging[type="default"] .a, .page2 .paging[type='default'] .a, form.page-form input[name='pg'], form.page-form span{font-size: 26px !important;} form.page-form span{display: inline-block;transform: translateY(7px);} form.page-form .submit{font-size: 26px;} } /*头部*/ .header-blank{height: 96px;} #header{width: 100%;height: 96px;border-bottom: 1px solid #e5e5e5;background: #fff;z-index: 100;} #header.none{transform: translateY(-100%);} #header .logo{width: 198px;height: 72px;margin-top: 10px;margin-right: 18.541%;} #header .nav{line-height: 94px;} #header .nav .one-nav{padding-right: 75px;} #header .nav .one-nav:nth-child(6){ padding-right: 0;} #header .nav .one-nav .one-a{font-size: 18px;color: #222;} #header .nav .one-nav.cur .one-a{color: #009e9b;} #header .nav .one-nav:hover .one-a{color: #009e9b;} #header .nav .one-nav:hover .two-nav{height: 500px;} #header .nav .one-nav .two-nav{width: 100%;height: 0;background: #fff;left: 0;top: 96px;display: flex;justify-content: center;box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, .05);align-items: flex-start;overflow: hidden;} #header .nav .one-nav .two-nav .content{width: 50%;margin-top: 60px;} #header .nav .one-nav .two-nav .content .two-a{width: 45.104%;border-right: 1px solid #e5e5e5;} #header .nav .one-nav .two-nav .content .two-a a{font-size: 16px;color: #7e7f80;line-height: 1.4;margin-bottom: 28px;} #header .nav .one-nav .two-nav .content .two-a a:hover{color: #009e9b;} #header .nav .one-nav .two-nav .content .right{width: 46.354%;} #header .nav .one-nav .two-nav .content .right .pic{border-radius: 18px;overflow: hidden;max-width: 440px;margin: 0 auto;} #header .nav .one-nav .two-nav .content .right .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 22px auto 0;padding: 0 28px;max-width: 440px;} #header .nav .hklc{height: 3px;background: #009e9b;bottom: 0;} #header .lang{height: 25px;background: url(/images/lang-icon.png) no-repeat left;padding-left: 40px;margin-top: 35px;font-size: 16px;color: #bbb;} #header .lang form input[type=submit]{ cursor: pointer;} #header .lang a[href]{color: #222;} #header .lang a[href]:last-child{color: #ddd;} #m-nav{display: none;} @media (max-width: 1680px){ #header .logo{margin-right: 10.541%;} } @media (max-width: 1440px){ #header .logo{margin-right: 8%;} } @media (max-width: 1366px){ #header .logo{margin-right: 6%;} #header .nav .one-nav{padding-right: 70px;} } @media (max-width: 1280px){ #header .logo{margin-right: 3.5%;} #header .nav .one-nav{padding-right: 60px;} } @media (max-width: 1100px){ #header .nav{display: none;} #header .bot .txt{display: none;} #header .nav-icon{display: block;width: 21px;height: 21px;background: url(/images/gengduo.png) no-repeat center;margin: 37px 0 0 30px;background-size: cover;} #header .nav-icon.cur{background: url(/images/guanbi.png) no-repeat center;} #m-nav{display: block;width: 100%;height: 0;z-index: 49;left: 0;right: 0;top: 96px;width: 100%;background: #fff;overflow-y: auto;box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);} #m-nav.cur{height: 800px;} #m-nav .nav{width: 92%;margin: 0 auto;} #m-nav .nav .one-nav{line-height: 60px;border-bottom: 1px solid #ebebeb;background: url(/images/down-icon.png) no-repeat right 25px;} #m-nav .nav .one-nav.nobg{background: none;} #m-nav .nav .one-nav.cur{background: url(/images/top-icon.png) no-repeat right 25px;} #m-nav .nav .one-nav.cur.nobg{background: none;} #m-nav .nav .one-nav .one-a{font-size: 18px;font-weight: 700;} #m-nav .nav .one-nav .two-nav{width: 100%;padding-left: 30px;} #m-nav .nav .one-nav .two-nav .two-a{font-size: 16px;} #header:hover .nav-icon{background-image: url(/images/gengduo.png);} #header:hover .nav-icon.cur{background-image: url(/images/guanbi.png);} } @media (max-width: 750px){ #header .lang{height: 38px;font-size: 26px;margin-top: 28px;} #header .nav-icon{width: 30px;height: 30px;background-size: cover;margin-top: 34px;} #m-nav .nav .one-nav{line-height: 80px;} #m-nav .nav .one-nav .one-a{font-size: 28px;} #m-nav .nav .one-nav .two-nav .two-a{font-size: 26px;} } /*banner*/ #jex-video-pop .videobox{width: 1440px;height: 810px;/*max-width: 100%;*/} #banner{width: 100%;} #banner .swiper-container{ z-index: 5;} /*#banner .mask{background: rgba(0,0,0,.65);z-index: 2;}*/ #banner .text{} #banner .text .tit{font-size: 60px;color: #fff;font-weight: 700;} #banner .text .bot{margin-top: 50px;} #banner .text .bot .more{width: 160px;height: 60px;line-height: 60px;background: #65696c;font-size: 16px;color: #fff;border-radius: 30px;} #banner .text .bot .more .icon{width: 7px;height: 60px;background: url(/images/detail-icon.png) no-repeat center;margin-left: 10px;} #banner .text .bot .more:hover{background: #007b79;} #banner .text .bot .play{width: 52px;height: 52px;background: url(/images/play-icon.png) no-repeat center;margin-left: 30px;} #banner .text-box{top: 50%;transform: translateY(-50%);/*right: 20.833%;*/left: 68%;z-index: 3;} #banner .text-box .tit1{font-size: 24px;color: #fff;opacity: .5;font-family:"DE";} #banner .text-box .tit2{font-size: 50px;color: #fff;margin: 8px 0 35px;} #banner .text-box .line{width: 48px;height: 3px;background: #009e9b;} #banner.fontcolor .text-box .tit1{color: #222;} #banner.fontcolor .text-box .tit2{color: #222;} @media (max-width: 1200px){ #banner .text-box .tit2{font-size: 36px;} } @media (max-width: 750px){ #banner .text .tit{font-size: 48px;} #banner .text .bot .more{font-size: 24px;} #banner .text-box{left: 50%;transform: translate(-50%,-50%);text-align: center;} #banner .text-box .tit1{font-size: 26px;} #banner .text-box .tit2{font-size: 42px;} #banner .text-box .line{margin: 0 auto;} #banner::after{position: absolute;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: 2;content: '';} #banner .text-box .tit1{opacity: 1;} #banner.fontcolor .text-box .tit1{color: #fff;opacity: 1;} #banner.fontcolor .text-box .tit2{color: #fff;} } /*二级导航*/ #second-nav{height: 61px;line-height: 60px;border-bottom: 1px solid #e5e5e5;} #second-nav .title{font-size: 16px;color: #222;font-weight: 700;} #second-nav .nav .container{padding-bottom: 23px;} #second-nav .nav .slide{width: auto;} #second-nav .nav .nav-a{font-size: 16px;color: #7e7f80;margin-left: 50px;line-height: 59px;} #second-nav .nav .nav-a:hover{color: #009e9b;} #second-nav .nav .nav-a.cur{border-bottom: 2px solid #009e9b;color: #009e9b;} @media (max-width: 750px){ #second-nav .title{font-size: 26px;} #second-nav .nav{max-width: 70%;} #second-nav .nav .nav-a{font-size: 26px;} } /*面包屑*/ #crumbs{width: 100%;} #crumbs a{font-size: 16px;color: #999;} #crumbs span{font-size: 16px;color: #999;margin: 0 5px;} #crumbs a:first-child img{vertical-align: middle;margin-right: 8px;} #crumbs a:last-child{color: #666;} #crumbs a:hover{color: #666;} @media (max-width: 750px){ #crumbs{display: none;} #crumbs a{font-size: 26px;line-height: 1.6;} } /*首页*/ #ind-about{padding: 220px 0 240px;} #ind-about .left{width: 36.428%;padding-right: 30px;} #ind-about .left .title{font-size: 40px;color: #222;line-height: 1.25;white-space: nowrap;} #ind-about .left .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 25px 0 90px;text-align: justify;} #ind-about .left .more{width: 160px;height: 60px;line-height: 60px;background: #009e9b;font-size: 16px;color: #fff;border-radius: 30px;} #ind-about .left .more .icon{width: 7px;height: 60px;background: url(/images/detail-icon.png) no-repeat center;margin-left: 10px;} #ind-about .left .more:hover{background: #007b79;} #ind-about .right{width: 63.572%;padding-top: 30px;} #ind-about .right .map{width: fit-content;position: relative;font-size: 0;} #ind-about .right .map .sign .txt{width: auto;font-size: 18px;color: #009e9b;white-space: nowrap;} @media (max-width: 1366px){ #ind-about{padding: 120px 0;} } @media (max-width: 1100px){ #ind-about .box{flex-wrap: wrap;} #ind-about .left{width: 100%;padding-right: 0;} #ind-about .left .brief{margin-bottom: 60px;} #ind-about .right{width: 100%;margin-top: 20px;} } @media (max-width: 750px){ #ind-about{padding: 80px 0;} #ind-about .left .title{white-space: normal;} #ind-about .left .brief{font-size: 28px;} #ind-about .left .more{font-size: 24px;} #ind-about .right .map .sign .txt{font-size: 24px;} } #index2{} #index2 .text-box{left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;} #index2 .text-box .tit{font-size: 20px;color: #3d5c70;} #index2 .text-box .mid{font-size: 70px;color: #3d5c70;font-family: "arialbd";margin: 30px 0 20px;} #index2 .text-box .mid .num{font-family: "arialbd";} #index2 .text-box .mid .unit{font-size: 30px;font-family: "arial";display: inline-block;vertical-align: top;margin: 5px 16px 0 9px;} #index2 .text-box .txt{font-size: 20px;color: #3d5c70;} #index2 .text-box .more{width: 160px;height: 60px;line-height: 60px;background: #009e9b;font-size: 16px;color: #fff;border-radius: 30px;margin: 55px auto 0;} #index2 .text-box .more .icon{width: 7px;height: 60px;background: url(/images/detail-icon.png) no-repeat center;margin-left: 10px;} #index2 .text-box .more:hover{background: #007b79;} @media (max-width: 1200px){ #index2 .text-box .mid{font-size: 50px;margin-top: 10px;} #index2 .text-box .more{margin-top: 25px;} } @media (max-width: 980px){ #index2 .text-box{position: static;transform: translate(0,0);margin-top: 20px;} } @media (max-width: 750px){ #index2 .text-box .tit{font-size: 30px;} #index2 .text-box .txt{font-size: 30px;} #index2 .text-box .more{font-size: 24px;} } #ind-team{padding: 100px 0;} #ind-team .pic{width: 50%;border-radius: 18px;} #ind-team .text{width: 50%;padding-left: 11.786%;} #ind-team .text .tit{font-size: 40px;color: #222;} #ind-team .text .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 50px 0 85px;text-align: justify;} #ind-team .text .more{width: 160px;height: 60px;line-height: 60px;background: #009e9b;font-size: 16px;color: #fff;border-radius: 30px;} #ind-team .text .more .icon{width: 7px;height: 60px;background: url(/images/detail-icon.png) no-repeat center;margin-left: 10px;} #ind-team .text .more:hover{background: #007b79;} @media (max-width: 1280px){ #ind-team .text{padding-left: 6%;} #ind-team .text .brief{margin: 30px 0 45px;} } @media (max-width: 750px){ #ind-team{padding: 80px 0;} #ind-team .content{flex-wrap: wrap;} #ind-team .pic{width: 100%;} #ind-team .text{width: 100%;padding-left: 0;margin-top: 30px;} #ind-team .text .brief{font-size: 28px;} #ind-team .text .more{font-size: 24px;} } #ind-quality{padding: 100px 0;background: #fafafb;} #ind-quality .pic{width: 50%;border-radius: 18px;} #ind-quality .text{width: 50%;padding-right: 11.786%;} #ind-quality .text .tit{font-size: 40px;color: #222;} #ind-quality .text .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 50px 0 85px;text-align: justify;} #ind-quality .text .more{width: 160px;height: 60px;line-height: 60px;background: #009e9b;font-size: 16px;color: #fff;border-radius: 30px;} #ind-quality .text .more .icon{width: 7px;height: 60px;background: url(/images/detail-icon.png) no-repeat center;margin-left: 10px;} #ind-quality .text .more:hover{background: #007b79;} @media (max-width: 1280px){ #ind-quality .text{padding-right: 6%;} #ind-quality .text .brief{margin: 30px 0 45px;} } @media (max-width: 750px){ #ind-quality{padding: 80px 0;} #ind-quality .content{flex-wrap: wrap;flex-direction: column-reverse;} #ind-quality .pic{width: 100%;} #ind-quality .text{width: 100%;padding-right: 0;margin-top: 30px;} #ind-quality .text .brief{font-size: 28px;} #ind-quality .text .more{font-size: 24px;} } #index6{padding: 100px 0;} #index6 .left{width: 31.428%;border-radius: 18px;} #index6 .left .pic{width: 100%;padding-top: 165.909%;} #index6 .left .text{width: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 0 20px;z-index: 2;text-align: center;} #index6 .tit{font-size: 40px;color: #222;} #index6 .brief{font-size: 16px;color: #222;line-height: 1.5;margin-top: 10px;} #index6 .right{width: 65.714%;} #index6 .right .item{width: 100%;border-radius: 18px;} #index6 .right .item .pic{width: 100%;padding-top: 37.5%;} #index6 .right .item .text{left: 60px;top: 50px;} #index6 .left:hover{box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);} #index6 .right .item:hover{box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 980px){ #index6 .right .item .text{left: 30px;top: 25px;} } @media (max-width: 750px){ #index6{padding: 80px 0;} #index6 .content{flex-wrap: wrap;} #index6 .left{width: 100%;margin-bottom: 30px;} #index6 .right{width: 100%;} #index6 .right .item:nth-child(1){margin-bottom: 30px;} #index6 .brief{font-size: 26px;} } #ind-news{padding: 115px 0;background: #fafafb;} #ind-news .title-box{} #ind-news .title-box .title{font-size: 40px;color: #222;} #ind-news .title-box .more{font-size: 16px;color: #555;background: url(/images/detail-icon2.png) no-repeat right;padding-right: 18px;} #ind-news .title-box .more:hover{color: #009e9b;background-image: url(/images/detail-icon3.png);} #ind-news .content{margin-top: 70px;} #ind-news .content .li{width: 31.428%;margin-right: 2.858%;border-radius: 18px;background: #fff;} #ind-news .content .li:nth-child(3){margin-right: 0;} #ind-news .content .li .pic{width: 100%;padding-top: 60.227%;} #ind-news .content .li .msg{background: #fff;padding: 33px 36px 43px;text-align: justify;} #ind-news .content .li .msg .tit{font-size: 20px;color: #222;line-height: 1.5;height: 60px;} #ind-news .content .li .msg .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;max-height: 90px;margin: 20px 0 50px;} #ind-news .content .li .msg .time{font-size: 16px;color: #7e7f80;font-family:"arial";} #ind-news .content .li:hover{box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);} #ind-news .content .li:hover .msg .tit{color: #009e9c;} @media (max-width: 1280px){ #ind-news .content .li .msg{padding: 20px;} #ind-news .content .li .msg .brief{margin: 20px 0;} } @media (max-width: 750px){ #ind-news{padding: 80px 0;} #ind-news .title-box .more{font-size: 24px;padding-right: 18px;} #ind-news .content{margin-top: 30px;flex-wrap: wrap;} #ind-news .content .li{width: 100%;margin-right: 0%;margin-bottom: 30px;} #ind-news .content .li .msg{padding: 30px;} #ind-news .content .li .msg .tit{font-size: 28px;height: 84px;} #ind-news .content .li .msg .brief{font-size: 26px;line-height: 1.625;max-height: 126.75px;margin: 25px 0;} #ind-news .content .li .msg .time{font-size: 26px;} } /*关于我们*/ #about{padding: 75px 0 85px;overflow: hidden;} #about .tit-white{top: 20px;left: -65px;} #about .title1{font-size: 24px;color: #009e9b;margin-bottom: 10px;} #about .title2{font-size: 50px;color: #222;line-height: 1.2;position: relative;padding-right: 220px;} #about .title2::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #about .content{margin-top: 75px;width: 76.786%;margin-left: auto;} #about .content .data-box{width: 220px;} #about .content .data-box .data{text-align: right;} #about .content .data-box .data:nth-child(1){padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e5e5e5;} #about .content .data-box .data:nth-child(1) .num{font-size: 70px;background: linear-gradient(30deg, #009e9b,#009e9b, #a5d337);-webkit-background-clip: text;background-clip: text;color: transparent;font-family:"DEB";} #about .content .data-box .data:nth-child(2) .num{font-size: 70px;color: #7e7f80;font-family:"arial";} #about .content .data-box .data:nth-child(2) .unit{font-size: 20px;color: #7e7f80;font-family:"arial";margin: 5px 0 0 5px;} #about .content .data-box .data .tit{font-size: 16px;color: #7e7f80;margin-top: 10px;} #about .content .brief{width: calc(100% - 220px);padding-left: 75px;font-size: 16px;color: #7e7f80;line-height: 1.875;text-align: justify;} @media (max-width: 1440px){ #about .title2{padding-right: 150px;} } @media (max-width: 1280px){ #about .title2{padding-right: 0;} #about .content{width: 90%;} } @media (max-width: 750px){ #about .title1{font-size: 28px;} #about .title2{font-size: 36px;} #about .content{display: block;width: 100%;} #about .content .data-box{width: 100%;display: flex;justify-content: center;} #about .content .data-box .data{text-align: center;margin: 0 30px;} #about .content .data-box .data:nth-child(1){padding-bottom: 0;margin-bottom: 0;border-bottom: 0;} #about .content .data-box .data:nth-child(2) .num{font-family:"DEB";} #about .content .data-box .data:nth-child(2) .unit{font-size: 26px;} #about .content .data-box .data .tit{font-size: 26px;} #about .content .brief{width: 100%;padding-left: 0;font-size: 28px;margin-top: 20px;} } #history{padding: 70px 0 90px;background: url(/images/history-bg.jpg) no-repeat center / cover;} #history .title{font-size: 50px;color: #222;line-height: 1.2;position: relative;padding-right: 220px;} #history .title::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #history .top{width: 100%;margin-top: 80px;} #history .top .li{display: flex;align-items: center;} #history .top .li .pic{width: 35.714%;padding-top: 22.857%;} #history .top .li .text{width: calc(100% - 35.714% - 150px);padding-left: 80px;} #history .top .li .text .y{font-size: 400px;color: #fff;font-family: DEB;z-index: 1;left: 45%;top: 50%;transform: translate(-50%,-50%);z-index: -1;} #history .top .li .text .desc{z-index: 2;} #history .top .li .text .desc li{margin-bottom: 10px;line-height: 1.6;font-size: 18px;color: #222;padding-left: 25px;position: relative;} #history .top .li .text .desc li::before{content: '';width: 6px;height: 6px;background: #0d9a9b;border-radius: 100%;left: 0;top: 12px;position: absolute;} #history .top .btn-box{top: 12px;right: 10px;z-index: 3;} #history .top .btn-box .btn{width: 50px;height: 50px;background: #eee;border-radius: 100%;} #history .top .btn-box .btn i{left: calc(50% - 7px);top: calc(50% - 6px);-webkit-transform-origin: right center;transform-origin: right center;width: 15px;height: 13px;} #history .top .btn-box .prev i{background: url(/images/btn1.png) no-repeat center;} #history .top .btn-box .next i{background: url(/images/btn2.png) no-repeat center;} #history .top .btn-box .next{margin-left: 30px;} #history .top .btn-box .btn:hover{background: #009e9b;} #history .top .btn-box .btn:hover::after{content: '';position: absolute;width: 68px;height: 68px;border-radius: 100%;border: 1px dashed #009e9b;left: 50%;top: 50%;transform: translate(-50%,-50%);} /*#history .top .btn-box .btn:hover i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;}*/ #history .top .btn-box .prev:hover i{background-image: url(/images/btn1-h.png);-webkit-animation: moveLeftIn 1s 1;animation: moveLeftIn 1s 1;} #history .top .btn-box .next:hover i{background-image: url(/images/btn2-h.png);-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #history .bot{margin-top: 80px;} #history .bot .container{width: 87%;padding-top: 25px;} #history .bot .line-box{width: 100%;height: 20px;background: #f5f5f5;border: 1px solid #e8e8e8;} #history .bot .line-box .line{height: 100%;background: #c7e3d6;border-color: #bad3bc;} #history .bot .line-box .icon{width: 35px;height: 41px;background: url(/images/history-icon.png) no-repeat center;left: 0;top: -23px;} #history .bot .li{} #history .bot .li .dian{width: 10px;height: 10px;border: 1px solid #aeaeae;border-radius: 100%;} #history .bot .li .year{font-size: 18px;color: #7e7f80;font-family: 'DE';margin-top: 5px;} #history .bot .li.swiper-slide-thumb-active .dian{background: #0d9a9b;border-color: #0d9a9b;position: relative;} #history .bot .li.swiper-slide-thumb-active .dian::after{width: 20px;height: 20px;border: 1px dashed #0d9a9b;content: '';position: absolute;left: -7px;top: -7px;border-radius: 100%;} #history .bot .li.swiper-slide-thumb-active .year{color: #009e9b;} @media (max-width: 1280px){ #history .top .li .text{padding-left: 30px;} #history .top .li .text .y{font-size: 200px;} } @media (max-width: 980px){ #history .top{padding-top: 80px;margin-top: 0;} #history .top .btn-box{top: 0;} #history .top .li{display: block;} #history .top .li .pic{margin: auto;} #history .top .li .text{width: 50%;padding-left: 0;margin: 30px auto 0;} #history .top .li .text .y{font-size: 180px;left: 0;top: 0;transform: translate(0,0);} } @media (max-width: 750px){ #history .title2{font-size: 42px;} #history .top .li .pic{width: 100%;padding-top: 64.286%;} #history .top .li .text{width: 100%;} #history .top .li .text .y{left: auto;right: 0;} #history .top .li .text .desc li{font-size: 30px;} #history .top .li .text .desc li::before{width: 10px;height: 10px;top: 20px;} #history .bot{margin-top: 50px;} #history .bot .container{padding-top: 10px;} #history .bot .li .year{font-size: 36px;} #history .bot .li.swiper-slide-thumb-active .year{font-size: 42px;} } #culture{padding: 150px 0 120px;} #culture .tit-white1{left: 0;top: -80px;} #culture .left{width: 37.857%;} #culture .title{font-size: 50px;color: #222;line-height: 1.2;position: relative;padding-right: 220px;} #culture .title::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #culture .con{ margin-top: 100px;} #culture .left .pic-box{width: 75.472%;} #culture .right{width: 62.143%;} #culture .right .li{padding: 45px 0;border-bottom: 1px solid #e5e5e5;} #culture .right .li:first-child{padding-top: 0;} #culture .right .li .brief{font-size: 24px;color: #222;max-width: 90%;} #culture .right .li .tit{font-size: 16px;color: #7e7f80;padding-left: 20px;} /*#culture .right .li .pic{width: 46.243%;left: 40%;top: 90px;z-index: 2;display: none;}*/ /*#culture .right .li:first-child .pic{top: 45px;}*/ #culture .right .li:hover .pic{display: block;} #culture .right .li:hover .brief{color: #009e9b;} #culture .right .li:after{content: "";position: absolute;width: 0;height: 2px;bottom: 0;right: 0;left: auto;background: #009e9b;transition: all 0.5s;} #culture .right .li:hover:after{width: 100%;right: auto;left: 0;} @media (max-width: 1280px){ #culture .left{width: 25%;} #culture .left .title{padding-right: 50px;} #culture .right{width: 75%;} } @media (max-width: 1024px){ #culture .box{display: block;} #culture .left{ display: none; width: 100%;} #culture .left .title{padding-right: 0;} #culture .left .pic-box{display: none;overflow: hidden;} #culture .right{width: 100%;margin-top: 80px;} } @media (max-width: 750px){ #culture .right .li .brief{font-size: 30px;max-width: 80%;} #culture .right .li .tit{font-size: 26px;} } #about-honor{padding: 60px 0 95px;background: url(/images/about-honor-bg.jpg) no-repeat center / cover;} #about-honor .title-box span{font-size: 50px;color: #222;} #about-honor .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #about-honor .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #about-honor .content{margin-top: 75px;} #about-honor .content .li{} #about-honor .content .li .item{width: 24.643%;margin: 0 13.0355% 55px 0;} #about-honor .content .li .item:nth-child(3n){margin-right: 0;} #about-honor .content .li .item .icon{width: 160px;height: 126px;background: url(/images/honor-icon-bg1.png) no-repeat center;margin: 0 auto;} #about-honor .content .li .item .bg{width: 100%;height: 150px;background: url(/images/honor-icon-bg3.png) no-repeat center / cover;} #about-honor .content .li .item .tit{font-size: 20px;color: #222;margin-top: -60px;} #about-honor .content .li .item:hover .tit{color: #009e9b;} #about-honor .content .li .item .txt{font-size: 16px;color: #0d9a9b;margin-top: 8px;} #about-honor .content .li .item .txt i{width: 20px;height: 20px;background: url(/images/search-icon2.png) no-repeat center;margin-right: 10px;margin-top: 3px;} #about-honor .more{width: 160px;height: 60px;line-height: 60px;text-align: center;font-size: 16px;color: #fff;background: #009e9b;margin: 0 auto;border-radius: 30px;} #about-honor .more:hover{background: #007b79;} #about-honor .content .btn{width: 46px;height: 89px;opacity: .2;top: 50%;transform: translateY(-50%);} #about-honor .content .prev{background: url(/images/btn3.png) no-repeat center;left: -150px;} #about-honor .content .next{background: url(/images/btn4.png) no-repeat center;right: -150px;} #about-honor .content .btn:hover{opacity: .8;} @media (max-width: 1680px){ #about-honor .content .prev{left: -100px;} #about-honor .content .next{right: -100px;} } @media (max-width: 1440px){ #about-honor .content .prev{left: -55px;} #about-honor .content .next{right: -55px;} } @media (max-width: 1366px){ #about-honor .content .prev{left: -46px;} #about-honor .content .next{right: -46px;} } @media (max-width: 1024px){ #about-honor .content .li .item{width: 46%;margin-right: 8%;} #about-honor .content .li .item:nth-child(3n){margin-right: 8%;} #about-honor .content .li .item:nth-child(2n){margin-right: 0;} } @media (max-width: 750px){ #about-honor .content .li .item .tit{font-size: 28px;} #about-honor .content .li .item .txt{font-size: 26px;} #about-honor .content .li .item .txt i{width: 26px;height: 26px;background-size: cover;margin-top: 10px;} #about-honor .more{font-size: 24px;} #about-honor .content .prev{display: none;} #about-honor .content .next{display: none;} } #honor{padding: 80px 0 120px;background: #fafafb;} #honor .cate-box .container{padding-bottom: 11px;} #honor .cate-box .li{width: auto;min-width: 150px;height: 60px;line-height: 60px;font-size: 16px;color: #7e7f80;background: #fff;border-radius: 30px;margin-right: 20px;position: relative;padding: 0 20px;} #honor .cate-box .li.cur::after{content: '';position: absolute;bottom: -20px;left: 50%;border: 10px solid transparent;border-top: 15px solid #009e9b;transform: translateX(-50%);} #honor .cate-box .li:hover{background: #009e9b;color: #fff;} #honor .cate-box .li.cur{background: #009e9b;color: #fff;} #honor .content{margin-top: 60px;} #honor .content li{position: relative;width: 23.929%;margin-right: 1.428%;margin-bottom: 20px;cursor: pointer;} #honor .content li:nth-child(4n) {margin-right: 0;} #honor .content li a{display: block;height: 100%;} #honor .content li a:hover figure:before {transform: scaleX(1);} #honor .content li a:hover figure:after {transform: scaleY(1);transition-delay: 0.4s;} #honor .content li a:hover figure i:before {transform: scaleX(1);transition-delay: 0.8s;} #honor .content li a:hover figure i:after {transform: scaleY(1);transition-delay: 1.2s;} #honor .content li a:hover figure img {transform: scale(1.05);} #honor .content li figure {position: relative;width: 100%;height: 100%;background: #fff;overflow: hidden;transition: 0.58s;border: 1px solid #e5e5e5;} #honor .content li figure:before {position: absolute;left: 0;top: 0;background: #6cccdc;content: "";width: 100%;height: 2px;box-sizing: border-box;transition: 0.4s;transform-origin: left top;z-index: 2;transform: scaleX(0);} #honor .content li figure:after {position: absolute;right: 0;top: 0;background: #6cccdc;content: "";width: 2px;height: 100%;box-sizing: border-box;transition: 0.4s;transform-origin: left top;transform: scaleY(0);} #honor .content li figure i:before {position: absolute;right: 0;bottom: 0;background: #6cccdc;content: "";width: 100%;height: 2px;box-sizing: border-box;transition: 0.4s;transform-origin: right top;transform: scaleX(0);} #honor .content li figure i:after {position: absolute;left: 0;bottom: 0;background: #6cccdc;content: "";width: 2px;height: 100%;box-sizing: border-box;transition: 0.4s;transform-origin: left bottom;transform: scaleY(0);} #honor .content li figure .pic{width: 100%;padding-top: 107.463%;} #honor .content li figure img {transition: 0.5s;} #honor .content li .tit{padding: 15px 10px 25px;text-align: center;color: #7e7f80;font-size: 16px;} #honor .content li a:hover .tit{color: #0d9a9b;} @media (max-width: 1024px){ #honor .content li{width: 46%;margin-right: 8%;} #honor .content li:nth-child(4n) {margin-right: 8%;} #honor .content li:nth-child(2n) {margin-right: 0;} } @media (max-width: 750px){ #honor .cate-box .li{font-size: 24px;} #honor .content li .tit{font-size: 26px;} } #products1{padding: 75px 0 80px;background: url(/images/products-bg.png) no-repeat left top;} #products1 .content{} #products1 .content .left{width: 44.286%;} #products1 .content .left .title1{font-size: 24px;color: #009e9b;} #products1 .content .left .title2{font-size: 50px;color: #222;line-height: 1.2;position: relative;margin: 10px 0 60px;} #products1 .content .left .title2::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #products1 .content .left .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;text-align: justify;} #products1 .content .pic{width: 54.786%;margin-right: -70px;} #products1 .data-box{left: -75px;bottom: 40px;background: url(/images/products-bg2.png) no-repeat center / cover;padding: 20px 80px;border-radius: 5px;text-align: center;justify-content: space-between;} #products1 .data-box .item{margin-right: 50px;} #products1 .data-box .item .icon{width: 65px;height: 65px;margin: 0 auto;} #products1 .data-box .data{margin-right: 50px;} #products1 .data-box .data:last-child{margin-right: 0;} #products1 .data-box .data .top{line-height: 65px;min-width: 120px;} #products1 .data-box .data .top .num{font-size: 42px;color: #fff;font-family: "DEB";} #products1 .data-box .data .top .unit{font-size: 20px;color: #fff;font-family: "arial";} #products1 .data-box .tit{font-size: 16px;color: #fff;margin-top: 12px;} @media (max-width: 1680px){ #products1 .data-box{left: -50px;} #products1 .content .pic{margin-right: -50px;} } @media (max-width: 1440px){ #products1 .data-box{left: -30px;} #products1 .content .pic{margin-right: -30px;} } @media (max-width: 1280px){ #products1 .data-box{position: static;margin-top: 20px;flex-wrap: wrap;} #products1 .data-box .item{margin-right: 25px;} #products1 .data-box .data{margin-right: 25px;} } @media (max-width: 1200px){ #products1 .content .left .title2{font-size: 36px;} } @media (max-width: 1100px){ #products1 .data-box .item{margin-right: 0;width: 33.333%;} #products1 .data-box .data{margin-right: 0;width: 33.333%;} } @media (max-width: 750px){ #products1 .content{display: block;} #products1 .content .left{width: 100%;} #products1 .content .left .title1{font-size: 28px;} #products1 .content .left .brief{font-size: 26px;} #products1 .content .pic{width: 100%;margin-top: 20px;} #products1 .data-box{padding: 20px;} #products1 .data-box .tit{font-size: 26px;} #products1 .data-box .data{margin-top: 10px;} } #products2{padding: 70px 0 555px;background: #fafafb;} #products2 .tit-white{top: 0;right: -60px;} #products2 .title-box span{font-size: 50px;color: #222;} #products2 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #products2 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #products2 .brief{width: 40%;font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 25px auto 0;} #products2 .box{margin-top: 50px;} #products2 .box .content{width: 31.429%;} #products2 .box .content .li{width: 100%;border-radius: 15px;} #products2 .box .content .li .pic{width: 100%;padding-top: 86.591%;} #products2 .box .content .li .text-box{top: 40px;left: 0;right: 0;margin: auto;padding: 0 20px;text-align: center;transition: all .3s;} #products2 .box .content .li .text-box .tit1{font-size: 20px;color: #222;font-family: "DE";} #products2 .box .content .li .text-box .tit2{font-size: 24px;color: #222;margin: 10px 0 20px;} #products2 .box .content .li .text-box .ico{width: 32px;height: 13px;background: url(/images/odm-ico.png) no-repeat center;margin: 0 auto;} #products2 .box .content .li .mask-box{background-image: linear-gradient(to right top , rgba(0,158,155,.8) 85%, rgba(90,187,101,.8) 100%);z-index: 2;border-radius: 15px;opacity: 0;transition: all .3s;} #products2 .box .content .li .mask-box .text-box{text-align: left;left: 48px;top: 48px;padding: 0 48px 0 0;} #products2 .box .content .li .mask-box .text-box .tit1{font-size: 24px;color: #fff;font-family: "DE";} #products2 .box .content .li .mask-box .text-box .tit2{font-size: 30px;color: #fff;margin: 10px 0 25px;} #products2 .box .content .li .mask-box .text-box .ico{width: 32px;height: 13px;background: url(/images/odm-ico2.png) no-repeat center;margin-left: 0;} #products2 .box .content .li .mask-box .icon{/*width: 130px;height: 130px;*/bottom: 35px;right: 35px;} #products2 .box .content.cur .li::after{content: '';position: absolute;border: 10px solid transparent;border-top: 15px solid #32b0ae;bottom: -25px;left: 50%;transform: translateX(-50%);} #products2 .box .content.cur .li .text-box{opacity: 0;} #products2 .box .content.cur .li .mask-box{opacity: 1;} #products2 .box .content.cur .li .mask-box .text-box{opacity: 1;} #products2 .box .content .cont{width: 100%;/*height: 0;*/left: 0;top: calc(100% + 50px);background: #fff;border-radius: 15px;padding: 0 50px;/*overflow: hidden;*//*transition: all 2s;*/display: none;} #products2 .box .content:first-child .cont{display: block;} #products2 .box .content .cont .row{padding: 30px 0;} #products2 .box .content .cont .row:nth-child(2){border-top: 1px solid #e5e5e5;} #products2 .box .content .cont .row .tit{width: 170px;font-size: 24px;color: #222;padding-left: 18px;border-left: 3px solid #009e9b;line-height: 1;} #products2 .box .content .cont .row .con{width: calc(100% - 200px);margin-left: 30px;} #products2 .box .content .cont .row .con .item{text-align: center;margin-right: 45px;width: auto;} #products2 .box .content .cont .row .con .item:last-child{margin-right: 0;} #products2 .box .content .cont .row .con .item .d-icon{width: 100px;height: 100px;background: url(/images/odm-icon-bg.png) no-repeat center;margin: 0 auto;} #products2 .box .content .cont .row .con .item .t{font-size: 16px;color: #7e7f80;margin-top: 15px;} /*#products2 .box .content.cur .cont{height: auto;}*/ @media(max-width: 1024px){ #products2 .title-box span{font-size: 36px;} } @media(max-width: 980px){ #products2 .box .content .li .mask-box .text-box{top: 20px;left: 18px;padding-right: 18px;} } @media(max-width: 750px){ #products2{padding: 80px 0;} #products2 .brief{width: 100%;font-size: 26px;} #products2 .box{display: block;} #products2 .box .content{width: 100%;margin-bottom: 30px;} #products2 .box .content .cont{position: static;display: block;padding: 0 25px;margin-top: 30px;} #products2 .box .content .cont .row{display: block;} #products2 .box .content .cont .row .tit{width: 100%;font-size: 26px;margin-bottom: 20px;} #products2 .box .content .cont .row .con{width: 100%;margin-left: 0;} #products2 .box .content .cont .row .con .item .t{font-size: 26px;} #products2 .box .content .li::after{content: '';position: absolute;border: 10px solid transparent;border-top: 15px solid #32b0ae;bottom: -25px;left: 50%;transform: translateX(-50%);} #products2 .box .content .li .text-box{opacity: 0;} #products2 .box .content .li .mask-box{opacity: 1;} #products2 .box .content .li .mask-box .text-box{opacity: 1;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 0 20px;text-align: center;} #products2 .box .content .li .mask-box .text-box .tit1{font-size: 28px;} #products2 .box .content .li .mask-box .text-box .ico{margin: 0 auto;} } #process{padding: 70px 0 90px;} #process .title{font-size: 50px;color: #222;line-height: 1.2;position: relative;} #process .title::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #process .pc .container{height: 680px;overflow: visible;} #process .mobile{display: none;} #process .li{width: 130%;text-align: center;} #process .slide:nth-child(1) .li{margin-top: 130px;} #process .slide:nth-child(2) .li{margin-top: 379px;} #process .slide:nth-child(3) .li{margin-top: 119px;} #process .slide:nth-child(4) .li{margin-top: 284px;} #process .slide:nth-child(5) .li{margin-top: 24px;} #process .slide:nth-child(6) .li{margin-top: 269px;} #process .slide:nth-child(7) .li{margin-top: 71px;} #process .slide:nth-child(8) .li{margin-top: 315px;} #process .slide:nth-child(9) .li{margin-top: 51px;} #process .slide:nth-child(10) .li{margin-top: 173px;} #process .li span {display: block;width: 90px;height: 60px;margin: 0 auto;position: relative;} #process .slide:nth-child(2n) .li span{margin-top: 30px;} #process .li span em {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;} #process .li span i {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 1;visibility: hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;} #process .li:hover span em, #process .li.cur span em {opacity: 0;visibility: hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);} #process .li:hover span i, #process .li.cur span i {visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);} #process .li .num{font-size: 60px;font-family: "DE";background: linear-gradient(180deg, rgba(0,0,0,.1),rgba(0,0,0,0));-webkit-background-clip: text;background-clip: text;color: transparent;margin-top: 8px;} #process .li .tit{width: 110%;/*font-size: 20px;*/font-size: 18px;color: #222;margin-top: -25px;} #process .li .brief{height: 77.7px;font-size: 14px;color: #7e7f80;line-height: 1.85;margin-top: 5px;} #process .slide:nth-child(2n-1) .li .brief{margin-bottom: 10px;} #process .li .icon{width: 30px;height: 30px;background: url(/images/quan1.png) no-repeat center;display: block;margin: 0 auto;} #process .li:hover .tit{color: #009e9b;} #process .li.cur .icon{background-image: url(/images/quan2.png);} #process .line-box{width: 100%;left: 0;top: 144px;z-index: 1;} #process .line-box .line1{width: 100%;} #process .line-box .line2{width: 0;overflow: hidden;} @media(min-width: 2000px){ #process .line-box{top: 343px;} #process .pc .container{height: 800px;} #process .slide:nth-child(1) .li{margin-top: 343px;} #process .slide:nth-child(2) .li{margin-top: 570px;} #process .slide:nth-child(3) .li{margin-top: 291px;} #process .slide:nth-child(4) .li{margin-top: 463px;} #process .slide:nth-child(5) .li{margin-top: 228px;} #process .slide:nth-child(6) .li{margin-top: 481px;} #process .slide:nth-child(7) .li{margin-top: 282px;} #process .slide:nth-child(8) .li{margin-top: 506px;} #process .slide:nth-child(9) .li{margin-top: 210px;} #process .slide:nth-child(10) .li{margin-top: 309px;} } @media(min-width: 2500px){ #process .line-box{top: 352px;} #process .pc .container{height: 780px;} #process .slide:nth-child(1) .li{margin-top: 311px;} #process .slide:nth-child(2) .li{margin-top: 477px;} #process .slide:nth-child(3) .li{margin-top: 234px;} #process .slide:nth-child(4) .li{margin-top: 485px;} #process .slide:nth-child(5) .li{margin-top: 287px;} #process .slide:nth-child(6) .li{margin-top: 519px;} #process .slide:nth-child(7) .li{margin-top: 235px;} #process .slide:nth-child(8) .li{margin-top: 340px;} #process .slide:nth-child(9) .li{margin-top: 0;} #process .slide:nth-child(10) .li{margin-top: 224px;} } @media(max-width: 1680px){ #process .slide:nth-child(1) .li{margin-top: 115px;} #process .slide:nth-child(2) .li{margin-top: 362px;} #process .slide:nth-child(3) .li{margin-top: 150px;} #process .slide:nth-child(4) .li{margin-top: 340px;} #process .slide:nth-child(5) .li{margin-top: 49px;} #process .slide:nth-child(6) .li{margin-top: 253px;} #process .slide:nth-child(7) .li{margin-top: 44px;} #process .slide:nth-child(8) .li{margin-top: 303px;} #process .slide:nth-child(9) .li{margin-top: 86px;} #process .slide:nth-child(10) .li{margin-top: 268px;} } @media(max-width: 1440px){ #process .slide:nth-child(1) .li{margin-top: 120px;} #process .slide:nth-child(2) .li{margin-top: 346px;} #process .slide:nth-child(3) .li{margin-top: 142px;} #process .slide:nth-child(4) .li{margin-top: 374px;} #process .slide:nth-child(5) .li{margin-top: 103px;} #process .slide:nth-child(6) .li{margin-top: 272px;} #process .slide:nth-child(7) .li{margin-top: 25px;} #process .slide:nth-child(8) .li{margin-top: 272px;} #process .slide:nth-child(9) .li{margin-top: 73px;} #process .slide:nth-child(10) .li{margin-top: 316px;} } @media(max-width: 1366px){ #process .slide:nth-child(1) .li{margin-top: 122px;} #process .slide:nth-child(2) .li{margin-top: 344px;} #process .slide:nth-child(3) .li{margin-top: 137px;} #process .slide:nth-child(4) .li{margin-top: 377px;} #process .slide:nth-child(5) .li{margin-top: 120px;} #process .slide:nth-child(6) .li{margin-top: 289px;} #process .slide:nth-child(7) .li{margin-top: 25px;} #process .slide:nth-child(8) .li{margin-top: 261px;} #process .slide:nth-child(9) .li{margin-top: 58px;} #process .slide:nth-child(10) .li{margin-top: 312px;} } @media(max-width: 1280px){ #process .slide:nth-child(1) .li{margin-top: 123px;} #process .slide:nth-child(2) .li{margin-top: 344px;} #process .slide:nth-child(3) .li{margin-top: 131px;} #process .slide:nth-child(4) .li{margin-top: 378px;} #process .slide:nth-child(5) .li{margin-top: 133px;} #process .slide:nth-child(6) .li{margin-top: 311px;} #process .slide:nth-child(7) .li{margin-top: 38px;} #process .slide:nth-child(8) .li{margin-top: 255px;} #process .slide:nth-child(9) .li{margin-top: 43px;} #process .slide:nth-child(10) .li{margin-top: 297px;} } @media(max-width: 1200px){ #process{padding-bottom: 60px;} #process .line-box{display: none;} #process .pc{display: none;} #process .mobile{display: flex;margin-top: 80px;flex-wrap: wrap;} #process .mobile .slide{width: 48%;margin-right: 4%;margin-bottom: 25px;} #process .mobile .slide:nth-child(2n){margin-right: 0;} #process .mobile .li{margin-top: 0 !important;width: 100%;} #process .li .tit{width: 100%;} #process .slide:nth-child(2n) .li span{margin-top: 0;} } @media(max-width: 1024px){ #process .title{font-size: 36px;} } @media(max-width: 750px){ /*#process .mobile .slide{width: 60%;}*/ #process .li .tit{font-size: 28px;} #process .li .brief{font-size: 26px;height: auto;} } #team{padding: 75px 0 134px;background: #f2f8fa;} #team .title-box span{font-size: 50px;color: #222;} #team .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #team .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #team .content{width: 85.714%;margin: 50px auto 0;overflow: visible;} #team .content .li{padding: 60px;background: #fff;opacity: .5;} #team .content .li.swiper-slide-active{opacity: 1;} #team .content .li .pic{width: 55.556%;} #team .content .li .right{width: 44.444%;padding-left: 80px;} #team .content .li .right .title{font-size: 30px;color: #222;} #team .content .li .right .title .icon{width: 50px;height: 50px;margin-right: 16px;margin-top: -5px;} #team .content .li .right .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 18px 0 50px;text-align: justify;} #team .content .li .right .line{width: 30px;height: 2px;background: #009e9b;} #team .content .btn{width: 39px;height: 15px;top: 50%;transform: translateY(-50%);z-index: 2;} #team .content .prev{background: url(/images/btn6.png) no-repeat center;left: -20px;} #team .content .next{background: url(/images/btn5.png) no-repeat center;right: -20px;} #team .content .prev:hover{background-image: url(/images/btn6-h.png);transform: translate(-10px,-50%);} #team .content .next:hover{background-image: url(/images/btn5-h.png);transform: translate(10px,-50%);} #team .content .swiper-pagination-bullets{bottom: -60px;} #team .content .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 11px;} #team .content .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 16px;height: 16px;background: #009e9b;transform: translateY(3px);} @media(max-width: 1366px){ #team .content .li .right{padding-left: 40px;} } @media(max-width: 1024px){ #team .title-box span{font-size: 36px;} #team .content{width: 96%;} #team .content .li{display: block;} #team .content .li .pic{width: 100%;} #team .content .li .right{width: 100%;padding-left: 0;margin-top: 20px;} #team .content .li .right .brief{font-size: 26px;} } #advantage{padding: 75px 0 100px;background: #fafafb;} #advantage .title-box span{font-size: 50px;color: #222;} #advantage .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #advantage .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #advantage .box{margin-top: 50px;} #advantage .box .left{width: 49.286%;} #advantage .box .left .item{background: #fff;margin: 0 20px 20px 0;border-radius: 15px;display: flex;flex-direction: column;justify-content: space-between;padding: 36px 30px 30px 40px;} #advantage .box .left .item:nth-child(2n){margin-right: 0;} #advantage .box .left .item:nth-child(1){width: 54.9%;height: 200px;} #advantage .box .left .item:nth-child(2){width: 41.304%;height: 200px;} #advantage .box .left .item:nth-child(3){width: 40.579%;height: 280px;} #advantage .box .left .item:nth-child(4){width: 55.81%;height: 180px;} #advantage .box .left .item:nth-child(5){width: 40.579%;height: 150px;} #advantage .box .left .item:nth-child(6){width: 55.81%;height: 250px;margin-top: -100px;} #advantage .box .left .item:nth-last-child(-n+2){margin-bottom: 0px;} #advantage .box .left .item .tit{font-size: 24px;color: #222;} #advantage .box .left .item .icon{display: flex;justify-content: flex-end;} #advantage .box .left .item .icon img:nth-child(1){display: inline-block;} #advantage .box .left .item .icon img:nth-child(2){display: none;} @media(min-width: 751px){ #advantage .box .left .item.hover{background: #84ccc9;} #advantage .box .left .item.hover .tit{color: #fff;} #advantage .box .left .item.hover .icon img:nth-child(1){display: none;} #advantage .box .left .item.hover .icon img:nth-child(2){display: inline-block;} } #advantage .box .left .item.cur{background-image: linear-gradient(50deg , rgba(0,158,155,.8) 70%, rgba(90,187,101,.8) 100%);} #advantage .box .left .item.cur .tit{color: #fff;} #advantage .box .left .item.cur .icon img:nth-child(1){display: none;} #advantage .box .left .item.cur .icon img:nth-child(2){display: inline-block;} #advantage .box .right{width: 49.286%;background: url(/images/advan-bg.png) no-repeat center / cover;border-radius: 15px;overflow: hidden;padding: 100px 20px 0;text-align: center;} #advantage .box .right .tit{font-size: 30px;color: #222;} #advantage .box .right .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 18px 0 50px;} #advantage .box .right .line{width: 30px;height: 2px;background: #009e9c;} #advantage .box .right .more{font-size: 16px;color: #7e7f80;padding-right: 35px;right: 58px;bottom: 58px;background: url(/images/detail-icon4.png) no-repeat right;} #advantage .box .right .more:hover{text-decoration: underline;} @media(max-width: 1366px){ #advantage .box .left .item{padding: 20px;} } @media(max-width: 1280px){ #advantage .box .left .item:nth-child(1){width: 53.9%;} #advantage .box .left .item:nth-child(2){width: 40.304%;} #advantage .box .left .item:nth-child(3){width: 39.579%;} #advantage .box .left .item:nth-child(4){width: 54.81%;} #advantage .box .left .item:nth-child(5){width: 39.579%;} #advantage .box .left .item:nth-child(6){width: 54.81%;} } @media(max-width: 1024px){ #advantage .title-box span{font-size: 36px;} #advantage .box{display: block;} #advantage .box .left{width: 100%;} #advantage .box .left .item{width: 48% !important;height: auto !important;} #advantage .box .right{width: 100%;margin-top: 30px;padding: 60px 20px 150px;} #advantage .box .left .item:nth-child(6){margin-top: 0;} } @media(max-width: 750px){ #advantage .box .left .item .tit{font-size: 28px;} #advantage .box .right .tit{font-size: 36px;} #advantage .box .right .brief{font-size: 26px;} #advantage .box .right .more{font-size: 26px;} } #quality1{padding: 75px 0 100px;background: #f2f6f9;overflow: hidden;} #quality1 .tit-white{top: 75px;left: -80px;} #quality1 .content{} #quality1 .content .li{display: flex;} #quality1 .content .li:nth-child(2){flex-direction: row-reverse;} #quality1 .content .li .text-box{width: 50%;background: #fff;display: flex;flex-direction: column;justify-content: center;padding: 20px 100px;} #quality1 .content .li .text-box .tit1{font-size: 24px;color: #009e9b;} #quality1 .content .li .text-box .tit2{font-size: 50px;color: #222;line-height: 1.2;position: relative;margin: 10px 0 60px;} #quality1 .content .li .text-box .tit2::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #quality1 .content .li .text-box .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;text-align: justify;} #quality1 .content .li .pic{width: 50%;} @media(max-width: 1280px){ #quality1 .content .li .text-box{padding: 20px 40px;} } @media(max-width: 1024px){ #quality1 .content .li .text-box .tit2{font-size: 36px;} } @media(max-width: 750px){ #quality1 .content .li{display: block;} #quality1 .content .li .text-box{width: 100%;} #quality1 .content .li .text-box .tit1{font-size: 28px;} #quality1 .content .li .text-box .tit2{font-size: 36px;} #quality1 .content .li .text-box .brief{font-size: 26px;} #quality1 .content .li .pic{width: 100%;} } #quality2{padding: 155px 0 165px;} #quality2::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: 1;} #quality2 .left{width: 50%;} #quality2 .left .title{font-size: 50px;color: #fff;line-height: 1.2;position: relative;margin: 0 0 60px;} #quality2 .left .title::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #quality2 .left .brief{font-size: 16px;color: #fff;line-height: 1.875;} #quality2 .left .data-box{margin-top: 65px;} #quality2 .left .data-box .data{width: 33.333%;color: #fff;border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(255,255,255,.1);padding: 25px 0 30px;} #quality2 .left .data-box .data:nth-child(2), #quality2 .left .data-box .data:nth-child(5){padding-left: 30px;} #quality2 .left .data-box .data:nth-child(3), #quality2 .left .data-box .data:nth-child(6){padding-left: 50px;} #quality2 .left .data-box .data .top{} #quality2 .left .data-box .data .top .num{font-size: 50px;font-family: "DEB";} #quality2 .left .data-box .data .top .unit{font-size: 24px;margin-top: -8px;} #quality2 .left .data-box .data .tit{font-size: 16px;margin-top: 8px;} #quality2 .video-box{width: 165px;height: 144px;background: url(/images/quality2-icon.png) no-repeat center;top: 50%;right: 150px;transform: translateY(-50%);} #quality2 .video-box .icon{width: 29px;height: 29px;background: url(/images/play-icon2.png) no-repeat center;margin: 46px auto 0;} #quality2 .video-box .tit{font-size: 16px;color: #fff;margin-top: 8px;} /*@media(max-width: 1680px){ #quality2{padding-bottom: 125px;} }*/ @media(max-width: 1366px){ #quality2 .left{width: 70%;} #quality2 .video-box{right: 50px;} } @media(max-width: 1024px){ #quality2 .left .title{font-size: 36px;} } @media(max-width: 980px){ #quality2 .left{width: 100%;} #quality2 .video-box{position: relative;transform: translateY(0);padding-top: 1px;margin: 50px auto 0;} } @media(max-width: 750px){ #quality2 .left .brief{font-size: 26px;text-align: justify;} #quality2 .left .data-box .data .tit{font-size: 26px;} #quality2 .video-box{ right: 0;} #quality2 .video-box .icon{margin-top: 30px;} #quality2 .video-box .tit{font-size: 24px;} } #quality3{padding: 75px 0 95px;} #quality3 .title-box span{font-size: 50px;color: #222;} #quality3 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #quality3 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #quality3 .brief{width: 57.142%;font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 25px auto 65px;} #quality3 .li{width: 57.143%;} #quality3 .li .data-box{left: 0;right: 0;bottom: 50px;} #quality3 .li .data-box .data{color: #fff;} #quality3 .li .data-box .data .top{white-space: nowrap;} #quality3 .li .data-box .data .top .num{font-size: 50px;font-family: "DEB";} #quality3 .li .data-box .data .top .unit{font-size: 20px;} #quality3 .li .data-box .data .tit{font-size: 16px;margin-top: 8px;} #quality3 .li .data-box .line{width: 1px;background-image: linear-gradient(1800deg , rgba(255,255,255,.1), rgba(255,255,255,.8), rgba(255,255,255,.1)) ;margin: 0 55px;} #quality3 .li .data-box .line:last-of-type{display: none;} #quality3 .li .mask{background: rgba(0,0,0,.3);} #quality3 .li.swiper-slide-active .mask{display: none;} #quality3 .li.swiper-slide-prev .data-box{left: 55%;} #quality3 .li.swiper-slide-next .data-box{right: 55%;} #quality3 .btn{width: 88px;height: 20px;top: 50%;transform: translateY(-50%);z-index: 2;} #quality3 .prev{background: url(/images/btn8.png) no-repeat center;left: 18%;} #quality3 .next{background: url(/images/btn7.png) no-repeat center;right: 18%;} #quality3 .prev:hover{background-image: url(/images/btn8-h.png);} #quality3 .next:hover{background-image: url(/images/btn7-h.png);} @media(max-width: 1024px){ #quality3 .title-box span{font-size: 36px;} } @media(max-width: 750px){ #quality3 .title-box span{font-size: 36px;} #quality3 .brief{width: 100%;font-size: 26px;text-align: justify;} #quality3 .li{width: 100%;} #quality3 .li .data-box .data{width: 50%;} #quality3 .li .data-box .data .tit{font-size: 26px;} #quality3 .btn{ top: 50%; height: 80px; background-color: rgba(0,0,0,.5); background-size: 70% auto; transform: translateY(-50%);} #quality3 .prev{ left: 0;} #quality3 .next{ right: 0;} } #quality4{padding: 100px 0 120px;background: url(/images/quality4-bg.png) no-repeat center / cover;} #quality4 .text-box{width: 52.857%;top: 50%;left: 0;transform: translateY(-50%);background: #fff;padding: 70px 100px 75px 80px;z-index: 2;} #quality4 .text-box .title{font-size: 50px;color: #222;line-height: 1.2;position: relative;margin: 0 0 60px;} #quality4 .text-box .title::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #quality4 .text-box .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;text-align: justify;} #quality4 .pic{width: 50%;} @media(max-width: 1280px){ #quality4 .text-box{width: 55%;padding: 40px;} } @media(max-width: 1024px){ #quality4 .text-box .title{font-size: 36px;} } @media(max-width: 750px){ #quality4 .text-box{position: static;width: 100%;margin: 0 auto;transform: translateY(0);} #quality4 .text-box .title{font-size: 36px;} #quality4 .text-box .brief{font-size: 26px;} #quality4 .pic{width: 100%;margin-top: 30px;} } #quality5{padding: 80px 0 100px;} #quality5 .left{width: 50%;} #quality5 .bg1{width: 124px;height: 144px;background: url(/images/quality5-bg3.png) no-repeat center;left: -78px;bottom: -70px;} #quality5 .bg2{width: 194px;height: 253px;background: url(/images/quality5-bg2.png) no-repeat center;right: -112px;top: 25px;} #quality5 .bg3{width: 232px;height: 112px;background: url(/images/quality5-bg1.png) no-repeat center;right: -50px;bottom: 45px;} #quality5 .text-box{width: 50%;padding-left: 95px;} #quality5 .text-box .title{font-size: 50px;color: #222;line-height: 1.2;position: relative;margin: 0 0 60px;padding-right: 100px;} #quality5 .text-box .title::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #quality5 .text-box .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;text-align: justify;} #quality5 .text-box .data-box{margin-top: 80px;} #quality5 .text-box .data-box .data{color: #009e9b;margin-right: 60px;} #quality5 .text-box .data-box .data:last-child{ margin-right: 0;} #quality5 .text-box .data-box .data .top{} #quality5 .text-box .data-box .data .top .num{font-size: 50px;font-family: "DEB";} #quality5 .text-box .data-box .data .top .unit{font-size: 24px;margin: -5px 0 0 3px;} #quality5 .text-box .data-box .data .tit{font-size: 16px;margin-top: 8px;color: #222;} @media(max-width: 1366px){ #quality5 .text-box{padding-left: 40px;} } @media(max-width: 1024px){ #quality5 .text-box .title{font-size: 36px;} } @media(max-width: 980px){ #quality5 .box{display: block;} #quality5 .left{width: 100%;} #quality5 .text-box{width: 100%;padding-left: 0;margin-top: 30px;} #quality5 .text-box .title{padding-right: 0;} } @media(max-width: 750px){ #quality5 .text-box .title{font-size: 36px;} #quality5 .text-box .brief{font-size: 26px;} #quality5 .text-box .data-box{margin-top: 40px;} #quality5 .text-box .data-box .data .top .unit{font-size: 28px;} #quality5 .text-box .data-box .data .tit{font-size: 26px;} } #quality6{padding: 100px 0;background: #f2f5f9;} #quality6 .li{width: 47.875%;background: #fff;} #quality6 .li .pic{width: 100%;padding-top: 59.701%;} #quality6 .li .msg{padding: 50px 55px 80px;text-align: justify;} #quality6 .li .msg .title{font-size: 50px;color: #222;line-height: 1.2;position: relative;margin: 0 0 60px;height: 120px;} #quality6 .li .msg .title::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #quality6 .li .msg .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;} @media(max-width: 1366px){ #quality6 .li .msg{padding: 30px;} } @media(max-width: 1024px){ #quality6 .li .msg .title{font-size: 36px;} } @media(max-width: 750px){ #quality6 .box{display: block;} #quality6 .li{width: 100%;margin-bottom: 20px;height: auto;} #quality6 .li .msg .brief{font-size: 26px;} } /*科研实力*/ #strength1{padding: 90px 0 75px;background: url(/images/strength-bg1.png) no-repeat center / cover;max-width: 1920px;margin: 0 auto;} #strength1 .left{width: 57.143%;} #strength1 .text-box .title1{font-size: 24px;color: #009e9b;} #strength1 .text-box .title2{font-size: 50px;color: #222;line-height: 1.2;position: relative;margin: 10px 0 80px;} #strength1 .text-box .title2::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #strength1 .data-box{padding-left: 40px;} #strength1 .data-box .li{position: relative;padding-bottom: 50px;} #strength1 .data-box .li::before{width: 8px;height: 8px;background: #009e9b;left: -35px;top: 13px;transform: rotate(45deg);content: '';position: absolute;} #strength1 .data-box .li::after{width: 2px;height: 74%;background: #009e9b;left: -32px;top: 26px;content: '';position: absolute;} #strength1 .data-box .li:first-child::after{height: 76%;top: 22px;} #strength1 .data-box .li:last-child::after{background: none;background-image: linear-gradient(180deg, rgba(0,158,155,1) 20%, rgba(0,158,155,0) 100%);} #strength1 .data-box .li .top{color: #222;margin-bottom: 8px;} #strength1 .data-box .li .top .num{font-size: 30px;font-family: "DE";} #strength1 .data-box .li .top .unit{font-size: 16px;margin-left: 5px;} #strength1 .data-box .li .tit{font-size: 16px;color: #7e7f80;line-height: 1.875;} #strength1 .more{font-size: 16px;color: #7e7f80;margin-top: 60px;padding-right: 30px;display: inline-block;} #strength1 .more i{width: 14px;height: 10px;background: url(/images/detail-icon4.png) no-repeat center;-webkit-transform-origin: right center;transform-origin: right center;top: 7px;right: 0;} #strength1 .more:hover{color: #009e9b;} #strength1 .more:hover i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;background-image: url(/images/detail-icon5.png);} #strength1 .pic{width: 43.854%;right: 0;bottom: 0;} #strength1 .pic .icon{width: 17.815%;left: 28%;top: 22%;-webkit-animation: updown 3s linear infinite 0s;animation: updown 3s linear infinite 0s;} @media(max-width: 1366px){ #strength1 .pic{top: 50%;bottom: auto;transform: translateY(-50%);} } @media(max-width: 1024px){ #strength1 .left{width: 100%;} #strength1 .text-box .title2{font-size: 36px;} #strength1 .pic{position: static;margin: 30px 0 0 auto;transform: translateY(0);} } @media(max-width: 750px){ #strength1 .text-box .title1{font-size: 26px;} #strength1 .data-box .li .top .unit{font-size: 26px;} #strength1 .data-box .li .tit{font-size: 26px;} #strength1 .more{font-size: 26px;margin-top: 0;} #strength1 .pic{width: 95%;margin-top: 50px;} #strength1 .more i{top: 13px;} } #strength2{padding: 70px 0 100px;background: #f4f4f4;} #strength2 .title-box span{font-size: 50px;color: #222;} #strength2 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #strength2 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #strength2 .content{margin-top: 40px;} #strength2 .content .left{width: 70.714%;display: flex;flex-direction: column;justify-content: space-between;} #strength2 .content .left .top{} #strength2 .content .left .item1{width: 49.495%;} #strength2 .content .left .item1:nth-child(1){border-radius: 15px 0 0 0;} #strength2 .content .left .item1 .pic{padding-top: 57.143%;} #strength2 .content .left .item2{width: 100%;} #strength2 .content .left .item2 .pic{padding-top: 28.282%;} #strength2 .content .right{width: 28.571%;border-radius: 0 0 15px 0;overflow-y: hidden;} #strength2 .content .right .pic{padding-top: 142.5%;} #strength2 .content .item .text-box{left: 45px;bottom: 50px;color: #fff;} #strength2 .content .item .text-box .tit1{font-size: 16px;opacity: .3;font-family: "DE";} #strength2 .content .item .text-box .tit2{font-size: 30px;margin: 10px 0 22px;} #strength2 .content .item .text-box .line{width: 25px;height: 2px;background: #fff;} #strength2 .content .item:hover .text-box{transform: scale(1.2);} #strength2 .content .item .mask{background-image: linear-gradient(40deg, rgba(255,240,0,0) 80%, rgba(255,240,0,.6) 100%);opacity: 0;} #strength2 .content .item:hover .mask{opacity: 1;} @media(max-width: 1024px){ #strength2 .title-box span{font-size: 36px;} } @media(max-width: 980px){ #strength2 .content{display: block;} #strength2 .content .left{width: 100%;} #strength2 .content .left .top{display: block;} #strength2 .content .left .item1{width: 100%;} #strength2 .content .left .item1 .pic{padding-top: 30%;} #strength2 .content .left .item2 .pic{padding-top: 30%;} #strength2 .content .right{width: 100%;} #strength2 .content .right .pic{padding-top: 30%;} } @media(max-width: 750px){ #strength2 .content .item .text-box{left: 45px;bottom: 50px;color: #fff;} #strength2 .content .item .text-box .tit1{font-size: 26px;} #strength2 .content .item:hover .text-box{transform: scale(1.05);} } #strength3{padding-top: 70px;} #strength3 .title-box span{font-size: 50px;color: #222;} #strength3 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #strength3 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #strength3 .brief{font-size: 16px;color: #7e7f80;margin-top: 10px;} #strength3 .content.mobile{display: none;} #strength3 .content{margin-top: 50px;} #strength3 .content .li{width: 33.333%;position: relative;} #strength3 .content .li .pic{padding-top: 117.1875%;} #strength3 .content .li::after{background-image: linear-gradient(to top, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 50%);content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;} #strength3 .content .li .text-box{color: #fff;left: 0;right: 0;bottom: 50px;padding: 0 20px;z-index: 2;} #strength3 .content .li .text-box .tit1{font-size: 24px;} #strength3 .content .li .text-box .tit2{font-size: 16px;font-family: "DE";} #strength3 .content .li .cont{width: 89.0625%;height: 90.667%;margin: auto;background: rgba(1,145,140,.9);color: #fff;display: flex;flex-direction: column;justify-content: space-between;padding: 10.9375% 15.625% 9.375% 11.71875%;opacity: 0;z-index: 2;} #strength3 .content .li .cont .tit1{font-size: 20px;font-family: "DE";} #strength3 .content .li .cont .tit2{font-size: 30px;margin: 10px 0 20px;} #strength3 .content .li .cont .line{width: 26px;height: 3px;background: url(/images/title-icon2.png) no-repeat center;margin-bottom: 50px;} #strength3 .content .li .cont .desc{font-size: 16px;line-height: 1.875;} #strength3 .content .li .cont .icon{width: 80px;height: 80px;margin-top: auto;} #strength3 .content .li:hover .text-box{opacity: 0;} #strength3 .content .li:hover .cont{opacity: 1;} @media(max-width: 1280px){ #strength3 .content .li .cont .tit2{margin: 5px 0;} #strength3 .content .li .cont .line{margin-bottom: 10px;} #strength3 .content .li .cont{width: 94%;height: 94%;padding: 20px;} } @media(max-width: 1024px){ #strength3 .title-box span{font-size: 36px;} } @media(max-width: 980px){ #strength3 .content .li .cont{display: none;} #strength3 .content .li:hover .text-box{opacity: 1;} } @media(max-width: 750px){ #strength3 .brief{font-size: 26px;} #strength3 .content.mobile{display: block;} #strength3 .content.pc{display: none;} #strength3 .content .li{width: 100%;} #strength3 .content .li .text-box{top: 50%;bottom: auto;transform: translateY(-50%);} #strength3 .content .li .text-box .tit1{font-size: 30px;} #strength3 .content .li .text-box .tit2{font-size: 26px;} #strength3 .content .li .text-box .desc{font-size: 26px;margin-top: 20px;} #strength3 .content .li::after{background-image: linear-gradient(to top, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);} } #strength4{padding: 260px 0;background: url(/images/strength4.png) no-repeat center / cover;background-attachment: fixed;} #strength4 .title-box span{font-size: 50px;color: #222;} #strength4 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #strength4 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #strength4 .brief{width: 50%;font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 25px auto 0;} #strength4 .content{margin-top: 70px;} #strength4 .content .li{width: 25%;border-right: 1px solid #e5e5e5;} #strength4 .content .li:nth-child(4n){border-right: 0;} #strength4 .content .li .pic{width: 138px;height: 138px;margin: 0 auto;} #strength4 .content .li .tit{font-size: 16px;color: #7e7f80;padding: 0 20px;margin-top: 15px;} @media(max-width: 1024px){ #strength4 .title-box span{font-size: 36px;} } @media(max-width: 750px){ #strength4 .brief{width: 100%;font-size: 26px;} #strength4 .content .li{width: 50%;margin-bottom: 40px;border-right: 0;} #strength4 .content .li .tit{font-size: 26px;} } /*创新成果*/ #achievements1{padding: 70px 0 100px;background: url(/images/achievements-bg.png) no-repeat center / cover;} #achievements1 .title-box span{font-size: 50px;color: #222;} #achievements1 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #achievements1 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #achievements1 .brief{width: 65%;font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 35px auto 0;} #achievements1 .box{width: calc(100% - 100px);margin: 80px auto 0;height: 500px;} #achievements1 .box .container{width: calc(100% - 200px);margin: 0 auto;padding-bottom: 70px;} #achievements1 .box .li{width: 450px;} #achievements1 .box .li .pic{width: 100%;background: url(/images/achievements-icon.png) no-repeat center;padding: 20px 0;} #achievements1 .box .li .pic::after{content: '';position: absolute;width: 100%;height: 20px;background: url(/images/achievements-icon2.png) no-repeat center;left: 0;right: 0;bottom: -20px;background-size: 325px;} #achievements1 .box .li.swiper-slide-active .pic::after{height: 70px;background-image: url(/images/achievements-icon3.png);bottom: -66px;} #achievements1 .box .prev, #achievements1 .box .next{width: 60px;height: 60px;border-radius: 100%;top: 50%;transform: translateY(-50%);border: 1px solid #aeb0b1;} #achievements1 .box .prev{left: 0;background: url(/images/btn14.png) no-repeat center;} #achievements1 .box .next{right: 0;background: url(/images/btn13.png) no-repeat center} #achievements1 .box .prev:hover{width: 80px;height: 80px;background-color: #009e9b;border-color: transparent;background-image: url(/images/btn14-h.png);} #achievements1 .box .next:hover{width: 80px;height: 80px;background-color: #009e9b;border-color: transparent;background-image: url(/images/btn13-h.png);} @media (max-width: 1440px){ #achievements1 .box .container{width: calc(100% - 60px);} #achievements1 .box .prev{left: -60px;} #achievements1 .box .next{right: -60px;} } @media(max-width: 1024px){ #achievements1 .title-box span{font-size: 36px;} } @media(max-width: 750px){ #achievements1 .brief{width: 100%;font-size: 26px;} } @keyframes circle {0% {transform: rotate(0);}100% {transform: rotate(360deg);}} @keyframes circle2 {0% {transform: rotate(0);}100% {transform: rotate(-360deg);}} #achievements2{padding: 125px 0 400px;background: url(/images/achievements2-bg.png) no-repeat center / cover;} #achievements2 .left{width: 53.571%;} #achievements2 .left .circle-box{position: relative;animation: circle 120s linear infinite forwards;} #achievements2 .left .circle-box .brand-circle-logo{position: absolute;left: 50%;top: 50%;width: 23%;transform: translate(-50%,-50%);} #achievements2 .left .circle-box .brand-circle-logo img{animation: circle2 120s linear infinite forwards;} #achievements2 .left .item{position: absolute;width: 19.547%;cursor: pointer;animation: circle2 120s linear infinite forwards;} #achievements2 .left .item:nth-child(1){left: 66%;top: -3%;} #achievements2 .left .item:nth-child(2){left: 78%;top: 48%;} #achievements2 .left .item:nth-child(3){left: 66%;top: 85%;} #achievements2 .left .item:nth-child(4){left: 21%;top: 70%;} #achievements2 .left .item:nth-child(5){left: -8%;top: 48%;} #achievements2 .left .item:nth-child(6){left: 18%;top: 14%;} #achievements2 .left .circle-box.on, #achievements2 .left .circle-box.on .brand-circle-logo img, #achievements2 .left .circle-box.on .item{animation-play-state: paused;-webkit-animation-play-state: paused;} #achievements2 .right{width: 35.714%;} #achievements2 .right .title1{font-size: 24px;color: #009e9b;} #achievements2 .right .title2{font-size: 50px;color: #222;line-height: 1.2;position: relative;margin: 10px 0 60px;} #achievements2 .right .title2::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #achievements2 .right .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;text-align: justify;} @media (max-width: 1440px){ #achievements2 .left{margin-left: 5%;} } @media(max-width: 1024px){ #achievements2 .right .title2{font-size: 36px;} } @media(max-width: 750px){ #achievements2 .box{display: block;} #achievements2 .left{width: 80%;margin: 0 auto;} /*#achievements2 .left{display: none;}*/ #achievements2 .right{width: 100%;margin-top: 50px;} #achievements2 .right .title1{font-size: 28px;} #achievements2 .right .brief{font-size: 26px;} } /*投资者关系*/ #stock{padding: 80px 0 120px;background: #fafafb;} #stock .left{width: 27.413%;padding-right: 20px;background: url(/images/stock-bg.png) no-repeat left bottom;} #stock .left .t1{font-size: 24px;color: #009e9b;} #stock .left .t2{font-size: 50px;color: #222;line-height: 1.2;position: relative;margin: 0 0 60px;font-family: "DEB";} #stock .left .t2::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #stock .left .t3{font-size: 24px;color: #7e7f80;} #stock .left .t4{font-size: 36px;color: #222;font-family: "DEB";margin: 8px 0;} #stock .left .t4 span{font-size: 16px;color: #ff0000;margin-left: 10px;} #stock .left .t5{font-size: 16px;color: #aaa;font-family: "DE";} #stock .right{width: 72.857%;} #stock .right .info{margin-bottom: 50px;} #stock .right .info .item{width: 16.667%;border-right: 1px solid #fafafb;} #stock .right .info .item:nth-child(6n){border-right: 0;} #stock .right .info .item .tit{font-size: 16px;color: #222;font-weight: 700;background: #f2f2f2;padding: 15px 10px;border-bottom: 1px solid #fafafb;} #stock .right .info .item .num{font-size: 16px;color: #7e7f80;background: #fff;padding: 15px 10px;} @media(max-width: 750px){ #stock .left .t4{margin: 18px 0;} #stock .right .info{margin-top: 15px;} #stock .right .info .item{width: 33.333%;} } #years{width: 175px;} #years .years{width: 175px;height: 225px;overflow: hidden;} #years .years .con{width: 100%;padding-left: 32px;position: absolute;} #years .years .con .line{width: 1px;height: 100%;background: #e0e0e0;top: 6px;left: 6px;} #years .years .con .l-item{font-size: 16px;color: #7e7f80;position: relative;margin-bottom: 25px;} #years .years .con .l-item.active{font-size: 24px;color: #009e9b;font-family: "DEB";} #years .years .con .l-item.active::before{width: 11px;height: 11px;background: #009e9b;top: 10px;left: -31px;} #years .years .con .l-item::before{position: absolute;content: "";width: 9px;height: 9px;background: #e0e0e0;border-radius: 100%;top: 6px;left: -30px;} [cate-box]{width: 100%;} [cate-box] .container{max-width: 100%;padding-bottom: 11px;} [cate-box] .li{width: auto;min-width: 150px;height: 60px;line-height: 60px;font-size: 16px;color: #7e7f80;background: #fff;border-radius: 30px;margin-right: 20px;position: relative;padding: 0 20px;} [cate-box] .li.cur::after{content: '';position: absolute;bottom: -20px;left: 50%;border: 10px solid transparent;border-top: 15px solid #009e9b;transform: translateX(-50%);} [cate-box] .li:hover{background: #009e9b;color: #fff;} [cate-box] .li.cur{background: #009e9b;color: #fff;} #notice{padding: 80px 0 90px;background: #fafafb;} #notice .content{margin-top: 80px;} #notice .content .right{width: 81.072%;} #notice .content .right .year{width: 14.41%;font-size: 40px;color: #222;font-family: "DEB";} #notice .content .right .year .txt2{font-size: 14px;color: #7e7f80;margin-top: 6px;} #notice .content .right .year_cont{width: 85.59%;} #notice .content .right .right_cont{margin-bottom: 75px;} #notice .content .right .right_cont:last-child{margin-bottom: 0;} #notice .content .right .year_cont .list{padding: 35px 0;border-bottom: 1px solid #e1e1e1;} #notice .content .right .year_cont .list:first-child{padding-top: 0;} #notice .content .right .year_cont .list .le{width: calc(100% - 65px);padding-right: 20px;} #notice .content .right .year_cont .list .le .date{margin-bottom: 16px;font-size: 16px;color: #009e9b;font-family: "DE";line-height: 1.4;} #notice .content .right .year_cont .list .le .date .cate{position: relative;margin-left: 10px;font-size: 16px;color: #009e9b;padding-left: 10px;} #notice .content .right .year_cont .list .le .date .cate::before{content: '';position: absolute;width: 1px;height: 10px;background: #e1e1e1;left: 0;top: 6px;} #notice .content .right .year_cont .list .le .tit{font-size: 16px;color: #222;} #notice .content .right .year_cont .list .down{width: 65px;padding-left: 30px;background: url(/images/pdf-icon.png) no-repeat left;line-height: 40px;margin-top: 20px;font-size: 16px;color: #222;} #notice .content .right .year_cont .list .down:hover{color: #009e9b;} #notice .content .right .year_cont .list:hover .le .tit{color: #009e9b;} #notice .content .right .year_cont .list:hover .le .date{color: #7e7f80;} #notice .content .right .year_cont .list:hover .le .date .cate{color: #7e7f80;} #notice .content .right .year_cont .list:after{content: "";position: absolute;width: 0;height: 1px;bottom: 0;right: 0;left: auto;background: #009e9b;transition: all 0.5s;} #notice .content .right .year_cont .list:hover:after{width: 100%;right: auto;left: 0;} #financial{padding: 80px 0;background: #fafafb;} #financial .content{margin-top: 80px;} #financial .content .right{width: 81.072%;} #financial .content .right .list{padding-bottom: 60px;} #financial .content .right .list:last-child{padding-bottom: 0;} #financial .content .right .year{width: 22.707%;font-size: 40px;color: #222;font-family: "DEB";} #financial .content .right .cont{width: 77.293%;} #financial .content .right .cont .item{width: 225px;margin-right: 60px;margin-bottom: 20px;} #financial .content .right .cont .item .tit{min-width: 80px;height: 38px;line-height: 38px;background: #fff;font-size: 16px;color: #7e7f80;border-radius: 5px;text-align: center;margin-right: 30px;border: 1px solid #e5e5e5;padding: 0 10px;} #financial .content .right .cont .item .down{padding-left: 38px;background: url(/images/download-icon.png) no-repeat left;line-height: 38px;font-size: 16px;color: #009e9b;} #financial .content .right .cont .item .pic{margin-top: 20px;border-radius: 15px;} @media (max-width: 1000px){ #financial .content .right{width: 76%;} #financial .content .right .cont .item{width: 200px;margin-right: 40px;} } @media (max-width: 900px){ #financial .content .right{width: 72%;} #financial .content .right .cont .item{width: 190px;margin-right: 30px;} } #prospectus{padding: 80px 0;background: #fafafb;} #prospectus .content{margin-top: 80px;} #prospectus .content .right{width: 81.072%;} #prospectus .content .right .list{padding-bottom: 60px;} #prospectus .content .right .list:last-child{padding-bottom: 0;} #prospectus .content .right .year{width: 22.707%;font-size: 40px;color: #222;font-family: "DEB";} #prospectus .content .right .cont{width: 77.293%;} #prospectus .content .right .cont .item{width: 280px;margin-right: 50px;background: #fff;padding: 55px 50px 70px;box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, .05);position: relative;margin-bottom: 20px;} #prospectus .content .right .cont .item::after{content: '';position: absolute;top: -35px;right: -45px;border: 35px solid transparent;border-bottom: 35px solid #fafafb;transform: rotate(45deg);} #prospectus .content .right .cont .item .y{font-size: 40px;color: #0d9a9b;font-family: "DE";font-style: italic;} #prospectus .content .right .cont .item .tit{font-size: 20px;color: #222;margin: 20px 0 75px;} #prospectus .content .right .cont .item .down{width: 120px;height: 50px;line-height: 50px;text-align: center;background: #0d9a9b;border-radius: 5px;font-size: 16px;color: #fff;} #prospectus .content .right .cont .item .pic{margin-top: 20px;border-radius: 15px;} #govern{padding: 75px 0 80px;background: #fafafb;} #govern .li{padding: 30px 40px 30px 60px;background: #fff;margin-bottom: 20px;} #govern .li .title{font-size: 30px;color: #222;background: url(/images/btn9.png) no-repeat right 18px;position: relative;} #govern .li .title::before{content: '';position: absolute;left: -25px;top: 12px;width: 3px;height: 22px;background: #0d9a9b;} #govern .li .title.cur{background-image: url(/images/btn9-h.png);} #govern .li .content{padding-top: 18px;display: none;} #govern .li .content .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;} #govern .li .content .files-box{margin-top: 30px;} #govern .li .content .files-box .item{font-size: 16px;color: #222;padding-left: 30px;background: url(/images/pdf-icon.png) no-repeat left 0;margin-bottom: 20px;line-height: 1.8;} #govern .li .content .files-box .item:hover{color: #0d9a9b;} #govern .li .content .files-box .item span{color: #0d9a9b;margin-left: 5px;} #investor-contact{padding: 80px 0 120px;background: url(/images/investor_contact-bg.png) no-repeat center / cover;} #investor-contact .title-box span{font-size: 50px;color: #fff;} #investor-contact .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l2.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #investor-contact .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r2.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #investor-contact .form-box{width: 100%;background: rgba(255,255,255,.95);border-radius: 15px 0 15px 0;padding: 65px 100px;margin-top: 50px;} #investor-contact .form-box .item{width: 30%;margin-bottom: 45px;} #investor-contact .form-box .item .tit{width: 70px;font-size: 16px;color: #222;} #investor-contact .form-box .item .tit span{color: #e60012;margin-left: 3px;} #investor-contact .form-box .item .input{width: calc(100% - 70px);height: 40px;} #investor-contact .form-box .item .input input{width: 100%;border-bottom: 1px solid #ddd;padding-bottom: 10px;font-size: 16px;color: #222;} #investor-contact .form-box .item .input input:focus{border-bottom-color: #009e9b;} #investor-contact .form-box .textarea{width: 100%;height: 145px;margin-bottom: 50px;} #investor-contact .form-box .textarea textarea{width: 100%;border-bottom: 1px solid #ddd;padding-bottom: 10px;font-size: 16px;color: #222;} #investor-contact .form-box .textarea textarea:focus{border-bottom-color: #009e9b;} #investor-contact .form-box .yzm-box{width: 46.667%;margin-bottom: 0;margin-right: 40px;} #investor-contact .form-box .submit{width: 160px;height: 60px;line-height: 60px;background: #009e9b;font-size: 20px;color: #fff;border-radius: 30px;text-align: center;margin-left: auto;} #investor-contact .form-box .submit:hover{background: #007b79;} #investor-contact .form-box .txt{width: 100%;font-size: 16px;color: #999;margin-top: 40px;} @media (max-width: 1200px){ #investor-contact .form-box{padding: 50px;} } @media (max-width: 980px){ #investor-contact .form-box .submit {margin: 30px auto 0px;} } /*社会责任*/ #duty{padding: 100px 0 20px;background: #fafafb;} #duty .li{margin-bottom: 80px;} #duty .li .text-box{width: 50%;top: 50%;right: 0;transform: translateY(-50%);background: #fff;padding: 90px 80px 95px 95px;z-index: 2;box-shadow: 10px 17px 20px 0px rgba(0, 0, 0, 0.1);} #duty .li:nth-child(2n) .text-box{left: 0;right: auto;} #duty .li .text-box .title{font-size: 50px;color: #222;line-height: 1.2;} #duty .li .text-box .title .icon{width: 62px;height: 62px;margin-right: 26px;vertical-align: middle;} #duty .li .text-box .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;margin: 28px 0 50px;text-align: justify;} #duty .li .text-box .more-btn{width: 160px;height: 60px;line-height: 60px;border: 1px solid rgba(0,158,155,.1);border-radius: 30px;} #duty .li .text-box .more-btn span{font-size: 16px;color: #009e9b;position: relative;z-index: 2;padding-right: 20px;background: url(/images/detail-icon3.png) no-repeat right;} #duty .li .text-box .more-btn:hover{border-color: transparent;} #duty .li .text-box .more-btn:hover span{color: #fff;background-image: url(/images/detail-icon.png);} /* 鼠标上移按钮背景变化效果 */ #duty .li .text-box .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #009e9b;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;border-radius: 30px;} #duty .li .text-box .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #009e9b;} #duty .li .pic{width: 57.143%;} @media (max-width: 1200px){ #duty .li .text-box{padding: 50px;} #duty .li .text-box .title{font-size: 36px;} } #duty-report{padding: 80px 0 120px;} #duty-report .title-box span{font-size: 50px;color: #222;} #duty-report .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #duty-report .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #duty-report .content{margin-top: 50px;} #duty-report .content .li{width: 23.929%;margin-right: 1.428%;} #duty-report .content .li:nth-child(4n){margin-right: 0;} #duty-report .content .li .pic{width: 100%;padding-top: 134.328%;} #duty-report .content .li .text-box{display: flex;flex-direction: column;justify-content: flex-end;z-index: 2;padding: 0 35px 35px;color: #fff;transform: translateY(45px);} #duty-report .content .li .text-box .tit{font-size: 26px;} #duty-report .content .li .text-box .brief{font-size: 16px;margin: 10px 0 25px;} #duty-report .content .li .text-box .more{opacity: 0;} #duty-report .content .li .text-box .more span{font-size: 16px;padding-right: 15px;background: url(/images/detail-icon.png) no-repeat right;display: inline-block;} #duty-report .content .li:hover .text-box{transform: translateY(0);} #duty-report .content .li:hover .text-box .more{opacity: 1;} #duty-ban{padding: 80px 0 40px;background: #fafafb;} #duty-ban .li{width: 100%;margin-bottom: 60px;} #duty-ban .li .pic{padding-top: 35.714%;} #duty-ban .li .text-box{padding: 20px 100px;display: flex;flex-direction: column;justify-content: center;} #duty-ban .li .text-box .title{font-size: 50px;color: #222;line-height: 1.2;position: relative;margin-top: 24px;} #duty-ban .li .text-box .title::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;top: -24px;} #duty-ban .li .text-box .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;margin: 15px 0 50px;text-align: justify;} #duty-ban .li .text-box .more{} #duty-ban .li .text-box .more-btn{width: 130px;height: 60px;line-height: 60px;background: rgba(0,158,155,.1);border-radius: 30px;} #duty-ban .li .text-box .more-btn span:nth-child(1){font-size: 16px;color: #009e9b;position: relative;z-index: 2;padding-right: 10px;} #duty-ban .li .text-box .more-btn .icon{width: 58px;height: 12px;background: url(/images/btn10.png) no-repeat center;position: absolute;right: -42px;top: 24px;z-index: 3;} #duty-ban .li .text-box .more-btn:hover{border-color: transparent;width: 170px;} #duty-ban .li .text-box .more-btn:hover span:nth-child(1){color: #fff;padding-right: 35px;} #duty-ban .li .text-box .more-btn:hover .icon{width: 18px;background-image: url(/images/btn11.png);right: 38px;} /* 鼠标上移按钮背景变化效果 */ #duty-ban .li .text-box .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #009e9b;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;border-radius: 30px;} #duty-ban .li .text-box .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #009e9b;} #sustainable2{padding-top: 70px;} #sustainable2::after{width: 100%;height: 250px;background: #fafafb;left: 0;bottom: 0;content: '';position: absolute;z-index: -1;} #sustainable2 .title-box span{font-size: 50px;color: #222;} #sustainable2 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #sustainable2 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #sustainable2 .brief{width: 55.714%;font-size: 16px;outline-offset: #7e7f80;line-height: 1.625;margin: 30px auto 60px;} #sustainable2 .tit-white1{font-size: 200px;font-family: "DEB";left: 40%;bottom: 145px;opacity: .1;line-height: 1;font-style: italic;-webkit-text-stroke: 1px #000;color: transparent;z-index: 1;} #sustainable3{padding: 90px 0 40px;background: #fafafb;} #sustainable3 .top-box{width: 50%;} #sustainable3 .top-box .title{font-size: 50px;color: #222;line-height: 1.2;position: relative;} #sustainable3 .top-box .title::after{content: '';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;left: 0;bottom: -40px;} #sustainable3 .top-box .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;margin-top: 80px;text-align: justify;} #sustainable3 .content{margin-top: 110px;} #sustainable3 .content .li{width: 47.857%;margin-right: 4.286%;margin-bottom: 118px;} #sustainable3 .content .li:nth-child(2n){margin-right: 0;margin-top: -300px;} #sustainable3 .content .li .pic{padding-top: 68.657%;} #sustainable3 .content .li .tit{width: 59.701%;font-size: 24px;color: #222;line-height: 1.25;padding: 15px 30px 20px;background: #fff;left: 40px;bottom: -60px;z-index: 1;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);} #sustainable3 .content .li .tit::before{content: '';position: absolute;width: 10px;height: 23px;background-image: linear-gradient(45deg, #0fa392 50%, #c0dc26 100%);left: 0;top: 20px;} @media (max-width: 750px){ #sustainable3 .content .li .tit{font-size: 24px;} } #sustainable4{padding: 70px 0 40px;} #sustainable4 .title-box span{font-size: 50px;color: #222;} #sustainable4 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #sustainable4 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #sustainable4 .content{margin-top: 45px;} #sustainable4 .content .li{width: 47.875%;background: #fafafb;margin-bottom: 60px;} #sustainable4 .content .li .pic{width: 100%;padding-top: 59.701%;} #sustainable4 .content .li .pic .data-box{width: 90px;height: 90px;background: #fff;border-radius: 8px;left: 30px;top: 27px;z-index: 2;padding-top: 16px;} #sustainable4 .content .li .pic .data-box::before{content: '';position: absolute;width: 8px;height: 18px;border-radius: 8px;border: 2px solid #7fa5d2;left: 23px;top: -9px;background: #fff;} #sustainable4 .content .li .pic .data-box::after{content: '';position: absolute;width: 8px;height: 18px;border-radius: 8px;border: 2px solid #7fa5d2;left: 56px;top: -9px;background: #fff;} #sustainable4 .content .li .pic .data-box .d{font-size: 34px;color: #009e9b;font-family: "DE";} #sustainable4 .content .li .pic .data-box .ym{font-size: 16px;color: #7e7f80;font-family: "DE";margin-top: 6px;} #sustainable4 .content .li .msg{padding: 32px 40px 42px;text-align: justify;} #sustainable4 .content .li .msg .title{font-size: 24px;color: #222;line-height: 1.2;} #sustainable4 .content .li .msg .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;margin: 20px 0 28px;} #sustainable4 .content .li .msg .more{font-size: 16px;color: #7e7f80;padding-right: 30px;display: inline-block;} #sustainable4 .content .li .msg .more i{width: 14px;height: 10px;background: url(/images/detail-icon4.png) no-repeat center;-webkit-transform-origin: right center;transform-origin: right center;top: 7px;right: 0;} #sustainable4 .content .li:hover .msg .title, #sustainable4 .content .li:hover .msg .more{color: #009e9b;} #sustainable4 .content .li:hover .msg .more i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;background-image: url(/images/detail-icon5.png);} #society2{padding: 75px 0 100px;} #society2 .tit-white2{font-size: 200px;font-family: "DEB";left: 0;top: -32px;opacity: .05;line-height: 1;font-style: italic;color: #222;z-index: 0;} #society2 .tit-white1{font-size: 200px;font-family: "DEB";left: 295px;top: 190px;opacity: .05;line-height: 1;font-style: italic;color: #222;z-index: 0;} #society2 .top-box .left{width: 34.285%;padding-right: 150px;} #society2 .top-box .left .title{font-size: 50px;color: #222;line-height: 1.2;position: relative;} #society2 .top-box .left .title::after{content: '';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;left: 0;bottom: -40px;} #society2 .top-box .brief{font-size: 16px;color: #7e7f80;line-height: 1.75;margin-top: 75px;text-align: justify-content} #society2 .right{width: 65.715%;} #society2 .right .pic{padding-top: 45.652%;} #society2 .right .text-box{top: 45px;left: 26px;} #society2 .right .text-box::before{content: '';position: absolute;width: 10px;height: 23px;background-image: linear-gradient(45deg, #0fa392 50%, #c0dc26 100%);left: -26px;top: 5px;} #society2 .right .text-box .title{font-size: 24px;color: #222;line-height: 1.25;} #society2 .right .text-box .more i{width: 38px;height: 12px;background: url(/images/btn12.png) no-repeat center;-webkit-transform-origin: right center;transform-origin: right center;top: 50px;left: 0;} #society2 .right:hover .text-box .more i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #society2 .content{margin-top: 40px;} #society2 .content .li{width: 31.428%;margin-right: 2.858%;} #society2 .content .li:nth-child(3n){margin-right: 0;} #society2 .content .li .pic{padding-top: 90.909%;} #society2 .content .li .text-box{top: 35px;left: 26px;} #society2 .content .li .text-box::before{content: '';position: absolute;width: 10px;height: 23px;background-image: linear-gradient(45deg, #0fa392 50%, #c0dc26 100%);left: -26px;top: 5px;} #society2 .content .li .text-box .title{font-size: 24px;color: #22;line-height: 1.25;} #society2 .content .li .text-box .more i{width: 38px;height: 12px;background: url(/images/btn12.png) no-repeat center;-webkit-transform-origin: right center;transform-origin: right center;top: 50px;left: 0;} #society2 .content .li:hover .text-box .more i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #society3{padding: 70px 0 100px;background: #fafafb;} #society3 .title-box span{font-size: 50px;color: #222;} #society3 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #society3 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #society3 .content{margin-top: 60px;} #society3 .content .left{width: 49.285%;} #society3 .content .left .pic{padding-top: 100%;} #society3 .content .right{width: 49.285%;display: flex;flex-direction: column;justify-content: space-between;} #society3 .content .right .item1 .pic{width: 100%;padding-top: 48.551%;} #society3 .content .right .bot{} #society3 .content .right .bot .item2{width: 48.551%;} #society3 .content .right .bot .item2 .pic{width: 100%;padding-top: 100%;} #society3 .content .item .text-box{display: flex;flex-direction: column;justify-content: flex-end;z-index: 2;padding: 0 45px 45px;color: #fff;transform: translateY(45px);} #society3 .content .item .text-box .title{font-size: 24px;} #society3 .content .item .text-box .brief{font-size: 16px;margin: 8px 0 20px;line-height: 1.625;opacity: 0;} #society3 .content .item .text-box .line{width: 30px;height: 2px;background: #fff;opacity: 0;} #society3 .content .item:hover .text-box{transform: translateY(0);} #society3 .content .item:hover .text-box .brief{opacity: 1;} #society3 .content .item:hover .text-box .line{opacity: 1;} #society4{padding: 70px 0 60px;} #society4 .title-box span{font-size: 50px;color: #222;} #society4 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #society4 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #society4 .content{margin-top: 60px;} #society4 .content .li{width: 100%;margin-bottom: 60px;border-radius: 20px;} #society4 .content .li .pic{padding-top: 35.714%;} #society4 .content .li .text-box{padding: 20px 100px;display: flex;flex-direction: column;justify-content: center;} #society4 .content .li .text-box .title{font-size: 50px;color: #222;line-height: 1.2;} #society4 .content .li .text-box .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;margin: 20px 0 50px;text-align: justify;} #society4 .content .li .text-box .more-btn{width: 160px;height: 60px;line-height: 60px;border: 1px solid rgba(0,158,155,.1);border-radius: 30px;} #society4 .content .li .text-box .more-btn span{font-size: 16px;color: #009e9b;position: relative;z-index: 2;padding-right: 20px;background: url(/images/detail-icon3.png) no-repeat right;} #society4 .content .li .text-box .more-btn:hover{border-color: transparent;} #society4 .content .li .text-box .more-btn:hover span{color: #fff;background-image: url(/images/detail-icon.png);} /* 鼠标上移按钮背景变化效果 */ #society4 .content .li .text-box .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #009e9b;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;border-radius: 30px;} #society4 .content .li .text-box .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #009e9b;} #environment2{padding: 70px 0 40px;} #environment2 .title-box span{font-size: 50px;color: #222;} #environment2 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #environment2 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #environment2 .top{width: 100%;margin-top: 50px;background: #fafafb;} #environment2 .top .pic{padding-top: 25.143%;} #environment2 .top .text-box{padding: 20px 100px;display: flex;flex-direction: column;justify-content: center;} #environment2 .top .text-box .title{font-size: 30px;color: #222;line-height: 1.2;position: relative;} #environment2 .top .text-box .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;margin: 20px 0 50px;text-align: justify;} #environment2 .top .text-box .more{} #environment2 .top .text-box .more-btn{width: 130px;height: 60px;line-height: 60px;background: rgba(0,158,155,.1);border-radius: 30px;} #environment2 .top .text-box .more-btn span:nth-child(1){font-size: 16px;color: #009e9b;position: relative;z-index: 2;padding-right: 10px;} #environment2 .top .text-box .more-btn .icon{width: 58px;height: 12px;background: url(/images/btn10.png) no-repeat center;position: absolute;right: -42px;top: 24px;z-index: 3;} #environment2 .top .text-box .more-btn:hover{border-color: transparent;width: 170px;} #environment2 .top .text-box .more-btn:hover span:nth-child(1){color: #fff;padding-right: 35px;} #environment2 .top .text-box .more-btn:hover .icon{width: 18px;background-image: url(/images/btn11.png);right: 38px;} /* 鼠标上移按钮背景变化效果 */ #environment2 .top .text-box .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #009e9b;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;border-radius: 30px;} #environment2 .top .text-box .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #009e9b;} #environment2 .content{margin-top: 60px;} #environment2 .content .li{width: 47.875%;background: #fafafb;margin-bottom: 60px;} #environment2 .content .li .pic{width: 100%;padding-top: 59.701%;} #environment2 .content .li .pic .data-box{width: 90px;height: 90px;background: #fff;border-radius: 8px;left: 30px;top: 27px;z-index: 2;padding-top: 16px;} #environment2 .content .li .pic .data-box::before{content: '';position: absolute;width: 8px;height: 18px;border-radius: 8px;border: 2px solid #7fa5d2;left: 23px;top: -9px;background: #fff;} #environment2 .content .li .pic .data-box::after{content: '';position: absolute;width: 8px;height: 18px;border-radius: 8px;border: 2px solid #7fa5d2;left: 56px;top: -9px;background: #fff;} #environment2 .content .li .pic .data-box .d{font-size: 34px;color: #009e9b;font-family: "DE";} #environment2 .content .li .pic .data-box .ym{font-size: 16px;color: #7e7f80;font-family: "DE";margin-top: 6px;} #environment2 .content .li .msg{padding: 32px 40px 42px;text-align: justify;} #environment2 .content .li .msg .title{font-size: 24px;color: #222;line-height: 1.2;} #environment2 .content .li .msg .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;margin: 20px 0 28px;} #environment2 .content .li .msg .more{font-size: 16px;color: #7e7f80;padding-right: 30px;display: inline-block;} #environment2 .content .li .msg .more i{width: 14px;height: 10px;background: url(/images/detail-icon4.png) no-repeat center;-webkit-transform-origin: right center;transform-origin: right center;top: 7px;right: 0;} #environment2 .content .li:hover .msg .title, #environment2 .content .li:hover .msg .more{color: #009e9b;} #environment2 .content .li:hover .msg .more i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;background-image: url(/images/detail-icon5.png);} #environment3{padding: 70px 0 120px;background: #fafafb;} #environment3 .title-box span{font-size: 50px;color: #222;} #environment3 .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #environment3 .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #environment3 .content{margin-top: 50px;} #environment3 .content .left{width: 60.714%;} #environment3 .content .left .pic{padding-top: 67.059%;} #environment3 .content .right{width: 39.286%;padding: 0 38px 0 90px;margin-top: 15px;} #environment3 .content .right .line-box{width: 1px;height: 100%;background: #e1e1e1;right: 0;top: 0;bottom: 0;} #environment3 .content .right .line-box .line{width: 2px;height: 50%;background: #009e9b;left: 0;top: 0;} #environment3 .content .right .li{margin-bottom: 25px;padding-right: 100px;} #environment3 .content .right .li:last-child{margin-bottom: 0;} #environment3 .content .right .li .tit{font-size: 30px;color: #ccc;} #environment3 .content .right .li.cur .tit{color: #222;} #environment3 .content .right .li .msg{display: none;} #environment3 .content .right .li.cur .msg{display: block;} #environment3 .content .right .li .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;margin: 15px 0;text-align: justify;} #environment3 .content .right .li .more{font-size: 16px;color: #7e7f80;padding-right: 30px;display: inline-block;} #environment3 .content .right .li .more i{width: 14px;height: 10px;background: url(/images/detail-icon4.png) no-repeat center;-webkit-transform-origin: right center;transform-origin: right center;top: 7px;right: 0;} #environment3 .content .right .li .more:hover{color: #009e9b;} #environment3 .content .right .li .more:hover i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;background-image: url(/images/detail-icon5.png);} @media (max-width: 750px){ #environment3 .content{flex-wrap: wrap;} #environment3 .content .left{width: 100%;} #environment3 .content .right{width: 100%;padding-left: 0;} #environment3 .content .right .li{padding-right: 20px;} } /*新闻*/ #hot-news{padding: 75px 0 80px;} #hot-news .title-box{} #hot-news .title-box span{font-size: 50px;color: #222;} #hot-news .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #hot-news .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #hot-news .box{margin-top: 45px;padding-bottom: 65px;} #hot-news .box .li{background: #fafafb;} #hot-news .box .li .pic{width: 37.714%;padding-top: 22.714%;} #hot-news .box .li .text{width: 62.286%;padding: 0 60px;text-align: justify;} #hot-news .box .li .text .tit{font-size: 24px;color: #222;padding-top: 5px;} #hot-news .box .li .text .tit .tag{width: 30px;height: 21px;background: url(/images/news-hot-bg.png) no-repeat center;font-size: 10px;color: #000;text-align: center;line-height: 21px;right: -45px;top: -10px;} #hot-news .box .li .text .brief{font-size: 16px;color: #7e7f80;line-height: 1.75;margin: 18px 0 70px;} #hot-news .box .li .text .bot{} #hot-news .box .li .text .bot .time{font-size: 34px;color: #009e9b;font-family:"DE";} #hot-news .box .li .text .bot .time .y{font-size: 16px;color: #7e7f80;font-family:"DE";} #hot-news .box .li .text .bot .more{font-size: 16px;color: #7e7f80;padding-right: 30px;} #hot-news .box .li .text .bot .more i{width: 14px;height: 10px;background: url(/images/detail-icon4.png) no-repeat center;-webkit-transform-origin: right center;transform-origin: right center;top: 7px;right: 0;} #hot-news .box .li .text .bot .time{font-size: 34px;color: #009e9b;font-family:"DE";} #hot-news .box .li:hover .text .tit{color: #009e9b;} #hot-news .box .li:hover .text .bot .more i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;background-image: url(/images/detail-icon5.png);} #hot-news .box .li .text .icon1{width: 39px;height: 30px;background: url(/images/hot-news-icon1.png) no-repeat center;left: 30px;top: 0;} #hot-news .box .li .text .icon2{width: 38px;height: 31px;background: url(/images/hot-news-icon2.png) no-repeat center;right: 30px;bottom: 0;} #hot-news .box .circle-page .circle{width: 36px;height: 36px;} #hot-news .box .circle-page .circle::after{width: 9px;height: 9px;border: 3px solid #cdcccc;content:'';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;} #hot-news .page-box{z-index: 20;} #hot-news .page-box .btn{width: 40px;height: 9px;top: -35px;} #hot-news .page-box .btn.prev{background: url(/images/page-icon.png) no-repeat center;left: 40%;transform: rotateY(180deg);} #hot-news .page-box .btn.next{background: url(/images/page-icon.png) no-repeat center;right: 40%;} #hot-news .page-box .btn:hover{width: 70px;} #hot-news .page-box .btn.prev:hover{background-image: url(/images/page-icon2.png);left: calc(40% - 30px);} #hot-news .page-box .btn.next:hover{background-image: url(/images/page-icon2.png);right: calc(40% - 30px);} #news{padding: 75px 0 120px;background: #fafafb;} #news .title-box span{font-size: 50px;color: #222;} #news .title-box span::before{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-l.png) no-repeat center;left: -124px;top: 50%;transform: translateY(-50%);} #news .title-box span::after{content:'';position: absolute;width: 94px;height: 17px;background: url(/images/title-icon-r.png) no-repeat center;right: -124px;top: 50%;transform: translateY(-50%);} #news .box{margin-top: 45px;} #news .box .left{width: 75.714%;background: #fff;padding-bottom: 60px;} #news .box .left .content{} #news .box .left .content .li{padding: 45px;border-bottom: 2px solid #fafafb;} #news .box .left .content .li .time{width: 108px;padding-right: 55px;} #news .box .left .content .li .time .d{font-size: 34px;color: #009e9b;font-family: "DE";} #news .box .left .content .li .time .ym{font-size: 16px;color: #7e7f80;font-family: "DE";} #news .box .left .content .li .text{width: calc(100% - 108px - 264px);padding-right: 55px;text-align: justify;} #news .box .left .content .li .text.nopic{width: calc(100% - 108px);padding-right: 0;} #news .box .left .content .li .text .tit{font-size: 24px;color: #222;line-height: 1.25;max-height: 60px;} #news .box .left .content .li .text .brief{font-size: 16px;color: #7e7f80;line-height: 1.625;max-height: 52px;margin: 18px 0 35px;} #news .box .left .content .li .text .bot .key-list{width: 75%;} #news .box .left .content .li .text .bot .key-list .key{font-size: 14px; color: #7e7f80; height: 26px; line-height: 24px; padding: 0 9px; border-radius: 5px; border: 1px solid #e5e5e5; margin-right: 10px; margin-top: 5px;} #news .box .left .content .li .text .bot .key-list .key:hover{border-color: #009e9b; color: #009e9b;} #news .box .left .content .li .text .more{font-size: 16px;color: #7e7f80;padding-right: 30px;} #news .box .left .content .li .text .more i{width: 14px;height: 10px;background: url(/images/detail-icon4.png) no-repeat center;-webkit-transform-origin: right center;transform-origin: right center;top: 7px;right: 0;} #news .box .left .content .li .pic{width: 264px;/*height: 159px;*/margin-left: auto;} #news .box .left .content .li:after{content: "";position: absolute;width: 0;height: 2px;bottom: 0;right: 0;left: auto;background: #009e9b;transition: all 0.5s;} #news .box .left .content .li:hover .text .tit{color: #009b9e;} #news .box .left .content .li:hover:after{width: 100%;right: auto;left: 0;} #news .box .left .content .li:hover .text .more{color: #009b9e;} #news .box .left .content .li:hover .text .more i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;background-image: url(/images/detail-icon5.png);} #news .box .left .page{margin-top: 60px;} #news .box .right{width: 21.429%;} #news .box .right .form-box{padding: 26px 28px 35px;background: #fff;} #news .box .right .form-box .list{padding-bottom: 15px;border-bottom: 1px solid #ddd;} #news .box .right .form-box .list .input{width: calc(100% - 25px);font-size: 16px;color: #ccc;} #news .box .right .form-box .list .submit{display: inline-block;width: 21px;height: 21px;background: url(/images/search-icon.png) no-repeat center;margin-left: 4px;} #news .box .right .form-box .txt{font-size: 16px;color: #222;margin: 25px 0 15px;} #news .box .right .form-box .word{} #news .box .right .form-box .word .item{padding: 5px 8px;border: 1px solid #e5e5e5;font-size: 14px;color: #ccc;margin: 0 10px 10px 0;border-radius: 5px;} #news .box .right .form-box .word .item:hover{color: #009e9b;border-color: #009e9b;} #news .box .right .pic{width: 100%;margin-top: 40px;} @media (max-width: 1024px){ #news .box .left .content .li .text .bot{flex-wrap: wrap;justify-content: flex-start;} #news .box .left .content .li .text .bot .key-list{width: 100%;margin-bottom: 20px;} } @media (max-width: 750px){ #news .box .left .content .li .text.nopic{width: 100%;} #news .box .left .content .li .text .bot .key-list .key{font-size: 24px;} } /*新闻详情*/ #news-detail{padding: 40px 0 120px;background: #fafafb;} #news-detail .content{width: 100%;margin-top: 30px;background: #fff;padding: 60px 100px 80px;} #news-detail .content .title{font-size: 50px;color: #222;margin-bottom: 30px;} #news-detail .content .txt{color: #7e7f80;line-height: 22px;margin-bottom: 50px;padding-bottom: 60px;border-bottom: 1px solid #e5e5e5;} #news-detail .content .con iframe{ width: 100% !important;} #news-detail .content .time{font-size: 16px;color: #7e7f80;margin-right: 25px;font-family: "DE";padding-left: 33px;background: url(/images/time-icon.png) no-repeat left;} #news-detail .content .cate{font-size: 16px;color: #7e7f80;margin-left: 25px;} #news-detail .content .share-box{width: 100%;margin-top: 55px;} #news-detail .content .share-box:before{content: "";position: absolute;width: 100%;height: 1px;top: 0;bottom: 0;margin: auto;background: #e5e5e5;left: 0;right: 0;} #news-detail .content .share-box .share{background: #fff;z-index: 2;padding: 0 20px;} #news-detail .content .share-box .s{width: 40px;height: 40px;margin: 0 12px;background-repeat: no-repeat;background-position: center center;} #news-detail .content .share-box .wx{background-image: url(/images/news-share1.png);} #news-detail .content .share-box .wx:hover{background-image: url(/images/news-share1-h.png);} #news-detail .content .share-box .wb{background-image: url(/images/news-share2.png);} #news-detail .content .share-box .wb:hover{background-image: url(/images/news-share2-h.png);} #news-detail .content .share-box .qq{background-image: url(/images/news-share3.png);} #news-detail .content .share-box .qq:hover{background-image: url(/images/news-share3-h.png);} #news-detail .content .share-box .copy{background-image: url(/images/news-share4.png);} #news-detail .content .share-box .copy:hover{background-image: url(/images/news-share4-h.png);} #news-detail .content .key-list{margin-top: 70px;} #news-detail .content .key-list .key{font-size: 14px; color: #7e7f80; height: 26px; line-height: 24px; padding: 0 9px; border-radius: 5px; border: 1px solid #e5e5e5; margin-right: 10px; margin-top: 5px;} #news-detail .content .key-list .key:hover{border-color: #009e9b; color: #009e9b;} #news-detail .news-list{margin-top: 40px;} #news-detail .news-list .cont{width: 48.571%; padding: 24px 2.857% 40px; background: #fff;} #news-detail .news-list .cont .title{padding-bottom: 14px; margin-bottom: 25px; font-size: 24px; color: #222222; line-height: 35px; border-bottom: 1px solid #e5e5e5;} #news-detail .news-list .cont .list .item {margin-bottom: 10px; font-size: 16px; color: #222; line-height: 26px;} #news-detail .news-list .cont .list .item:hover{color: #009e9b;} #news-detail .news-list .cont .list .item:last-child{margin-bottom: 0;} #news-detail .news-list .cont .list .item .name{width: 80%;} #news-detail .news-list .cont .list .item i {width: 14px;height: 10px;background: url(/images/detail-icon4.png) no-repeat center;-webkit-transform-origin: right center;transform-origin: right center;top: 7px;right: 0;} #news-detail .news-list .cont .list .item:hover i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;background-image: url(/images/detail-icon5.png);} @media (max-width: 1440px){ #news-detail .box{max-width: 1000px;} #news-detail .news-list .cont .list .item .name{width: 92%;} } @media (max-width: 750px){ #news-detail .content .title{padding: 0 20px;} #news-detail .content .time{font-size: 26px;} #news-detail .content .cate{font-size: 26px;height: 50px;line-height: 50px;border-radius: 25px;} #news-detail .content .key-list .key{font-size: 24px;} #news-detail .news-list{flex-wrap: wrap;} #news-detail .news-list .cont{width: 100%;} #news-detail .news-list .new{margin-bottom: 25px;} #news-detail .news-list .cont .title{font-size: 28px;} #news-detail .news-list .cont .list .item{font-size: 26px;line-height: 1.5;} #news-detail .news-list .cont .list .item i{top: 13px;} } #btn-right{left: calc(100% + 5px);top: 30px;} #btn-right .item{width: 60px;height: 70px;overflow: hidden;transition: .3s;margin-bottom: 2px;} #btn-right .item span{padding-left: 15px;white-space: nowrap;line-height: 70px;color: #009e9b;opacity: 0;font-size: 16px;} #btn-right .item1{background: url(/images/btn-t1.png) no-repeat center #fff;} #btn-right .item2{background: url(/images/btn-b1.png) no-repeat center #fff;} #btn-right .item3{background: url(/images/btn-back1.png) no-repeat center #fff;} #btn-right .item4{background: url(/images/btn-share1.png) no-repeat center #fff;} #btn-right .item1:hover{width: 140px;background: url(/images/btn-t2.png) no-repeat center right 22px #fff;} #btn-right .item1:hover span{opacity: 1;} #btn-right .item2:hover{width: 140px;background: url(/images/btn-b2.png) no-repeat center right 22px #fff;} #btn-right .item2:hover span{opacity: 1;} #btn-right .item3:hover{width: 140px;background: url(/images/btn-back2.png) no-repeat center right 22px #fff;} #btn-right .item3:hover span{opacity: 1;} #btn-right .item4:hover{width: 140px;background: url(/images/btn-share2.png) no-repeat center right 22px #fff;overflow: visible;} #btn-right .item4:hover span{opacity: 1;} #btn-right .share-box{width: 140px;margin: 0 auto;padding: 20px 15px 0;background: #fff;} #btn-right .share-box .share{border-top: 1px solid #e5e5e5;padding: 15px 0 10px;} #btn-right .share-box .s{background-repeat: no-repeat;background-position: left center;padding-left: 40px;font-size: 16px;color: #7e7f80;line-height: 50px;} #btn-right .share-box .wx{background-image: url(/images/news-share1.png);} #btn-right .share-box .wx:hover{background-image: url(/images/news-share1-h.png);} #btn-right .share-box .wb{background-image: url(/images/news-share2.png);} #btn-right .share-box .wb:hover{background-image: url(/images/news-share2-h.png);} #btn-right .share-box .qq{background-image: url(/images/news-share3.png);} #btn-right .share-box .qq:hover{background-image: url(/images/news-share3-h.png);} #btn-right .share-box .copy{background-image: url(/images/news-share4.png);} #btn-right .share-box .copy:hover{background-image: url(/images/news-share4-h.png);} #btn-right .item4 .share-box .s:hover{color: #222;} /*加入我们*/ #join1{padding: 75px 0 95px;} #join1 .content1{} #join1 .content1 .left{width: 50%;} #join1 .content1 .left .title{font-size: 24px;color: #13a5a6;} #join1 .content1 .left .brief1{font-size: 50px;color: #222;line-height: 1.2;margin: 20px 0 40px;} #join1 .content1 .left .brief2{font-size: 16px;color: #7e7f80;line-height: 1.875;text-align: justify;} #join1 .content1 .pic{width: 42.286%;} #join1 .content2{margin-top: 140px;} #join1 .content2 .item{width: 46.214%;} #join1 .content2 .item .pic{width: 100%;padding-top: 77.279%;} #join1 .content2 .item .text-box{left: 10.819%;top: 50%;transform: translateY(-50%);z-index: 2;} #join1 .content2 .item:nth-child(2){margin-top: -80px;} #join1 .content2 .item:nth-child(1) .text-box .icon{width: 39px;height: 27px;background: url(/images/join-icon1.png) no-repeat center;} #join1 .content2 .item:nth-child(2) .text-box .icon{width: 28px;height: 32px;background: url(/images/join-icon2.png) no-repeat center;} #join1 .content2 .item .text-box .tit{font-size: 30px;color: #fff;margin: 10px 0 20px;} #join1 .content2 .item .text-box .brief{font-size: 16px;color: #fff;line-height: 1.875;} #join1 .content2 .item .text-box .more{width: 150px;height: 60px;line-height: 60px;text-align: center;background: #009e9b;font-size: 16px;color: #fff;border-radius: 30px;margin-top: 35px;} #join1 .content2 .item .text-box .more:hover{background: #007b79;} @media (max-width: 1440px){ #join1 .content1 .left{width: 55%;} #join1 .content1 .left .brief1{font-size: 42px;} } @media (max-width: 1280px){ #join1 .content1 .left .brief1{font-size: 36px;} } @media (max-width: 980px){ #join1 .content2{display: block;margin-top: 60px;} #join1 .content2 .item{width: 80%;margin: 0 auto} #join1 .content2 .item:nth-child(2){margin-top: 20px;} } @media (max-width: 750px){ #join1 .content1{display: block;} #join1 .content1 .left{width: 100%;} #join1 .content1 .left .title{font-size: 28px;} #join1 .content1 .left .brief2{font-size: 26px;} #join1 .content1 .pic{width: 100%;margin-top: 30px;} #join1 .content2 .item{width: 100%;} #join1 .content2 .item .text-box .tit{font-size: 36px;} #join1 .content2 .item .text-box .brief{font-size: 26px;} #join1 .content2 .item .text-box .more{font-size: 24px;} } #join2{padding: 270px 0 290px;background: url(/images/join2-bg.jpg) no-repeat center / cover;} #join2 .content1{width: 50%;margin: 0 auto;padding-bottom: 30px;position: relative;} #join2 .content1::after{content: '';width: 80px;height: 2px;background: #13a5a6;left: 0;right: 0;position: absolute;margin: auto;bottom: 0;} #join2 .content1 .c1{margin-top: 40px;} #join2 .content1 .title{font-size: 50px;color: #222;} #join2 .content1 .title span::before{content: '';position: absolute;background: url(/images/join2-bg2.png) no-repeat center;width: 123px;height: 97px;left: -100px;top: -35px;} #join2 .content1 .brief{font-size: 16px;color: #222;line-height: 1.75;} #join2 .content1 .pic{display: none;} #join2 .content1 .name{font-size: 24px;color: #222;font-family: "DE";margin: 85px auto 12px;max-width: 50%;} #join2 .content1 .txt{font-size: 14px;color: #222;max-width: 50%;margin: 0 auto;} #join2 .content1 .btn{width: 40px;height: 9px;bottom: 40px;z-index: 5;opacity: .2;} #join2 .content1 .btn.prev{background: url(/images/page-icon3.png) no-repeat center;left: 20%;} #join2 .content1 .btn.next{background: url(/images/page-icon.png) no-repeat center;right: 20%;} #join2 .content1 .btn:hover{opacity: 1;} @keyframes updown { 0%{transform: translateY(-30px);} 50%{transform: translateY(0);} 100%{transform: translateY(-30px);} } #join2 .content2{} #join2 .content2 .c2{width: 100%;height: 100%;} #join2 .content2 .c2 .li{/*width: 300px;height: 150px;*/width: 16%;height: 150px;animation: updown 4s linear infinite 0s;} /*#join2 .content2 .c2 .li.li1{left: 20.833%;top: 15%;} #join2 .content2 .c2 .li.li2{left: 0;top: 50%;animation: updown 2s linear infinite 0s;} #join2 .content2 .c2 .li.li3{left: 0;top: 76%;} #join2 .content2 .c2 .li.li4{left: 20%;top: 66.66%;animation: updown 3s linear infinite 0s;} #join2 .content2 .c2 .li.li5{left: 18%;top: 43.33%;animation: updown 6s linear infinite 0s;} #join2 .content2 .c2 .li.li6{left: -5%;top: 14%;animation: updown 5s linear infinite 0s;}*/ #join2 .content2 .c2 .li.li1{left: 20.833%;top: 15%;} #join2 .content2 .c2 .li.li2{left: -10%;top: 50%;} #join2 .content2 .c2 .li.li3{left: 0;top: 76%;} #join2 .content2 .c2 .li.li4{left: 22%;top: 66.66%;} #join2 .content2 .c2 .li.li5{left: 20%;top: 43.33%;} #join2 .content2 .c2 .li.li6{left: -5%;top: 14%;} /*@media (max-width: 1366px){ #join2 .content2 .c2 .li.li5{left: 4%;} } @media (max-width: 1280px){ #join2 .content2 .c2 .li{width: 18%;} }*/ @media (max-width: 980px){ #join2 .content1{width: 80%;} #join2 .content1 .btn.prev{left: 0;} #join2 .content1 .btn.next{right: 0;} #join2 .content1 .txt{max-width: 75%;} #join2 .content1 .pic{display: block;margin-top: 30px;} #join2 .content1 .name{margin-top: 35px;} #join2 .content2 .c2{display: none;} } @media (max-width: 750px){ #join2{padding: 100px 0;} #join2 .content1{width: 100%;} #join2 .content1 .brief{font-size: 26px;} #join2 .content1 .name{font-size: 28px;} #join2 .content1 .txt{font-size: 24px;} #join2 .content1 .pic{ margin-top: 60px;} #join2 .content1 .pic .img{ margin: 0 auto; width: 90px; height: 90px;} #join2 .content1 .pic .img img{ left: 0; bottom: 0; width: auto; height: auto; max-width: auto; max-height: auto;} } #join3{padding: 100px 0 120px;} #join3 .tit-white1{font-size: 200px;color: #222;font-family: "DEB";right: -320px;top: 28%;opacity: .1;line-height: 1;font-style: italic;} #join3 .content{} #join3 .content .left{width: 50%;} #join3 .content .left .pic{width: 100%;} #join3 .content .left .tit{font-size: 16px;color: #7e7f80;position: relative;padding-left: 16px;margin-top: 15px;} #join3 .content .left .tit::before{content: '';position: absolute;left: 0;top: 4px;border: 4px solid transparent;border-bottom: 8px solid #7e7f80;} #join3 .content .left .title{margin: 110px 0 20px;font-size: 50px;color: #222;} #join3 .content .left .brief{font-size: 16px;color: #7e7f80;line-height: 1.875;text-align: justify;} #join3 .content .right{width: 42.857%;padding-right: 40px;} #join3 .content .right .swiper{width: 100%;} #join3 .content .right .swiper .li{} #join3 .content .right .swiper .li .pic{padding-top: 78.571%;} #join3 .content .right .swiper .li .title{font-size: 16px;color: #fff;left: 35px;bottom: 20px;max-width: 80%;} #join3 .content .right .swiper .li .title::before{content: '';position: absolute;left: -16px;top: 5px;border: 4px solid transparent;border-bottom: 8px solid #fff;} #join3 .content .right .swiper .li .swiper-slide-shadow{display: none;} #join3 .content .right .swiper .page-box{width: 25px;right: 20px;bottom: 12px;z-index: 5;font-size: 14px;color: #fff;background: url(/images/line-icon.png) no-repeat center;} @media (max-width: 1024px){ #join3 .content .left .title{font-size: 36px;} } @media (max-width: 750px){ #join3 .tit-white1{font-size: 120px;} #join3 .content{display: block;} #join3 .content .left{width: 100%;} #join3 .content .left .tit{font-size: 26px;} #join3 .content .left .tit::before{top: 10px;} #join3 .content .left .title{margin: 60px 0 20px;} #join3 .content .left .brief{font-size: 26px;} #join3 .content .right{width: 92%;padding-right: 0;margin: 30px auto 0;} #join3 .content .right .swiper .li .pic{padding-top: 78.571%;} #join3 .content .right .swiper .li .title{font-size: 26px;} #join3 .content .right .swiper .li .title::before{top: 12px;} #join3 .content .right .swiper .page-box{font-size: 24px;} } /*校园招聘、社会招聘共用*/ #more-cate-btn{display: none;} #recruit{background: #fafafb;padding: 30px 0 120px;} #recruit .tit-white{font-size: 150px;color: #222;font-family: "DEB";right: -90px;top: 100px;opacity: .1;writing-mode: tb-rl;} #recruit .top-box{margin-top: 65px;} #recruit .top-box .title{font-size: 50px;color: #222;margin-right: 40px;} #recruit .top-box .text{font-size: 16px;color: #7e7f80;} #recruit .top-box .text span{font-size: 60px;color: #009e9b;font-family: "DEB";display: inline-block;margin-right: 8px;transform: translateY(3px);} #recruit .box{margin-top: 50px;} #recruit .box .left{width: 21.429%;position: relative;z-index: 2;} #recruit .box .left .form-box{padding: 26px 28px 35px;background: #fff;} #recruit .box .left .form-box .list{padding-bottom: 15px;border-bottom: 1px solid #ddd;} #recruit .box .left .form-box .list .input{width: calc(100% - 30px);font-size: 16px;color: #ccc;display: inline-block;} #recruit .box .left .form-box .list .input input{width: 100%;} #recruit .box .left .form-box .list .submit{display: inline-block;width: 21px;height: 21px;background: url(/images/search-icon.png) no-repeat center;margin-left: 4px;} #recruit .box .left .form-box .txt{font-size: 16px;color: #222;margin: 25px 0 15px;} #recruit .box .left .form-box .word{} #recruit .box .left .form-box .word .item{padding: 5px 8px;border: 1px solid #e5e5e5;font-size: 14px;color: #ccc;margin: 0 10px 10px 0;border-radius: 5px;} #recruit .box .left .form-box .word .item:hover{color: #009e9b;border-color: #009e9b;} #recruit .box .left .category-box{margin-top: 20px;background: #fff;padding: 35px;} #recruit .box .left .category-box .tit{font-size: 24px;color: #222;margin-bottom: 30px;} #recruit .box .left .category-box .cate{font-size: 16px;color: #7e7f80;margin-bottom: 18px;background: no-repeat left center;} #recruit .box .left .category-box .cate:last-child{margin-bottom: 0;} #recruit .box .left .category-box .cate.cur{text-indent: 26px;background-image: url(/images/arrow-icon.png);color: #009e9b;} #recruit .box .left .category-box .cate:hover{text-indent: 26px;background-image: url(/images/arrow-icon.png);color: #009e9b;} #recruit .box .right{width: 75.714%;} #recruit .box .right .li{width: 100%;padding: 35px 48px;margin-bottom: 10px;background: #fff;} #recruit .box .right .li .text{padding-right: 20px;max-width: 82%;} #recruit .box .right .li .text .tit{font-size: 24px;color: #222;} #recruit .box .right .li .text .txt{font-size: 16px;color: #222;margin: 10px 0 15px;} #recruit .box .right .li .text .brief{font-size: 16px;color: #7e7f80;line-height: 1.75;max-height: 56px;} #recruit .box .right .li .more{font-size: 16px;color: #13a5a6;padding-right: 43px;background: url(/images/arrow-icon2.png) no-repeat right;} #recruit .box .right .li:after{content: "";position: absolute;width: 0;height: 1px;bottom: 0;right: 0;left: auto;background: #009e9b;transition: all 0.5s;} #recruit .box .right .li:hover .text .tit{color: #009b9e;} #recruit .box .right .li:hover:after{width: 100%;right: auto;left: 0;} #recruit .box .right .page{margin-top: 60px;} @media (max-width: 1440px){ #recruit .tit-white{right: -70px;} } @media (max-width: 1366px){ #recruit .box .right .li{padding: 30px;} } @media (max-width: 1024px){ #recruit .scroll-bg{z-index: 11;} #more-cate-btn{/*display: block;*/left: 0;top: 50%;color: #fff;width: 35px;padding: 10px;font-size: 16px;border-radius: 0 5px 5px 0;background: #009e9b;z-index: 5;word-break: break-all;writing-mode: lr-tb;} #recruit .box .left{float: none;width: 100%;} #recruit .box .left .category-box{position: fixed;left: -110%;top: 0;background: #fff;z-index: 29;width: 100%;height: 100vh;padding-top: 130px;margin-top: 0;} #recruit .box .left .category-box.open{left: 0;} #recruit .box .left .category-box .close{display: block;width: 26px;height: 26px;background: url(/images/close1.png) no-repeat center;top: 120px;right: 50px;background-size: cover;} #recruit .box .left .category-box .li{width: 92%;margin: 0 auto;} #recruit .box .left .category-box .cate{font-size: 16px;line-height: 30px;} #recruit .box .right{float: none;width: 100%;margin-top: 30px;} } @media (max-width: 750px){ #more-cate-btn{width: 50px;font-size: 26px;} #recruit .top-box{width: 92%;margin: 0 auto;} #recruit .top-box .text{font-size: 26px;} #recruit .box{width: 92%;margin: 50px auto 0;} #recruit .box .left .category-box .tit{font-size: 30px;} #recruit .box .left .category-box .cate{font-size: 26px;line-height: 60px;} #recruit .box .left .form-box .list .input{font-size: 26px;} #recruit .box .left .form-box .txt{font-size: 26px;} #recruit .box .left .form-box .word .item{font-size: 24px;} #recruit .box .right .li{display: block;} #recruit .box .right .li .text{max-width: 100%;padding-right: 0;} #recruit .box .right .li .text .tit{font-size: 30px;} #recruit .box .right .li .text .txt{font-size: 26px;} #recruit .box .right .li .text .brief{font-size: 26px;max-height: 91px;} #recruit .box .right .li .more{font-size: 26px;display: inline-block;margin-top: 20px;} } /*招聘详情*/ #recruit-detail{padding: 30px 0 120px;background: #fafafb;} #recruit-detail .top-box{margin: 70px auto 0;padding: 0 220px;} #recruit-detail .top-box .title-box{margin-right: auto;} #recruit-detail .top-box .title{font-size: 50px;color: #000;line-height: 1;} #recruit-detail .top-box .txt{font-size: 16px;color: #7e7f80;margin-top: 20px;} #recruit-detail .top-box .share-box{background: url(/images/share-icon.png) no-repeat 0 0;margin-top: 15px;} #recruit-detail .top-box .share-box span{padding: 0 22px 0 40px;font-size: 16px;color: #7e7f80;background: url(/images/arrow-icon3.png) no-repeat right;} #recruit-detail .top-box .share-box .share{padding: 15px 0 10px;position: absolute;width: 140px;z-index: 2;display: none;} #recruit-detail .top-box .share-box .share .s{background-repeat: no-repeat;background-position: left center;padding-left: 40px;font-size: 16px;color: #7e7f80;line-height: 50px;} #recruit-detail .top-box .share-box .share .wx{background-image: url(/images/news-share1.png);} #recruit-detail .top-box .share-box .share .wx:hover{background-image: url(/images/news-share1-h.png);} #recruit-detail .top-box .share-box .share .wb{background-image: url(/images/news-share2.png);} #recruit-detail .top-box .share-box .share .wb:hover{background-image: url(/images/news-share2-h.png);} #recruit-detail .top-box .share-box .share .qq{background-image: url(/images/news-share3.png);} #recruit-detail .top-box .share-box .share .qq:hover{background-image: url(/images/news-share3-h.png);} #recruit-detail .top-box .share-box .share .copy{background-image: url(/images/news-share4.png);} #recruit-detail .top-box .share-box .share .copy:hover{background-image: url(/images/news-share4-h.png);} #recruit-detail .top-box .share-box .share .s:hover{color: #222;} #recruit-detail .top-box .share-box:hover .share{display: block;} #recruit-detail .top-box .more{margin-left: 30px;width: 130px;height: 50px;line-height: 50px;background: #009e9b;font-size: 16px;color: #fff;border-radius: 25px;text-align: center;} #recruit-detail .top-box .more:hover{background: #007b79;} #recruit-detail .content{width: 100%;background: #fff;padding: 80px 220px;margin-top: 65px;} #recruit-detail .content .cont:first-of-type{margin-bottom: 50px;padding-bottom: 50px;border-bottom: 1px solid #eee;border-image-source: url(/images/recruit-bg3.png);border-image-slice: 20 20 20 20;} #recruit-detail .content .tit{font-size: 24px;color: #222;padding-left: 23px;border-left: 3px solid #13A5A6;line-height: 1;} #recruit-detail .content .brief{font-size: 16px;color: #7e7f80;line-height: 2.25;margin-top: 30px;} #recruit-detail .content .bg1{width: 100px;height: 188px;background: url(/images/recruit-bg1.png) no-repeat center;left: 25px;top: -55px;} #recruit-detail .content .bg2{width: 188px;height: 100px;background: url(/images/recruit-bg2.png) no-repeat center;bottom: -50px;right: -30px;} @media (max-width: 1366px){ #recruit-detail .top-box{padding: 0 120px;} #recruit-detail .content{padding: 80px 120px;} } @media (max-width: 1024px){ #recruit-detail .top-box .title{font-size: 36px;} #recruit-detail .top-box{padding: 0 60px;} #recruit-detail .content{padding: 80px 60px;} } @media (max-width: 750px){ #recruit-detail .top-box{padding: 0;flex-wrap: wrap;} #recruit-detail .top-box .title-box{width: 100%;margin-bottom: 30px;} #recruit-detail .top-box .txt{font-size: 26px;} #recruit-detail .top-box .share-box{background-position-y: 8px;} #recruit-detail .top-box .share-box span{font-size: 26px;} #recruit-detail .top-box .share-box .share{background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);padding: 20px;width: 180px;} #recruit-detail .top-box .share-box .share .s{font-size: 24px;} #recruit-detail .top-box .more{font-size: 24px;} #recruit-detail .content{padding: 40px;} #recruit-detail .content .tit{font-size: 30px;} #recruit-detail .content .brief{font-size: 26px;} } /*招聘弹窗*/ #recruit-pop, #recruit-pop .mto{top: 0;bottom: 0;left: 0;right: 0;margin: auto;} #recruit-pop .relative, #recruit-pop{width: 100%;height: 100%;} #recruit-pop{z-index: 100;height: 0;overflow: hidden;} #recruit-pop .blank{z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,.75);} #recruit-pop .center{width: 600px;height: 880px;background: #fff;border-radius: 15px; z-index: 2;padding: 75px 75px 120px;} #recruit-pop .center .close{width: 30px;height: 30px;top: 0;right: -60px;background: url(/images/close.png) no-repeat center;} #recruit-pop .center .title{font-size: 30px;color: #313131;text-align: center;} #recruit-pop .center .text{font-size: 16px;color: #7e7f80;margin-top: 20px;text-align: center;} #recruit-pop .center .text span{color: #009e9b;} #recruit-pop .center .form-box{margin-top: 45px;} #recruit-pop .center .form-box .item{width: 100%;margin-bottom: 45px;} #recruit-pop .center .form-box .item .tit{width: 70px;font-size: 16px;color: #222;} #recruit-pop .center .form-box .item .tit span{color: #e60012;margin-left: 3px;} #recruit-pop .center .form-box .item .input{width: calc(100% - 70px);height: 40px;} #recruit-pop .center .form-box .item .input input{width: 100%;border-bottom: 1px solid #ddd;padding-bottom: 16px;font-size: 16px;color: #222;} #recruit-pop .center .form-box .item .input input:focus{border-bottom-color: #009e9b;} #recruit-pop .center .form-box .submit{width: 160px;height: 60px;line-height: 60px;background: #009e9b;font-size: 20px;color: #fff;border-radius: 30px;text-align: center;margin: 0 auto;} #recruit-pop .center .form-box .submit:hover{background: #007b79;} #recruit-pop .center .form-box .item.item1{margin-bottom: 0;} #recruit-pop .center .form-box .item.item1 .tit{width: 100px;} #recruit-pop .center .form-box .item.item1 .btn-box{width: calc(100% - 100px);height: 50px;border-bottom: 1px solid #ddd;padding-bottom: 10px;font-size: 16px;color: #ccc;} #recruit-pop .center .form-box .item.item1 .btn-box .file{width: 88px;height: 37px;line-height: 37px;background: #dfdfdf;text-align: center;font-size: 16px;color: #333;border-radius: 3px;} #recruit-pop .center .form-box .txt{font-size: 14px;color: #7e7f80;margin-top: 15px;margin-left: 100px;} #recruit-pop .center .form-box .sub{font-size: 16px;color: #7e7f80;line-height: 1.875;margin: 40px 0;} #recruit-pop .center .form-box .sub input[name="Promise"]{display: block;margin: 8px 8px 0 0;} #recruit-pop .center .form-box .file-info{margin: 10px 0 22px 100px;} #recruit-pop .center .form-box .file-info .filename{font-size: 14px;color: #666;} #recruit-pop .center .form-box .file-info .progress-box{} #recruit-pop .center .form-box .file-info .progress-box .progress{width: 85%;height: 6px;background: #dfdfdf;border-radius: 3px;margin-right: 10px;} #recruit-pop .center .form-box .file-info .progress-box .progress .pro{width: 0;max-width: 100%;left: 0;top: 0;background: #009e9b;height: 100%;border-radius: 3px;} #recruit-pop .center .form-box .file-info .progress-box .num{font-size: 16px;color: #009e9b;} @media (max-width: 750px){ #recruit-pop .center{padding: 30px;} #recruit-pop .center .close{right: -50px;} #recruit-pop .center .title{font-size: 36px;} #recruit-pop .center .text{font-size: 26px;} #recruit-pop .center .form-box .item .tit{width: 100px;font-size: 24px;} #recruit-pop .center .form-box .item .input{width: calc(100% - 100px);height: 40px;} #recruit-pop .center .form-box .item .input input{font-size: 26px;} #recruit-pop .center .form-box .submit{font-size: 26px;} #recruit-pop .center .form-box .item.item1 .tit{width: 140px;} #recruit-pop .center .form-box .item.item1 .btn-box{width: calc(100% - 140px);height: 50px;font-size: 24px;} #recruit-pop .center .form-box .item.item1 .btn-box .file{width: 120px;height: 50px;line-height: 50px;background: #dfdfdf;text-align: center;font-size: 24px;} #recruit-pop .center .form-box .txt{font-size: 24px;margin-left: 100px;} #recruit-pop .center .form-box .sub{font-size: 24px;margin: 40px 0;} #recruit-pop .center .form-box .sub input[name="Promise"]{margin-top: 15px;} #recruit-pop .center .form-box .file-info .filename{font-size: 24px;} #recruit-pop .center .form-box .file-info .progress-box{} #recruit-pop .center .form-box .file-info .progress-box .progress{width: 85%;height: 6px;background: #dfdfdf;border-radius: 3px;margin-right: 10px;} #recruit-pop .center .form-box .file-info .progress-box .num{font-size: 24px;} } /*招聘投递成功弹窗*/ #recruit-successpop, #recruit-successpop .mto{top: 0;bottom: 0;left: 0;right: 0;margin: auto;} #recruit-successpop .relative, #recruit-successpop{width: 100%;height: 100%;} #recruit-successpop{z-index: 100;height: 0;overflow: hidden;} #recruit-successpop .blank{z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,.75);} #recruit-successpop .center{width: 920px;height: 760px;background: #fff;border-radius: 15px; z-index: 2;background: #fafafb;} #recruit-successpop .center .close{width: 30px;height: 30px;top: 0;right: -60px;background: url(/images/close.png) no-repeat center;} #recruit-successpop .center .top{padding: 65px 20px;background: #fff;border-radius: 15px 15px 0 0;} #recruit-successpop .center .icon{width: 81px;height: 81px;background: url(/images/success-icon.png) no-repeat center;margin: 0 auto;} #recruit-successpop .center .title{font-size: 30px;color: #313131;margin-top: 30px;text-align: center;} #recruit-successpop .center .content{background: #fafafb;padding: 75px 65px 65px;} #recruit-successpop .center .content .txt{font-size: 20px;color: #313131;line-height: 1.9;} #recruit-successpop .center .content .qrcode-box{margin-top: 50px;} #recruit-successpop .center .content .qrcode-box .qrcode{width: 23%;margin-right: 2.66%;} #recruit-successpop .center .content .qrcode-box .qrcode:last-child{margin-right: 0;} #recruit-successpop .center .content .qrcode-box .tit{margin-top: 15px;font-size: 16px;color: #313131;text-align: center;padding: 0 10px;} @media (max-width: 1200px){ #recruit-successpop .center{width: 85%;} #recruit-successpop .center .close{right: -40px;} #recruit-successpop .center .content{padding: 40px;} } @media (max-width: 750px){ #recruit-successpop .center .title{font-size: 36px;} #recruit-successpop .center .top{padding: 40px;} #recruit-successpop .center .content .txt{font-size: 24px;} #recruit-successpop .center .content .qrcode-box{margin-top: 30px;flex-wrap: wrap;} #recruit-successpop .center .content .qrcode-box .qrcode{width: 48%;margin-right: 4%;} #recruit-successpop .center .content .qrcode-box .qrcode:nth-child(2n){margin-right: 0;} #recruit-successpop .center .content .qrcode-box .tit{font-size: 24px;} } /*需求咨询、投资者联系成功弹窗*/ #inquiry-successpop, #inquiry-successpop .mto{top: 0;bottom: 0;left: 0;right: 0;margin: auto;} #inquiry-successpop .relative, #inquiry-successpop{width: 100%;height: 100%;} #inquiry-successpop{z-index: 100;height: 0;overflow: hidden;} #inquiry-successpop .blank{z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,.75);} #inquiry-successpop .center{width: 920px;height: 760px;background: #fff;border-radius: 15px; z-index: 2;background: #fafafb;} #inquiry-successpop .center .close{width: 30px;height: 30px;top: 0;right: -60px;background: url(/images/close.png) no-repeat center;} #inquiry-successpop .center .top{padding: 65px 20px;background: #fff;border-radius: 15px 15px 0 0;} #inquiry-successpop .center .icon{width: 81px;height: 81px;background: url(/images/success-icon.png) no-repeat center;margin: 0 auto;} #inquiry-successpop .center .title{font-size: 30px;color: #313131;margin-top: 30px;text-align: center;} #inquiry-successpop .center .content{background: #fafafb;padding: 75px 65px 65px;} #inquiry-successpop .center .content .txt{font-size: 20px;color: #313131;line-height: 1.9;} #inquiry-successpop .center .content .qrcode-box{ justify-content: center; margin-top: 50px;} #inquiry-successpop .center .content .qrcode-box .qrcode{width: 23%;margin-right: 2.66%;} #inquiry-successpop .center .content .qrcode-box .qrcode:last-child{margin-right: 0;} #inquiry-successpop .center .content .qrcode-box .tit{margin-top: 15px;font-size: 16px;color: #313131;text-align: center;padding: 0 10px;} @media (max-width: 1200px){ #inquiry-successpop .center{width: 85%;} #inquiry-successpop .center .close{right: -40px;} #inquiry-successpop .center .content{padding: 40px;} } @media (max-width: 750px){ #inquiry-successpop .center .title{font-size: 36px;} #inquiry-successpop .center .top{padding: 40px;} #inquiry-successpop .center .content .txt{font-size: 24px;} #inquiry-successpop .center .content .qrcode-box{margin-top: 30px;flex-wrap: wrap;} #inquiry-successpop .center .content .qrcode-box .qrcode{width: 48%;margin-right: 4%;} #inquiry-successpop .center .content .qrcode-box .qrcode:nth-child(2n){margin-right: 0;} #inquiry-successpop .center .content .qrcode-box .tit{font-size: 24px;} } /*联系我们*/ #contact{padding: 80px 0 60px;} #contact .left{width: 24.286%;padding-right: 20px;} #contact .title{font-size: 50px;color: #222;position: relative;} #contact .title::after{content: '';position: absolute;width: 82px;height: 4px;background: url(/images/title-icon1.png) no-repeat center;left: 0;bottom: -24px;} #contact .right{width: 75.714%;} #contact .right .li{margin-bottom: 55px;border-bottom: 1px solid #e5e5e5;padding-bottom: 55px;} #contact .right .li:last-child{border-bottom: 0;padding-bottom: 0;} #contact .right .li .tit{font-size: 24px;color: #222;} #contact .right .li .tel{font-size: 20px;color: #7e7f80;font-family: "DE";padding-left: 25px;background: url(/images/tel-icon.png) no-repeat left;margin-top: 20px;} #contact .right .li .email{font-size: 20px;color: #7e7f80;font-family: "DE";padding-left: 25px;background: url(/images/email-icon.png) no-repeat left;margin: 20px 0;} #contact .right .li .addr{font-size: 16px;color: #7e7f80;padding-left: 25px;background: url(/images/address-icon.png) no-repeat left;} #contact .map{width: 100%;/*height: 600px;*/margin-bottom: 80px;position: relative;z-index: 2;} #contact .tit-white{right: 20.833%;z-index: 1;top: 75px;} #contact #content{ margin-top: 50px;} #contact #content a{ font-size: 16px; color: green;} #contact #content div{ padding: 5px; margin: 5px; font-size: 16px;} #contact #content #companyName{ font-size: 16px; font-weight: bold;} #contact #content #companyAddress span img{ width: 50px; height: 30px;} #contact #content #map{ width: 20px; vertical-align: middle; padding-left: 20px;} @media (max-width: 1024px){ #contact .title{font-size: 36px;} } /*底部*/ #footer{} #footer .top{width: 100%;background: #e7e7e8;padding: 65px 0 20px;} #footer .top.pdt{padding-top: 25px;} #footer .top .nav{width: 100%;margin-bottom: 35px;} #footer .top .nav .one-nav{width: 12.5%;padding-right: 20px;} #footer .top .nav .one-nav .one-a{font-size: 20px;color: #222;} #footer .top .nav .one-nav .two-nav{margin-top: 20px;} #footer .top .nav .one-nav .two-nav .two-a{font-size: 16px;color: #7e7f80;margin-bottom: 10px;} #footer .top .nav .one-nav .two-nav .two-a a:hover{color: #1f9794;} #footer .top .mid{padding: 30px 0;border-top: 1px solid #dbdbdc;border-bottom: 1px solid #dbdbdc;} #footer .top .mid .contact{padding-right: 40px;border-right: 1px solid #cfcfd0;margin-right: 40px;} #footer .top .mid .contact .tel{font-size: 20px;color: #009e9b;font-weight: 700;font-family:"ARB";padding-left: 30px;background: url(/images/f-tel-icon.png) no-repeat left;margin-bottom: 10px;} #footer .top .mid .contact .address{font-size: 16px;color: #7e7f80;padding-left: 24px;background: url(/images/f-address-icon.png) no-repeat left;} #footer .top .mid .share-box{} #footer .top .mid .share-box .share{width: 32px;height: 32px;margin-right: 28px;} #footer .top .mid .share-box .share>img{opacity: .2;} #footer .top .mid .share-box .share .qr{width: 110px;height: 110px;background: #fff;left: -42px;top: -120px;display: none;z-index: 1;} #footer .top .mid .share-box .share .qr::before{content: '';position: absolute;border: 5px solid transparent;border-top-color: #fff;left: 50%;transform: translateX(-50%);bottom: -10px;} #footer .top .mid .share-box .share:hover>img{opacity: .6;} #footer .top .mid .share-box .share:hover .qr{display: block;} #footer .top .mid .logo{width: 222px;height: 81px;margin-left: auto;} #footer .top .links{margin-top: 20px;font-size: 12px;color: #7e7f80;} #footer .top .links a{margin-right: 12px;} #footer .top .links a:hover{color: #1f9794;} #footer .bot{width: 100%;background: #ccc;padding: 20px 0;} #footer .bot .text{ line-height: 20px; font-size: 12px;color: #7e7f80;} #footer .bot .text:first-child{padding-right: 20px;} #footer .bot .text a:hover{color: #1f9794;} @media (max-width: 980px){ #footer .top .nav{flex-wrap: wrap;} #footer .top .nav .one-nav{width: 100%;margin-bottom: 20px;background: url(/images/f-aa.png) no-repeat right 2px;} #footer .top .nav .one-nav.cur{background-image: url(/images/f-aa-h.png);} #footer .top .nav .one-nav.nobg{background-image: none;} #footer .top .nav .one-nav .two-nav{display: none;} } @media (max-width: 750px){ #footer .top .nav .one-nav .one-a{font-size: 30px;} #footer .top .nav .one-nav .two-nav .two-a{font-size: 28px;margin-bottom: 16px;} #footer .top .mid{flex-wrap: wrap;} #footer .top .mid{padding: 30px 0;border-top: 1px solid #dbdbdc;border-bottom: 1px solid #dbdbdc;} #footer .top .mid .contact{width: 100%;padding-right: 0;border-right: 0;margin-right: 0;} #footer .top .mid .contact .tel{font-size: 30px;margin-bottom: 20px;} #footer .top .mid .contact .address{font-size: 26px;margin-bottom: 25px;} #footer .top .mid .share-box .share-box{margin-left: 20px;} #footer .top .mid .share-box .share{width: 40px;height: 40px;margin-right: 28px;} #footer .top .mid .share-box .share > img{width: 100%;} #footer .top .mid .share-box .share .qr{width: 110px;height: 110px;background: #fff;left: -42px;top: -120px;display: none;z-index: 1;} #footer .top .mid .share-box .share .qr::before{content: '';position: absolute;border: 5px solid transparent;border-top-color: #fff;left: 50%;transform: translateX(-50%);bottom: -10px;} #footer .top .mid .logo{/*width: 281px;height: 27px;*/margin-left: auto;} #footer .top .links{font-size: 26px;} #footer .bot .content{flex-wrap: wrap;} #footer .bot .text{width: 100%;font-size: 26px;text-align: center;line-height: 40px;height: auto;} #footer .bot .text:first-child{padding-right: 0;margin-bottom: 15px;display: block;} #footer .bot .text a, #footer .bot .content{display: block;} } /*底部资讯*/ #footer_news{width: 100%;background: #e7e7e8;} #footer_news .box{padding: 35px 0 26px;border-bottom: 1px solid #dbdbdc;} #footer_news .box .title{font-size: 20px;color: #222;background: url(/images/title-icon-r.png) no-repeat right;} #footer_news .box .content{height: 24px;margin-top: 12px;} #footer_news .box .content .list{padding-right: 6%;} #footer_news .box .content .list .li{width: 44.428%;font-size: 16px;color: #7e7f80;} #footer_news .box .content .list .li:hover{color: #1f9794;} @media (max-width: 1200px){ #footer_news .box .content .list .li{width: 45%;} } @media (max-width: 750px){ #footer_news .box .title{font-size: 30px;} #footer_news .box .content{height: 36px;margin-top: 15px;} #footer_news .box .content .list{padding-right: 0;} #footer_news .box .content .list .li{width: 48%;font-size: 26px;} } #float{bottom: 8%;right: 55px;z-index: 10;} #float .zixun{width: 110px;height: 110px;background: #009e9b;font-size: 14px;color: #fff;border-radius: 100%;text-align: center;padding-top: 28px;cursor: pointer;} #float .zixun .icon{width: 34px;height: 32px;background: url(/images/zixun-icon.png) no-repeat center;margin: 0 auto 8px;} #float .zixun:hover{background: #007b79;} #float .gotop{width: 60px;height: 60px;background: url(/images/arrow-top.png) no-repeat center #fff;border-radius: 100%;box-shadow: 0 0 30px 0 rgba(0,0,0,.15);margin: 20px auto 0;} #float .gotop:hover{background-image: url(/images/arrow-top2.png);background-color: #009e9b;} @media (max-width: 750px){ #float{right: 20px;} #float .zixun{font-size: 20px;} } /*需求咨询*/ #inquiry, #inquiry .mto{top: 0;bottom: 0;left: 0;right: 0;margin: auto;} #inquiry .relative, #inquiry{width: 100%;height: 100%;} #inquiry{z-index: 100;height: 0;overflow: hidden;} #inquiry .blank{z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,.75);} #inquiry .center{width: 960px;height: 85%;background: #fff;border-radius: 15px; z-index: 2;padding: 52px 60px;} #inquiry .center .close{width: 30px;height: 30px;top: 0;right: -60px;background: url(/images/close.png) no-repeat center;} #inquiry .center .title{font-size: 40px;color: #222;} #inquiry .center .form-box{ margin-top: 4%; height: 90%;} #inquiry .center .form-box .item{width: 46.429%;margin-bottom: 45px;} #inquiry .center .form-box .item .tit{width: 70px;font-size: 16px;color: #222;} #inquiry .center .form-box .item .tit span{color: #e60012;margin-left: 3px;} #inquiry .center .form-box .item .input{width: calc(100% - 70px);height: 40px;} #inquiry .center .form-box .item .input input{width: 100%; height: 100%; border-bottom: 1px solid #ddd;padding-bottom: 10px;font-size: 16px;color: #222;} #inquiry .center .form-box .item .input input:focus{border-bottom-color: #009e9b;} #inquiry .center .form-box .textarea{width: 100%;height: 145px;margin-bottom: 50px;} #inquiry .center .form-box .textarea textarea{width: 100%;border-bottom: 1px solid #ddd;padding-bottom: 10px;font-size: 16px;color: #222;} #inquiry .center .form-box .textarea textarea:focus{border-bottom-color: #009e9b;} #inquiry .center .form-box .vcode{ width: 100%;} #inquiry .center .form-box .vcode .code{ margin: 0 auto; width: 45%; height: 45px; line-height: 45px; font-size: 16px; color: #222; background: #efefef;} #inquiry .center .form-box .vcode .code[code-drag] [t]{ color: #222;} #inquiry .center .form-box .submit{width: 160px;height: 60px;line-height: 60px;background: #009e9b;font-size: 20px;color: #fff;border-radius: 30px;text-align: center;margin: 0 auto;} #inquiry .center .form-box .submit:hover{background: #007b79;} @media (max-width: 1024px){ #inquiry .center{width: 700px;} #inquiry .center .close{right: -40px;} } @media (max-width: 750px){ #inquiry .center{width: 100%; height: 100%; overflow-y: auto; padding: 50px 40px; border-radius: 0;} #inquiry .center .close{right: 30px;background-image: url(/images/guanbi.png);top: 30px;} #inquiry .center .form-box .item{ width: 100%;} #inquiry .center .form-box .item .tit{width: 100px;font-size: 26px;} #inquiry .center .form-box .item .input{width: calc(100% - 100px);} #inquiry .center .form-box .item .input input{font-size: 26px;} #inquiry .center .form-box .textarea textarea{font-size: 26px;} #inquiry .center .form-box .submit{font-size: 26px;} } #statement{padding: 100px 0;} /* 年龄提示弹窗 */ #web-tips{ top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} #web-tips .web-tips-in{ display: flex; justify-content: center; align-items: center; flex-direction: column; top: 39%; left: 50%; width: 480px; height: 265px; background-image: linear-gradient(to right bottom, #e2edf8, #fff 37%); border-radius: 36px; box-shadow: 0 0 30px rgba(0, 0, 0, .5); transform: translate(-50%, -50%);} #web-tips .web-tips-in .popup-icon{ margin: 0 auto; width: 45px;} #web-tips .web-tips-in .popup-icon img{ max-width: 100%; max-height: 100%;} #web-tips .web-tips-in .tit{ margin-top: 21px; width: 100%; font-size: 28px; color: #05212a; text-align: center;} #web-tips .web-tips-in .btn-list{ display: flex; justify-content: center; align-items: center; margin-top: 30px; width: 100%;} #web-tips .web-tips-in .btn-list .btn-item{ width: 115px; height: 40px; line-height: 36px; font-size: 14px; color: #05212a; text-align: center; border-radius: 33px;} #web-tips .web-tips-in .btn-list .btn-item.leavel{ border: 2px solid #0fa4a1; color: #05212a;} #web-tips .web-tips-in .btn-list .btn-item.visit{ margin-left: 45px; line-height: 40px; background-image: linear-gradient(to right, #71d1d1 1%, #0fa5a2); color: #fff;} @media (max-width: 1024px){ #web-tips .web-tips-in .popup-icon{ width: 65px;} #web-tips .web-tips-in .btn-list .btn-item{ width: 150px; font-size: 24px;} } /* 新闻标签 */ #key{padding: 38px 0 120px;background: #fafafb;} #key .key_banner {margin-top: 38px;} #key .key_banner .cate_name{top: 0; left:0; z-index: 1; font-size: 55px; color: #fff; display: flex;justify-content: center;align-items: center;} #key .key_banner .count{bottom: 25px; right: 30px; z-index: 2; font-size: 20px; color: #fff; line-height: 29px;} #key .key_content{margin-top: 10px; padding: 0 2.143% 60px; background: #fff;} #key .key_content .key_list{margin-bottom: 62px;} #key .key_content .key_list .key_item{padding: 24px 0 10px; border-bottom: 1px solid #ddd;} #key .key_content .key_list .key_item .top{margin-bottom: 22px;} #key .key_content .key_list .key_item .top .left{width: 60%;} #key .key_content .key_list .key_item .top .left .name{margin-right: 16px; color: #0d9a9b; font-size: 16px; font-weight: bold; line-height: 28px; margin-right: 43px; } #key .key_content .key_list .key_item .top .left .cate{color: #888;font-size: 16px;margin-right: 20px; line-height: 28px;} #key .key_content .key_list .key_item .top .left .day{line-height: 28px; color: #888; font-size: 16px;} #key .key_content .key_list .key_item .top .right{width: 40%; justify-content: flex-end; flex-wrap: wrap;} #key .key_content .key_list .key_item .top .right .key{font-size: 14px; color: #7e7f80; /*height: 26px;*/ line-height: 24px; padding: 0 9px; border-radius: 5px; border: 1px solid #e5e5e5; margin-left: 10px; margin-top: 5px;} #key .key_content .key_list .key_item .top .right .key:hover{border-color: #009e9b; color: #009e9b;} #key .key_content .key_list .key_item .brief{color: #888; font-size: 14px; line-height: 32px; height: calc(32px * 2);overflow: hidden;} @media (max-width: 750px){ #key .key_banner .cate_name{font-size: 42px;} #key .key_banner .count{font-size: 24px;} #key .key_content .key_list .key_item .top{flex-wrap: wrap;} #key .key_content .key_list .key_item .top .left{width: 100%;} #key .key_content .key_list .key_item .top .left .name, #key .key_content .key_list .key_item .top .left .cate, #key .key_content .key_list .key_item .top .left .day{font-size: 26px;line-height: 1.5;} #key .key_content .key_list .key_item .top .right{width: 100%;margin-top: 20px;justify-content: flex-start;} #key .key_content .key_list .key_item .top .right .key{font-size: 24px;margin-left: 0;margin-right: 10px;line-height: 36px;} #key .key_content .key_list .key_item .brief{font-size: 26px;line-height: 1.5;height: calc(1.5 * 26px * 2);} }