.slideBox{width:100%;height:880px;overflow:hidden;position:relative;min-width:1360px}
.slideBox .hd{height:5px;overflow:hidden;position:absolute;right:0;bottom:5px;z-index:1;left:0}
.slideBox .hd ul{overflow:hidden;zoom:1;text-align:center;font-size:0}
.slideBox .hd ul li{display:inline-block;margin:0 3px;width:40px;height:5px;background:#fff;cursor:pointer;border-radius:12px}
.slideBox .hd ul li.on{background:#f00;color:#fff}
.slideBox .bd{position:relative;z-index:0}
.slideBox .bd li{height:880px;background-repeat:no-repeat;background-position:center top}
.slideBox .prev,.slideBox .next{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(../images/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5}
.slideBox .next{left:auto;right:3%;background-position:8px 5px}
.slideBox .prev:hover,.slideBox .next:hover{filter:alpha(opacity=100);opacity:1}
.slideBox .prevStop,.slideBox .nextStop{display:none}

.sub-nav{position:absolute;margin:-55px 0 0 -585px;left:50%;height:100px;background:url(../images/sub.jpg) no-repeat;line-height:1.8}
.sub-nav li{width:267.5px;float:left;padding:25px 0 0 25px;height:75px}
.sub-nav li .zh,.sub-nav li .en{color:#fff}
.sub-nav li.l4 .zh,.sub-nav li.l4 .en{color:#2f7ad2}
.sub-nav li .zh{font-size:16px}
.sub-nav li .en{font-size:12px}

.title{font-size:40px}
.title span{font-size:20px;color:#b2b2b2}
.title span:before{content:'/';margin:0 15px}
.sub-title{font-size:30px;position:relative;color:#006335;line-height:70px}
.sub-title:after{content:'';position:absolute;left:0;bottom:0;width:60px;height:3px;background:#006335;overflow:hidden}
.content{font-size:16px;line-height:2;color:#666}

.dis-m{display:inline-block;vertical-align:middle}
.a:before,.a:after{content:'';position:absolute;border:1px solid #c2b068;box-sizing:border-box;z-index:-1;transition:0.3s ease 0s}
.a:after,.a:hover:before{height:100%;width:95%;top:0;left:2.5%}
.a:before,.a:hover:after{width:100%;height:86%;left:0;top:7%}
.a{transition:0.3s ease 0s;color:#c2b068 !important;width:200px;height:70px;text-align:center;display:block;position:relative;line-height:70px;z-index:1}
.a i{transition:0.3s ease 0s;width:14px;height:1px;background:#c2b068;margin-left:20px}
.a i:before{transition:0.3s ease 0s;content:'';display:block;height:1px;width:9px;background:#c2b068;transform-origin:right;margin-left:auto;transform:rotateZ(30deg)}
.a:hover i{margin-left:10px}

.about-box{background:url(../images/about.jpg) no-repeat top right;min-height:545px}
.about-box .text{width:600px}
.about-box .content{margin-top:30px}
.about-box .a{margin-top:40px;color:#006335 !important}
.about-box .a:before,.about-box .a:after{border-color:#ccc}
.about-box .a i,.about-box .a i:before{background:#006335}

.about-icons{border:1px solid #ccc;border-left:0;margin-top:40px}
.about-icons li{float:left;border-left:1px solid #ccc;height:168px;background:url(../images/i1.png) no-repeat 30px center;width:348px;cursor:pointer}
.about-icons li .zh,.about-icons li .en{padding-left:140px}
.about-icons li .zh{font-size:24px;color:#333;padding-top:55px}
.about-icons li .en{font-size:16px;color:#999;padding-top:5px;text-transform:uppercase}
.about-icons li:nth-child(2){background-image:url(../images/i2.png)}
.about-icons li:nth-child(3){background-image:url(../images/i3.png)}
.about-icons li:nth-child(4){background-image:url(../images/i4.png)}
.about-icons li:nth-child(1):hover{background-image:url(../images/i1a.png)}
.about-icons li:nth-child(2):hover{background-image:url(../images/i2a.png)}
.about-icons li:nth-child(3):hover{background-image:url(../images/i3a.png)}
.about-icons li:nth-child(4):hover{background-image:url(../images/i4a.png)}
.about-icons li:hover .zh,.about-icons li:hover .en{color:#c2b068}

.lists-box{background:url(../images/p.jpg) no-repeat top center;padding-top:50px}
.lists-box .title{text-align:center}
.lists-box .content{margin-top:30px;text-align:center}
.lists-box .a{margin:30px auto}

.lists-list{width:105%}
.lists-list li{float:left;width:450px;margin:0 25px 25px 0}
.lists-list li .imgs{width:450px;height:360px;overflow:hidden}
.lists-list li .imgs img{transition:all ease 1s;-webkit-transition:all ease 1s;width:450px;height:360px}
.lists-list li .imgs img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}
.lists-list li .txts{text-align:center;font-size:16px;height:50px;line-height:50px;display:block}

.pro-box{height:800px;background:url(../images/product.jpg) no-repeat top center}
.pro-box .left{width:380px;padding-top:80px;float:left}
.pro-box .left ul{margin-top:7%;width:300px}
.pro-box .left li{position:relative;transition:0.5s linear 0s;padding:20px 0;cursor:pointer;line-height:1;margin-bottom:3%}
.pro-box .left li:after{content:'';position:absolute;width:0;height:2px;background:#c2b068;top:50%;left:90%;transition:0.3s ease 0s }
.pro-box .left li span{display:inline-block;transition:0.3s ease 0s;font-size:18px;color:#333;vertical-align:middle;margin-left:10px;position:relative}
.pro-box .left li i{transition:0.3s ease 0s;display:inline-block;vertical-align:middle;width:11px;height:11px;box-sizing:border-box;border:2px solid #006335;border-radius:50%}
.pro-box .left li.on{padding-left:4%;background:#006335}
.pro-box .left li.on i{opacity:0}
.pro-box .left li:hover span{color:#006335}
.pro-box .left li.on span{color:#fff}
.pro-box .left li.on:after{width:100px;transition:0.3s ease 0.1s}
.pro-box .right{padding-top:70px;width:1020px;float:right;background:url(../images/pro-img-bg.png) no-repeat 0 70px;height:730px;overflow:hidden}
.pro-box .right li{display:none}
.pro-box .right li .imgs{float:left;width:655px;height:656px;position:relative}
.pro-box .right li .imgs img{transition:all ease 1s;-webkit-transition:all ease 1s;width:auto;height:auto;max-width:655px;max-height:656px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}
.pro-box .right li .imgs img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}
.pro-box .right li .txts{float:right;width:300px;padding-top:100px;color:#fff}
.pro-box .right li .txts h2{font-size:30px;font-weight:normal;margin-bottom:20px}
.pro-box .right li .txts p{font-size:16px;line-height:2}
.pro-box .right li .txts a{margin-top:40px}

.newslist{margin-top:20px}
.newslist li{width:773px;border:1px solid #ddd;height:288px;margin-top:20px;float:right;position:relative}
.newslist li .imgs{display:none}
.newslist li .imgs img{transition:all ease 1s;-webkit-transition:all ease 1s;width:600px;height:380px}
.newslist li:hover .imgs img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.newslist li .txts{box-sizing:border-box;-webkit-box-sizing:border-box;padding:30px 20px}
.newslist li .txts h2{font-size:20px;margin-bottom:10px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.newslist li .txts p{font-size:16px;line-height:2;color:#666}
.newslist li:not(:first-child) .data{transition:all ease 1s;-webkit-transition:all ease 1s;background:#f2f2f2;box-sizing:border-box;-webkit-box-sizing:border-box;height:120px;position:absolute;bottom:0;left:0;right:0;font:16px/1.3 Arial;padding:30px 20px;color:#999}
.newslist li:not(:first-child) .data span{display:block;font-size:30px}
.newslist li:not(:first-child) .data i{margin-top:-18px;top:50%;right:20px;position:absolute;display:block;font:bold 14px SimSun;width:36px;height:36px;line-height:36px;text-align:center;border:1px solid #ddd;border-radius:50%}
.newslist li:first-child{width:600px;float:left;border:0;height:600px}
.newslist li:first-child .imgs{width:600px;height:380px;overflow:hidden;display:block}
.newslist li:first-child .txts{transition:all ease 1s;-webkit-transition:all ease 1s;height:220px;background:#f2f2f2;position:relative;padding:40px 20px}
.newslist li:first-child .txts h2{margin-bottom:20px}
.newslist li:first-child .txts h2,.newslist li:first-child .txts p{float:left;width:355px}
.newslist li:first-child .data{color:#999;border-left:1px solid #999;float:right;padding-left:20px;width:140px;height:140px;position:absolute;right:20px}
.newslist li:first-child .data span{display:block;font-size:30px}
.newslist li:first-child .data i{margin-top:20px;display:block;font:bold 14px SimSun;width:36px;height:36px;line-height:36px;text-align:center;border:1px solid #ddd;border-radius:50%}
.newslist li:hover{box-shadow: 0 0 25px 0 rgba(0,0,0,0.15);border-coloe:#006335}
.newslist li:first-child:hover .txts,.newslist li:not(:first-child):hover .data{background:#006335;color:#fff}
.newslist li:first-child:hover .txts h2,.newslist li:first-child:hover .txts p,.newslist li:first-child:hover .data{color:#fff}