@charset "utf-8";
/* CSS Document */


.ptb10{ padding:10px 0;}
.ptb20{ padding:20px 0;}

.plr30{ padding:0 30px;}

.mtb10{ margin:10px auto;}
.mtb20{ margin:20px auto;}
.mtb30{ margin:30px auto;}
.mtb40{ margin:40px auto;}

.mlr30{ margin:0 30px;}

.mAll30{ margin:30px;}

.fontsize12{ font-size:12px;}
.fontsize14{ font-size:14px;}
.fontsize16{ font-size:16px;}
.fontsize18{ font-size:18px;}
.fontsize24{ font-size:24px;}
.fontsize32{ font-size:32px;}

.bShadow59{ box-shadow:0 0 5px #999;}

ul{ list-style:none; margin:0; padding:0;}

body{ font-family:"微软雅黑", "宋体", Helvetica, Arial, sans-serif; line-height:1.5em;}
body > div{ min-width:1200px; width:auto; _width:1200px; overflow:visible;}

.green{ background:#009c4a;}
.greenTxt{ color:#009c4a;}

.topTips{ height:4px; background:#158952;}

.top{ width:100%; height:100px; line-height:100px; position:absolute; top:4; z-index:99; background:rgba(255,255,255,0.9)}

.topLan{ width:54px; text-align:center;}
.topLan a{ display:block; width:100%; height:40px; text-align:center; line-height:40px;}

.
.nav{ position:relative; z-index:9;}
.navLeft{ float:left;}
.navRight{ float:right;}
.nav ul{ list-style:none; margin:0; padding:0;}
.nav li{ width:78px; float:left; margin:0 5px;}
.nav li a{ width:100%; padding:0 10px; height:100px; overflow:hidden; display:block; text-align:center; text-decoration:none; box-sizing:content-box; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.nav li a p{ font-size:16px; height:100px; line-height:100px; overflow:hidden; color:#222; margin:0; padding:0;}


.nav li a.active, .nav li a:hover{ background:#009c4a;}
.nav li a.active p, .nav li a:hover p{ color:#FFF;}

.nav li .flowsub{ width:160px; height:0; overflow:hidden; background:#009c4a; padding:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.nav li .flowsub li{ width:100%; overflow:hidden; float:none;}
.nav li .flowsub a{ width:100%; height:36px; overflow:hidden; line-height:36px; display:block; text-align:left; text-indent:20px; margin:0; padding:0; border:0; color:#FFF; font-size:14px;}
.nav li .flowsub a:hover{ color:rgba(255,255,255,0.75); border:0;}

.nav li:hover > a{ background:#009c4a;}
.nav li:hover > a  p{ color:#FFF;}
.nav li:hover .flowsub{ height:auto; padding:10px 0;}
.nav li:last-child{ width:auto;}
.nav li:last-child  .flowsub{ position:relative; margin-left:-80px;}

.top_xz{ float:left; width:80px; margin-left:20px; margin-top:10px;}
.top_xz a{ display:block; line-height:40px;}
.top_xz img{ width:80px;}

.indexBanner .carousel-inner .item > div{ margin:0; padding:0; border:0;}
.indexBanner .carousel-inner .item > div a{ margin:0; padding:0; border:0; display:block; width:100%; height:550px;}

.indexAboutImg{ margin-left:-41px; margin-right:20px;}
.indexAboutTxt p{ line-height:30px;}


.indexTitle{ text-align:center; font-size:30px; color:#009c4a; line-height:30px;}
.indexTitle p{ color:#999; text-transform:uppercase;}


.indexCase{ width:100%; height:460px; overflow:hidden; margin:30px 0; background:url(../images/indexProBg.jpg) center center no-repeat;}
.indexCaseInfo{ width:1200px; height:480px; margin:0 auto; position:relative;}
.indexCaseInfo .Title{ margin:40px 0;}
.indexCaseInfo ul{ height:340px; overflow:hidden; line-height:none; margin:0; padding:0;}
.indexCaseInfo li{ width:300px; overflow:hidden; text-align:center; float:left; position:relative; opacity:1; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexCaseContent{ width:100%; overflow:hidden;}

.indexCaseInfo ul:hover li{ opacity:0.5;}
.indexCaseInfo ul:hover li:hover{ opacity:1;}



.indexCaseItem{ width:280px; height:285px; overflow:hidden; margin:0 auto; background:#faf9f9;}
.indexCaseItem p{ height:20px; line-height:20px; font-size:14px; text-align:center; color:#999; margin:0; padding:0;}
.indexCaseItem h5{ line-height:30px; font-size:16px; text-align:center; color:#000; margin:0; padding:0 10px;}
.indexCaseItem a{ width:300px; height:365px; overflow:hidden; display:block; position:absolute; left:0; top:0; z-index:999;}

.indexCasePrev{ width:42px; height:62px; padding:10px; overflow:hidden; display:block; position:absolute; left:-42px; top:50%; z-index:9999; margin-top:-30px;}
.indexCaseNext{ width:42px; height:62px; padding:10px; overflow:hidden; display:block; position:absolute; right:-42px; top:50%; z-index:9999; margin-top:-30px;}

.indexCaseItemImg{ padding:5px; width:270px; height:195px; overflow:hidden}
.indexCaseItemImg img{width:270px;}

.indexNews{ text-align:center;}
.indexNewsContent{ width:100%; overflow:hidden; text-align:left;}
.indexNewsContent ul{ margin:0; padding:0;}
.indexNewsContent li{ width:560px; overflow:hidden; display:block; float:left; background:#FFF;}
.indexNewsContent li:nth-of-type(even){ margin-left:20px;}
.indexNewsContent a{ width:100%; overflow:hidden; display:block; background:#eee;}
.indexNewsContent dl{ width:540px; height:110px; overflow:hidden; margin:10px 10px 0; border-bottom:1px dotted #CCC;}
.indexNewsContent dt{ float:left; width:60px; text-align:center;}
.indexNewsContent dt p{ color:#009c4a; font-family:"Times New Roman", Times, serif; width:60px; font-size:16px; line-height:24px; margin:10px 0 15px;}
.indexNewsContent dd{ width:480px; float:left;}
.indexNewsContent dd h3{ font-size:16px; color:#009c4a; height:30px; line-height:24px; margin:10px 0 10px; padding:0;}
.indexNewsContent dd p{ font-size:12px; line-height:18px; color:#666; margin:0; padding:0;}

.indexNewsContent a:hover{ background:#009c4a;}
.indexNewsContent a:hover dt p{ color:#FFF;}
.indexNewsContent a:hover dd h3{ color:#FFF;}
.indexNewsContent a:hover dd p{ color:#FFF;}


.indexLinkInfoBox{ width:100%; overflow:hidden;}
.indexLinkInfoBox img{ float:left;}




.foot{ padding:40px 0 50px;}
.foot .container > div{ margin:0; padding:0;}
.foot p{ font-size:14px; text-align:left; color:#FFF; line-height:24px; margin:0; padding:0;}
.foot p a{ font-size:14px; text-align:left; color:#FFF; }


.footMinNav{ height:60px; line-height:60px; background:#e60013;}
.footMinNav p{ height:60px; line-height:60px; margin:0; padding:0; color:#FFF; font-size:12px; text-transform:uppercase;}
.footMinNav a{ color:#FFF; font-size:12px; text-transform:uppercase;}

.footTop{}
.footTop a{ width:50px; height:50px; border-radius:5px; background:rgba(255,255,255,1.00); display:block; float:right;}
.footTop a img{ overflow:hidden; margin:18px 10px;}

.footCopyright{ height:50px; line-height:50px; background:#272727;}
.footCopyrightInfo{ float:left;}
.footCopyrightInfo p{ color:#999; margin:0; padding:0;}
.footCopyrightInfo a{ color:#999;}
.footLink{ float:right;}
.footLink p{ color:#999; margin:0; padding:0;}
.footLink a{ color:#999;}

.footMinNavRight{ float:right;}

.banner{ width:100%; height:400px;}

.bannerAbout{ background:url(../images/bannerAbout.jpg) center center no-repeat;}
.bannerNews{ background:url(../images/bannerNews.jpg) center center no-repeat;}
.bannerClients{ background:url(../images/bannerClients.jpg) center center no-repeat;}
.bannerContact{ background:url(../images/bannerContact.jpg) center center no-repeat;}


.titleBox{ width:100%; height:42px; overflow:hidden; background:url(../images/titleBg.jpg) left top repeat-x;}
.inTitleBox{ width:1170px; overflow:hidden; margin:0 auto;}
#titleBoxUlBox{ width:1100px; overflow:auto; float:left; text-align:center;}
#titleBoxUlBox ul{ margin:0; padding:0; display:block; height:42px;}
#titleBoxUlBox li{ width:119px; overflow:hidden; float:left;}
#titleBoxUlBox a{ width:119px; height:42px; overflow:hidden; display:block; background:url(../images/titleFG.png) right top no-repeat; line-height:34px; font-size:12px; text-align:center; color:#666;}
#titleBoxUlBox a:hover, #titleBoxUlBox a.titleChang{ width:119px; height:42px; overflow:hidden; display:block; background:url(../images/titleHover.png) right top no-repeat; line-height:34px; font-size:12px; text-align:center; color:#FFF; text-decoration:none;}

.titleBtnBox{ width:50px; float:right;}
#titleBtnPrev{ width:25px; height:34px; overflow:hidden; display:block; background:url(../images/titleBtn.jpg) 10px top no-repeat; float:left; cursor:pointer;}
#titleBtnNext{ width:25px; height:34px; overflow:hidden; display:block; background:url(../images/titleBtn.jpg) -15px top no-repeat; float:left; cursor:pointer;}

.proTitleBoxList{ text-align:center;}
.proTitleBoxList li{ height:40px; display:inline-block;}
.proTitleBoxList li a{ margin:0 10px; padding:0 20px; height:32px; overflow:hidden; line-height:32px; font-size:18px; color:#233446; display:block; border-radius:5px; border:1px solid #FFF; text-decoration:none;}
.proTitleBoxList li a.active, .proTitleBoxList li a:hover{ background:#009c4a; border:1px solid #01572a; color:#FFF;}


.proInfoBox .container{ width:1200px;}
.proInfoBox .proInfoBoxList ul{ overflow:hidden; line-height:none; margin:0; padding:0;}
.proInfoBox .proInfoBoxList li{ width:290px; overflow:hidden; margin-bottom:20px; text-align:center; float:left; position:relative; opacity:1; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}


.proInfoBox .proInfoBoxList ul:hover li{ opacity:0.5;}
.proInfoBox .proInfoBoxList ul:hover li:hover{ opacity:1;}


/*产品详细页表格20140606*/
#table1{
	color:#333;
	width:100%;
	border-collapse:collapse;
	table-layout:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	}	
#table1 tbody td{
	border-collapse:collapse;
	border:1px solid #808080;
	padding:5px;
	border-collapse:collapse;
	text-align:center;
	}
#table1 tbody tr.first{
	background-color:#99CCFF;	
	}
#table1 tbody tr.first td {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	text-align:left;
	}		
#table1 tbody tr.title{
	text-align:center;
	/*background-color:#00B5ED;*/
	}
#table1 tbody td{
	border-collapse:collapse;
	border:1px solid #808080;
	padding:5px;
	border-collapse:collapse;
	}
#AutoNumber1{
	text-align:center;
	}


.NewsContent{ width:100%; overflow:hidden; text-align:left;}
.NewsContent ul{ margin:0; padding:0;}
.NewsContent li{ width:100%; overflow:hidden; display:block; float:left; background:#FFF;}
.NewsContent a{ width:100%; overflow:hidden; display:block;}
.NewsContent dl{ width:100%; overflow:hidden; margin:10px 0 0; border-bottom:1px dotted #CCC; padding-bottom:10px;}
.NewsContent dt{ float:left; width:60px; text-align:center;}
.NewsContent dt p{ color:#be0000; font-family:"Times New Roman", Times, serif; width:60px; font-size:16px; line-height:20px; margin:20px 0 10px;}
.NewsContent dd{ width:92%; float:right;}
.NewsContent dd h3{ font-size:18px; color:#be0000;}
.NewsContent dd p{ font-size:12px; line-height:18px; color:#666;}

.NewsContent a:hover{ background:#009c4a;	}
.NewsContent a:hover dt p{ color:#FFF; font-family:"Times New Roman", Times, serif; width:60px; font-size:16px; line-height:20px;}
.NewsContent a:hover dd h3{ color:#FFF;}
.NewsContent a:hover dd p{ color:#FFF;}


.new_info{ line-height:2em; min-height:400px; height:auto; _height:400px; overflow:auto; margin:30px 0 0;}

.contentNewViewBox{ margin:40px auto 20px;}

.new_view{ width:1000px; margin:20px 50px;}
.new_title{ text-align:center; border-bottom:1px dotted #CCC;}
.new_title h3{ color:#be0000;}
.new_title p{ font-size:12px; color:#999;}

.backMainBox{ margin-bottom:60px;}
.backBox{ width:100%; overflow:hidden; clear:both; border-top:1px dotted #CCC;}
.backBox p{ width:50%; overflow:hidden; float:left; font-size:12px; color:#666; margin:0;}
.backBox a{ font-size:12px; color:#666; text-align:left;}
.backBox a:hover{ text-decoration:underline;}
.backBox p.ProBreak{ width:100px; float:right;}

.ProBreak{ width:100px; overflow:hidden; padding-top:10px; float:right;}
.ProBreak a{ background:url(../images/btnHover.jpg) left center no-repeat; width:75px; height:20px; overflow:hidden; line-height:20px; display:inline-block; font-size:12px; color:#FFF; text-indent:0; text-align:center; float:right;}


.pageBox{ text-align:center; margin:0 auto;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#009c4a; color:#FFF; border:1px solid #009c4a;}
.pagination>li>a, .pagination>li>span{ color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color:#009c4a;}


.leftBox{ width:900px; min-height:400px; height:auto; _height:400px; overflow:visible; float:left; margin:40px 0 0;}
.title{ width:900px; height:40px; overflow:hidden; line-height:40px; border-radius:5px; margin-bottom:30px;}
.title span{ height:40px; line-height:40px; color:#999; float:right; margin:0; display:block;}
.title a{ color:#999;}
.title h5{ height:40px; line-height:40px; padding:0; float:left; font-size:24px; color:#009c4a; margin:0;}

.leftContent{ text-align:justify; text-justify:inter-ideograph;}
.leftContent *{ margin:0; padding:0;}


.proContentBox{ list-style:none; margin:20px 0; padding:0;}
.proContentBox li{ width:33.33%; float:left; margin:0 0 20px; padding:0 3px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.proContentBox li div{ width:284px; padding:2px; background:#FFF; box-shadow:0 0 5px #CCC; border-radius:2px;}
.proContentBox li a{ text-decoration:none;}
.proContentBox li a.thumbnail{ width:280px; height:220px; overflow:hidden; margin:0; border:0; padding:0; border-radius:0; text-decoration:none;}
.proContentBox li div span{ width:280px; height:40px; line-height:40px; background:#CCC; color:#333; font-size:14px; text-align:center; display:block;}

.proContentBox:hover li{ opacity:0.3;}
.proContentBox:hover li:hover{ opacity:1;}

.proViewPic{ width:100%; height:auto; padding:10px; text-align:center; vertical-align:middle; background:#FFF; box-shadow:0 0 5px #CCC;}
.proViewPic img{ margin:auto; width:600px}


.proViewTitle{ height:40px; line-height:40px; background:#f0f0f0; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.proViewTitle h5{ width:180px; float:left; height:40px; line-height:40px; text-align:center; font-size:18px; color:#ad0404; border-top:3px solid #ad0404; background:#FFF;}

.proViewContent{ width:100%; min-width:300px; height:auto; _height:300px; border:1px solid #e3e3e3; border-top:0; padding:30px 30px 50px;}

.bdsharebuttonbox{ float:right; margin:5px;}


.proLink{ width:250px; overflow:hidden; border-radius:5px; background:#f7f7f7; padding:20px 15px; margin-top:110px;}
.proLinkTitle{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #CCC; font-size:24px; color:#333;}

.proLinkList li{ width:110px; margin-bottom:5px; overflow:hidden; float:left;}
.proLinkList li .thumbnail{ width:100px; height:68px; text-align:center; vertical-align:middle; display:table-cell;}
.proLinkList li .thumbnail img{ width:100%; height:100%;}