@charset "utf-8";

html{ width:100%; height:100%; }
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt{margin:0;padding:0;border:0; outline:none}
body{background:#fff;color:#666;font-size:14px; line-height:1.5;font-family:"微软雅黑",Verdana,Arial,Sans; width:100%; -webkit-text-size-adjust:none;min-width:1200px;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button{vertical-align:middle; font-size:12px; outline:none;font-family:"微软雅黑",Verdana,Arial,Sans;  }
a{text-decoration:none; color:#444}
a:hover{color:#00A4DA;}
.clearit{clear:both; }

.b{font-weight:bold}
.red{ color:#cc0000 !important}
.orange{ color:#ff6c00}
.black{ color:#222}
.blue{ color:#0294C5}
.green{ color:#019a62}
.gray{ color:#888}
.font11{ font-size:11px}
.font14{ font-size:14px}

.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.ml60{ margin-left:56px}

.banner-wrapper{ min-width:1200px;}

.wrapper{ width:1180px; margin:0 auto; }
#header{ height:50px; background:url(../images/header_bg.gif) repeat-x;}
#header .logo{ width:206px; float:left; margin-top:2px}
#header .nav{ float:left; margin-left:70px}
#header .nav ul li{ float:left;}
#header .nav ul li a{ display:block; float:left; line-height:50px; height:50px; padding:0px 30px; font-weight:bold; font-size:15px; color:#f2f2f2; }
#header .nav ul li a.hover{ background:#15272A; color:#8AE722}
#header form{ display:block; width:185px; float:right; background:url(../images/input_bg.gif) no-repeat; height:27px; margin-top:11px;}
#header form input{ width:150px; float:left; height:17px; padding:5px 10px; line-height:17px; color:#555; border:0; background:url();}
#header form button{ float:left; height:27px; width:15px; border:0; background:url(); cursor:pointer; text-indent:-10000px}

#banner{ height:380px; background:url(../images/bannerbg.jpg) no-repeat center top}
#pageBanner{ height:180px; background:url(../images/page_banner.jpg) no-repeat center top}

#proCate{ background:#333; position:absolute; width:100%; height:180px;top:50px; left:0; font-family:"宋体"; display:none; z-index:999}
#proCate div div{ width:640px; margin-left:297px;}
#proCate div div ul{ width:140px; float:left; height:180px; background:url(../images/bg7.gif) repeat-y right top; padding-left:20px;}
#proCate div div ul h3{ font-size:14px; font-weight:bold; height:25px; color:#fff; margin-top:15px;}
#proCate div div ul h3 a{ color:#fff}
#proCate div div ul li{ padding:3px 0px; font-size:12px;}
#proCate div div ul li a{ color:#ccc}
#proCate div div ul li a:hover{ color:#8AE722; text-decoration:underline}

#iNews{ height:60px; background:url(../images/bg1.gif) repeat-x;}
.scrollNews{ float:left; height:20px; overflow:hidden; height:20px; margin-top:20px; background:url(../images/bg2.gif) no-repeat left 6px; padding-left:55px; width:600px;}
.scrollNews li{ height:20px; overflow:hidden; line-height:20px;}
.scrollNews li span{ margin-left:10px; color:#999}
#iNews a.more{ float:right; background:url(../images/bg3.gif) no-repeat right center; padding-right:10px; color:#749F65; margin-top:21px;}
#iNews a.more:hover{ color:#00A4DA}

#index{ margin-top:30px;}
#index .left{ width:200px; float:left;}
#index .left img{ margin-bottom:5px;}
#index .middle{ width:680px; float:left; margin-left:25px;}
#index .middle h2{ height:15px; background:url(../images/bg4.gif) no-repeat; text-align:right; padding:9px 15px; font-family:"宋体"; font-size:12px; font-weight:normal; margin-bottom:15px;}
#index .middle li{ float:left; width:210px; height:180px;display:_inline; margin-right:20px;}
#index .middle li a img{ width:210px; height:140px;padding:4px; background:#fff; border:1px #DFDFDF solid;}
#index .middle li a:hover img{ border-color:#82BBDD; background:#fafafa}
#index .middle li p{ margin-top:8px; text-align:center;}
.scroll{ width:680px; float:left; height:180px;overflow:hidden;zoom:1;}
#index .right{ width:250px; float:right; height:205px; background:url(../images/bg6.gif) no-repeat}
#index .right h2{ height:25px; text-align:right; padding-top:20px;}
#index .right h2 a{ font-size:11px; color:#fff;margin-right:10px; font-weight:normal}
#index .right h2 a:hover{ text-decoration:underline}
#index .right p{ padding:8px 20px; line-height:19px; color:#888}
#index .right ul{ padding:10px 20px 0}
#index .right ul li{ padding:5px 0px; background:url(../images/dot.gif) repeat-x 0 top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#index .right ul li:first-child{ background:none}
#index .right ul li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:15px}

#footer{ height:105px; margin-top:25px; border-top:1px #ddd solid; padding-top:25px; position:relative; z-index:99}
#footer .left{ float:left; height:16px; color:#444}
#footer .right{ float:right; border:1px #ddd solid; position:relative ;width:280px;}
#footer .right dt{ line-height:40px; height:40px; padding:0 20px; background:url(../images/arrow.png) no-repeat right center}
#footer .right span{ font-size:10px; margin:0px 6px; color:#aaa}
#footer .right dd{ padding:0px 20px 10px; font-size:12px; position:absolute; left:-1px;bottom:40px; width:240px; background-color:#fff; border:1px #ddd solid; display:none }
#footer .right dd p{ border-bottom:1px #ddd solid; padding:10px 0}
#footer .right dd p:last-child{ border-bottom:0;}
#footer .right:hover dd{ display:block;}
#footer .right:hover dt{ background-color:#f5f5f5}
#footer .other{ color:#888; position:relative; margin-top:-10px;}
#footer .other a{ color:#aaa}
#footer .other a:hover{ color:#00A4DA; text-decoration:underline}
#footer .other img{ position:relative;top:-3px; margin-left:10px;}


#page{ margin-top:15px;}

.pageLeft{width:220px; float:left; }
.pageLeft .subNav{}
.pageLeft .subNav h2{height:35px; background:url(../images/bg8.gif) no-repeat; line-height:35px; padding-left:25px; font-size:14px; color:#fff}
.pageLeft .subNav ul{ border:1px #DCE0EB solid; border-bottom:0; border-top:0;}
.pageLeft .subNav ul li{ height:33px}
.pageLeft .subNav ul a{ display:block; height:33px; background:url(../images/bg9.gif) repeat-x; line-height:33px; padding-left:25px; font-weight:bold; color:#3b3b3b}
.pageLeft .subNav ul a:hover{ color:#16A65E; }
.pageLeft .subNav ul a.current{ color:#1079DB}
.pageLeft .contactBox{ height:90px; background:url(../images/bg10.gif) no-repeat; margin-top:15px; padding:15px 12px 0px}
.pageLeft .contactBox h2{ font-size:12px; height:21px; color:#FF9900; background:url(../images/bg11.gif) no-repeat 0 center; padding-left:10px;}
.pageLeft .contactBox p{ line-height:19px; font-size:12px;}
.pageRight{width:855px; float:right;padding:25px 35px; border:5px #E9ECF2 solid;border-left:1px #DCE0EB solid;border-top:1px #DCE0EB solid;}
.pageRight .location{ display:block; height:28px; background:url(../images/dot.gif) repeat-x 0 bottom; }
.pageRight .location span{ background:url(../images/li.gif) no-repeat; padding-left:23px;}

.pageT{ background:url(../images/bg12.gif) no-repeat 0 bottom; height:40px; line-height:22px; font-size:22px; color:#555; padding-left:3px; font-weight:normal}
.sPage{ line-height:23px;padding:15px 0px 20px}
.sPage p{ margin-bottom:12px;}



.news{padding:15px 0px 20px;}
.news ul.list{padding-bottom:25px;}
.news ul.list li{ background:url(../images/dot.gif) repeat-x 0 bottom; padding:25px 0 }
.news ul.list li span{ color:#787878; background:url(../images/icon2.gif) no-repeat 0 1px; padding-left:17px;}
.news ul.list li a{ margin-left:20px; font-weight:bold;}
.news ul.list li p{ padding-top:10px; line-height:22px; color:#888; font-size:12px;}

.newsView{padding:15px 0px 30px;}
.newsView h1{background:url(../images/dot.gif) repeat-x 0 bottom; font-size:16px; font-family:"微软雅黑"; text-align:center; line-height:23px; padding:10px 30px 20px; color:#1079DB}
.newsView p.info{background:url(../images/dot.gif) repeat-x 0 bottom; padding:10px 0px; text-align:center}
.newsView p.info span{ color:#888}
.newsView p.info a{ cursor:pointer}
.newsView .content{ line-height:23px; margin-top:15px; color:#888;}
.newsView .content p{ margin:10px 0px}
.newsView .other{background:url(../images/dot.gif) repeat-x; padding-top:15px; margin-top:30px}
.newsView .other .left{ float:left;color:#777; width:450px;}
.newsView .other .left p{height:22px;}
.newsView .other .right{float:right;color:#777}

.product{ width:855px; overflow:hidden}
.product .list{ width:900px}
.product .list li{ width:242px; padding:9px; height:202px; background:url(../images/bg3.png) no-repeat; float:left;margin-right:30px;  margin-top:25px; display:inline; position:relative}
.product .list li div{background:url(../images/bg4.png) no-repeat; width:242px; padding:9px; height:172px; overflow:hidden; position:absolute;z-index:100;top:0px; left:0px;display:inline-block;opacity:0;filter: Alpha(opacity=0); color:#fff}
.product .list li div a{ color:#fff}
.product .list li div p span{color:#D25B78}
.product .list li div img{ border:1px #00B2EC solid}
.product .list li a{ position:relative}
.product .list li.hover{background:url(../images/bg4.png) no-repeat;}
.product .list li img{ border:1px #fff solid; width:240px; height:160px;}
.product .list li p{ text-align:center;margin:6px auto;}
.product .list li p a{font-family:"微软雅黑"; font-weight:bold; }
.product .list li p a:hover{ text-decoration:underline}
.product .list li p span{ display:block; color:#aaa; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg5.gif) no-repeat 0 2px; padding-left:18px; margin-top:3px; line-height:18px;}
.product .list li em{ display:block; width:30px; height:30px; z-index:999; background:url(../images/hot.png) no-repeat;top:10px; left:10px; position:absolute}

.productView {padding:15px 0px 20px;}
.productView .itemA{}
.productView .itemA .image{ width:310px; height:210px; float:left}
.productView .itemA .content{ width:500px;float:right; line-height:23px;}
.productView .itemA img{ width:300px; height:200px; padding:4px; border:1px #eee solid}
.productView .itemA span{ font-weight:bold}
.productView .itemB{ margin-top:20px;}
.productView .itemB h2{ height:30px; border-bottom:1px #eee solid; padding-bottom:1px}
.productView .itemB h2 a{ display: block; cursor:pointer; width:100px; height:30px; line-height:30px;background:url(../images/bg21.gif) no-repeat;  text-align:center; float:left; margin-right:2px; font-size:13px;}
.productView .itemB h2 a.current{ background:url(../images/bg20.gif) no-repeat; color:#fff}
.productView .itemB .content{ margin-top:20px; line-height:21px;}
.productView .itemB .content p{ margin-bottom:12px;}
.productView .other{background:url(../images/dot.gif) repeat-x; padding-top:15px; margin-top:30px}
.productView .other .left{ float:left;color:#777; width:450px;}
.productView .other .left p{height:22px;}
.productView .other .right{float:right;color:#777}

.guestBook{padding:25px 0px 30px; position:relative}
.guestBook .form{ padding:15px 30px; background:#f2f2f2; border:1px #ddd solid;margin-bottom:20px}
.guestBook .form b{ display:block; width:75px; float:left; line-height:24px; text-align:right; margin-right:5px}
.guestBook .form input{ background:#fff; border:1px #ccc solid; border-bottom:0; border-right:0; line-height:17px; height:17px; padding:4px 5px; color:#666; float:left; position:relative;top:-2px}
.guestBook .form li{ clear:both; padding:12px 0px}
.guestBook .form textarea{ background:#fff; border:1px #ccc solid; border-bottom:0; border-right:0; overflow:auto; padding:3px 5px; width:450px; height:80px; position:relative; color:#666}
.guestBook .form img{ float:left; margin-left:10px}
.guestBook .submit{ background:url(../images/btn3.gif) no-repeat; width:90px; height:30px; border:none; cursor:pointer; margin-left:115px}
.guestBook .reset{ background:url(../images/btn4.gif) no-repeat; width:90px; height:30px; border:none; cursor:pointer; margin-left:10px}

.message{ background:url(../images/warm_pic_01.jpg) no-repeat 20px 30px;height:240px;padding:20px 30px 40px 230px;}
.message ul{ background:url(../images/i_error_registration.gif) no-repeat 30px 20px #F8F7F8; color:#339933; padding:30px 30px 30px 80px; border:1px #E3E3E3 solid; width:380px;}
.message a{ margin-top:30px; display:block}

.pageList{ height:20px; padding:20px 0px 0;}
.pageList ul.l{ float:left}
.pageList ul.r{float:right}
.pageList ul.r li{ float:left; margin-left:5px}
.pageList a{display:block;float:left; line-height:19px; padding:0px 6px; background:#95999E; color:#fff; font-family:Arial, Helvetica, sans-serif}
.pageList a:hover{background:#696D73; color:#fff}
.pageList a.selected{background:#CE8D00}