﻿@charset "utf-8";
/*******************************************reset styles****************************** */body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,/* structural elements 结构元素 */
dl,dt,dd,ul,ol,li,/* list elements 列表元素 */
pre,/* text formatting elements 文本格式元素 */
fieldset,lengend,button,input,textarea,/* form elements 表单元素 */
th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
h2{font-size:28px;color:#09c;}
h3{color:#09c;font-size:14px;}
h4,h5,h6{font-size:100%;}
ul,ol{list-style:none;}
a:hover{color:#909;text-decoration:none;}
/*************************common styles*****************************/
body{font-family:"微软雅黑","宋体";color:#666;font-size:12px;line-height:24px;}
hr{height:1px;color:#CCC;border:none;border-top:#ccc 1px solid;margin-bottom:15px;}
.margin1{margin:50px 0 0 40px;}
.margin2{margin:20px 0 0;}
/*****************************header**************************/
.banner{background:url(../images/bannerHome.jpg) no-repeat 0 0;height:351px;position:relative;}
.logo{height:82px;width:84px;background:url(../images/homeSprite.gif) no-repeat 0 0;position:absolute;left:45px;top:15px;}
.logo a{display:block;height:82px;}
.nav{width:280px;height:40px;position:absolute;right:50px;top:25px;}
.nav a{width:85px;height:40px;line-height:40px;display:block;float:left;text-align:center;font-size:16px;color:#FFF;text-decoration:none;}
.nav a:visited{color:#FFF;text-decoration:none;}
.nav a:hover{color:#909;background:url(../images/nav_bg.gif) no-repeat center 1px;text-decoration:none;height:39px;}
.nav span{display:block;float:left;width:5px;height:40px;line-height:40px;color:#CCC;text-align:center;}
.newsList a{font-size:16px;line-height:28px;}
.newsList h3 span{font-size:10px;color:#999;}
.newsList .pro{margin-bottom:20px;}
.newsList .pro a{font-size:12px;}
.siderBar{margin-top:10px;float:right;}
.search{height:34px;background:#e2e2e2 url(../images/homeSprite.gif) no-repeat 0 -92px;position:relative;}
.search .inputTxt{border:none;width:200px;height:18px;background:none;color:#999;margin:8px 0 0 25px;}
.search .inputBt{position:absolute;right:20px;top:8px;}
.pageDiv{height:16px;}
.pageDiv a{float:right;display:block;margin:0 3px;}
.pageDiv .more{margin-top:-5px;font-size:12px;}
.pageDiv a.pre,.pageDiv a.next,.pageDiv a.top{border:#FFF 8px solid;}
.pageDiv a.pre{border-right:#ccc 8px solid;}
.pageDiv a.next{border-left:#ccc 8px solid;}
.pageDiv a.top{border-bottom:#ccc 8px solid;}
.pageDiv a.pre:hover{border-right:#09c 8px solid;}
.pageDiv a.next:hover{border-left:#09c 8px solid;}
.pageDiv a.top:hover{border-bottom:#09c 8px solid;}
.pageDiv a.page{font-size:10px;margin-top:-5px;}
.pageDiv a.thisPage{font-size:10px;margin-top:-5px;color:#909;}
/************************************works********************************* */.workClass a{display:block;width:44px;height:44px;position:relative;margin:20px;}
.workClass h3{margin:0;}
.workClass p{font-size:18px;position:absolute;left:80px;top:5px;width:150px;cursor:pointer;}
.workClass span{font-size:10px;color:#999;letter-spacing:0.3em;}
.workClass .item1{background:url(../images/homeSprite.gif) -90px 0;}
.workClass .item2{background:url(../images/homeSprite.gif) -140px 0;}
.workClass .item3{background:url(../images/homeSprite.gif) -190px 0;}
.workClass .item4{background:url(../images/homeSprite.gif) -238px 0;}
.workClass .item1:hover{background:url(../images/homeSprite.gif) -90px -47px;}
.workClass .item2:hover{background:url(../images/homeSprite.gif) -140px -47px;}
.workClass .item3:hover{background:url(../images/homeSprite.gif) -190px -47px;}
.workClass .item4:hover{background:url(../images/homeSprite.gif) -238px -47px;}
.hover1{background:url(../images/homeSprite.gif) -90px -47px;color:#909;text-decoration:none;font-weight:400;}
.hover2{background:url(../images/homeSprite.gif) -140px -47px;color:#909;text-decoration:none;font-weight:400;}
.hover3{background:url(../images/homeSprite.gif) -190px -47px;color:#909;text-decoration:none;font-weight:400;}
.hover4{background:url(../images/homeSprite.gif) -238px -47px;color:#909;text-decoration:none;font-weight:400;}
#footer{float:left;width:960px;border-top:#ccc 2px solid;text-align:right;color:#999;position:relative;font-size:10px;margin:20px 0;padding:5px 0;}
#footer span{position:absolute;display:none;width:9px;height:9px;background:url(../images/homeSprite.gif) no-repeat 0 -82px;top:13px;right:315px;}
/******************************* Sub Pages ***************************** */.bannerSub{background:url(../images/bannerSub.jpg) no-repeat 0 0;height:83px;position:relative;}
.logo2{height:69px;width:81px;background:url(../images/homeSprite.gif) no-repeat -284px 0;position:absolute;left:45px;top:8px;}
.logo2 a{display:block;height:69px;}
#Bar{margin:20px 10px 0;}
#Bar .search{float:right;}
#Bar h3{font-size:24px;}
#Bar h3 span{font-size:12px;color:#999;}
#Bar a:hover{color:#fff;}
#otherNews dd{margin-bottom:10px;}
#otherNews a{color:#333;}
#otherNews a:hover{color:#909;}
.backBt{width:30px;line-height:20px;display:block;background:url(../images/homeSprite.gif) no-repeat -305px -72px;padding:0 5px 0 15px;}
.backBt:hover{background:url(../images/homeSprite.gif) no-repeat -305px -93px;}
.work_thumbs{float:left;border:#e2e2e2 5px solid;height:85px;margin:0 20px 0 0;}
.newsContent table td{text-align:center;padding:3px;}
.newsContent dd{margin-top:30px;}
.newsContent dd.news_tit{line-height:36px;}
.newsContent p{line-height:24px;margin:10px 0;}
.comments dt{background:url(../images/icon_man.gif) 15px 0 no-repeat;display:block;height:100px;width:120px;float:left;}
.comments dd{border:#ccc 1px solid;display:block;min-height:100px;height:100px;width:470px;float:left;position:relative;margin:0 0 20px;padding:10px;}
.comments ul{margin:40px 10px 10px 20px;}
.comments ul li{line-height:18px;}
.comments dd span{display:block;width:26px;height:28px;background:url(../images/comment_arrow.gif) no-repeat 0 0;position:absolute;left:-26px;top:10px;}
.comments_bt{background:url(../images/comment_bt.gif) no-repeat;border:none;width:140px;height:42px;cursor:pointer;color:#333;font-family:"微软雅黑";}
#serviceBanner{background:url(../images/service_banner.png) no-repeat center center;height:404px;margin-top:20px;}
.inputForm{border:#CCC 1px solid;margin-top:20px;background:#e6e6e6;position:relative;height:430px;padding:0 20px 20px;}
.inputForm input{font-size:16px;color:#999;border:none;margin:20px 6px 0 0;padding:10px 5px 0;}
.inputBox1{background:url(../images/homeSprite.gif) no-repeat -365px 0;width:243px;height:29px;}
.inputBox2{background:url(../images/homeSprite.gif) no-repeat -365px -39px;width:342px;height:29px;}
.inputBox3{background:url(../images/homeSprite.gif) no-repeat -365px -78px;width:603px;height:29px;}
.inputBox4{background:url(../images/homeSprite.gif) no-repeat 0 -130px;width:854px;height:197px;border:none;margin:20px 0 10px;padding:5px;}
.inputBox5{width:844px;height:187px;font-size:16px;color:#999;border:none;margin:0;padding:10px 5px 0;}
.inputForm .submitBt{color:#054d65;font-family:"微软雅黑";background:url(../images/homeSprite.gif) no-repeat -865px -130px;height:41px;width:104px;cursor:pointer;margin:0 auto;padding:0;}
.arrow{width:38px;height:16px;display:block;background:url(../images/homeSprite.gif) no-repeat -304px -114px;position:absolute;top:-16px;}
#aboutBanner{background:url(../images/aboutBanner.jpg) no-repeat center center;height:196px;margin-top:20px;}
#aboutBanner a{height:196px;display:block;}
#aboutBanner a:hover{height:196px;display:block;background:url(../images/album_link.png) no-repeat center 0;}
.grid_7 span{color:#666;}
#contact{height:260px;background:url(../images/contact.gif) no-repeat center top;}
/*************************Show Case Tab******************** */#wrapper{margin:0 auto;}
#wrapper #left{width:28%;float:left;height:600px;}
#wrapper #right{width:72%;float:right;}
#wrapper .stretcher h3{font-size:16px;}
#content{margin:20px 0;}
#left .workClass .item1,#left .workClass .item2,#left .workClass .item3,#left .workClass .item4,#left .workClass .item1:hover,workClass .item2:hover,workClass .item3:hover,workClass .item4:hover{font-weight:400;margin:20px;}
.ad{float:left;width:100%;margin-top:20px;border:#e2e2e2 1px solid;padding:5px;}
a,a:visited{color:#09C;text-decoration:none;}
.logo h1,.search h3,.pageDiv a span,.logo2 h1,#contact dl{display:none;}
.newsList,#otherNews{margin-top:10px;}
.newsList .pro a:hover,.newsContent table{background:#09c;color:#fff;}
#Bar a,.ad a{color:#999;}
#otherNews h3,.comments ul span{color:#09c;}
#serviceForm,#aboutContent{margin:20px 10px;}