﻿@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0px;padding:0px;font-size:12px; font-family:Arial,Helvetica, sans-serif,"宋体";}
table{border-collapse:collapse;}
a img{border:0px;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
ul,li {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, button, textarea, select {font-family:inherit;font-size:12px; vertical-align:middle;}
a{text-decoration:none; color:#000;}/*outline:none;*/
a:hover{ text-decoration:underline;}
/****resetend***/

/*公共样式部分*/
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear:both;
visibility: hidden;
}
.clearfix { _zoom:1;}


/*通用样式部分*/
html{ background:url(../images/bg.gif) top no-repeat fixed;}
body{ background:url(../images/tiao.gif) top center repeat-y fixed; height:100%;}
.top{ height:120px; width:950px; margin:0 auto; position:relative;}
.top .logo{
	position:absolute;
	left:10px;
	top:20px;
	background:url(../images/logo.jpg) no-repeat;
	height:47px;
	width:478px;
}
.top .tel{ width:219px; height:34px; background:url(../images/tel.jpg) left no-repeat; padding-left:34px; position:absolute; right:10px; top:30px; font-size:16px; font-weight:bold; color:#F00; font-family:Verdana, Geneva, sans-serif; line-height:34px;}
.top .menu{ height:36px; width:950px; position:absolute; top:85px; left:0; line-height:36px; background:url(../images/menu.gif) repeat-x;}
.top .menu ul{ padding-left:29px;}
.top .menu ul li{ display:block; float:left; background:url(../images/ico1.png) right no-repeat; padding-right:1px; font-size:14px;}
.top .menu ul li.last{ background:none;}
.top .menu ul li a{ display:block; height:36px; float:left; line-height:36px; padding:0 22px; text-align:center; font-weight:bold; color:#fff;}
.top .menu ul li a:hover,.top .menu ul li a.hover{  color:#000; background:#ddd; text-decoration:none;}

/*****top******/

.banner{ width:950px; height:244px; margin:0 auto; margin-top:10px;}

.indexPro{ width:950px; height:220px; margin:10px auto 10px;}
.indexPro .txt{ height:36px; background:url(../images/index2_05.jpg) bottom repeat-x;}
.indexPro .txt ul{}
.indexPro .txt ul li{ cursor:pointer; display:block; float:left; width:128px; height:36px; line-height:36px; text-align:center; margin-right:5px; background:url(../images/index2_03.jpg) no-repeat;}
.indexPro .txt ul li span{ color:#666; font-weight:bold;}
.indexPro .txt ul li.sd01{ background:url(../images/index2_04.jpg) no-repeat;}
.indexPro .txt ul li.sd01 span{ color:#186ccc;}
.indexPro .pic{ height:183px; background:#fafafa; border:1px solid #ebebeb; border-top:none; overflow:hidden; width:950px;}
.indexPro #sy_marquee{ height:180px; background:#fafafa; border:1px solid #ebebeb; border-top:none; overflow:hidden; width:950px;}
.indexPro .none{ display:none;}
.indexPro .pic ul{ padding-top:10px; padding-left:26px;}
.indexPro .pic ul li{ display:block; float:left; width:137px; height:172px;  margin-right:15px;}
.indexPro .pic ul li div{ background:#fff; border:1px solid #ccc; width:135px; height:140px;}
.indexPro .pic ul li div a{ width:135px; height:140px; display: table-cell; vertical-align:middle; text-align:center; *display: block; *font-size: 122px; *font-family: Arial; overflow:hidden;}
.indexPro .pic ul li div a img{ vertical-align:middle;}
.indexPro .pic ul li span{ display:block; height:30px; line-height:30px; text-align:center;}

.indexCon{ width:950px; margin:0 auto; height:210px; background:url(../images/nr-d.gif) repeat-x top; padding-top:20px; overflow:hidden;}
.indexCon h3{ color:#045dbc; font-weight:bold; margin-bottom:5px; font-size:14px;}
.indexCon .about{ width:285px; float:left; background:url(../images/shuxian.gif) top right no-repeat; padding-right:22px; padding-left:15px;}
.indexCon .about .con{ line-height:20px; text-indent:24px;}
.indexCon .news{ width:300px; background:url(../images/shuxian.gif) right top no-repeat; padding-right:22px; float:left;}
.indexCon .news ul{}
.indexCon .news ul li{ display:block; line-height:25px; height:27px; padding-left:20px; background:url(../images/news_jiantou.gif) 0 2px no-repeat;}
.indexCon .news ul li a:hover{ color:#e57100;}
.indexCon .case{ width:300px; float:left; background:url(../images/tell.png) bottom right no-repeat;}
.indexCon .case .con{ line-height:26px; }


.foot{ background:#f4f4f4; width:930px; margin:0 auto;  line-height:22px; padding:10px; padding-bottom:30px; color:#000; font-size:13px;}


.news{ width:100%;}
.news ul{}
.news ul li{ display:block; line-height:25px; height:27px; padding-left:20px; background:url(../images/news_jiantou.gif) 0 2px no-repeat;}
.news ul li a:hover{ color:#e57100;}


/************内页********/
.content{ width:950px; margin:10px auto; overflow:hidden; border-bottom:3px solid #f3f2f2; padding-bottom:8px;}
.content .left{ width:250px; float:left;}
.content .left .class{ background:url(../images/left-di.gif) bottom left no-repeat; padding-bottom:8px;}
.content .left .class .title{ height:32px; line-height:34px; background:url(../images/left-bt-d.gif) no-repeat; padding-left:25px; color:#003370; font-weight:bold; font-size:14px;}
.content .left .class .con{ background:url(../images/left-d.gif) repeat-y; padding:5px;}
.content .left .class .con ul{ padding:10px;}
.content .left .class .con ul li{ display:block; height:26px; line-height:26px; background:url(../images/jiantou.gif) 20px 8px no-repeat; padding-left:40px; color:#000; font-size:13px;}
.content .left .class .con ul li a{ color:#999; font-weight:bold;}
.content .left .class .con ul li a:hover{ text-decoration:none; color:#f90;} 

.content .left .contact{ margin-top:10px; background:url(../images/left-di.gif) bottom left no-repeat; padding-bottom:8px;}
.content .left .contact .title{ height:32px; line-height:34px; background:url(../images/left-top.gif) no-repeat; padding-left:25px; color:#003370; font-weight:bold;font-size:14px;}
.content .left .contact .con{ background:url(../images/left-d.gif) repeat-y; padding:5px; padding-left:20px; line-height:28px; color:#999; font-size:14px; color:#000;}


.content .right{ float:right; width:685px;}
.content .right .title{ height:38px; line-height:38px; background:url(../images/right_t.gif) no-repeat; padding-left:30px; margin-bottom:5px; font-weight:bold; color:#003370; font-size:14px;}
.content .right .con{ background:#f3f2f2; min-height:350px; padding:10px; line-height:22px; overflow:hidden;}

.content .right .con .news_list{ padding:30px;}
.content .right .con .news_list li{ display:block; height:28px; line-height:28px; background:url(../images/news_jiantou.gif) left 3px no-repeat; padding-left:20px;}
.content .right .con .news_list li a{ float:left; color:#333;}
.content .right .con .news_list li a:hover{ color:#00F; text-decoration:none;}
.content .right .con .news_list li span{ float:right; color:#999;}
.news_title{ font-size:14px; font-weight:bold; text-align:center; margin-bottom:15px;}

ul.pro_list{ padding-top:10px; padding-left:30px;}
ul.pro_list li{ display:block; float:left; width:137px; height:172px;  margin-right:15px;}
ul.pro_list li div{ background:#fff; border:1px solid #ccc; width:135px; height:140px;}
ul.pro_list li div a{ width:135px; height:140px; display: table-cell; vertical-align:middle; text-align:center; *display: block; *font-size: 122px; *font-family: Arial; overflow:hidden;}
ul.pro_list li div a img{ vertical-align:middle;}
ul.pro_list li span{ display:block; height:30px; line-height:30px; text-align:center; }

.content .right .con .pic1{ text-align:center;}
.content .right .con .pic1 img{ border:1px solid #CCC; background:#fff; padding:3px; max-width:500px;}
.content .right .con .pro_title{ font-size:14px; font-weight:bold; margin:10px 0;}
