﻿body{font-family:Arial,Microsoft YaHei;font-size:12px;color:#b7a78a;background:#111;}
body,form{margin:0px;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;} 
img{border:0;} 
a{text-decoration:none;color:#a69478;}
a:hover{text-decoration:underline;color:#ecc894;}
ul, li, dl{list-style-type:none;margin:0px;padding:0px;}

.l{float:left;}.r{float:right;}.cl{clear:both;}
.n{font-weight:normal; font-style:normal;}.b{font-weight:bold;}.i{font-style:italic;}
.g0{color:#000000;}.g3{color:#333333;}.g6{color:#666666;}.g9{color:#999999;}
.red{color:red;}.blue{color:blue;}.green{color:green;}.wh{color:white;}.lanhui{color:#273e4a;}
.red a{color:red;}
.p12{font-size:12px;}.p14{font-size:14px;}
.mt6{margin-top:6px;}.mt8{margin-top:8px;}.mt10{margin-top:10px;}.mt12{margin-top:12px;}

.header {background: url(../images/topbg.gif) repeat-x 0px 0px;width: 100%;}
.top {width: 1000px;height: 110px;margin: 0 auto;}
.top h1 {float: left;height: 110px;width: 560px;background-image: url(../images/logo.png);background-repeat: no-repeat;}
.top h1 a {text-indent: -9999px;float: left;height: 110px;width: 385px;}
.top .gs{position:relative;color:#111;margin:36px 0 0;height:40px;line-height:40px; float:right;overflow: hidden;}
.top .gs form{display:block;margin:0;padding:0;}
.top .gs input{display:block;border-radius:3px;height:34px;border:1px solid #444;font-size:1.2em;background-color:#222;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;margin:0;padding:0 35px 0 8px;-webkit-box-sizing:border-box;width:190px;}
.top .gs button{position:absolute;width:34px;height:32px;top:1px;right:5px;background:url("../images/search.png") no-repeat;background-position:8px 6px;background-size:20px;border:0 none;text-indent: -9999px;cursor:pointer;}
.nav {width: 100%;background: url(../images/nav.png) repeat-x 0px 0px;clear: both;height: 44px;}
.nav ul {margin: 0 auto;height: 44px;width: 1000px;padding:0;}
.nav li {line-height: 44px;text-align: center;float: left;height: 44px;width: 125px;font-size: 14px;}
.nav li a {color: #ffedd4;height: 44px;width: 125px;float: left;}
.nav li a:hover {background: url(../images/nav.png) repeat-x 0px -44px;text-decoration: none;color: #f6dcb7;}

#home .nav li.ho1 {background: url(../images/nav.png) repeat-x 0px -44px;}
#about .nav li.ho2 {background: url(../images/nav.png) repeat-x 0px -44px;}
#news .nav li.ho3 {background: url(../images/nav.png) repeat-x 0px -44px;}
#case .nav li.ho4 {background: url(../images/nav.png) repeat-x 0px -44px;}
#client .nav li.ho5 {background: url(../images/nav.png) repeat-x 0px -44px;}
#hr .nav li.ho6 {background: url(../images/nav.png) repeat-x 0px -44px;}
#feedback .nav li.ho7 {background: url(../images/nav.png) repeat-x 0px -44px;}
#contact .nav li.ho8 {background: url(../images/nav.png) repeat-x 0px -44px;}

#full-screen-slider { width:100%; height:480px; float:left; position:relative;}
#slides { display:block; width:100%; height:480px; list-style:none; padding:0; margin:0; position:relative;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:455px; z-index:9900;  padding:5px 15px 5px 0; margin:0;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#601411;}

.cen {margin: 30px auto 0;width: 1000px;}
.cen .iabout {float: left;width: 285px;border-right: 1px solid #1e1e1e;padding-right: 36px;}
.cen .inews {float: left;width: 285px;margin-left: 36px;padding-right: 36px;border-right: 1px solid #1e1e1e;}
.cen .icontact {float: left;width: 285px;margin-left: 35px;}
.cen h3 {font-size: 16px;line-height: 40px;background-image: url(../images/titbg.gif);background-repeat: no-repeat;height: 40px;font-weight: normal;color: #ffe1bf;}
.cen .iabout h3 {padding-left: 75px;background-position: 0px 0px;}
.cen .inews h3 {padding-left: 53px;background-position: 0px -100px;}
.cen .icontact h3 {padding-left: 80px;background-position: 0px -200px;}
.cen .itxt {margin: 10px 0;line-height: 26px;}
.cen ul.iurl {margin: 10px 0;}
.cen ul.iurl li {line-height: 26px;height: 26px;overflow: hidden;background-image: url(../images/ico.gif);background-repeat: no-repeat;background-position: 0px 11px;padding-left: 10px;}
.cen ul.iurl li span {font-size: 11px;float: right;color: #564840;}
.cen .imore a {background-image: url(../images/morebg.gif);background-repeat: no-repeat;height: 22px;width: 64px;float: right;text-align: center;padding-left: 23px;line-height: 22px;color: #d9b591;}

.icase {margin: 30px auto 0;width: 1000px;}
.icase h2 {background-image: url(../images/titcase.gif);background-repeat: no-repeat;height: 50px;text-indent: -9999px;}
.icase ul {float: left;margin: 15px 0 0;width:1848px;}
.icase li {float: left;width: 160px;margin: 6px 8px 6px 0;}
.icase li img {height: 122px;width: 158px;border: 1px solid #674a44;}
.icase li.noli {margin-right: 0px;}

.bancla {height: 150px;width: 100%;}
#about .bancla {background: url(../images/cla_about.jpg) no-repeat center;}
#news .bancla {background: url(../images/cla_news.jpg) no-repeat center;}
#case .bancla {background: url(../images/cla_case.jpg) no-repeat center;}
#client .bancla {background: url(../images/cla_client.jpg) no-repeat center;}
#hr .bancla {background: url(../images/cla_hr.jpg) no-repeat center;}
#feedback .bancla {background: url(../images/cla_feedback.jpg) no-repeat center;}
#contact .bancla {background: url(../images/cla_contact.jpg) no-repeat center;}

.content {margin: 10px auto 0;width: 1000px;}
.content .zuo {float: left;width: 205px;}
.content .zuo .menu {width: 204px;border-right: 1px solid #333;}
.content .zuo .menu h3 {background-image: url(../images/menubg.gif);background-repeat: no-repeat;background-position: 0px 0px;line-height: 68px;height: 68px;font-size: 18px;font-weight: 700;padding-left: 26px;border-bottom: 1px solid #333;padding-top: 10px;}
.content .zuo .menu h3 em {font-size: 12px;font-style: normal;color: #750001;text-transform: uppercase;padding-left: 8px;font-weight: normal;}
.content .zuo .menu li {line-height: 41px;height: 41px;border-bottom: 1px solid #333;}
.content .zuo .menu li a {height: 41px;width: 144px;padding-left: 60px;font-size: 14px;background-image: url(../images/menubg.gif);background-repeat: no-repeat;background-position: 0px -118px;float: left;}
.content .zuo .menu li a:hover {color: #FFF;background-image: url(../images/menubg.gif);background-repeat: no-repeat;background-position: 0px -159px;text-decoration: none;}
.content .zuo .menu li.hov a {color: #FFF;background-image: url(../images/menubg.gif);background-repeat: no-repeat;background-position: 0px -159px;text-decoration: none;}
.content .zuo .icontact {margin-top: 10px;}
.content .zuo .icontact h3 {font-size: 14px;line-height: 32px;height: 32px;font-weight: 700;background-image: url(../images/line.gif);background-repeat: no-repeat;background-position: 0px bottom;padding-left: 13px;}
.content .zuo .icontact h3 span {font-size: 12px;float: right;font-weight: normal;}
.content .zuo .icontact h3 em {color: #750001;font-size: 10px;font-style: normal;margin-left: 10px;text-transform: uppercase;font-weight: normal;}
.content .zuo .icontact img {width: 205px;height:86px;}
.content .zuo .icontact p em {font-size: 17px;font-style: normal;font-weight: 700;color: #F00;}

.content .you {float: left;width: 755px;margin-left: 40px;}
.content .you h4 {background-image: url(../images/line.gif);background-repeat: no-repeat;background-position: 0px bottom;line-height: 32px;height: 36px;font-size: 14px;font-weight: normal;padding-left: 10px;}
.content .you h4 em {font-style: normal;color: #F30}

.content .you .conpage {font-size: 14px;line-height: 200%;padding: 15px 5px;word-break:break-all;/*支持IE，chrome，FF不支持*/word-wrap:break-word;/*支持IE，chrome，FF*/white-space:normal;}
.content .you .conpage p {line-height: 200%;padding: 0 0 10px 0;font-size: 14px;}
.content .you .newslist {font-size: 14px;padding: 15px 5px;}
.content .you .newslist li {font-size: 14px;line-height: 36px;height: 36px;border-bottom: 1px dashed #333;overflow: hidden;}
.content .you .newslist li a {background-image: url(../images/ico.gif);background-repeat: no-repeat;background-position: 0px 16px;padding-left: 12px;float: left;}
.content .you .newslist li span {font-size: 12px;color: #888;float: right;font-family: Arial;}

.xxnr {border-bottom: 1px dashed #ddd;}
.content .you .khlist ul {margin: 8px 1px 2px 0;float: left;}
.content .you .khlist li {float: left;width: 160px;text-align: center;margin: 10px 14px;}
.content .you .khlist li span {line-height: 20px;display: block;height: 40px;overflow: hidden;font-size: 14px;margin: 5px 0 10px;}
.content .you .khlist li img {height: 122px;width: 158px;background-color: #222;padding: 1px;border: 1px solid #444;}

.content .you .piclist ul {margin: 8px 3px 2px 2px;float: left;}
.content .you .piclist li {float: left;width: 220px;text-align: center;margin: 10px 15px;}
.content .you .piclist li span {line-height: 30px;display: block;height: 30px;overflow: hidden;font-size: 14px;}
.content .you .piclist li img {height: 166px;width: 216px;background-color: #222;padding: 1px;border: 1px solid #444;}

.content .caselist ul {float: left;}
.content .caselist li {height: 290px;width: 230px;float: left;margin-right: 32px;margin-top: 15px;}
.content .caselist li a {color: #93664c;}
.content .caselist li img {height: 158px;width: 228px;border: 1px solid #444;}
.content .caselist li h5 {font-size: 14px;line-height: 36px;height: 36px;overflow: hidden;}
.content .caselist li p {line-height: 20px;padding-bottom: 8px;}

#conx {font-size: 16px;line-height: 200%;margin: 15px auto;width: 1000px;}
#conx p {line-height: 200%;padding-bottom: 12px;}

.content .you .conpage h2.newstit {font-size:22px;color: #ecc894;text-align: center;line-height: 26px;padding: 5px;}
.content .you .conpage div.newsinfo {border-bottom: 1px solid #222;font-size: 12px;text-align: center;padding-bottom: 6px;padding-top: 2px;}
.content .you .conpage div.newsinfo em {font-style: normal;color: #888;line-height: 18px;height: 18px;padding:0 5px;}
.content .you .conpage div.nr {padding: 15px 0;}

.footer {margin: 20px auto 0;width: 100%;color: #9a7b69;clear: both;border-top: 1px solid #35302d;}
.footxt{line-height:24px; padding:15px 0;margin:0 auto;width:1000px; text-align:center;}
.footer a {color: #9a7b69;}

.edit {padding:6px;border: 1px solid #444;height: 24px; background:#222; color:#a69478; font-size:14px;}
.clabut{color: #ffedd4;height: 50px;width: 200px;border: 0px;cursor:pointer;background-color: #3a0c0e;font-size: 26px;-moz-border-radius:15px;-khtml-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}

.listpage {margin-top: 20px;border: 0px solid #333;text-align: center;/*background-color: #222;height: 32px;line-height: 32px;*/clear: both;}
.listpage a {COLOR: #c8b79e;MARGIN-RIGHT: 2px;TEXT-DECORATION: none;padding: 4px 6px;border: 1px solid #333;}
.listpage a:hover {COLOR: #c8b79e;BACKGROUND-COLOR: #333;text-decoration: none;border: 1px solid #444;}
.listpage a:active {COLOR: #c8b79e;BACKGROUND-COLOR: #333;border: 1px solid #444;}
.listpage span.current {FONT-WEIGHT: bold;COLOR: #222;MARGIN-RIGHT: 2px;BACKGROUND-COLOR: #c8b79e;border: 1px solid #333;padding: 4px 6px;}
.listpage span.disabled {COLOR: #ccc;MARGIN-RIGHT: 2px;border: 1px solid #444;padding: 4px 6px;}

.list_page, .pageLink {margin: 15px 5px;}
.pageLink a, .list_page a, .list_page b {padding: 2px 6px 1px;border: 1px solid #333;background: #222;text-align: center;display: inline;font-size: 14px;}
.pageLink a:hover, .list_page a:hover{border: 1px solid #333;background: #444;text-align: center;font-weight: bold;text-decoration: none;}
