*{margin:0; padding:0;}
html,body{margin:0 auto; max-width:1920px; overflow-x:hidden;}
body{font:16px/1.6 'Microsoft Yahei'; background-color:#fff; color:#333; -webkit-tap-highlight-color:transparent;}
a{color:#333; text-decoration:none; transition: all .3s;}
a:hover{color:#2bc784!important; text-decoration:none;}
a,span,i,em{display:inline-block;}
ul,li{list-style:none;}
.wp {position:relative; margin:0 auto; width:1300px;}
.text-l{text-align:left;}
.text-c{text-align:center;}
.text-r{text-align:right;}

.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.img-100{display:block; width:100%;}

.pc{position:relative;}
.mobile{position:relative; display:none;}
@media (max-width:750px) {
    .pc{display:none;}
    .mobile{display:block;}
    .wp{width:auto; box-sizing:border-box;}
}

/* Flex */
.flex{display:flex;}
.flex-vertical{flex-flow:column}
.flex-center{align-items:center; justify-content:center;}
.flex-wrap-row{flex-wrap:wrap; flex-direction:row;}
.flex-auto{flex:1;}


.topbar{height:50px; line-height:50px; background-color:#2B3E4B; color:#fff; text-align:right;}
.topbar i{margin:0 8px 0 30px; color:#32c36c;}

/* 头部 */
.header{position:relative; height:100px;}
.header .logo{position:relative; width:188px;}
.header .logo a{display:block; position:absolute; left:-18px; top:0; z-index:1000}
.header-qrcode{display:none; position:absolute; right:0; top:0;}
.header-qrcode img{display:block;}
@media (min-width:1300px) {
    .m-1920{display:block;}
}
@media (max-width:1300px) {
    .m-1300{display:block;}
}

.m-header{position:fixed; left:0; top:0; width:100%; height:50px; background-color:#fff; box-shadow:0 0 3px 2px rgba(0, 0, 0, .05); z-index:9999;}
.m-header .logo img{position:absolute; left:15px; top:0; height:67px;}
.m-header .bars{padding:0 20px; line-height:50px; font-size:24px;}

.m-menu{display:none;}
.m-menu .m-mask{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:9990;}
.m-menu ul{position:fixed; left:0; top:50px; width:100%; max-height:90vh; padding:20px 30px; background-color:#fff; box-shadow:0 0 3px 2px rgba(0, 0, 0, .15); z-index:9995; overflow-y:auto; box-sizing:border-box;}
.m-menu ul li i{position:absolute; right:2px; top:13px; font-weight:700; color:#2bc784;}
.m-menu ul li a{position:relative; display:block; padding:8px 0; border-bottom:1px solid #eee;}
.m-menu ul li .active{color:#2bc784; font-weight:700;}
.m-menu ul li:last-child a{border:0;}
.m-menu ul .open .subnav{display:block;}
.m-menu ul .subnav{display:none;}
.m-menu ul .subnav a{padding:8px 2em; color:#979898;}
.m-menu ul .subnav a.active{color:#2bc784;}

/* 导航 */
.menu{position:relative;}
.menu ul{position:absolute; left:0; bottom:0;}
.menu li{position:relative; float:left; font-size:18px; z-index: 9999;}
.menu li a{padding:0 15px; height:60px; line-height:60px; color:#000;}
.menu li .active{color:#2bc784;}
.menu li:hover .subnav{display:block;}
.menu .subnav{display:none; position:absolute; left:-45px; top:60px; width:max-content; background-color:#fff; border-radius:0 0 5px 5px; box-shadow:0 8px 8px 3px rgba(0,0,0,.03); padding:20px 50px;}
.menu .subnav a{display:block; height:auto; line-height:1; padding:10px; color:#979898; border-bottom:1px solid #eaeaea;}
.menu .subnav a:hover, .menu .subnav a.active{color:#2bc784; border-bottom-color:#2bc784;}
.menu .subnav a:last-child{border-bottom:0;}

/* 轮播图 */
.swiper{width:100%; height:100%;}
.swiper-slide img{display:block; width:100%; height:100%; object-fit:cover;}
.swiper-pagination .swiper-pagination-bullet{width:25px; height:3px; border-radius:0;}
.swiper-pagination .swiper-pagination-bullet-active{height:6px; background-color:#62d2a2;}

/* 优势 */
.tags{background-color:#62d2a2; padding:20px 0;}
.tags .wp{background:#fff; border-radius:5px; overflow:hidden;}
.tags .item{float:left; padding:25px 0; width:16.66%; text-align:center; background-image: linear-gradient(to right, rgba(0,0,0,.05), #fff, #fff, #fff, rgba(0,0,0,.05));}
.tags .item img{display:block; margin:0 auto;}
.tags .item p{line-height:1.4; padding-top:10px;}
@media (max-width:750px) {
    .tags{padding:5px 0;}
    .tags .wp{border-radius:0;}
    .tags .item{width:50%; background:#fff;}
    .tags .item img{width:30%;}
}

/* 工程案例 */
.i-project{padding:60px 0;}
.i-project h1{font-size:40px; font-weight:600; letter-spacing:5px; color:#2b3e4b;}
.i-project h2{padding-top:15px;}
.i-project h2 span{padding:5px 10px; line-height:1; border-radius:3px; letter-spacing:2px; background-color:#e0f6e9; color:#32c36c; font-size:18px; font-weight:400;}

.i-project .tabs{padding:30px 0;}
.i-project .tabs a{padding:10px 25px; background-color:#f0f0f0; color:#333; margin:0 5px;}
.i-project .tabs a.active{background-color:#303030; color:#fff;}

.i-project .tab-con{padding-top:10px;}
.i-project .tab-con ul{overflow:hidden;}
.i-project .tab-con li{float:left; width:317px; margin:10px 10px 0 0; overflow:hidden;}
.i-project .tab-con li:nth-child(4n+4){margin-right:0;}
.i-project .tab-con .thumb{height:237px; overflow:hidden;}
.i-project .tab-con li:hover img{transform:scale(1.1);}
.i-project .tab-con li img{display:block; width:100%; height:100%; object-fit:cover; transition: all .3s;}
.i-project .tab-con li p{text-align:center; padding:10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.i-project .tab-con li a{display:block;}
@media (max-width:750px) {
    .i-project{padding:30px 5px 15px;}
    .i-project h1{font-size:30px;}
    .i-project h2 span{display:block; margin:0 15px; line-height:1.4;}
    .i-project .tabs{padding:20px 4px; overflow:hidden;}
    .i-project .tabs a{float:left; width:33.33%; padding:10px 0; margin:0; border:1px solid #fff; box-sizing:border-box;}
    .i-project .tab-con{padding-top:0;}
    .i-project .tab-con li{width:50%; margin:0; padding:5px; box-sizing:border-box;}
    .i-project .tab-con .thumb{height:150px;}
}

/* 公司简介 */
.i-aboutus{height:649px; background:url(../img/company-full.jpg) no-repeat 50% 50%; color:#fff;}
.i-aboutus .wp{height:649px;}
.i-aboutus .box{position:absolute; right:0; bottom:0; width:724px; height:539px;}
.i-aboutus h1{background-color:#5cbb92; color:#fff; font-size:26px; font-weight:400; text-align:center; border-radius:0 0 10px 10px; padding:8px 0;}
.i-aboutus .info{position:relative; padding-top:20px; text-align:justify; font-size:18px; line-height:1.8}
.i-aboutus p{text-indent:2em;}
.i-aboutus a{padding:15px 45px; font-size:18px; background-color:#5cbb92; color:#fff;}
.i-aboutus a:hover{background-color:#fff; color:#2B3E4C;}
@media (max-width:750px) {
    .i-aboutus{padding:15px; height:auto; background:url(../img/company.jpg) no-repeat 50% 50%/cover;}
    .i-aboutus .wp{height:auto; border-radius:5px; overflow:hidden;}
    .i-aboutus .box{position:relative; width:auto; height:auto; padding-bottom:20px; background:rgba(43, 62, 76, .95);}
    .i-aboutus h1{font-size:20px; border-radius:0;}
    .i-aboutus .info{padding:20px; font-size:16px;}
    .i-aboutus a{display:block; margin:0 auto; width:150px; padding:10px 0; font-size:16px; text-align:center;}
}

/* 关于我们 */
.i-contactus{padding:40px 0; height:580px; background:url(../img/map.png) no-repeat 50% 50%;}
.i-contactus .box{position:absolute; left:0; bottom:150px; width:100%; height:201px; background:url(../img/company-2.jpg) #fff no-repeat; box-shadow: 0 0 15px 5px rgba(0,0,0,.05); border-radius:15px;}
.i-contactus .info{position:relative; float:right; width:576px; padding:20px 20px 20px 70px; line-height:2; box-sizing:border-box; color:#828282;}
.i-contactus .info span{position:absolute; left:-55px; top:50px; width:80px; height:80px; line-height:80px; background-color:#32c36c; color:#fff; border:10px solid #fff; border-radius:50%; text-align:center; font-size:40px;}
.i-contactus .info a{position:absolute; right:30px; bottom:30px; padding:5px 30px; border:2px solid #929ba2; color:#2b3e4b; border-radius:5px;}
.i-contactus .info a:hover{background-color:#2b3e4b; border-color:#2b3e4b; color:#fff;}
@media (max-width:750px) {
    .i-contactus{padding:15px; height:auto; background-position:50% 0; background-size:100% auto;}
    .i-contactus .box2{padding-top:80px;}
    .i-contactus .box2 .img-100{border-radius:10px;}
    .i-contactus .info{float:none; width:auto; padding:15px;}
    .i-contactus .info a{position:relative; top:0; left:0; display:block; margin:20px auto 0; width:150px; padding:10px 0; text-align:center; line-height:1.6;}
}

/* 底部 */
.footer{padding:50px 0; background-color:#1a2a36; color:#fff;}
.footer a{color:#fff;}
.footer a:hover{color:#fff;}
.footer .copyright{padding-top:80px; text-align:center; color:#bebebe;}
.footer .copyright a{color:#bebebe;}

.footer .nav{padding-left:60px;}
.footer .nav dl{float:left; margin:0 15px;}
.footer .nav dl a{color:#5cbb92;}
.footer .nav dl a:hover{color:#fff;}
.footer .nav dl dt{font-size:20px;}
.footer .nav dl dd{padding:5px 0;}
@media (max-width:750px) {
    .footer .wp{display:block;}
    .footer .logo img, .footer .qrcode img{display:block; margin:0 auto;}
    .footer .logo img{width:25%;}
    .footer .qrcode img{width:40%;}
    .footer .nav{padding:20px 0; overflow:hidden;}
    .footer .nav dl{width:33.33%; padding:15px; margin:0; box-sizing:border-box;}
    .footer .nav dl:nth-child(3n+4){clear:both;}
    .footer .copyright{padding:50px 15px 0; font-size:14px;}
}



.page-main{padding:30px 0 50px;}
.page-main .wp{overflow:hidden;}
.left{float:left; width:280px;}
.right{float:right; width:960px;}
@media (max-width:750px) {
    .page-main{padding:0 0 30px;}
    .left{display:none;}
    .right{float:none; width:auto;}
}



.left .menu-title{text-align:center; font-size:26px; color:#5cbb92; border-bottom:35px solid #5cbb92; padding-bottom:10px;}
.left-menu a{position:relative; display:block; padding:6px 20px; border-bottom:1px solid #eee;}
.left-menu a.active{color:#5cbb92; font-weight:700;}
.left-menu a i{position:absolute; right:20px; top:10px;}
.left-menu .open .subnav{display:block;}
.left-menu .subnav{display:none;}
.left-menu .subnav a{text-indent:2em;}

.left-info{margin-top:30px; background-color:#7dc9a8; color:#fff; padding:40px 30px; border-radius:10px;}
.left-info img{padding-bottom:10px;}
.left-info p{padding:3px 0;}

.page-title{font-size:26px; padding-bottom:10px; font-weight:700;}
.page-dir{height:35px; line-height:35px; padding:0 10px; background-color:#999; font-size:14px;}
.page-dir span{padding:0 5px; color:#fff;}
.page-dir a{color:#fff;}

.page-content{padding:30px 0 0;}
.page-content img{margin:0 auto; display:block; max-width:100%!important; height:auto!important;}

.page-more{padding-top:30px; font-size:14px;}
.page-more p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.page-more p a{display:inline;}


/* 新闻列表 */
.news-list{}
.news-list .item{clear:both; padding:20px 0; border-bottom:1px solid #eee; overflow:hidden;}
.news-list .item .thumb{float:left; width:120px; height:80px;}
.news-list .item .thumb a{display:block; width:100%; height:80px; overflow:hidden;}
.news-list .item .thumb img{display:block; width:100%; height:100%; object-fit:cover;}
.news-list .item .info{float:right; width:825px;}
.news-list .item .info h3{font-size:16px;}
.news-list .item .info h3 a{color:#387b89;}
.news-list .item .info p{font-size:14px; color:#999; padding-top:5px;}
@media (max-width:750px) {
    .news-list .item{display:flex; padding:20px 10px;}
    .news-list .item .thumb{float:none; padding-right:10px;}
    .news-list .item .info{float:none; flex:1;}
    .news-list .item .info p{overflow:hidden; -webkit-line-clamp:2; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;}
}

/* 产品案例列表 */
.product-list{overflow:hidden;}
.product-list .item{float:left; margin:30px 30px 0 0; width:300px;}
.product-list .item:nth-child(3n+3){margin-right:0;}
.product-list .item .thumb{height:220px;}
.product-list .item .thumb a{display:block; width:100%; height:220px; overflow:hidden;}
.product-list .item .thumb img{display:block; width:100%; height:100%; object-fit:cover;}
.product-list .item .tit{font-size:16px; text-align:center; padding-top:10px;}
.product-list .item .tit a{display:block; color:#387b89; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@media (max-width:750px) {
    .product-list{padding:5px;}
    .product-list .item{width:50%; margin:0; border:5px solid #fff; box-sizing: border-box;}
    .product-list .item .thumb, .product-list .item .thumb a{height:120px;}
}

/* 分页 */
.pages{padding-top:50px; text-align:center;}
.pages li{display:inline-block; padding:0 4px;}
.pages li a{border:1px solid #e8e8e8; border-radius:5px; padding:5px 15px; color:#666;}
.pages li.active a{border-color:#3ec5a8; background-color:#3ec5a8; color:#fff!important;}

.video{padding:30px 0 0;}
.player{width:100%; height:500px; background-color:#000;}

@media (max-width:750px) {
    .player{height:280px;}
    .page-title{padding:20px 20px 0; font-size:20px; text-align:center;}
    .page-content, .video, .pages, .page-more{padding:20px;}
}