html,body,div,li,ul,h1,h2,h3,h4,img,input,textarea,button{
margin:0;
padding:0;
color:#999999;
font-family:Arial;
}
img{
border:0;
}
body{
width:950px;
margin:auto;
background:url(../images/bg.jpg) repeat-x #1a1a19;
}
td {
font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif, "宋体";
color: #333;
}
li{
list-style-position:outside;
list-style-type:none;
}
.topbox{
background:url(../images/top_bg.jpg) no-repeat;
width:950px;
height:120px;
overflow:hidden;
}
.logobox{
float:left;
width:383px;
height:28px;
margin-top:70px;
}
.searchbox{
width:340px;
height:40px;
float:right;
margin-top:80px;
}
.searchbox img,.searchbox input,.searchbox select{
vertical-align:middle;
}
.searchbox input{
width:160px;
height:20px !important;
overflow:hidden !important;
border:0;
}
.navbox{
background:url(../images/nav_normal.jpg) repeat-x;
height:69px;
overflow:hidden;
margin-bottom:10px;
}
.navbox div{
float:left;
}
.mainbox{
clear:both;
background:#ffffff;
width:950px;
margin:auto;
padding-bottom:10px;
}
.bigphotobox{
width:930px;
height:540px;
overflow:hidden;
margin:auto;
margin-top:-10px;
}
.index_maininfor{
background:url(../images/index_bg.jpg) repeat-x;
height:30px;
width:930px;
margin:10px 0 10px 10px;
padding-top:40px;
font-size:12px;
}
.index_news{
width:300px;
float:left;
height:160px;
margin-left:30px;
}
.index_news ul{
border-top:1px solid #d6d6d6;
}
.index_news li{
border-bottom:1px #d6d6d6 solid;
height:36px;
line-height:36px;
}
.index_news span{
width:50px;
height:36px;
float:right;
color:#8aa40f;
font-family:calibri;
font-size:12px;
text-align:right;
* margin-top:-36px;
}
.index_about{
width:220px;
float:left;
height:160px;
margin-left:20px;
line-height:18px;
}
.index_about p{
margin-bottom:16px;}
.index_random{
width:300px;
height:160px;
float:left;
margin-left:20px;
}
.index_random img{
width:300px;
height:170px;
}
.index_news h2,.index_random h2,.index_about h2{
margin-bottom:20px;
}
.workslist,.servicebox,.newsbox,.articalbox{
width:860px;
margin:auto;
padding-top:20px;
font-size:12px;
}
.workslist .cellbox{
width:286px;
height:280px;
float:left;
display:bolck;
}
.workslist div img{
width:280px;
height:187px;
margin-bottom:10px;
}
.workslist p{
padding-left:16px;
line-height:20px;
}
.newsbox a{
color:#999999;
}
.icon_1{
background:url(../images/littleicon_1.gif) 0 50% no-repeat;
}
.icon_2{
background:url(../images/littleicon_2.gif) 0 50% no-repeat;
}
.icon_3{
background:url(../images/littleicon_3.gif) 0 50% no-repeat;
}
.leftnavbox{
width:120px;
font-size:12px;
font-weight:bold;
float:left;
display:block;
}
.leftnavbox li{
border-bottom:1px solid #d6d6d6;
height:35px;
line-height:35px;
list-style-position:outside;
list-style-type:none;
color:#4e4e4e;
}
.leftnavbox a{
color:#4e4e4e;
}
.rightmainbox{
width:720px;
float:right;
line-height:22px;
font-size:12px;
margin-bottom:20px;
display:block;
}
.newsbox .rightmainbox table{
margin-bottom:20px;
}
.rightmainbox p{
margin-bottom:20px;
}
.connectbox{
width:740px;
margin:auto;
padding-top:20px;
font-size:12px;
margin-bottom:20px;
}
.connectinfor{
width:300px;
float:left;
line-height:
26px;
}
.connectinfor p{
margin-bottom:10px;
}
.connectform{
width:360px;
float:right;
line-height:18px;
}
.connectform form{
margin-top:20px;
}
.inforinput{
border: #f5f5f5 1px solid;
OVERFLOW: hidden;
WORD-BREAK: break-all;
BACKGROUND-COLOR: #f5f5f5;
width:270px;
}
input{
height:22px;
}
.newsbox .rightmainbox p{
margin-bottom:0;
line-height:20px;
}
.newsbox .rightmainbox span{
font-size:10px;}
a{
color:#414141;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.copyrightbox{
clear:both;
width:950px;
height:80px;
overflow:hidden;
padding-top:5px;
color:#ffffff;
line-height:18px;
padding-left:0px;
font-size:12px;
}
.clearbox{
clear:both;
}
hr{
color:#d6d6d6;}
html,body,p,div,li,ul,h1,h2,h3,h4,img{
font-family:Arial, Helvetica, sans-serif;
}
h5{
font-family:Cambria, serif;
}
.pagebox{
clear:both;
background:#f4f4f4;
height:30px;
text-indent: 10px;
line-height:30px;
}
DIV.pagebox {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px;
}
DIV.pagebox A {
BORDER: #ffffff 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none
}
DIV.pagebox A:hover {
BORDER: #aad83e 1px solid; BACKGROUND:#aad83e; COLOR: #fff;
}
DIV.pagebox A:active {
BORDER: #aad83e 1px solid; BACKGROUND: #aad83e; COLOR: #fff;
}
.index_link{
height:20px;
width:930px;
margin:10px 0;
padding-top:0px;
padding-bottom:10px;
font-size:12px;
}
/* service nav */
.service-nav { display: block; clear: both; margin: 0 auto; width: 900px; height: 402px; }
.service-nav .sn-bar { clear: both; height: 109px; overflow: hidden; }
.sn-bar a { top: -69px; width: 280px; height: 69px; background: url(http://localhost/img/home/service_nav_bar.jpg) 0 -69px no-repeat; outline: none; }
.sn-bar a.a1 { left: 0; background-position: 0 -69px; }
.sn-bar a.a2 { left: 280px; background-position: -285px -69px; }
.sn-bar a.a3 { left: 560px; background-position: -570px -69px; }
.sn-bar a.a1-h { left: 0; background-position: 0 0; }
.sn-bar a.a2-h { left: 280px; background-position: -285px 0; }
.sn-bar a.a3-h { left: 560px; background-position: -570px 0; }
.service-nav .sn-img { clear: both; width: 860px; height: 293px; overflow: hidden; border-bottom: 1px solid #b6b4b4; z-index: 1; zoom: 1; }
.sn-btn { display: none; top: 235px; left: 18px; width: 220px; height: 37px; z-index: 4; background: url(/img/nav/service_nav/hide_btn.png); }
.logo-f {top: 60px; right: 0; z-index: 9; }
.service-sub-nav { display: none; top: 0; left: 0; width: 963px; height: 620px; overflow: hidden; z-index: 5; background: #fff; }
.ssn-bar { display: none; padding-top: 60px; width: 245px; height: 550px; z-index: 6; }
.ssn-bar a, .ssn-bar img { display: block; margin: 0; padding: 0; width: 230px; outline: none; }
.ssn-bar a { margin-left: 10px; border-bottom: 1px solid #000; }
.ssn-data { float: right; display: none; margin-right: 21px; margin-top: 124px; padding: 0; width: 620px; height: 350px; line-height: 30px; z-index: 5;
color: #594c95;
font-size: 16px;
width:630px;
height:237px;
margin-left:308px;
}
.ssn-data p { margin: 0; width: 595px; text-align: justify; }
.ssn-bar2 { display: none; padding-top: 40px; width: 516px; height: 570px; z-index: 6; background: url(../img/home/bar_2x0.png) no-repeat; overflow: hidden; }
.ssn-bar2 a { display: block; margin: 0; padding: 0; width: 230px; height: 50px; outline: none; overflow: hidden; }
.ssn-bar-btn {
margin: 20px auto 0 auto!important;
width: 115px!important;
height: 34px!important;
background: url(../img/home/btn_1.png); border-bottom: 0!important;}
.ssn-bar-btn2 {
margin: 20px 0 0 40px!important;
width: 130px!important;
height: 33px!important;
background: url(../img/home/btn_2.png); border-bottom: 0!important;}
.ssn-back { bottom: 20px; right: 30px; width: 57px; height: 27px; background:url(/img/home/back2.png);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/home/back2.png'); _background:none; outline: none; cursor:pointer; }
.fashion-btn { top: 97px; left: 20px; width: 45px; height: 45px; }
.s-back { top: 300px; left: 815px; width: 35px; height: 35px; }
.fashion-btn, .s-back img { margin-left: 2px; }
.mainbox2{
clear:both;
background:#ffffff;
width:950px;
margin:auto;
padding-bottom:0px;
}