@charset "utf-8"; /* =====================内页样式======================== */ .com-menu-dot{position:relative;top:-79px;display:block;height:0;overflow:hidden;visibility:hidden} /* 视频弹窗 */ .popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;} .popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;} .popVideo-video{width: 100%;} .popVideo-video video{width: 100%;} .popVideo-video iframe{width: 100%;height: 500px;} .popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;} .popVideo-close:hover{opacity: 1;} @media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}} @media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}} /* 分页 */ .paging{width: 100%;font-size: 0;text-align: center;margin-top: 60px;user-select: none;} .paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;} .paging-menu a{width: 44px;height: 44px;margin: 4px;font-size: 18px;color: #666;transition: all .4s ease;background-color: #fff;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-family: Arial;line-height: 1} .paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #8bb549;background-color: #8bb549;color: #fff;} .paging-menu a:first-of-type:hover,.paging-menu a:last-of-type:hover{background: transparent;color: #8bb549} .paging-skip{margin-left: 8px;} .paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;} .paging-hint:first-of-type{margin: 0;} .paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;} .paging-skip input:focus{border-color: #8bb549;} .paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;} .paging-skip button:hover{background-color: #8bb549;color: #fff;border-color: #8bb549;} .paging-hint span{color: #8bb549;} @media all and (max-width:1599px) {.paging{margin-top: 50px;}} @media all and (max-width:1279px) {.paging{margin-top: 44px;}} @media all and (max-width:1000px) {.paging{margin-top: 36px;}.paging-menu a{margin: 4px 2px;}.paging-skip{width: 100%;margin-left: 0;}.paging-menu a{width: 38px;height: 38px;font-size: 14px}.paging-menu a svg{width: 25px}} /* 搜索页面 */ .search{width: 100%;padding: 80px 0;} .search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;} .search-info span{color: #8bb549;} .search-list{width: 100%;margin-top: 30px;} .search-link{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #f0f0f2;} .search-link h2{font-size: 20px;color: #333;line-height: 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .search-link p{width: 100%;font-size: 16px;margin-top: 16px;color: #666;line-height: 26px;max-height: 52px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .search-link .highlightRow span{color: #8bb549 !important;} .search-link:hover h2{color: #8bb549;} @media all and (max-width:1599px) {.search{padding: 70px 0;}.search-info{font-size: 26px;}.search-link{padding: 28px 0;}.search-list{margin-top: 18px;}} @media all and (max-width:1279px) {.search{padding: 60px 0;}.search-info{font-size: 24px;}.search-link{padding: 24px 0;}.search-list{margin-top: 12px;}} @media all and (max-width:1000px) {.search{padding: 40px 0;}.search-info{font-size: 20px;}.search-link{padding: 20px 0;}.search-list{margin-top: 8px;}.search-link h2{font-size: 18px;}.search-link p{margin-top: 12px;}} /* common */ .com-tit{font-size:40px;color:#333;font-weight:700;line-height:1;letter-spacing:.12em} .com-tit span{text-transform:uppercase;font-size:14px;color:#a9a9a9;display:block;font-weight:400;margin-top:18px} .com-tit.center{text-align:center} .com-block{overflow:hidden} .com-banner{position:relative;overflow:hidden} .com-banner-txt{width:100%;height:calc(100% - 62px);position:absolute;left:0;top:0} .com-banner-txt .contain-1400{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center} .com-banner-txt.lft .contain-1400{align-items:flex-start} .com-banner-txt h1{color:#fff;font-size:82px;line-height:1} .com-banner-txt .line{width:86px;display:block;background-color:#fff;margin:40px 0 36px;height:7px;animation:banner-line 1s ease both .5s} @keyframes banner-line{0%{transform:scale(0)} 100%{transform:scale(1)} } .com-banner-txt p{color:#fff;font-size:16px;text-align:center;font-family:Arial;text-transform:uppercase;max-width:380px;line-height:24px} .com-banner-bg{width:100%;object-fit:cover;animation:zoom-bg 2s linear both;z-index:-1} .com-menu-out{height:62px} .com-banner-menu ul{display:flex;height:100%} .com-banner-menu,.com-banner-menu .contain-1400,.com-banner-menu li{height:100%} .com-banner-menu.fixed{position:fixed;top:80px;left:0;width:100%;z-index:999;background:#fff;height:62px} .com-banner-menu{z-index:1;border-bottom:1px solid #eaeaea} .com-banner-menu a{display:flex;align-items:center;height:100%;color:#444;font-size:16px;transition:all .4s ease;min-width:154px;justify-content:center;border:1px solid #eaeaea;border-bottom:0;padding: 0 50px} .com-banner-menu li+li a{border-left:0} .com-banner-menu a.active{background:#8bb549;color:#fff;border-color:#8bb549} .com-banner-menu a:not(.active):hover{color:#8bb549} .com-tip{ color: #555555; font-size: 18px; line-height: 30px; text-align: center; margin-top: 40px; } .com-tip.sm{ font-size: 15px; } .com-tip.left{ text-align: left; } /* 公司简介 */ .about-intro{padding:86px 0 104px} .about-intro-txt{margin-top:50px;max-height:252px;overflow-y:hidden} .about-intro-txt.show{max-height:100%;height:auto} .about-intro-txt p{font-size:15px;line-height:30px;color:#555} .about-intro a{display:flex;justify-content:center;align-items:center;width:164px;height:49px;font-size:18px;color:#fff;background:#91c441;border-radius:30px;margin:80px auto 0;transition:all .4s ease} .about-intro a i{display:block;width:15px;height:15px;margin-left:5px;background:url(../images/common/arrRW.svg) no-repeat center/100%;transition:all .4s ease;transform-origin:center} .about-intro a:hover{box-shadow:0 0 0 2px #91c441;background:0 0;color:#91c441} .about-intro a:hover i{background:url(../images/common/arrR-green.svg) no-repeat center/100%} .about-intro a.active i{transform:rotate(-90deg)} .about-data{background:url(../images/pages/about-data-bg.jpg) no-repeat center/cover;padding:86px 0 100px} .about-data ul{display:flex} .about-data li{width:33.33%;text-align:center;color:#fff;font-size:20px;line-height:1;position:relative} .about-data li+li:after{content:'';width:1px;height:112px;background:#fff;left:0;top:50%;transform:translateY(-50%);position:absolute} .about-data span{margin-bottom:5px;font-weight:700;font-size:94px;line-height:1;font-family:Arial;display:block} .about-course{padding:84px 0 200px} .course-year{position:relative;z-index:1;margin-top:40px} .course-year:after{content:'';width:100%;height:2px;background:#dee0df;position:absolute;top:50%;left:0;z-index:0;transform:translateY(-50%)} .course-year .contain-1400{display:flex;justify-content:center;align-items:center;position:relative} .course-year .swiper-container{width:46.5%;background:#fff} .course-year .swiper-slide{text-align:center} .course-year span{width:auto;line-height:1;font-size:230px;color:#91c441;position:relative;display:inline-block;transform:scale(.3);transition:all .8s ease .1s;font-weight:700;padding:0 60px;background:#fff} .course-year span b{color:#fec500} .course-year .swiper-slide-active span{transform:scale(1)} .course-year ul{display:flex} .course-year-dot{width:90px;overflow:hidden;z-index:1;background:#fff} .course-year li{color:#999;font-size:36px;cursor:pointer;width:90px;text-align:center;line-height:1;position:relative;transition:all .4s ease;font-weight:lighter;min-width:90px} .course-year li:hover{color:#3250ff} .course-year-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;z-index:2;transition:all .4s ease;border:1px solid #cecece;background:#fff;color:#cecece} .course-year-btn:hover{background:#91c441;color:#fff;border-color:#91c441} .course-year-btn img{width:20px} .course-year-btn.prev{margin-left:16px} .course-year-btn.next{margin-right:16px} .course-path{display:flex;align-items:center;background:#fff;z-index:2} .course-path:first-of-type{padding:0 20px 0 42px} .course-path:last-of-type{padding:0 42px 0 20px} .course-cont{margin-top:20px} .course-cont .swiper-container{width:46.5%} .course-cont-txt{text-align:center} .course-cont-txt p{color:#555;font-size:18px;line-height:30px} .about-strategy-main{display:flex;position:relative;z-index:1;margin-top:56px;padding:55px 0 155px;justify-content:space-between} .about-strategy-main:after{content:'';width:200%;height:100%;position:absolute;left:-50%;top:0;background-color:#91c441;z-index:-1} .about-strategy-txt{height:100%;width:57%} .about-strategy-txt p{font-size:15px;line-height:30px;color:#fff} .about-strategy-txt h4{color:#fff;font-weight:700;font-size:18px} .about-strategy-pic{width:38.5%;border-radius:30px;padding-right:16px;margin-top:-185px} .about-strategy-pic img{max-width:100%;position:relative} .inner-img{width:100%;position:relative;border-radius:30px;z-index:1} .inner-img:after{content:'';width:100%;height:100%;object-fit:cover;background-color:#f6bf00;position:absolute;right:-16px;bottom:-14px;border-radius:30px;z-index:-1} .about-partner{padding:86px 0 105px} .about-partner-main{margin-top:26px;display:flex;justify-content:space-between;align-items:center} .about-partner-main ul{display:flex;flex-wrap:wrap;margin:-1.5% 0 0 -1.5%} .about-partner-main li{width:23.5%;margin:1.5% 0 0 1.5%;background-color:#fff;box-shadow:0 0 29px 0 rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;height:153px} .about-partner-main li img{max-width:80%;max-height:80%;object-fit:cover} .about-partner-swiper{width:calc(78.5% + 50px);padding:30px 25px} .about-partner-main a,.scheme-intro a,.development-top-btn,.com-swiper-btn{width:66px;height:66px;border-radius:50%;background-color:rgba(42,42,42,.4);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .4s ease;cursor: pointer} .about-partner-main a:hover,.scheme-intro a:hover,.development-top-btn:hover,.com-swiper-btn:hover{background-color:#91c441} /* 新闻中心 */ .news-list{padding:106px 0 102px} .news-nav{display:flex;justify-content:center} .news-nav a{display:flex;justify-content:center;align-items:center;width:126px;height:42px;color:#666;font-size:15px;border:1px solid #d6d6d6;border-radius:30px;transition:all .4s ease} .news-nav a.active,.news-nav a:hover{color:#fff;background-color:#7eb22a;border-color:#7eb22a} .news-nav a+a{margin-left:30px} .news-list-main{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:31px} .news-list-main:after{content:'';width:31.3%} .news-list-pic{overflow:hidden;position:relative} .news-list-pic img{width:100%;object-fit:cover} .news-list-pic span{display:flex;align-items:center;justify-content:center;width:99px;height:30px;background-color:rgba(125,177,42,.9);color:#fff;font-size:12px;position:absolute;right:0;bottom:0;transition:all .4s ease} .news-list-main a:hover span{background-color:rgba(246,191,0,.9)} .news-list-main a{display:block;width:31.3%;border-radius:10px;overflow:hidden;margin-top:49px} .news-list-txt{display:flex;align-items:center;padding:23px 110px 23px 0;transition:all .4s ease} .news-list-txt h2{font-size:16px;color:#555;line-height:26px;transition:all .4s ease;height:52px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical} .news-list-main a:hover .news-list-txt{background-color:#f6bf00} .news-list-main a:hover .news-list-txt h2{color:#fff;transform:translateX(29px)} /* 联系我们 */ .contact-txt{display:flex} .contact-pic{width:68.5%} .contact-pic img{width:100%} .contact-cont{width:32.5%;background:#7eb22a;display:flex;flex-direction:column;justify-content:center;padding:0 60px 0 90px} .contact-cont h4{color:#fff;font-size:14px;font-family:Arial;text-transform:uppercase;line-height:1;margin-bottom:25px} .contact-cont h2{font-size:34px;color:#fff;font-weight:700;line-height:1;padding-bottom:28px;position:relative} .contact-cont h2:after{content:'';width:100px;height:4px;background:#fff;position:absolute;bottom:0;left:0} .contact-cont ul{margin-top:55px} .contact-cont li{display:flex} .contact-cont li i{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:50%;border:1px solid #fff;margin-right:10px} .contact-cont li span{font-size:16px;line-height:22px;color:#fff} .contact-list{padding:96px 0 120px} .contact-list ul{display:flex;flex-wrap:wrap;margin-top:-115px;justify-content:space-between} .contact-list ul:after{content:'';width:31.5%} .contact-list li{width:31.5%;margin-top:115px} .contact-list li h3{font-size:24px;font-weight:700;color:#7eb22a;line-height:1;padding-bottom:24px;border-bottom:1px solid #d8d8d8;margin-bottom:34px} .contact-list li p{font-size:16px;line-height:26px} /* 新闻详情 */ .article{padding:90px 0 108px;background:#efefef} .article .contain-1400{display:flex;justify-content:space-between} .article-cont{width:76%;background:#fff;padding:66px 50px 85px} .article-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;margin-bottom:35px;border-bottom:1px solid #ececec} .article-header h1{font-size:28px;color:#7eb22a;font-weight:700} .article-info{min-width:16%;display:flex;align-items:center} .article-info-row{display:flex;align-items:center} .article-time{display:flex;align-items:center;color:#555;font-size:13px;font-family:Arial} .article-time i{display:block;background:url(../images/pages/time-icon.png) no-repeat center/100%;width:14px;height:14px;margin-right:5px} .article-share{display:flex;align-items:center;color:#555;font-size:14px;margin-left:30px;transition:all .4s ease;position:relative;cursor:pointer} .article-share:hover{color:#7eb22a} .article-share i{display:block;background:url(../images/pages/share-icon.png) no-repeat center/100%;width:11px;height:13px;margin-right:7px} .article-share-cont{display:flex;align-items:center;justify-content:space-between;background:rgba(126,178,42,.5);padding:5px 10px;position:absolute;right:0;top:30px;border-radius:5px;opacity:0;visibility:hidden;transition:all .6s ease} .article-share:hover .article-share-cont{opacity:1;visibility:visible} .article-share-cont a{color:#7eb22a;width:30px;height:30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease} .article-share-cont a:hover{background:#7eb22a;color:#fff} .article-share-cont a+a{margin-left:10px} /*分享*/ #toShare .icon-wechat{position:relative} #toShare .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;bottom:-208px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow: inset 0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all 350ms;-moz-transition:all 350ms;z-index: 99999999999} #toShare .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px} #toShare .icon-wechat .wechat-qrcode.bottom:after{display:none} #toShare .icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777} #toShare .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto} #toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important} #toShare .icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0;font-size:12px} #toShare .icon-wechat:hover .wechat-qrcode{display:block} .article-content p{color:#555;font-size:15px;line-height:30px} .article-content img{max-width:100%;object-fit:cover;display:block} .article-cott{display:flex;justify-content:flex-end;margin-top:50px} .article-cott a{display:flex;width:144px;height:48px;border-radius:30px;font-size:18px;transition:all .4s ease;background:#7db12a;align-items:center;justify-content:center;color:#fff} .article-cott a:hover{box-shadow:inset 0 0 0 2px #7db12a;color:#7db12a;background:0 0} .article-side{width:21%} .article-side-news{background:#fff;padding:32px 25px} .article-side-news-header h2{color:#7db12a;line-height:1;font-size:16px;font-weight:700;margin-bottom:40px;border-bottom:1px solid #ececec} .article-side-news-header h2 span{display:inline-flex;align-items:center;position:relative;padding-bottom:16px} .article-side-news-header h2 span:after{content:'';width:100%;height:3px;position:absolute;bottom:-2px;background:#7db12a} .article-side-news-header h2 i{display:block;background:url(../images/pages/article-side-news-icon.png) no-repeat center/100%;min-width:13px;height:14px;margin-right:10px} .article-side-news a{display:block;padding-bottom:22px} .article-side-news a h3{font-size:14px;line-height:20px;color:#555;margin-bottom:10px;transition:all .4s ease} .article-side-news a:hover h3{color:#7db12a} .article-side-news a+a{padding-top:22px;border-top:1px dashed #d9d9d9} .article-side-news a span{color:#555;font-size:12px;line-height:1} .article-side-news a:last-of-type{padding-bottom:0} .article-side-nav{background:#fff;padding:40px 25px;margin-top:25px} .article-side-nav h6{color:#555;font-size:18px;font-weight:700} .article-side-nav a h3{font-size:14px;line-height:20px;color:#555;margin-bottom:10px;transition:all .4s ease} .article-side-nav a:hover h3{color:#7db12a} .article-side-nav a+a{padding-top:22px;border-top:1px dashed #d9d9d9} .article-side-nav a{display:block;padding-bottom:30px;margin-bottom:30px;padding-top:15px;border-bottom:1px dashed #d9d9d9} .article-side-nav a:last-of-type{margin-bottom:0;border:0;padding-bottom:0} /* 安全方针 */ .safety-policy-tit{padding:100px 0;background:url(../images/pages/safety-policy-tit-bg.jpg) no-repeat center/cover} .safety-policy-cont{position:relative;background-repeat:no-repeat;background-size:cover} .safety-policy-cont ul{display:flex;min-height:770px} .safety-policy-cont li{width:16.667%;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 46px 0 34px} .safety-policy-cont li+li{border-left:1px solid #8b8e8b} .safety-policy-cont p{font-size:15px;line-height:30px;display:none} .safety-policy-cont h3{font-size:34px;line-height:1;font-weight:700} .safety-policy-cont .line{display:block;width:64px;height:5px;background:#7eb22a;margin:32px 0 25px;transition:all .4s ease .3s;transform:scale(0)} .safety-policy-cont li:hover .line{transform:scale(1)} .safety-strategy{padding:80px 0 72px} .safety-strategy ul{display:flex;justify-content:space-between;align-items:flex-start;height:420px;margin-top:40px} .safety-strategy li{width:23%;background:#7eb22a;color:#fff;text-align:center;padding:60px 28px 64px;transition:all .4s ease;height:328px;position:relative} .safety-strategy li:hover{background:#f6bf00;padding-bottom:30px;height:420px} .safety-strategy li h3{font-size:28px;color:#fff;font-weight:700} .safety-strategy li i{display:flex;justify-content:center;height:62px;align-items:center;margin-top:40px} .safety-strategy li a{display:block;margin-top:46px;transition:all .4s ease} .safety-strategy li:hover a{opacity:0;visibility:hidden} .safety-strategy li p{font-size:18px;line-height:34px;text-align:left;height:220px;position:absolute;left:0;bottom:0;opacity:0;visibility:hidden;width:100%;padding:30px;transition:all .4s ease} .safety-strategy li p span{display:block;overflow:hidden;-webkit-line-clamp:5;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical} .safety-strategy li:hover p{opacity:1;visibility:visible} /* 员工关爱 */ .safety-caring{padding:100px 0 62px} .safety-caring-list{position:relative} .safety-caring-list:after{content:'';background:#f0f6ee;z-index:-2;width:100%;height:78%;position:absolute;top:18%;left:0} .safety-caring-item{display:flex;justify-content:space-between;align-items:center} .safety-caring-item:nth-of-type(even){flex-direction:row-reverse} .safety-caring-item:not(:first-of-type){margin-top:40px} .safety-caring-item:nth-of-type(even) .safety-caring-txt{padding-left:30px} .safety-caring-txt{width:49%} .safety-caring-txt h3{font-weight:700;line-height:1;color:#7db12a;padding-left:18px;position:relative;font-size:36px;margin-bottom:40px} .safety-caring-txt h3:after{height:34px;content:'';width:6px;background:#7eb22a;position:absolute;left:0;top:50%;transform:translateY(-50%)} .safety-caring-txt p{color:#555;font-size:15px;line-height:30px} .safety-caring-pic{width:48.5%;padding-right:20px;position:relative} .safety-caring-pic img{width:100%;object-fit:cover;position: relative;z-index: 2} .safety-caring-pic:after{content:'';width:calc(100% - 20px);height:100%;background:#ffd647;right:0;bottom:-20px;position:absolute;z-index:0} .safety-caring-item:nth-of-type(even) .safety-caring-pic{padding-left:20px;padding-right:0} .safety-caring-item:nth-of-type(even) .safety-caring-pic:after{background:#91c441;right:unset;left:0} .safety-album{padding:80px 0 110px} .culture-actitems{width:100%;margin-top:40px;position:relative} .culture-actitems .swiper-slide{width:900px} .culture-actimg{width:100%} .culture-actimg img{width:100%;object-fit:cover} .culture-actitems .swiper-wrapper{padding-bottom:76px} .culture-actitems .swiper-slide-active{box-shadow:15px 27px 65px 0 rgba(0,0,0,.17)} .culture-actitems .swiper-slide:after{content:'';top:0;left:0;height:100%;width:100%;position:absolute;background:rgba(241,241,241,.9);z-index:0;transition:all .6s ease;opacity:0} .culture-actitems .swiper-slide-next:after,.culture-actitems .swiper-slide-prev:after{opacity:1} .culture-actitems .swiper-slide-next+.swiper-slide,.culture-actitems .swiper-slide.active{pointer-events:none} .activity-next,.activity-prev{width:66px;height:66px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:calc(50% - 530px);z-index:2;margin-top:-33px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center} .activity-next img,.activity-prev img{width:20px} .culture-actitems .activity-next{background:rgba(0,0,0,.35);left:auto;right:calc(50% - 530px)} .culture-actitems .activity-next:hover,.culture-actitems .activity-prev:hover{background-color:#91c441} .culture-actitems .activity-pagination{width:100%;text-align:center;position:absolute} .culture-actitems .activity-pagination .swiper-pagination-bullet-active{background-color:#91c441} .culture-actitems .activity-pagination .swiper-pagination-bullet{margin:0 8.5px} .culture-actitems .swiper-pagination-bullet{width:10px;height:10px} /* 方案 */ .scheme-features{padding:85px 0 108px;background:url(../images/pages/scheme-features-bg.jpg) no-repeat bottom/cover} .scheme-features ul{display:flex;justify-content:space-between;margin-top:45px;flex-wrap:wrap} .scheme-features ul:after{content:'';width:32%} .scheme-features li{background:#8bc133;color:#fff;box-shadow:0 1px 35px 0 rgba(111,111,111,.2);text-align:center;width:32%;padding:48px 36px 40px;transition:all .4s ease} .scheme-features li:hover{background:#f6bf00} .scheme-features i{display:flex;width:62px;height:62px;align-items:center;justify-content:center;margin:0 auto 18px;border-radius:50%;border:1px solid #fff} .scheme-features p{font-size:26px;line-height:38px;overflow:hidden;-webkit-line-clamp:3;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical} .scheme-intro{position:relative;z-index:1} .scheme-intro:after{content:'';background:0 0;width:50%;right:0;top:0;height:100%;box-shadow:0 1px 35px 0 rgba(111,111,111,.2);position:absolute;z-index:-1} .scheme-intro .contain-1400{display:flex;justify-content:flex-end} .scheme-intro-pic{width:50%;margin:0;position:absolute;left:0;top:0} .scheme-intro-pic img{width:100%;object-fit:cover} .scheme-intro-txt{width:50%;padding:100px 0 100px 116px} .scheme-intro-txt h3{font-size:36px;line-height:1;color:#333;font-weight:700;padding-left:19px;position:relative} .scheme-intro-txt h3:after{content:'';height:34px;width:6px;background:#7eb22a;position:absolute;left:0;top:50%;transform:translateY(-50%)} .scheme-intro-content{margin-top:40px;height:440px;overflow:auto} .mCSB_container{margin-right:116px} .mCSB_scrollTools .mCSB_draggerRail{background:#e3e3e3;width:6px} .mCustomScrollBox>.mCSB_scrollTools{opacity:1;width:6px;z-index:3;top:50%;transform:translateY(-50%);height:100%} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#91c441!important;width:100%} .scheme-intro-txt p{font-size:16px;line-height:30px;color:#555} .scheme-intro-txt img{max-width:100%;object-fit:cover;display:block} .scheme-system{padding:82px 0 100px;background: url("../images/pages/scheme-system-bg.jpg")no-repeat center /cover} .scheme-system-main{margin-top:50px;display:flex;justify-content:space-between} .scheme-system-l{width:39%} .scheme-system-l p{font-size:15px;line-height:26px;color:#555;font-weight:700} .scheme-system-l p+p{margin-top:18px;padding-top:18px;border-top:1px solid #d7d7d7} .scheme-system-r{width:49.3%} .scheme-system-r ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-40px} .scheme-system-r ul:after{content:'';width:31.5%} .scheme-system-r li{width:31.5%;text-align:center;margin-top:40px} .scheme-system-r picture{display:block;padding:6px;background:#fff;box-shadow:0 0 10px rgba(17,58,93,.1)} .scheme-system-r picture img{width:100%;object-fit:cover} .scheme-system-r p{line-height:1;color:#333;font-size:16px;font-weight:700;margin-top:10px} .scheme-intro a{top:50%;transform:translateY(-50%);position:absolute;z-index:2} .scheme-intro a.prev{left:20px} .scheme-intro a.next{right:20px} .scheme-intro.has-block{margin-bottom:110px} /* 商业模式 */ .business-list:after{display:none} .business-list .safety-caring-item{padding:149px 0 155px} .business-list .safety-caring-item .contain-1400{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse} .business-list .safety-caring-txt{width:38.5%} .business-list .safety-caring-pic{padding-right:0;padding-left:20px;width:52.5%} .business-list .safety-caring-pic:after{left:0;right:unset} .business-list .safety-caring-item:not(:first-of-type){margin:0} .business-list .safety-caring-item:nth-of-type(even){background:#f0f5ef} .business-list .safety-caring-item:nth-of-type(even) .contain-1400{flex-direction:row} .business-list .safety-caring-item:nth-of-type(even) .safety-caring-pic{padding-right:20px;padding-left:0} .business-list .safety-caring-item:nth-of-type(even) .safety-caring-pic:after{right:0;left:unset} /* 可持续发展 */ .development-header{padding:89px 0 100px;background:#f3f7f0} .development-top{position:relative} .development-top-item .bg{position:absolute;width:100%;height:100%;left:0;top:0} .development-top-item .bg img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;transition:all .4s ease} .development-top-item .bg .status,.development-top-item.active .bg .default,.development-top-item.active .bg .status,.development-top-item:hover .bg .default{opacity:0} .development-top-item.active .bg .status,.development-top-item:hover .bg .status{opacity:1} .development-top-item a{display:flex;justify-content:space-between;z-index:1;position:relative;align-items:center;padding:64px 42px 64px 46px;color:#fff} .development-top-item h4{font-weight:700;font-size:20px;text-transform:uppercase} .development-top-item h3{font-weight:700;font-size:28px;line-height:1;margin-top:15px} .development-top-btn{position:absolute;top:50%;transform:translateY(-50%)} .development-top-btn.prev{left:-86px} .development-top-btn.next{right:-86px} .development-header .txt{margin-top:50px} .development-header .txt p{color:#555;font-size:16px;line-height:32px} .development-main{padding:86px 0 90px} .development-item:not(:first-of-type){margin-top:85px} .development-tit{text-align:center;line-height:1;color:#65a400;font-size:32px;font-weight:700} .development-tit span{position:relative;padding-left:22px} .development-tit span:after{content:'';width:5px;position:absolute;background:#7eb22a;left:0;top:50%;transform:translateY(-50%);height:65%} .development-tip{color:#555;font-size:16px;margin-top:20px;text-align:center} .development-item1-cont{display:flex;flex-wrap:wrap-reverse;margin-top:26px} .development-item1-txt{width:50%;background:#f3f7f0} .development-item1-txt .swiper-slide{padding:20px 88px 90px 58px;display:flex;flex-direction:column;justify-content:center} .development-item1-txt h3{color:#65a400;line-height:1;font-weight:700;font-size:24px;margin-bottom:35px} .development-item1-txt p{color:#555;font-size:16px;line-height:30px} .development-item1-pic{width:50%} .development-item1-pic img{width:100%;height:100%;object-fit:cover} .development-item1-nav{display:flex;position:absolute;z-index:2;right:30px;bottom:34px} .development-item1-nav a{width:52px;height:52px} .development-item1-nav a svg{width:30px} .development-item1-nav a+a{margin-left:10px} .development-item2-cont{display:flex;flex-wrap:wrap;margin-top:26px} .development-item2-cont picture{display:block;width:50%} .development-item2-cont picture img{width:100%;object-fit:cover} .development-item3-cont{display:flex;margin-top:34px} .development-item3-cont picture{display:block;width:50%;height:100%} .development-item3-cont picture img{width:100%;object-fit:cover} .development-item3-cont .txt{width:50%;background:#f3f7f0;padding:20px 40px 20px 58px;display:flex;flex-direction:column;justify-content:center} .development-item3-cont .txt .inner{overflow-y:auto;height:100%} .development-item3-cont .txt p{color:#555;font-size:16px;line-height:30px} /* 公司治理 */ .company-list{padding:86px 0 110px} .company-person{display:flex;flex-wrap:wrap;margin-top:26px;justify-content:space-between} .company-person:after{content:'';width:32%} .company-item{width:32%;box-shadow:0 15px 38px 0 rgba(0,0,0,.06);margin-top:42px;transition:all .4s ease} .company-item:hover{box-shadow:0 15px 29px 0 rgba(179,224,108,.36)} .company-item-header{padding:0 42px;margin-bottom:24px;position:relative;z-index:1} .company-item-header:after{content:'';width:100%;height:100%;background:url(../images/pages/company-item-bg.jpg) no-repeat center/cover;top:0;left:0;z-index:-1;position:absolute;opacity:0;transition:all .4s ease} .company-item:hover .company-item-header:after{opacity:1} .company-item-header .inner{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #e8e8e8;padding:42px 0 26px} .company-item:hover .inner{border-color:transparent} .company-item-header h3{font-size:28px;color:#7db12a;line-height:1;transition:all .4s ease} .company-item-header p{color:#555;font-size:16px;line-height:1;margin-top:12px;transition:all .4s ease} .company-item:hover .company-item-header p,.company-item:hover a,.company-item:hover a:hover,.company-item:hover h3{color:#fff} .company-item:hover a:hover{text-decoration:underline} .company-item-header a{display:flex;align-items:center;font-size:14px;color:#555;transition:all .4s ease} .company-item-header a:hover{color:#7db12a} .company-txt{padding:0 42px 33px} .company-txt p{font-size:14px;line-height:26px;color:#555} /* 定期报告 */ .investor-report{padding:80px 0 108px} .investor-tit{text-align:center;font-weight:700;font-size:36px;color:#333;line-height:1} .investor-tit.white{color:white} .investor-tit.left{text-align: left} .investor-report-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:12px} .investor-report-list a{width:49%;display:block;position:relative;font-size:0;overflow:hidden;margin-top:42px} .investor-report-list img{width:100%} .investor-report-list .txt{height:65px;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.3);position:absolute;bottom:0;width:100%;left:0;padding:0 38px 0 22px;transition:background-color .4s ease} .investor-report-list a:hover .txt{background:#f6bf00} .investor-report-list h3{color:#fff;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:80%} .investor-report-list .time{color:#fff;font-size:14px} /* 临时公告 */ .announcement{padding:80px 0 110px} .announcement ul{margin-top:50px} .announcement li{display:flex;align-items:center;padding:32px 46px 30px 28px;transition:all .4s ease;border-radius:20px;position:relative} .announcement li:after{content:'';width:95%;bottom:0;left:50%;transform:translateX(-50%);border-bottom:1px dashed #d1d1d1;height:1px;position:absolute;transition:all .4s ease} .announcement li.no-border:after{opacity:0} .announcement li:hover{box-shadow:0 18px 48.02px .98px rgba(0,0,0,.16)} .announcement li:hover:after{opacity:0} .announcement li i.icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:1px solid #ccc;border-radius:50%;transition:all .4s ease} .announcement li:hover i.icon{background:#f6bf00} .announcement li i.icon em{display:block;background:url(../images/pages/announcement-icon.png) no-repeat center/100%;width:30px;height:33px;transition:all .4s ease} .announcement li:hover i.icon em{background:url(../images/pages/announcement-icon-white.png) no-repeat center/100%} .announcement li h3{width:85%;margin-left:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f6bf00} .announcement li:hover h3 span{font-weight:700;color:#f6bf00} .announcement li h3 span{font-size:18px;color:#333;line-height:1} .announcement li h3 em{font-size:13px;margin-top:10px;color:#999;display:block;font-style:normal} .announcement li a{display:block;margin-left:auto} .announcement li i.down{display:block;background:url(../images/pages/download-icon.png) no-repeat center/100%;width:27px;height:36px;transition:all .4s ease} .announcement li:hover i.down{background:url(../images/pages/download-yellow.png) no-repeat center/100%} /* 投资者交流 */ .comminicate{padding:80px 0 65px} .comminicate ul{margin-top:45px} .comminicate li{padding:26px 0;border-bottom:1px solid #eee} .qs-tit{display:flex;align-items:center;cursor:pointer} .qs-tit h3{font-size:18px;font-weight:500;color:#444;width:90%;overflow:hidden;position:relative;padding-left:22px;line-height:30px} .qs-tit:hover h3{color:#7db12a} .qs-tit.active h3{font-weight:700;color:#7db12a} .qs-tit h3:after{content:'';width:11px;height:11px;border-radius:50%;border:2px solid #7db12a;position:absolute;left:0;top:6px} .qs-tit i{display:block;margin-left:auto;background:#c2c2c2 url(../images/pages/plus.png) no-repeat center/16px 16px;width:36px;height:36px;border-radius:50%;transition:all .4s ease} .qs-tit.active i{transform:rotate(45deg);background-color:#7db12a} .qs-cont{padding:10px 60px 10px 22px;display:none} .qs-cont p{font-size:15px;line-height:24px;color:#777} .investor-interactive{padding:66px 0 106px;background:url(../images/pages/investor-interactive-bg.jpg) no-repeat center/cover} .investor-interactive form{margin-top:15px} .investor-interactive textarea{background:#fff;width:100%;border:0;border-radius:4px;padding:20px} .investor-interactive input::placeholder,.investor-interactive textarea::placeholder{font-size:14px;color:#555} .investor-interactive-bott{display:flex;justify-content:space-between;align-items:center;margin-top:16px} .investor-interactive-bott .code{display:flex} .investor-interactive-bott .code img{max-width:170px;object-fit:cover;height:50px;padding-left:10px;cursor:pointer} .investor-interactive-bott input{width:256px;height:50px;padding:0 20px;border-radius:4px} .investor-interactive-bott a{display:flex;align-items:center;justify-content:center;height:50px;width:208px;color:#fff;font-size:16px;font-weight:700;background:#7eb22a;border-radius:4px;transition:all .4s ease} .investor-interactive-bott a i{display:block;background:url(../images/common/searchW.svg) no-repeat center/100%;width:20px;height:20px;margin-right:8px} .investor-interactive-bott a:hover{background:#587b1e} /* -------------------------PC端--------------------------- */ @media all and (max-width:1700px) { /* 1600 × (900) */ .contact-pic{width: 65%} .contact-cont{width: 35%;padding: 0 60px} .scheme-intro-txt{padding: 60px 0 60px 70px} .scheme-intro-content{height: 427px} } @media all and (max-width:1599px) { /* 1440 × (700) */ .com-tit{font-size: 36px} .com-banner-txt h1{font-size: 36px} .com-banner-txt .line{margin: 30px 0 20px;height: 6px} .com-banner-txt p{line-height: 28px} .com-banner-txt h1{font-size: 60px} .com-tip{margin-top: 25px;font-size: 17px} .com-banner-menu a{padding: 0 40px} .about-intro a{margin: 60px auto 0} .about-data span{font-size: 70px} .course-year span{font-size: 180px;padding: 0 40px} .course-cont .swiper-container{width: 60%} .about-course{padding-bottom:150px} .about-strategy-pic{margin: 0} .course-year li{font-size: 32px} .course-path:last-of-type{padding: 0 30px 0 20px} .course-path:first-of-type{padding: 0 20px 0 30px} .course-year-btn{width: 48px;height: 48px} .about-strategy-main{padding-bottom: 100px} .about-partner-main li{height: 120px} .about-partner-main a,.scheme-intro a,.development-top-btn,.com-swiper-btn{width: 55px;height: 55px} .about-partner-main a svg,.scheme-intro a svg,.development-top-btn svg,.com-swiper-btn svg{width: 30px} .about-partner-swiper{width: calc(82% + 50px)} .news-list-txt{height:auto;padding: 10px 60px 10px 0} .news-nav a+a{margin-left: 15px} .contact-cont h4{font-size: 13px;margin-bottom: 20px} .contact-cont h2{font-size: 30px;padding-bottom: 22px} .contact-cont{padding: 0 55px} .contact-list li h3{font-size: 22px;margin-bottom: 30px;padding-bottom: 20px} .article-cont{padding:50px 30px;width: 72%} .article-side{width: 25%} .article-header h1{font-size: 24px} .article-side-news-header h2{margin-bottom: 30px} .safety-policy-cont li{padding: 0 20px} .safety-policy-cont .line{margin: 20px 0} .safety-policy-cont h3{font-size: 30px} .safety-strategy li h3{font-size: 24px} .safety-strategy li{padding: 40px 20px} .safety-strategy li{height: 284px} .safety-strategy li p{font-size: 16px;line-height: 24px;padding: 20px;height: 160px} .safety-strategy li:hover,.safety-strategy ul{height: 340px} .safety-caring-txt h3{font-size: 30px;margin-bottom: 25px} .safety-caring-txt h3:after{height: 30px} .scheme-features p{font-size: 22px;line-height: 30px} .scheme-features li{padding: 40px 30px} .scheme-intro-txt h3{font-size: 32px} .scheme-intro-txt h3:after{height: 28px} .mCSB_container{margin-right: 50px} .scheme-intro-txt{padding: 40px 0 40px 50px} .scheme-intro-content{height: 390px} .scheme-intro-contentP{margin-top: 30px} .business-list .safety-caring-txt{width: 44%} .development-top-item a{padding: 40px 20px} .development-top-item h4{font-size: 18px} .development-top-item h3{font-size: 24px} .development-header .txt{margin-top: 40px} .development-header .txt p{line-height: 30px} .development-tip{margin-top: 15px} .development-item1-txt .swiper-slide,.development-item3-cont .txt{padding-right: 70px} .development-item1-txt h3{margin-bottom: 25px} .development-tit{font-size: 28px} .company-item-header h3{font-size: 24px} .company-item-header p{margin-top: 10px} .company-item-header .inner{padding: 30px 0 20px} .company-item-header{padding: 0 30px;margin-bottom: 20px} .company-txt{padding: 0 30px 30px} } @media all and (max-width:1439px) { /* 1360 */ .contact-cont{padding: 0 50px;width: 40%} .contact-cont h2{font-size: 28px} .contact-cont h4{font-size: 12px;margin-bottom: 15px} .contact-pic{width: 60%} .safety-policy-cont ul{min-height: 700px} .scheme-intro-content{height: 362px} .development-top-btn.next{right:-70px} .development-top-btn.prev{left:-70px} } @media all and (max-width:1359px) { /* 1280 */ .safety-policy-cont ul{min-height: 600px} .scheme-intro-content{margin-top: 20px;height: 349px} .development-top-btn.next{right:10px;z-index:2} .development-top-btn.prev{left:10px;z-index:2} } @media all and (max-width:1279px) { /* 1152 × (700) */ .com-block{padding: 80px 0!important} .com-tit,.investor-tit{font-size: 32px} .com-banner-txt h1{font-size: 50px} .com-banner-txt .line{height: 4px;margin: 25px 0 20px} .com-banner-txt p{line-height: 22px} .com-tip{font-size: 16px;margin-top: 20px;line-height: 26px} .com-banner-menu a{padding: 0 20px} .about-intro a{width: 130px;height: 46px;font-size: 16px} .about-intro-txt{max-height: 250px} .about-intro-txt p{line-height: 28px} .about-intro a{margin: 50px auto 0} .about-data span{font-size: 50px} .about-data li{font-size: 18px} .course-year span{font-size: 130px;padding: 0 20px} .course-year .swiper-container{width: 40%} .course-year-btn.prev,.course-year-btn.next{margin: 0} .course-year-btn{width: 44px;height: 44px} .course-year-btn svg{width: 25px} .course-year li{font-size: 28px} .course-cont .swiper-container{width: 100%} .course-path{padding: 0 20px!important} .course-cont-txt p{font-size: 16px} .about-strategy-main{padding-bottom: 80px;margin-top: 50px} .about-strategy-txt p{font-size: 14px;line-height: 26px} .about-strategy-txt h4{font-size: 16px} .about-partner-main li{height: 100px} .about-partner-main a,.scheme-intro a,.development-top-btn,.com-swiper-btn{width: 50px;height: 50px} .news-list-main a{margin-top: 30px} .news-list-main a:hover .news-list-txt h2{transform:none} .news-list-txt{padding: 10px 10px} .news-list-txt h2{font-size:15px;line-height: 22px;height: 44px} .contact-cont h2{font-size: 26px;padding-bottom: 15px} .contact-cont h4{margin-bottom: 10px} .contact-cont h2:after{height: 3px} .contact-cont ul{margin-top: 30px} .contact-list li h3{font-size: 20px;padding-bottom: 15px;margin-bottom: 20px} .contact-cont li span{font-size: 15px} .contact-cont li i{min-width: 32px;height: 32px} .article-header{flex-direction: column} .article-info{margin-top: 15px} .article-header{padding-bottom: 20px;margin-bottom: 30px} .article-side{width: 26%} .article-side-news a{padding-bottom: 15px} .article-side-news a+a{padding-top: 15px} .article-side-news,.article-side-nav{padding:20px} .article-side-nav h6{font-size: 16px} .article-side-nav a{padding-bottom: 20px;margin-bottom:20px} .article-side-news a h3{margin-bottom: 5px} .article-content p{line-height: 26px} .article-cott a{width: 120px;height:42px;font-size: 15px} .safety-policy-tit{padding: 60px 0} .safety-policy-cont h3{font-size: 26px} .safety-policy-cont .line{width: 40px;height: 3px;margin: 15px 0} .safety-policy-cont p{font-size: 14px;line-height: 22px} .safety-strategy li h3{font-size: 22px} .safety-strategy li{width: 24%;height: 240px;padding: 30px 15px} .safety-strategy li i{height: 55px;margin-top: 30px} .safety-strategy li i img{max-height: 54px} .safety-strategy li p{font-size: 14px;line-height: 22px;padding: 20px 15px} .safety-strategy li:hover, .safety-strategy ul{height: 300px} .safety-policy-cont ul{min-height: 500px} .safety-caring-txt h3{font-size: 26px;margin-bottom: 20px} .safety-caring-item:nth-of-type(even) .safety-caring-txt{padding-left: 20px} .safety-caring{padding: 80px 0 60px} .scheme-features li{padding: 30px 20px} .scheme-features p{font-size: 20px;line-height: 26px} .scheme-intro-txt h3{font-size: 28px} .scheme-intro-txt h3:after{height: 24px} .scheme-intro-txt p{font-size: 15px;line-height: 24px} .scheme-intro-txt{padding: 30px 0 30px 40px} .scheme-intro-content{height: 325px} .mCSB_container{margin-right: 30px} .mCSB_scrollTools .mCSB_draggerRail{width: 2px} .scheme-system-l{width: 45%} .scheme-system-r li{width: 48%} .scheme-intro.has-block{margin-bottom: 80px} .business-list .safety-caring-txt h3{font-size: 24px} .business-list .safety-caring-txt p{font-size: 14px;line-height: 24px} .business-list .safety-caring-txt h3:after{height: 26px} .development-top-item h4{font-size: 16px} .development-top-item h3{font-size: 20px;margin-top: 10px} .development-top-item .rgt img{max-width: 40px} .development-header .txt p,.development-item1-txt p,.development-item3-cont .txt p{font-size: 15px;line-height: 28px} .development-header .txt{margin-top: 30px} .development-top-btn.next{right: -60px} .development-top-btn.prev{left: -60px} .development-tit{font-size: 26px} .development-item1-txt h3{font-size: 22px;margin-bottom: 20px} .development-item1-nav a{width: 40px;height: 40px} .development-item1-nav a svg{width: 25px} .development-item1-nav{bottom: 20px} .development-item1-txt .swiper-slide{padding-right: 40px;padding-left: 40px;padding-bottom: 60px} .development-item:not(:first-of-type){margin-top: 80px} .development-item3-cont .txt{padding-right: 40px;padding-left: 30px} .company-item-header h3{font-size: 22px} .company-item-header p{font-size: 15px} .company-item-header .inner{padding: 25px 0 15px} .company-item-header{padding: 0 25px;margin-bottom: 15px} .company-txt{padding: 0 25px 25px} .investor-report-list .txt{height: 50px;padding: 0 20px} .investor-report-list h3{font-size: 15px} .investor-report-list a{margin-top: 20px} .announcement li{padding: 25px 20px} .announcement li i.icon{width: 60px;height: 60px} .announcement li i.icon em{width: 20px} .announcement li i.down{width: 20px} .announcement li h3{margin-left: 20px} .announcement li h3 span{font-size: 16px} .qs-tit h3{font-size: 16px} .qs-tit i{width: 30px;height: 30px;background: #c2c2c2 url(../images/pages/plus.png) no-repeat center/12px} .comminicate li{padding: 20px 0} .qs-cont p{font-size: 14px} .investor-interactive{padding-bottom: 80px} .investor-interactive-bott a{width: 180px} } @media all and (max-width:1151px) { /* 1024 */ .contact-pic{width: 58%} .contact-cont{width: 42%;padding: 0 30px} .scheme-intro-content{height: 277px} .development-top-btn.next{right: 10px} .development-top-btn.prev{left: 10px} .development-top-btn{z-index: 2;background:rgba(255,255,255,.9);color: #93bd51;opacity: 0;visibility: hidden} .development-top:hover .development-top-btn{opacity: 1;visibility: visible} } /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px) { /* 平板设备 720 适配 */ .com-block{padding: 60px 0!important} .com-tit,.investor-tit{font-size: 28px} .com-banner .contain-1400{width: 100%} .com-menu-out{height: 50px} .com-banner-menu a{min-width:100%;white-space: nowrap} .com-banner-txt h1{font-size: 40px} .com-banner-txt .line{margin: 20px 0 10px} .com-banner-txt{height: calc(100% - 50px)} .com-tip{font-size: 15px;margin-top: 15px;line-height: 24px} .com-banner .contain-1400{overflow-x: auto} .com-menu-dot{top:-59px} .about-intro a{margin-top: 40px;width: 120px;height: 42px} .about-intro-txt p{font-size: 14px;line-height: 26px} .about-intro-txt{margin-top: 40px} .about-intro a{font-size: 14px} .about-data li+li:after{height: 50px} .about-data span{font-size: 40px} .about-data li{font-size: 16px} .about-data{padding: 50px 0} .course-year span{font-size: 90px} .course-year-btn{width: 34px;height: 34px} .course-year-btn svg{width: 18px} .course-year li{font-size: 22px;width: 60px;min-width: 60px} .course-year-dot{width: 60px} .course-path{padding: 0 5px!important} .course-cont-txt p{font-size: 15px;line-height: 26px} .about-strategy-main{padding:60px 0;margin-top: 40px;flex-wrap: wrap-reverse} .about-strategy-txt{width: 100%;height: auto;margin-top: 40px} .about-strategy-pic{width: 60%;margin: 0 auto} .about-partner-main a,.scheme-intro a,.development-top-btn,.com-swiper-btn{width: 30px;height: 30px} .about-partner-main a svg,.scheme-intro a svg,.development-top-btn svg,.com-swiper-btn svg{width: 20px} .about-partner-swiper{padding: 10px} .news-nav a{width: auto;height: auto;padding: 8px 20px} .news-list-main{margin-top: 10px} .news-list-main a{width: 48%} .contact-txt{flex-wrap: wrap} .contact-pic{width: 100%} .contact-cont{width: 100%;padding: 30px 20px} .contact-cont h2{font-size: 22px} .contact-cont h2:after{width: 80px;height: 2px} .contact-list li{width: 48%} .article .contain-1400{flex-wrap: wrap} .article-cont{width: 100%;padding: 40px 20px} .article-side{width: 100%;margin-top: 30px} .article-content p{font-size: 14px;line-height: 24px} .article-header h1{font-size: 20px} .article-cott{margin-top: 30px} .safety-policy-tit{padding: 40px 0 30px} .safety-policy-cont ul{flex-wrap: wrap;min-height: 100%} .safety-policy-cont li{width: 100%;padding: 20px 4%} .safety-policy-cont li+li{border-top: 1px solid rgba(255,255,255,.2);border-left: 0} .safety-policy-cont .line{transform: scale(1)} .safety-policy-cont p{display: block} .safety-policy-cont h3{font-size: 22px} .safety-strategy li{width: 49%} .safety-strategy ul{flex-wrap: wrap;margin-top: 20px} .safety-strategy li:hover, .safety-strategy ul{height: auto} .safety-strategy li{margin-top: 10px;height: auto} .safety-strategy li p{position: static;opacity: 1;visibility: visible;padding: 0;height: auto;margin-top: 10px} .safety-strategy li a{margin-top: 20px} .safety-strategy li h3{font-size: 20px} .culture-actitems .swiper-slide{width: 92%} .culture-actitems .swiper-wrapper{padding-bottom: 70px} .culture-actitems .activity-pagination .swiper-pagination-bullet{margin: 0 5px} .culture-actitems .swiper-pagination-bullet{width: 8px;height: 8px} .culture-actitems .activity-pagination{bottom: 30px} .culture-actitems .swiper-slide:after{display: none} .safety-caring-txt p{font-size: 14px;line-height: 24px} .safety-caring-txt h3{font-size: 22px;padding-left: 8px} .safety-caring-txt h3:after{width: 4px;height: 20px} .safety-caring{padding: 60px 0} .safety-caring-list:after{top: 0;height: 100%} .safety-caring-list{padding: 20px 0} .scheme-features li{padding: 20px 15px} .scheme-features p{font-size: 16px;line-height: 20px} .scheme-features i{width: 58px;height: 58px} .scheme-features i img{max-height: 25px} .scheme-intro-pic{position: relative;width: 100%} .scheme-intro .contain-1400{flex-wrap: wrap} .scheme-intro-txt{width: 100%; box-shadow: 0px 1px 35px 0px rgba(111, 111, 111, 0.2);padding: 30px 20px} .scheme-intro:after{display: none} .scheme-intro-txt h3{font-size: 24px} .scheme-intro-txt p{font-size: 14px;line-height: 22px} .scheme-system-l p{font-size: 14px;line-height: 24px} .scheme-system-l{width: 47%} .scheme-system-main{margin-top: 40px} .scheme-system-r p{font-size: 15px} .scheme-intro.has-block{margin-bottom: 60px} .business-list .safety-caring-item .contain-1400{flex-wrap: wrap-reverse} .business-list .safety-caring-txt{width: 100%;margin-top: 40px} .business-list .safety-caring-pic{width: 100%} .business-list .safety-caring-txt h3{font-size: 22px} .development-header .txt p, .development-item1-txt p, .development-item3-cont .txt p{font-size: 14px;line-height: 26px} .development-tit{font-size: 24px} .development-tip{font-size: 14px;margin-top: 10px} .development-item1-txt .swiper-slide{padding-right: 30px;padding-left: 30px;padding-bottom: 46px;padding-top: 30px} .development-item1-nav a{width: 30px;height: 30px} .development-item1-nav a svg{width: 20px} .development-item1-nav a+a{margin-left: 5px} .development-item1-nav{right: 15px;bottom: 15px} .development-item1-txt h3{margin-bottom: 10px} .development-item1-txt h3{font-size: 20px} .development-item3-cont picture{width: 100%} .development-item3-cont .txt{width: 100%;padding: 30px} .development-item3-cont{flex-wrap: wrap} .development-item1-txt,.development-item1-pic{width: 100%} .development-item:not(:first-of-type){margin-top: 60px} .company-item{width: 48.5%;margin-top: 20px} .investor-report-list .time{font-size: 12px} .investor-report-list a{width: 100%} .announcement li{padding: 20px 15px} .announcement li i.icon{width: 50px;height: 50px} .announcement li i.icon em{width: 18px} .comminicate{padding: 60px 0} .comminicate ul{margin-top: 30px} .qs-tit h3{line-height: 28px} .investor-interactive-bott a{width: 160px;font-size: 14px} .investor-interactive-bott a i{width: 18px} .investor-interactive-bott input{width: 200px} .investor-interactive-bott .code img{max-width: 160px} } @media all and (max-width:640px) { /* 移动终端以上 360 适配 */ .com-block{padding: 40px 0!important} .com-tit,.investor-tit{text-align: center} .com-tit span{text-align: center;margin-top: 10px;font-size: 13px;letter-spacing: 1px} .com-banner-menu a{white-space: nowrap;font-size: 15px} .com-banner-bg{min-height: 250px} .com-banner-txt h1{font-size: 32px} .com-banner-txt .line{height: 2px;margin: 15px 0;animation: none} .com-banner-txt p{font-size: 14px} .com-tip,.com-tip.sm{font-size: 14px;line-height: 20px} .about-intro-txt{margin-top: 30px;max-height: 230px} .about-intro a{margin-top: 30px} .about-data span{font-size: 26px} .about-data li{font-size: 14px} .about-data{padding: 20px 0} .about-data li+li:after{height: 20px} .course-year-dot{display: none} .course-year:after{height: 1px} .course-cont-txt p{font-size: 14px;line-height: 24px} .course-year span{font-size: 40px} .about-strategy-main{margin-top:30px;padding: 40px 0} .about-strategy-pic{width: 100%} .about-strategy-txt p{line-height: 24px} .about-partner-main ul{margin:-2% 0 0 -2%} .about-partner-main li{width: 48%;margin:2% 0 0 2%} .about-partner-main a{display: none} .news-list-main a{width: 100%} .news-nav a{padding: 6px 10px} .news-list-main{margin-top: 0} .contact-cont h2{font-size: 20px} .contact-cont li span{font-size: 14px;line-height: 20px} .contact-list li{width: 100%;margin-top: 50px} .contact-list ul{margin-top: -50px} .contact-list li h3{font-size: 18px;margin-bottom: 15px} .contact-list li p{font-size: 14px;line-height: 24px} .article-cont{padding: 30px 20px} .article-header{padding-bottom: 15px;margin-bottom: 20px} .article-cott a{width: 110px;height: 38px} .safety-strategy li{width: 100%} .culture-actitems{margin-top: 30px} .safety-caring-item{flex-wrap: wrap-reverse} .safety-caring-pic{width: 100%;padding-right: 10px} .safety-caring-pic:after{width: calc(100% - 10px);bottom: -10px} .safety-caring-txt{width: 100%;margin-top: 40px} .safety-caring-txt h3{font-size: 20px;margin-bottom: 15px} .safety-caring-item:nth-of-type(even) .safety-caring-txt{padding: 0} .safety-caring-item:nth-of-type(even) .safety-caring-pic{padding-left: 10px} .scheme-features li{width: 100%} .scheme-features .contain-1400{width: 100%} .scheme-features ul{margin-top: 30px} .scheme-system-main{flex-wrap: wrap-reverse} .scheme-system-r{width: 100%} .scheme-system-l{width: 100%;margin-top: 30px} .scheme-features p{font-size: 14px} .scheme-intro.has-block{margin-bottom: 40px} .business-list .safety-caring-txt h3{font-size: 20px} .business-list .safety-caring-txt h3:after{height: 22px} .development-item1-txt .swiper-slide{padding: 30px 20px 46px} .development-item2-cont picture{width: 100%} .development-item3-cont .txt{padding: 30px 20px} .development-main .contain-1400{width: 100%} .development-item1{padding: 0 4%} .development-item2 .development-tip{padding: 0 4%} .company-item{width: 100%} .company-item-header h3{font-size: 20px} .news-nav a{font-size: 14px} .investor-report-list .txt{padding: 0 5px;height: 40px} .investor-report-list h3{font-size: 14px;width: 76%} .announcement li i.down{width: 15px} .announcement li h3{width: 75%;white-space: normal;margin-left: 10px} .announcement li h3 em{font-size: 12px;margin-top:5px} .announcement ul{margin-top: 30px} .announcement li i.icon{width: 40px;height: 40px} .announcement li i.icon em{width: 14px} .announcement li h3 span{font-size: 14px} .qs-tit i{width: 25px;height: 25px} .qs-tit h3{font-size: 15px;line-height: 26px;padding-left: 15px} .qs-tit h3:after{width: 8px;height: 8px;top: 8px} .comminicate,.investor-interactive{padding: 40px 0} .qs-cont{padding: 10px 15px 0} .investor-interactive-bott input{width: 70%} .investor-interactive-bott .code img{max-width: 29.8%} .investor-interactive-bott .code{justify-content: space-between} .investor-interactive-bott{flex-wrap: wrap;margin-top: 10px} .investor-interactive-bott a{width: 100%;margin-top: 10px} } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .contact-list ul{justify-content:flex-start} .contact-list li{margin-left:1.5%} .safety-policy-cont ul{height:770px} }