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

*{ margin:0; padding:0;}
img{ border:none;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
.clear{ clear:both;}
input,textarea,select{ padding:1px; color:#333; font-size:13px; font-family:Arial, Helvetica, sans-serif;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#006bb2; text-decoration:underline;}

body{ color:#333; font-size:12px; line-height:21px; font-family:Arial, Helvetica, sans-serif; background:#fff;}

.wrapper{ width:1003px; overflow:hidden; margin:0 auto;}

.header{ position:relative; width:1003px; height:105px; background:url(../images/header-bg.gif) no-repeat; overflow:hidden;}
.logo{ float:left; display:inline; margin:18px 0 0 10px;}
.sc{ position:absolute; top:0; right:42px; line-height:31px;}
.sc a{ float:left; display:inline; padding-left:11px; color:#666; background:url(../images/jt1.gif) no-repeat left center; margin:0 5px;}
.tel{ position:absolute; bottom:7px; left:809px; font-weight:bold; color:#c00; background:url(../images/kf.gif) no-repeat 0 center;}

.nav{ padding-left:65px; height:44px; font-size:13px; color:#fff; font-weight:bold; background:url(../images/nav-bg.gif) no-repeat; overflow:hidden; margin-bottom:8px;}
.nav a{ float:left; display:inline; width:93px; height:36px; line-height:36px; color:#fff; text-align:center; background:url(../images/nav1.gif) no-repeat left center; overflow:hidden; margin:2px 0;}
.nav a:hover{ text-decoration:none; color:#fff; background:url(../images/nav2.gif) no-repeat left center;}

.banner{ width:1003px; height:250px; background:#f5f5f5 url(../images/loading.gif) no-repeat center; overflow:hidden; margin-bottom:2px;}

.content{ width:1003px; padding:12px 0 15px 0; background:url(../images/content-bg.gif) repeat-x; overflow:hidden;}

.left{ float:left; display:inline; width:220px; overflow:hidden; margin-left:11px;}
.l1 h3{ color:#fff!important; background:url(../images/title-bg1.gif) no-repeat!important;}
.l1 h3 b{ color:#fff!important;}
.l1m{ width:100%; overflow:hidden;}

#SlidePlayer{ position:relative; width:218px; border:1px #ddd solid; text-align:center; overflow:hidden;}
.Slides{ width:100%; height:180px; overflow:hidden;}
.Slides li{ float:left; width:218px; height:180px;}
.Slides img{ display:block; width:218px; height:180px; margin:0 auto;}
.SlideTriggers{ position:absolute; bottom:6px; right:6px; z-index:10;}
.SlideTriggers li{ float:left; display:inline; color:#000; line-height:17px; width:17px; height:17px; text-align:center; font-size:12px; font-weight:bold; cursor:pointer; overflow:hidden; background:#fff; margin:0 2px 0 3px;}
.SlideTriggers li.Current{ color:#fff; background:#f40;}
.bg_000{ position:absolute; bottom:0; left:0; width:100%; height:29px; background:#000; filter:alpha(opacity=60); -moz-opacity:0.6;opacity:0.6;}

.l2{ width:220px; background:url(../images/contact-bg.gif) no-repeat; overflow:hidden; margin-bottom:6px;}
.l2 h3{ width:100%; height:31px; line-height:31px; font-size:12px; font-weight:normal; overflow:hidden; margin-bottom:10px;}
.l2m{ width:185px; overflow:hidden; margin-left:20px;}

.center{ float:left; display:inline; width:520px; overflow:hidden; margin-left:11px;}

.l1,.c1,.r1,.r2,.r3{ width:100%; overflow:hidden; margin-bottom:12px;}
.l1 h3,.c1 h3,.r1 h3,.r3 h3{ position:relative; width:100%; height:31px; line-height:31px; font-size:12px; font-weight:normal; background:url(../images/title-bg2.gif) no-repeat left center; overflow:hidden; margin-bottom:10px;}
.l1 h3 b,.l2 h3 b,.c1 h3 b,.r1 h3 b,.r3 h3 b{ float:left; display:inline; font-size:14px; color:#006bb3; margin-left:31px;}
.c1 h3 em,.r1 h3 em,.r3 h3 em{ position:absolute; top:0; right:0; display:block; height:31px; background:url(../images/title-bg2.gif) no-repeat right center; overflow:hidden; padding-right:10px;}

.more{ color:#555; font-size:11px;}
.more:hover{ olor:#006bb2;}

.c1m{ width:100%; overflow:hidden;}
.about{ width:98%; line-height:23px; color:#555; overflow:hidden; margin:0 auto;}
.about img{ float:right; display:inline; margin:5px 0 0 15px;}
.about p{ text-indent:24px;}

#demo{ width:100%; overflow:hidden; margin:3px auto 0 auto;}
#demo li{ float:left; display:inline; width:118px; height:144px; text-align:center; overflow:hidden; margin:0 6px;}
#demo li img{ display:block; width:110px; height:110px; padding:3px; border:1px #ddd solid; margin:0 auto 5px auto;}
#demo li em{ display:block; width:100%; height:21px; overflow:hidden; margin:0 auto;}
#indemo{ float:left; width:800%;}
#demo1{ float:left;}
#demo2{ float:left;}

.right{ float:right; display:inline; width:220px; overflow:hidden; margin-right:11px;}
.r1{ background:url(../images/r-news-bg.gif) no-repeat;}
.r1m{ width:100%; overflow:hidden;}
.hot-news{ width:195px; overflow:hidden; margin:0 auto;}
.hot-news li{ float:left; width:100%; height:27px; line-height:27px; text-indent:15px; background:url(../images/jt2.gif) no-repeat 2px 10px; border-bottom:1px #ddd dashed; overflow:hidden;}
.r2 img{ display:block; width:220px; margin-top:6px;}

.r3m{ width:100%; line-height:27px; overflow:hidden; margin:0 auto;}
.company{ width:95%; line-height:29px; font-size:14px; overflow:hidden; margin:10px auto;}
.company p{ text-indent:24px;}
.company em{ float:right; display:inline; margin:5px 10px;}
.photo-list{ width:100%; line-height:25px; overflow:hidden;}
.photo-list li{ float:left; display:inline; width:168px; height:175px; text-align:center; overflow:hidden; margin:10px 9px 0 10px;}
.photo-list li img{ display:block; width:160px; height:140px; padding:3px; border:1px #ddd solid; margin:0 auto 2px auto;}

.pages{ width:100%; text-align:center; font-size:13px; padding:10px 0; margin:5px auto;}
.pages a{ margin:0 6px;}

.news-list{ width:96%; overflow:hidden; margin:0 auto;}
.news-list li{ float:left; width:100%; line-height:39px; height:39px; border-bottom:1px #ddd dashed; background:url(../images/jt2.gif) no-repeat left center; overflow:hidden;}
.news-list li b{ float:left; display:inline; width:80%; height:39px; font-size:14px; font-weight:normal; overflow:hidden; margin-left:15px;}
.news-list li i{ float:right; display:inline; font-size:11px; color:#888; margin-right:8px;}

.qxy{ width:95%; overflow:hidden; margin:0 auto;}
.qxy h2{ width:100%; text-align:center; font-size:16px; color:#111; padding:5px 0; border-bottom:1px #ddd solid; overflow:hidden; margin:10px auto;}
.qxy img{ display:block; margin:5px auto;}
.HR{ width:95%; overflow:hidden; margin:10px auto;}
.but{ display:block; width:102px; height:31px; line-height:31px; text-align:center; font-size:14px; font-weight:bold; text-align:center; color:#fff; background:url(../images/but-bg.gif) no-repeat; margin:5px 0;}
.but:hover{ color:#fff; text-decoration:none;}

.message{ width:660px; line-height:21px; overflow:hidden; padding-bottom:10px; margin:15px auto 5px auto;}
.message_t{ width:622px; padding:8px; border:1px #ddd solid; background:#fff; margin:0 auto;}
.message_t p{ text-indent:25px;}
.message_b{ width:640px; overflow:hidden; margin:10px auto 0 auto;}
.message_table{ background:#ddd;}
.message_table td{ padding:7px; background:#fff;}
.tj{ width:100%; text-align:center; margin-top:10px;}
.cg{ width:500px; text-align:center; padding-top:15px; margin:0 auto;}

.contact{ width:650px; padding:15px; font-size:14px; background:url(../images/contact.jpg) no-repeat right center; margin:10px auto; overflow:hidden;}
.contact a{ color:#008fbf;}
.contact b{ color:#e00; padding:5px 0;}
.contact p{ margin-top:10px;}
.contact p img{ display:block;}
.contact i{ margin-left:13px;}

.footer{ position:relative; widows:1003px; line-height:25px; text-align:center; padding-bottom:15px; overflow:hidden;}
.ft{ width:1003px; height:31px; line-height:31px; color:#fff; background:url(../images/footer-bg.gif) repeat-y; margin-bottom:12px;}
.ft a{ color:#fff; margin:0 9px;}
.ft a:hover{ color:#fff;}