@charset "utf-8";
/* CSS Document */

body,* { margin:0px; padding:0px; font-family:Arial, '宋体'; }
table,tr,td,p,b,strong,img { margin:0px; padding:0px; }


#header,#main,#foot,.wid100% { width: 100%; clear:both; text-align: center; margin:auto; overflow: hidden; }
#toper { width: 100%;height:100px; overflow:hidden; clear:both; text-align: center;  background: url(../images/head-bg.gif) no-repeat center ; }

#clear { width: 100%; height:15px; background-color:#a0735e; }
#menu { width: 100%; height:35px; line-height: 35px; background-color:#ba150f; text-align: center;}
#menu a,#menu a:hover { font-size: 16px; font-weight: bold;color: #FFFFFF; text-decoration: none; }
#banner { width: 100%; height: 250px; clear:both; text-align: center;  margin:auto; overflow: hidden;  }

#main { margin: 10px auto; }
#left{ float: left; width: 495px; }
#right{ float: right; width: 470px; }

#foot { background-color:#ba150f;height:90px; margin: 10px auto; border-top:solid 5px #a0735e; }
#foot p { padding-top: 15px; color: #FFFFFF; line-height: 28px; text-align: center; font-size: 12px; }
.w980 { width: 980px; text-align: center; margin:auto; overflow: hidden; }

.logo {float: left; width:300px; padding-top: 15px; }
.logo_info {float: left; width:300px; padding-top: 70px; font-size:14px; text-align: left; }
.header_info{float: right; width: 260px; font-size:20px; font-weight: bold; text-align: center; padding-top: 50px; }

.font-12 { font-size: 12px; line-height: 200%; text-align: left; }

#contact { float: left; width: 372px; }
#about{ float: left; width: 607px; background: url(../images/bg4.gif) no-repeat left 37px; }

#contact h2.title { width: 372px;height: 44px;background: url(../images/t3.jpg) no-repeat; text-align: left;font-family: Microsoft Yahei;font-size: 18px;color: #FFF; }
#about h2.title { width: 607px;height: 38px;background: url(../images/t4.jpg) no-repeat; text-align:left; background-color:#8e0404;font-family: Microsoft Yahei;font-size: 18px;color: #FFF; }
#contact h2.title span,#about h2.title span { display: block; float: left;height: 38px;line-height: 38px;font-size: 18px;font-family: Microsoft Yahei;color: #FFF;text-indent: 20px;}

#contact h2 a,#about h2 a,#contact h2 a:hover,#about h2 a:hover { color: #FFFFFF; font-size: 18px; }
div .ul { margin: 10px 10px 10px 20px ;height: 240px;overflow: hidden;line-height: 24px;color: #444;font-size: 14px; text-align:left }

.case ul, .case ul li dl {margin: 0px; padding: 0px;}
.case ul li { float: left; height:231px; list-style: none; padding: 1px 1px;}
.case ul li .fat { width:400px; }
.case ul li .narraw{ width:190px; }
.case ul li dl dt { height:180px; overflow: hidden; }
.case ul li dl dd { height:50px; line-height: 50px; }
.case .fat dd { background-color: #ba150f; }
.case .narraw dd { background-color: #a0735e; }
.case .fat a,.case .fat a:hover { text-decoration: none; color: #FFFFFF; }
.case .narraw a,.case .narraw a:hover { text-decoration: none; color: #333333; }

.left { float: left; width:250px; overflow: hidden; text-align: left; }
.right { float:right; width: 710px; overflow: hidden; text-align: left; margin-right:10px; margin-top:10px; }

.left h2{ height:45px; line-height:45px; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px; color: #FFFFFF;font-family: 'Microsoft Yahei'; }
.right h2{ height:35px; line-height:30px; font-size: 18px; font-weight: bold; text-align: left; color: #FFFFFF;font-family: 'Microsoft Yahei'; }
.right .location { text-align: right; font-size:12px; line-height:25px; height:25px; }
.right .location a{ color: #333333; text-decoration:none; }
.right .location a:hover{ color: #333333; text-decoration: underline; }
.right .info h3 { width: 100%; clear: both; line-height: 35px; height: 35px; font-size:18px; font-weight: bold; margin:0px; padding:0px; text-align:center }
.right .info em { width: 100%; clear: both; text-align:center; display:block; }
.right .info { text-align: left; width: 100%; clear: both;  }
.right .info p { line-height: 30px; color: #444;font-size: 14px; }
.right .info  ul,.right .case ul { margin:0px; padding:0px; }
.right .info  ul li { clear:both; height: 35px; line-height: 35px; font-size: 12px; list-style: none; border-bottom: dotted 1px #CCCCCC; }
.right .info  ul li a { float:left; color: #333333; text-decoration: none; width: 620px; overflow:hidden; padding-left: 5px; }
.right .info  ul li a:hover { text-decoration: underline;  }
.right .info  ul li span { float: right; width: 80px; text-align: left; overflow: hidden; }
.right .case ul li span { line-height: 30px; font-size:12px; height: 30px; overflow:hidden; }
.right .case ul li a { color: #333333; text-decoration: none;  }
.right .case ul li a:hover {  text-decoration: underline; }

.red { color: #FF0000; }

#page { clear: both; width: 100%; line-height: 200%; font-size: 12px; text-align: center; }

.link { line-height20px; text-align:left;margin-top:10px;  }
.link a, .link a:hover { color: #333333; text-decoration: none;  }