@charset "gb2312";
/* CSS Document */

@import url("reset.css");

.head{ width:100%; overflow:hidden; text-align:center;}
.inhead{ width:960px; overflow:hidden; margin:0 auto; text-align:left;}

.logo{ float:left; margin:10px 0;}
.topTips{ float:right; margin:15px 0; color:#999;}
.topTips a{ font-size:14px; color:#999;}

/* select  */
#selectBox{
	width:150px;
	background:#666 url(images/tipsFootSJ.gif) 130px -10px no-repeat;
	border:0;
	color:#FFF;
	z-index:8;
	position:absolute;
	margin:15px 0 0 -20px;
}
#selectBox dl{
}
#selectBox dt{
	width:150px;
	height:24px;
	line-height:20px;
	background:#a3a3a3 url(images/tipsFootSJ.gif) 130px center no-repeat;
}
#selectBox dd{
	width:150px;
	height:24px;
	line-height:24px;
	border-bottom:1px dotted #00bce7;
}
#selectBox dd:first{
	padding:5px 0 0;
}
#selectBox a{
	width:150px;
	height:24px;
	line-height:24px;
	overflow:hidden;
	color:#FFF;
	text-indent:1em;
	display:block;
}
#selectBox a:hover{
	background:#00bce7;
}
#selectBox dt a:hover{
	background:#00a7e0 url(images/tipsFootSJ.gif) 130px center no-repeat;
}
.selectBox dd{
	display:none;
}
.selectBoxHover{
	background:#00a7e0;
}
.selectBoxHover dl{
	background:#00a7e0;
}
.selectBoxHover dd{
	display:block;
}
.selectBoxHover dt a{
	background:#00a7e0 url(images/tipsFootSJ.gif) 130px center no-repeat;
}


.nav { font-size: 12px; width:100%; margin: 10px auto 0; height: 34px; line-height: 34px; position: relative; z-index: 1; background:url(images/navBg.png) left top repeat-x;}
    .nav a { text-decoration: none; }
.navmain { width:960px; height: 34px; margin:0 auto;}
#nav_all { height: 34px; float: left; line-height: 34px; position: relative; z-index: 222; }
    #nav_all li { text-align: center; float: left; background:url(images/navFg.jpg) right center no-repeat;}
        #nav_all li a { font-size:14px; width:113px; overflow:hidden; display:block; color:#FFF;}
            #nav_all li a:hover {}
        #nav_all li ul { display:none; position: absolute; z-index: 99; width: 960px; background:#FFF; top: 34px; left:0;}
    #nav_all ul li { background-image: none; line-height: 32px; height: 32px; padding-top: 0px; padding: 0; }
        #nav_all ul li a { padding: 0px 20px 0 15px; display:inline; width:auto; color:#666; font-size:12px;}
            #nav_all ul li a:hover { background-image: none; margin: 0px auto; height: 32px; line-height: 32px;}

.search{ width:200px; height:24px; overflow:hidden; background:url(images/searchBg.jpg) left center no-repeat; margin:5px 0; float:right;}
.search .input1{ width:145px; height:24px; margin:0 0 0 5px; border:0; background:none; line-height:24px; float:left; color:#999;}
.search #Submit{ width:36px; height:24px; border:0; background:none; line-height:24px; float:right; cursor:pointer;}



.banner{ width:100%; height:320px; overflow:hidden; margin:10px 0 0; padding-bottom:15px; background:url(images/bannerBg.jpg) center bottom no-repeat;}
/*焦点图CSS*/
.focus { width:960px; height:320px; position:relative; overflow:hidden; }
.focus_pics { position:absolute; left:0; top:0; }
.focus_pics p { width:960px; height:500px; float:left }
.focus_handle { position:absolute; right:50px; bottom:20px; opacity:0.9; }
.focus_handle li { float:left; margin:0 0 0 3px; }
.focus_handle li a { display:block; width:20px; background:url(images/bannerTips.png) 4px center no-repeat; color:#fff; height:20px; text-decoration:none; text-align:center; line-height:20px; font-size:0; }
.focus_handle li a:hover { background:url(images/bannerTips.png) -14px center no-repeat; }
.focus_handle li.on a { background:url(images/bannerTips.png) -14px center no-repeat;}
.focus_wrap { width:960px; height:320px; position:relative; margin:0 auto }
.focus_wrap .p { position:absolute; top:250px; left:50px; cursor:pointer; width:33px; height:75px; line-height:75px; color:#fff; text-decoration:none; font-size:0; background:url(images/btnPrev.png) left top no-repeat; }
.focus_wrap .n { position:absolute; top:250px; right:50px; cursor:pointer; width:33px; height:75px; line-height:75px; color:#fff; text-decoration:none; font-size:0; background:url(images/btnNext.png) left top no-repeat; }


/* 首页滚动新闻  */
.rollNews{ width:100%; height:34px; overflow:hidden; line-height:34px; margin:10px 0 0;}
.inRollNews{ width:962px; overflow:hidden; margin:0 auto; background:url(images/notice_bg.jpg) center top no-repeat;}
.inRollNews h5{ width:70px; overflow:hidden; color:#0d57ab; font-weight:bold; float:left; margin-left:20px; color:#666;}

#rollNewsDiv{ width:700px; height:30px; overflow:hidden; float:left;}
#rollNewsDiv dl{ width:700px; overflow:hidden; display:block; float:left;}
#rollNewsDiv dd{ height:30px; overflow:hidden; display:block; color:#a8a8a8;}
#rollNewsDiv dd span{ float:left; color:#a8a8a8;}
#rollNewsDiv dd a{ width:550px; overflow:hidden; display:block; float:left; color:#999; background:url(images/hotNewsTips.png) left center no-repeat; padding:0 0 0 12px;}
#rollNewsDiv dd a:hover{ color:#f9a42d; text-decoration:underline;}

.rollNewBtn{
	float:right;
	margin:5px 25px 5px 0;
}

#lun{ width:265px; height:140px; z-index:99;}

.picshow { z-index:444; position:relative; background-color:#e4f2fa; width: 100%; height: 169px}
.picshow_main { position: relative; width:265px; height: 140px; margin:0 auto;}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width:240px; height:117px} 
.picshow_change { width:265px; overflow:hidden; display:block; text-align:right; margin:-24px auto 0;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid;  display: block; margin-right: 5px; display:inline-block;}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4;}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{ border:0px}


.indexInfo{ width:100%; overflow:hidden; margin:10px auto 0;}
.indexInfoDiv{ width:960px; overflow:hidden; margin:0 auto;}

.indexTitle{ width:100%; border-bottom:4px solid #f1f1f1;}
.indexTitle p{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #dadada; font-size:14px; font-weight:bold; color:#000;}
.indexContent{ line-height:18px; margin:10px 0;}
.indexContent p{ color:#666;}

.indexAbout{ width:345px; overflow:hidden; float:left; padding-right:15px; background:url(images/indexFg.jpg) right center no-repeat;}
.indexAbout a{ color:#00a7e0; font-size:12px;}
.indexQualification{ width:270px; overflow:hidden; float:left; padding-right:15px; background:url(images/indexFg.jpg) right center no-repeat; margin-left:20px;}
.indexProducts{ width:270px; overflow:hidden; float:left; margin-left:20px;}

.indexHJ{ margin:10px 0 0;}


.content{ width:100%; overflow:hidden; margin:20px 0 0;}
.inContent{ width:960px; overflow:hidden; margin:0 auto;}

.bannerInfo{ background:#e7f2fc; width:100%; height:216px; overflow:hidden; border-bottom:1px solid #01a7e1;}
.inBannerInfo{ width:960px; overflow:hidden; margin:16px auto 0;}

.left{ width:224px; overflow:hidden; float:left;}
.left dt{ background:url(images/leftTitleBg.gif) left center no-repeat; width:220px; height:35px; overflow:hidden; margin:0 0 5px; line-height:35px; font-size:12px; text-indent:20px;}
.left dd{ width:220px; height:20px; line-height:30px; padding:5px 0 8px; border-bottom:1px dotted #CCC; display:block;}
.left dd a{ height:20px; overflow:hidden; line-height:20px; margin:0 0 0 5px; border-left:3px solid #00a7e0; color:#4B4B4B; text-indent:5px; display:block;}
.left dd a:hover{ font-weight:bold;}
.left ul{ list-style:none;}
.left li{ text-indent:20px; line-height:24px;}
.left li a{ color:#4B4B4B;}
.left li a:hover{ font-weight:bold;}

.leftContact{ width:220px; margin:20px 0 0;}
.leftContact h5{ background:url(images/leftTitleBg.gif) left center no-repeat; width:220px; height:35px; overflow:hidden; line-height:35px; font-size:12px; text-indent:20px;}
.leftContact div{ border:1px solid #d4d4d4; border-top:0; width:198px; padding:10px;}
.leftContact p{ width:100%; line-height:20px; display:block; color:#333;}
.leftContact span{ height:5px; overflow:hidden; display:block;}

.right{ width:690px; margin:0 20px; float:right;}
.title{ width:100%; overflow:hidden; height:35px; line-height:35px; font-size:16px; font-weight:bold; border-bottom:1px solid #b4b4b4;}

.contentInfo{ line-height:24px;}

#proUl{ list-style:none;}
#proUl li{ width:144px; overflow:hidden; padding:14px; float:left; text-align:center;}
#proUl li a{ width:144px; height:138px; overflow:hidden; display:block;}
#proUl li span{ width:144px; height:20px; overflow:hidden; display:block; line-height:20px; color:#999;}

.productContent{ width:690px; overflow:hidden; text-align:center; margin:10px 0;}
.proContent ul{ list-style:none; width:700px; overflow:hidden; padding:15px;}
.proContent li{ width:100%; display:block;}
.proContent ul span{ line-height:24px; clear:#666;}
.ProBreak{ width:100%; text-align:right;}
.ProBreak a{ width:75px; height:20px; overflow:hidden; line-height:20px; color:#FFF; background:url(images/btnHover.jpg) left center no-repeat; text-align:center; display:block; float:right;}


.news h2{ width:100%; height:30px; overflow:hidden; line-height:30px; background:#f9f9f9; margin-top:20px; border-top:5px solid #666; border-bottom:1px solid #E0E0E0;}
.news h2 b{ width:560px; overflow:hidden; text-align:center; font-size:12px; display:block;}
.news h2 span{ float:right; width:110px; height:16px; overflow:hidden; line-height:16px; text-align:center; display:inline-block; font-size:12px; font-weight:normal; color:#666; margin:7px 0; border-left:1px solid #666;}

#newsList{ width:100%; list-style:none;}
#newsList li{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #f1f1f1; display:block;}
#newsList li span{ float:right; width:110px; height:16px; overflow:hidden; line-height:16px; text-align:center; display:inline-block; font-size:12px; font-weight:normal; color:#999; margin:7px 0; border-left:1px solid #999;}
#newsList li a{ width:560px; height:30px; line-height:30px; overflow:hidden; text-align:left; font-size:12px; text-indent:1.5em; background:url(images/hotNewsTips.png) 5px center no-repeat; color:#333; display:block;}
#newsList li a:hover{ background:url(images/tipsHover.jpg) 5px center no-repeat;}

#newsList .li1{ background:#FFF;}
#newsList .li2{ background:#f9f9f9;}

.newsContentTitle{ width:100%; text-align:center; margin:20px 0 10px;}
.newsContentPostTime{ width:100%; text-align:center; color:#999;}
.newsContentImg img{ padding:2px; border:1px solid #CCC;}
.newsContentDiv{ min-height:400px; _height:400px; height:100%; overflow:visible; margin-bottom:20px;}
.newsImg{ border-bottom:1px dotted #CCC; padding-bottom:10px; margin-bottom:10px; text-align:center; width:100%;}
.newsImg img{ padding:2px; border:1px solid #CCC;}
.ActivityImgList li{ float:left; margin:3px; width:220px; height:165px; overflow:hidden; text-align:center; padding:2px; border:1px solid #CCC;}
.ActivityImgList img{}
#ActivityImgList li{ float:left; margin:3px; width:222px; overflow:hidden; text-align:center;}
#ActivityImgList a{ float:left; width:220px; height:165px; overflow:hidden; text-align:center; border:1px solid #CCC; display:block;}
#ActivityImgList p{ text-align:center; width:100%; line-height:22px; color:#666;}
.NewsBreak{ float:right;}
.NewsBreak a{ color:#666;}
.NewsBreak a:hover{ color:#333;}

.backBox{ border-top:1px dotted #CCC;}
.backBox p{ color:#999;}
.backBox a{ color:#666;}
.backBox a:hover{ color:#333;}



/*------------Form2---------------*/
#Form2{ width:100%; overflow:hidden; padding:10px 0;}
#Form2 ul{ list-style:none; width:100%; overflow:hidden;}
#Form2 ul li{ overflow:hidden; line-height:30px; border-bottom:1px dotted #B6B6B6;}
#Form2 ul li span{ float:left; width:100px; overflow:hidden; text-align:right; display:inline-block; color:#666;}
#Form2 ul li input{ float:left; background:#FFF; border:1px solid #e0e0e0; width:200px; padding:2px; margin:4px 0 0 10px;}
#Form2 ul li input.inputHover{ float:left; background:#e7f2fc; color:#000; border:1px solid #1488df; width:200px; padding:2px; margin:4px 0 0 10px;}
.textarea{ width:400px; height:120px; overflow:y-scroll; margin:10px; border:1px solid #e0e0e0;}
.feedbackSubmit{ background:url(images/applyBtnHover.jpg) left center no-repeat; width:91px; height:23px; overflow:hidden; margin:12px 5px 15px 110px; border:0; color:#FFF; cursor:pointer;}
.feedbackReset{ background:url(images/applyBtn.jpg) left center no-repeat; width:91px; height:23px; overflow:hidden; margin:12px 20px 15px 0; border:0; color:#FFF; cursor:pointer;}
#feedbackList .li1{ background:none;}
#feedbackList .li2{ background:#f9f9f9;}


.map{ margin:20px 0 0;}
.contactInfo{ margin:10px 0 0;}
.contactInfo h4{ font-size:16px; font-weight:bold; color:#00a7e0;}

.footer{ width:100%; text-align:center;}
.infooter{ width:960px; overflow:hidden; margin:30px auto 0; border-top:2px solid #00a7e0;}
.infooter p{ line-height:36px; color:#666;}




.leftpro{ width:224px; overflow:hidden; float:left;}
.leftpro h5{ background:url(images/leftTitleBg.gif) left center no-repeat; width:220px; height:35px; overflow:hidden; margin:0 0 5px; line-height:35px; font-size:12px; text-indent:20px;}
#navigation{ width:194px; overflow:hidden; margin:0 auto;}
#navigation li{}
#navigation .head{ width:220px; height:20px; line-height:30px; padding:5px 0 8px; border-bottom:1px dotted #CCC; display:block;}
#navigation .head a{ height:20px; overflow:hidden; line-height:20px; margin:0 0 0 5px; border-left:3px solid #00a7e0; color:#4B4B4B; text-indent:5px; display:block; text-align:left;}
#navigation .head a:hover, #navigation span.selected a{ font-weight:bold;}
#navigation dl{ width:170px; text-align:left;}
#navigation dt{ height:10px;}
#navigation dd{ height:24px; line-height:24px; border-bottom:1px dotted #EEE; margin-left:10px;}
#navigation dd a{ background:url(images/hotTip.gif) left center no-repeat; text-indent:2em; display:inline-block;}
#navigation dd a:hover{ background:url(images/hotTipHover.gif) left center no-repeat;}