/*===================== 重置样式 START =====================*/
@charset "utf-8";
@font-face {
  font-family:"alibaba300";font-weight: 300;src: url("../font/8C4SxhEXBozC.woff2") format("woff2"),
  url("../font/8C4SxhEXBozC.woff") format("woff");font-variation-settings: normal;font-display: swap;
}
.webfont {font-family:"alibaba300";font-variation-settings: normal;}
@font-face {
  font-family:"alibaba700";font-weight: 700;src: url("../font/AUQGl5fsmGTb.woff2") format("woff2"),
  url("../font/AUQGl5fsmGTb.woff") format("woff");font-variation-settings: normal;font-display: swap;
}
.webfont {font-family:"alibaba700";font-variation-settings: normal;}
@font-face {
  font-family:"alibaba900";font-weight: 900;src: url("../font/H1VnaJo7c4LN.woff2") format("woff2"),
  url("../font/H1VnaJo7c4LN.woff") format("woff");font-variation-settings: normal;font-display: swap;
}
.webfont {font-family:"alibaba900";font-variation-settings: normal;}
@font-face {font-family: "num";src: url('../font/Poppins-Regular.woff2') format('woff2');font-weight: normal;font-style: normal;font-display: swap;}
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0;padding:0;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline:none;color:#333;display:block;}
.product-in-page .p_l a:after,.article-content .page_no:after,.case-in-page .list .info:after, .product-index .pi-item h4:after,.footer .f-two a:after,.choose-index .icon, .choose-index .item, .ci-inner .item .line,.product-index ul li .img_hover:after,.header ul li a:after, .t5, a, .img_hover img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.t50{position:absolute;left:0;top:50%;width:100%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.wbdq{word-break:break-all;word-wrap:break-word;text-align:justify;}
.middle_box{display: table;width:100%;height:100%;}
.middle_box .middle{display:table-cell;vertical-align:middle;width:100%;}
.tac{text-align:center;font-size:0;}
.dib{display: inline-block;vertical-align:top;}
.img_hover{overflow:hidden;position:relative;}
.img_hover:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
img{display:block;border:0;vertical-align:top;max-width:100%;}
input,textarea{-webkit-user-modify: read-write-plaintext-only;outline-style:none;border:none;}
textarea{resize:none;overflow:auto;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #fff;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #fff;} 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#fff;}
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:rgba(20, 102, 65, 1);}
.clear{zoom:1;}
.clear:after{content:"";display:block;height:0;visibility:hidden;clear:both;}
.clear::before, .clear::after{content:"";display:table;} 
.clear::after{clear:both;}
.fl{float:left;}
.fr{float:right;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
body{font-family:"alibaba300";font-size:16px;color:#333;background-color: #fff;}
.inner{margin:0 auto;width:1600px;}
.oh{overflow: hidden;}
.wap_show{display: none;}
.wap_none{display: block;}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/

/* 头部 */
.header{position: fixed;top:0;left:0;width:100%;height:126px;border-bottom:1px solid #0A0A0A;z-index:9999;background-color:#fff;}
.header_height{height:126px;}
.header .logo img{height:80px;margin-top:10px;}
.header .logo strong{font-size:24px;color:rgba(20, 102, 65, 1);display: block;text-align: center;}
.header .but, .header .nav_button{border-left:1px solid rgba(255,255,255,0.3);}
.nav_button .line{ width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; margin: -9px 0px 0px -9px;}
.nav_button i{ position: absolute; width: 7px; height: 3px; background-color: #fff; display: block; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.nav_button .i1{left:0;top:1px;}
.nav_button .i2{right:0;top:1px;}
.nav_button .i3{left:0;top:7px;}
.nav_button .i4{right:0;top:7px;}
.nav_button .i5{left:0;top:13px;}
.nav_button .i6{right:0;top:13px;}
.nav_button i.i3,.nav_button i.i4 { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.nav_button.on .i3{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.nav_button.on .i4{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; right: -100%; }
.nav_button.on .i1,.nav_button.on .i6 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.nav_button.on .i2,.nav_button.on .i5 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.header ul li{float:left;}
.header ul li a{position: relative;padding:0 20px;color:#000000;height:126px;line-height:126px;}
.header ul li a:after{content:"";position: absolute;bottom:0;left:0;width:100%;height:4px;-webkit-transform:scaleX(0);transform:scaleX(0);}
.header ul li a:hover:after, .header ul li a.active:after{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:rgba(20, 102, 65, 1);}
.header ul li a:hover, .header ul li a.active{color:rgba(20, 102, 65, 1);font-weight:bold;}
.header .nav_button{width:54px;height:54px;position: relative;cursor:pointer;}

/* 首页公用标题 */
.pub-tit{text-align: center;padding:80px 0;position: relative;z-index:2;}
.pub-tit h2{font-size:90px;font-family:"alimama1000";font-weight:1000;color:rgba(20, 102, 65, 1);}
.pub-tit .line{width:8px;height:4px;background-color:#f1ab3e;margin:40px auto 50px;}
.pub-tit .line.in-on{width:120px;}
.pub-tit p{font-size:20px;color:#333;text-transform:uppercase;}
.pub-tit .xian{display: inline-block;vertical-align: middle;margin:0 40px;width:10px;height:2px;background-color:#f1ab3e;}


/* 底部 */
.footer{padding:80px 0;background-color:rgba(35, 130, 68, 1);color:#fff;}
.footer .line{width:30%;height:4px;background-color: #f1ab3e;margin:30px 0;}
.footer .line.in-on{width:100%;}
.footer .info p{line-height:40px;font-size:18px;}
.footer .info a{color:#fff;font-weight:bold;font-family:"impact";font-size:40px;margin:14px 0;}
.footer .f-two h5{font-size:20px;position: relative;z-index:3;margin-bottom:20px;}
.footer .f-two h5:after, .footer .f-two a:after{content:"";position: absolute;bottom:4px;left:0;width:60px;height:8px;background-color:#f1ab3e;z-index:-1;}
.footer .f-two a{color:#fff;line-height:2.2;position: relative;z-index:3;}
.footer .f-two a:after{bottom:11px;height:5px;width:0;}
.footer .f-two a:hover:after{width:30px;}
.footer .list{padding-left:130px;}
.footer .f-three{width:24%;}
.footer .f-three h5{font-size:20px;margin-bottom:20px;}
.footer input{display: block;background:none;color:#fff;width:100%;height:60px;border-bottom:1px solid #fff;}
.footer .tex{height:100px;}
.footer .yzm{width:58%;}
.footer .yzm_code{width:41%;}
.footer .sub{display: block;cursor:pointer;width:50%;margin-top:20px;border-radius:8px;background-color:#f1ab3e;border:none;color:#fff;height:40px;line-height:40px;}
.copyright{padding:10px 0;background-color:rgba(35, 130, 68, 0.8);text-align: center;}
.copyright span, .copyright a{display: inline-block;margin:0 20px;color:#fff;font-size:14px;}

.black-bg, .green-bg{position: absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.7);z-index:0;}
.green-bg{background:rgba(20, 102, 65,0.4);}

/* 内页大图 */
.top-in-banner{position: relative;height:460px;background:url(../images/top-in-banner.jpg) center -493px/cover no-repeat;overflow: hidden;background-attachment: fixed;}
.top-in-banner .inner{height:100%;position: relative;}
.top-in-banner .text{position: absolute;bottom:50px;left:0;width:100%;color:#fff;}
.top-in-banner .fl{border-left:1px solid #fff;padding-left:20px;}
.top-in-banner h3{font-size:60px;font-weight:bold;letter-spacing:5px;}
.top-in-banner h4{font-size:22px;letter-spacing:3px;}
.top-in-banner .line{display: inline-block;vertical-align:middle;}
.top-in-banner .pos{border-bottom:1px solid #fff;padding-bottom:10px;margin-top:60px;}
.top-in-banner .pos a{margin:0 10px;display: inline-block;font-size:14px;color:#fff;vertical-align:middle;}
.top-in-banner .pos a:hover{color:#f1ab3e;}


/* 翻页 */
.page_box{margin:80px 0 0;text-align: center;font-size:0;}
.moon_page a{display: inline-block;overflow: hidden;width:65px;height:65px;line-height:65px;border-radius:50%;position: relative;z-index:10;vertical-align: top;font-size:14px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);margin:0 5px;color:#fff;background:rgba(35, 130, 68, 1);}
.moon_page a span{display: inline-block;width:65px;height:65px;}
.moon_page a.page-num-current{background-color: #f1ab3e;color:#fff;border-color:#f1ab3e;}
.moon_page a:before {content: "";width: 100%;height:100%;background: #f1ab3e;position: absolute;left: 0;bottom:0;z-index:-1;transition: transform 0.5s,visibility 0.5s;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
.moon_page a:hover:before{visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.moon_page a:hover{color:#fff;}

.article-content{padding:80px 0;}
.article-content img{margin:0 auto;}
.article-content p span{white-space: normal !important;}
.article-content .page_no{width:50%;position: relative;}
.article-content .page_no a{padding:30px 0;position: relative;z-index:1;color:#000;}
.article-content .page_no span{display: block;font-size:16px;font-family:"en300";}
.article-content .page_no strong{display: block;font-size:18px;margin:10px 0;line-height:24px;font-family:"en500";}
.article-content .page_no img{height:60px;}
.article-content .page_no:after{content:"";position:absolute;left:0;bottom:0;width:0;height:10px;background-color:#f1ab3e;}
.article-content .page_no.pre:after{right:0;left:auto;}
.article-content .page_no:hover:after{width:100%;}
.article-content .page_no.next{text-align:right;}
.article-content .info{line-height:1.6;}
.article-content .alist{width:33.33%;float: left;margin:60px 0;}
.article-content .alist span{display: block;font-size:18px;text-align: center;line-height:1rem;}
.article-content .alist:hover span{color:rgba(20, 102, 65, 1);}
/* 详情页 */


.fixed-right{position:fixed;right:0;top:50%;width:100px;background-color:#fff;transform:translateY(-50px);z-index:99999;}
.fixed-right p{font-size:14px;font-weight:bold;text-align: center;color:#000;padding:5px 0;}
.fixed-right:hover{width:160px;}

.fixed-top{position:fixed;right:10px;bottom:20%;z-index:9999;}
.scroll-top{position: relative;width:50px;height:50px;border-radius:50%;cursor:pointer;}
.scroll-top::before,.scroll-top::after{content:"";width: 100%;height: 100%;display: block;position: absolute;z-index:-10;left:0;top:0;border-radius: 50%;background-color:rgba(241,171,62,0.75);animation:bounce1 1.5s infinite;}
.scroll-top:after{animation: bounce1 1.5s -0.4s infinite;}
.scroll-top .ico{position: relative;width:100%;height:100%;border-radius:50%;text-align:center;display:flex;display: -webkit-flex;display: -moz-flex;align-items: center;justify-content: center;overflow: hidden;font-weight: bold;background:rgba(241,171,62,0.75) url(../images/top.png) center/50% no-repeat;z-index: 1;transition: .3s;-webkit-transition: .3s}
@keyframes bounce1 {
    0% {
        transform: scale(.3);
        -webkit-transform: scale(.3);
        opacity: 1
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
        opacity: 0
    }
}
.scroll-top.in{transform:translateX(0px) rotate(0deg);}

/*  回到顶部  */


/*===================== 公用样式 END =====================*/


/*===================== 首页 START =====================*/


/* 轮播图 */
.banner-index .swiper-slide{overflow: hidden;}
.banner-index .swiper-slide img{position: relative;width:100%;transform: scale(1.2);-webkit-transform: scale(1.2);transition:4s;-webkit-transition:4s;}
.banner-index .swiper-slide-active img{transform: scale(1);-webkit-transform: scale(1);}
.banner-index .text{position: absolute;left:0;top:35%;width:100%;z-index:8;}
.banner-index .text .oh{overflow: hidden;}
.banner-index .text h3{font-weight:bold;font-size:100px;color:#fff;line-height:120px;-webkit-transform:translateY(300%);transform:translateY(300%);transition:1.5s;-webkit-transition:1.5s;}
.banner-index .text p{margin-top:1rem;font-size:30px;color:#fff;line-height:40px;-webkit-transform:translateY(300%);transform:translateY(300%);transition:1.5s;-webkit-transition:1.5s;}
.banner-index .swiper-slide-active h3, .banner-index .swiper-slide-active p{-webkit-transform:translateY(0);transform:translateY(0);}
.time_line{width:300px;height:1px;background-color: #fff;z-index:9;position: absolute;bottom:50px;right:0;}
.time_line i{position: absolute;left:0;top:0;width:0;height:1px;background-color:#f1ab3e;}
.banner-index .swiper-pagination{font-size:14px;color:#fff;width:auto;bottom:60px;left:auto;right:250px;}
.banner-index .swiper-pagination span{font-size:40px;font-family: impact;}
.banner-index .swiper-pagination .swiper-pagination-total{font-size:14px;}
.banner-index .arrow_button{position: absolute;bottom:60px;width:76px;right:0px;font-size:0;}
.banner-index .swiper-button-next, .banner-index .swiper-button-prev{width:38px;height:38px;position: relative;top:auto;right:auto;bottom:auto;left:auto;margin:0;display: inline-block;}
.img-mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, rgba(20, 102, 65, 0.5), rgba(0, 0, 0, 0));pointer-events: none;}
.swiper-pagination-current{color:rgba(20, 102, 65, 1);}

/* 关于我们 */
.about-index{padding:100px 0;}
.about-index .info{width:47%;padding-top:3rem;}
.about-index .tit h2{font-size:60px;color:#000;margin-bottom:20px;}
.about-index .tit p{color:#666666;font-size:18px;}
.about-index .line{width:6px;height:4px;border-radius:10px;background-color:rgba(20, 102, 65, 0.7);margin:34px 0;}
.about-index .line.in-on{width:130px;}
.about-index .word h3{color:rgba(35, 130, 68, 1);font-size:24px;margin-bottom:24px;}
.about-index .word p{line-height:1.8;color:#666;margin-bottom:24px;}
/* .about-index .tac{padding-top:50px}
.about-index .dib{width:25%;}
.about-index .number-animate{font-size:50px;color:rgba(35, 130, 68, 1);font-family:"num";font-weight:bold;}
.about-index .dib p{font-size:16px;color:#666;}
.about-index .dib.tl{text-align: left;}
.about-index .dib.tr{text-align: right;} */
.about-index .box{width:50%;}
.about-index .img-box1{width:49%;}
.about-index .img-box2{width:49%;}
.about-index .box img{transition: transform 0.9s cubic-bezier(0.22,1,0.36,1),opacity 0.9s cubic-bezier(0.22,1,0.36,1);}

/* 产品中心 */
.product-index{padding-bottom:80px;}
.product-index .pi-item{position: relative;z-index:1;float: left;width:33.33%;overflow: hidden;}
.product-index .pi-item img{width:100%;}
.product-index .pi-item h4{z-index:50;height:100px;text-align: center;font-size:40px;color:#fff;}
.product-index .pi-item h4:after{content:"";position: absolute;bottom:0;left:50%;transform:translateX(-50%);width:20px;height:6px;background-color: #fff;border-radius:10px;}
.product-index .pi-item:hover h4:after{width:100px;}
.product-index .pi-item a{position: relative;z-index:40;}
.circle{position: absolute;border-radius: 50%;transform: translate(-50%, -50%);pointer-events: none;z-index:0;}
.product-index ul li{float: left;width:31.33%;margin:0 1% 20px;}
.product-index ul li .img_hover{border-radius:10px;position: relative;}
.product-index ul li .img_hover:after{content:"";border-radius:50%;position: absolute;top:50%;left:50%;width:60px;height:60px;background:rgba(255,255,255,0.6) url(../images/pi-icon.png) center/50% no-repeat;transform:translate(-50%,-50%) scale(0) rotate(0deg);transition: all 0.9s cubic-bezier(0.22,1,0.36,1);}
.product-index ul li h3{text-align: center;font-size:20px;color:#333;line-height:60px;}
.product-index ul li:hover .img_hover:after{transform:translate(-50%,-50%) scale(1) rotate(360deg);}
.product-index ul li:hover h3{color:rgba(20, 102, 65, 1);}


/* 为什么选择我们 */
#particle{position: absolute;width:100%;height:100%;z-index:0;}
.choose-index{position: relative;padding-bottom:80px;}
.choose-index .pub-tit h2, .choose-index .pub-tit p, .case-index .pub-tit h2, .case-index .pub-tit p{color:#fff;}
.choose-index .item-box{position: relative;z-index:3;}
.choose-index .item{float: left;width:27.33%;color:#fff;text-align: center;padding:30px 3%;}
.choose-index .icon{width:128px;height:79px;margin:0 auto;position: relative;transform:translateY(0) scale(0.7);transition: all 0.9s cubic-bezier(0.22,1,0.36,1);}
.choose-index .item:hover{transform: translateY(-5px);}
.choose-index .item:hover .icon{transform:translateY(-20px) scale(1);}
.choose-index .item h3{font-size:20px;margin:30px 0;}
.choose-index .item p{font-size:16px;line-height:24px;height:72px;}


/* 新闻中心 */
.news-index{padding-bottom:80px;}
.news-index .tit{position: absolute;bottom:0;left:0;width:100%;height:80px;background-color: #fff;}
.news-index .pad{position: absolute;bottom:30px;left:0;width:94%;padding:0 3%;color:#333333;overflow: hidden;}
.news-index .swiper-slide:hover .tit{height:0;}
.news-index .swiper-slide:hover .pad{color:#fff;bottom:50px;font-weight:bold;font-size:18px;}


/* 工程案例 */
.case-index{position: relative;z-index:2;padding-bottom:80px;background:url(../images/ci-bg.jpg) center no-repeat;background-size:cover;/* background-attachment: fixed; */}
.ci-inner{width:1300px;margin:0 auto;position: relative;color:#fff;}
.item.item-one .info, .item.item-three .info, .item.item-two .img{float: left;}
.item.item-one .img, .item.item-three .img, .item.item-two .info{float:right;text-align:right;}
.item.item-one .info, .item.item-three .info, .item.item-two .info{width:500px;position: relative;padding-top:3.5rem;}
.item.item-one .img, .item.item-three .img{overflow: hidden;border-top-left-radius:60px;border-bottom-right-radius:100px;}
.item.item-two .img{overflow: hidden;border-top-right-radius:60px;border-bottom-left-radius:100px;}
.ci-inner .item .line{position:absolute;left:0;bottom:-10px;width:50%;height:10px;background-color:rgba(20, 102, 65, 1);}
.ci-inner .item .line.in-on{width:160%;}
.ci-inner .item.item-two .line{left:auto;right:0;}
.ci-inner .img{width:600px;height:450px;background-color:#ccc;}
.ci-inner .info{padding:20px 0;}
.ci-inner .info h4{font-size:20px;margin-bottom:20px;}
.ci-inner .info p{font-size:16px;line-height:26px;}


/*===================== 首页 END =====================*/


/*===================== 关于我们 START =====================*/

.about-in-page .text-info-box{padding:120px 0;background-color:#f5f5f5;}
.about-in-page .text-info-box h1{color:rgba(35, 130, 68, 1);font-size:40px;margin-bottom:60px;}
.about-in-page .text-info-box p{font-size:20px;line-height:46px;color:#666;width:60%;}
.about-img-info .inner-box{max-width:2400px;margin:80px auto;}
.about-img-info .img-move, .about-img-info .img-text{width:50%;overflow: hidden;}
.about-img-info .img-move img{max-width:none;height:100%;}
.about-img-info .img-text{text-align: center;}
.about-img-info .pad{padding:0 140px;}
.about-img-info h3{font-size:30px;}
.about-img-info .line{width:4px;height:40px;background-color:rgba(20, 102, 65, 1);margin:40px auto;}
.about-img-info p{font-size:18px;line-height:2;}

/*===================== 关于我们 END =====================*/


/*===================== 建设工程 + 家具 START =====================*/

.product-in-page .p_l{width:300px;background-color:#fff;box-shadow:0 0 20px #eee;}
.product-in-page .pad{background-color:rgba(35, 130, 68, 1);font-size:40px;;padding:30px;margin-bottom:20px;border-radius:6px 6px 0 0;}
.product-in-page .pad h4{font-size:42px;color:#fff;}
.product-in-page .pad .line{width:4px;height:20px;background-color: #fff;margin:24px 0 20px;}
.product-in-page .p_l a{position: relative;z-index:1;padding:20px 10px 20px 30px;line-height:40px;color:#333;}
.product-in-page .p_l a span{display: inline-block;width:40px;height:40px;border-radius:50%;text-align:left;line-height:40px;}
.product-in-page .p_l a:after{content:"";background-color:rgba(35, 130, 68, 1);position: absolute;left:10%;top:0;width:0;height:100%;z-index:-1;border-radius:6px;}
.product-in-page .p_l a:hover:after, .product-in-page .p_l a.active:after{width:100%;}
.product-in-page .p_l a:hover, .product-in-page .p_l a.active{padding-left:10px;color:#fff;}
.product-in-page .p_l .son-nav{display: none;background-color: #f2f2f2;}
.product-in-page .p_l .son-nav.show{display: block;}
.product-in-page .p_l .son-nav a{padding:10px 10px 10px 70px;}
.product-in-page .p_l .son-nav a:after{left:0;}


.product-in-page .box{background-color:rgba(35, 130, 68, 1);padding:30px;margin-top:20px;border-radius: 0 0 6px 6px;}
.product-in-page .box strong{display: block;font-size:30px;color:#fff;}
.product-in-page .box span{display: block;font-family:"impact";color:#fff;font-size:24px;margin-top:20px;}
.product-in-page .p_r{width:1240px;}
.product-in-page .p_r .list{float: left;width:49%;margin:0 0.5% 10px;position: relative;}
.product-in-page .p_r.case .list{width:32.33%;}
.product-in-page .list .title{padding:30px 10px 0 20px;height:88px;background-color: #fff;}
.product-in-page .list .title strong{display: block;font-size:18px;}
.product-in-page .list .title i{display: inline-block;vertical-align: middle;width:0px;height:2px;background-color: #ccc;margin:-4px 10px 0 0;}
.product-in-page .list .title span{display: block;font-size:12px;color:#ccc;margin-top:20px;}
.product-in-page .list:hover .title i{width:20px;background-color:rgba(35, 130, 68, 1);}
.product-in-page .list:hover .title span{color:rgba(35, 130, 68, 1);font-size:16px;}

/*===================== 建设工程 + 家具 END =====================*/


/*===================== 客户案例 START =====================*/

.case-inner{width:1100px;margin:0 auto;}
.case-in-page .list{margin-bottom:30px;position: relative;}
.case-in-page .img_hover{float: left;width:600px;}
.case-in-page .odd .img_hover{float:right;}
.case-in-page .info{width:400px;padding: 20px;position: absolute;left:580px;top:50%;background-color: #f9f9f9;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);box-shadow: 0 12px 22px rgba(0, 0, 0, 0.1);}
.case-in-page .odd .info{right:580px;left:auto;}
.case-in-page .info p{color:#666;margin-top:20px;}
.case-in-page .list .info:after{content:"";position: absolute;bottom:0;right:0;width:0;height:8px;background-color:rgba(20, 102, 65, 1);}
.case-in-page .list:hover .info:after{width:100%;}
.case-in-page .odd .info:after{left:0;right:auto;}
.case-in-page .list:hover h3{color:rgba(20, 102, 65, 1);}

/*===================== 客户案例 END =====================*/


/*===================== 新闻 START =====================*/

.news-in-page, .case-in-page, .product-in-page, .contact-in-page{padding:80px 0;}
.news-in-page .list{position: relative;}
.news-in-page .list a{padding:50px 0;}
.news-in-page .list .info{width:60%;margin-top:3%;}
.news-in-page .list .bg{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background-color:rgba(20, 102, 65, 0.8);visibility: hidden;-webkit-transform: scale(1,0)-ms-transform: scale(1,0);transform: scale(1,0);-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.news-in-page .list:hover .bg{visibility: visible;-webkit-transform: none;-ms-transform: none;transform: none;}
.news-in-page .info h3{font-size:24px;color:#000;font-weight:900;}
.news-in-page .info p{color:#000;font-size:16px;line-height:26px;font-family:"en700";margin:30px 0;}
.news-in-page .info .time{display: block;margin:20px 0;color:#000;font-size:14px;}
.news-in-page .info em{font-style:normal;font-size:14px;color:#000;position: relative;padding-bottom:6px;}
.news-in-page .info em:after{content:"";position: absolute;left:0;bottom:0;width:0;height:2px;background-color: #fff;}
.news-in-page .list:hover h3, .news-in-page .list:hover .time, .news-in-page .list:hover em, .news-in-page .list:hover p{color:#fff;}
.news-in-page .list:hover em:after{width:100%;}

/*===================== 新闻 END =====================*/


/*===================== 联系我们 START =====================*/

.circle-ratate{position: relative;width: 600px;height: 600px;border-radius: 50%;border: 1px solid rgba(16, 141, 187, 0.1);}
.circle-ratate .cir{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.circle-ratate .cir1{width: 88.96%;height: 89.56%;animation: rotate 60s ease forwards;}
.circle-ratate .cir2{width: 78.36%;height: 77.91%;animation: rotate 50s ease forwards;}
.circle-ratate .cir3{width: 70.15%;height: 70.15%;}
.circle-ratate .cir1 img, .circle-ratate .cir2 img{object-fit: contain;}
.circle-ratate .img{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.circle-ratate .cir3 img{height: 100%;object-fit:cover;}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.contact-in-page .info{width:900px;height:600px;position: relative;}
.contact-in-page .t50{text-align:left;}
.contact-in-page .info h2{font-size:50px;margin-bottom:30px;}
.contact-in-page .info p{line-height:1.6;font-size:18px;}
.contact-in-page .info a{margin-top:1rem;font-family:"impact";font-size: 40px;color:rgba(20, 102, 65, 1);}

/*===================== 联系我们 END =====================*/


/*===================== 响应式 START =====================*/


@media( max-width:1700px ){
	.inner{width:1400px;}
	.contact-in-page .info{width:700px;}
	.footer .list{padding-left:100px;}
	.product-in-page .p_r{width:1024px;}
	.banner-index .text h3{font-size:80px;line-height:100px;}
}
@media( max-width:1500px ){
	.inner{width:1200px;}
	.circle-ratate{width:500px;height:500px;}
	.contact-in-page .info{width:600px;height:500px;}
	.footer .f-three{display: none;}
	.footer .list{padding-left:150px;}
	.product-in-page .p_l{width:240px;}
	.product-in-page .p_r{width:910px;}
	.about-img-info .img-move img{height:600px;}
	.about-img-info .pad{padding:0 60px;}
	.about-img-info h3{font-size:24px;}
	.about-img-info p{font-size:16px;}
	.banner-index .text h3{font-size:50px;line-height:70px;}
	.banner-index .text p{font-size:20px;}
	.about-index .info{padding:0;}
}
@media( max-width:1260px ){
	.inner, .case-inner, .ci-inner{width:100%;padding:0 12px;box-sizing:border-box;}
	.wap_show{display: block;}
	.product-index .pi-fenlei,.about-index .box,.banner-index .text,.about-img-info .inner-box,.product-in-page .p_l a span,.product-in-page .pad,.product-in-page .box,.fixed-right,.news-in-page .info em,.news-in-page .info .time,.top-in-banner .pos,.circle-ratate,.wap_none{display: none !important;}
	
	.news-in-page, .case-in-page, .product-in-page, .contact-in-page{padding:1.5rem 0;}
	.header{height:54px;background-color:rgba(35, 130, 68, 1);border:none;}
	.header ul{display: none;}
	.header_height{height:54px;}
	.header .inner{padding:0;}
	.header .logo img{height:44px;margin-top:5px;}
	.header ul{position: absolute;top:54px;left:0;z-index:999;width:100%;background-color: #fff;}
	.header ul li{float:none;width:100%;}
	.header ul li a, .header.on ul li a{height:42px;line-height:42px;color:#333;text-align: center;font-size:14px;}
	.top-in-banner{height:6rem;}
	.top-in-banner h3{font-size:18px;letter-spacing:0;}
	.top-in-banner h4{font-size:14px;}
	.contact-in-page .info{width:100%;height:auto;}
	.contact-in-page .t50, .case-in-page .info{position: relative;left:auto;top:auto;transform: translateY(0);}
	.contact-in-page .info h2{font-size:24px;}
	.top-in-banner .text{bottom:1rem;}
	.news-in-page .list .info, .news-in-page .list .img_hover{width:100%;float:none;}
	.news-in-page .info p{height:52px;overflow: hidden;}
	.moon_page a span, .moon_page a{width:54px;height:54px;line-height:54px;}
	.case-in-page .img_hover, .case-in-page .odd .img_hover, .about-index .info{width:100%;float:none;}
	.case-in-page .info{width:100%;box-sizing:border-box;padding:0.4rem;}
	.case-in-page .odd .info{right:auto;left:auto;}
	.case-in-page .info h3{font-size:16px;}
	.case-in-page .info p{font-size:14px;margin-top:10px;}
	.product-in-page .p_l, .product-in-page .p_r,.article-content .page_no{width:100%;float:none;}
	.product-in-page .p_l a{width:50%;float: left;padding:0.5rem;box-sizing:border-box;text-align: center;font-size:14px;}
	.product-in-page .p_l a:after{left:0;}
	.product-in-page .p_r{padding:1.5rem 0;}
	.page_box{margin:1rem 0 0;}
	.about-in-page .text-info-box, .about-index{padding:1.5rem 0;}
	.about-in-page .text-info-box h1{font-size:20px;}
	.about-in-page .text-info-box p{font-size:16px;line-height:1.4;width:100%;}
	.about-index .tit h2{font-size:1rem;}
	.about-index .tit p{font-size:14px;}
	.pub-tit{padding:1rem 0;}
	.pub-tit h2{font-size:1.5rem;}
	.pub-tit .line{margin:1rem auto 1.1rem;}
	.pub-tit .xian{margin:0 8px;}
	.pub-tit p{font-size:14px;}
	.product-index ul li{width:48%;}
	.product-index{padding-bottom:1rem;}
	.choose-index .item{width:44%;}
	.choose-index .item h3{font-size:18px;line-height:24px;height:48px;margin:12px 0;}
	.choose-index .item p{font-size:14px;line-height:20px;height:80px;}
	.item.item-one .info, .item.item-three .info, .item.item-two .img, .ci-inner .img{float:none;width:100%;height:auto;}
	.item.item-one .info, .item.item-three .info, .item.item-two .info{padding-top:1.5rem;}
	.ci-inner .info p{font-size:14px;line-height:22px;height:66px;overflow: hidden;}
	.ci-inner .item .line{bottom:0;}
	.ci-inner .item .line.in-on{width:100%;}
	.ci-inner .img{margin-top:1rem;}
}

/*===================== 响应式 END =====================*/