@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"寰蒋闆呴粦","Microsoft YaHei",arial,sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff; -webkit-text-size-adjust:100% !important; text-size-adjust:100% !important; -moz-text-size-adjust:100% !important;}

a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
body::-webkit-scrollbar{ width:3px; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#333;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}

/*header*/
.mainHead{ position:fixed; width:100%; height:110px; z-index:100010; transition:all 0.3s ease;}
.mainHead.active{ box-shadow:0 5px 10px rgba(80,80,80,.3); background:#44b242; height:90px;} 
.mainHead:hover{ background:#44b242;}
.mainHead .all{ position:relative; width:80%; margin:auto; height:100%;}
.mainHead .mainLogo{ float:left; height:100%; display:flex; align-items:center;}
.mainHead .mainLogo a{ display:block;}
.mainHead .mainLogo a img{ height:60px; display:block;}
.mainHead .mainMenu{ position:absolute; right:0; top:0; height:100%; color:#fff; z-index:2; display:flex; align-items:center;}
.mainHead .mainMenu .li{ position:relative; margin-left:2vw;}
.mainHead .mainMenu .li .slide{ display:block; position:relative; font-size:18px; color:#fff; padding:0 20px; line-height:110px; transition:all 0.3s ease;}
.mainHead .mainMenu .li .slide.active{ color:#44b242;}
.mainHead.active .mainMenu .li .slide{ line-height:90px; color:#fff;}
.mainHead.active .mainMenu .li .slide.active,.mainHead:hover .mainMenu .li .slide.active{ color:#ff8f49;}
.mainHead .mainMenu .li:hover .slide{ color:#44b242; background:#fff;}

.slideMenu{ position:fixed; width:100%; z-index:1; left:0; background:rgba(255,255,255,.9); box-shadow:0 5px 10px rgb(31 67 144 / 30%); top:110px; transition:all 0.3s ease; opacity:0; transition:all 0.3s ease; visibility:hidden; transform:translateY(20px); text-align:center;}
.mainHead .mainMenu .li:hover .slideMenu{ opacity:1; visibility:visible; transform:translateY(0);}
.slideMenu.active{ top:90px;}
.slideMenu a{ display:inline-block; margin:0 30px; color:#666; line-height:100px; font-size:16px;}
.slideMenu a:hover,.slideMenu a.active{ color:#44b242;}

/*banner*/
.bannerCont{ position:relative; overflow:hidden; z-index:3;}
.bannerCont .swiper{ transform:translateZ(0);}
.bannerCont .swiper-slide img{ width:100%; transform:scale(1.1);}
.bannerCont .swiper-slide-active img{ transform:scale(1); transition:all 9s ease;}
.bannerCont .phone{ display:none;}
.bannerCont .swiper-wrapper,.bannerCont .swiper-slide{ height:auto;}
.bannerCont .swiper-slide-active .fixText{ transform:translateY(0); opacity:1;}
.bannerCont .fixText{ position:absolute; top:110px; bottom:0; display:flex; flex-wrap:wrap; align-content:center; left:10%; color:#fff; font-weight:100; z-index:1; transition:all 0.5s ease; transform:translateY(50px); opacity:0;}
.bannerCont .fixText p{ font-size:50px; margin-bottom:10px; width:100%;}
.bannerCont .fixText span{ font-size:30px; margin-bottom:50px; width:100%;}
.bannerCont .fixText .mainMore{ display:block;}
.bannerCont .fixText .mainMore{ display:inline-block; width:150px; font-size:16px; line-height:38px; box-sizing:border-box; border:1px solid #fff; border-radius:50px; padding-right:30px; text-align:center; position:relative; color:#fff; transition:all 0.3s ease;}
.bannerCont .fixText .mainMore::before{ content:''; position:absolute; right:34px; top:50%; margin-top:-4px; width:8px; height:8px; background:#fff; transform:rotate(-45deg);}
.bannerCont .fixText .mainMore::after{ content:''; position:absolute; right:20px; top:50%; margin-top:-4px; width:8px; height:8px; background:#fff; transform:rotate(-45deg); opacity:.5;}
.bannerCont .fixText .mainMore:hover{ background:#fff; color:#44b242;}
.bannerCont .fixText .mainMore:hover::before,.bannerCont .fixText .mainMore:hover::after{ background:#44b242;}
.bannerCont .swiper-pagination{ position:absolute; width:25px; left:auto; right:5%; top:0; bottom:0; display:flex; flex-wrap:wrap; align-content:center;}
.bannerCont .swiper-pagination .swiper-pagination-bullet{ width:100%; height:25px; display:block; background:none; margin:9px 0; position:relative;}
.bannerCont .swiper-pagination .swiper-pagination-bullet::after{ content:''; position:absolute; z-index:1; width:23px; height:23px; left:0; border:1px solid rgba(255,255,255,.35); border-radius:50px; opacity:0;}
.bannerCont .swiper-pagination .swiper-pagination-bullet-active::after{ opacity:1;}
.bannerCont .swiper-pagination .swiper-pagination-bullet::before{ content:''; position:absolute; width:9px; height:9px; background:#fff; border-radius:10px; left:8px; top:8px;}
.bannerCont .swiper-pagination .load{ width:100%; height:100%; position:relative; z-index:2; opacity:0;}
.bannerCont .swiper-pagination .loading { stroke:#fff; stroke-width:2; fill:none;}
.bannerCont .swiper-pagination-bullet-active .load{ animation:dash 7s linear 0s normal forwards 1; opacity:1;}
@keyframes dash {
    0% {
        stroke-dasharray:1, 200;
        stroke-dashoffset:0;
    }
    100% {
        stroke-dasharray:150, 200;
        stroke-dashoffset:0;
    }
}

/*鍏充簬鎴戜滑*/
.abox{ width:100%; padding:70px 0; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:80%; margin:auto;}
.abox .box .left{ width:50%; float:left; margin-top:15px;}
.abox .box .left .title{ width:100%;}
.abox .box .left .title .t01{ font-weight:bold; font-size:48px; line-height:1; overflow:visible;}
.abox .box .left .title .t02{ margin-top:10px;}
.abox .box .left .title .t02 b{ display:block; color:#44b242; margin-right:20px; font-weight:bold; font-size:48px; line-height:1; float:left;}
.abox .box .left .title .t02 p{ display:block; color:#333; margin-top:16px; font-size:24px; line-height:32px; float:left;}
.abox .box .left .wen{ width:100%; margin-top:18px; font-size:16px; line-height:30px; height:120px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.abox .box .left .more{ margin-top:23px;}
.more .mainMore{ display:block; float:left; width:150px; font-size:16px; line-height:38px; box-sizing:border-box; border:1px solid #44b242; border-radius:50px; padding-right:40px; text-align:center; position:relative; color:#333; transition:all 0.3s ease;}
.more .mainMore::before{ content:''; position:absolute; right:38px; top:50%; margin-top:-4px; width:8px; height:8px; background:#44b242; transform:rotate(-45deg);}
.more .mainMore::after{ content:''; position:absolute; right:23px; top:50%; margin-top:-4px; width:8px; height:8px; background:#44b242; transform:rotate(-45deg); opacity:.5;}
.more .mainMore:hover{ background:#44b242; color:#fff;}
.more .mainMore:hover::before,.more .mainMore:hover::after{ background:#fff;}
.abox .box .left .list{ width:100%; display:block; padding-top:25px;}
.abox .box .left .list li{ display:block; float:left; margin-top:20px; overflow:hidden; width:47.5%; margin-left:5%;}
.abox .box .left .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .left .list li strong{ height:30px; padding-top:11px; display:block; float:left;}
.abox .box .left .list li strong img{ display:block; height:30px;}
.abox .box .left .list li b{ display:block; color:#44b242; margin:0 10px; float:left; font-size:48px; line-height:48px; height:48px; overflow:hidden;}
.abox .box .left .list li p{ display:block; font-size:14px; line-height:20px; padding:4px 0; height:40px; overflow:hidden;}

.abox .box .right{ width:45%; float:right; height:500px; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative;}
.abox .box .right img{ cursor:pointer; width:80px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.xuan{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none;}
.xuan .box{ padding:10px; padding-bottom:0; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:870px; box-sizing:border-box;}
.xuan .video{ width:850px;}
.xuan .video video{ width:100%; display:block; overflow:hidden;}
.xuan .wen{ margin:15px auto;}
.xuan .wen b{ font-size:18px; line-height:28px; display:block; float:left; margin:0 10px; width:800px;}
.xuan .wen a{ cursor:pointer; display:block; float:right; height:28px;}
.xuan .wen a img{ display:block; height:28px; -webkit-transition:1s linear; transition:1s ease-in;}
.xuan .wen a img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

/*瀹炲姏灞曠ず*/
.sbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f1f1f1; position:relative; z-index:1;}
.sbox .box{ width:80%; margin:auto; position:relative; z-index:3;}
.sbox .box .title{ text-align:center;}
.sbox .box .title b{ font-size:40px; line-height:42px; display:block; height:42px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.sbox .box .title p{ font-size:24px; line-height:34px; display:block; height:34px; overflow:hidden; margin-top:4px; color:#333;}
.sbox .box .list{ width:100%; display:block; padding-top:25px; position:relative; overflow:hidden;}
.sbox .box .list li{ width:22.75%; margin-left:3%; float:left; display:block; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center; height:500px; position:relative;}
.sbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.sbox .box .list li::before{ content:''; position:absolute; width:100%; height:100%; background:linear-gradient(rgba(0,0,0,0),#000); opacity:0.7; transition:all 0.3s ease;}
.sbox .box .list li a{ color:#fff;}
.sbox .box .list li .fixbox{ position:absolute; z-index:2; left:30px; right:30px; bottom:40px; color:#fff;}
.sbox .box .list li h3{ margin-top:25px; margin-bottom:10px; display:block; font-size:20px; line-height:30px;}
.sbox .box .list li .fixbox .plus{ width:100%; padding-top:20px;}
.sbox .box .list li .fixbox .plus img{ display:block;}
.sbox .box .list li .fixbox p{ line-height:26px; max-height:0; overflow:hidden; line-clamp:3; -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; transition:all 0.3s ease; opacity:0; font-size:16px;}
.sbox .box .list li:hover::before{ background:linear-gradient(#44b242,#44b242); opacity:0.7;}
.sbox .box .list li:hover .fixbox p{ max-height:78px; opacity:1; margin-bottom:10px;}

/*浜у搧涓績*/
.pbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.pbox .box{ width:80%; margin:auto; position:relative; z-index:3;}
.pbox .box .title{ text-align:center;}
.pbox .box .title b{ font-size:40px; line-height:42px; display:block; height:42px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.pbox .box .title p{ font-size:24px; line-height:34px; display:block; height:34px; overflow:hidden; margin-top:4px; color:#fff;}
.pbox .box .index_tab{ width:100%; margin-top:25px;}
.pbox .box .index_tab .amimatetitle{ width:100%; display:flex; justify-content:center;}
.pbox .box .index_tab .amimatetitle ul{ display:block; overflow:hidden; background-color:rgba(255,255,255,.3); height:36px; border-radius:36px;}
.pbox .box .index_tab .amimatetitle ul li{ display:block; width:120px; text-align:center; height:36px; line-height:36px; font-size:16px; text-align:center; float:left; overflow:hidden; border-radius:40px; cursor:pointer; color:#fff;}
.pbox .box .index_tab .amimatetitle ul li.selected{ background-color:#44b242;}
.pbox .box .index_tab .tab_content{ width:100%; margin-top:20px; border-bottom:1px solid rgba(255,255,255,.3);}
.pbox .box .index_tab .tab_content>div{ width:100%; text-align:center;}
.pbox .box .index_tab .tab_content>div a{ display:inline-table; color:#fff; margin:0 10px; font-size:16px; line-height:26px; height:32px; box-sizing:border-box;}
.pbox .box .index_tab .tab_content>div a:hover{ color:#44b242; border-bottom:1px solid #44b242;}
.pbox .box .list{ width:100%; display:block; position:relative; height:387px;}
.pbox .box .list>div{ width:100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.pbox .box .list>div.active{ opacity:1;}
.pbox .box .list .swiper-slide{ display:block; float:left; width:22.75%; margin-right:3%; margin-top:30px; height:357px;}
.pbox .box .list .swiper-slide a{ display:block; box-sizing:border-box; width:100%; overflow:hidden; padding:30px; padding-top:25px; position:relative; background-color:#fff;}
.pbox .box .list .swiper-slide .p01{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .list .swiper-slide .p02{ width:140px; height:32px; line-height:32px; border-radius:32px; background-color:#ececec; text-align:center; font-size:16px; margin-top:10px;}
.pbox .box .list .swiper-slide .p03{ height:210px; margin-top:20px; width:100%; position:relative;}
.pbox .box .list .swiper-slide .p03 img{ position:absolute; right:0; bottom:0; display:block; max-width:100%; max-height:210px; float:right;}
.pbox .box .list .swiper-slide:hover{ box-shadow:0 5px 10px rgba(0,0,0,.2); border-top-right-radius:20px; border-bottom-left-radius:20px; padding-bottom:10px; background-color:#44b242; margin-top:20px;}
.pbox .box .list .swiper-slide:hover a{ border-top-right-radius:20px; border-bottom-left-radius:20px;}
.pbox .box .list .swiper-slide:hover .p02{ background-color:#44b242; color:#fff;}

/*鏂伴椈鍔ㄦ€?/
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.nbox .box{ width:80%; margin:auto; position:relative; z-index:3;}
.nbox .box .title{ text-align:center;}
.nbox .box .title b{ font-size:40px; line-height:42px; display:block; height:42px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.nbox .box .title p{ font-size:24px; line-height:34px; display:block; height:34px; overflow:hidden; margin-top:4px; color:#333;}
.nbox .box .swiper-container{ width:100%; margin-top:25px;}
.nbox .box .swiper-slide{ width:22.75%; margin-right:3%; float:left; display:block; overflow:hidden;}
.nbox .box .swiper-slide .tu{ width:100%; position:relative; height:13.41vw;}
.nbox .box .swiper-slide .tu>img{ width:100%; display:block;}
.nbox .box .swiper-slide .tu p{ width:54px; height:54px; padding:8px; text-align:center;display:block; position:absolute; right:1vw; bottom:1vw; background-color:rgba(68,178,66,.9);}
.nbox .box .swiper-slide .tu p img{ display:block; margin:auto;}
.nbox .box .swiper-slide .tu p span{ display:block; font-size:16px; line-height:32px; height:32px; color:#fff;}
.nbox .box .swiper-slide .wen{ width:100%; padding-top:15px;}
.nbox .box .swiper-slide .wen .w01{ font-size:18px; line-height:28px; height:56px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nbox .box .swiper-slide .wen .w02{ font-size:16px; line-height:26px; height:78px; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; margin:5px 0;}
.nbox .box .swiper-slide .wen .w03{ font-size:16px; line-height:26px; height:26px; color:#999;}
.nbox .box .swiper-slide .wen .w01:hover{ color:#44b242;} 
.nbox .box .swiper-pagination{ width:100%; margin-top:25px; display:flex; flex-wrap:wrap; justify-content:center;}
.nbox .box .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; display:block; margin:0 5px; background-color:#999; border-radius:10px; overflow:hidden; position:relative;}
.nbox .box .swiper-pagination .swiper-pagination-bullet-active{ width:60px; background-color:#44b242;}

/*footer*/
.footer{ width:80%; padding:50px 10%; padding-bottom:45px; background-color:#333; position:relative; z-index:1;}
.footer .left{ width:45.61%; float:left; margin-right:3%;}
.footer .left .f01{ height:60px;}
.footer .left .f01 img{ height:60px; display:block;}
.footer .left .f02{ width:410px; height:40px; border:1px solid #999; border-radius:5px; box-sizing:border-box; position:relative; max-width:100%; margin-top:30px;}
.footer .left .f02 select{ height:38px; line-height:38px; display:block; width:100%; background-color:#333; color:#fff; overflow:hidden; text-indent:19px; border-radius:5px;}
.footer .left .f02 b{ display:block; position:absolute; right:19px; top:50%; margin-top:-3px; width:0; height:0; border:6px solid transparent; border-top-color:#999;}
.footer .left .f03{ width:100%; padding-top:10px;}
.footer .left .f03 a{ height:20px; display:block; float:left; opacity:.5; margin-right:30px; margin-top:10px;}
.footer .left .f03 a img{ height:20px;}
.footer .left .f03 a:hover{ opacity:1;}
.footer .left .f04{ padding-top:17px;}
.footer .left .f04 p{ display:block; overflow:hidden;}
.footer .left .f04 span{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-right:20px;}
.footer .left .f04 a{ display:block; float:left; font-size:14px; line-height:24px; color:#ccc;}
.footer .right{ width:51.39%; float:right;}
.footer .right .f01{ float:right; padding:17px 0;}
.footer .right .f01 a{ display:block; float:left; margin-left:; font-size:16px; line-height:26px; color:#ccc; overflow:hidden; margin-left:40px;}
.footer .right .f01 a:hover{ color:#44b242;}
.footer .right .f02{ clear:right; float:left; width:calc(95% - 260px); margin-right:5%; display:block; margin-top:20px;}
.footer .right .f02 dt{ display:block; overflow:hidden; height:49px;}
.footer .right .f02 dt img{ display:block; float:left; height:49px;}
.footer .right .f02 dt p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .right .f02 dt p span{ display:block; font-size:14px; height:22px; line-height:22px; color:#ccc; overflow:hidden;}
.footer .right .f02 dt p a{ display:block; font-size:24px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.footer .right .f02 dd{ display:block; overflow:hidden; padding-top:15px;}
.footer .right .f02 dd p{ display:block; overflow:hidden; margin-top:6px;}
.footer .right .f02 dd p img{ width:16px; float:left; display:block; margin:4px 10px; margin-left:0;}
.footer .right .f02 dd p span{ width:calc(100% - 26px); float:left; display:block; font-size:14px; line-height:24px; color:#aaa;}
.footer .right .f03{ display:block; float:right; margin-top:20px;}
.footer .right .f03 dt{ display:block; width:120px; float:left;}
.footer .right .f03 dd{ display:block; width:120px; margin-left:20px; float:left;}
.footer .right .f03 strong{ width:100%; display:block; overflow:hidden;}
.footer .right .f03 strong img{ width:100%; display:block;}
.footer .right .f03 p{ display:block; width:100%; text-align:center; font-size:14px; line-height:24px; color:#ccc; padding-top:10px;}

.scrollTop{ position:fixed; bottom:100px; right:15px; width:45px; height:45px; background:#fff; color:#44b242; font-size:14px; border-radius:50px; padding-top:20px; box-sizing:border-box; text-align:center; cursor:pointer; font-family:Arial; transition:all 0.3s ease; z-index:100; display:none; box-shadow:0 5px 10px rgba(204,204,204,.5);}
.scrollTop:hover{ opacity:0.8;}
.scrollTop::after{ position:absolute; content:''; width:12px; height:12px; transform:rotate(-90deg); top:5px; left:50%; margin-left:-6px; background:url(../images/more2.png) no-repeat center;}
.scrollTop::before{ content:''; position:absolute; width:59px; height:59px; left:-7px; top:-7px; background:#fff; opacity:0.19; border-radius:60px;}

/*鍐呴〉*/
.ban{ width:100%; height:400px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.ban .box{ width:80%; height:100%; padding:0 10%; position:relative; z-index:1; background:rgba(0,0,0,.5);}
.ban .title{ width:100%; padding-top:200px;}
.ban .title .top{ width:100%;}
.ban .title .top span{ display:block; float:left; font-size:36px; height:38px; line-height:38px; text-transform:uppercase; color:#fff;}
.ban .title .top p{ display:block; float:left; margin-left:10px; padding-top:25px;}
.ban .title .top p b{ display:block; background-color:#fff; width:20px; height:2px; border-radius:2px; overflow:hidden;}
.ban .title .top p strong{ display:block; background-color:#fff; width:10px; height:2px; border-radius:2px; overflow:hidden; margin-top:4px;}
.ban .title .bot{ width:100%; font-size:36px; line-height:46px; color:#fff; margin-top:10px;}
.ban .wei{ position:absolute; right:10%; z-index:3; bottom:25px; padding-left:26px; background-image:url(../images/home_03.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff;}
.ban .wei a{ color:#fff;}

.dao{ width:100%; height:70px; background-color:#f1f1f1; display:flex; flex-wrap:wrap; justify-content:center;}
.dao a{ margin:0 20px; height:70px; line-height:70px; font-size:18px; font-weight:bold; position:relative;}
.dao a:hover,.dao a.on{ color:#44b242;}
.dao a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#44b242;}

/*鍏充簬鎴戜滑*/
.ab01{ width:80%; padding:65px 10%; background-color:#fff; position:relative; z-index:1;}
.ab01 .title{ text-align:center;}
.ab01 .title p{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.ab01 .title b{ font-size:30px; line-height:40px; display:block; height:40px; overflow:hidden; margin-top:2px; color:#333;}
.ab01 .title span{ width:50px; height:2px; display:block; margin:auto; margin-top:10px; background-color:#44b242;}
.ab01 .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.ab01 .box .tu{ display:flex;}
.ab01 .box .tu strong{ flex:1; background-position:center; background-repeat:no-repeat; background-size:cover; display:block; overflow:hidden;}
.ab01 .box .tu strong img{ width:100%; display:block;}
.ab01 .box .tu p{ width:36.8055%; display:block; overflow:hidden;}
.ab01 .box .tu p img{ width:100%; display:block;}
.ab01 .box .wen{ font-size:16px; line-height:30px; margin-top:23px;}
.ab01 .box .wen img{ max-width:100%; height:auto;}

.ab02{ width:80%; padding:65px 10%; background-color:#f1f1f1; position:relative; z-index:1;}
.ab02 .title{ text-align:center;}
.ab02 .title p{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.ab02 .title b{ font-size:30px; line-height:40px; display:block; height:40px; overflow:hidden; margin-top:2px; color:#333;}
.ab02 .title span{ width:50px; height:2px; display:block; margin:auto; margin-top:10px; background-color:#44b242;}
.ab02 .box{ width:100%; position:relative; z-index:3;}
.ab02 .box .list{ width:100%; display:block; position:relative;}
.ab02 .box .list li{ width:22.75%; height:500px; display:block; float:left; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:30px; margin-left:3%;}
.ab02 .box .list li:nth-child(4n+1){ margin-left:0;}
.ab02 .box .list li a{ width:100%; height:100%; padding:30px; padding-top:398px; display:block; overflow:hidden; position:relative; background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0)); box-sizing:border-box; position:relative;}
.ab02 .box .list li a:hover{ overflow:auto; background:rgba(68,178,66,0.8); padding-top:65px;}
.ab02 .box .list li .w01{ font-size:20px; line-height:30px; color:#fff;}
.ab02 .box .list li .w02{ margin-top:10px; width:70px; height:2px; background-color:#fff;}
.ab02 .box .list li .w03{ display:none; margin-top:13px; font-size:16px; line-height:30px; color:#fff;}
.ab02 .box .list li a:hover .w01{ font-size:24px; line-height:34px;}
.ab02 .box .list li a:hover .w03{ display:block;}
.ab02 .box .list li a::-webkit-scrollbar{ width:2px; height:1px;}
.ab02 .box .list li a::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#fff;}
.ab02 .box .list li a::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}

.ab03{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.ab03 .box{ width:80%; margin:auto; position:relative; z-index:3;}
.ab03 .box .title{ text-align:center;}
.ab03 .box .title p{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.ab03 .box .title b{ font-size:30px; line-height:40px; display:block; height:40px; overflow:hidden; margin-top:2px; color:#fff;}
.ab03 .box .title span{ width:50px; height:2px; display:block; margin:auto; margin-top:10px; background-color:#44b242;}
.ab03 .box .swiper-container{ width:100%; position:relative; margin-top:25px;}
.ab03 .box .swiper-container .left{ width:41.67%; float:left; padding-bottom:70px;}
.ab03 .box .swiper-container .left .w01{ font-size:36px; line-height:46px; font-weight:bold; margin-top:-10px; color:#fff; text-transform:uppercase;}
.ab03 .box .swiper-container .left .w02{ font-size:60px; line-height:58px; font-weight:bold; margin-top:30px; color:#44b242;}
.ab03 .box .swiper-container .left .w03{ font-size:24px; line-height:34px; margin-top:40px; color:#fff;}
.ab03 .box .swiper-container .left .w04{ font-size:16px; line-height:30px; margin-top:18px; color:#fff;}
.ab03 .box .swiper-container .left .w04::-webkit-scrollbar{ width:2px; height:1px;}
.ab03 .box .swiper-container .left .w04::-webkit-scrollbar-thumb{ border-radius:2px; background-color:#44b242;}
.ab03 .box .swiper-container .left .w04::-webkit-scrollbar-track{ border-radius:2px; background:rgba(0,0,0,0.7);}
.ab03 .box .swiper-container .right{ width:43.06%; float:right; border-radius:20px;}
.ab03 .box .swiper-container .right img{ width:100%; display:block;}
.ab03 .box .swiper-container .swi{ position:absolute; left:0; bottom:0; width:100%; z-index:3;}
.ab03 .box .swiper-container .swi .swiper-button-white{ width:50px; height:50px; float:left; margin-right:50px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.7); border-radius:100%;}
.ab03 .box .swiper-container .swi .swiper-button-white:hover{ background-color:#fff;}
.ab03 .box .swiper-container .swi .swiper-button-prev{ background-image:url("../images/prev.png");}
.ab03 .box .swiper-container .swi .swiper-button-next{ background-image:url("../images/next.png");}
.ab03 .box .swiper-container .swi .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab03 .box .swiper-container .swi .swiper-button-next:hover{ background-image:url("../images/nexth.png");}

.ab04{ width:80%; padding:65px 10%; background-color:#f1f1f1; position:relative; z-index:1;}
.ab04 .title{ text-align:center;}
.ab04 .title p{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.ab04 .title b{ font-size:30px; line-height:40px; display:block; height:40px; overflow:hidden; margin-top:2px; color:#333;}
.ab04 .title span{ width:50px; height:2px; display:block; margin:auto; margin-top:10px; background-color:#44b242;}
.ab04 .box{ width:100%; padding:0 60px; box-sizing:border-box; position:relative; margin-top:30px; z-index:3;}
.ab04 .box .swiper-container{ width:100%; position:relative;}
.ab04 .box .swiper-container .swiper-slide{ width:22.72%; margin:0 1.14%; overflow:hidden; display:block; position:relative;}
.ab04 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab04 .box .swiper-container .swiper-slide p{ width:100%; padding:0 20px; box-sizing:border-box; position:absolute; left:0; bottom:-50px; height:50px; background-color:rgba(0,0,0,.7); line-height:50px; font-size:18px; color:#fff; display:block; overflow:hidden; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ab04 .box .swiper-container .swiper-slide:hover p{ bottom:0;}
.ab04 .box .swiper-button-white{ width:50px; height:50px; position:absolute; z-index:3; top:50%; margin-top:-25px; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,.7); border-radius:100%;}
.ab04 .box .swiper-button-white:hover{ background-color:#fff;}
.ab04 .box .swiper-button-prev{ background-image:url("../images/prev.png"); left:0;}
.ab04 .box .swiper-button-next{ background-image:url("../images/next.png"); right:0;}
.ab04 .box .swiper-button-prev:hover{ background-image:url("../images/prevh.png");}
.ab04 .box .swiper-button-next:hover{ background-image:url("../images/nexth.png");}

/*浼佷笟瀹炲姏*/
.sl{ width:80%; padding:65px 10%; background-color:#fff; position:relative; z-index:1;}
.sl .title{ text-align:center;}
.sl .title p{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.sl .title b{ font-size:30px; line-height:40px; display:block; height:40px; overflow:hidden; margin-top:2px; color:#333;}
.sl .title span{ width:50px; height:2px; display:block; margin:auto; margin-top:10px; background-color:#44b242;}
.sl .box{ width:100%; position:relative; z-index:3; margin-top:30px;}
.sl .box .tu{ display:flex;}
.sl .box .tu img{ width:100%; display:block;}
.sl .box .wen{ font-size:16px; line-height:30px; margin-top:23px;}
.sl .box .wen img{ max-width:100%; height:auto;}

/*浜у搧涓績*/
.pro{ width:80%; padding:65px 10%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.pro .index_tab{ width:100%; margin-top:30px;}
.pro .index_tab .amimatetitle{ width:100%; display:flex; justify-content:center;}
.pro .index_tab .amimatetitle ul{ display:block; overflow:hidden; background-color:#f1f1f1; height:36px; border-radius:36px;}
.pro .index_tab .amimatetitle ul li{ display:block; width:120px; text-align:center; height:36px; line-height:36px; font-size:16px; text-align:center; float:left; overflow:hidden; border-radius:40px; cursor:pointer; color:#333;}
.pro .index_tab .amimatetitle ul li.selected{ background-color:#44b242; color:#fff;}
.pro .index_tab .tab_content{ width:100%; margin-top:20px; border-bottom:1px solid #ddd;}
.pro .index_tab .tab_content>div{ width:100%; text-align:center;}
.pro .index_tab .tab_content>div a{ display:inline-table; color:#333; margin:0 10px; font-size:16px; line-height:26px; height:32px; box-sizing:border-box;}
.pro .index_tab .tab_content>div a:hover{ color:#44b242; border-bottom:1px solid #44b242;}

.pro .title{ text-align:center;}
.pro .title p{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.pro .title b{ font-size:30px; line-height:40px; display:block; height:40px; overflow:hidden; margin-top:2px; color:#333;}
.pro .title span{ width:50px; height:2px; display:block; margin:auto; margin-top:10px; background-color:#44b242;}
.pro .box .list{ width:100%; display:block;}
.pro .box .list li{ display:block; float:left; width:22.75%; margin-left:3%; margin-top:30px;}
.pro .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro .box .list li a{ display:block; box-sizing:border-box; width:100%; overflow:hidden; padding:30px; padding-top:25px; position:relative; background-color:#fff; border:1px solid #ddd;}
.pro .box .list li .p01{ display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .box .list li .p02{ width:140px; height:32px; line-height:32px; border-radius:32px; background-color:#ececec; text-align:center; font-size:16px; margin-top:10px;}
.pro .box .list li .p03{ height:210px; width:100%; position:relative; margin-top:20px;}
.pro .box .list li .p03 img{ position:absolute; right:0; bottom:0; display:block; max-width:100%; max-height:210px; float:right;}
.pro .box .list li:hover{ box-shadow:0 5px 10px rgba(0,0,0,.2); border-top-right-radius:20px; border-bottom-left-radius:20px; padding-bottom:10px; background-color:#44b242; margin-top:20px;}
.pro .box .list li:hover a{ border-top-right-radius:20px; border-bottom-left-radius:20px; border:1px solid #44b242;}
.pro .box .list li:hover .p02{ background-color:#44b242; color:#fff;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ width:40px; height:40px; line-height:40px; background-color:#fff; border-radius:100%; font-size:18px; overflow:hidden; display:block;}
.fanye li span{ width:40px; height:40px; line-height:40px; background-color:#44b242; color:#fff; border-radius:100%; font-size:18px; overflow:hidden; display:block;}
.fanye li.active span{ color:#fff; background-color:#44b242;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#15589f;}

/*浜у搧鍐呴〉*/
.pro03{ width:80%; padding:70px 10%; background-color:#fff; position:relative; z-index:1;}
.pro03 .left{ width:600px; float:left;}
.pro03 .left .gallery-top{ width:100%; display:block; overflow:hidden; box-sizing:border-box; border:1px solid #cacaca;}
.pro03 .left .gallery-top img{ max-width:100%; max-height:300px; display:block; margin:50px auto;}
.pro03 .left .gallery-thumbs{ width:490px; margin:auto; display:block; margin-top:20px;}
.pro03 .left .gallery-thumbs .swiper-slide{ width:90px; height:70px; overflow:hidden; position:relative;}
.pro03 .left .gallery-thumbs .swiper-slide img{ height:70px; margin:auto; display:block;}
.pro03 .left .gallery-thumbs .swiper-slide b{ width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #cacaca; position:absolute; left:0; top:0; cursor:pointer; overflow:hidden;}
.pro03 .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #44b242;}
.pro03 .left .swiper-slide{ background-color:#f4faf4;}
.pro03 .right{ width:calc(97% - 600px); float:right;}
.pro03 .right .p01{ font-size:24px; line-height:34px; font-weight:bold; margin-top:1.5vw;}
.pro03 .right .p02{ font-size:16px; line-height:30px; margin-top:1vw; padding-bottom:2vw; border-bottom:1px solid #eee;}
.pro03 .right .p03{ font-size:20px; line-height:30px; margin-top:1.5vw; color:#44b242;}
.pro03 .right .p04{ font-size:16px; line-height:26px; color:#666; margin-top:.5vw;}

.pro02{ width:80%; padding:65px 10%; padding-bottom:70px; background-color:#f1f1f1; position:relative; z-index:1;}
.pro02 .title{ text-align:center;}
.pro02 .title p{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.pro02 .title b{ font-size:30px; line-height:40px; display:block; height:40px; overflow:hidden; margin-top:2px; color:#333;}
.pro02 .title span{ width:50px; height:2px; display:block; margin:auto; margin-top:10px; background-color:#44b242;}
.pro02 .wen{ font-size:16px; line-height:30px; margin-top:25px;}
.pro02 .wen img{ max-width:100%; height:auto;}

/*鏂伴椈鍔ㄦ€?/
.news{ width:80%; padding:65px 10%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.news .title{ text-align:center;}
.news .title p{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.news .title b{ font-size:30px; line-height:40px; display:block; height:40px; overflow:hidden; margin-top:2px; color:#333;}
.news .title span{ width:50px; height:2px; display:block; margin:auto; margin-top:10px; background-color:#44b242;}
.news .box .list{ width:100%; display:block; padding-top:5px;}
.news .box .list li{ width:22.75%; margin-left:3%; float:left; display:block; overflow:hidden; margin-top:25px;}
.news .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.news .box .list li .tu{ width:100%; position:relative; height:13.41vw;}
.news .box .list li .tu>img{ width:100%; display:block;}
.news .box .list li .tu p{ width:54px; height:54px; padding:8px; text-align:center;display:block; position:absolute; right:1vw; bottom:1vw; background-color:rgba(68,178,66,.9);}
.news .box .list li .tu p img{ display:block; margin:auto;}
.news .box .list li .tu p span{ display:block; font-size:16px; line-height:32px; height:32px; color:#fff;}
.news .box .list li .wen{ width:100%; padding-top:15px;}
.news .box .list li .wen .w01{ font-size:18px; line-height:28px; height:56px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news .box .list li .wen .w02{ font-size:16px; line-height:26px; height:78px; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; margin:5px 0;}
.news .box .list li .wen .w03{ font-size:16px; line-height:26px; height:26px; color:#999;}
.news .box .list li .wen .w01:hover{ color:#44b242;} 

.news .more{ width:140px; height:40px; line-height:40px; text-align:center; background-color:#eee; color:#333; display:block; margin:auto; margin-top:25px;}
.news .more:hover{ background-color:#44b242; color:#fff;}

/*鏂伴椈鍔ㄦ€佸唴椤?/
.ny{ width:80%; margin:65px auto; position:relative; z-index:1;}
.ny .title{ width:100%;}
.ny .title b{ display:block; font-size:24px; line-height:34px; color:#333;}
.ny .title span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .title p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto; margin-top:5px; margin-bottom:5px;}
#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:auto; margin-top:25px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}

/*鑱旂郴鏂瑰紡*/
.lx{ width:80%; padding:65px 10%; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.lx .title{ text-align:center;}
.lx .title p{ font-size:16px; line-height:26px; display:block; height:26px; overflow:hidden; text-transform:uppercase; color:#44b242;}
.lx .title b{ font-size:30px; line-height:40px; display:block; height:40px; overflow:hidden; margin-top:2px; color:#333;}
.lx .title span{ width:50px; height:2px; display:block; margin:auto; margin-top:10px; background-color:#44b242;}
.lx .box{ width:100%; margin-top:30px;}
.lx .box .left{ width:50%; height:430px; float:left;}
.lx .box .left #map{ width:100%; height:100%;}
.lx .box .right{ width:47%; float:right; display:block;}
.lx .box .right dt{ display:block; overflow:hidden; margin-top:20px; min-height:48px; background-position:left top; background-repeat:no-repeat; padding-left:68px;}
.lx .box .right dt span{ display:block; font-size:14px; line-height:24px; height:24px;}
.lx .box .right dt p{ display:block; font-size:16px; line-height:24px;}
.lx .box .right dd{ display:flex; align-items:center; margin-top:30px;}
.lx .box .right dd strong{ width:108px; height:108px; border:1px solid #ddd; display:flex; align-items:center; overflow:hidden;}
.lx .box .right dd strong img{ max-width:100%; display:block; margin:auto;}
.lx .box .right dd p{ display:block; font-size:14px; line-height:24px; margin-left:20px;}

.lx .wen{ font-size:16px; line-height:30px; margin-top:25px;}
.lx .wen img{ max-width:100%; height:auto;}