@charset "utf-8";
/* CSS Document */
.w1200{width:100%; max-width:1200px; margin:auto;}
.w100{ width:100%; margin:auto; overflow: hidden; }
.clear{ clear:both;}
.nav-height{ height: 90px; line-height: 88px;}

html{ position: relative;}
.head{ background: #fff; z-index: 9;  width:100%; margin:auto;}
.head img{ padding-top: 25px;}
.top{ background: #1c1b21; color: #999; height: 35px; line-height: 35px; position:relative;}
.top span{ float: right;}
.logo{ background: url(../images/logo.png) no-repeat center top; position: absolute; top: auto; left: 45%; width: 150px; height:197px; z-index: 99;}
.nav{ text-align:center; height:120px; line-height:120px; position:relative; width: 100%; max-width: 1200px; margin: auto;}
.nav a{ color:#222;}
.nav .nLi{ float:left; position:relative; display:inline; width:120px;}
.nav .nLi h3{ float:left; font-size:16px; font-weight:normal;}
.nav .nLi h3 a{ display:block; width:120px; line-height: 120px;}
.nav .sub{ display:none; width:130px; left:0; top:120px;  position:absolute; font-size:14px; background:#2082c1; z-index:999;}
.nav .sub li{ zoom:1;  background:#037e00; height:40px; line-height:40px; }
.nav .sub a{ display:block; color:#fff; }
.nav .sub a:hover{ background:#037e00; color:#fff;}
.nav .nLi:nth-child(4n){ margin-right: 18%;}
.nav .nLi:nth-child(8n){ margin-right: 0}
/*导航*/
.banner{ position:relative; width:100%; min-width:1200px; height:auto; max-height:694px; max-width:1920px; overflow: hidden; display:block; margin:auto; }
.banner .hd{ height:15px; overflow:hidden; position:absolute; left: 48%; bottom:20px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; border-radius: 50px; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#c8874b; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; display:block; min-width:1200px; height:100%; }
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:71px; height:71px; background:url(../images/left.png) no-repeat;}
.banner .next{ left:auto; right:3%; background:url(../images/right.png) no-repeat;}
/*banner end*/
.lm-bt,.lm-bt2{ overflow: hidden; width:490px; margin:40px auto; line-height:40px; text-align: center; text-transform: uppercase; font-size:33px; font-weight: bold; }
.lm-bt p{ display: block; color: #037e00;}
.lm-bt p span{ height: 35px; line-height: 35px; display: inline-block; padding-left: 30px; font-size: 16px; color: #666; background: url(../images/lm-bt-dian.png) no-repeat 12px 13px; font-weight: normal;}
/*栏目1*/
.lm-bt2{ color: #fff;}
.lm-bt2 p{ display: block; color: #fff;}
.lm-bt2 p span{ height: 35px; line-height: 35px; display: inline-block; padding-left: 30px; font-size: 14px; color: #fff; background: url(../images/lm-bt-dian2.png) no-repeat 12px 13px; font-weight: normal;}
/*栏目标题*/
.fwxm{ overflow: hidden; }
.fwxm-fl{ overflow: hidden; }
.fwxm-fl P{float: left; width: 20%;}
.data2{width:100%; display:table; position:relative; overflow:hidden;}
.data2 .pic2{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.data2 .image_container a{
	width:100%; display:block;
    float:left;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}
.data2 .image_container a .pic1{
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.data2 .image_container a:hover .pic1{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
}
.data2 .image_container a .pic2{
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;/*z-index:10;
    position:absolute;*/
}
.data2 .image_container a:hover .pic2{
    -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);
    z-index: 10;
    position: absolute;
}
.data2{ margin: 0 auto;}
.data2 .row{width:250px;height:300px; float:left; margin: 0 70px; position:relative; z-index:10;}
.data2 .row p{ display: block; height:50px; line-height: 50px; text-align: center; font-size: 18px; color: #666;}
.data2 .row .pic1{width:100%;height:100%; overflow:hidden;}
.data2 .row .pic2{width:100%;height:100%; overflow:hidden;}
.data2 .row .pic2 img{position:absolute;}
/*项目分类*/
.hj{ width: 100%; background: #f7f7f7; padding: 20px 0; overflow: hidden;}
.hj ul{ overflow: hidden;}
.hj li{ float: left; position: relative; width:285px; height: 210px; overflow: hidden; margin:0 20px 20px 0;}
.hj li img{ width: 100%; height: 100%;}
.hj li:nth-child(4n){ margin:0 0 20px 0;}
.hj li p{ position: absolute; top: 0; left: 0; width:100%; height: 100%; text-align: center; line-height: 210px; background:rgba(0,0,0,0.5); font-size: 16px; color: #fff; display: none;}
.hj li:hover p{ display: block;}

.more{ width: 200px; background: #000; border-radius:50px; text-align: center; padding: 12px 0; text-transform: uppercase; overflow: hidden; margin:10px auto; }
.more a{ color: #fff; display: block; }
/*环境列表*/
.about{ overflow: hidden; }
.about-bd{ position:relative; height: 500px;}
.about-bd img{ position: absolute; left:0; top:0; width: 707px; height: 460px; z-index: -99}
.about-nr{ float:right; width: 480px; padding: 40px 50px 50px; margin: 80px 0; z-index: 999; background: #f7f7f7; }
.about-nr p{ font-size: 20px; text-indent: 0; color: #000;}
.about-nr p span{ font-size: 14px; display: block; color: #777; margin-top: 20px;}
.about-nr font{ width: 60px; height: 2px; line-height: 2px; display: block; background: #037e00; margin: 20px 0; }
.about-nr .ab-more{ border: 1px solid #037e00; display: block;height: 40px; line-height: 40px; width: 150px; margin-top: 20px; text-align: center;}
.about-nr .ab-more a{ color: #037e00;}
/*关于我们*/
.szts{ background: url(../images/ts-bj.jpg) no-repeat center top; background-size:cover; padding-bottom: 60px; }
.szts li{ float: left;text-align: center; margin-right:55px; border: 3px solid #fff; position: relative; overflow: hidden; border-radius: 50%; width: 250px; height: 250px;}
.szts li img{ height: 100%; width: 100%;}
.szts li p{ position: absolute;top: 75%; height: 40px; line-height:40px; text-align: center; font-size: 18px; left: 0; width: 100%; background: rgba(0,0,0,0.5)}
.szts li:nth-child(4n){ margin-right: 0;}
.szts li a{ color: #fff; }
/*特色*/
.new{ padding-bottom: 30px;}
.new ul{ overflow: hidden;}
.new li{ float: left; width:auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 20px; }
.new li img{ float: left; width: 200px; height: 150px;}
.new li p{ float: left; margin-left: 20px; width: 960px; padding-top: 10px;}
.new li span{ display: block; font-size: 14px; color: #888; line-height: 30px;}
/*新闻*/
.foot{ background: #1c1b21; padding: 25px 0 20px;}
.foot-l{ float: left; font-size: 14px;}
.foot-l img{ float: left; width: 100px;}
.foot-l p{float: left; margin-left: 20px; line-height: 33px; color: #666;}
.foot-l p span{ display: block;}
.foot-r{ margin-top: 25px; float: right; width: 300px; padding:10px 0; font-size: 16px; border-radius: 25px; text-align: center; color: #fff; background: #066504}

/****************二级页*****************/
.ejy-ban{ width: 100%; height: auto; max-height: 350px; overflow: hidden;}
.ejy-fl{ margin: 30px auto; float: left; width: 250px; background: #037e00; padding-bottom: 20px;}
.ejy-fl li{text-align: center;  display: block; padding: 10px 0; width: 75%; margin:10px auto; font-size: 16px; border-bottom: 1px dashed #fff;}
.ejy-fl li a{ color: #fff;}
.ejy-fl p{ display: block; padding: 20px; font-size: 22px; color: #fff;border-bottom: 1px solid #fff;}
.ejy-fl p span{ font-size: 12px; margin-left: 10px; text-transform: uppercase; }
/*二级页分类*/
.ejy-right{ width: 920px; margin: 30px 0;float: right;}
.ejy-right-bt{ background: #f2f2f2; height: 50px; line-height: 50px; width: auto;}
.ejy-right-bt p{ padding: 0 20px; float: left; font-size: 18px; background: #037e00; width: auto; color: #fff;}
.ejy-right-bt span{ float: right; width: auto; font-size: 14px; color: #777; padding-right: 10px; }
/*二级页标题*/
.list_news,.list_pro{ width: 920px; margin:20px 0; overflow: hidden;}
.list_news li{ float: left; width:auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 20px; }
.list_news li img{ float: left; width: 200px; height: 150px;}
.list_news li p{ float: left; margin-left: 20px; width: 660px;}
.list_news li span{ display: block; font-size: 14px; color: #888; line-height: 30px;}
/*新闻列表*/
.list_pro{ overflow: hidden;}
.list_pro li{ float: left; position: relative; width:290px; height: 210px; overflow: hidden; margin:0 25px 25px 0;}
.list_pro li img{ width: 100%;}
.list_pro li:nth-child(3n){ margin:0 0 25px 0;}
.list_pro li p{ position: absolute; top: 0; left: 0; width:100%; height: 100%; text-align: center; line-height: 210px; background:rgba(0,0,0,0.5); font-size: 16px; color: #fff; display: none;}
.list_pro li:hover p{ display: block;}
/*产品列表*/
.ejy-about{ line-height: 35px; font-size: 16px; text-indent: 30px; color: #666;}
.ejy-about img{ display: block; margin:25px auto; max-width: 80%; width: auto; }
.ejy-about-nr{ margin: 20px auto;}
.ejy-about-nr img{ display: block; margin:25px auto; width: auto; max-width: 80%;}
.article-bt{ font-size: 20px; text-align: center; margin: 30px auto;}
.article-bt span{ display: block; font-size: 14px; padding: 10px 0; color: #888; border-bottom: 1px dashed #ccc;}