@charset "gb2312";
/* CSS Document 2011.8.3 */
body {font-family: "Î¢ÈíÑÅºÚ", "Lucida Grande", sans-serif; margin:0; padding:0; font-size:12px; color:#525e6f; }

/**{padding:0px; margin:0px;line-height:1.8em;}
*/
form,img,ul,ol,li,dl,dt,dd,p{margin:0;padding:0;border:0;}

ul,li{list-style-type:none;}

img, a img{border:0; vertical-align:top;}

input,select,textarea{vertical-align:middle;}

h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}

/* clearfix */
* html .clearfix { zoom: 1; }

*+html .clearfix { zoom: 1; }

.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

.clear{ clear:both;}

/* Link */
a{color: #333;text-decoration:none;}
a:hover {color: #333;text-decoration:underline;}

.mb0 { margin-bottom: 0 !important;}
.fL { float: left !important; }
.fR { float: right !important; }
.bor { border: 1px solid #D1D1D1; padding: 0 12px; }
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}


.head{ width:1010px; margin:0 auto; height:87px;}
.logo{ width:532px; float:left; margin-left:10px;}
.phone{ float:right; height:67px; margin-top:0px; width:228px;}
.top{ width:1400px; margin:0 auto; height:492px;}
.menu{ width:1040px; margin:0 auto; height:43px; background:url(../images/navBg.png) no-repeat;}
.menu ul{ width:970px; margin-left:50px;}
.menu ul li{width:118px; height:43px;float:left;background:url(../images/navLine.gif) no-repeat left;text-align:center;}
.menu ul li a{display:block;line-height:43px;  font-size:12px; color:#2f33347; font-weight:bold; height:41px;width:118px;}
.menu ul li a:hover{line-height:43px; text-align:center;background:url(../images/crtMenu.gif) no-repeat left; color:#FFF; height:41px; width:118px; text-align:center;}
.banner{ width:1400px; margin:auto; height:367px; margin-top:-43px;z-index:-100;position:absolute;}
.content{ width:1040px;margin:auto;background:url(../images/contentBg.gif) no-repeat top; margin-top:0px; min-height:300px; padding-top:10px;}
.content .img{ margin:5px 0 10px 0px;}
.about{ width:295px; margin-left:20px; height:190px; float:left;}
.about_text{ line-height:24px;width:295px;}
.news{ width:296px; margin-left:20px; float:left; height:190px;}
.news ul{ width:296px;}
.news ul li{ background:url(../images/listArrow.gif) no-repeat left; padding-left:10px;}
.news ul li a{ line-height:24px; color:#525e6f;}
.news ul li a:hover{ line-height:24px; color:#065cbf; text-decoration:none;}
.contact{ width:370px; float:left; margin-left:20px; height:190px;}
.contact_text{ width:220px; float:left; line-height:24px; margin-top:15px;}
.title{ height:23px; width:100%}
.title span{ float:left;}
.title a{ float:right; margin-top:5px}
.ewm{ float:left; margin:0px;}
.product{ width:1010px; margin:auto; margin-top:10px;}
.prolist{ height:160px;overflow:hidden; width:100%;}
.prolist li{ width:138px; heigh:142px;margin:5px 10px;float:left; }
.prolist li img{ width:136px; height:122px;}
.prolist li:hover{width:136px; height:122px; border:#00b9ef 1px solid;}
.prolist li span{ width:136px; text-align:center; float:left; line-height:25px;}
.prolist li span a{color:#525e6f; font-weight:bold;}
.prolist li span a:hover{color:#065cbf; border:}

#scroll {width:1010px; height:155px;overflow:hidden;}
#scroll_box {float: left;width: 800%;}
#scroll_begin {float: left;}
#scroll_end {float: left;}

#content{ width:1010px; margin:0 auto;}
#left{}

.footer{padding-bottom:5px;padding-left:0;width:100%;padding-right:0;background:#e7edfa;border-top:#d3d8e3 1px solid;padding-top:10px}
.footer_text{width:1040px; margin:0 auto; line-height:24px; text-align:center;}

.prob_list{margin-top:15px; margin-left:10px;}
.prob_list .cn{margin:5px 5px 0 5px£» text-align:center; width:235px; height:200px; float:left;}
.prob_list .cn div{width:190px; height:165px; margin:0 auto;}
.prob_list .cn div a{border:1px solid #b9b9b9;width:180px; height:150px;display: table-cell;vertical-align:middle;text-align:center;*display:block;*font-size: 87px;*font-family:Arial;padding:5px;}
.prob_list .cn div a:hover{border:1px solid #333333;}
.prob_list .cn img{vertical-align:middle;width:180px; max-height:150px;}
.prob_list div span{color:#333; display:block;line-height:18px; margin-top:5px; margin-bottom:5px; text-align:center;}
.prob_list .cn span a{color:#333; line-height:18px;}
.prob_list .cn span a:visited{color:#333;}
.prob_list .cn span a:hover{color:#de0000;}

.albums_list{margin-top:10px; margin-left:16px; text-align:center;}
.albums_list .al{ float:left; margin-left:20px;}
.albums_list .al p{ text-align:center;}

.pageNavi {
	PADDING-RIGHT: 0px; BORDER-TOP: #565656 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.wp-pagenavi {
	MARGIN: 0px auto; PADDING-TOP: 15px
}
.wp-pagenavi A {
	BORDER-RIGHT: #565656 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #565656 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #565656 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #565656 1px solid; TEXT-DECORATION: none! important
}

.wp-pagenavi A:visited {
	BORDER-RIGHT: #565656 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #565656 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #565656 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #565656 1px solid; TEXT-DECORATION: none! important
}
.wp-pagenavi A:hover {
	FONT-WEIGHT: normal! important; COLOR: #0b3779! important; BACKGROUND-COLOR: #eee! important
}
.wp-pagenavi A:active {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi SPAN.pages {
	BORDER-RIGHT: #565656 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #565656 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid
}
.wp-pagenavi SPAN.extend {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid
}
.wp-pagenavi SPAN.current {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #aaa 1px solid; COLOR: #000! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #eee! important
}

.wp-pagenavi {
	CLEAR: both
}
.wp-pagenavi A {
	BORDER-RIGHT: #565656 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #565656 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #565656 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #565656 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #565656 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #565656 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #565656 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #565656 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	FONT-WEIGHT: bold
}

.news_list{ margin-top:10px;}
.news_list ul{list-style:none; padding-left:15px;}
.news_list li{line-height:20px;padding:6px 0; background:url(cion_02.jpg) repeat-x left bottom;}
.news_list li a{background:url(cion_01.jpg) no-repeat 12px 5px;padding-left:15px; line-height:20px;color:#222222;}
.news_list li a:visited{color:#222222;}
.news_list li a:hover{color:#de0000; }
.news_list span{float:right;padding-right:12px; line-height:20px;color:#000000;}
.news_list strong{line-height:20px;}
.news_list img{ margin-top:0!important; margin-top:6px;}