@charset "utf-8";

/* base */
/*共用部分*/
body {
	font: 12px/20px 思源宋体, "思源宋体";
	color:#666;
	background:#d0e8f4;
	margin: 0px;
	text-align:center;
}
*{ padding:0; margin:0; font-family:"思源宋体" !important;}
a { color:#666; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.clearboth { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }
.page{ text-align:center; width:700px; float:left; padding:20px 0;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#c30;}
.fd_right{ float:right;}
.fd_left{ float:left; margin-right:10px;}
/*共用部分结束*/

.wrapper{ width:100%; margin:0 auto; text-align:left; height:237px;}
.wrapper1{ width:970px; margin:0 auto; text-align:left; overflow:hidden;}
.wrapper2{ width:100%; margin:0 auto; text-align:left; overflow:hidden; border-top:solid 1px #000000;}

/*头部header部分*/
.header{width:970px; margin:0 auto; background:#88d7fe}
.header .tou{ width:970px; margin:0 auto}
.header .tou .logo{ float:left; width:674px; height:135px; padding-top:18px; padding-bottom:18px;}
.header .tou .logo img{/*float:left;*/}
.header .tou .logo a h2{ text-align:left; font-size:28px; color:#af0d08; line-height:20px; margin:-10px 0 0 176px; font-family:"黑体";}
.header .tou .logo h1{ display:block;float:left; margin-top:50px; color:#000; margin-left:85px;font-size:27px;}
.header .tou .top_right{ float:right; width:255px; _width:230px; margin-right:10px;}
.header .tou .top_right p{ text-align:right; margin-top:10px; width:255px; _width:230px; _margin-top:0px; }
.header .tou .top_right p.xx{ margin-top:10px; margin-right:10px; _margin-top:-10px;}
.header .tou .top_right .ss{ width:198px; height:24px; float:left; _width:160px;}
.header .tou .top_right .ss1{ width:51px; height:24px; float:left; margin-left:3px;}
.header .tou .top_right .gjc{ width:255px; color:#000000; _width:211px;}
.header .tou .top_right a{ padding:0 6px;}
.header .dh{ width:970px; margin:0 auto;  background:url(../images/bj_04.jpg) repeat-x top; clear:both; height:36px;}
.header .nav { margin:0 auto; font-weight:bold; color:#fff; height:36px; line-height:36px; width:970px; font-size:14px}
.header .nav ul li{ float:left; width:106px; height:36px; margin-left:15px; _margin-left:12px;}
.header .nav ul li.first{ background:url(../images/nav.png) no-repeat}
.header .nav ul li.no_border{ border:none;}
.header .nav ul li a{ color:#0e263f; display:block; padding:0 21px;}
.header .nav ul li a:hover{color:#000066; background:url(../images/nav.png) no-repeat;}
#menu2 {}
#menu2 ul {float:left;}
#menu2 li { position: relative;}
#menu2 li a { float:left;}
#menu2 ul ul { display:none;  position:absolute; top:36px;  left:0; z-index:1}
#menu2 ul ul li{ padding:0px;}
#menu2 ul ul li a{ background:#d0e5fe; display:block; overflow:hidden; white-space:nowrap; width:200px; padding:0; text-align:center; color:#0e263f;}
#menu2 ul ul li a:hover{ background:url(../images/nav.jpg) no-repeat; color:#FFFFFF}
/*头部header部分结束*/

/*首页中间内容部分开始*/
.main{ width:970px; float:left; padding-top:10px; _width:980px; background:#FFFFFF}
.main .left{ width:260px; float:left;} 
.main .left .product{ width:258px; border:solid 1px #e2e1e1; margin-bottom:10px; float:left; background:#FFFFFF}
.main .left .product .title{ width:256px; height:31px; background:#d2e7fe; margin-left:1px; margin-top:1px; line-height:31px;}
.main .left .product .title a{ float:right; color:#000000}
.main .left .product .title span{ float:left; background:url(../images/icon_22.jpg) no-repeat left; padding-left:15px; margin-left:10px; color:#060c54; font-size:14px; font-weight:bold}
.main .left .product .intro{ background:#FFFFFF}
.main .left .product .intro ul{ width:230px; padding-top:12px; margin-left:13px; padding-bottom:12px;}
.main .left .product .intro ul li{ border-bottom:dashed 1px #8b9cbd; background:url(../images/icon1_27.jpg) no-repeat left; padding-left:15px; line-height:33px;}
.main .left .product .intro1{ background:#FFFFFF}
.main .left .product .intro1 ul{ width:236px; margin-left:10px;}
.main .left .product .intro1 ul li{ float:left; margin-top:10px; height:41px; width:113px; margin-right:3px;}
.main .left .product .intro1 ul li img{ height:41px; width:113px;}
.main .left .product .intro2{ background:#FFFFFF}
.main .left .product .intro2 ul{ width:236px; padding-top:12px; margin-left:10px; padding-bottom:12px;}
.main .left .product .intro2 ul li{ margin-bottom:10px; text-align:left;}
.main .left .product .intro2 ul li a{ color:#000000}

.main .right{ width:702px; float:right;} 
.main .right .banner{ width:700px; height:209px; float:left; border:solid 1px #FFFFFF; margin-bottom:10px;}
.main .right .tjcp{ width:700px; border:solid 1px #e2e1e1; margin-bottom:10px; float:left; background:#FFFFFF}
.main .right .tjcp .title{ width:698px; height:31px; background:url(../images/icon_19.jpg) repeat-x; margin-left:1px; margin-top:1px; line-height:31px;}
.main .right .tjcp .title a{ float:right; color:#000000}
.main .right .tjcp .title span{ float:left; background:url(../images/icon_22.jpg) no-repeat left; padding-left:15px; margin-left:10px; color:#060c54; font-size:14px; font-weight:bold}
.main .right .tjcp .intro{ background:#FFFFFF}
.main .right .tjcp .intro ul{ width:678px; padding-top:12px; margin-left:13px; padding-bottom:12px;}
.main .right .tjcp .intro ul li{float:left; margin-top:10px; margin-left:18px; margin-bottom:18px; _margin-left:10px; height:183px; _height:190px;}
.main .right .tjcp .intro ul li p{ width:143px; text-align:center}
.main .right .tjcp .intro ul li img{ height:123px; width:143px; border:solid 1px #CCCCCC}
.main .right .tjcp .intro1{ background:#FFFFFF;}
.main .right .tjcp .intro1 p{ width:663px; margin-left:13px; padding-bottom:12px; float:left; text-align:left; line-height:32px; _width:650px;}
.main .right .tjcp .intro1 p img{ max-width:100%; height:auto;}
.main .right .tjcp .intro1 .tu{ float:left; width:170px; margin-top:10px; margin-left:10px; text-align:left; line-height:26px;}
.main .right .tjcp .intro1 .tu1{ float:left; width:500px; margin:10px 0 0 10px;}
.main .right .tjcp .intro1 .tu1 img{ max-width:100%; height:auto;}
.main .right .tjcp .intro1 .nr{ /*float:right; width:480px;*/ text-align:left; margin-right:30px; margin-left: 10px; line-height:32px;}
/*首页中间内容部分结束*/

/*内页中间内容部分开始*/
/*左边*/
.banner1{ width:968px; height:209px; border:solid 1px #FFFFFF; float:left; margin-bottom:15px;}
.banner1 img{ width:968px; height:209px;}
.sidebar{ width:200px; float:left; border:solid 1px #e2e1e1;}
.sidebar .title{ width:198px; height:31px; background:url(../images/icon_19.jpg) repeat-x; margin-left:1px; margin-top:1px; line-height:31px;}
.sidebar .title span{ padding-left:15px; color:#000066; background:url(../images/icon_22.jpg) no-repeat left; margin-left:10px;}
.sidebar .intro{background:#FFFFFF}
.sidebar .intro ul{ width:178px; padding-top:12px; margin-left:10px; padding-bottom:12px;}
.sidebar .intro ul li{ border-bottom:dashed 1px #ccc; padding-left:10px;}
.sidebar .intro ul li a:hover{ color:#c30;}

#menu { float:left; line-height:30px;}
#menu ul {float:left; width:189px;}
#menu li { float:left; position: relative;}
#menu li a { display: block; float:left; padding-left:15px; width:150px;}
#menu li.ee a { display: block; float:left; padding-left:15px; width:200px;}
#menu li a:hover { color:#000066;}
#menu ul ul { display: none;  position: absolute; top: 0;  left:160px; }
#menu ul ul.er { display: none;  position: absolute; top: 0;  left:207px; }
#menu ul ul li{ background:#D0E5FE; padding:0px; border-bottom:solid 1px #dadada; width:200px;}
#menu ul ul li a{ padding:0px 10px; overflow:hidden; white-space:nowrap; color:#000; width:200px;}
#menu ul ul li a:hover{ color:#000066;}
/*右边*/
.content{ width:755px; float:right; border:solid 1px #e2e1e1;} 
.content .title{ height:31px; background:url(../images/icon_19.jpg) repeat-x; margin-left:1px; margin-top:1px; line-height:31px; width:753px;}
.content .title span{ padding-left:15px; color:#000066; background:url(../images/icon_22.jpg) no-repeat left; margin-left:10px;}
.content .intro{background:#FFFFFF; padding:15px;}
.content .intro p{ margin-bottom:6px; line-height:25px;}

.content .product_list{ background:#FFFFFF; padding:15px;}
.content .product_list ul li{ width:154px; height:195px; overflow:hidden; float:left; margin:0 39px; text-align:center;}
.content .product_list ul li img{ width:150px; height:120px; border:solid 1px #dadada; padding:1px;}
.content .product_list ul li span{ display:block;}

.content .product_show{background:#FFFFFF; padding:15px;}
.content .product_show ul li{ float:left; margin-bottom:20px; width:640px;}
.content .product_show ul li.pic{ text-align:center; border-bottom:dashed 1px #ccc;}
.content .product_show ul li.pic span{ display:block; font-weight:bold;}
.content .product_show ul li.nr p.jc{font-weight:bold;}
.content .product_show ul li img{ width:150px; height:120px;}

.content .news_list{background:#FFFFFF; padding:15px;}
.content .news_list ul li{ width:700px; float:left; margin-bottom:16px; border-bottom:dashed 1px #ccc; padding-bottom:2px; padding-left:22px;}
.content .news_list ul li span{ color:#1a5ea5; float:right; padding-right:10px;} 
.content .news_list ul li a:hover{ color:#0b8bd2;}

.content .news_show{background:#FFFFFF; padding:15px;}
.content .news_show ul li.bt{ font-size:14px; font-weight:bold; text-align:center;}
.content .news_show ul li.date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #999;}
.content .news_show ul li.nr{ padding:8px 18px;}
.content .news_show ul li.nr p{ margin-bottom:10px; line-height:26px;}
.content .news_show ul li.back{ text-align:center;}
.content .news_show ul li.back a:hover{ color:#ec6100;}

.content .feedback{ background:#FFFFFF; padding:15px;}
.content .feedback table thead{ font-weight:bold;}
.content .feedback table tr td{ padding:4px;}
.content .feedback table tr td a:hover{ color:#c30;}
.content .feedback table input, .content .feedback table textarea{ border:solid 1px #ccc;}
.content .feedback table input.button{background:#256AB6; color:#fff; cursor:pointer; padding:2px 4px;}

.content .job{background:#FFFFFF; padding:15px;}
.content .job table{ background:#EAEAEA; margin-bottom:20px;}
.content .job table thead{ font-weight:bold;}
.content .job table tr td{ background:#fff; padding:4px;}
.content .job table tr td a:hover{ color:#c30;}
/*内页中间内容部分结束*/

/*脚部分开始*/
.footer{ text-align:center; width:970px;color:#161515; line-height:30px; margin:0 auto; background:#d0e8f4;}
.footer .bq{ /*float:left;*/ margin-top:10px; margin-left:10px;}
.footer .js{ float:right;margin-top:10px; margin-right:10px;}
.footer .js a{ color:#000000}
.footer .js a:hover{ color:#FF9900}
.js2{width:970px; /*text-align:left;*/}
.js2 a{color:#F00;}
/*脚部分结束*/