/*-------六洲科技设计 版权所有 www.szliuzhou.com---*/
html {
margin: 0;
padding:0;
}
body { 
margin: 0;
padding:0;
width:100%;
/*-font-family:黑体";
font:"黑体";-*/
line-height: 1.88889;
background: url() repeat #000000;
margin: 0; 
padding: 0;
overflow-x:hidden;
font-size:12px;
}

.clear{clear:both;
}
A{
color:#666666;
text-decoration:none;
}
A:hover {
color:#ffffff;
text-decoration:none;
}
 A:active {
color: #666666;
text-decoration:none;
}
.newsbox A{
color:#000000;
text-decoration:none;
}
.newsbox A:hover {
color:#666666;
text-decoration:none;
}
.redword{text-decoration:underline;}
.enword{
font-family: Arial;
}
li{
text-decoration:none;
list-style:none;
}
li.title{
font-size:18px;
color:#000000;
font-weight:bold;
}
p.title{
font-size:18px;
color:#000000;
font-weight:bold;
}
div.content{
margin:12px 0px 12px 0px;
font-size:12px;
color:#333333;
}
li.imgborder img{
border:1px solid #cccccc;
}
li.imgborder p{
font-weight:normal;
text-indent:0.5em;
color:#666666;
}
p{
margin:0px;
padding:0px;
}


#all{
width:100%;
min-width:1003px;
}

#head{
width:100%;
min-width:1003px;
position:fixed;
height:59px;
box-shadow:0 0 10px #000000;
top:0px; left:0px; 
background: url() repeat #000000;
}

.logo{
margin:14px 0px 0px 20px;
float:left;
}
.link{
margin:0px 0px 0px 16px;
float:left;
}
.link li{
width:143px;
display:block;
height:100%;
line-height:59px;
float:left;
color:#666666;
font-size:16px;
font-weight:bold;
}

.link li a{
width:100%;
height:100%;
display:block;
line-height:59px;
text-align:center;
vertical-align:middle;
color:#666666;
text-decoration:none;
}
.link li a:hover{
color:#8F0505;
}

.link .wordon  a{
color:#8F0505;
background: url() center bottom no-repeat #ffffff;
}

.link .submenu{
position:relative;
}
.link .submenu a{
color:#666666;
background: url(../images/botton_arrow_red.png) center bottom no-repeat;
}

.link .wordon.submenu  a{
color:#8F0505;
background: url(../images/botton_arrow_red.png) center bottom no-repeat #ffffff;
}


.link .submenu a:hover{
color:#8F0505;
height:64px;
background: url() center bottom no-repeat #ffffff;
box-shadow:3px 3px 3px #666666;
z-index:10;
}

.link .submenu .submenu_a_on{
color:#8F0505;
height:64px;
background: url() center bottom no-repeat #ffffff;
box-shadow:3px 3px 3px #666666;
z-index:10;
}

.menu_works{
margin:0px;
padding:30px 0px 0px 0px;
position:absolute;
top:59px;
left:0;
width:475px;
height:auto;
box-shadow:3px 3px 3px #666666;
background: url(../images/submenu_in_shadow.png) 143px 0px no-repeat #ffffff;
background-color:#FFFFFF;
z-index:999999999;
display:none;
}

.link .menu_works .close{
clear:both;
width:auto;
text-align:right;
}

.link .menu_works .close img{
cursor:pointer;
}

.menu_works span{
margin:0px 0px 0px 15px;
font-size:12px;
width:140px;
height:35px;
line-height:35px;
vertical-align:middle;
display:block;
float:left;
background:;
box-shadow:none;
font-weight:normal;
text-indent:1.5em;
}
.link .submenu .menu_works a{
width:100%;
height:35px;
line-height:35px;
vertical-align:middle;
color:#333333;
background: url(../images/lidot.jpg) left no-repeat #ffffff;
box-shadow:none;
text-align:left;
}
.link .submenu .menu_works a:hover{
width:100%;
height:35px;
line-height:35px;
vertical-align:middle;
color:#8F0505;
background: url(../images/lidot.jpg) left no-repeat #ffffff;
box-shadow:none;
text-align:left;
}




.topcontent{
margin:0px 0px 0px 0px;
width:100%;
height:20%;
display:block;
overflow:hidden;
position:relative;
z-index:-1;
}
.topcontent img{
width:100%;
height:auto;
}
.topcontent .mark_bar{
position:absolute;
bottom:0;
left:0;
width:100%;
height:37px;
background-color:#000000;
filter: Alpha(opacity=50);    
-moz-opacity:0.5;    
opacity: 0.5;
display:none;
}

.topcontent span{
margin:0px 0px 9px 20px;
position:absolute;
bottom:0;
left:0;
width:20px;
height:20px;
display:block;
border:1px solid #ffffff;
background-color:#8F0505;
box-shadow:0 0 4px #000000;
display:none;
}

#contain{
margin:0px 0px 0px 0px;
padding:0px 0px 22px 0px;
width:100%;
height:auto;
background-color:#FFFFFF;
box-shadow:0 0 10px #000000;
display:table;
}

.bottomcontent{ border:none; margin:-2px 0px 0px 0px;padding:15px 0px 0px 0px}

#contain #left{
margin:22px 0px 0px 20px;
width:22%;
min-width:265px;
background-color:#FFFFFF;
float:left;
top:59px; left:0px; 
}

#contain #left li.linkbox{
border:1px solid #cccccc;
float:left;
width:30%;
margin:0px 0px 10px 5px;
}
#contain #right{
margin:22px 0px 0px 0px;
padding:0px 0px 0px 10px;
width:70%;
background-color:#FFFFFF;
float:right;
}

#contain #right img{
width:98%;
height:auto;
}

.bottomcontent{
width:100%;
background-color:#FFFFFF;
display:table;
z-index:99999;
position:relative;
}
.linkbox{
margin:15px 0px 0px 0px;
width:50%;
background-color:#E8E8E8;
height:62px;
display:block;
font-size:14px;
line-height:62px;
text-align:center;
vertical-align:middle;
float:left;
}

.linkbox a{
width:100%;
height:100%;
display:block;
line-height:62px;
text-align:center;
vertical-align:middle;
color:#333333;
text-decoration:none;
}


.linkbox a:hover{
color:#bebebe;
text-decoration:none;
background-color:#ffffff;
color:#000000;
}

.bottomcontent .buttonleft{
background:url(../images/button_arrow_black.png) left top no-repeat #E8E8E8;
margin:15px 0px 0px -1px;
float:left;
}
.bottomcontent .buttonright{
margin:15px 0px 0px 0px;
background:url(../images/button_arrow_black.png)  right bottom no-repeat #E8E8E8;
float:right;
}

.bottomcontent .buttonleft a:hover{
background:url(../images/button_arrow_black.png) left top no-repeat #ffffff;
}
.bottomcontent .buttonright a:hover{
background:url(../images/button_arrow_black.png)  right bottom no-repeat #ffffff;
}

.bottomcontent .buttontop
{
margin:0 auto;
height:40px;
width:40px;
line-height:40px;
text-align:center;
vertical-align:middle;
background:url(../images/button_top.jpg) no-repeat #ffffff;
}

.bottomcontent .buttontop a:hover{
color:#FFFFFF;
}
.bottomcontent .buttontop a{
height:40px;
width:40px;
line-height:40px;
display:block;
color:#cccccc;
}


#right .slide_content{

padding:50px 0px 50px 20px;
color:#CCCCCC;
background-color:#333333;

}
#right .slide_content .title{
font-size:28px;
color:#CCCCCC;
margin:50px 0px 50px 50px;
}
#right #pic_9,#right #pic_8,#right #pic_6,#right #pic_4,#right #pic_1{
background-color:#1d1d1d;
}
#right .slide_content h2{
font-size:28px;
color:#ffffff;
font-weight:bold;
}
#right .slide_content h3{
margin:40px 0px 0px 0px;
font-size:18px;
color:#F3F3F3;
font-weight:bold;
}

#right .slide_content img{
width:11px;
}

.clientlogo{
display:table;
background-color:#FFFFFF;
padding:25px 10px 0px 10px;
width:100%;
}

.clientlogo li{
float:left;
margin:50px 0px 0px 50px;
width:120px;
}

#right .newsbox{
width:320px;
height:186px;
overflow:hidden;
text-overflow:ellipsis;
display:block;
}

#right .newsbox .title{
font-size:14px;
line-height:28px;
}

#right .newsbox .shotcontent{
font-size:12px;
color:#666666;
}

.newsshowbox{
margin:75px 0px 0px 50px;
width:60%
}

#footpage{
width:100%;
margin:25px 0px 0px 0px;
}

.pageno a{
  width:40px;
  background-color:#999999;
  color:#CCCCCC;
  text-decoration:none;
  height:40px;
  line-height:40px;
  display:block;
  text-align:center;
  float:left;
}
.pageno a:hover{
  width:40px;
  color:#CCCCCC;
  background-color:#333333;
  text-decoration:none;
  height:40px;
  line-height:40px;
  display:block
}

::-moz-selection {background-color: #FA6565;color: #ffffff;}
::selection {background-color: #FA6565;color: #ffffff;}

#foot{
margin:0px 0px 0px 20px;
height:25px;
line-height:35px;
vertical-align:middle;
color:#CCCCCC;
font-size:14px;
z-index:999999;
position:relative;
background-color:#000000;
}

#box_mark_layer{
width:100%;
height:100%;
background-color:#333333;
position:absolute;
left:0;
top:0;
display:none;
opacity: 0.95;
}

#load {
	position:fixed;
	left:40%;
	width:189px;
	height:75px;
	display:none;
	top:40%;
	z-index:9999999;
}


.DhaoSlideShow{
margin:80px 0px 0px 0px;
padding:0px;
width:100%;
position:relative;
overflow:hidden;
}
.slide_bar{
margin:160px 0px 20px 400px;
height:32px;
line-height:32px;
width:100%;
text-align:center;
color:#FFFFFF;
position:absolute;
}

.slide_bar span{
height:32px;
line-height:32px;
display:none;
}
.slide_button_word{
height:32px;
line-height:32px;
display:block;
}
.slide_button{
margin:0px 0px 0px 5px;
height:32px;
width:32px;
background: url(images/slide_button.png) 0px -32px no-repeat;
display:block;
float:left;
cursor:pointer;
}
.slide_button_on{
margin:0px 0px 0px 5px;
height:32px;
width:32px;
background: url(images/slide_button.png) 0px 0px no-repeat;
display:block;
float:left;
cursor:pointer;
}
.slide_box{
margin:0px;
padding:0px;
width:100%;
height:auto;
display:block;
overflow:hidden;
}
.slide_box img{
border:none;
}
.way_hand{
margin:0px;
padding:0px;
height:auto;
}
.slide_box li{
position:relative;
margin:0px;
padding:0px;
text-decoration:none;
list-style:none;
float:left;
display:block;
}

.index_clientlogo{ position:absolute; top:50px; width:100%; background:none;}
.index_clientlogo img{ width:150px !important;}




@media screen and (max-width:800px){
body{width:100%}
#all{
min-width:320px;
width:100%
}
#head{
min-width:320px;
width:100%
}
#contain{
min-width:320px;
width:100%
}

#contain #left_m{
margin:0px;
width:100%;
border:none;
}
#left_m li, #left_m div{
padding:5px 15px 5px 15px;
}

#contain #left_m li.linkbox{
float:left;
width:30%;
}

.linkbox{
margin:10px;
width:30%;
background-color:#E8E8E8;
height:62px;
display:block;
font-size:14px;
line-height:62px;
text-align:center;
vertical-align:middle;
float:left;
}

.linkbox a{
width:100%;
height:100%;
display:block;
line-height:62px;
text-align:center;
vertical-align:middle;
color:#333333;
text-decoration:none;
}


.linkbox a:hover{
color:#bebebe;
text-decoration:none;
background-color:#ffffff;
color:#000000;
}


#right_m .content_box{
padding:5px 15px 5px 15px;
}

#right_m img{
width:100%;
height:auto;
}

.clientlogo{
margin:0px;
padding:0px;
display:table;
background-color:#FFFFFF;
width:100%;
}

.clientlogo li{
float:left;
margin:0px;
padding:0px;
width:100%;
}



#right_m{ margin:60px 0px 0px 0px;}

#right_m .newsbox{
margin:0px;
padding:0px;
height:auto;
overflow:hidden;
text-overflow:ellipsis;
display:block;
}

#right_m .newsbox .title{
font-size:14px;
line-height:28px;
padding:0px 10px 0px 10px;
}

#right_m .newsbox .shotcontent{
font-size:12px;
color:#666666;
padding:0px 10px 15px 10px;
}

#right_m .newsshowbox{
margin:0px 10px 0px 10px;
}


#right_m .slide_content{

padding:50px 0px 50px 20px;
color:#CCCCCC;
background-color:#333333;

}
#right_m .slide_content .title{
font-size:28px;
color:#CCCCCC;
margin:50px 0px 50px 50px;
}
#right_m #pic_9,#right_m #pic_8,#right_m #pic_6,#right_m #pic_4,#right_m #pic_1{
background-color:#1d1d1d;
}
#right_m .slide_content h2{
font-size:28px;
color:#ffffff;
font-weight:bold;
}
#right_m .slide_content h3{
margin:40px 0px 0px 0px;
font-size:18px;
color:#F3F3F3;
font-weight:bold;
}

#right_m .slide_content img{
width:11px;
}


.topcontent .mark_bar{
width:100%;
}
.topcontent{ margin:40px 0px 0px 0px;width:100% position:;}
.topcontent img{ width:100%;}
#head{ height:auto;}
.logo{ width:100%; text-align:center; margin:5px 0px 0px 0px; padding:0px; display:block;border-bottom:1px solid #111111;}
.link{
width:100%;
margin:0px;
padding:0px;
background-color:#000000;
position:fixed;
bottom:0px;
z-index:999;
border-top:1px solid #111111;
}

.menu_works{
margin:0px;
padding:30px 0px 0px 0px;
position:absolute;
top:59px;
left:0;
width:475px;
height:auto;
box-shadow:3px 3px 3px #666666;
background: url() 143px 0px no-repeat #ffffff;
background-color:#FFFFFF;
z-index:999999999;
display:none;
}


.menu_works span{
margin:5px 0px 5px 15px;
font-size:15px;
width:30%;
height:35px;
line-height:35px;
vertical-align:middle;
display:block;
float:left;
background:;
box-shadow:none;
font-weight:normal;
overflow:hidden;
}
.link .submenu .menu_works a{
width:100%;
height:35px;
line-height:35px;
vertical-align:middle;
color:#333333;
background: url(../images/lidot.jpg) left no-repeat #ffffff;
box-shadow:none;
text-align:left;
}
.link .submenu .menu_works a:hover{
width:100%;
height:35px;
line-height:35px;
vertical-align:middle;
color:#8F0505;
background: url(../images/lidot.jpg) left no-repeat #ffffff;
box-shadow:none;
text-align:left;
}

.link li{
width:20%;
margin:0px;
padding:0px;
}

.clientlogo .imgborder{
margin:10px;
padding:0px;
display:table;
background-color:#FFFFFF;
width:40%;
}

#right li.imgborder img{
width:100%;
border:1px solid #cccccc;
}
#right li.imgborder p{
font-weight:normal;
text-indent:0.5em;
color:#666666;
}
#foot{ margin:0px 0px 70px 0px;}
#foot a{ display:none;}

#footpage{ width:100%}
#footpage .pageno{ width:30%; }
#footpage .pageno a{ width:30%; margin:5px;}
#footpage .pageno a:hover{ width:30%; margin:5px;}

.bottomcontent .linkbox{ width:100%; overflow:hidden;}
}