@charset 'utf-8';
@import 'reset.css';
@font-face{font-family:'robot';src:url('font/Roboto-Regular-14.ttf') format('truetype');}
@font-face{font-family:'robot';src:url('font/Roboto-Bold-3.ttf') format('truetype');font-weight:bold;}
html,body{color:#333;font-family:'robot';font-size:15px;position:relative;}
div[class^='fl'],.topnav,.header,.footer,.layout{width:100%;float:left;overflow-x:hidden;position:relative;}
.img{position:relative;overflow:hidden;}
.img img{float:left;}
.swiper-slide{overflow:hidden;}
.swiper-slide .cover{position:absolute;top:0;bottom:0;left:0;right:0;background:none;}
.swiper-slide .img:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.2);}
.swiper-slide .img img{width:100%;}
.btn{font-size:14px;min-width:125px;line-height:38px;text-align:center;background:#005123;border:solid 2px #005123;color:#fff;transition:background .3s;}
.submit-btn.off{background:#ccc;color:#666;border:0}
.btn:hover{background:#fff;color:#005123;}
.wrapper{width:1576px;}
.topnav{color:#fff;background:#005123;font-size:12px;padding-top:10px;padding-bottom:9px;}
.topnav .lang{float:right;font-size:12px;}
.topnav .lang img{float:left;margin-right:10px;}
.header{padding-top:5px;}
.header .logo{float:left;}
.navication{float:right;margin-top:15px;font-size:14px;}
.navication ul li{float:left;}
.navication ul li a{display:block;margin-left:46px;}
.navication ul li.active a{color:#005123}
.swiper-button-prev{left:37px;}
.swiper-button-next{right:37px;}
.swiper-button-prev,.swiper-button-next{background-color:rgba(0,0,0,.6)!important;width:52px;height:52px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;background-size:30px 30px;}
.fl1{overflow:hidden;position:relative;}
.fl1 .swiper-pagination{bottom:38px;}
.fl1 .swiper-pagination-bullet{width:47px;height:3px;background:#fff;border-radius:0;opacity:1;}
.fl1 .swiper-pagination-bullet-active{background:#1C7A44;}
.fl1 .f1{line-height:1.5;}
.fl1 .f3{margin-top:30px;}
.fl1 .f3 .btn{background:none;min-width:145px;text-align:center;display:inline-block;height:45px;padding:0;float:left;margin-right:30px;border:solid 3px #005123;line-height:39px;}
.fl1 .f3 .btn.on{background:#005123;color: #fff;}
.fl2{margin-top:88px;overflow:hidden;}
.fl2 .img{float:left;}
.fl2 .right{padding-left:40px;background: #fff;}
.fl2 .t1{color:#ACACAC;}
.fl2 .t2{color:#005123;max-width:600px;line-height:1.3;margin-top:18px;position:relative;}
.fl2 .t2:before{position:absolute;height:32px;width:3px;background:#005123;left:-15px;display:block;content:'';top:13px;}
.fl2 .t3{line-height:1.5;margin-top:25px;}
.fl2 .t4{margin-top:30px;}
.ftitle{max-width:648px;text-align:center;overflow:hidden;margin-left:auto!important;margin-right:auto!important;}
.ftitle .h1{text-transform:uppercase;color:#ACACAC;}
.ftitle .h2 span{color:#005123;line-height:1.4;position:relative;display:inline-block;}
.ftitle .h2 span:before{content:'';display:block;position:absolute;left:-10px;top:5px;width:3px;height:48px;background:#005123;}
.ftitle .h3{line-height:1.5;}
.fl3{text-align:center;margin-top:85px;}
.fl3-slide{width:100%;margin-top:30px;}
.fl3-slide .cover{top:auto;height:150px;background:rgba(0,0,0,0.5);transition: all .3s;}
.fl3-slide .swiper-slide:hover .cover{height: 100%;}
.fl4{text-align:center;position:relative;overflow:hidden;padding-bottom:15px;}
.fl4:before{position:absolute;left:0;right:0;height:60%;background:#005123;content:'';}
.fl4 .ftitle{margin-top:80px;}
.fl4 .ftitle *{color:#fff!important;}
.fl4 .ftitle .h2 span:before{background:#fff;}
.fl4 .img{text-align:center;display:inline-block;}
.fl4 .img img{width:auto;max-width:340px;height:auto;}
.fl4 .img:hover img{transform: scale(1.1);}
.fl4 .title{margin-top:10px;}
.fl4 .title .t2{color:#005123;}
.fl4 .t1{text-transform:uppercase;color:#ACACAC;}
.fl4 .h1{color:#ACACAC!important;}
.fl5{margin-top:50px;}
.fl5 .img img{width:100%;}
.fl5 .ftitle{width:100%!important;text-align:left;background:#fff;border-radius:8px;padding:0 50px 30px 50px;margin-left:46%;max-width:701px;padding-top:30px;}
.fl5 .h1{color:#ACACAC;}
.fl5 .h3{color:#565656;}
.fl5 input,.fl5 textarea{width:100%;border-radius:5px;border:none;background:#F1F1F1;margin-top:18px;padding-left:15px;padding-right:15px;color:#333;}
.fl5 input{height:65px;line-height:65px;}
.fl5 textarea{height:178px;padding-top:20px;padding-bottom:20px;}
.fl5 textarea:focus{border:solid 1px #333;}
.fl5 .h5{max-width:600px;}
.fl5 .btn{margin-top:20px;}
.footer{color:#fff;background:#005123;line-height:1.2;padding-top:27px;padding-bottom:27px;}
.banner_inner img{width:100%;min-height: 230px;object-fit: cover;}
.banner_inner .cover{background:rgba(0,0,0,.29);}
.about .fl2{padding-top:88px;margin-top:0;}
.about .fl2:before{content:'';position:absolute;top:0;right:0;width:25%;height:80%;background:#005123;}
.about .left{margin-top:0px;float:right;}
.about .fl4{margin-top:80px;}
.project02{padding-top:55px;}
.project02 .ftitle{text-align:center;margin-left:auto;margin-right:auto;float:none;}
.project02 .more{margin-top:50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.project02 .more>div{overflow-x: auto;}
.project02 .more a{min-width:100px;display:inline-block;}
.project02 .more a.btn{height:45px;line-height:45px;padding:0;margin:0 15px;}
.project03{margin-top:50px;}
.project03 .img img{width:100%;}
.project03 .row{overflow:hidden;}
.project03 .x3{margin-bottom:20px;}
.project_inner1{padding-top:80px;}
.project_inner1:before{position:absolute;content:'';height:70%;width:25%;background:#005123;top:0;}
.project_inner1 .swiper-project{overflow:hidden;}
.project_inner1 .swiper-project{max-width:684px;}
.project_inner1 .swiper-button-prev,.project_inner1 .swiper-button-next{background-color:rgba(0,0,0,0)!important;height:40px;width:30px;}
.project_inner1 .swiper-button-prev{left:10px;}
.project_inner1 .swiper-button-next{right:10px;}
.project_inner1 .ftitle{text-align:left;}
.project_inner1 .ftitle .h4{font-weight:bold;color:#ACACAC;font-size:18px;margin-top:15px;}
.project_inner1 .ftitle .h4 b{display:inline-block;}
.project_inner1 .ftitle .h4 td:first-child{padding-right:15px;}
.project_inner1 .swiper-pagination{position:relative;margin-top:15px;top:0;}
.project_inner1 .swiper-pagination-bullet{width:12px;height:12px;}
.project_inner1 .swiper-pagination-bullet-active{background:#005123;}
.project_inner1 .x2:last-child{background: #fff;}
.project_inner2{padding-top:50px;margin-top:50px;}
.project_inner2:before{content:'';position:absolute;height:80%;top:0;width:100%;background:#005123;}
.project_inner2 .swiper-slide .img:after{display:none;}
.project_inner2 .ftitle{float:none;margin-left:auto;margin-right:auto;margin-bottom:50px;}
.project_inner2 .ftitle *{color:#fff!important;text-align:center;}
.project_inner2 .ftitle .h2 span:before{background:#fff!important;}
.project_inner2 .cover{background:rgba(0,0,0,0.5);height:50px;top:auto;}
.newslist{margin-top:80px;}
.newslist .x3{margin-bottom:50px;}
.newslist .x3 .wrap{background:#FBFBFB;padding-bottom:20px;}
.newslist .x3 img{width:100%;}
.newslist .x3 .txt{margin:5px 25px 5px 25px;margin-top:25px;}
.newslist .x3 .t1{color:#005123;}
.newslist .x3 .t2{color:#565656;}
.newslist .x3 .t3{color:#707070;margin-top:15px;line-height:1.4;}
.newslist .x3 .t4{margin-top:20px;}
.news2{margin-top:80px;}
.news2 .left{width:70%;float:left;padding-right:30px;overflow:hidden;padding-bottom:25px;}
.news2 .left .thumb img{width:100%;}
.news2 .left .title{color:#005123;margin-top:25px;}
.news2 .left .article{color:#707070;margin-top:25px;}
.news2 .left p{margin-bottom:15px;}
.news2 .right{width:30%;float:left;overflow:hidden;}
.news2 .right .img{float:left;width:112px;margin-right:10px;}
.news2 .right li{width:100%;overflow:hidden;margin-top:20px;}
.news2 .right .h3{color:#005123;}
.news2 .right .h4{color:#565656;}
.news2 .right .h5{font-size:18px;font-weight:bold;}
.contact .fl5{margin-top:0;}
.contact1{margin-top:80px;padding-bottom:80px;}
.contact1:before{content:'';position:absolute;bottom:0;height:50%;width:25%;right:0;background:#005123;position:absolute;}
.contact1 .t1{color:#ACACAC;}
.contact1 .t2{color:#005123;}
.contact1 ul{color:#565656;}
.contact1 ul li{overflow:hidden;width:100%;margin-top:25px;}
.contact1 ul .img{float:left;margin-right:15px;}
.contact1 ul img{width:26px;}
.zw{min-height:1024px;}
.menu2{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,.99);z-index:99999;display: none;}
.menu2 .logo{margin-left:auto;margin-right:auto;text-align:center;margin-top:30px;margin-bottom:30px;}
.menu2 .logo img{max-width:250px;}
.menu2 ul li{width:100%;overflow:hidden;font-size:20px;margin-bottom:10px;}
.menu2 ul li.active a{color:#005123}
.menu2 .lang{text-align:center;margin-bottom:30px;}
.menu2 .lang span{margin:0 5px;display:inline-block;background:#ddd;min-width:80px;}
.menu2 .lang span.on{background:#005123;color:#fff;}
.menu2 .closeBar{position:absolute;top:15px;right:15px;}
.menu2 .nav{width: 200px;margin-left: auto;margin-right: auto;}
.menu2.on{display: block;}

.closeBar{position:relative;width:40px;height:40px;z-index: 999;}
.closeBar::before,.closeBar::after{position:absolute;content:' ';background-color:#000;left:20px;width:2px;height:30px;}
.closeBar::before{transform:rotate(45deg);}
.closeBar::after{transform:rotate(-45deg);}
.menuBar{position:relative;border-top: 2px #fff solid;border-bottom: 2px #fff solid;width: 32px;height:23px;position:fixed;top: 9px;right: 10px;z-index: 9999;display: none;cursor: pointer;}
.menuBar:before{position: absolute;width: 100%;left: 0;top: 5px;background: #fff;height: 2px;content: '';}
.menuBar:after{position: absolute;width: 100%;left: 0;top: 12px;background: #fff;height: 2px;content: '';}
@media all and (max-width:1800px){
    .fl1 .swiper-slide .cover{left: 80px;}

}
@media all and (max-width:1600px){
    .fl2 .t2:before,.ftitle .h2 span:before{height:25px;top:3px;right:-30px;}
    .wrapper{width:auto;margin-left:20px;margin-right:20px;}
    .fs60{font-size:35px;}
    .fs42{font-size:25px;}
    .fs28{font-size:23px;}
    .fs26{font-size:20px;}
    .fs24{font-size:18px;}
    .fs18{font-size:16px;}
    .ftitle{float:none;}
}
@media all and (max-width:1500px){
    .fl5 input{height:40px;line-height:40px;margin-top:5px;}
    .fl5 textarea{line-height:28px;margin-top:5px;}
    .fl5 .ftitle{padding:15px 30px;}
    .fl5 .h5{max-width:100%;}
    .fl5 .btn{margin-top:10px;}
}
@media all and (max-width:1200px){
    .fl5 .btn{height:35px;line-height:35px;padding:0;}
    .fl5 img{min-height:600px;object-fit:cover;}
    .fl1 .swiper-slide .cover{left: 50px;}
    .swiper-button-prev{left:15px;}
    .swiper-button-next{right:15px;}
    .fl1 .f3 .btn{min-width: 120px;}
}
@media all and (max-width:960px){
    .header{margin-top: 40px;}
    .menuBar{display: block;}
    .topnav{position: fixed;top: 0;z-index: 9999;}
    .topnav .lang{float: left;}
    .navication{display: none;}
    .navication2{width:100%;background:#fff;padding-bottom:15px;}
    .navication2 li{width:100%;overflow:hidden;}
    .fl1 .swiper-slide .img img{min-height:380px;object-fit:cover;}
    .news2 .left{width: 100%;padding-right: 0;}
    .news2 .right{width: 100%;}
}

@media all and (max-width:640px){
    .btn{padding: 0;max-width: 115px;height: 36px;line-height: 36px;}
    .fl4 .img img{max-width: 100%;}
    .fs60{font-size:28px;}
    .fs42{font-size:23px;}
    .fs28{font-size:20px;}
    .fs26{font-size:18px;}
    .fs24{font-size:16px;}
    .fs18{font-size:16px;}
    .wrapper{width:auto;margin-left:10px;margin-right:10px;}
    .x2{width: 100%;}
    .x3{width: 50%;}
    .fl2{margin-top: 30px;}
    .fl2 .right{margin-top: 20px;padding-left: 20px;}
    .contact1{margin-top: 20px;padding-bottom: 10px;}
    .contact1 .map{margin-top: 20px;}
    .about .fl2{padding-top: 0px;}
    .about .fl2 .right{overflow: hidden;padding: 30px;}
    .about .fl2 .right:before{content: '';position: absolute;top: 5px;bottom: 5px;left: 10px;right: 10px;box-shadow:  0 0 5px #999;}
    .about .fl2 .left{margin-top: 15px;}
    .newslist .x3{margin-bottom: 20px;}
    .newslist .x3 .txt{padding: 10px;margin: 0;}
    .newslist .x3 .t2{margin-top: 8px;}
    .newslist .x3 .t3{margin-top: 8px;}
    .newslist .x3 .t4{margin-top: 8px;}
    .project_inner1 .x2:last-child{margin-top: 15px;padding-bottom: 15px;overflow: hidden;margin-bottom: 5px;}
    .project_inner1 .x2:last-child .ftitle{box-shadow: 0 0 5px #999;margin-left: 15px;margin-right: 15px;padding-left: 25px;padding-right: 25px;margin-top: 10px;}
    .project_inner2{margin-top: 20px;}
    .news2{margin-top: 20px;}
    .project02{margin-top: 20px;padding-top: 0;}
    .project02 .more{margin-left: 15px;margin-right: 15px;}
    .project_inner1{padding-top: 20px;}
    .project_inner1:before{height: 25%;}
    .about .fl2:before{height: 25%;}
    .contact1:before{height: 25%;}
}