﻿@charset "utf-8";
body { margin:0 auto; font-size:12px; font-family:'Microsoft YaHei','微软雅黑'; color:#666666;overflow-x:hidden; background:url(../images/bg.jpg) left top repeat-x; }
td,th,ul,li,p {margin:0px; padding:0;}
ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p { padding: 0; margin: 0; }
img{border:0;}
ul,li{padding:0; margin:0;}
LI{list-style:none;}
a{font-size:12px;color:#494a48;text-decoration:none;}
a:hover{color:#F00;text-decoration:none;}
.clear{ clear:both; display:block;}
.biaodan{
margin:0px;
padding:0px;
width:120px;
height:20px;
line-height:20px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background-color:#f4f4f4;
text-indent:15px;
border:1px solid #a9a9a9;
}
.t_bg{background:#fff; height:30px; background: url(../images/t_bg.jpg) repeat-x;}


/* menu */

#nav {margin:0 auto; width:1003px; height:43px; display:block;background:url(../images/m_bg.jpg) left top repeat-x; position:relative; z-index:999; }
#nav .mainlevel { float:left; text-align:center; font-size:15px; background:url(../images/online.jpg) right bottom no-repeat; width:143px;/*IE6 only*/ position:relative;}
#nav .mainlevel a {color:#666; font-size:15px; text-decoration:none; line-height:43px; display:block; padding:0 20px; width:103px; font-weight:bold;}
#nav .mainlevel a:hover {color:#666; text-decoration:none; }
#nav .mainlevel ul {display:none; position:absolute; left:0; top:42px;}
#nav .mainlevel li {border-top:1px solid #888; background:#333; filter:alpha(opacity=90); width:143px;/*IE6 only*/}
#nav .mainlevel li a{ height:36px; line-height:36px; color:#fff;font-weight: normal;}
#nav .mainlevel li a:hover { color:#fff;background:#0184c7;  filter:alpha(opacity=90);}


/*banner*/
.banner { height: 375px; overflow: hidden; position: relative; }
.banner .d1 { width: 100%; height: 375px; display: block; position: absolute; left: 0px; top: 0px; }
.banner .d2 { width: 100%; height: 20px; clear: both; position: absolute; z-index: 100; left: 0px; bottom: 5px; line-height: 20px; }
.banner .d2 ul { float: left; position: absolute; left: 50%; top: 0; margin: 0 0 0 -96px; display: inline; }
.banner .d2 li { width: 17px; height: 15px; overflow: hidden; cursor: pointer; background: url(../images/img1.png) no-repeat center; float: left; margin: 0 3px; display: inline; }
.banner .d2 li.nuw { background: url(../images/img1_1.png) no-repeat center; }



a.l:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 39px;
	color: #fff;
	text-decoration: none;
}
a.l:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 39px;
	color: #fff;
	text-decoration: none;
}
a.l:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 39px;
	color: #fff;
	text-decoration: none;
}
.line{border-bottom:1px dashed #d7d5d5;}
.css { font-size:12px; color:#222; line-height:25px; text-decoration:none;}
.css02 { font-size:14px; color:#333; line-height:25px; text-decoration:none; font-weight:bold;}
.css03 { font-size:8px; color:#444444; line-height:25px; text-decoration:none;}
.css04 { font-size:12px; color:#222; line-height:25px; text-decoration:none; }
.css05 { font-size:12px; color:#1a7dd2; line-height:25px; text-decoration:none; }
.css06 { font-size:12px; color:#000; line-height:25px; text-decoration:none; padding-left:20px; font-family:Arial, Helvetica, sans-serif; }
.css07 { font-size:18px; color:#fff; line-height:35px; text-decoration:none; }
.css08 { font-size:15px; color:#fff; line-height:25px; text-decoration:none; }
.css09 { font-size:15px; color:#36366e; line-height:25px; text-decoration:none; border-bottom:1px solid #f1f1f1;}
.css10 { font-size:13px; color:#444; line-height:28px; text-decoration:none; }
.css11 { font-size:12px; color:#676767; line-height:20px; text-decoration:none;}

.bgin {
	line-height: 30px;
	color: #606060;
	font-size: 12px;
	text-indent:45px;
	text-decoration: none;
}
.bgin a {
	line-height: 30px;
	color: #08358a;
	font-size: 14px;
	text-decoration: none;
}
.bgin a:link {
	color: #08358a;
	font-size: 14px;
	line-height: 30px;

}
.bgin a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #08358a;
	text-decoration: none;
	display: block;
	line-height: 30px;
	height:30px;
}

.text{border:1px solid #e0e0e0;}
.text02{border:1px solid #e0e0e0; padding:2px;}

.content{width:100%; height:auto; overflow:hidden;}
.commain{ width:1002px; margin:0 auto; padding:10px 0; overflow:hidden;}

.pro_left1 {
	display: block;
	float: left;
	width: 215px;
}
.pro_tit{ width:215px; height:101px;}
.pro_con{width: 213px; overflow:hidden;border:1px solid #dadada;}
.pronav{width: 194px; padding-left:6px;}
.pronav ul{ list-style:none;}
.pronav ul li a{ width:194px; margin:5px; background:url(../images/l_butter.jpg) left center no-repeat;line-height: 31px; text-indent:30px;font-weight: bold; display: block; color:#333;}
.pronav ul li a:hover{color: #1268be; text-decoration:none;}
.lx_con{width: 194px; padding-top:10px; margin:0 auto;}
.lx_conpic{width:194px; height:76px;}
.leftlx{line-height:24px; padding:5px 0; color:#000;}

.right1 {float: right;width: 770px;border:1px solid #dadada; padding-bottom:10px;}
.right_con1{width: 770px; height:39px; overflow:hidden;}
.right_con1 h4{background:url(../images/com_bg.jpg) left center no-repeat;font-size: 14px;line-height: 39px;height: 39px;font-weight: bold;color: #fff; text-indent:15px; display:block;}
.right_connr{width: 755px;line-height:30px; padding:5px; margin:0 auto; font-size:14px; color:#111;}
.pic_con{ float:right; height:339px; background:url(../images/contact1.jpg) right top no-repeat;}

/*新闻列表*/

.news_list { width: 750px; display: block; overflow:hidden;list-style: none; }
.news_list li { border-bottom: 1px dashed #cdcdcd; line-height: 36px; display: block; clear: both; height: 36px; }
.news_list li a { display: block; float: left; width: 620px; background: url(../images/i_ico.png) no-repeat 5px center; padding-left: 18px; outline: none;}
.news_list li span { display: block; float: right;color: #444; font-size:12px; }
.news_time { width: 750px; margin: auto; margin-top: 10px; color: #666; font-family: "微软雅黑", Tahoma, Arial; border-bottom: 1px solid #cdcdcd; padding-bottom: 8px; }
.news_tit { width: 750px; margin: auto; font-family: "微软雅黑", Tahoma, Arial; line-height: 23px; font-size: 16px; color: #0c6fc5; text-align: center; margin-top: 12px; }
.news_con { width: 750px; margin: auto; margin-top: 16px; line-height:30px; padding-bottom: 20px; border-bottom: 1px solid #cdcdcd; }

/*图片列表*/

.ulimg { margin: 0 auto;width: 750px; text-align: center; overflow:hidden; }
.ulimg ul { list-style: none; }
.ulimg li { width: 236px; padding: 3px 3px 3px 10px; float: left; }
.ulimg li img { width: 230px; height: 173px; border: 1px solid #cdcdcd; padding: 2px; }
.ulimg li span { display: block; text-align: center; line-height: 23px; color: #222; font-size: 12px; }

/*flickr style*/
div#flickrpager {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px;; text-align: center;clear:both;}
div#flickrpager a {border: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; padding-left: 6px; padding-bottom: 2px;  color: #0061de; margin-right: 3px; padding-top: 2px; text-decoration: none}
div#flickrpager a:hover {border: #000 1px solid;background-image: none; color: #fff;background-color: #0061de}
div#flickrpager a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de}
div#flickrpager span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px}
div#flickrpager a.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px}

/*badoo style*/
div#badoopager {padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 10px; color: #48b9ef; padding-top: 10px; font-family: arial, helvetica, sans-serif; text-align:center;;clear:both;}
div#badoopager a {border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none}
div#badoopager a:hover {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager a:active {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid}
div#badoopager span.current {border-right: #FF6D06 2px solid; padding-right: 5px; border-top: #FF6D06 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #FF6D06 2px solid; color: #fff; padding-top: 2px; border-bottom: #FF6D06 2px solid; background-color: #ff6c16}
div#badoopager a.disabled {display: none}
div#badoopager input[type=text]{width:30px}