body,ul,li,div{ margin: 0 auto; padding: 0px; border: 0px; font-size: 12px; font-family: microsoft yahei, 微软雅黑; }
body {background-color:#FFF;}
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #39F; }
img { border: 0; }
.top { width: 100%; min-width:1000px; height: 90px; margin: 0px auto; background: url(../images/top2.gif) repeat-x top; }
.header { width: 1000px; height: 90px; margin: 0px auto; }
.logo { float: left; width: 195px; height: 84px; }
.logo img { width: 195px; height: 84px; }
.dianhua { float: right; width: 226px; height: 51px; }
.dianhua img { width: 226px; height: 51px; }
.nav { float: left; padding-left: 220px; width: 585px; height: 33px; line-height: 33px; }
.nav li { float: left; width: 82px; height: 33px; text-align: center; }
.nav li a { color: #fff; font-size: 14px; text-decoration: none; }
.nav li a:hover { text-decoration: none; color: #56C0FD; }
.focus { width: 1000px; height: 486px; margin: 0px auto; position: relative; }
.tubiao { position: absolute; top: 436px; left: 461px; width: 77px; height: 86px; background-image: url(../images/tubiao.png); }
.box { width: 100%;min-width:1000px; height: 196px; margin: 0px auto; background: url(../images/banner2.jpg) no-repeat center; min-width: 1000px; }
.box a { display: block; width: 1000px; height: 196px;  margin: 0px auto; }
.content { width: 100%;min-width:1000px; margin: 0px auto; text-align:center; display: block; clear: both; overflow: hidden; }
.lxwm { width: 100%; height: 254px; margin: 0px auto; text-align: center; background: url(../images/lxwm2.gif) repeat-x top;}
.bottom { width: 100%; min-width:1000px; height: 260px; margin: 0px auto; background: #93C5C9 url(../images/liuyan.gif) no-repeat top; }

/*弹出层*/
.lxwm2 { width: 1000px; height:0px; position:relative; }
.black_overlay { display: none; position:fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=88); }
.white_content { display: none; position:absolute; top: -550px; left:0px; width: 972px; height:950px; border:#9A9697 2px solid; z-index: 1002; overflow: auto; } 

/*case*/
.tab{ width:731px;height:341px;}
.tab ul li{ float:left; }
.tab ul li a{ float:left; display:block; background:transparent url(../images/case_00.jpg) no-repeat scroll 0 0;}

.tab ul li a.case1 { background-position: 0px 0px; width:119px; height:171px; }
.tab ul li a.case1:hover { background-position: 0px -342px; }
.tab ul li a.case2 {  background-position: -119px 0px; width:120px; height:171px; }
.tab ul li a.case2:hover { background-position: -119px -342px; }
.tab ul li a.case3 {  background-position: -239px 0px; width:128px; height:171px; }
.tab ul li a.case3:hover { background-position: -239px -345px; }
.tab ul li a.case4 {  background-position: -367px 0px; width:116px; height:171px; }
.tab ul li a.case4:hover { background-position: -367px -342px; }
.tab ul li a.case5 {  background-position: -483px 0px; width:126px; height:171px; }
.tab ul li a.case5:hover { background-position: -483px -342px; }
.tab ul li a.case6 {  background-position: -609px 0px; width:122px; height:171px; }
.tab ul li a.case6:hover { background-position: -609px -342px; }

.tab ul li a.case7 {  background-position: 0px -171px; width:119px; height:170px; }
.tab ul li a.case7:hover { background-position: 0px -515px; }
.tab ul li a.case8 {  background-position: -119px -171px; width:120px; height:170px; }
.tab ul li a.case8:hover { background-position: -119px -513px; }
.tab ul li a.case9 {  background-position: -239px -171px; width:128px; height:170px; }
.tab ul li a.case9:hover { background-position: -239px -513px; }
.tab ul li a.case10 {  background-position: -367px -171px; width:116px; height:170px; }
.tab ul li a.case10:hover { background-position: -367px -513px; }
.tab ul li a.case11 {  background-position: -483px -171px; width:126px; height:170px; }
.tab ul li a.case11:hover { background-position: -483px -513px; }
.tab ul li a.case12 {  background-position: -609px -171px; width:122px; height:170px; }
.tab ul li a.case12:hover { background-position: -609px -513px; }


.message { width:1000px; padding-top:85px; margin:0px auto; }
.message dl{ float:left; margin:0px; padding-left:150px; }
.message dl input{ font-size:14px; color:#333; width:159px; height:26px; border:0px; background:#EDEEF0; margin-bottom:6px; padding-left:5px;}
.message dt{ float:left; margin-left:8px; padding:0px;}
.message dt textarea{ font-size:14px; margin:0px; padding:5px; color:#333; width:516px; height:85px; border:0px;  background:#EDEEF0;}
.message p{ clear:both; display:block; margin-left:726px; padding-top:15px;}
.message p input{height: 35px; width:123px; font-size:18px; font-family:微软雅黑; color:#333; }


/*returnTop*/
p#back-to-top{
    position:fixed;
    display:none;
    bottom:0px;
    right:10px;
}
p#back-to-top a{
    text-align:center;
    text-decoration:none;
    color:#d1d1d1;
    display:block;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}
p#back-to-top a:hover{
    color:#979797;
}
p#back-to-top a span{
    background:url(../images/to-top_.png) no-repeat;
    border-radius:6px;
    display:block;
    height:30px;
    width:30px;
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}
#back-to-top a:hover span{
    background:url(../images/to-top.png) no-repeat;
}