/* 棣栭〉banner */ .banbox.swiper-container-horizontal>.swiper-pagination-bullets{bottom:38px} .banbox.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:14px;height:14px;background-color:transparent;border-radius:14px;border:3px solid #fff;opacity:1;margin:0 9.5px} .banbox.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00873c} .banbox img{width:100%} /* 棣栭〉浜у搧 */ .indexpro{padding-bottom:93px;padding-top:75px;background-color:#f4f4f4} .indexpublice-top .entext{font-size:48px;color:#00873c;line-height:1} .indexpublice-top .cntext{font-size:30px;color:#333;line-height:1;font-family:"鎬濇簮榛戜綋";margin-top:22px} .indexpublice-top .more{display:block;width:130px;height:45px;border:1px solid #d9d9d9;padding:0 25px;font-size:14px;color:#333;line-height:45px;background-image:url(../img/right.png);background-size:14px 14px;background-position:right 20px center;background-repeat:no-repeat} .indexpro .indexprocate{padding-top:46px;padding-bottom:46px} .indexpro .indexprocate-list{width:32%;height:73px;display:block;background-color:#fff;float:left;margin-right:2%;cursor:pointer;transition:.4s;-webkit-transition:.4s} .indexpro .indexprocate-list:nth-last-of-type(1){margin-right:0} .indexpro .indexprocate-list .namebox{position:relative;padding-left:28px;height:73px;transition:.4s;-webkit-transition:.4s} .indexpro .indexprocate-list .namebox:after{content:"";width:23px;height:2px;background-color:#8e8e8e;position:absolute;top:50%;margin-top:-1px;right:17px;visibility:visible;transition:.4s;-webkit-transition:.4s} .indexpro .indexprocate-list .namebox:before{content:"";width:2px;height:23px;background-color:#8e8e8e;position:absolute;top:50%;margin-top:-11.5px;right:27px;transition:.4s;-webkit-transition:.4s} .indexpro .indexprocate-list .img{float:left;margin-right:22px;padding-top:26px} .indexpro .indexprocate-list:nth-of-type(2) .img{padding-top:21px} .indexpro .indexprocate-list:nth-of-type(3) .img{padding-top:19.5px} .indexpro .indexprocate-list .name{float:left;font-size:20px;color:#333;line-height:73px} .indexpro .indexprobanbox{position:relative} .indexpro .indexprobanbox .showlist{display:none} .indexpro .indexprobanbox .showlist.cur{display:block} .indexpro .swiper-container .swiper-slide{background-color:#fff} .indexpro .swiper-container .textbox{padding:8px 1.98vw 46px} .indexpro .swiper-container .img img{width:100%;height:auto} .indexpro .indexprobanbox .swiper-button-prev, .indexpro .indexprobanbox .swiper-button-next{width:25px;height:43px;position: absolute;margin-top:-21.5px;background-size:100% auto;background-repeat:no-repeat;background-position:center center} .indexpro .indexprobanbox .swiper-button-prev{background-image:url(../img/lp_left.png);left:-3.6vw} .indexpro .indexprobanbox .swiper-button-next{background-image:url(../img/lp_right.png);right:-3.6vw} .indexpro .swiper-container .series{color:#888;font-size:14px;text-align:center} .indexpro .swiper-container .title{color:#333;height:24px;font-size:18px;text-align:center;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:bold} .indexpro .swiper-container .description{color:#666;font-size:14px;line-height:30px;margin-top:30px;display:none;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4} .indexpro .swiper-container .more{display:block;width:158px;height:44px;border:1px solid #e2e2e2;margin:40px auto 0} .indexpro .swiper-container .more .text{width:98px;color:#333;font-size:12px;line-height:44px;text-align:center} .indexpro .swiper-container .more .icon{width:58px;color:#333;font-size:16px;line-height:42px;text-align:center;font-weight:bold;background-color:#e2e2e2} @media (min-width:993px){ .indexpro .indexprocate-list:hover{background-color:#00873c;box-shadow:0px 3px 18px rgba(19,43,30,0.23);transform:translateY(-3px);-webkit-transform:translateY(-3px)} .indexpro .indexprocate-list .namebox:hover:after, .indexpro .indexprocate-list .namebox:hover:before{background-color:#fff} .indexpro .indexprocate-list .namebox:hover .name{color:#fff} .indexpro .swiper-container .swiper-slide:hover .textbox .more{background-color:#3d3d3d} .indexpro .swiper-container .swiper-slide:hover .textbox .more .icon{background-color:#00873c;color:#fff} .indexpro .swiper-container .swiper-slide:hover .textbox .more .text{color:#fff} } /* 棣栭〉瑙e喅鏂规 */ .indexprogramme{padding:96px 0} .indexprogramme .swiper-slide .cntext{font-size:24px;color:#fff;text-align:center;transition:.4s;-webkit-transition:.4s} .indexprogramme .swiper-slide .entext{text-align:center;margin-top:9px} .indexprogramme .swiper-slide .entext .box{display:inline-block;background-color:rgba(0,0,0,0.3);height:29px;line-height:29px;color:rgba(255,255,255,0.6);padding:0 20px;border-radius:29px} .indexprogramme .bg{width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:absolute;top:0;left:0;transition:.4s;-webkit-transition:.4s} .indexprogramme .textbox{width:100%;position:absolute;bottom:0;padding:0 1.875vw 30px} .indexprogramme .description{color:#fff;margin-top:25px;max-height:78px;font-size:14px;display:none;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-align:center} .indexprogramme .swiper-slide .more{display:none;margin-top:52px} .indexprogramme .swiper-slide .more img{width:36px;height:36px;margin:0 auto} .indexprogramme .num{font-size:105px;margin-top:30px;color:rgba(255,255,255,0.15);text-align:center;margin-bottom:20px;font-weight:bold;display:none} .indexprogramme .indexprogban{padding:70px 0} .indexprogramme .swiper-slide .img img{width:100%;max-width:initial;transition:.4s;-webkit-transition:.4s} .indexprogramme .swiper-button-prev{width:61px;height:85px;background-image:url(../img/prog_left.png);background-size:100% auto;background-position:center;background-repeat:no-repeat;left:15vw} .indexprogramme .swiper-button-next{width:61px;height:85px;background-image:url(../img/prog_right.png);background-size:100% auto;background-position:center;background-repeat:no-repeat;right:15vw} @media (min-width:993px){ .indexprogramme .swiper-slide:hover .textbox{height:100%} .indexprogramme .swiper-slide:hover .description{display:-webkit-box;display:block} .indexprogramme .swiper-slide:hover .more, .indexprogramme .swiper-slide:hover .num{display:block} .indexprogramme .swiper-slide:hover .cntext{font-size:30px;font-weight:bold} .indexprogramme .swiper-slide:hover .bg{transform:scaleY(1.15);-webkit-transform:scaleY(1.15)} .indexprogramme .swiper-slide:hover .img img{transform:scaleY(1.15);-webkit-transform:scaleY(1.15)} } @media (max-width:1660px){ .indexprogramme .num{font-size:90px;line-height:100px} .indexprogramme .swiper-slide .more{margin-top:38px} } @media (max-width:1440px){ .indexprogramme .num{font-size:80px;line-height:90px} .indexprogramme .swiper-slide .more{margin-top:28px} } @media (max-width:1200px){ .indexprogramme .num{font-size:66px;line-height:76px} .indexprogramme .swiper-slide .more{margin-top:20px} } @media (max-width:993px){ .indexprogramme .swiper-slide .textbox{height:100%} .indexprogramme .num, .indexprogramme .description, .indexprogramme .swiper-slide .more{display:block} .indexprogramme .description{width:74%;margin:25px auto 0} } @media (max-width:380px){ .indexprogramme .description{width:70%;margin:20px auto 0} .indexprogramme .swiper-slide .cntext{font-size:20px} .indexprogramme .num{font-size:68px;line-height:72px;margin-top:25px;margin-bottom:10px} .indexprogramme .swiper-slide .more{margin-top:25px} } /* 棣栭〉鍏充簬鎴戜滑 */ .indexabout{padding-bottom:161px;background-image:url(../img/aboutbg.png);background-position:left bottom;background-repeat:no-repeat} .indexabout .text-left{width:25.73vw} .indexabout .entitle{font-size:38px;color:#00873c;line-height:1} .indexabout .cntitle{font-size:30px;color:#333;line-height:1;font-family:"鎬濇簮榛戜綋";margin-top:22px} .indexabout .description{color:#666;font-size:14px;line-height:32px;margin-top:56px} .indexabout .morebox{width:158px;height:44px;display:block;background-color:#3d3d3d;margin-top:66px} .indexabout .morebox .text{width:101px;color:#fff;font-size:12px;line-height:44px;text-align:center} .indexabout .morebox .icon{width:57px;font-weight:bold;color:#fff;font-size:18px;line-height:44px;background-color:#00873c;text-align:center} .indexabout .icon-cen{padding-left:6.823vw;padding-right:4.896vw;padding-top:2.5vh} .indexabout .icon-cen .iconlist{margin-bottom:64px} .indexabout .icon-cen img{margin:0 auto} .indexabout .icon-cen .cntext{font-size:14px;color:#414141;margin-top:25px;text-align:center} .indexabout .icon-cen .entext{font-size:12px;color:rgba(65,65,65,0.3);text-align:center} .indexabout .video-right{width:39vw;height:40.5vh;position:relative} .indexabout .video-right .bg{width:41.67vw;height:40.5vh;background-color:#00873c;position:absolute;top:29px;left:-29px} .indexabout .video-right .videobox{position:relative;height:100%} .indexabout .video-right .videobox .video, .indexabout .video-right .videobox video{width:100%;height:100%;object-fit:fill} .indexabout .video-right .videobox .player{width:5.886vw;height:5.886vw;position:absolute;top:50%;left:50%;margin-top:-2.943vw;margin-left:-2.943vw;cursor:pointer} @media (min-width:993px){ .indexabout .icon-cen .iconlist:hover .cntext, .indexabout .icon-cen .iconlist:hover .entext{color:#00873c} .indexabout .morebox:hover{background-color:#00873c} .indexabout .morebox:hover .text{color:#fff} .indexabout .morebox:hover .icon{background-color:#dbf4e6;color:#00873c} } @media (max-width:1550px){ .indexabout .icon-cen{padding-left:5.823vw;padding-right:4.296vw;padding-top:2.5vh} } @media (max-width:1280px){ .indexabout .icon-cen{padding-left:5.823vw;padding-right:4.296vw;padding-top:2.5vh} } /* 棣栭〉鏂伴椈 */ .indexnews{padding-top:86px;padding-bottom:92px;background-color:#f5f5f5} .indexnews .newscatebox{padding-top:40px} .indexnews .newscatelist{padding:0 0.5vw;position:relative} .indexnews .newscatelist:after{content:"";width:1px;height:14px;background-color:#ddd;position:absolute;top:15.5px;right:0} .indexnews .newscatelist a{width:130px;height:45px;display:block;text-align:center;color:#666;line-height:45px;font-size:16px} .indexnews .newscatelist.cur a{background-color:#00873c;color:#fff} .indexnews .indexnewsbox{padding:32px;background-color:#fff;margin-top:30px} .indexnews .indeximgnews{width:45%;position:relative;margin-right:5%} .indexnews .indexnewsboxlist{display:none} .indexnews .indexnewsboxlist.cur{display:block} .indexnews .indeximgnews img{width:100%} .indexnews .indeximgnews .title{width:100%;padding:0 5%;font-size:16px;color:#fff;position:absolute;bottom:34px;left:0;text-align:center} .indexnews .inexnewslistbox{width:50%} .indexnews .inexnewslistbox a{display:block;padding-top:28px;padding-bottom:49px;border-bottom:1px solid #f2f2f2} .indexnews .inexnewslistbox .date{margin-right:3.5%;color:#3f3f3f;line-height:1} .indexnews .inexnewslistbox .date .month{font-size:30px;color:inherit;font-weight:bold} .indexnews .inexnewslistbox .date .year{font-size:14px;color:inherit;margin-top:14px} .indexnews .inexnewslistbox .line{width:1px;height:43px;background-color:#d3d3d3;margin-right:3.5%} .indexnews .inexnewslistbox .title{width:50%;font-size:16px;color:#3f3f3f} .indexnews .inexnewslistbox img{width:2vw;height:2vw} .indexnews .morebox{width:158px;height:44px;display:block;margin:42px auto 0;background-color:#3d3d3d;margin-top:66px} .indexnews .morebox .text{width:101px;color:#fff;font-size:12px;line-height:44px;text-align:center} .indexnews .morebox .icon{width:57px;font-weight:bold;color:#fff;font-size:18px;line-height:44px;background-color:#00873c;text-align:center} @media (max-width:1200px){ .indexnews .indeximgnews, .indexnews .inexnewslistbox{width:100%;float:none;margin-top:1.5vh} .indexabout .text-left, .indexabout .video-right, .indexabout .icon-cen{width:100%} .indexabout .video-right .bg{display:none} .indexabout .morebox{margin:3.6vh auto 4.2vh} .indexabout .icon-cen .iconlist{margin-bottom:0;width:33.3333%;float:left} .indexabout .icon-cen{padding-left:0;padding-right:0;padding-top:3.5vh;zoom:1} .indexabout .icon-cen:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden} } @media (max-width:993px){ .indexabout{background-color:#f5f5f5;padding-bottom:0.1vh;padding-top:6.5vh} .indexpublice-top .left, .indexabout .text-left, .indexabout .video-right, .indexabout .icon-cen{float:none} .indexpublice-top .more, .indexpro .indexprocate-list .namebox:after, .indexpro .indexprocate-list .namebox:before, /* .indexpro .indexprobanbox .swiper-button-prev, .indexpro .indexprobanbox .swiper-button-next, */ .indexabout .icon-cen .entext, .indexnews .inexnewslistbox .more, .indexnews .morebox{display:none} .indexpublice-top .entext, .indexabout .entitle{text-align:center;font-size:6vw} .indexpublice-top .cntext, .indexabout .cntitle{text-align:center;font-size:4.6vw;margin-top:6px} .indexpro{padding-top:7vh;padding-bottom:7vh} .indexpro .indexprocate-list{margin-right:0;width:33.3333%} .indexpro .indexprocate-list:nth-of-type(1){border-top-left-radius:3px;border-bottom-left-radius:3px} .indexpro .indexprocate-list:nth-of-type(3){border-top-right-radius:3px;border-bottom-right-radius:3px} .indexpro .indexprocate-list .namebox{text-align:center;height:60px} .indexpro .indexprocate-list .img{width:3vw;display:inline-block;float:none;padding-top:20px} .indexpro .indexprocate-list:nth-of-type(2) .img{padding-top:15px} .indexpro .indexprocate-list:nth-of-type(3) .img{padding-top:13.5px} .indexpro .indexprocate-list .name{display:inline-block;float:none;vertical-align:top;line-height:60px} .indexpro .indexprocate-list{height:60px} .indexpro .indexprocate-list.cur{background-color:#00873c} .indexpro .indexprocate-list.cur .name{color:#fff} .indexpro .indexproban .swiper-slide{width:48%;float:left;margin-right:4%;margin-bottom:15px} .indexpro .indexproban .swiper-slide:nth-of-type(2n){margin-right:0} .indexpro .indexproban .more{background-color:#3d3d3d;border:0px} .indexpro .indexproban .more .text{color:#fff} .indexpro .indexproban .more .icon{width:60px;height:44px;background-color:#00873c;color:#fff} .indexprogramme{padding:7vh 15px} .indexprogramme .indexprogban{padding:7vh 0 0} .indexprogramme .swiper-button-next{right:0} .indexprogramme .swiper-button-prev{left:0} .indexabout .description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-align:center;margin-top:20px} .indexabout .video-right .videobox .player{width:13.4vw;height:13.4vw;margin-top:-6.7vw;margin-left:-6.7vw} .indexabout .video-right .videobox video{border-radius:3px} .indexabout .icon-cen .cntext{margin-top:10px} .indexnews{padding-top:12vh;padding-bottom:7vh} .indexnews .indexpublice-top .right{float:none} .indexnews .indexpublice-top .right .left{width:33.3333%;float:left;padding:0 4%} .indexnews .newscatelist:nth-of-type(3):after{display:none} .indexnews .newscatebox{padding:4.2vh 5% 0 5%} .indexnews .newscatelist a{width:100%} .indexnews .indexnewsbox{box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);padding:18px} .indexnews .inexnewslistbox a{border-bottom:none;padding-top:1.5vh;padding-bottom:1.5vh} .indexnews .indeximgnews, .indexnews .inexnewslistbox{margin-top:0} .indexpro .indexprobanbox .showlist{padding:0 10vw} .indexpro .indexprobanbox .swiper-button-next{right:0} .indexpro .indexprobanbox .swiper-button-prev{left:0} } @media (max-width:768px){ .indexpro .indexprocate-list .img{width:20px;margin-right:4px;padding-top:24px} .indexpro .indexprocate-list:nth-of-type(2) .img{padding-top:20px} .indexpro .indexprocate-list:nth-of-type(3) .img{padding-top:21px} .indexpro .indexprocate-list .namebox{padding-left:15px} .indexpro .indexprocate-list .name{font-size:16px} .indexnews .newscatelist a{height:36px;line-height:36px} .indexpro .indexproban .more{width:92%;margin:1.2vh auto 0} .indexpro .indexproban .more .text{width:65%} .indexpro .indexproban .more .icon{width:35%} .indexnews .inexnewslistbox .date .month{font-size:16px} .indexnews .inexnewslistbox .title{width:74%;height:42px;overflow:hidden;font-size:14px} .indexnews .inexnewslistbox .date .year{margin-top:6px;font-size:12px} .indexpro .indexproban .textbox{padding: 8px 1.98vw 26px} .indexpro .indexproban .title{font-size:16px;margin-top:6px} .indexpro .swiper-container .more{margin:22px auto 0} } @media (max-width:420px){ .indexpro .indexprocate-list .namebox{padding-left:0} .indexpro .swiper-container .more{margin:16px auto 0} } /* 鏈嶅姟鏀寔 */ .servicesearchbox{margin-bottom:92px} .servicesearchbox .title{font-size:35px;color: rgb(51, 51, 51);line-height:1.2} .servicesearchbox form{display:block} .servicesearchbox .searchbox{margin-top:48px} .servicesearchbox .conbox{width:551px;height:68px;border:1px solid #666;border-radius:3px;padding:0 10px} .servicesearchbox .conbox .icon{padding:23.5px 24px} .servicesearchbox .input{width:calc(551px - 91px);height:66px} .servicesearchbox .input input{width:100%;padding:0 16px;line-height:66px;color:#333;font-size:14px} .servicesearchbox .input input::-webkit-input-placeholder{color:#999} .servicesearchbox .submitbtn{width:196px;height:68px;border-radius:3px;background-color: rgb(0, 135, 60);color:#fff;margin-left:13px} .servicesearchbox .tips{font-size:14px;color: rgb(153, 153, 153);line-height: 1.2;margin-top:15px} .servicebox .servicelist{width:50%;padding-right:2%;padding-bottom:60px} .servicebox .servicelist:nth-of-type(2n){padding-right:0;padding-left:2%} .servicebox .servicelist a{display:block;width:100%;border-radius: 3px;background-color: rgb(242, 242, 242);padding:54px 75px;transition:.4s;-webkit-transition:.4s} .servicebox .servicelist .text{width:calc(100% - 5.87vw);margin-right:1.4vw} .servicebox .servicelist .title{font-size: 18px;color: rgb(51, 51, 51);width:100%;overflow: hidden;line-height: 1.2;transition:.4s;-webkit-transition:.4s} .servicebox .servicelist .line{width:14px;height:2px;background-color:#999;margin:25px 0;transition:.4s;-webkit-transition:.4s} .servicebox .servicelist .filename{color: rgb(102, 102, 102);line-height: 1.2;transition:.4s;-webkit-transition:.4s;word-break:break-all} .servicebox .servicelist .big{color:#999;line-height: 1.2;margin-top:4px;transition:.4s;-webkit-transition:.4s} .servicebox .servicelist .icon{width:4.47vw;height:4.47vw;padding:1.385vw 0;border-radius:6vw;border:1px solid rgb(51, 51, 51);text-align:center;margin-top:25px;transition:.4s;-webkit-transition:.4s} .servicebox .servicelist .icon img{width:1.94vw;height:1.7vw;display:inline-block} .servicebox .servicelist .icon .img2{opacity:0;position:absolute;left:1.265vw;top:1.385vw} .servicebox .servicelist a:hover{background-color:#00873c} .servicebox .servicelist a:hover .title, .servicebox .servicelist a:hover .filename, .servicebox .servicelist a:hover .big{color:#fff} .servicebox .servicelist a:hover .line{background-color:#fff} .servicebox .servicelist a:hover .icon{background-color: rgb(255, 255, 255);border:1px solid #fff;box-shadow: 6.5px 11.258px 16px 0px rgba(0, 0, 0, 0.15);transform:translateY(-25px);-webkit-transform:translateY(-25px)} .servicebox .servicelist a:hover .img1{opacity:0} .servicebox .servicelist a:hover .img2{opacity:1} @media (max-width:1366px){ .servicebox .servicelist a:hover .icon{background-color: rgb(255, 255, 255);border:1px solid #fff;box-shadow: 6.5px 11.258px 16px 0px rgba(0, 0, 0, 0.15);transform:translateY(-25px);-webkit-transform:translateY(-25px)} } @media (max-width:1200px){ .servicebox .servicelist a{padding:39px 60px} } @media (max-width:993px){ .servicesearchbox{margin-top:3vh} .servicebox .servicelist{padding-bottom:30px} .servicebox .servicelist a{padding:34px 55px} .servicebox .servicelist .line{margin:15px 0} .servicesearchbox .title{font-size:28px} .servicesearchbox .searchbox{margin-top:20px} .servicesearchbox .conbox{width:65%} .servicesearchbox .conbox{height:54px} .servicesearchbox .input{width:calc(100% - 91px);height:52px} .servicesearchbox .input input{line-height:52px} .servicesearchbox .conbox .icon{padding:15.5px 24px} .servicesearchbox .submit{width:35%} .servicesearchbox .submitbtn{width:100%;margin-left:5%;height:54px;display:block} .servicebox .servicelist .icon .img2{left:2.265vw;top:2.385vw} .servicesearchbox .searchbox{display:block} } @media (max-width:769px){ .servicesearchbox{margin-bottom:38px} .servicebox .servicelist{width:100%;padding-bottom:15px;padding-left:0 !important;padding-right:0} .servicebox .servicelist a{padding:34px 15px} .servicebox .servicelist .line{margin:15px 0} .servicebox .servicelist .icon{width:10vw;height:10vw} .servicebox .servicelist .text{width:calc(100% - 14vw);margin-right:4vw} .servicebox .servicelist .icon img{width:5.3vw;height:4.7vw} .servicebox .servicelist .icon{padding:2.53vw 0} .servicesearchbox .conbox .icon{padding:11px 4px} .servicesearchbox .conbox .icon img{width:16px;height:16px} .servicesearchbox .input{width: calc(100% - 25px);height:40px} .servicesearchbox .input input{padding:0 8px;height:38px} .servicesearchbox .conbox{width:70%;padding:0 6px;height:40px} .servicesearchbox .submit{width:30%} .servicesearchbox .submitbtn{height:40px} .servicesearchbox .title{font-size:22px} } /* 鏈嶅姟鍒嗛〉 */ .pagerbox{margin-top:44px;padding-bottom:141px} .pagerbox .icon a{font-family:瀹嬩綋} .pagerbox .icon a, .pagerbox .pageritem a, .pagerbox .epill{display:block;width:33px;height:33px;font-size:14px;color:#bdbdbd;line-height:33px;text-align:center} .pagerbox .icon.prev a{text-align:left} .pagerbox .icon.next a{text-align:right} .pagerbox .pageritem.cur a{color:#fff;background-color:#00873c;border-radius:33px} /* 浜у搧涓績 */ .productf8{background-color:#f8f8f8} .procate{margin-bottom:96px} .procateitems{border:1px solid rgb(238, 238, 238);box-shadow:6.5px 11.258px 16px 0px rgba(0, 0, 0, 0.02)} .procateitem{width:33.3333%;border-left:1px solid #eee} .procateitems .nameboxb{position:relative;padding-left:62px;padding-right:56px;height:73px;transition:.4s;-webkit-transition:.4s;background-color:#f2f2f2} .procateitems .procateitem:nth-of-type(2) .namebox{background-color:#e8e8e8} .procateitems .nameboxb .entext{line-height:73px;font-family:"Arial";font-size:14px;color:#999} .procateitems .nameboxb .img{float:left;margin-right:22px;padding-top:26px} .procateitem:nth-of-type(2) .img{padding-top:21px} .procateitem:nth-of-type(3) .img{padding-top:19.5px} .procateitem .name{float:left;font-size:20px;color:#333;line-height:73px;font-weight:bold} .procateitems .procateitem:nth-of-type(2) .namebox:hover{background-color:#00873c} .procateitem.cur .nameboxb{background-color:#00873c} .procateitem.cur .nameboxb:after, .procateitem .nameboxb:before{background-color:#fff} .procateitem.cur .nameboxb .entext, .procateitem.cur .nameboxb .name{color:#fff} .procateitem .procatebox{padding:28px 13% 56px} .procateitem .procatebox .procatelist{width:50%;position:relative} .procateitem .procatebox .procatelist .onename{position:relative;padding:4px 10px 4px 22px;} .procateitem .procatebox .procatelist .onename:after{content:"";width:4px;height:4px;border-radius:4px;background-color: rgb(153, 153, 153);position:absolute;top:10px;left:0} .procateitem .procatebox .procatelist .onename a{font-size: 14px;color: rgb(102, 102, 102);line-height:1.4;word-break: break-all} .procateitem .procatebox .procatelist .twoitems{display:none} .procateitem .procatebox .procatelist .twoitem{position:relative;padding-left:34px} .procateitem .procatebox .procatelist .twoitem a{color:#999;line-height:1.8} .procateitem .procatebox .procatelist .twoitem:after{content:"";width:4px;height:4px;border-radius:4px;background-color: rgb(153, 153, 153);position:absolute;top:50%;margin-top:-2px;left:15px} .proitem{width:50%;padding-right:2%;padding-bottom:88px} .proitem:nth-of-type(2n){padding-left:2%;padding-right:0} .proitem .proitembox{display:block;background-color:#fff;border-radius:3px;padding:39px 0} .proitem .proitembox .img{width:46%;padding:0 4%} .proitem .proitembox .img img{width:100%} .proitem .proitembox .text{width:54%;padding-right:3.4vw;padding-left:4vw;border-left:1px solid #f2f2f2} .proitem .proitembox .title{font-size:16px;color:#333;line-height:1.6} .proitem .proitembox .description{font-size:14px;color:#666;width:80%;margin-top:6px;margin-bottom:10px;line-height:2.143;height:150px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5} .proitem .proitembox .type{height:38px;line-height:38px;background-color:#eee;border-radius:3px;padding:0 20px;color:#666;font-size:12px} .proitem .proitembox .more{padding:2.5px 0} .proitem .proitembox .more img{width:1.74vw;height:1.74vw} .prodetail .top{padding-bottom:83px;border-bottom:2px solid #ddd} .prodetail .top .img{width:44%;padding:88px 3%;background-color:#f2f2f2} .prodetail .top .img img{width:100%} .prodetail .top .con{width:50%;margin-left:6%} .prodetail .top .title{font-size:30px;color:#333;line-height:1.2;margin-top:28px} .prodetail .top .text{margin-top:78px;font-size:18px;color: rgb(51, 51, 51);line-height:1.2} .prodetail .top .description{font-size:14px;color: rgb(102, 102, 102);line-height:34px;margin-top:18px} .prodetail .top .proConsul{width:237px;height:68px;display:block;margin-top:108px;border-radius:3px;background-color: rgb(0, 135, 60);font-size:18px;color:#fff;text-align:center;line-height:68px} .procontent{padding-bottom:162px} .procontent .item{padding-top:84px} .procontent .title{font-size:24px;color:#333;line-height:1.2} .procontent .text{font-size:14px;color:#666;margin-top:14px;line-height:1.2} .procontent .img{margin-top:50px} .procontent .table{max-width:75%;margin-top:18px;border:2px solid #000} .procontent .table .namelist{border-bottom:2px solid #000;border-right:2px solid #000} .procontent .table .namelist:nth-last-of-type(1){border-right:none} .procontent .modelitem{border-bottom:2px solid #000} .procontent .modelitem:nth-last-of-type(1){border-bottom:none} .procontent .modelitem .list{border-right:2px solid #000} .procontent .table .namelist, .procontent .modelitem .list{padding:12px 10px;line-height:2;text-align:center;font-size:14px;color:#333} .procontent .modelitem .list:nth-last-of-type(1){border-right:none} .procontent .w10{width:15%} .procontent .w20{width:20%} .procontent .w30{width:25%} @media (min-width:993px){ .procateitem .procatebox .procatelist a:hover, .proitem:hover .proitembox .title, .proitem:hover .proitembox .type{color:#00873c} .procateitem .nameboxb:hover{background-color:#00873c} .procateitem .nameboxb:hover:after, .procateitem .nameboxb:hover:before{background-color:#fff} .procateitem .nameboxb:hover .name, .procateitem .nameboxb:hover .entext{color:#fff} } @media (max-width:1440px){ .procateitem .procatebox .procatelist .onename a{line-height:1.6} .procateitem .procatebox .procatelist .onename{padding:4px 10px 4px 22px} .procateitem .procatebox{padding:28px 46px 56px} .procateitems .nameboxb{padding-left:48px;padding-right:42px} } @media (max-width:1200px){ .procateitems .nameboxb{padding-left:4%;padding-right:4%} .procateitem .procatebox{padding:28px 4% 56px} /* .procateitem .procatebox .procatelist .onename a{line-height:2} */ .proitem .proitembox .text, .proitem .proitembox .img{width:100%;float:none} .proitem .proitembox .description{width:100%;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .proitem .proitembox .more img{width:2.4vw;height:2.4vw} .proitem .proitembox .text{padding-right:41px;padding-left:47px} .proitem{padding-bottom:30px} .procateitem .procatebox .procatelist{padding-left:14px} .procontent img{height:auto !important} } @media (max-width:993px){ .procateitems .nameboxb{height:58px;border-bottom:1px solid #e0ebe5} .procateitems .procateitem:nth-last-of-type(1) .nameboxb{border-bottom:none} .procateitems .nameboxb .img{padding-top:19px} .procateitem:nth-of-type(2) .img{padding-top:14px} .procateitem:nth-of-type(3) .img{padding-top:14px} .procateitem .name, .procateitems .nameboxb .entext{line-height:57px} .procateitem{width:100%;float:none;border-right: 1px solid #eee;} .procateitems{border:none;box-shadow:none} .procateitem .procatebox{padding:16px 3% 30px} .prodetail .top .img, .prodetail .top .con{width:100%;margin-left:0;padding:0} .prodetail .top .title{font-size:22px} .prodetail .top .text{margin-top:20px} .prodetail .top .proConsul{margin-top:3vh} .prodetail .top{padding-bottom:4vh} .pagerbox{margin:3vh 0 0} .procateitem .procatebox{display:none} .procateitem .procatebox .procatelist{width:100%} .procateitem .procatebox .procatelist .onename a{line-height:2.4} .procate{padding-bottom:6vh;margin-bottom:0} .prodetail .top .description{margin-top:4px} .procontent .item{padding-top:6vh} } @media (max-width:768px){ .pagerbox, .proitem{width:100%;padding-left:0;padding-right:0;padding-bottom:15px} .proitem .proitembox .text{padding-left:16px;padding-right:17px} .proitem .proitembox .more img{width:8vw;height:8vw} .proitem:nth-of-type(2n){padding-left:0} } /* 鏂伴椈鍔ㄦ€ */ .newssliderbox{padding:52px;background-color:#fff;box-shadow:6.5px 11.258px 16px 0px rgba(0, 0, 0, 0.02);margin-bottom:95px} .newsitem{width:31%;margin-right:3.5%;background-color:#fff;margin-bottom:65px;transition:.4s;-webkit-transition:.4s} .newsitem .img{overflow:hidden} .newsitem .img img{;transition:.4s;-webkit-transition:.4s} .newsitem:nth-of-type(3n){margin-right:0} .newsitem a{display:block} .newsitem-bot{padding:28px 5%} .newsitem-bot .text{width:85%;padding-right:17%} .newsitem-bot .text .title{font-size:18px;color:#333;line-height:1.667;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsitem-bot .text .date{color:#cacbcd;font-size:14px;margin-top:20px} .newsitem-bot .more{padding-top:60px} .newsslides .img{width:50%;} .newsslides .img img{width:100%} .newsslides .newsright{width:45%;margin-left:5%} .newsslides .newsright .title{width:67%;margin-top:8px;font-size:24px;color: rgb(51, 51, 51);line-height:1.5;font-weight:bold;transition:.4s;-webkit-transition:.4s} .newsslides .newsright .date{font-size:14px;line-height:3.479;font-family:"Myriad Pro";color: rgba(153, 153, 153, 0.8);margin:16px 0 20px} .newsslides .newsright .desc{font-size: 14px;color: rgb(102, 102, 102);line-height: 2.571;margin-top:} .newsslides .newsSli-more{color: rgb(153, 153, 153);line-height: 2.571;margin-top:38px} .newsslides .swiper-button-next, .newsslides .swiper-button-prev{width:42px;height:42px;transition:.4s;-webkit-transition:.4s;line-height:42px;text-align:center;border-radius:42px;border:1px solid rgb(204, 204, 204);top:auto;margin-top:0;z-index:99;bottom:0;font-family:瀹嬩綋;color:#666;font-size:18px;background-image:none} .newsslides .swiper-button-next{left:auto;right:0} .newsslides .swiper-button-prev{left:auto;right:49px} .newsslides .swiper-button-next:hover, .newsslides .swiper-button-prev:hover{color:#fff;background-color:#00873c;border:1px solid #00873c} .newsdetail-bot .box{padding:84px 5%} .newsdetail-bot .box{border-bottom:2px solid rgb(238, 238, 238)} .newsdetail-bot .box img{display:initial} .newsother{padding-top:58px;padding-bottom:158px} .newsother .otherbox .otherlist{font-size:15px;color:#444;font-weight:bold;padding:3px 0} .newsother .otherbox .otherlist a{color:#666;font-weight:normal} .newsother .returnlist{width:161px;height:52px;background-color:#00873c;color:#fff;text-align:center;line-height:52px} .newsdetail-top{padding-bottom:54px;border-bottom:2px solid #eee} .newsdetail-top .title{width:70%;font-size:24px;color:#333;font-weight:bold;line-height:1.5} .newsdetail-top .date{font-size:12px;color:rgba(153, 153, 153, 0.8);line-height:2.2;margin-top:10px} .newsshare{padding-top:6px} .newsshare .text{color:#999;text-align:right} .newsshare .shareitems{margin-top:14px} .newsshare .shareitem{margin-right:16px} .newsshare .shareitem:nth-last-of-type(1){margin-right:0} .newsdetail-bot{background-image:url(../img/newsbg.png);background-position:center center;background-size:100% auto;background-repeat:no-repeat} @media (min-width:993px){ .newsslides .newsright .title:hover, .newsslides .newsSli-more:hover{color:#00873c} .newsitem:hover{box-shadow:0px 3px 20px rgba(0,0,0,0.08);border-radius:4px} .newsitem:hover .title{color:#00873c} .newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)} .newsdetail-top .title:hover{color:#00873c} } @media (max-width:993px){ .newsslides .img{width:100%} .newssliderbox{padding:20px;margin-bottom:4vh} .newsslides .newsright{width:100%;margin-left:0} .newsslides .newsright .title{width:100%;font-size:20px} .newsslides .newsright .date{line-height:1.8;margin:8px 0 10px} .newsitem{width:49%;margin-right:2%} .newsitem:nth-of-type(3n){margin-right:2%} .newsitem:nth-of-type(2n){margin-right:0} .newsdetail-top .title{font-size:20px;width:100%} .newsshare.right{float:none;padding-top:10px} .newsdetail-topleft{float:none} .newsshare .text{text-align:left} .newsdetail-top{padding-bottom:2.5vh} .newsdetail-bot .box{padding:30px 0} .newsother{padding-top:3.4vh;padding-bottom:4vh} .newsother .returnlist{float:left;margin-top:20px} } @media (max-width:768px){ .newsitem{width:100%;margin-right:0} .newsitem:nth-of-type(3n), .newsitem:nth-of-type(2n){margin-right:0} .newsitem-bot .text{width:86%;padding-right:8%} .newsitem{margin-bottom:15px} .newsslides .newsright .desc{height:72px;overflow:hidden} .newsitem-bot .text .date{margin-top:6px} .newsitem-bot{padding:18px 5%} } @media (max-width:375px){ .newsitem-bot .text{width:100%;padding-right:0} .newsitem-bot .more{padding-top:10px} .newsitem-bot .text .title{height:60px} } /* 瑙e喅鏂规 */ .prorammebox .bigtitle{font-size:35px;color: rgb(51, 51, 51);line-height:1;margin-bottom:62px} .prorammebox .item{width:31%;margin-right:3.5%;position:relative;margin-bottom:46px} .prorammebox .item:nth-of-type(3n){margin-right:0} .prorammebox .item .textbox{width:100%;position:absolute;bottom:0;padding:0 1.875vw 30px} .prorammebox .item .num{font-size:105px;margin-top:30px;color:rgba(255,255,255,0.15);text-align:center;margin-bottom:20px;font-weight:bold;display:none} .prorammebox .item .cntext{font-size:24px;color:#fff;text-align:center;transition:.4s;-webkit-transition:.4s} .prorammebox .item .entext{text-align:center;margin-top:9px} .prorammebox .item .entext .box{display:inline-block;background-color:rgba(0,0,0,0.3);height:29px;line-height:29px;color:rgba(255,255,255,0.6);padding:0 20px;border-radius:29px} .prorammebox .item .description{color:#fff;margin-top:25px;line-height:1.8;display:none;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-align:center} .prorammebox .item .more{display:none;margin-top:52px} .prorammebox .item .more img{width:36px;height:36px;margin:0 auto} .prorammebox .item:hover .textbox{height:100%} .prorammebox .item:hover .description{display:-webkit-box;display:-moz-box;display:box} .prorammebox .item:hover .more, .prorammebox .item:hover .num{display:block} .prorammebox .item:hover .cntext{font-size:30px;font-weight:bold} .prorammebox .item .img img{width:100%} .prorammebox .item .bg{width:100%;height:100%;background-color:rgba(0,0,0,0.6);position:absolute;top:0;left:0;transition:.4s;-webkit-transition:.4s;opacity:0} .prorammebox .item:hover .bg{opacity:1} .progban{position:relative} .progban .img img{width:100%} .progban .textbox{position:absolute;left:5%;top:15%} .progban .textbox .entext{font-size:52px;line-height:1.2;color:#fff} .progban .textbox .entext span{font-size:42px} .progban .textbox .cntext{font-size:30px;margin-top:2vw;color:#fff;position:relative} .progban .textbox .cntext:after{content:"";width:50px;height:2px;background-color:#fff;position:absolute;top:5.4vw;left:0} .progdeItems{padding-bottom:104px} .progdeItem .name{color:#333;font-size:30px;font-weight:bold;line-height:1;padding-left:34px;border-left:2px solid #00873c;margin-bottom:5vw} .progdeItem{border-bottom:6px solid #eee;padding-top:112px;padding-bottom:50px} @media (max-width:1200px){ .progban .textbox .entext{font-size:38px} .progban .textbox .entext span{font-size:28px} .progban .textbox .cntext{font-size:20px} } @media (max-width:993px){ .progban .textbox .entext{font-size:32px} .progban .textbox .entext span{font-size:20px} .progban .textbox .cntext{font-size:16px} .prorammebox .item{width:48%;margin-right:4%} .prorammebox .bigtitle{font-size:24px;margin-bottom:32px} .prorammebox .item:nth-of-type(3n){margin-right:4%} .prorammebox .item:nth-of-type(2n){margin-right:0} .prorammebox .item .num, .prorammebox .item .more{display:block} .prorammebox .item .description{display:-webkit-box;display:-moz-box;display:block;height:54px;overflow:hidden} .prorammebox .item .more{margin-top:22px} .prorammebox .item .textbox{height:100%} .prorammebox .item .bg{opacity:1} } @media (max-width:768px){ .progban .textbox{left:10%} .progdeItem .name{font-size:20px;padding-left:8px} .progdeItem{padding-top:58px;padding-bottom:38px} .progban .textbox .entext{font-size:20px} .progban .textbox .entext span{font-size:16px} .progban .textbox .cntext{font-size:12px} .prorammebox .item{width:100%;margin-bottom:15px} .prorammebox .bigtitle{font-size:20px;margin-bottom:20px} .prorammebox .item, .prorammebox .item:nth-of-type(3n){margin-right:0} .progban .textbox .cntext:after{width:30px;top:7.8vw} } /* 鑱旂郴鎴戜滑 */ [contact] .pagenav{margin-bottom:0} .contact-address{padding-top:98px;padding-bottom:105px;position:relative} .contact-address .box{position:absolute;top:40px;left:0;z-index:9999} .contact-address-top{background-color:#fff;padding:30px 57px;border-radius:3px;box-shadow:5.248px 2.909px 30px 0px rgba(0, 0, 0, 0.2)} .contact-address .contact-address-top .entext{font-size:35px;color:#00873c;font-family:"Arial"} .contact-address .contact-address-top .cntext{font-size:30px;color:#333;margin-top:6px} .contact-address .contact-address-items{min-width:22.5vw;padding:80px 3.4vw 138px;margin-top:30px;border-radius:3px;background-color: rgb(255, 255, 255);box-shadow:5.248px 2.909px 30px 0px rgba(0, 0, 0, 0.2)} .contact-address .contact-address-items .name{color:#000;font-size:22px} .contact-address .contact-address-items .add, .contact-address .contact-address-items .sellist .text{font-size:16px;color:#666} .contact-address .contact-address-items .add{margin-top:15px;margin-bottom:34px} .contact-address .contact-address-items .sellist .text{width:calc(100% - 36px);margin-left:16px;line-height:1} .contact-address .contact-address-items .sellist .text span{margin-left:10px} .contact-address .contact-address-items .selbox .sellist:nth-of-type(2) .icon{padding-top:2px} .contact-address .contact-address-items .sellist{padding:4px 0} .contact-address .addressimg{height:600px} .conAdditems{margin-top:57px;margin-bottom:97px} .conAdditems .conAdditem{width:32%;height:394px;padding:89px 57px 0;margin-right:2%;border-radius:3px;background-color: rgb(248, 248, 248)} .conAdditems .conAdditem:nth-of-type(3){margin-right:0} .conAdditems .conAdditem .title{color:#000;font-size:22px;line-height:34px;padding-left:34px;background-image:url(../img/address_icon2.png);background-repeat:no-repeat;background-position:left center} .conAdditems .conAdditem .add{margin-top:16px;margin-bottom:36px} .conAdditems .conAdditem .add .text, .conAdditems .conAdditem .add .addtext, .conAdditems .conAdditem .confslist .text{color:#666;font-size:16px} .conAdditems .conAdditem .add .text{width:calc(100% - 48px)} .conAdditems .conAdditem .confslist{padding:6px 0} .conAdditems .conAdditem .confslist .icon{margin-right:16px} .conAdditems .conAdditem .confslist:nth-of-type(2) .icon{padding-top:3px} .conAdditems .conAdditem .confslist:nth-of-type(3) .icon{padding-top:3px} .conAdditems .conAdditem .confslist .text{width:calc(100% - 36px);line-height:1.2} .conformbox .entext{font-size:35px;color: #00873c;font-family:"Arial"} .conformbox .cntext{font-size: 30px;color: #333;margin-top:6px} .conformbox .conform{margin-top:64px} .conformbox .input{width:48%;margin-right:4%} .conformbox .input:nth-of-type(2){margin-right:0} .conformbox .input input{width:100%;height:82px;padding:0 46px;border:1px solid #333;border-radius:3px;font-size:18px;color:#333} .conformbox .textarea{float:left;width:100%;margin-top:40px} .conformbox .textarea textarea{width:100%;height:252px;border:1px solid #333;padding:22px 38px;border-radius:3px;font-size:16px;color:#333} .conformbox .input input::-webkit-input-placeholder, .conformbox .textarea textarea::-webkit-input-placeholder{color:#999;font-size:18px} .conformbox .textarea{margin-bottom:54px} .conformbox .consubmitbtn{width:266px;height:82px;border-radius:3px;background-color: rgb(0, 135, 60);font-size:18px;color:#fff;cursor:pointer} .conformbox .conform{padding-bottom:100px} .contact-address .wrap{position:relative} .contact-address .addDetail{width:162px;position:absolute;top:46%;right:27vw;color:#000;font-size:18px} @media (max-width:1366px){ .contact-address .addressimg{height:760px} .contact-address .box{top:84px} } @media (max-width:1200px){ .conAdditems .conAdditem{padding:52px 25px 0} .contact-address .contact-address-items{max-width:40vw} } @media (max-width:993px){ .conAdditems .conAdditem{width:100%;height:280px;margin-right:0;margin-bottom:15px;padding:52px 25px 0} .contact-address .contact-address-items{max-width:44vw} .contact-address .addressimg{margin-top:20px;height:560px} } @media (max-width:768px){ .conAdditems{margin-top:30px;margin-bottom:2vh} .conAdditems .conAdditem{padding:32px 15px;height:auto} .conformbox .entext{font-size:26px} .conformbox .cntext{font-size:20px} .conAdditems .conAdditem .add{margin-top:10px;margin-bottom:10px} .conformbox .conform{margin-top:3vh;padding-bottom:6vh} .conformbox .input{float:none;width:100%;margin-right:0%;margin-bottom:15px} .conformbox .textarea{float:none;margin-top:0px;margin-bottom:24px} .conformbox .input input{height:48px;padding:0 20px} .conformbox .textarea textarea{padding:16px 24px} .conformbox .consubmitbtn{width:100%;height:48px} .conAdditems .conAdditem .add .text, .conAdditems .conAdditem .add .addtext, .conAdditems .conAdditem .confslist .text{font-size:14px} .conAdditems .conAdditem .title{font-size:18px;background-size:auto 22px;padding-left:24px} .contact-address{background-image:none;padding-bottom:15px;padding-top:28px} .contact-address .contact-address-items{max-width:100%;padding:28px 4vw} /* .contact-address .addressimg{display:block;margin-top:20px} */ .contact-address .contact-address-top .entext{font-size:26px} .contact-address .contact-address-top .cntext{font-size:22px} .contact-address .contact-address-items .name{font-size:18px} .contact-address .contact-address-items .add{font-size:14px;margin-top:10px;margin-bottom:12px} .contact-address .addressimg{height:300px} } /* 鍏充簬鎴戜滑 */ .aboutbox .entext{font-size:35px;color: #00873c;font-family:"Arial"} .aboutbox .cntext{font-size:30px;color: #333;margin-top:6px} #about_a{margin-bottom:70px} #about_a .about_briefitems{padding-top:68px} #about_a .about_briefitem{margin-bottom:45px;position:relative} #about_a .about_briefitem:nth-of-type(3){margin-bottom:0} #about_a .about_briefitem .num{color:#333;font-size:42px;letter-spacing:2px;font-weight:bold;line-height:1.1} #about_a .about_briefitem .company{color:#000;transform:translateY(24px);-webkit-transform:translateY(24px)} #about_a .about_briefitem .text{color:#000} #about_a .about_briefitem .icon{color:#000;font-weight:bold;font-size:16px;position:absolute;left:58px;top:0} #about_a .about_brief{padding-top:4px} #about_a .about_brieftext{width:65%} #about_a .about_brieftext p{font-size:14px;color: rgb(102, 102, 102);line-height:2.571} #about_b{padding-top:74px;padding-bottom:58px} /* #about_b .devepadd{padding-top:40px;padding-bottom:98px} */ #about_b .swiper-container{padding:30px 0} #about_b .development{padding:0 84px;position:relative} #about_b .development:after{content:"";width:100%;height:1px;background-color: rgb(204, 204, 204, 0.4);position:absolute;top:170px;left:0} #about_b .swiper-button-next, #about_b .swiper-button-prev{width:60px;height:60px;background-color:#fff;transition:.4s;-webkit-transition:.4s;line-height:59px;text-align:center;border-radius:59px;border:1px solid rgb(204, 204, 204);top:162px;z-index:99;font-family:瀹嬩綋;color:#666;font-size:25px;background-image:none} #about_b .swiper-button-prev{left:0} #about_b .swiper-button-next{right:0} #about_b .swiper-slide{height:auto} #about_b .swiper-slide .box{padding:46px 1.771vw 36px 2.292vw;height:100%} #about_b .swiper-button-next:hover, #about_b .swiper-button-prev:hover{color:#fff;background-color:#00873c;border:1px solid #00873c} #about_b .date{font-size:30px;color:#333;letter-spacing:1px;font-weight:bold;line-height:1;transition:.4s;-webkit-transition:.4s} #about_b .linebox{height:92px;position:relative;transition:.4s;-webkit-transition:.4s} #about_b .text{color: rgb(102, 102, 102);line-height:2.571} #about_b .box:before{content:"";width:19px;height:19px;background-color:#fff;border:1px solid #dedede;border-radius:19px;position:absolute;top:130px;left:2.292vw} #about_b .box:after{content:"";width:5px;height:5px;background-color:#fff;border-radius:5px;position:absolute;top:140px;left:2.73vw} #about_b .swiper-slide:before{content:"";width:100%;height:1px;background-color: rgba(204, 204, 204, 0.4);position:absolute;top:140px;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:2} #about_c{padding-top:88px;padding-bottom:100px} #about_c .swiper-slide{background-color:#fff} #about_c .swiper-slide .img{padding:39px 3.2vw;border-bottom:1px solid #f2f2f2} #about_c .swiper-slide .img img{width:100%} #about_c .swiper-slide .text{text-align:center;color:#666;padding:32px 1vw;height:86px;overflow:hidden} #about_c .property{margin-top:66px} #about_c .publicbtn .swiper-button-next, #about_c .publicbtn .swiper-button-prev{top:-134px} #about_d{padding-bottom:92px;padding-top:78px} #about_d .partner{margin-top:50px} #about_d .patnerslider{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ddd} #about_d .swiper-slide{padding:33px 2vw;border-right:1px solid #ddd} #about_d .swiper-slide .img{min-height:126px;overflow:hidden} #about_d .swiper-slide .text{color:#666;font-size:16px;text-align:center;margin-top:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} #about_d .swiper-slide .box{height:100%} .publicbtn{position:relative} .publicbtn .swiper-button-next, .publicbtn .swiper-button-prev{width:59px;height:59px;transition:.4s;-webkit-transition:.4s;line-height:59px;text-align:center;border-radius:59px;border:1px solid rgb(204, 204, 204);top:-110px;margin-top:0;z-index:99;font-family:瀹嬩綋;color:#666;font-size:25px;background-image:none} .publicbtn .swiper-button-next{right:0} .publicbtn .swiper-button-prev{left:auto;right:72px} .aboutwapimg, .property .swiper-pagination, #about_d .swiper-pagination{display:none} @media (min-width:993px){ #about_b .box:hover{background-color: rgb(16, 142, 72);border-radius:3px;box-shadow:5.248px 2.909px 30px 0px rgba(16, 142, 72, 0.3);transition:.4s;-webkit-transition:.4s;transform:scale(1.03);-webkit-transform:scale(1.03)} #about_b .box:hover .text, #about_b .box:hover .date{color:#fff} #about_b .box:hover:before{background-color:rgb(16, 142, 72);top:132px} .publicbtn .swiper-button-next:hover, .publicbtn .swiper-button-prev:hover{color:#fff;background-color:#00873c;border:1px solid #00873c} } @media (max-width:1200px){ #about_d .swiper-slide .img{min-height:120px;text-align:center} #about_d .swiper-slide .img img{height:110px;display:inline-block} } @media (max-width:993px){ #about_a .about_brief, #about_a .about_brieftext{width:100%;float:none} #about_a .about_brief{padding-top:0} .aboutbox .entext, .aboutbox .cntext{text-align:center} .publicban.about + .pagenav.wrap{margin-bottom:0} #about_a{padding:4vh 0;background-color:#f8f8f8;margin-bottom:0} #about_a .about_briefitems{padding-top:4vh;zoom:1} #about_a .about_briefitems:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden} #about_a .about_briefitem{width:33.3333%;float:left;text-align:center;margin-bottom:0.8vh} #about_a .about_briefitem .numbox{text-align:center} #about_a .about_briefitem .clear{display:inline-block} .aboutimg{display:none} #about_a .about_briefitem .num{font-size:32px} .aboutwapimg{display:block;margin-bottom:4vh;margin-top:2vh} #about_a .about_briefitem .icon{left:auto;right:11.5vw} .aboutbox .entext{font-size:6vw} .aboutbox .cntext{font-size:4.6vw} #about_b{padding-top:4vh;padding-bottom:3vh} #about_b .devepadd{padding-bottom:0;padding-top:3vh} #about_b .development:after{width:104%;left:50%;top:140px;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)} #about_b .box:before{content: "";width:8px;height:8px;top:140px;background-color:#fff;border:4px solid #00873c;border-radius:8px;z-index:2;left:50%;transform:translate3d(-50%, -50%, 0);-webkit-transform:translate3d(-50%, -50%, 0)} #about_b .box:after{display:none} #about_c .publicbtn .swiper-button-next, #about_c .publicbtn .swiper-button-prev,#about_d .swiper-button-next, #about_d .swiper-button-prev{display:none} .property .swiper-pagination, #about_d .swiper-pagination{width:100%;display:block;text-align:center;bottom:8vh} #about_b .swiper-container{padding:0} #about_b .development{padding:0 10vw} #about_b .swiper-slide{padding:0 4vw;background-color:#f8f8f8} #about_b .date{font-size:22px;text-align:center} #about_b .text{text-align:center} #about_b .swiper-button-next, #about_b .swiper-button-prev{width:8vw;height:8vw;top:144px;line-height:8vw;font-size:16px} #about_b .swiper-button-next{padding-left:2px} #about_c .property{margin-top:3vh;padding-bottom:10vh} #about_c{padding-top:4vh;padding-bottom:0} #about_c .swiper-pagination-bullet, #about_d .swiper-pagination-bullet{width:12px;height:12px;border:2px solid rgb(153, 153, 153);background-color:transparent;opacity:1;margin:0 0.8vw} #about_c .swiper-pagination-bullet-active, #about_d .swiper-pagination-bullet-active{background-color:#fff;border:4px solid rgb(0, 135, 60)} #about_d{padding-top:4vh;padding-bottom:0} #about_d .partner{padding-bottom:10vh;margin-top:3vh} #about_d .patnerslider{border-bottom:none} #about_d .swiper-slide{border-bottom:1px solid #ddd} /* .contact-address{background-image:url(../img/addwrapimg.jpg);padding-bottom:5vh;padding-top:9vh;background-size:100% 100%} */ .contact-address .box{width:88%;margin:0 auto;position:static} .contact-address .contact-address-top, .contact-address .addDetail{display:none} .contact-address .contact-address-items{margin-top:0;border-radius:10px} #about_c .swiper-slide .text{padding:20px 1vw;height:64px;font-size:16px} #about_d .swiper-slide .img{min-height:100px;text-align:center} #about_d .swiper-slide .img img{height:90px} #about_d .swiper-slide .text{margin-top:1.4vh} #about_a .about_briefitem .text{margin-top:6px} .property .swiper-pagination, #about_d .swiper-pagination{bottom:5vh} } @media (max-width:768px){ #about_a .about_briefitem .icon{left:auto;right:10.5vw} #about_d .swiper-slide{padding:20px 2vw} } @media (max-width:640px){ #about_a .about_briefitem .icon{left:auto;right:9.5vw} } @media (max-width:420px){ #about_a .about_briefitem .icon{left:auto;right:7.5vw} } @media (max-width:370px){ #about_a .about_briefitem .icon{left:auto;right:6.8vw} } /* 浜烘墠鎷涜仒 */ .problemitem .topbox .add:after{content:"";width:13px;height:2px;background-color:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-6.5px} .problemitem .topbox .add:before{content:"";width:2px;height:13px;background-color:#fff;position:absolute;top:50%;margin-top:-6.5px;left:50%;margin-left:-1px;transition:.4s;-webkit-transition:.4s} .problemitem{margin-bottom:20px;background-color:#fff} .joinus .problemitem .topbox{padding:25px 26px;} .joinus .problemitem .topbox .add{background-color:transparent;margin-top:10px} .problemitem .topbox .add{width:40px;height:40px;background-color:#31bf77;border-radius:3px;position:relative;margin-left:20px} .joinus .problemitem .topbox .add:before{width:4px;height:14px;background-color:#3cd488;border-radius:4px} .joinus .problemitem .topbox .add:after{width:14px;height:4px;background-color:#3cd488;border-radius:4px;margin-left:-6px;margin-top:-2px} .joinus .problemitem .topbox .name{padding:3px 0;width: calc(100% - 135px)} .joinus .problemitem .topbox .name:after{display:none} .joinus .problemitem .icon{width:51px;height:51px;border-radius:51px;;margin-right:22px;border:1px solid #ededed;background-image:url(../img/occicon.png);background-repeat:no-repeat;background-position:center center;;transition:.4s;-webkit-transition:.4s} .joinus .problemitem .topbox .name .title{color: #222;font-size:18px;font-weight:bold;line-height:1;transition:.4s;-webkit-transition:.4s} .joinus .problemitem .topbox .desc .desclist{color:#5a5a5a;font-size:12px;margin-top:6px;margin-right:25px} .joinus .problemitem:hover .topbox{background-color:#fff} .joinus .problemitem:hover .topbox .name .title{color:#009241} .joinus .problemitem:hover .icon{background-image:url(../img/occicon_cur.png);background-color:#009241;border:1px solid #009241} .joinus .problemitem:hover .recruitbox .name{color:#333} .joinus .problemitem .recruitbox{padding:30px 98px 64px;border-top:1px solid #dfdfdf;background-color:#efefef;display:none} .joinus .problemitem .recruitlist{margin-bottom:32px} .joinus .problemitem .recruititems .recruititem{;margin-top:16px;color:#5a5a5a} .joinus .problemitem .recruitbox .deliver{width:146px;height:40px;line-height:40px;display:block;padding-left:60px;color:#fff;border-radius:3px;background-image:url(../img/submiticon_cur.png);background-repeat:no-repeat;background-position:left 24px center;font-size:16px;letter-spacing:1px;background-color:#31bf77;box-shadow:0px 0px 18px 0 rgba(0,0,0,0.02);margin:0 9px;cursor:pointer;transition:.4s;-webkit-transition:.4s} .joinus .problemitem.cur .topbox .name .title{color:#009241} .joinus .problemitem.cur .icon{background-image:url(../img/occicon_cur.png);background-color:#009241;border:1px solid #009241} @media (max-width:768px){ .joinus .problemitem .topbox{padding:15px} .problemitem{margin-bottom:15px} .joinus .problemitem .icon{width:42px;height:42px;margin-right:10px} .joinus .problemitem .topbox .name .title{font-size:16px} .joinus .problemitem .topbox .desc .desclist{margin-right:3%} .joinus .problemitem .topbox .name{width: calc(100% - 110px)} .joinus .problemitem .topbox .add{margin-left:15px} .joinus .problemitem .recruitbox{padding:15px} .joinus .problemitem .recruitbox .deliver{margin:0 auto} }