@charset "utf-8";
/* CSS Document */
/*-------------------------index------------------------------------------------------------------ */
/* --banner-*/
.banner{width: 100%;height: auto;overflow: hidden;position: relative;
}
.banner ul{width:400% ;position:relative;left:0;top:0;height: auto;overflow: hidden;}
.banner li{width: 25%;float: left;height: auto;overflow: hidden;}
.banner li img{width: 100%;height: auto;}
.ctrl{position: absolute;left:15%;top:40%;width:70%;}
.ctrl span{font-size: 100px;float: left;color:#fff;font-weight:bold;cursor: pointer;}
.ctrl .right{float:right;}
/* search */
.search{height: 50px;line-height: 50px;font-size: 14px;border-bottom: 1px solid #ccc;display: none;}
.sea_r{margin-top:10px;}
.sea_r .txt{width:214px;height:28px;line-height:28px;padding-left: 10px;border: 1px solid #006633;float: left; 
border-radius:5px 0 0 5px;border-right: 0;}
.sea_r .btn{float: left;width:38px;height: 30px;background:#006633 url(../images/search-btn.png) no-repeat 10px center;color:#fff;border-radius:0 5px 5px 0;padding-left:30px;cursor: pointer;}
.search a{color:#333;font-size: 12px;}

/* content */
.ti{text-align: center;font-size: 30px;font-weight: bold;color:#006633;width:300px;margin:20px auto 20px auto;height: auto;overflow: hidden;}
.ti img{display: block;text-align: center;color:#333;font-size: 26px;}

/*产品展示 */
.product{width: 100%;height: auto;overflow: hidden;}
aside{width:20%;float: left;padding-top: 40px;}
aside h2{background:#006633 ;font-size:20px;line-height: 36px;text-align: center;font-weight: bold;padding-bottom: 10PX;padding-top: 10px;}
aside h2 span{display: block;font-size: 16px;line-height: 20px;}
aside h2 a{color:#fff;}
.main{border: 2px solid #006633;padding-bottom: 60px;}

.main li{line-height: 40px;border-bottom: 1px dashed #ccc;background:url(../images/more.jpg) no-repeat 10px center;padding-left: 40px; transition:all 0.2s;}
.main li:hover{ background-position:20px center;border-bottom: 1px solid #006633;}
.main a{color:#333;display: block; }
.main a:hover{ color:#006633;}
.main .current{color:#006633;}
.aside01{margin-bottom: 10px;}
article{width:78%;float: right;}
.product_top{height: 40px;border-bottom: 2px solid #006633;}
.product_top h3{line-height: 40px;font-size: 18px;background:#006633 ; color:#fff;width:100px;text-align: center;float: left;}
.product_top a{color:#006633;font-size: 14px;background: url(../images/more.jpg) no-repeat right center;padding-right:20px;line-height: 40px;width: 60%;text-align: right;}
.product_top span{float: right;}
@keyframes up{
	0%{ transform:translateY(0px);}
	100%{ transform:translateY(-1100px);}
}
.product_down{overflow: hidden;position: relative;height:460px;}
.product_down table{position:absolute; left:0;top:0;animation:up 20s linear infinite alternate;
-moz-animation:up 20s linear infinite alternate;
-o-animation:up 20s linear infinite alternate;
-ms-animation:up 20s linear infinite alternate;
-webkit-animation:up 20s linear infinite alternate;}
.product_down table:hover{animation-play-state:paused;}

.product_down td{float: left;width: 24%;height: auto;margin-right:1%;}
.product_down td:last-child{margin-right: 0;}
.product_down td img{display: block;border: 1px solid #eee;width:100%;height: auto;}
.product_down a{color:#666;}
.product_down a:hover{color:#006633;}
.product_down a img:hover{border: 1px solid #006633;}
.product_down p{text-align: center;line-height:38px;}
.product_down td span{display: block;height: 150px;overflow: hidden;}
/* about */

.about{overflow: hidden;padding: 80px 5%; margin-top: 30px;margin-bottom: 20px;background:url(../images/aboutbg.jpg) no-repeat;background-size:100% auto;color:#eee;text-align: center;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
-ms-background-size:100% auto;
}
.about a{color:#006633;}
.about_in h3{ font-size:29px; height: 45px;text-align: center;}
.about_in p{ font-size:14px; line-height: 29px; margin-bottom: 18px;text-align: center;}
.about_in a{color:#fff;width: 210px; height:40px; display:inline-block; border: 1px solid #fff;line-height: 40px; transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.about_in a:hover{color:#006633; background: rgba(253,249,249,0.5);}

/* dynamic */
#dynamic{  margin-bottom: 30px;}
.dynamic{height: 170px;}
.dynamic_l{width:64% ; float:left;}
.dynamic_nav{height: 32px; width:100%; border-bottom: 1px solid #006633;}

.dynamic_nav h2{ font-size:20px; color:#006633; float:left;height: 32px;overflow:hidden;}
.dynamic_nav h2 span{color:#006633 ; margin-left: 16px;}


.dynamic_l dl{ border-bottom: 1px dashed #e0e1e5; overflow:hidden;margin-top: 20px;padding-bottom: 10px;}
.dynamic_l dl:hover{ border-bottom: 1px solid #006633;}
.dynamic_l dt{width:10%;}
.dynamic_l .day{display: block;font-size:50px;width:60px;height: 60px;line-height: 50px;text-align: center;border: 2px solid #006633;}
.dynamic_l .year{width: 64px;display: block;font-size: 12px;background: #006633;color:#fff;text-align: center;line-height: 24px;}
.dynamic_l h4{height:30px; font-size:16px; font-weight: bold; margin-top:8px;}
.dynamic_l dd{line-height: 20px;width:88%;}
.dynamic_l a{max-height:60px;overflow: hidden;display: block;line-height: 30px;}
.dynamic_r{width:30%; float:right; }

.dynamic_r img{display: block; width:100%;margin-top: 25px;}
.dynamic_r h3{font-weight: normal; font-size:18px; margin-top: 26px; text-align: center;}