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

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
img{display: block; vertical-align:middle;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family:"微软雅黑";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
body { color:#666666 ;font:12px/20px "微软雅黑","Arial Narrow",HELVETICA; background:url(../images/bg.png) repeat-x #f2f2f2; line-height:24px;}
a{color:#666666; text-decoration:none;}
a:hover{color:#c52d28; text-decoration:none;}
.clear{ clear:both;}


.wrapper{ width:980px; margin:0 auto;}

.head{ height:110px; background:url(../images/head_bg.png) no-repeat;}
.head h1{ font-size:12px; color:#fff; height:20px; line-height:20px; font-weight:normal;} 
.head img{ float:left;}
.head .logoright{ float:right; margin:15px 15px 0 0;}
.head .logoright p{ color:#fff; float:right;}
.head .logoright p a{ color:#fff;}
.head .logoright p a:hover{ text-decoration:underline;}
.head .logoright form{ width:189px; height:26px; background:url(../images/search.png) no-repeat; margin-top:10px; float:right;}
.head .logoright .txt{ background:none; width:135px; height:26px; line-height:26px; margin-left:11px; border:none 0; color:#787878;}
.head .logoright .btn{ background:none; border:none 0; width:29px; height:24px; margin-left:10px;}

.nav{ height:42px; background:url(../images/nav.png) no-repeat;}
.nav li{ text-align:center; height:42px; line-height:42px; background:url(../images/nav_line.png) no-repeat; float:left;}
.nav li a{ width:140px; display:block; color:#727272;}
.nav li a:hover{ color:#c52d28; background:url(../images/nav_hover.png) no-repeat center 0;}
#first{ background:none;}
#current{ color:#c52d28; background:url(../images/nav_hover.png) no-repeat center 0;}

.banner{ height:301px;}

.probox{ height:269px; margin-top:28px;}
.probox .title{ height:38px; background:url(../images/pro_title.png) no-repeat; line-height:44px;}
.probox .title h2{ float:right; font-size:12px; font-weight:normal; margin:0 48px 0 0;}
.probox .title h3{ font-size:12px; font-weight:normal; color:#fff; margin:0 0 0 35px;}
.probox .box{ height:209px; background:url(../images/pro_box.png) repeat-y;}
.proLeft{ width:31px; height:47px; background:url(../images/pro_left.png) no-repeat;float:left;cursor:pointer; margin-top:65px;}
.proCenter{ width:908px; float:left; margin:5px 5px 0 5px;}
.proRight{ width:31px; height:47px; background:url(../images/pro_right.png) no-repeat;float:left;cursor:pointer; margin-top:60px;}
.ulIndexCase{ width:908px;}
.ulIndexCase li{ width:227px; float:left; text-align:center; }
.ulIndexCase li img { width:200px; height:160px; border:solid 1px #d6d6d6; background:#fff; padding:2px; margin:0 auto;}
.probox .bottom{ height:22px; background:url(../images/pro_bottom.png) no-repeat;}

.mian{ height:285px;}
.mian .top{ height:36px; background:url(../images/main_title.png) no-repeat;}
.mian .top .about_title{ width:246px; float:left; line-height:40px;}
.mian .top a img{ float:right; margin:17px 21px 0 0;}
.mian .top h3{ font-size:12px; font-weight:normal; color:#fff; margin:0 0 0 35px;}
.mian .top .news_title{ width:486px; float:left; line-height:40px; margin:0 11px 0 12px;}
.mian .top .contact_title{ width:225px; float:left; line-height:40px;}
.mian .box{ height:227px; background:url(../images/main_box.png) repeat-y;}
.mian .box .about{ width:246px; float:left;}
.mian .box .about p{ width:220px; margin:12px auto 0;}
.mian .box .about p a{color:#c52d28;}
.mian .box .about p a:hover{ text-decoration:underline;}
.mian .box .news{ width:486px; float:left; margin:0 11px 0 12px;}
.mian .box .news ul{ width:446px; margin:10px auto 0;}
.mian .box .news li{ line-height:32px; border-bottom:dashed 1px #c1c1c1; text-indent:15px; background:url(../images/icon.png) no-repeat 0 12px;}
.mian .box .news li span{ float:right; color:#9b9b9b;}
.mian .box .contact{ width:225px; float:left;}
.mian .box .contact p{ width:195px; margin:12px auto 0;}
.mian .bottom{ height:22px; background:url(../images/main_bottom.png) no-repeat;}

.case{ height:375px;}
.case .title{ height:38px; background:url(../images/pro_title.png) no-repeat; line-height:44px;}
.case .title a img{ float:right; margin:15px 18px 0 0;}
.case .title h3{ font-size:12px; font-weight:normal; color:#fff; margin:0 0 0 35px;}
.case .box{ height:315px; background:url(../images/pro_box.png) repeat-y;}
.case .bottom{ height:22px; background:url(../images/pro_bottom.png) no-repeat;}

#pro{ width:947px; height:283px;overflow:hidden;float:right; border:none; margin:15px 18px 0 0;} 
#pro li{ margin-right:18px;float:left; width:190px; height:271px; padding:5px; border:solid 1px #ccc;}
#pro img {width:190px; height:152px;}
#pro li p{ width:185px; margin:0 auto;}
#inpro{float: left;width: 800%;}
#pro1,#pro2{height:283px;float:left; display:inline-table;}

.foot{ width:100%; height:140px; background:url(../images/foot_bg.png) repeat-x; color:#fff; margin-top:10px; text-align:center; padding-top:25px;}
.foot p{ width:750px; margin:0 auto;}
.foot a{ color:#fff;}
.foot a:hover{ text-decoration:underline;}
.foot p img{display:inline; margin-left:10px;}