
.banner{height: 640px;}
.flexslider{position:relative;height:100%;overflow:hidden;transition: all 0.3s;}
.slides{position:relative;z-index:1;}
.slides li{height:640px;}
.slides li a{display: block;height:100%;}

.flex-direction-nav{position:absolute;z-index:10;width:50%;bottom:0;right: 0;height: 90px;background-color: #fff;}
.flex-direction-nav li a{display:block;width:50px;height:90px;overflow:hidden;cursor:pointer;position:absolute;z-index: 10;}
.flex-direction-nav li a.flex-prev{right:170px;background:url(../images/prev.png) center center no-repeat;transition: all 0.3s;}
.flex-direction-nav li a.flex-next{right:30px;background:url(../images/next.png) center center no-repeat;transition: all 0.3s;}
.flex-direction-nav li a:hover{background-size: 20px;transition: all 0.3s;}
.flexslider:hover .flex-direction-nav{opacity:1;}

.flex-control-nav{position: absolute;z-index: 11;width:60px;bottom: 0;right: 108px;height: 90px;}
.flex-control-nav li{position: absolute;z-index: 2;width: 60px;height: 90px;}
.flex-control-nav li a{color: #ffffff;width: 60px;line-height: 90px;text-align: center;display: none;}
.flex-control-nav li .flex-active{display: block;font-size: 28px;color: #15843b;font-weight: bold;font-family: te2;}
.flexslider .flex-pauseplay{position: absolute;z-index: 10;width: 100px;height: 100px;background-color: #0D6A28;top: 50%;right: 0;text-align: center;line-height: 100px;}
.banner .num{position: absolute;right: 87px;z-index: 13;bottom: 30px;font-size: 24px;color: #939393;}
.banner .num span{font-size: 14px;font-family: te2;font-weight: bold;}

/*关键词*/
.keywords{min-height: 90px;overflow: hidden;background-color: #fff;margin-top: -90px;padding: 0 50px;position: relative;z-index: 10;margin-right: 220px;}
.keywords h2{margin-top: 35px;}
.keywords a{color: #333333;font-size: 14px;float: left;margin:5px 10px;}
.keywords a:hover{color: #15843b;}

/*关于*/
.about{}
.about .title{text-align: center;margin-top: 42px;margin-bottom: 40px;}
.about .title .p1{line-height: 40px;font-weight: bold;font-size: 28px;color: #333333;}
.about .title .p2{line-height: 30px;color: #666666;}
.about .title .p3{}

.about .right{width: 50%;float: right;min-width: 605px;height: 355px;}
.about .left{width: 440px;float: right;margin-right: 165px;}
.about .left .p1{font-size: 22px;color: #333333;font-weight: bold;line-height: 30px;}
.about .left .p2{color: #999999;}
.about .left .des{line-height: 28px;height: 168px;color: #333333;margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient: vertical;}
.about .left .des:hover{color:#15843b;}
.about .left .p3{margin-top: 15px;color: #999999;}
.about .left .p3 img{transition: all 0.3s;}
.about .left .p3:hover img{margin-right: 5px;}
.about .left .p3:hover{color:#15843b; }


.product{margin-top: 70px;height: auto;overflow: hidden;}
.product .class{position: relative;}
.product .class li{line-height: 50px;height: 50px;background-color: #0D6A28;width: 610px;float: left;  text-align: center;}
.product .class li a{color: #ffffff;display: block;}
.product .class li:nth-child(2){
    position: absolute;
    right: 0;
    color: #fff;
    height: 0;
    border-width: 0px 0px 50px 30px;
    border-style: none solid solid;
    border-color: transparent transparent #15843B;
}
.product .show{margin-top: 40px;}
.product .show li{width: 380px;margin-right: 35px;float: left;}
.product .show li img{width: 380px;height: 210px;transition: all 0.3s;filter: brightness(0.9);}
.product .show li p{line-height: 54px;height: 54px;background-color: #F9F9F9;color: #666666;text-align: center;padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.product .show li:hover img{filter: brightness(1)}
.product .show li:hover p{color:#15843B;font-weight: bold; }

/*案例*/
.case{background: url("../images/case-bg.jpg") no-repeat center;margin-top: 100px;padding-top: 1px;}
.case .title{text-align: center;}
.case .title .p1{font-weight: bold;color: #333333;font-size: 27px;line-height: 40px;margin-top:45px;}
.case .title .p2{line-height: 27px;color: #333333;}
.case .show{width: 1170px;margin:  auto;background: url("../images/casebg.png") no-repeat center top;height: 475px;overflow: hidden;margin-top: 50px;}
.case .show li{float: left;width: 260px;height: 130px;text-align: center;}
.case .show .li1{margin-left: 85px;margin-top: 330px;}
.case .show .li2{margin-left: -27px;margin-top: 170px;}
.case .show .li3{margin-left: 0px;margin-top: 170px;}
.case .show .li4{margin-left: 0px;margin-top: 330px;}
.case .show li .p1{font-size: 36px;color:#333333;font-family: BodoniBT-Roman;line-height: 50px; }
.case .show li .p2{font-weight: bold;color: #333333;line-height: 30px;}
/*.case .show li:hover .p1{color: #15843B;}*/
/*.case .show li:hover .p2{color:#15843B;}*/
.case .show ul .on .p1{color: #15843B;}
.case .show ul .on .p2{color:#15843B;}

.case .show .showimg{width: 390px;height: 390px;border-radius: 50%;border: 15px solid #fff;overflow: hidden;position: absolute;z-index: 100;margin-left: 375px;margin-top: -195px;}
.case .show .showimg img{width: 390px;height: 390px;display: none;border-radius: 50%;}
.case .show .showimg .on{display: block;}

.case .msg{height: 165px;background-color: #15843B;}
.case .msg .left{width: 335px;font-size: 22px;color: #ffffff;line-height: 30px;margin-top: 50px;float: left;margin-left: 30px;}
.case .msg .left p{text-align-last: justify;}
.case .msg .right{float: right;margin-right: 80px;margin-top: 40px;}
.case .msg .right .p1{font-weight: bold;font-size: 22px;color: #ffffff;line-height: 30px;font-family: Arial;}
.case .msg .right .p2{width: 160px;line-height: 40px;text-align: center;color: #fff;border: 1px solid #fff;float: right;margin-top: 10px;transition: all 0.3s;}
.case .msg .right .p2:hover{background-color: #ffffff;color:#15843B; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);cursor: pointer; }


/*新闻*/
.news{margin-top: 85px;}
.news .title{text-align: center;margin-bottom: 40px;}
.news .title .p1{line-height: 40px;font-weight: bold;font-size: 28px;color: #333333;}
.news .title .p2{line-height: 30px;color: #666666;}
.news .news-show{margin-top: 43px;}
.news .news-show img{float: left;width: 480px;height: 250px;}
.news .news-show ul{width: 690px;float: right;}
.news .news-show ul li{border: 1px solid #EAEAEA;padding: 20px;margin-bottom: 15px;}
.news .news-show ul li .p1{line-height: 25px;color: #333333;font-weight: bold;height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.news .news-show ul li .p2{line-height: 25px;color: #666666;height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.news .news-show ul li:hover{border: 1px solid #15843B;}
.news .news-show ul li:hover .p1{color: #15843B;}
.news .news-show ul li:hover .p2{color: #15843B;}



.news .list{margin-top: 20px;}
.news .list li{float: left;line-height: 60px;height: 60px;width: 480px;}
.news .list li:nth-child(2n+2){float: right;width: 690px;}
.news .list li:nth-child(2n+2) .p1{width:570px; }
.news .list li img{float: left;margin-top: 25px;	-webkit-filter: grayscale(100%); filter: grayscale(100%);transition: all 0.3s;}
.news .list li .p1{float: left;width: 360px;margin-left: 10px;color: #393939;line-height: 60px;height: 60px;transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.news .list li .p2{float: right;color: #666666;}
.news .list li:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%)}
.news .list li:hover .p1{margin-left: 5px;color: #15843B;}

/*联系*/
.contact{margin-top: 40px;height: auto;overflow: hidden;}
.contact .div1{background-color: #15843B;text-align: center;padding-top: 1px;padding-bottom: 120px;}
.contact .div1 .p1{line-height: 40px;color: #ffff;font-weight: bold;font-size: 24px;margin-top: 70px;}
.contact .div1 .p2{width: 160px;line-height: 40px;text-align: center;color: #fff;border: 1px solid #fff;margin: 35px auto;transition: all 0.3s;}
.contact .div1 .p2:hover{background-color: #ffffff;color:#15843B; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);cursor: pointer; }
.contact .div2{background-color: #ffffff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);width: 1150px;padding: 30px;position: relative;margin: -105px auto 0 auto;z-index: 3;}
.contact .div2 .img1{float: left;}
.contact .div2 .right{width: 700px;float: left;margin-left: 50px;}
.contact .div2 .right .p1{font-size: 24px;color: #333333;font-weight: bold;line-height: 50px;margin-bottom: 10px;}
.contact .div2 .right .p2{line-height: 30px;color: #333333;}
.contact .div2 .right .p3{line-height: 30px;font-weight: bold;color: #15843b;font-size: 24px;font-family: Arial;margin-top: 15px;}
.contact .div2 .right .p3 img{margin-right: 10px;}
.contact .div2 .img2{float: right;margin-top: 140px;}

.links{text-align: center;margin-top: 50px;}
.links ul li{display: inline-block;margin: 0 25px;line-height: 30px;color: #454545;font-weight: bold;}
.links ul li a{color: #454545;}
.links ul li:hover a{color: #15843b;}












