@charset "utf-8";

/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a { color:#000; text-decoration:none; }
a:hover {  color:#8e000c;}
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }

/* css base */
body { background:url(../images/body_bg.jpg) repeat-x top; font-family: "微软雅黑","宋体"; font-size:12px; color:#666; text-align:center; line-height:1.8;}
.wrapper { width:980px; margin:0 auto; text-align:left; background:#FFF;}
.left{ float:left;}
.right{ float:right;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { +display:none; clear:both;}

/* css main page */
.headbox{ width:100%; height:145px; background:url(../images/head_bg.jpg) no-repeat center top;}
.head{ width:1100px; height:145px; margin:0 auto;}
.head_r{ float:right; width:220px; height:145px;}
.head_cn{ float:left; width:220px; height:11px; color:#000; text-align:left; margin:20px 0 30px;}
.head_cn a{ padding:0 15px; text-align:center;}
.head_cn a img{ vertical-align:middle; padding-right:5px; }

.search{ width:220px; height:36px; float:left; background: url(../images/search_bg.png) no-repeat 0 0; }
.search input{width:139px; height:36px; float:right; color:#595959; padding-left:35px; background: none; border: none; line-height:36px; font-size:12px;}

.nav_box{ width:100%; height:49px; background:url(../images/nav_bg.jpg) repeat-x 0 0;}
.nav{ width:1100px; margin:0 auto; height:49px; line-height:49px;}
.nav li{ float:left; width:144px; height:49px; background:url(../images/nav_line.jpg) no-repeat right 0;} 
.nav li a{ display:block; width:142px; height:49px; line-height:49px; font-size:14px; color:#fff;}
.nav li a:hover,.nav li.hover a{ background:url(../images/nav_h.jpg) no-repeat center 3px;}

.banner{ width:100%;  height:579px; }

.fullSlide { width: 100%; position: relative; height: 579px; background: #fff; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 579px; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 579px; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; background: url(../images/touming.png) repeat-x; text-align: center; _background: #000; _filter: alpha(opacity=60); }
.fullSlide .hd ul { text-align: center; padding-top: 5px; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 8px; height: 8px; margin: 5px; background: url(../images/tg_flash_p.png) -18px 0; overflow: hidden; line-height: 9999px; }
.fullSlide .hd ul .on { background-position: 0 0; }

.main{ width:1100px; margin:0 auto; overflow:hidden; }
.main_about{ width:100%; background:url(../images/about_bg.jpg) no-repeat center top; height:598px;}
.about{ float:left; width:1100px; margin:130px 0 5px;  text-align:left;}
.about h1{height:140px; width:1100px; float:left;  font-size:14px; color:#000;}
.about h1 p{text-indent:2em; letter-spacing:1px; font-size:12px; line-height:18px;}
.about h2 a{ float:right; color:#8e000c;}

.main_title{ width:1100px; float:left; margin:50px 0 60px;}
.main_title2{ width:1010px; float:left; margin:33px 0 13px;}

.pro_list{ float:left; width:1100px; height:227px;}
.pro_list li{ float:left; width:173px; height:209px; background: url(../images/pro_bg.jpg) no-repeat 0 0; padding:9px; margin:0 14px; position:relative;}
.pro_list li img{ position:absolute; left:9px; top:9px;}
.pro_list li h1{width:173px; height:134px; font-size:16px; padding-top:75px; color:#fff;}

.news_list{ float:left; width:1100px; text-align:left; margin-bottom:55px;}
.news_list dl{ float:left; width:540px; margin-right:10px; height:75px; margin-top:20px; background-color:#f0f0f0;}
.news_list dl a{ display:block; border-left:7px solid #979797;  height:75px; background:url(../images/icon6.jpg) no-repeat 15px center; padding-left:60px; width:480px;}
.news_list dl a:hover{ border-left:7px solid #8e010a; color:#8e010a;}
.news_list dt{ float:left; width:460px; padding-right:10px; height:35px; line-height:35px; font-size:16px;}
.news_list dt span{ float:right; font-size:12px;}
.news_list dd{ float:left; height:40px; line-height:35px; width:470px; padding-right:10px;}

.case_box{ width:100%; height:298px; background: url(../images/case_bg.jpg) no-repeat center top; padding-top:110px;}

.case_list{ width:1100px; height:260px; margin:0 auto;}
.mr_frbox { height: 260px; }
.mr_frBtnL { float: left; width:17px; cursor: pointer; display: inline; margin-top:93px; }
.mr_frUl { float: left; height: 260px; width: 1066px; }
.mr_frBtnR { float: right;  width:17px; cursor: pointer; margin-top:93px; }
.mr_frUl ul li { display: inline; float: left; height: 260px; width: 213px; margin:0 26px; overflow: hidden; }
.mr_frUl ul li a{ display:block; color:#fff;}
.mr_frUl ul li h1{ float:left;padding: 3px; height:25px; line-height:25px; color:#ff; margin-top:14px;  border: 1px solid #fff; width:205px;}
.mr_frUl ul li img { display: block; padding: 3px; border: 1px solid #fff; }

.contac_form{ width:1010px; float:left; height:30px;}
.contac_form h1{ float:left; width:264px; margin-right:35px;}
.contac_form h1 .c_f1{ float:left; width:233px; height:28px; border:1px solid #cccccc; line-height:28px; padding-left:5px;}
.contac_form h2{ float:right; width:112px; height:30px;}
.contac_form h2 .c_f2{ font-family:"微软雅黑"; width:112px; height:30px; background-color:#8e010a; color:#fff; line-height:30px; text-align:center; border: none; cursor:pointer; float:right;}

.contact_map{ float:left; width:1010px; height:264px; margin:17px 0 50px; background-color:#8e010a;}
.map_left{ float:left; width:664px; height:264px;}
.map_right{ float:left; width:346px; height:264px; text-align:left;}
.map_right dl{ float:left; width:346px; margin:10px 0 15px; color:#fff; font-size:14px; }
.map_right dt{ float:left; height:30px; line-height:30px; width:35px; padding-left:30px;}
.map_right dd{ float:right; line-height:30px; width:271px; margin-right:10px}

.map_right dt.map1{ background:url(../images/icon8.jpg) no-repeat 10px center;}
.map_right dt.map2{ background:url(../images/icon9.jpg) no-repeat 10px center;}
.map_right dt.map3{ background:url(../images/icon10.jpg) no-repeat 10px center;}
.map_right dt.map4{ background:url(../images/icon11.jpg) no-repeat 10px center;}

	
/* -- sub page -- */
.sub_banner{ width:100%; height:389px;}

.sub_left{ float:left; width:231px; margin:50px 17px 25px;}
.sub_left_title{ float:left; width:231px; background:url(../images/icon12.jpg) no-repeat 0 0; height:107px; color:#fff; text-align:left;}
.sub_left_title h1{ height:40px; float:left; width:181px; line-height:40px; font-size:20px; margin:10px 25px 0;}
.sub_left_title p{float:left; width:181px; font-size:16px;margin:0 25px 0;}
.sub_left_list{ float:left; width:229px; margin-bottom:15px; border:1px solid #dddddd; text-align:left;}
.sub_left_list li{ float:left; height:63px; border-bottom:1px solid #dddddd; line-height:63px;width:229px; position:relative;}
.sub_left_list li a{ color:#000; font-size:16px; display:block; padding-left:30px; }
.sub_left_list li a:hover,.sub_left_list li.hover a{ border-right:5px solid #eee29a; }

.sub_left_list li ul { Z-INDEX:9999; POSITION: absolute; padding-bottom:10px; width: 225px; DISPLAY: none; TOP:0px; left:229px;   }
.sub_left_list li ul li{ border-right:none;height:46px;  background:#bf9f62 url(../images/icon22.jpg) no-repeat 10px center; width:225px; border-bottom:1px solid #957e4c;}
.sub_left_list li ul li a { background:#ad8f55 url(../images/icon22.jpg) no-repeat 10px center; display:block; padding:0 0 0 20px; height:46px; _height:25px; color: #000; text-align:left; width:205px; line-height:46px; border-right:none;}
.sub_left_list li ul li a:hover{ background:#b29359 url(../images/icon22.jpg) no-repeat 10px center; border-right: none;  }

.sub_left_list li.hover ul li a{ border-right:none; }

.sub_left_contact{ float:left; width:231px; text-align:left; background:url(../images/icon14.jpg) no-repeat 0 bottom; }
.sub_left_contact h1{ float:left;}

.sub_left_contact dl{ float:left; width:231px; margin:10px 0 15px; color:#000; font-size:14px; }
.sub_left_contact dt{ float:left; height:30px; line-height:30px; width:35px; padding-left:30px;}
.sub_left_contact dd{ float:right; line-height:30px; width:156px; margin-right:10px}

.sub_left_contact dt.map1{ background:url(../images/icon15.jpg) no-repeat 10px center;}
.sub_left_contact dt.map2{ background:url(../images/icon16.jpg) no-repeat 10px center;}
.sub_left_contact dt.map3{ background:url(../images/icon17.jpg) no-repeat 10px center;}
.sub_left_contact dt.map4{ background:url(../images/icon18.jpg) no-repeat 10px center;}

.sub_right{ float:left; width:835px; text-align:left; margin:50px 0 0;}
.sub_right img{ max-width:835px;}

.sub_right_title{ width:835px; height:39px; float:left; background-color:#91110e; line-height:39px;}
.sub_right_title h1{ float:left; background:#bd9f63 url(../images/icon19.jpg) no-repeat right top; padding:0 35px; line-height:39px; height:39px; font-size:14px; color:#fff;}
.sub_pro_list{ float:left; width:833px; border:1px solid #dadada; border-top:0; margin-bottom:25px; text-align:center; padding-top:22px;}
.sub_pro_list li{ float:left; width:233px; height:270px; margin:0 22px 22px;}
.sub_pro_list li a{ display:block;  width:233px; height:270px;}
.sub_pro_list li img{ padding:3px; border:1px solid #dadada; float:left;}
.sub_pro_list li h1{ float:left; width:233px; margin-top:4px; color:#fff; line-height:32px; height:32px; background-color:#91110e;}

.sub_news_list{ float:left; width:833px; border:1px solid #dadada; border-top:0; margin-bottom:25px;} 
.sub_news_list dl{ float:left; margin:20px 0; width:833px;}
.sub_news_list dt{ float:left; width:410px; height:195px; text-align:left; padding-left:40px;}
.sub_news_list dt h1{ width:410px; height:35px; line-height:35px; font-size:16px;}
.sub_news_list dt h2{ height:15px; line-height:15px; float:left; width:833px;}
.sub_news_list dt h2 img{ float:left; padding:0 5px 0 0;}
.sub_news_list dt h3{ float:left; width:410px; padding-top:5px; height:110px;}
.sub_news_list dt h4{ float:left; text-align:right; width:410px; height:21px;}
.sub_news_list dd{ float:right; width:326px; height:195px; margin-right:40px;}

.sub_pro_read{ float:left; width:833px; border:1px solid #dadada; border-top:0; margin-bottom:25px; padding-top:20px;}
.sub_pro_read_l{ float:left; width:365px; height:365px; padding:3px; border:1px solid #dadada;}
.sub_pro_read_r{ float:right; width:440px; margin:0 10px; color:#000; font-size:14px;} 
.sub_pro_read_r dl{ float: left; padding:5px 0; width:440px;}
.sub_pro_read_r dt{ float:left; text-align:right; width:80px;}
.sub_pro_read_r dd{ float:left; width:360px; text-align:left;}

.sub_pro_read_c{ float:left; width:833px; margin:20px 0;}
.sub_pro_read_c_t{ height:34px; line-height:34px; border-bottom:3px solid #901311; width:833px;} 
.sub_pro_read_c_t h1{ float:left; padding:0 20px; background-color:#901311; color:#fff; border-radius:5px 5px 0 0;}
.sub_pro_read_con{ width:813px; padding:10px; text-align:left; font-size:14px; min-height:300px;}
.sub_pro_read_con img{ max-width:913px;}




/* -- page footer -- */
.footer{ width:100%; height:28px; background-color:#262626; line-height:28px; color:#fff; text-align:left;}

/* 客服代码CSS */
#box-kefu { position: fixed; right: 0; top: 40%; z-index: 9999; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+100)); }
#box-kefu .kefu-open { position: absolute; top: 0; right: 0; width: 138px; padding: 46px 0 0 0; background: url(../images/kefu_icon.png) no-repeat -46px 0; _background-image: url(../images/kefu_icon.gif); overflow: hidden; }
#box-kefu .kefu-open .close{ display: block; position: absolute; width: 22px; height: 22px; right: 0; top: 0; text-indent: -9999px; }
#box-kefu .kefu-open div { padding-bottom: 5px; background: url(../images/kefu_bg.png) no-repeat -268px bottom; width: 134px; }
#box-kefu .kefu-open ul { background: url(../images/kefu_bg.png) repeat-y 0 0 #939393; text-align:left; }
#box-kefu .kefu-open li { height: 32px; line-height: 32px; padding: 0 5px 2px; background: url(../images/kefu_bg.png) no-repeat -134px bottom; }
#box-kefu .kefu-open li a { color: #fff; display: block; position: relative; zoom: 1; padding-left: 35px; }
#box-kefu .kefu-open li a:hover { text-decoration: none; }
#box-kefu .kefu-open li a i { display: inline-block; position: absolute; left: 10px; top: 6px; width: 21px; height: 21px; background: url(../images/kefu_icon.png) no-repeat 9999px 9999px; _background-image: url(../images/kefu_icon.gif); }
#box-kefu .kefu-open li a i.qq { background-position: -56px -56px; }
#box-kefu .kefu-open li a i.online { background-position: -56px -56px; }
#box-kefu .kefu-open li a i.txt { background-position: -56px -86px; }
#box-kefu .kefu-close { position: absolute; top: 5px; right: 0; width: 0; height: 127px; padding: 0; background: url(../images/kefu_icon.png) no-repeat 0 0; _background-image: url(../images/kefu_icon.gif); cursor: pointer; overflow: hidden; }