*{font-size: 14px; letter-spacing: 1px;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both; overflow: hidden;}
.center{width: 1200px; margin: 0 auto;}
ul li a:hover, a:hover{color: #009f40;}

.wrap{}

/*top*/
.top{background: #f3f3f3; height: 30px; line-height: 30px; font-size: 12px; color: #666;}
.top span{font-size: 12px;}
.top .tel{color: #009f40; padding-left: 26px; background: url(../images/t_tel.jpg) no-repeat left center;}

.logo{position: relative; margin-top: 11px;}
.logo img{width: auto; height: 82px; float: left;}
.logo a .txt{position: relative; float: left; color: #333; letter-spacing: 3px; margin: 7px 0 0 15px; padding-left: 15px;}
.logo a .txt:before{content: ''; width: 1px; top: 10px; height: 56px; left: 0;  position: absolute;}
.logo a .txt strong{font-weight: bold; display: block; letter-spacing: 8px; font-family: ""; font-size: 32px; padding-bottom: 5px;}

/*nav*/
.nav{height: 105px;}
.nav .menuBtn, .nav.mobileBg{display: none;}
.navList{/*background: url(../images/nav_line.jpg) no-repeat right top;*/ height: 105px;}
.navList .li1{width: 120px; float: left; /*background: url(../images/nav_line.jpg) no-repeat left top;*/ height: 105px; position: relative; z-index: 1000;}
.navList .li1 a.liA{display: block; height: 60px; line-height: 60px; width: 100%; margin-top: 22px;}
.navList .li1 a.liA span{display: block; width: 100%; text-align: center; font-size: 18px; letter-spacing: 0; color: #000;}
.navList .li1:first-child a span{}
.navList .li1 a.liA em{font-style: normal; float: left; letter-spacing: 0; font-size: 12px; zoom:0.78; color: #999; margin: 24px 0 0 -2px;
-webkit-text-size-adjust: none; writing-mode:vertical-lr; display: none;}
.navList .hover a.liA{/*background: url(../images/lei_x.jpg) no-repeat center bottom;*/}
.navList .hover a.liA span{color: #ffffff;}
/*.navList .hover a.liA em{color: #ccc;}*/
.navList .subList{position: absolute; z-index: 1000; background: #6a6a6a; left: 50%; margin-left: -60px; top: 105px; padding: 6px 0; display: none; width: 120px;}
.navList .hover .subList{display: block;}
.subList p{background: url(../images/tit.jpg) no-repeat 18px center; padding: 20px 10px 6px 35px;height: 30px;}
.subList p a{display: block; color: #fff; font-size: 14px;}
.subList p a:hover{color: #ffffff;}

/*banner*/
.slide-main{height:750px;position:relative; z-index:100;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:20px;}
.next{right:20px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:24px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);overflow:hidden;}
.item a.cur{background:#009f40;}
.slide-box,.slide{display:block;width:100%;height:100%;}
.slide-box{position:relative;}
.slide{display:none;height:100%;padding-top:0px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstyle_1{background:#fa7e66;}
#bgstyle_2{background:#fed369;}
#bgstyle_3{background:#fefb69;}
#bgstyle_4{background:#a4fe69;}
#bgstyle_5{background:#69fee8;}
#bgstyle_6{background:#698efe;}
#bgstyle_7{background:#a969fe;}

/*main*/
.titleDiv{background: url(../images/lei_x.jpg) no-repeat center bottom; padding-bottom: 2px; margin-top: 100px;}
.titleDiv p{text-align: center;}
.titleDiv .th{font-size: 42px; font-weight: bold; color: #1d1d1f; line-height: 54px;height: 54px;margin-bottom: 18px;}
.titleDiv .th1{font-size: 28px; font-weight: bold; color: #1d1d1f; line-height: 36px;height: 54px;}
.titleDiv .brief{font-size: 13px; color: #666; line-height: 22px;}

/**/
.iconList{overflow: hidden; margin: 36px 0 0; width: 1230px;}
.iconList li{float: left; margin-right: 26px; width: 219px; height: 220px; position: relative;}
.iconList li a{display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-color: #f5f5f5;}
.iconList li a:hover{background-color: #009f40; background-repeat: no-repeat; background-position: center center;}
.iconList li.li1 a{background-image: url(../images/b2.png);}
.iconList li.li2 a{background-image: url(../images/a1.png);}
.iconList li.li3 a{background-image: url(../images/c2.png);}
.iconList li.li4 a{background-image: url(../images/dd2.png);}
.iconList li.li5 a{background-image: url(../images/e2.png);}
.iconList li.li1 a:hover{background-image: url(../images/b21.png);}
.iconList li.li2 a:hover{background-image: url(../images/a01.png);}
.iconList li.li3 a:hover{background-image: url(../images/c21.png);}
.iconList li.li4 a:hover{background-image: url(../images/dd21.png);}
.iconList li.li5 a:hover{background-image: url(../images/e21.png);}
.iconList li a span{display: block; padding-top: 75%; width: 100%; text-align: center; color: #666; font-weight: 500; font-size: 16px;}
.iconList li a:hover span{color: #fff;}

/*proList*/
.proDiv{overflow: hidden; margin: 36px 0 0;}
.proList{overflow:  hidden; float: left; width: 928px;}
.proList li{float: left; width: 280px; margin: 0 24px 14px 0;}
.proList li p.pro{width: 100%; height: 229px; overflow: hidden; border: 1px solid #e8e8e8;}
.proList li img{width: 100%; height: 100%;}
.proList li p.name{position: relative; text-align: center; padding: 15px 0px 15px 0px;background: #f5f5f5;}
/*.proList li p.name:before{position: absolute; content: ''; width: 2px; height: 18px; bottom: 6px; left: 0; background: #396843;}*/
.proList li p.name a{font-size: 16px; font-weight: 500; color: #000;}
.proList li p.name a:hover{color: #009f40;}

.ad1{float: right; width: 272px; height: 579px;}
.ad1 img{display: block; width: 100%; height: 100%;}

/*aboutBox*/
.aboutBox{ background: #f5f5f5; overflow: hidden;padding: 80px 0px 80px 0px;}
.focus{ position:relative; width:580px; height:400px; background-color: #000; float: left;}  
.focus img{ width: 580px; height: 400px;} 
.focus .shadow .title{width:580px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:580px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; margin-left:0px; font-family:Microsoft YaHei,Arial; font-weight:500; color:#FFFFFF; z-index:10; font-size:16px; height:50px; line-height: 50px;background:rgba(0,0,0,0.6); 
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block; text-align:center; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.aboutDiv{padding-left: 40px; width: 580px; float: left;}
.aboutDiv .titleDiv{margin-top: 20px; width: 140px; background-position: -250px bottom; padding-bottom: 10px;}
.aboutDiv .titleDiv p{text-align: left;}
.aboutDiv .titleDiv p.en{font-size: 12px; color: #999; margin-top: -5px;}
.aboutCon{line-height: 28px; overflow: hidden; text-align: left; color: #666; margin-top: 4px;}
.aboutCon p{margin: 0px 0;}
.aboutDiv a.more{border: 1px solid #888; padding: 20px 40px; display: inline-block; color: #333; margin-top: 6px;}
.aboutDiv a.more:hover{color: #FFFFFF; border-color: #009f40;background: #009f40;}

/*tabBox*/
.tabBox{width: 400px; height: 58px; margin: 36px auto 30px;}
.tabBox ul li{width: 200px; float: left; color: #333; background: #f1f1f1; font-size: 17px; cursor: pointer; height: 64px; text-align: center; line-height: 64px;}
.tabBox ul li.hover{background: #009f40; color: #fff;}

.tabCon ul li{width: 580px; float: left; padding-bottom: 36px; height: 110px;}
.tabCon ul li:nth-child(2n){float: right;}
.tabCon ul li p.title{background: url(../images/newsbg.jpg) no-repeat left bottom; height: 35px; line-height: 35px; text-align: left;}
.tabCon ul li p.title a{font-size: 16px; color: #333; font-weight: 700;}
.tabCon ul li p.title a:hover{color: #009f40;}
.tabCon ul li p.title .time{font-size: 10px; color: #666; padding-left: 20px;    float: right;}
.tabCon ul li p.brief{
    font-size: 16px;
    line-height: 29px;
    color: #666;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.subList p:hover{
background: #009f40;

}




.tabCon ul li p.keyword{font-size: 13px; line-height: 24px; color: #999; overflow: hidden; height: 24px;}

/*linkDiv*/
.linkDiv{height: 45px;background: #efefef;}
.linkDiv .center{height: 100%; line-height: 45px;}
.linkDiv .center a{color: #333; margin-right: 15px;}
.linkDiv .center a:hover{color: #009f40;}

/*bottom*/
.bottom{background: #222222; padding: 100px 0 100px;}
.subNav{overflow: hidden; background: url(../images/bot_l.png) no-repeat right 5px; height: auto;}
.subNav .subItem{float: left; width: 130px; padding: 0 28px 32px 38px; height: 162px; background: url(../images/bot_l.png) no-repeat left 5px;}
.subNav .subImg{width: 345px; padding: 0 35px; text-align: center;}
.subImg p{display: inline-block; width: 150px; overflow: hidden; text-align: center; padding-top: 6px;}
.subImg p img{display: block; margin: 0 auto; width: 120px; height: 120px;}
.subImg p span{display: block; line-height: 32px; font-size: 16px; color: #fff; text-align: center; padding-top: 4px;}
.subItem p{color: #fff; font-size: 13px;}
.subItem .title{font-size: 18px; height: 42px; line-height: 26px;}
.subItem .row{height: 32px; line-height: 32px;}
.subItem .row a{font-size: 14px; color: #dbdbdb;}
.subItem .row a:hover{color: #ff0;}
.bottom p.keyword{color: #959595; text-align: center;}

/*foot*/
.foot{padding: 28px 0; background: #222222; border-top: 1px solid #2d2d2d;    text-align: center;}
.foot p{color: #959595; line-height: 24px; font-size: 12px;}
.foot p a{color: #959595; font-size: 12px;}
.foot p a:hover{color: #009f40;}

/*location*/
.location{border-top: 1px solid #009f40; line-height: 36px; height: 36px;}
.location .center{text-align: right;}
.location .center a{color: #333;}
.location .center a:hover, .location .center a:last-child{color: #396843;}

/*mLeft*/
.main{min-height: 400px;}
.main .center{overflow: hidden;
	padding: 0px 0px 30px 0px;}
.mLeft{float: left; width: 216px; margin-right: 24px; padding-bottom: 28px;}
.subMenu{background: #f5f5f5; margin-bottom: 16px;}
.subMenu .title{background: #009f40; color: #fff; padding: 24px 17px 0; height: 54px; font-size: 16px;}
.subMenu .title span{display: block; font-size: 12px; zoom: 0.78; margin-top: -2px; letter-spacing: 0; color: #ddd;}
.subMenu ul{margin: 0 17px; padding-bottom: 16px;}
.subMenu ul li{height: 60px; line-height: 60px; background: url(../images/lei_x.jpg) no-repeat -258px bottom;}
.subMenu ul li a{color: #000; font-size: 16px; font-weight: 500;}
.subMenu ul li a:hover{color: #396843;}
.mRight{float: right; width: 960px; margin-bottom: 28px;}
.mainWrap .mRight{width: 100%; float: none;}
.txt_info{color: #ccc; font-size: 13px;}
.con{font-size: 13px; line-height: 26px;}
.con img{max-width: 100%; text-align:center;}/*display: block; */
.con p{ line-height: 30px;line-height: 30px;}
.webCon img{display: block; max-width: 100%;}
.mRight .proDiv{margin-top: 20px;}
.mRight .proList{width: 995px;}
.mRight .proList li{margin: 0 35px 16px 0; width: 296px;}
.mRight .proList li img{height: 100% !important;}

.mRight .tabCon ul li{float: none; width: 100%; height: 90px; padding-bottom: 12px;}
.mRight .tabCon ul li p.title .time{padding-left: 10px;}

.mRight .newsTitle{font-size: 28px; color: #396843; font-weight: 500; padding: 0 0 10px; text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 5px;}

.otherDiv{clear: both;}
.otherDiv p{float: left; width: 49%;}
.otherDiv p:nth-child(2n){float: right; text-align: right;}
.otherDiv p a{color: #666;}
.otherDiv p a:hover{color: #396843;}
.otherDiv p span{color: #999;}

.navList .li1:hover{
    background: #009f40;
    color: white !important;
}






.otherNews{margin-top: 20px;}
.otherNews .th{height: 36px; line-height: 36px; padding: 0 10px; font-size: 16px; background: #ccc;}
.otherNews ul li{padding: 0 100px 0 24px; background: url(../images/t_2.jpg) no-repeat 8px center; position: relative; border-bottom: 1px dashed #ccc; height: 35px; line-height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.otherNews ul li a{color: #333;}
.otherNews ul li a:hover{color: #396843;}
.otherNews ul li span{position: absolute; z-index: 1; right: 0; color: #999; font-size: 12px;}

.page{text-align: center; padding: 10px 0 0;}
.page a{border: 1px solid #eee; padding: 2px 5px; color: #488154;}
.page span{border: 1px solid #eee; padding: 2px 5px;}
.page span.disabled{color: #ddd; cursor: not-allowed;}
.page span.current{color: #fff; background: #488154; border-color: #488154;}

/*rightDiv*/
.rightDiv{position: fixed; right: 0; top: 40%; margin-top: -140px; z-index: 999; width: 168px; width: 52px; height: 191px; background: url(../images/rightBg.png) no-repeat 0 0;}
.rightDiv .rItem{height: 50px; width: 316px; width: auto; position: relative; background: url(../images/rightLine.jpg) no-repeat center bottom;}
.rightDiv .rItem4{height: 41px; background: none;}
.rightDiv .rItem .itemDefault{display: block; width: 52px; height: 50px; float: right; cursor: pointer;}
.rightDiv .rItem .itemFocus{display: block; width: 52px; height: 50px; float: right; cursor: pointer;}
.rItem1 .itemDefault{background: url(../images/r1.jpg) no-repeat center;}
.rItem2 .itemDefault{background: url(../images/r2.jpg) no-repeat center;}
.rItem3 .itemDefault{background: url(../images/r3.jpg) no-repeat center;}
.rItem4 .itemDefault{background: url(../images/r4.jpg) no-repeat center; height: 41px !important;}

.rightDiv .rItem .itemHover{float: left; height: 49px; display: none; position: relative; position: absolute; top:0; right: 0; cursor: pointer;}
.itemHover .itemCon{float: left; width: 168px; height: 49px; background: url(../images/rightHover.png) no-repeat left 0;}
.itemHover .itemCon img{float: left; margin: 11px 10px 11px 11px; width: 26px; height: 26px;}
.itemHover .itemCon span{float: left; font-size: 15px; color: #fff; line-height: 49px;}
.rItem1 .itemHover .itemCon span{letter-spacing: 1px;}
.rightDiv .rItem3 .itemHover{height: 116px; margin-top: -33px; right: 52px; width: 116px;}
.rItem3 .itemHover .itemCon{height: 116px; background: url(../images/rightHover1.png) no-repeat left 0; width: 116px;}
.rItem3 .itemHover .itemCon img{width: 96px; height: 96px; margin: 10px;}