body{word-wrap: break-word;word-break: break-all;} .gray,.gray a{color: #666;} .maod{position: relative;top:-140px;} .cover{background-size: 100% ;background-position:top center; background-size: cover; background-repeat: no-repeat;} .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #E3DDD0;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#007750;} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#007750;} .but_pub{display: none;} .but_pub div{margin-top: -20px; width: 40px;height: 40px;line-height: 40px;text-align: center;color: #007750;font-size: 40px;background: none !important;} .but_pub .swiper-button-prev{left: -40px; text-align: left;} .but_pub .swiper-button-next{right: -40px;text-align: right; } .but_pub .swiper-button-prev i{ margin-left: -4px; } .but_pub .swiper-button-next i{ margin-right: -4px; } .but_pub .swiper-button-disabled{display: block;} .his_text p{ /* text-indent: 2em; */ } @media only screen and (max-width:767px) { .but_pub div{font-size: 28px;} .but_pub .swiper-button-prev{left: 0px;} .but_pub .swiper-button-next{right: 0px;} } .margin_b50{margin-bottom: 50px; } .margin_b60{margin-bottom: 60px; } .margin_b70{margin-bottom: 70px; } .margin_b80{margin-bottom: 80px; } .margin_b100{margin-bottom: 100px;} .padd_b140{padding-bottom: 140px;} .fnt_16{font-size: 16px;} .fnt_18{font-size: 18px;} .fnt_20{font-size: 20px;} .fnt_22{font-size: 22px;} .fnt_24{font-size: 24px;} .fnt_30{font-size: 30px;} .fnt_36{font-size: 36px;} .fnt_42{font-size: 42px; font-family: 'medium'; } .fnt_48{font-size: 48px;} .fnt_72{font-size: 60px; font-family: 'medium'; } .about_title{text-align: center;} .about_title h3{color: #007750;} .about_title h4{padding-top: 10px;color: #333;} @media only screen and (max-width: 1440px) { .fnt_18{font-size: 16px;} .fnt_22{font-size: 20px;} .fnt_24{font-size: 20px;} .fnt_30{font-size: 26px;} .fnt_36{font-size: 32px;} .fnt_42{font-size: 42px;} .fnt_48{font-size: 44px;} .fnt_72{font-size: 60px;} .margin_b50{margin-bottom: 30px; } .margin_b60{margin-bottom: 50px; } .margin_b70{margin-bottom: 50px; } .margin_b80{margin-bottom: 50px; } .padd_b140{padding-bottom: 90px;} } @media only screen and (max-width: 1366px) { .fnt_18{font-size: 16px;} .fnt_24{font-size: 20px;} .fnt_30{font-size: 24px;} .fnt_36{font-size: 30px;} .fnt_42{font-size: 38px;} .fnt_48{font-size: 40px;} .fnt_72{font-size: 52px;} } @media only screen and (max-width: 1024px) { .fnt_16{font-size: 14px;} .fnt_18{font-size: 16px;} .fnt_20{font-size: 18px;} .fnt_22{font-size: 18px;} .fnt_24{font-size: 18px;} .fnt_30{font-size: 22px;} .fnt_36{font-size: 24px;} .fnt_42{font-size: 28px;} .fnt_48{font-size: 32px;} .fnt_72{font-size: 44px;} .margin_b50{margin-bottom: 30px; } .margin_b60{margin-bottom: 40px; } .margin_b70{margin-bottom: 40px; } .margin_b80{margin-bottom: 40px; } .padd_b140{padding-bottom: 50px;} } @media only screen and (max-width: 767px) { .fnt_18{font-size: 14px;} .fnt_20{font-size: 16px;} .fnt_22{font-size: 18px;} .fnt_24{font-size: 18px;} .fnt_30{font-size: 20px;} .fnt_36{font-size: 20px;} .fnt_42{font-size: 22px;} .fnt_48{font-size: 24px;} .fnt_72{font-size: 24px;} .margin_b50{margin-bottom: 20px; } .margin_b70{margin-bottom: 30px; } .margin_b80{margin-bottom: 30px; } .padd_b140{padding-bottom: 40px;} .about_title h4{padding-top: 4px;font-weight: normal;} } /*鍏充簬鎴戜滑*/ .about_01 dl{overflow: hidden;} .about_01 dt{float: right;width: 335px;} .about_01 dt img{width: 100%;} .about_01 dd{float: left;width: calc(100% - 370px)} .about_tab{width: 740px;margin: auto;position: relative;z-index: 9;} .about_tab ul{overflow: hidden;margin: 0 -50px;} .about_tab li{float: left;text-align: center;position: relative;padding-bottom: 120px;} .arrow{position: absolute;bottom: 0;left: 50%;width: 0;height: 0;overflow: hidden;margin: 0 0 0 -23px;border: 23px dashed transparent;border-top: 23px solid #fff;visibility: hidden;opacity: 0;} .about_tab dl{width: 180px;height: 180px;border-radius: 50%;background: #f9f8f8;margin: 0 50px;cursor: pointer;} .about_tab dt{color:#007750;font-family:"Arial";font-size: 96px;line-height: 96px;padding-top: 25px;} .about_tab dd{color:#555555;} .about_tab li.on .arrow{visibility:visible;opacity:1;} .about_tab li.on dl{background: url(../images/about_bg1.jpg) no-repeat;background-size: cover;} .about_tab li.on dt,.about_tab li.on dd{color: #fff;} .about_company{position: relative;margin-top: -46px;overflow:hidden;} .about_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .about_company .wrap_1440{position: relative;z-index: 2;padding: 180px 0 160px 0;} .about_company ul{overflow: hidden;display: none;margin: 0 -20px;box-sizing:border-box} .about_company ul:first-child{display: block;} .about_company li{float: left;} .about_company li a{display: block;color: #007750;line-height: 48px;border-radius: 30px;border: 1px solid #007750; background: #d1d1d2;width: 208px;text-align: center;margin: 0 20px; box-sizing: border-box;} .about_company ul:nth-child(1){padding-left: 90px;} .about_company ul:nth-child(2){padding:0px;text-align: center;float: none;} .about_company ul:nth-child(2) li{display: inline-block;float: none;} .about_company ul:nth-child(3){padding:0px;text-align: right;width: 740px;margin: auto;} .about_company ul:nth-child(3) li{display: inline-block;float: none;} .about_clture li{margin-bottom: 20px;} .about_clture dl{position: relative;} .about_clture dt{position: relative;} .about_clture dt em{ position: absolute; top:0;left: 0; width: 40%; height: 100%; background: rgba(0,119,80,0.8); opacity: 0; visibility: hidden;} .about_clture dt img{width: 100%;} .about_clture dd{position: absolute;left:15.7%;bottom: 0;overflow: hidden;height: 100%;box-sizing: border-box;padding-top: 11%;} .about_clture dd h4{margin-bottom:20px;} .about_clture dd p{visibility: hidden;opacity: 0;} /* .about_clture .li_02 h4{float: left;width: 220px;} .about_clture .li_02 p{float: left;width:calc(100% - 220px);} */ .laiyuan{ color: #007750; } .about_04{background: #f9f8f8;} @media only screen and (max-width: 1440px) { .about_tab li{padding-bottom: 90px;} .about_tab dt{font-size: 80px;line-height: 80px;padding-top: 20px;} .about_tab dl{width: 150px;height: 150px;} } @media only screen and (max-width: 1366px) { .about_company li{width: 25%;} .about_company li a{width: 94%;margin: 0 3%;} .about_company ul,.about_company ul:nth-child(3){margin: 0%;} .about_company ul:nth-child(1){padding-left:0;} .about_company ul:nth-child(3){width: 100%;} .about_company ul:nth-child(3) li:last-child{margin-right:60px;} .about_company .wrap_1440{ padding: 140px 0;} } @media only screen and (max-width: 1024px) { .about_tab li{padding-bottom: 70px;} .about_tab dt{font-size: 60px;line-height: 60px;padding-top: 20px;} .about_tab dl{width: 130px;height: 130px;} .arrow{margin: 0 0 0 -16px;border: 16px dashed transparent;border-top: 16px solid #fff;} .about_company{margin-top: -32px;} .about_clture dd p{visibility: visible;opacity: 1;} .about_clture dd{left: 20px;padding-top: 6%;} .about_clture .li_02 h4{width: 130px;} .about_clture .li_02 p{width: calc(100% - 130px);} .about_clture dd{padding: 0 20px;height: auto;bottom: auto;width: 100%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;} .about_clture dd h4{margin-bottom: 5px;} } @media only screen and (max-width: 767px) { .about_01 dt,.about_01 dd{float: none;width: 100%;} .about_01 dt{margin-bottom: 20px;} .about_tab{width: 290px;} .about_tab dl{margin: 0 5px;width: 90px;height: 90px;} .about_tab ul{margin: 0 -5px;} .about_tab dt{font-size:30px;line-height:30px;padding-top: 20px;} .arrow{margin: 0 0 0 -8px;border: 8px dashed transparent;border-top: 8px solid #fff;} .about_company{margin-top: -16px;} .about_tab li{padding-bottom: 30px;} .about_company .wrap_1440{padding: 60px 0;} .about_company li{width: 50%;margin-bottom: 10px;} .about_company ul:nth-child(2) li{float: left;display: block;} .about_company li a{height: 48px;line-height: 44px;} .about_clture .li_02 h4{width: 100px;} .about_clture .li_02 p{width: calc(100% - 100px);} .about_clture li p{font-size: 16px;} .about_company ul:nth-child(3) li:last-child{margin-right:0px;} .about_company ul:nth-child(3) {text-align: center;} } @media only screen and (min-width:1025px) { .about_tab li dl,.arrow{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .about_company li a:hover{background: #046446;border-color: #046446; color: #fff !important;} .about_bg{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);-moz-:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);} .about_company:hover .about_bg {transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);} .tran_scale{ overflow:hidden; display:block;} .tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} .tran_scale02{ overflow:hidden; display:block;} .tran_scale02 img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); -webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} .tran_scale02:hover img{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);} .innovat_03>img {transform: scale(1.1);transition: 3s all;-webkit-transition: 3s all;} .innovat_03:hover>img {transform: scale(1);} } /*鍒涙柊鍙婄爺鍙?/ .innovat_title{text-align: center;color: #007750;margin-bottom: 50px;} .innovat_01{padding: 120px 0;padding-top: 50px;} .edit_innovat01{padding: 0 98px;} .innovat_02{padding:90px 0 110px 0; background:#ebeceb url(../images/innovation_bg01.jpg) no-repeat;background-size: cover;} .innovat_slider01{position: relative;margin-top: 80px} .innovat_03{position: relative;overflow: hidden;} .innovat_03>img{width: 100%;} .innovat_03 .innovat_p{position: absolute;left: 0;width: 100%;top:20%;color: #fff;height: 42%;background: rgba(0,0,0,0.59);text-align: center;} .innovat_03 .innovat_p h3{padding-top: 3%;} .innovat_04{margin-top: -16.7%;} .innovat_04 .module3{padding: 0;margin: 0;border:0; padding-bottom: 50px;} .innovat_top{padding-top: 110px; overflow: hidden; background:url(../images/innovation_bg02.jpg) no-repeat;background-size: cover;} .innovat_bottom{overflow: hidden;background:#eeeeee url(../images/innovation_bg03.jpg) no-repeat;background-size: cover;} .innovat_bottom dl{overflow: hidden;height: 442px;} .innovat_bottom dt,.innovat_bottom dd{height: 100%;box-sizing:border-box;} .innovat_bottom dt{float: right;width: 324px;} .innovat_bottom dt img{width: 100%;} .innovat_bottom dd{float: left;width: calc(100% - 365px);padding: 30px 0;} .scolltext{height: 100%;overflow: hidden;} .innovat_06{display: none; padding: 50px 0 120px 0;background:url(../images/innovation_bg04.jpg) no-repeat;background-size: cover;} .innovat_06 h3{color: #007750;margin-bottom: 50px;} .innovat_slider02{position: relative;} .innovat_slider02 li:last-child dl{border-right:1px solid #cccccc;} .innovat_slider02 dl{padding:10px 20px;border-left:1px solid #cccccc;} .innovat_slider02 dt{line-height: 30px;margin-bottom: 60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .innovat_slider02 dd{line-height: 30px;height: 150px;overflow: hidden;} .innovat_img{width: 60px;height: 60px;position: relative;overflow: hidden;} .innovat_img img{position: absolute;top:0;left: 0;width: 100%;height: 100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .innovat_img .i_img02{top:100%;} .innovat_box{padding: 30px 20px;border-right: 1px solid #c9c9c9;} .innovat_02 .swiper-slide:nth-child(1) > div{ border-left: 1px solid #c9c9c9; } .innovat_box h3{margin-bottom: 10px;} .innovat_t{margin-bottom: 40px;} .innovat_b dt{color: #007750;} .innovat_b dl{margin-bottom: 15px;} .innovat_b dl:last-child{margin-bottom: 0;} .innovat_b{height: 250px;overflow: hidden;} .innovat_04 .but_pub div{top:65%;} .innovat_05{ display: none; } @media only screen and (max-width:1440px) { .innovat_04 .but_pub div{top:55%;} .innovat_01{padding-bottom: 80px;padding-top: 0} .innovat_02{padding: 80px 0;} .innovat_top{padding-top: 80px;} .innovat_06{padding-bottom: 80px;} .innovat_title{margin-bottom: 30px;} .edit_innovat01{padding: 0 50px;} .innovat_t{margin-bottom:30px;} .innovat_slider01{margin-top: 50px} .innovat_slider02 dt{margin-bottom: 40px;} } @media only screen and (max-width:1024px) { .edit_innovat01{padding:0;} .innovat_title{margin-bottom: 20px;} .innovat_01{padding-bottom: 50px;} .innovat_02{padding: 50px 0;} .innovat_top{padding-top: 50px;} .innovat_06{padding-bottom: 50px;} .innovat_slider01 li:last-child .innovat_box{border: 0} .innovat_t{margin-bottom:20px;} .innovat_bottom dd{width: calc(100% - 350px);} .innovat_slider02 dt{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .innovat_01{padding-bottom: 30px;} .innovat_02{padding: 30px 0;} .innovat_top{padding-top: 30px;} .innovat_06{padding: 30px 0;} .innovat_title{margin-bottom: 10px;} .innovat_t{margin-bottom: 10px;} .innovat_box{margin: 0 30px;border: none; padding: 20px;} .innovat_slider01{margin-top: 20px} .innovat_b{height: 200px;} .innovat_box{background: #007750;color: #fff;} .innovat_box .i_img01{top:100%;} .innovat_box .i_img02{top:0;} .innovat_box .innovat_b dt{color: #fff;} .innovat_box .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #E3DDD0;} .innovat_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#fff;} .innovat_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.innovat_box:hover .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.innovat_box .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#fff;} .innovat_bottom dd,.innovat_bottom dt{float: none;width: 100%;} .innovat_bottom dl{height: auto;} .innovat_slider02 dl{padding: 0 30px;border: 0;} .innovat_slider02 dt{ margin-bottom: 10px;} .innovat_06 h3{margin-bottom: 20px;} .innovat_slider02 li:last-child dl{border:0;} .innovat_slider02 dd{line-height: 24px;height: 120px;} } /*鏂伴椈*/ .news_tab,.news_tab ul,.news_tab li{height: 80px;} .news_tab{text-align: center;margin-bottom: 20px;} .news_tab ul{display: inline-block;} .news_tab li{float: left;} .news_tab li a{padding: 0 25px;display: block;} .news_tab li.on a{color: #007750;} .news_box{background: #efefef;padding: 25px 0;} .news_top .wrap_1440{overflow: hidden;} .wrap_1440 .left{float: left;} .wrap_1440 .right{float: right;} .news_time{color:#666666;margin-bottom: 20px;} .news_top p{color: #666;} .news_top .left{width:729px;} .news_top .left ul{position: relative;height: 0; padding-bottom: 56.16%;} .news_top .left li{position: absolute;top:0;left: 0;width: 100%;height: 100%;display: none;} .news_top .left li img,.news_top .left li a{width: 100%;height: 100%;} .news_top .left li:first-child{display: block;} .news_top .right{width: calc(100% - 729px);} .news_top .right ul{overflow: hidden;} .news_top .right dt{display: none;} .news_top .right p{-webkit-line-clamp:3;height:72px;max-width: 100%;} .news_top .right li{padding:23px 30px;padding-left: 80px; border-bottom: 1px solid #c4c4c4;border-top:2px solid #efefef;} .news_top .right li:last-child{border-bottom: 0;} .news_top .right h3{line-height: 36px; margin-bottom: 5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_top .right h3 a{color: #007750;} .news_bottom{padding: 60px 0;} .news_list ul{overflow: hidden;margin: 0 -18px;} .news_list li{float: left;width: 33.33%;margin-bottom: 40px;} .news_list dl{padding: 50px 20px;padding-bottom: 40px;background: #f9f8f8;border:1px solid #cfcdcd;margin: 0 18px;} .news_list h3{line-height: 36px;height: 72px;margin-bottom: 20px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* .news_list dd{padding-top: 20px;} */ .news_img {margin-bottom: 30px;} .news_list dd p{-webkit-line-clamp: 3; height: 72px;} #infscr-loading{ background:rgba(0,0,0,0.4); position:fixed; width:100px; height:50px; line-height:50px; font-size:16px; overflow:hidden; border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;} .public_load-more-link{text-align: right;color: #007750;} .public_load-more-link span{display: inline-block;cursor: pointer;} .news_media{position: relative;padding: 110px 0 90px 0;text-align: center;color: #fff;} .news_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .news_media .wrap_1440{position: relative;z-index: 2;} .news_media h3{margin-bottom: 50px;} .news_media p span{display: block;} .news_media p a{color: #fff;} .news_ic{width: 50px;height: 50px;line-height: 50px;margin: auto;text-align: center;border:1px solid #fff;border-radius: 50%;margin-bottom: 15px;} .news_ic a{display: block;color: #fff;} @media only screen and (max-width:1440px) { .news_top .right p{width: 100%;} .news_top .left{width: 600px;} .news_top .right{ width: calc(100% - 600px);} .news_top .right li{padding: 14px 40px;padding-left: 60px;} .news_time{margin-bottom: 10px;} .news_list h3{line-height: 30px;height: 60px;} .news_list dl{padding:40px 20px;} .news_media{padding: 90px 0;} .news_media h3{margin-bottom: 40px;} .news_img{margin-bottom: 20px;} .news_tab, .news_tab ul, .news_tab li{height: 60px;} } @media only screen and (max-width:1440px) { .news_top .right li{padding: 10px 40px;} } @media only screen and (max-width:1024px) { .news_top .left{display: none;} .news_top .right{float: none;width: 100%;} .news_top .right dt{display: block;margin-bottom: 10px;} .news_top .right li{padding: 0;width: 50%;float: left;border:0;} .news_top .right dl{padding: 0 10px;} .news_top .right ul{margin: 0 -10px;} .news_top .right p{height: auto;max-height: 72px;} .news_bottom{padding: 50px 0;} .news_list h3{margin-bottom: 10px;} .news_list dd{padding-top: 10px;} .news_list dl{padding: 20px;} .news_list li{margin-bottom: 20px;} .news_media h3{margin-bottom: 20px;} .news_media{padding: 70px 0;} .news_list ul{margin: 0 -10px;} .news_list dl{margin: 0 10px;} .news_list h3{line-height: 24px;height: 48px;} .news_tab, .news_tab ul, .news_tab li{height: 50px;} } @media only screen and (max-width:767px) { .news_tab, .news_tab ul, .news_tab li{height: 30px;line-height: 30px;} .news_tab{margin-bottom: 10px;font-size: 20px;} .news_tab li a{padding: 0 20px;} .news_top .right li{padding: 0;width: 100%;float: none;margin-bottom: 20px;} .news_top .right li:last-child{margin-bottom: 0;} .news_top .right dl{padding: 0;} .news_top .right ul{margin: 0;} .news_list dd{padding-top: 0;} .news_bottom{padding: 30px 0;} .news_list ul{margin: 0 ;} .news_list dl{margin: 0 ;} .news_list li{float: none;width: 100%;} .news_list h3{height: auto;max-height: 48px;} .news_list dd p{height: auto;max-height: 72px;} .news_media{padding: 40px 0;} .news_list li:last-child{margin-bottom: 0;} } /*鑱屼笟瑙勫垝*/ .occupat_01{padding: 30px 0 100px 0;} .occupat_idea{overflow: hidden;} .occupat_idea .left{float: right;width: 514px;} .occupat_idea .left img{width: 100%;} .occupat_idea .right{float: left;width: calc(100% - 585px);box-sizing:border-box;} .occupat_p ul{overflow: hidden;} .occupat_p li{color: #007750;line-height: 30px;padding-left: 40px;position: relative;overflow: hidden;} .occupat_p li span{width: 130px;float: left;} .occupat_p li p{width: calc(100% - 130px);float: right;} .occupat_p li i{width: 10px;height: 10px;border:1px solid #007750;border-radius: 50%;position: absolute;top:10px;left: 0;} .edit_occupat {padding-bottom: 50px;} .scolltext02{height: 340px;padding-left: 55px;} .occupat_bg{background: #efefef;overflow: hidden;} .occupat_02 .wrap_1200{padding: 60px 0;border-bottom: 1px solid #999999;} .occupat_tab{margin-bottom: 20px;text-align: center;} .occupat_tab,.occupat_tab ul,.occupat_tab li{height: 96px;line-height: 96px;} .occupat_tab ul{display: inline-block;} .occupat_tab li{float: left;border-top: 1px solid #999999;} .occupat_tab li a{display: block;padding: 0 10px;position: relative;} .occupat_tab li b{position: absolute;top:-2px;left: 0;width: 100%;height: 2px;background: #007750;visibility: hidden;opacity: 0;} .occupat_tab li i{display: inline-block;margin: 0 15px;} .occupat_block_01{overflow: hidden;} .occupat_tab li:last-child i{float: left;} .occupat_tab li.on b{visibility: visible;opacity: 1;} .occupat_tab li.on a{color: #007750;} .occupat_block_02{line-height: 32px;/* text-indent: 2em; */padding-bottom: 40px;} .occupat_03{padding:80px 0 140px 0;} .occupation_picture{position: relative; height: 254px; overflow: hidden;} .occupation_picture .scrollleft{width: 10000px; position: absolute; overflow: hidden; float: left;} .occupation_picture .scrollleft ul{float: left;} .scrollleft li{float:left;margin-right:10px;width:388px;text-align:center;} .occupat_03 li dl{position: relative;} .occupat_03 li dd{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;background: rgba(0,119,80,0.85);text-align: center;visibility: hidden;opacity: 0;} .occupat_03 li dd h3{height: 66px;line-height: 66px;padding: 0 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .occupat_03.cur li{width:25%;margin: 0;} .occupat_03.cur dl{margin: 0 10px;} .occupat_03.cur ul{margin: 0 -10px;} .occupat_03.cur .occupation_picture .scrollleft{position: static;width: 100%;} .occupat_03.cur .occupation_picture{height: auto;} .phone_slider{position: relative;display: none;} .occupat_resume{padding: 40px 30px;overflow: hidden;} .occupat_resume h4{margin-bottom: 10px;} .occupat_about{overflow: hidden;} .occupat_about .le{float: left;max-width: calc(100% - 190px);line-height: 32px;} .occupat_about .re{float: left;width: 190px;} .occupat_about .re img{width: 104px;float: right;} .occupat_list li{margin-bottom: 13px;background: #fff;padding:20px 30px;} .occupat_list dt{line-height: 40px;overflow: hidden;padding-right: 60px;position: relative;cursor: pointer;} .occupat_list dt h3{float: left;width:49%;color: #007750;} .occupat_list dt p{float: right;max-width: 49%} .occupat_list dt .occupat_arrow{ position: absolute;top:12px;right: 0; width: 20px;height: 15px;background: url(../images/occupation_bottom.png) no-repeat center center; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; } .occupat_list dd{border-top:1px solid #999999;padding: 20px 10px; margin-top: 20px;display: none;} .edit_01{line-height: 30px;margin-bottom: 20px;} .pub_more{padding-top: 20px;} .pub_more a{display: inline-block;width: 182px;height: 46px; line-height: 46px;text-align: center; border:1px solid #007750;color: #007750;border-radius: 30px;} .occupat_list li.cur dt .occupat_arrow{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); } @media only screen and (max-width:1440px) { .occupat_01{padding-top: 0;padding-bottom: 80px;} .occupat_03{padding: 80px 0;} .scolltext02{padding-left:0;} .edit_occupat{padding-bottom:30px;} .occupat_p li{padding-left: 30px;} .occupat_03 li dd h3{height: 50px;line-height: 50px;} .occupat_02 .wrap_1200{padding-bottom: 20px;} .occupat_tab, .occupat_tab ul, .occupat_tab li{height: 80px;line-height: 80px;} } @media only screen and (max-width:1366px) { .occupat_idea .right{width: calc(100% - 550px);} } @media only screen and (max-width:1024px) { .occupat_01{padding-bottom: 50px;} .occupat_03{padding: 50px 0;} .occupat_idea .left,.occupat_idea .right{float: none;width: 100%;} .occupat_idea .left{margin-bottom: 20px;} .scolltext02{height: auto;} .occupat_p li span,.occupat_p li p{display: block;width: 100%;} .occupat_p li{padding-left: 20px;} .edit_occupat{padding-bottom: 20px;} .phone_slider{display: block;} .occupation_picture{display: none;} .occupat_03 li dd h3{height: 40px;line-height: 40px;} .occupat_03 li dd{visibility: visible;opacity: 1;} .occupat_tab{margin-bottom: 0;} .occupat_list li{padding:20px;} .pub_more{padding-top: 0;} .pub_more a{width: 150px;height: 40px;line-height: 40px;} .occupat_list dd{padding-top: 10px;margin-bottom: 10px;} .occupat_list dt{line-height: 24px;} } @media only screen and (max-width:767px) { .occupat_01{padding-bottom: 30px;} .occupat_03{padding: 30px 0;} .occupat_list dt h3,.occupat_list dt p{float: none;width: 100%;max-width: 100%;} .occupat_list dd{padding: 10px 0;} .pub_more a{width: 120px;border-width: 1px;} .occupat_resume{padding: 20px 0;padding-bottom: 0;} .occupat_about .le,.occupat_about .re{float: none;width: 100%;max-width: 100%;} .occupat_about .le{margin-bottom: 10px;} .occupat_about .re{text-align: center;} .occupat_about .re img{float: none;} .occupat_list li{padding: 10px;} .occupat_list dt .occupat_arrow{background-size: 15px;} .occupat_tab, .occupat_tab ul, .occupat_tab li{height: 50px;line-height: 50px;} } /*鑱旂郴鎴戜滑*/ .contact_tab{margin-bottom: 20px;} .contact_tab ul{overflow: hidden;margin: 0 -55px;} .contact_tab li{float: left;} .contact_tab li a{display: block;margin: 0 55px;} .contact_tab li.on a{color: #007750;} .contact_box li{background: #efefef;display: none;} .contact_box li:first-child{display: block;} .contact_box dl{overflow: hidden;} .contact_box dd{padding: 55px 0;padding-bottom: 20px; float: left;width: 45%;} .contact_box dt{float: right;width: 52%;} .contact_box dt img{width: 100%;} .contact_box h3{color:#007750;margin-bottom: 20px;} .contact_text p{overflow: hidden;line-height: 24px;margin-bottom: 15px;} .contact_text p span{float: left;width: 24px;} .contact_text p span img{width: 100%;} .contact_text p em{float:right;width: calc(100% - 35px)} @media only screen and (max-width: 1440px) { .contact_tab li a{margin: 0 30px;} .contact_tab ul{margin:0 -30px;} .contact_text p{margin-bottom: 10px;} } @media only screen and (max-width: 1024px) { .contact_box dd{padding-top: 30px;} } @media only screen and (max-width:767px) { .contact_box dd,.contact_box dt{float: none;width:100%;} .contact_box dd{padding: 20px 0;padding-bottom: 30px;} .contact_tab{font-size: 14px;} .contact_tab li a{margin: 0 10px;} .contact_tab ul{margin:0 -10px;} } @media only screen and (max-width:345px) { .contact_tab li a{margin: 0 4px;} .contact_tab ul{margin:0 -4px;} } /*鏂伴椈璇︽儏*/ .news_d{padding-bottom: 120px;} .news_d .wrap_1440{overflow: hidden;} .d_le{float: left;width: calc(100% - 585px);} .d_re{float: right;width: 399px; padding-top: 106px;} .d_title{border-bottom: 1px solid #cfcdcd;padding-bottom: 20px;margin-bottom:50px;} .d_title h3{margin-bottom: 20px;line-height: 44px;} .d_span{color: #007750;line-height: 24px;} .edit_news{padding-bottom: 50px;} .news_page{padding-top: 30px;border-top: 1px solid #cfcdcd;line-height: 30px;} .news_page span{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_dslider{position: relative; width:100%; padding: 40px 0;} .news_dslider .swiper-container{height: 480px;} .news_dslider .but_pub div{left: 50%;margin:0;margin-left: -20px;} .news_dslider .but_pub .swiper-button-prev{top:0;} .news_dslider .but_pub .swiper-button-next{bottom:0;top:auto;} .news_dslider .i01{display: none;} @media only screen and (max-width:1440px) { .news_d{padding-bottom: 80px;} .d_title{margin-bottom: 30px;} .d_le{width: calc(100% - 480px);} .d_re{padding-top: 100px;width: 350px;} .news_dslider .swiper-container{height: 430px} } @media only screen and (max-width:1440px) { .d_le{width: calc(100% - 420px);} } @media only screen and (max-width:1024px) { .news_d{padding-bottom: 50px;} .d_title{margin-bottom: 20px;text-align: center;} .d_title h3{margin-bottom: 10px;line-height: 30px;} .d_le,.d_re{float: none;width: 100%;} .edit_news{padding-bottom: 40px;} .d_re{padding-top: 40px;} .news_dslider{padding: 0;} .news_dslider .swiper-container{height: auto;} .news_dslider .i01{display: block;} .news_dslider .i02{display: none;} .news_dslider .but_pub div{ background: rgba(0,0,0,0.7) !important; top:50% !important;bottom: auto!important; margin: 0; height: 60px;line-height: 60px; margin-top: -30px; color: #fff;} .news_dslider .but_pub .swiper-button-prev{left:0;} .news_dslider .but_pub .swiper-button-next{right:0;left: auto;} } @media only screen and (max-width:767px) { .d_title{padding-bottom: 10px;margin-bottom: 10px;} .d_title h3{font-size: 18px;line-height: 24px;} .edit_news{padding-bottom: 20px;} .news_page{padding-top: 20px} .news_dslider .but_pub div{height: 40px;line-height: 40px;margin-top: -20px;text-align: center;} .d_re{padding-top: 20px;} } /*鎼滅储缁撴灉*/ .margin_0 .banner_out{margin-bottom: 0;} .search_top{padding: 125px 0 115px 0; background:#f0f1f1 url(../images/search_bg.jpg) no-repeat;background-size: cover;} .search_box{width: 500px;max-width: 100%; height: 48px;line-height: 48px;border:1px solid #007750;border-radius: 30px;overflow: hidden;margin: auto;} .search_box input,.search_box button{height: 48px;line-height: 48px;border: none;outline: none;background:none;box-sizing:border-box;} .search_box button{width: 85px;float: right;cursor: pointer;color: #61a991;font-size: 26px;text-align: center;} .search_box input{width: calc(100% - 85px);float: left;padding-left: 40px;} .search_list{padding-top: 40px;} .search_list li{padding: 40px 0;border-bottom: 1px solid #cccccc;} .search_list li h3{margin-bottom: 5px;} .search_list li:last-child{padding-bottom: 0;border:0;} .search_list p{line-height: 36px;max-height: 72px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .search_list h3{line-height: 36px;max-height: 72px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .search_list h3 span{color: #007750;} @media only screen and (max-width:1440px) { .search_top{padding: 80px 0;} .search_list{padding-top: 20px;} } @media only screen and (max-width:1024px) { .search_top{padding: 40px 0;} .search_list{padding-top: 20px;} .search_list li{padding: 20px 0} } @media only screen and (max-width:1024px) { .search_list h3,.search_list p{line-height: 24px;max-height: 48px;} .search_list{padding-top: 0;} .search_top{padding: 20px 0;} .search_box{height: 40px} .search_box input,.search_box button{height: 40px;line-height: 40px;} .search_box button{width: 60px;font-size: 22px;} .search_box input{width: calc(100% - 60px);padding-left: 20px;font-size: 16px} } .c_banner .site_banner:after{display: none;} .c_banner_text h2,.c_banner_text,.c_banner_text h2,.c_banner_text .wrap_1440{height: 75px;line-height: 75px;} .c_banner_text{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,119,80,0.7);color: #fff;padding:30px 0;font-size: 52px;text-align:center;} .c_banner_text h2 img{width: 91px;margin-right: 40px;} .c_banner_text h2{display: inline-block;} .c_banner_text h2 *{float: left;} .company_cont{position: relative;} .company_cont .wrap_1440{position: relative;overflow:hidden;background: #fff;position: relative;z-index: 2;} .company_cont .company_bg{position: absolute;top:0;left: 0;width: 40%;height: 100%;background: #999999;} .leftnav{position: relative;z-index: 2;} .company_cont .left{ width: 380px;float: left;background: #555555;padding-bottom: 50px;} .leftbg{width: 380px;position: absolute;top:0;left: 0;height: 100%;background: #555555;} .company_cont .left,.company_cont .left a{color:#fff;} .company_cont .right{width:calc(100% - 450px);float: right;padding-top: 115px;padding-bottom: 70px;} .c_box01{padding: 50px 0 30px 0;overflow: hidden;} .c_box01 a{display: block;float: right;width: 228px;height: 32px;line-height: 32px;border-radius: 15px 0 0 15px;background: #007750;color: #fff;padding-left: 25px;box-sizing:border-box;} .c_box01 a i{margin-right: 6px;font-size: 20px;} .c_box02{margin-bottom: 100px;} .c_box02 li{padding: 2px 0;border-top:1px solid #999999;} .c_box02 li:last-child{border-bottom:1px solid #999999;} .c_box02 dt{height: 68px;line-height: 68px; padding: 0 50px;overflow: hidden;position: relative;cursor: pointer; } .c_box02 dt a{display: block;} .c_box02 dt span{height: 16px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; right:45px; top:50%;} .c_box02 dt span img{transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;} .c_box02 dd{padding-top: 15px;display: none;} .c_box02 dd p{padding:0 75px;line-height: 44px;margin-bottom: 10px;} .c_box02 li.on dt{background: #007750;} .c_box02 li.on dt span img{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg);} .c_box02 dd p.on{background: #999999;} .c_box03{padding: 0 20px;} .c_box03 h3{padding: 0 20px;margin-bottom: 20px;} .c_p p{overflow: hidden;line-height: 20px;margin-bottom: 20px;} .c_p span{float: left;width: 19px;} .c_p span img{width: 100%;} .c_p em{float: right;width: calc(100% - 25px)} .c_culture p{line-height: 24px;margin-bottom: 8px;} .company_sliser01,.company_sliser02,.company_sliser03{position: relative;} .company_sliser01 h4,.company_sliser02 h4,.company_sliser03 h4{text-align: center;margin-top: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .company_intr .but_pub div{background: rgba(0,0,0,0.5) !important;color: #fff;font-size: 18px;} .company_intr .but_pub .swiper-button-prev{left: 0px; text-align: center;} .company_intr .but_pub .swiper-button-next{right: 0px;text-align: center;} .company_sliser02 .imgbox,.company_sliser03 .imgbox{padding: 6px;border:1px solid #d2d2d2;} .edit_company{margin-bottom: 30px;} .c_pubslider h3{color: #007750;margin-bottom:25px;} @media only screen and (max-width:1440px) { .company_cont .left,.leftbg{width: 350px;} .company_cont .right{width: calc(100% - 400px)} .c_box02 dt{padding: 0 40px;} .c_box02 dd p{padding: 0 60px;} .company_cont .right{padding-top: 80px;} .c_box02{margin-bottom: 50px;} .c_pubslider h3{margin-bottom: 20px;} .c_banner_text{font-size: 44px;} .c_banner_text h2 img{margin-right: 20px;} } @media only screen and (max-width:1024px) { .leftbg,.company_cont .company_bg{display: none;} .company_cont .left,.company_cont .right{float: none;width: 100%;} .c_box01{padding:20px 0;} .c_box02 dt{height: 40px;line-height: 40px;} .c_box02{margin-bottom: 20px;} .company_cont .right{padding-top: 40px;} .c_pubslider h3{margin-bottom: 10px;} .company_cont .left{padding-bottom: 30px;} .c_box02 dd p{line-height: 30px;} .c_box02 dt span{right: 30px;} .c_banner_text h2 img{width: 60px;} .c_banner_text{font-size: 30px;} .c_banner_text h2, .c_banner_text, .c_banner_text h2, .c_banner_text .wrap_1440{height: 50px;line-height: 50px;} .c_banner_text{padding: 20px 0;} .company_cont{padding-top: 20px;} } @media only screen and (max-width:767px) { .company_cont .left{padding-bottom: 10px;} .company_cont .right{padding-top: 20px;padding-bottom: 50px;} .c_box02 dt{padding: 0 20px;} .c_box02 dd p{padding: 0 30px;} .c_box02 dt span{right: 20px;} .c_banner_text{position: static;padding: 10px 0;} .c_banner_text h2 img{width: 40px;margin-right: 5px;} .c_banner_text{font-size: 18px;} .c_banner_text h2, .c_banner_text, .c_banner_text h2, .c_banner_text .wrap_1440{height: 30px;line-height: 30px;} } .c_title{color: #007750;border-bottom: 1px solid #cccccc;} .c_title h2{display: inline-block;position: relative;padding-bottom: 25px;} .c_title i{position: absolute;left: 0;bottom:-1px;width: 100%;height: 2px;background: #007750;} .c_page{overflow: hidden;padding-top: 30px;line-height: 30px;} .c_page li{float: left;width:49%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .c_page li:last-child{float: right;} .c_p01{line-height: 36px;} .c_btn{overflow: hidden;padding-top: 30px;} .c_btn a{float: left;width:195px;height: 48px;line-height: 48px;border:1px solid #007750;border-radius: 30px;text-align: center;color: #007750;margin-right: 30px;} .c_list dt{width: 430px;max-width: 100%;} @media only screen and (max-width:1024px) { .c_p01{line-height: 30px;} .c_btn a{height: 40px;line-height: 40px;width: 150px;margin-right: 20px;} } @media only screen and (max-width:767px) { .c_title h2{padding-bottom: 10px;} .c_title{margin-bottom: 20px;} .c_page li{float: none;width: 100%;} .c_page,.c_btn{padding-top: 20px;} .c_btn a{width: 120px;height: 36px;line-height: 36px;margin-right: 10px;} } .c_box .c_title{margin-bottom: 30px;} .record_list h3{max-height: 64px; -webkit-line-clamp: 2;margin-bottom: 10px;color: #007750;} .record_list h3 a{color: #007750;} .record_list .p01{max-height: 96px; -webkit-line-clamp: 3;/* text-indent: 2em; */} .record_list .pageout{padding-top: 0;} .record_text{padding-top: 20px;} .record_text .c_p01{line-height: 32px;} .record_list02 h3{margin-bottom: 15px;} @media only screen and (max-width:1024px) { .c_btn{padding-top: 20px;} .record_list h3{max-height: 48px;} .record_list .p01{max-height: 72px;} } @media only screen and (max-width:767px) { .c_box .c_title{margin-bottom: 20px;} .record_list02 h3{margin-bottom: 10px;} } @media only screen and (min-width:1025px) { .tran_scale2{ overflow:hidden; display:block;} .tran_scale2 img,.tran_scale2 .news_bg{-webkit-transition: opacity 3s ease-in,-webkit-transform 3s linear;transition: opacity .4s ease-in,transform 3s linear; transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); } .tran_scale2:hover img,.tran_scale2:hover .news_bg{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);} .innovat_box,.innovat_img img,.about_clture dt em,.public_load-more-link span{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .innovat_box:hover{background: #007750;color: #fff;} .innovat_box:hover .i_img01{top:100%;} .innovat_box:hover .i_img02{top:0;} .innovat_box:hover .innovat_b dt{color: #fff;} .innovat_box:hover .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #E3DDD0;} .innovat_box:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#fff;} .innovat_box:hover .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.innovat_box:hover .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.innovat_box:hover .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#fff;} .news_top .right li,.occupat_03 li dd{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .about_clture li:hover{color: #fff;} .about_clture li:hover dt em{visibility: visible;opacity: 1;} .about_clture li:hover dd{text-align: center; width: 40%; left: 0; padding-top:6%;} .about_clture li:hover dd p{visibility: visible;opacity: 1;} .news_top .right li:hover{background: #fff;} .public_load-more-link span:hover{opacity: 0.8;} .news_media p a:hover,.news_ic a:hover{color: #fff !important;opacity: 0.8;} .occupat_03 li:hover dd{visibility: visible;opacity: 1;} .pub_more a:hover{color: #fff !important;background: #007750;} .c_box01 a:hover,.company_cont .left a:hover{color: #fff !important;opacity: 0.8;} .company_cont .c_p a.tel_a{color: #fff !important;cursor: default;opacity: 1;} .c_btn a:hover{background: #007750;color: #fff !important;} .record_list h3 a:hover{opacity: 0.8;} .his-cons .pub_more a:hover{opacity: 0.9;} .innovat_slider02 li:hover{ background-color: #007750; color: #fff !important; } .innovat_slider02 li:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; -webkit-border-radius: 0; border-radius: 0; background: #fff; } .news_list dl:hover{ border: 1px solid #007750; color: #007750 !important; } .news_list dl:hover a{ color:#007750 !important; } } /*鍙戝睍鍘嗙▼*/ .module4 .more{ border: 0 !important;} .index_history{background: #f9f8f8;padding: 100px 0 150px 0;} .about_04{padding:100px 0 80px 0;} .his-top{position: relative;} .his_bg{position: absolute;left: 0;bottom: 0;width: 100%;height: 89px; background: #d9d9d9;} .his-top .wrap_1440{position: relative;z-index: 2;} /*.his-top .swiper-container{width:calc(100% - 160px); }*/ .his-top li{text-align: center;cursor: pointer;} .his-top li .his_year{line-height: 50px;height: 50px; display: block; color:#007750; position: relative; font-weight: bold;} .about_history .swiper-button-prev,.about_history .swiper-button-next{ width:34px; height: 34px; line-height: 34px; text-align: center; left:0;top:54px; margin-top:0;background:#fff; border-radius: 100%; border:1px solid #007750;font-size:20px; color:#007750;} .about_history .swiper-button-prev{left: 0;} .about_history .swiper-button-next{right: 0;left: auto;} .about_history .swiper-button-prev.swiper-button-disabled,.about_history .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1; } .about_history .swiper-button-prev.disabled,.about_history .swiper-button-next.disabled{border:1px solid #b1b1b1;color: #b1b1b1; cursor: default;} .his_grid{overflow: hidden;height: 89px;background: #d9d9d9;position: relative;} .his_grid i{float: left;width: 10%;height: 9px;} .his_grid i em{display: block;width: 1px;height: 100%;background: #acacac;} .his_grid::after{ content: ""; position: absolute;left: 50%;width: 1px;height: 100%; background: #acacac;} .his_grid::before{ content: ""; position: absolute; position: absolute;top:0;left: 50%;width: 0;height: 0;overflow: hidden;margin: 0 0 0 -10px;border: 10px dashed transparent;border-top: 10px solid #007750;z-index: 2;display: none;} .his-top li.on .his_year{font-size: 42px;} .his-top li.on .his_grid::before{display: block;} .his-top li.on .his_grid::after{background: #007750;} .his-cons{padding: 0 50px; padding-bottom: 60px;position: relative;} .his-cons ul{width: 1060px;max-width: 100%; margin: auto;} .his-cons li{display: none;} .his-cons li:first-child{display: block;} .his-cons li.on{display: block;} .his-cons .pub_more{text-align:center;padding-top: 40px;} /* .his-cons .pub_more a{background: #007750;color: #fff;} */ .his_p{line-height: 32px;height: 128px;overflow: hidden;} @media only screen and (max-width:1440px) { .about_04,.index_history{padding: 80px 0;} .his-top li.on .his_year{font-size: 36px;} } @media only screen and (max-width:1024px) { .about_04,.index_history{padding: 50px 0;} .his-top li.on .his_year{font-size: 30px;} .his_grid,.his_bg{height: 50px;} .his-cons .pub_more{padding-top: 20px;} } @media only screen and (max-width:767px) { .his_year{font-size: 16px;} .his-top li.on .his_year{font-size: 20px;} .his-cons{padding: 0 45px;padding-bottom: 20px;} .about_04,.index_history{padding: 30px 0;} .his_grid,.his_bg{height: 40px;} .his_grid::before{margin: 0 0 0 -6px;border: 6px dashed transparent; border-top: 6px solid #007750;} .his_p{overflow-y:auto;} } .wraptime{ overflow: hidden; } .wraptime .left{ margin-bottom: 20px !important; } .fenleititle{ padding: 20px 0px; } .AjaxListAjaxList{ max-width: 1204px; margin: 0 auto; }