@charset "UTF-8";
body{}
.clearfix {+height: 1%;}
.ntitle{padding:4% 0;text-align: center;}
div.ntitle1{padding:4% 0 2% 0;}
.ntitle h3{font-size: 0.33rem;color: #000;font-weight: 100;}
.ntitle h3 i{display: block;background-color: #333;width: 90px;height: 3px;margin: 1% auto;}
.ntitle p{font-size: 0.17rem;color: #666;margin: 1% auto 0;line-height: 0.27rem;}
.ntitle h3 em.ntit_zi{ display:block; text-align:center;}
div.ntitle2 p{width: 60%;text-align: left; }
div.ntitle3 p{width: 70%;text-align: left; }
div.ntitle4 p{width: 40%;text-align: center;font-size: 0.16rem;line-height: 0.3rem;color: #333; }
div.ntitle5{padding:4% 0 1% 0;}
div.ntitle6{padding:1% 0 3% 0;}
.ntitle .bigfont{text-align: left;width: 70%;margin:2.5% auto 0;line-height: 0.27rem;}
.ntitle .bigfont:first-letter{
    letter-spacing:0;
    text-transform:uppercase;
    font-size:454%;
    float:left;
    margin:0 .1em 0 0;
    line-height:1;
    font-weight:bold;color: #333;
}
.protit_p .bigfont{text-align: left;width: 70%;margin:2.5% auto 0;line-height: 0.27rem;color: #666;font-size: 0.17rem;}
.protit_p .bigfont:first-letter{
    letter-spacing:0;
    text-transform:uppercase;
    font-size:454%;
    float:left;
    margin:0 .1em 0 0;
    line-height:1;
    font-weight:bold;color: #333;
}
/*下滑菜单*/
.returnmenu{position:fixed;top:0;width:100%;height:60px;line-height: 60px;background-color:#fff;z-index:99999;
    box-shadow:0 0 12px 4px rgba(0,0,0,.3);display: none;
-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;}
.returnmenu h1{font-size: 0.24rem;color: #333;text-align: center;font-weight: 100;}
.returnmenu a{display: inline-block;float: left;background: url(../images/img/jiantou.png) left no-repeat;padding-left: 2%;font-size: 0.16rem;color: #666;transition: 0.5s;}
.returnmenu:hover a{color: #00833e;}
.ban{width: 100%;position: relative;margin:0px auto;}
.ban img{width: 100%;}
.ban h2{font-size: 0.55rem;text-align: center;position: absolute;top:40%;width: 100%;color: #fff;font-weight: 100;}
/*颜色*/
.colorbox1{max-width: 1010px;margin:0 auto 3%;position: relative;}
.colorbox1 li{width: 23%;margin:1%;height: 200px;position: relative;overflow: hidden;float: left;}
.colorbox1 li em{width: 100%;height: 100%;display: block;position: relative;overflow: hidden;z-index: 5;}
.colorbox1 li em img{width: 100%;height: 100%; transition: 0.5s;}
.colorbox1 li span{width: 100%;height:0;padding-top: 37%;text-align: center;font-size: 0.20rem;color: #fff;text-align: center; display: block;opacity: 0; position: absolute;top:0;left: 0;background-color: rgba(0,0,0,0.7);transition: 0.5s;z-index: 99;}
.colorbox1 li:hover span{height: 100%;opacity: 1;}
.colorbox1 li:hover em img{-webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}

/*外部家居理念*/
.pbottom{position: relative;bottom: -150px;opacity: 0;}
.pbottom.current{bottom: 0px;opacity: 1;}
.ln_news{width: 48%;background-color: #fff;}
.lnico{display: block;position: absolute;top: -20px;left: 42px;background: #333;color: #fff;text-align: center;font-size: 0.14rem;padding:5px 10px;font-weight: normal;text-transform: uppercase;}
.hlnlbox:hover .lnico{background-color: #00833e;color: #fff;}
div.nlnlbox1{width: 94%;padding:3% 3%;margin-top: 3%;}
div.nlnlbox1 .highlight-title{width: 45%;float: left;margin-top: 2.5%;}
div.nlnlbox1 .nlntxt{width: 52%;float: right;margin-top: 2.5%;}
div.nlnlbox2{padding:3% 5%;margin-bottom: 7%;}
div.nlnlbox2 .highlight-title{width: 50%;float: left;margin-top: 2.5%;font-size: 0.25rem;font-weight: 100;color: #333;}
div.nlnlbox2 .nlntxt{width: 45%;float: right;margin-top: 2.5%;}
/*颜色设计-关于我们*/
.fangcase{position: relative;margin-bottom: 5%;}
.fangcimg{width: 100%;display: block;}
.fangbox{position: absolute;width: 250px;padding:5% 7%; background: #fff;margin: auto auto auto 0;bottom: -75px;opacity: 0;transition: all 1s ease-in-out;}
.fangbox.current{opacity: 1;}
.fangbox .highlight-title{text-align: left;font-size: 0.28rem;}
.fangbox .hlnltxt{line-height: 0.27rem;margin:7% 0;}
.fangbox1{left:50px;}
.fangbox2{right:50px;}
/*案例详情*/
.caseinfobox,.showcase,.showcase2{width: 89%;margin:3% auto 3%; position: relative;}
.cinfobox-left{width: 15%;padding:0 3% 3%;float: left;position: relative;background-color: #fff;}
.cinfobox-right{width:79%;float: right;position: relative; min-height: 600px;}
.cifbimg1{width: 64.8%;float: left;margin-left: 3%;display: block;}
.cifbimg2{width: 29.5%;margin-left: 2.5%;margin-bottom: 2.5%;float: left;display: block;}
.cifbimg3{width: 29.5%;margin-left: 2.5%;margin-bottom: 2.5%;float: left;display: block;}
.cinfotxt{border-bottom: solid 1px #dadcd9;padding:14% 0 10% 0;}
.cinfotxt h4{font-size: 0.18rem;color: #333;line-height: 0.3rem;}
.cinfotxt p{font-size: 0.16rem;color: #666;}
.cinfotxt img{display: block;}
.cinfotxt:last-child{border-bottom: none;}
.cinfo_color{color: #8ba4b0;text-align: right;width: 64.8%;position:absolute;bottom: 0;left: 0;font-size: 0.3rem;text-indent: 3%;}
.cinfo_color span{font-size:0.16rem;display: block;margin-top: 10%;text-indent: 0;letter-spacing: 2px; }
.cinfo_color span em{color: #333;display:inline-block;}
.showcase_left{margin-right: 1%;width: 21.5%;vertical-align: top;float: left;}
.showcase_left img{height: auto;max-width: 100%;margin-bottom: 6%;}
.showcase_right{width: 76.5%;float: right;display: block;}
.showcasetxt{font-size: 0.16rem;color: #333;background-color: #fff; line-height: 0.35rem;padding:5%;width: 79%;margin:3% auto 3%; position: relative;}
.showcasetxt:first-letter{
    letter-spacing:0;
    text-transform:uppercase;
    font-size:454%;
    float:left;
    margin:0 .1em 0 0;
    line-height:1;
    font-weight:bold;color: #333;
}
.showcase_left2{margin-right: 1%;width: 34.5%;vertical-align: top;float: left;overflow: hidden;}
.showcase_left2 img{height: auto;max-width: 100%;margin-bottom: 6%;}
.showcase_right2{width: 63.5%;float: right;display: block;overflow: hidden;}
.showcase_right2 img{height: auto;max-width: 100%;margin-bottom: 4%;}
.showcase_right2 p{background-color: #fff;font-size: 0.16rem;color: #666;line-height: 0.3rem;padding:5% 8%;}
/*产品*/
.prolist{position: relative;margin-bottom: 5%;}
.probox{position: relative;width: 250px;padding:5% 7%;margin-bottom: 2%;z-index: 99; background: #fff;top: 46px;opacity: 0;transition: all 1s ease-in-out;}
.probox.current{opacity: 1;}
.probox .highlight-title{text-align: left;font-size: 0.28rem;}
.probox .hlnltxt{line-height: 0.27rem;margin:7% 0;}
.probox1{float: left;left: 50px;}
.probox2{float: right; right:50px;}
.probgimg{position: absolute;top:0;z-index: 5;width: 100%;display: block;}
.proinfo{width: 1100px;margin:0px auto;position: relative;display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;}
.proinfoleft{width: 50%; overflow: hidden;position: relative;}
.proinfoleft img{display: block;width: 100%;}
.proinforight{width: 37%;padding-left: 3%;padding-right: 10%; -webkit-align-self: center;align-self: center;font-size: 0.16rem;line-height: 0.27rem;color: #333;position: relative;}
.protxtcolor{ color: #8ba4b0;padding: 5% 0;text-align: center;line-height:0.5rem;font-size: 0.3rem;}
.protxtcolor span{font-size: 0.16rem;text-align: right;display: block;margin-top: 3%;}
.protxtcolor span em{display: inline-block;color: #666;}
/*统一设置背景的background-attchment属性*/ 
.article{ 
 width: 100%; 
 margin: 0 auto; 
 height: auto; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center center; 
 background-size: cover; 
} 
.anim{ 
 -webkit-transition : all 1s ease-in; 
 -moz-transition : all 1s ease-in; 
 -ms-transition : all 1s ease-in; 
 transition : all 1s ease-in; 
 text-indent:3em; 
}
.probottom{height: 345px;padding:50px 0;margin-bottom:3%;background-image: url(../images/img/pbg9.jpg);width: 100%;position: relative;opacity: 0.9;}
div.probottom1{background-image: url(../images/img/pbg10.jpg);}
div.probottom2{background-image: url(../images/img/pbg11.jpg);}
div.probottom3{background-image: url(../images/img/pbg12.jpg);}
div.probottom4{background-image: url(../images/img/pbg13.jpg);}
div.probottom5{background-image: url(../images/img/pbg14.jpg);}
div.probottom6{background-image: url(../images/img/pbg15.jpg);}
div.probottom7{background-image: url(../images/img/pbg16.png);}
.profooterContent{width: 25%;margin:0px auto;font-size: 0.16rem;color: #fff;}
.profooterContent a{display: block;font-size: 0.38rem;color: #fff;}
.profooterContent a.Leadermore{font-size: 0.16rem;margin-top: 7%;width: 100px;height: 0.4rem;line-height: 0.4rem;border:1px solid #fff;text-align: center;transition: 0.5s;position: relative;overflow: hidden;}
.profooterContent p{margin-top: 10%;margin-bottom: 2%;}
.profooterContent a:hover{color: #00833e;}
.profooterContent a.Leadermore:hover{border:1px solid #00833e;}
.profooterContent a.Leadermore:before,a.Leadermore:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #008a52;
  transition:400ms ease all;
}
a.Leadermore:after{right:inherit;top:inherit;left:0;bottom:0;}
a.Leadermore:hover:before,a.Leadermore:hover:after{width:100%;transition:800ms ease all;}

/*产品详情*/
.protit_p p{font-size: 0.24rem;color: #333;width: 70%;margin:5% auto 5%;line-height: 40px;text-align: left;}
.protit_div{font-size: 0.24rem;color: #333;margin:3% auto 3%;line-height: 40px;text-align: left;}
.protit h3{font-size: 0.3rem;color: #333;font-weight: 100;}
.protit h3 i{display: block;background-color: #333;width: 90px;height: 3px;margin: 1% 0;}
.protit p{font-size: 0.16rem;color: #666;}
.proimgbox{margin:3% auto;}
.proimgboxlist{margin-top: 5%;background-color: #fff;}
.proimgleft{height: 185px;width: 30%;float: left;overflow: hidden;}
.proimgleft img{height: 100%;}
.proimgright{float: right;width: 65%;position: relative;height: 185px;}
a.projiantou{width:25px;height: 16px;background: url(../images/img/jiantou1.png) no-repeat;display: block;position: absolute;top:50%;right:12%; }
.proimgright span{font-size: 0.14rem;color: #333;margin-top: 7%;display: block;}
.proimgright h3{font-size: 0.28rem;color: #333;font-weight: 100;line-height: 0.55rem;}
.proimgright p{font-size: 0.14rem;color: #666;width: 80%;}
.proimgbox .ntitle h3{font-size: 0.26rem;}
.proimgbox .ntitle p{font-size: 0.15rem;text-align: center;}
.proimginfo{background-color: #fff;padding:3% 5%;display: none;}
span.proiinfo_img{display: block;float: left;width: 47%;max-height: 450px;overflow: hidden;}
.proimginfo img{width: 100%; background-color: rgb(213, 213, 213);transition: background-color 1s;}
.proiinfobox{float: right;width: 48%;font-size: 0.2rem;color: #333;}
.proiinfobox h4{font-weight: 100;margin-bottom: 2.5%;}
.proiinfobox ul{border: #d8d8d8 1px solid;width: 100%;color: #333;font-size: 0.18rem;}
.proiinfobox ul li{border-bottom:1px solid #d8d8d8;line-height: 0.38rem;height: 0.38rem;clear: both;}
.proiinfobox ul li span{width: 50%;float: left;display: block;}
.proiinfobox ul li.proiinfomore{height: auto;padding:3% 0 3% 0;}
.proiinfobox ul li span.ptable_td{width: 20%;font-weight: 700;padding-left: 7%;}
a.proimgmore{background-color: #008a52;border:1px solid #008a52;transition: 0.5s; width: 35%;text-align: center;font-size: 0.15rem;color: #fff;line-height: 0.45rem;height: 0.45rem;display: block;margin-top:7%;position: relative;overflow: hidden; }
a.proimgmore:hover{background-color: #fff;color: #008a52;}
a.proimgmore:hover{border:1px solid #00833e;}
a.proimgmore:hover{border-radius: 20px;background-color: #fff;color: #217b3a;}

.swiper-container {width: 100%;height: 365px;margin:2% 0 5% 0;}
.swiper-slide {height: 318px!important; overflow: hidden;-webkit-transform: scale(0.9);
        transform: scale(0.9);}
.swiper-slide img{height: 100%;}
.swiper-container .swiper-pagination-fraction{bottom: 2px;}
.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{width: 9px;height: 15px;background-size:cover;margin-top: 0;top:20%;}
.swiper-container .swiper-button-prev{background-image:url(../images/img/jiantou.png);left:0;}
.swiper-container .swiper-button-next{background-image:url(../images/img/jiantou0.png);right: 0;}
.swiperbottom{width: 20%;position: absolute;bottom: 0;left: 50%;margin-left: -10%;height: 25px;line-height: 25px;}
.swiper-container .swiper-pagination{text-align: right;left: -13%;}
.swiperbottom p{font-size: 0.14rem;text-indent: 13%;color: #000;}
.swiper-slide-active,.swiper-slide-duplicate-active {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
div.swiper-container1 .swiper-slide{-webkit-transform: scale(1);transform: scale(1);opacity: 0.45;transition: opacity 0.3s ease-out;}
div.swiper-container1 .swiper-slide-active,div.swiper-container1 .swiper-slide-duplicate-active{opacity: 1;}
div.swiper-container1 .swiper-pagination{text-align: center;left: 0;font-size: 0.16rem;}
div.swiper-container1 .swiperbottom{width: 10%;margin-left: -5%;}

.waterproof{background-color: #333;margin:0 auto 3%;padding:4% 0;font-size: 0.16rem;color: #fff;}
.waterproof h2{font-size: 0.25rem;text-align: center;}
.waterproof p{width: 60%;margin:3% auto 0;}
a.probtn1{display: block;font-size: 0.16rem;transition:800ms ease all;margin: 4% auto 0;color: #fff; background-color: #00833e; width: 15%;height: 0.45rem;line-height: 0.45rem;text-align: center;position: relative;overflow: hidden;}
a.probtn1:hover{color: #00833e;background-color: #fff;}
a.probtn1:after{
  background: #fff;content: "";height: 250px;left: -125px;opacity: .2;
  position: absolute;top: -50px;width: 50px;z-index: 100;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1); 
}
a.probtn1:hover:after{left: 120%;-webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);}
p.tc{text-align: center;}
.snthree-column li{width: 31.33%;float: left;margin:1%;background-color: #fff;}
.snthree-column li h3{font-size: 0.22rem;color: #333;text-indent: 5%;padding:8% 0;font-weight: 100;}
.snthree-column li img{display: block;width: 100%;}
.snthree-column li ul{width: 90%;margin:0 auto;min-height: 160px;padding:6% 0;}
.snthree-column li ul li{float: none;font-size: 0.14rem;width: 84%;color: #666;margin:8%;list-style-type:disc;}
.sntwo-column li{width: 47%;float: left;margin:1.5%;border-bottom: 1px solid #d3d5d1;padding-bottom: 3%;}
.sntwo-column span{font-size: 0.14rem;color: #333;display: block;margin-bottom: 3%;}
.sntwo-column p{font-size: 0.16rem;color: #666;}
.pfscrtxt{background-color: #dfe0dc;padding:1.5%;position: absolute;right: 0; width: 50%;top: 10%;font-size: 0.16rem;color: #333;text-align: center;}
.pfscrtxt1{background-color: #dfe0dc;padding:1.5%;position: absolute;right: 0; width: 50%;top: 10%;font-size: 0.14rem;color: #333;text-align: left;}
div.pfscinfo{position: relative;}
div.pfscinfo .proinfoleft{width: 53%;}
div.pfscinfo .proinforight{width: 44%;padding-right:0;}
div.pfscinfo .proinforight p{margin-top: 45%;}
.pfsico img{display: block;width: 100%;margin-bottom: 7%;}
p.pfsn_txt{font-size: 0.15rem;color: #666;width: 90%;margin:0 auto;padding:6% 0;line-height: 0.25rem;}
p.pfsn_txt1{font-size: 0.15rem;color: #666;width: 80%;margin:0 auto;padding:6% 0;line-height: 0.25rem;}
.snthree-column1{margin-bottom: 2%;}
.snthree-column1 ul div{min-height: 400px;}

.choose-color{ width:100%;}
.choose-color-left{width: 47%;height: 100%;float: left;}
.choose-color-left-image{width:100%;height: 450px;}
.choose-color-left p{font-size:0.16rem; color:#333; line-height:30px;}
.choose-color-right{width: 50%;float: right;}
.choose-color-right h4{font-weight: 100;margin-bottom: 2.5%; font-size:0.2rem; color:#333;}
.choose-color-right span{margin-bottom: 2.5%; font-size:0.16rem; color:#333;}
.choose-colorbox{height: 270px;padding:5px;
overflow: overlay;
overflow-y: scroll;}
.color-viewer-top-right-colors-color {
	width: 14.67%;height: 55px;
	margin:1%;
	float:left;
}
.color-viewer-top-right-colors-color:hover{box-shadow: #3d3c3c 0px 0px 5px;}

/*关于我们*/
.abtit p{font-size: 0.18rem;}
.abtit p em{font-style:italic;}
.abldlist{position: relative;margin-bottom: 5%;}
.abldimg{display: block;width: 100%;}
.abldbox{position: relative;width: 86%;padding:3% 7%;z-index: 99; background: #fff;opacity: 0;transition: all 1s ease-in-out;}
.abldbox.current{opacity: 1;}
.abldbox .highlight-title{text-align: left;font-size: 0.28rem;}
.abldbox .hlnltxt{line-height: 0.27rem;margin:3% 0;}
div.abldinfo .proinforight{padding-right:0;width: 47%;}
.abldtime li{width: 25%;float: left;min-height: 265px; margin:1%;background-color: #fff;color: #333;padding:3% 3%;}
.abldtime li span{display: block;font-size: 0.24rem;}
.abldtime li span i{display: block;background-color: #333;width: 60px;height: 3px;margin-top: 5%;}
.abldtime li h1{font-size: 0.65rem;padding:2% 0;}
.abldtime li p{font-size: 0.16rem;color: #666;}
p.tl{text-align: left;}
p.tr{text-align: right;}
div.pfscinfo div.proinforight2{padding-left: 0;width: 40%;padding-right: 4%;}
div.abthree-column ul div{min-height: 180px;}

.image-slider{width: 80%;margin:0px auto;position: relative;}
.image-slider img{width: 100%;}

div.bigeyeBox{width: 80%;height: 280px; padding:10%;margin:10% auto 0;position:relative;background-color: #fff;}
.colorplusleft{width: 45%;margin: 0 5% 5% 5%;float: left;font-size: 0.16rem;color: #333;}
.colorplusleft h4{display: block;font-size: 0.24rem;font-weight: 100;}
.colorplusleft h4 i{display: block;background-color: #333;width: 60px;height: 3px;margin-top: 5%;}
.colorplusleft p{margin-top: 5%;color: #666;line-height: 0.28rem;}
.colorplusright{width: 45%;float: right;}
.colorplusright img{display: block;width: 100%;}

.slide_nav{width: 80%;clear: both;position: absolute;left: 0;top:-5%;left: 50%;margin-left: -40%;}
.slide_nav a{margin: 0;
float: left;
list-style: none;
width: 32%;
padding: 0;height:0.45rem;line-height: 0.45rem;
border-top: 1px solid #d3d5d1;
border-bottom: 1px solid #d3d5d1;
position: relative;font-size: 0.16rem;text-align: center;
background: #fff;transition: 0.5s;}
.slide_nav a.first {
    border-right: 1px solid #d3d5d1;
    border-left: 1px solid #d3d5d1;
}
.slide_nav a.last {
    border-left: 1px solid #d3d5d1;
    border-right: 1px solid #d3d5d1;
}
.slide_nav a:hover,.slide_nav a.on{cursor:pointer;background: #dfe0dc;}
.ysbtn_pre{width: 9px;height: 15px;background: url(../images/img/jiantou.png) no-repeat;display: block;
  position: absolute;top:-2%;text-indent: -999em;left:5%;transition: 0.5s;z-index: 999;}
.ysbtn_next{width: 9px;height: 15px;background: url(../images/img/jiantou0.png) no-repeat;display: block;
  position: absolute;top:-2%;text-indent: -999em;right:5%;transition: 0.5s;z-index: 999;}
.colorplubottom{background: #dfe0dc;font-size: 0.16rem;color: #666;line-height: 0.3rem;width: 90%;padding:2% 5%;}
.colorplubottom span{display: block;color: #333;}
.abjiazhi li{height: 150px;width: 44%;margin:1.5% 3%;}
.abjiazhi li p{width: 65%;float: left;}
.abjiazhi li p span{font-size: 0.16rem;color: #333;}
.abjiazhi li img{display: block;width: 23%;float: right;}
.abfour-column li{width: 16%;float: left;border-left: 1px solid #dfe0dc;margin:1%;color: #333;padding:3% 3%;}
.abfour-column li span{display: block;font-size: 0.26rem;text-align: center;margin-bottom: 5%}
.abfour-column li p{font-size: 0.16rem;color: #666;line-height: 0.28rem;}
.abfour-column li:last-child{border-right: 1px solid #dfe0dc;}
/*关于我们-感言*/
.highlight-title1{font-size: 0.14rem;color: #666;padding:3% 0;}
.tjbox{margin-bottom: 3%;}
.tjbox .ln_news{height: 500px;opacity: 1;bottom:0;}
.tjbox .hlnlbox:hover{box-shadow: none;}
.tjbox .hlnlbox:hover img{transform: scale(1);}
.tjbox .hlnltxt{line-height: 0.27rem;color: #333;}

/*项目资源*/
.xmtishi{margin-bottom: 3%;}
.xmtsinfo{width: 50%;}
.xmtsimg{width: 40%;}
.xmtsimg img{width: 100%;}
.xmtsinfo em{font-size: 0.14rem;color: #333;display: block;margin-top: 3%;}
.xmtsinfo h3{font-size: 0.24rem;color: #333;margin:2% 0;font-weight: 100}
.xmtsinfo p{font-size: 0.16rem;color: #666;line-height: 0.28rem;}
.xmxztime li{width: 25%;float: left;min-height: 200px; margin:1%;background-color: #fff;color: #333;padding:3% 3%;}
.xmxztime li span{display: block;font-size: 0.4rem;}
.xmxztime li span i{display: block;background-color: #333;width: 40px;height: 3px;margin-top: 5%;}
.xmxztime li h1{font-size: 0.2rem;padding:10% 0;font-weight: 100;}
.xmxztime li p{font-size: 0.16rem;color: #666;}
/*项目支持*/
.xmzcleft{width: 35%;float: left;}
.xmzcright{width: 63%;float: right;}
.xmzcleftbox{background-color: #fff;padding:10%;width: 80%;margin-bottom: 5%;}
.xmzcrightbox{background-color: #fff;padding:5%;width: 90%;margin-bottom: 5%;}
.xmzcbox{margin:3% auto;position: relative;}
.zctit{font-size: 0.22rem;text-align: center;color: #333;margin-bottom: 5%;font-weight: 100;}
.zctit i{display: block;background-color: #333;width: 60px;height: 1px;margin: 5% auto 0;}
.xmzcleft dl{font-size: 0.18rem;color: #333;line-height: 0.38rem;}
.xmzcleft dd a{font-size: 0.16rem;color: #666;line-height: 0.35rem;display: block;text-indent: 7%;}
.xmzcleft dd a:hover,.xmzcleft dt a:hover{color: #00833e;}
.xmzcleft dt a{display: block;font-size: 0.18rem;color: #333;line-height: 0.38rem;}
.ninfo_ntit{ width:100%; height:0.5rem; line-height:0.5rem;  text-align:center; font-weight:100; color:#333;font-size:0.24rem;}
.jhurl{ width: 100%;height: 0.3rem;line-height: 0.3rem;text-align: center;font-size: 0.12rem;color: #777;}
.view_con{ font-size:0.15rem; line-height:0.33rem; color:#666;}
.view_con img.fc{padding: 10px 0;max-width: 99%;height: auto !important;margin:0px auto;display: block;}
.view_con img{padding: 10px 0;max-width: 99%;height: auto !important;margin:0px auto;display: block;}
.nico{display: block;margin:4% auto;width: 110px;}
.lxform li{margin-bottom: 3%;}
.lxform span{display: block;font-size: 0.14rem;color: #666;padding:1% 0;}
.lxform span i{color: #00833e;display: inline-block;}
.lxform input{border: 2px solid #eeeded;width: 48%;height: 0.4rem;line-height: 0.4rem;padding-left: 5px; background: none;font-size: 0.15rem;color: #333;}
.lxform textarea{border:2px solid #eeeded;width: 100%;height: 0.8rem;background: none;padding-left: 5px;font-size: 0.16rem;color: #333;}
button.lxsubmit{width: 135px;height: 40px;line-height: 40px;font-size: 0.16rem;color: #fff;text-align: center;background-color: #00833e;margin-top: 3%;float: right;border:1px solid #00833e;position: relative;overflow: hidden;}
button.lxsubmit:hover{background: none;color: #00833e;text-decoration:none;}
.he_line{width: 100%;height: 4px;background-color: #000;clear: both;font-size: 0;overflow: hidden;margin:3% auto;}
/*新闻资讯*/
.news_con{ font-size:0.15rem; line-height:0.33rem; color:#666;}
.news_con img{padding: 10px 0;max-width: 99%;height: auto !important;margin:0px auto;display: block;}
.nrbox{clear: both;padding:5%;width: 90%;display: block;margin-bottom: 3%;background-color: #fff;}
.nrbox a.nrimg{display: block; width: 100%;margin:2% 0;overflow: hidden;text-align: center;}
.nrbox a.nrimg img{height: auto;width: 100%;}
.nrbox dd{width: 100%;line-height: 0.26rem;padding-top: 2%;overflow: hidden;}
.nrbox dt em{line-height: 0.3rem;color: #333333;font-style: normal;}
.nrbox dt em a{color: #333333;transition: 0.5s;font-size: 0.17rem;}
.nrbox dd p{color: #888;font-size: 0.14rem;width: 100%;overflow: hidden;}
.nrbox dd em a:hover,.nrbox:hover em a{color:#00833e;}

a.btn{width: 15%;height: 0.45rem;line-height: 0.45rem;margin:3% auto;background-color: #008a52;color: #fff;font-size: 0.16rem;text-align: center;display: block;vertical-align: middle;position: relative;overflow: hidden;}
.newsinfobox{width: 100%;background-color: #fff;}
.context{ width:90%;line-height:0.4rem; padding:2% 5% 3% 5%;border-top: 1px solid #ccc;}
.context ul{ margin:0; padding:0;}
.context ul li{ width:90%; height:0.4rem; line-height:0.4rem;color:#333;font-size: 0.16rem;}
.context ul li a{color: #666;}
.newsinfobox .xmzcrightbox{margin-bottom: 0;padding: 5% 5% 3% 5%;}
.context ul li a:hover{color:#00833e;}





@media screen and (max-width: 1024px) { 
.colorbox1,.proinfo{width: 99%;}
.colorbox1 li{width: 31.33%;}
.swiperbottom p{display: none;}
.swiper-container .swiper-pagination{text-align: center;left: 0;}
.profooterContent{width: 60%;}


}
@media screen and (max-width: 960px) { 
.colorbox1 li{width: 48%;}
.colorbox1 li span{font-size: 0.24rem;}
.returnmenu h1{font-size: 0.35rem;}
.ln_news{float: none;width: 100%;margin:5% 0;}
.fangbox{position: relative;bottom:0;left: 0;width: 86%;}
.probgimg{position: relative;}
.probox{width: 90%;float: none;top:0;left: 0;right: 0;padding:5%;}
.proinfoleft,.proinforight{float: none;clear: both;width: 95%;margin:0px auto;}
.profooterContent a{font-size: 0.5rem;}
.profooterContent{width: 70%;font-size: 0.24rem;}
.profooterContent a.Leadermore{margin-top: 10%;}
.sntwo-column li,.snthree-column li{width: 100%;float: none;margin-bottom:5%;}
.snthree-column li h3,.snthree-column li ul,p.pfsn_txt{padding:3% 0;}
.snthree-column li ul li{margin: 3%;}
.snthree-column1 ul div{min-height: 300px;}
.xmxztime li h1{padding:5% 0;}
div.pfscinfo div.proinforight2,div.pfscinfo .proinfoleft{width: 100%;float: none;}

.proimgbox .ntitle p{ text-align:left !important;}
.proimginfo div.ntitle3 p{ width:100%;}
.choose-color-left{ width: 100%; float:none;}
.choose-color-left-image {width: 90%;height: 250px; display:block; margin:0px auto;background-position: center center !important;background-size: 100% 100% !important;}
.choose-color-right{width: 100%; float:none;padding-left: 0;}
.color-viewer-top-right-colors-color {
	width:14.67%;
	height:50px;
	margin:1%;
}
.choose-colorbox{ height:auto;}


}
@media screen and (max-width: 680px) { 
.colorbox1 li{width: 95%;margin:3% auto;float: none;}
.ln_news{margin:8% 0;}
div.nlnlbox1 .highlight-title,div.nlnlbox1 .nlntxt,div.nlnlbox2 .highlight-title,div.nlnlbox2 .nlntxt{float: none;width: 100%;}
.snthree-column1 ul div{min-height: 180px;}
.snthree-column li h3{font-size: 0.28rem;}
.snthree-column li ul li,p.pfsn_txt{font-size: 0.24rem;}
.abjiazhi li{height: 100px;}
.abjiazhi li img{width: 18%;}
.xmzcleft,.xmzcright{width: 100%;float: none;}
.tjbox .ln_news{height: 300px;}
.xmxztime li{width: 94%;float: none;padding: 3% 3%;min-height:auto;}
.xmxztime li h1{padding:3% 0;}
.cinfobox-left,.cinfobox-right{width: 100%;float: none;padding:0;}
.caseinfobox,.showcasetxt{width: 90%;margin:0px auto;padding:3% 5%;background-color: #fff;}
.cinfotxt{padding: 3% 0 3% 0;}
.cinfotxt p,.profooterContent a.Leadermore,.proiinfobox ul{font-size: 0.24rem;}
.cifbimg1,.colorplusleft,.xmtsinfo{width: 100%;float: none;margin:0 0 3% 0;}
.cifbimg2{width: 48%;float: left;margin-left:0;}
.cifbimg3{width: 48%;float: left;margin-left:2%;}
.cinfobox-right{min-height: 420px;}
.showcase,.showcase2{width:100%;margin:3% auto 0;}
.showcasetxt,.showcase_right2 p,.sntwo-column p,div.abldinfo .proinforight,.abfour-column li p{font-size: 0.24rem;line-height: 0.4rem;}
.cinfo_color,.colorplusright{display: none;}
.protit p,.returnmenu a,.proimgbox .ntitle p{font-size: 0.22rem;}
.returnmenu a{padding-left: 6%;}
.returnmenu .container,div.ntitle3 p{width: 98%;}
span.proiinfo_img,.proiinfobox,div.abldinfo .proinforight{width: 100%;float: none;margin-bottom: 3%;}
span.proiinfo_img{max-height: 180px;}
.protit_p p{width: 98%;line-height: 0.4rem;}
.proimgright span{font-size: 0.18rem;}
.colorbox1 li em img{height: auto;display: block;margin:0px auto;}
div.pfscinfo .proinforight p{margin-top: 3%;font-size: 0.24rem;}
.ntitle .bigfont,.protit_p .bigfont{width: 80%;font-size: 0.22rem;}
.sntwo-column span{font-size: 0.26rem;}
div.pfscinfo .proinforight{width: 98%;line-height: 0.4rem;font-size: 0.24rem;margin-bottom: 3%;}
.pfscrtxt{width: 90%;font-size: 0.24rem;}
.waterproof p,.pfscrtxt1{width: 90%;font-size: 0.22rem;}
a.probtn1{width: 40%;font-size: 0.22rem;height: 0.55rem;line-height: 0.55rem;}
.ntitle p,.abldtime li p,.colorplusleft p,.colorplubottom{font-size: 0.22rem;line-height: 0.35rem;}
.abldbox .hlnltxt{line-height: 0.4rem;}
.abldtime li{width: 96%;float: none;margin:0 0 3% 0;min-height: 100px;}
.abldtime li h1{font-size: 0.5rem;}
p.pfsn_txt1{width: 95%;font-size: 0.24rem;line-height: 0.4rem;}
div.abthree-column ul div{min-height: 0;}
.slide_nav{width: 95%;margin-left: -43%;}
.slide_nav a{font-size: 0.24rem;width: 31%;}
div.bigeyeBox{height: 150px;}
.abjiazhi li p span,.highlight-title1,.lnico,.xmxztime li h1{font-size: 0.26rem;}
.abjiazhi li{height: 150px;}
.abjiazhi li img{width: 27%;}
.abfour-column li{width: 100%;float: none;margin:0 0 3% 0;border-left: none;border-bottom: 1px solid #dfe0dc;}
.abfour-column li{padding:0;}
.abfour-column li:last-child{border-right:none;}
.proinforight,.xmtsinfo p,.xmxztime li p,.view_con,.xmzcleft dl,.xmzcleft dt a{font-size: 0.24rem;line-height: 0.4rem;}
.tjbox .hlnltxt{line-height: 0.4rem;}
.tjbox .ln_news{height: auto;}
.proimgright p,.xmtsimg{display: none;}
.xmtsinfo em,.zctit{font-size: 0.26rem;color: #00833e;font-weight: 700;}
.colorbox1 li span{padding-top: 15%;}
.snthree-column li ul{min-height: auto;}
.xmzcleft dd a{font-size: 0.22rem;}
.xmzcleftbox{padding:3% 5%;width: 90%;}
.ninfo_ntit,button.lxsubmit,.nrbox dt em a{font-size: 0.26rem;}
.jhurl,.lxform span{font-size: 0.18rem;}
div.swiper-container1 .swiperbottom{width: 27%;margin-left: -13%;}
.nrbox dd p,.news_con{font-size: 0.24rem;line-height: 0.4rem}
.context ul li{font-size: 0.24rem;}

.proimgright span{margin-top:12%;}
.choose-color-left p{ line-height:20px;}
.proimgleft,.proimgright{ height:100px;}

}


/*项目案例*/
.xmcasebox{height: auto; background-color: #fff;margin:3% auto 1%;position: relative;}
.xmcboxlist{ width: 98%;margin: 0 auto 4%;padding: 1% 0px;}
.xmcasebox-list li{width:31.33%; float:left; margin:1%;}
.xmcasebox-list li em{ width:100%; height:210px; display:block; overflow:hidden; position:relative;}
.xmcasebox-list li em img{ display:block; width:100%; height:auto; transition:0.5s; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.xmcasebox-list li span{ display:block; width:100%; line-height:0.35rem; font-size: 0.16rem;color: #333; text-align:center;}
.xmcasebox-list li:hover em img{-webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;} 

.xmcasebox table{ width:94%; margin:0px auto 5%;}
.xmcasebox table td{ line-height:0.4rem; font-size:0.14rem; color:#666;}

.viewimg_box{}
.viewimg_box{ font-size:0.15rem; line-height:0.33rem; color:#666;}
.viewimg_box img{padding: 10px 0;max-width: 99%;height: auto !important;margin:0px auto;display: block;}