@charset "gb2312";
*{margin:0;padding:0;}
body{font-size:12px;font-family:����,Arial, Helvetica, sans-serif; color:#000;}
img{border:0;}
ul{list-style:none;}
li{ vertical-align:bottom;}
a{color:#000; text-decoration:none;}
.clear{clear:both;}
.blank{font-size:4px; height:8px; width:100%;}
.layout{width:100%; height:auto;}
.container-header{ min-width:1003px; width:e-xpression(document.body.clientWidth < 1003 ? "1003px" : "100%" ); height:176px; margin:0 auto; background:#000 url(../images/header.jpg) repeat-x left top;}
.header{ width:1003px; height:109px; margin:0 auto; position:relative;}
.logo{ width:500px; height:109px; float:left; overflow:hidden; }
.logo img{ width:500px; height:109px; }
.sitetool-search{ width:420px; height:20px; float:right; padding:20px 10px 20px 0; overflow:hidden; }
.sitetool{ width:150px; height:18px; line-height:18px; padding-top:2px; text-align:center; color:#FFF; float:right;}
.sitetool a{ color:#FFF;}
.search{ width:264px; height:20px; float:right;}
.search p{ float:left;}
.search p.search-input{ width:201px; height:20px; overflow:hidden; position:relative; background:url(../images/search-input.jpg) no-repeat left top; margin-right:10px; display:inline;}
.search p.search-input input{ width:186px; height:18px; line-height:18px; border:0; position:absolute; left:15px; top:1px;}
.search p.search-btn{ width:53px; height:20px; overflow:hidden; }
.search p.search-btn input{ width:53px; height:20px;}



.nav{width:1003px; height:auto; padding:0 1px; margin:0 auto;}
.nav li{ width:125px; height:auto; float:left;  position:relative; z-index:650;}
.nav li h3{ color:#FFF; width:125px; height:36px; line-height:36px; display:block; font-weight:normal; font-size:16px; text-align:center;font-family:"���Ǻ���",΢���ź�,����,Arial, Helvetica, sans-serif; }
.nav li h3 a{ color:#FFF;}
.nav li h3.curr,.nav li h3.on{ background:#1f1f1f; color:#ffba01;}
.nav li h3.curr a,.nav li h3.on a{ color:#ffba01;}
.nav li p{ height:26px; line-height:26px; z-index:700; position:absolute;  top:36px; display:none;  color:#FFF; text-align:center;}
.nav li p.curr{ display:block;}
.nav li p a{ color:#FFF;}
.nav li p a:hover{ background:#0269c5; color:#FFF;}

.container-flash{  height:450px; margin:0 auto; position:relative; overflow:hidden; z-index:100; border-bottom:7px solid #1d1d1d;}
.flash{  height:450px; margin:0 auto; overflow:hidden; position:absolute; top:0; }
.mod_focus { overflow:hidden; position:absolute; width:1920px; left:0; top:0; height:450px; }
.mod_focus .contents{ width:100%; height:450px; overflow:hidden;}
.mod_focus .contents li{width:100%; overflow:hidden;height:450px; }
.mod_focus .contents li img{ width:100%; height:450px;}
.mod_focus .tags{text-align:center; position:absolute; left:1324px; bottom:20px; width:142px;}
.mod_focus .tags li{  overflow:hidden; float:left; margin:0 2px;}
.mod_focus .tags a{ float:left; width:29px; height:28px; line-height:28px; background: url(../images/focus.png) no-repeat center bottom; color:#000; font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; }
.mod_focus .tags .focus a{   background: url(../images/focus.png) no-repeat center top; color:#fff;}



.main{ width:983px; height:auto; margin:0 auto; position:relative; z-index:600;}
.t-column{ width:983px; height:209px; position:relative; z-index:620; }
.nas-column{ width:983px; height:230px;  position:absolute; left:0; top:-21px;}
.news-about-serivces{ width:983px; height:230px; background:url(../images/news-about-service.png) no-repeat left top;}
.about{ width:302px; height:230px; float:left;}
.about h2{ width:268px; height:50px; margin:0 auto; overflow:hidden; }
.about h2 img{ width:200px; height:50px;}
.about-cen{ width:268px; heigh:auto; margin:0 auto;}
.about-img{ width:268px; height:72px; overflow:hidden;}
.about-img img{ width:268px; height:72px;}
.about-txt{ width:268px; height:80px; line-height:20px; color:#FFF; overflow:hidden; }
.about-txt a{ color:#ffc001; font-weight:bold;}

.news{ width:743px; height:202px; float:left; margin-top:14px; display:inline; background:#FFF url(../images/news.jpg) no-repeat left top; padding-top:14px;padding-right:10px; overflow:hidden;}
.news h2{ width:743px; height:40px; overflow:hidden; background:url(../images/news-title.jpg) no-repeat left bottom; margin:0 auto;}
.news h2 p{ width:168px; height:40px; overflow:hidden;}
.news h2 p img{ width:168px; height:40px;}
.news h2 a{ width:53px; height:20px; display:block;float:right; margin:10px 0 0 0;}
.news-cen{ width:743px; height:162px;}
.news-hot{ width:743px; height:80px; margin:0 auto;}
.news-hot-img{ width:270px; height:142px; float:left; overflow:hidden; padding:3px; border:1px solid #e1e1e1; }
.news-hot-img img{ width:268px; height:140px;}
.news-hot-cen{ width:450px; height:150px; line-height:24px; float:right;overflow:hidden;}
.news-hot-cen h3{ width:302px; height:30px; line-height:30px; font-weight:bold; font-size:14px; overflow:hidden;}
.news-list{ width:422px; height:72px; margin:0 auto; overflow:hidden;}
.news-list li{ width:402px; height:24px; line-height:24px; overflow:hidden; padding-left:20px; color:#323232; background:url(../images/news-list-li.gif) no-repeat 5px 8px; }
.news-list li span{ width:76px; height:24px; line-height:24px; display:block; float:right; text-align:right;}
.news-list li a{ color:#323232;}

.service{ width:229px; height:230px; float:right; }
.service h2{ width:200px; height:40px; margin:0 auto; overflow:hidden; }
.service h2 img{ width:168px; height:40px;}
.hottel{ width:229px; height:55px; background:url(../images/hottel.png) no-repeat left top;}
.contact{ width:199px; height:127px; line-height:24px; overflow:hidden; padding:0 15px; overflow:hidden; background:url(../images/contact.png) no-repeat right bottom; color:#FFF;}
.contact-cen{ width:199px; height:auto; overflow:hidden; line-height:24px; }
.contact-cen a{ color:#FFF;}
.contact-img{ width:199px; height:22px; overflow:hidden; }
.contact-img{ width:74px; height:22px;}

.cases{ width:983px; height:auto; overflow:hidden;}
.cases h2{ width:983px; height:40px; overflow:hidden; background:url(../images/cases-title.jpg) no-repeat left bottom; margin:0 auto;}
.cases h2 p{ width:168px; height:40px; overflow:hidden;}
.cases h2 p img{ width:168px; height:40px;}
.cases h2 a{ width:53px; height:20px; display:block; background:url(../images/more.jpg) no-repeat left top; float:right; margin:10px 0 0 0;}
.case-cen{ width:982px; height:142px; height:auto; margin:0 auto; }
.case-btn{ width:21px; height:142px; float:left; overflow:hidden; }
.case-btn img{ width:21px; height:142px; cursor:pointer;}
.case-list{ width:982px; height:142px; float:left; display:inline;  position:relative; overflow:hidden;}
.caselist{  height:142px; overflow:hidden; position:absolute; left:0; top:0;}
.caselist li{ width:168px; height:134px; margin:0 5px; display:inline; border:4px solid #dbdbdb; background:#dbdbdb; float:left; overflow:hidden;}
.caselist li.curr{ border:4px solid #e10000; background:#e10000;}
.caselist li p{ width:168px; height:104px; overflow:hidden;}
.caselist li p img{ width:168px; height:104px;}
.caselist li h3{ width:168px; height:24px; line-height:24px; padding-top:6px; font-weight:normal; font-size:12px; text-align:center; overflow:hidden;}
.caselist li.curr h3 a{ color:#FFF;}

.column-left{ width:230px; height:500px; position:relative; z-index:700; float:left; }
.column-menucontact{ width:230px; height:447px; position:absolute; left:0; top:-42px; z-index:750; }
 
.menu{ width:230px; height:310px; overflow:hidden; }
.menu h2{ width:200px; height:40px; background:url(../images/menu-title.png) no-repeat left top; padding:20px 15px; overflow:hidden;}
.menu h2 p{ width:160px; height:40px; background:url(../images/h2-p.jpg) no-repeat left top;  font-weight:normal; font-size:20px; color:#FFF; line-height:40px;font-family:"���Ǻ���",΢���ź�,����,Arial, Helvetica, sans-serif }
.menu h2 p span{ font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#db9d9d; text-transform:uppercase;}



.menu-list{ width:230px; height:155px; overflow:hidden; }
.menu-list li{ width:200px; height:30px; line-height:30px; overflow:hidden; border-bottom:1px solid #ef7575; padding-left:30px; background:url(../images/menu-list-li.gif) no-repeat 15px 11px;}
.menu-list li.curr{ background:#a60909 url(../images/menu-list-li.gif) no-repeat 15px 11px;}
.menu-list li a{ color:#FFF;}
.menu-contact{ width:230px; height:447px; background:url(../images/menu-contact.png) no-repeat left top;}
.c-contact{ width:180px; height:127px; line-height:24px; overflow:hidden; margin:0 auto; overflow:hidden; color:#FFF;}
.c-contact-cen{ width:180px; height:auto; overflow:hidden; line-height:24px; }
.c-contact-cen a{ color:#FFF;}
.c-contact-img{ width:180px; height:22px; overflow:hidden; }
.c-contact-img{ width:74px; height:22px;}


.column-rgiht{ width:736px; height:auto; float:right; background:url(../images/news.jpg) no-repeat 70px -7px; }
.location{ width:736px; height:40px; line-height:40px; text-align:right; background:url(../images/loctaion.jpg) no-repeat left bottom; }
.location p{ width:200px; height:40px; overflow:hidden; float:left; text-align:left;font-size: 14px;
font-weight: bold;}
.location p img{ width:168px; height:40px;}
.imglist{ width:736px;  height:auto; border-bottom:1px solid #EEE;}
.imglist li{ width:168px; height:134px; margin:10px 4px; display:inline; border:4px solid #dbdbdb; background:#dbdbdb; float:left; overflow:hidden;}
.imglist li.curr{ border:4px solid #e10000; background:#e10000;}
.imglist li p{ width:168px; height:104px; overflow:hidden;}
.imglist li p img{ width:168px; height:104px;}
.imglist li h3{ width:168px; height:24px; line-height:24px; padding-top:6px; font-weight:normal; font-size:12px; text-align:center; overflow:hidden;}
.imglist li.curr h3 a{ color:#FFF;}
.page{ width:300px; height:9px; margin:0 auto; }
.page p{ height:9px; float:left; padding-right:8px; }
.page p.page-last{ width:15px;}
.page p.page-last img{ width:15px; height:9px;}
.page p.page-next{ width:11px;}
.page p.page-next img{ width:11px; height:9px;}
.page p.page-num{ height:9px; line-height:9px; padding:0 8px; font-size:11px; background:url(../images/page-num.jpg) no-repeat left top; }
.page p.page-num a:hover{ font-weight:bold; color:#0051a3;}


.container-footer{ min-width:1003px; width:e-xpression(document.body.clientWidth < 1003 ? "1003px" : "100%" ); height:130px; margin:0 auto; background:#1f1f1f}
.footer{ width:983px; height:64px;  margin:0 auto; position:relative; position:relative;}
.footer-logo{ width:450px; height:88px; float:left; overflow:hidden;}
.link-copyright{ width:530px; height:auto; float:right;}
.link{ width:180px; height:22px; float:right;}
.link select{ width:180px; height:20px;}
.copyright{ width:530px; height:auto; line-height:20px; text-align:right; color:#878787; }
.copyright a{ color:#878787;}