﻿body { margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.5; color:#666;}
.content_width { width:1000px; margin:0 auto; position:relative;}
.require { color:red;}
.btn { background:#464646; color:#FFF; font-weight:bold; border:0; padding:10px 25px; font-size:14px;}
img { border:0;}

a { text-decoration:none; color:#666;}
a:hover { text-decoration:none; color:#da251c;}
.pic_f_l { float:left; margin-right:18px; padding:4px; border:1px solid #e7e7e7; background:#FFF;}
.pic_f_l img { display:block;}

.title { height:40px; line-height:40px; text-align:right; border-bottom:1px solid #e7e7e7;}
.title a { color:#A8A8A8;}
.title a:hover { color:#da251c;}
.title strong { float:left; padding-left:20px; background:url(404.png) no-repeat 3px 50%; font-size:16px; color:#666;}
.title span { color:#A8A8A8;}
.title span a { margin:0 5px;}

.txt { font-size:14px; padding:20px 0;}
.txt strong {
    color: #da251c;}
.txt img {
    max-width: 100%;}

#page a { padding:3px 6px; border:1px solid #ccc; margin:0 5px;}
#page span { padding:3px 6px; border:1px solid #ccc; margin:0 5px; font-weight:bold; color:da251c;}

#page_title { background:#464646; padding:20px 34px; border-bottom:3px solid #da251c; font-family:"Microsoft YaHei"; line-height:1;}
#page_title strong { font-size:20px; color:#FFF; font-weight:normal;}
#page_title span { display:block; font-size:14px; color:#9c9595; margin-top:8px;}

.border { padding:15px 0;}

#topNav { background:#464646; height:30px; line-height:30px; text-align:right;}
#topNav a { color:#DDD;}
#topNav a:hover { color:#da251c;}
#topNav span { color:#6d6d6d; margin:0 10px;}

#banner { height:620px;}
#banner_in { height:220px; background:url(404.png) repeat-x 50% 50%; background-size: fixed;}

#footer { background:#464646; text-align:right; overflow:hidden; padding:20px 0; color:#cccccc; line-height:2;}
#footer p { margin:0; padding:0; float:left; text-align:left;}
#footer span { color:#525252; margin:0 15px;}

#header { height:95px; border-bottom:1px solid #e7e7e7;}
#header #logo { position:absolute; top:12px;}
#header #logo img {height:70px;}
#header #menu { position:absolute; right:0; top:0; height:95px;}
#header #menu ul { margin:0; padding:0; list-style:none;}
#header #menu ul li { margin:0; padding:0; float:left; height:95px; line-height:95px;}
#header #menu ul li a { padding:0 20px; font-size:14px; color:#444; display:block;  border:1px solid #FFF; border-top:0; border-bottom:0;}
#header #menu ul li a:hover { border:1px solid #eee; border-top:0;  border-bottom:0; background:url(404.png);}
#header #menu ul li .on {border:1px solid #eee; border-top:0;  border-bottom:0; background:url(404.png);}


 #index_about_news {  overflow:hidden; padding:10px 0;}



#index_about_news a { color:#a8a8a8;}
#index_about_news a:hover { color:#da251c;}

#index_about { float:left; font-size:13px; }
#index_about p { margin:0; padding:0; line-height:1.8; margin-bottom:8px;}
#index_about strong { margin-right:10px;
}
#index_news { width:580px; float:right;}

#index_news ul { margin:0; padding:0; list-style:none;}
#index_news ul li { color:#666; text-align:right; line-height:28px;}
#index_news ul li a { float: left; padding-left:13px; background:url(404.png) no-repeat 0 50%;}

#index_product { overflow:hidden;}
#index_product ul { margin:0; padding:0; margin-top:15px; list-style:none; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #e7e7e7;}
#index_product ul li { margin:0; padding:0; float:left; width:220px; margin-right:20px;}
#index_product ul li div { border:1px solid #e7e7e7; padding:4px; background:#FFF; width:220px; margin:0 auto; box-sizing:border-box;}
#index_product ul li div:hover { border:1px solid #ddd; background:#FFF;}
#index_product ul li img { display:block; width:214px; height:214px;}
#index_product ul li span { text-align:center; display: block; line-height:36px; font-size:14px;}

#content { overflow:hidden;  padding:18px 0;}
#left { width:220px; float:left;}
#left #leftNav { margin:0; padding:0; list-style:none;}
#left #leftNav li { margin:0; padding:0; border-bottom:1px solid #dfdfdf;}
#left #leftNav li a { line-height:40px; height:40px; display:block; font-size:14px; padding-left:34px; background:url(404.png) no-repeat 90% 0;}
#left #leftNav li a:hover { color:#da251c; background:url(404.png) no-repeat 90% -40px;}
#left #leftNav li .on { color:#da251c; background:url(404.png) no-repeat 90% -40px;}
#right { width:750px; float:right;}




#case { margin:0; padding-top:25px;}
#case img {}
#case ul{ margin:0; padding:0;}
#case ul li{ margin:0; padding:0; float:left; width:250px; margin-bottom:20px; list-style:none; text-align:center;}
#case ul li div { width:230px;  height:290px; text-align:center; margin:0 auto; position: relative; padding-top:10px;}
#case ul li div p { position:absolute; top:0; left:0; display:block; width:230px; height:305px; margin:0; padding:0;}
#case ul li div p img { width:200px; height:290px;}
#case ul li div img { width:180px; height:270px; margin-left:5px;padding-top:5px;}
#case ul li span {display:block; text-align:center;}


#partner { margin:0; padding-top:25px;}
#partner img {}
#partner ul{ margin:0; padding:0;}
#partner ul li{ margin:0; padding:0; float:left; width:250px; height:117px; margin-bottom:40px; list-style:none; text-align:center;  background:url(404.png) no-repeat 50% 50%;}
#partner ul li div { width:160px;  height:100px; text-align:center; margin:0 auto; position: relative;}
#partner ul li div p { position:absolute; top:0; left:0; display:none; width:160px; height:100px; margin:0; padding:0;}
#partner ul li div p img { width:160px;height:100px;}
#partner ul li div img { width:160px; height:100px;padding-top:5px;}
#partner ul li span {display:none; text-align:center; padding-top:10px; }s



#product { margin:0; padding:0; padding-top:25px;}
#product ul { margin:0; padding:0; padding-top:45px;}
#product ul li { margin:0; padding:0; list-style:none; float:left; width:249px; text-align:center; margin-bottom:25px;}
#product ul li span { font-size:14px; line-height:36px;}
#product ul li img { border:0px solid #e7e7e7; padding:2px; width:220px; height:220px;}

.product_detail_name { font-weight:bold; font-size:14px; padding:10px 0; border-bottom:1px solid #E7E7E7; margin-bottom:15px;  padding-left:15px; background:url(../image/arrow_list.gif) no-repeat 5px 50%;}
#product_info { text-align: center;}
#product_info img {max-width:100%;}



.news_list { margin:0; padding:0;}
.news_list ul { margin:0; padding:0;}
.news_list ul li { margin:0; padding:0; list-style:none; text-align:right; padding:10px 0; border-bottom:1px solid #E7E7E7;}
.news_list ul li a { float:left; padding-left:15px; background:url(../image/arrow_list.gif) no-repeat 5px 50%;}
.news_list ul li span { color:#999;}


#news{ margin-bottom:20px;}
#news ul {margin:0; padding:0;}
#news ul li {margin:0; padding:0 10px; list-style:none; text-align:right; height:32px; line-height:32px; background:url(404.png) repeat-x bottom; color:#ccc;}
#news ul li a { float:left; padding-left:15px; background:url(404.png) no-repeat 0 50%;}

#news_content { padding:10px;}

#news_title {border-bottom:1px solid #E7E7E7; margin-bottom:20px; padding-bottom:10px; position:relative;}
#news_font { position:absolute; right:0; top:25px;}
#news_font a{ margin:0 10px;}
#news_font span { color:#ccc;}
#news_close { position:absolute; right:10px; top:0px;}
#news_close a {background:url(../image/arrow_list.gif) no-repeat 0 50%; padding-left:15px;}
#news_pic { text-align:center; padding:30px 0;}
#news_pic img {border:1px solid #CCC; padding:5px;}

#news_detail_title { border-bottom:1px solid #E7E7E7; margin-bottom:10px;}
#news_detail_title h1 { font-size:18px; font-family:"寰蒋闆呴粦";}

#news_detail_border { padding-bottom:10px; border-bottom:1px solid #E7E7E7; }

#massageSave .btn { color:#FFF; background-color:#da251c; padding:10px 15px;}
#massageSave input ,textarea { border:1px solid #dfdfdf;padding:5px 5px;}
#massageSave td { padding:5px 5px;}