/*-------HaoÉè¼Æ QQ:77321757  [2013]  ---*/
html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
width:100%;
font-family:Arial,"ËÎÌå";
font-size:14px;
line-height:25px;
background:url(../images/bg.jpg) center top repeat #C8DBEA;
background-attachment: fixed;
background-size:100%;
}


#all { 
width:1440px;
margin:0 auto;
padding:0 0px;
height:auto;
position:relative;
}

html,body,div,ul,li,p{
margin:0px;
padding:0px;
}
p{
line-height:26px;
}
ul,li{
text-decoration:none;
list-style:none;
}
a{
color:#666666;
text-decoration:none;
}
a:hover{
color:#FFA800;
text-decoration:none;
}
.clear{
clear:both;
}
img{ border:none;}

.redword{ color:#FF0000}

#head{
margin:33px 0px 0px 0px;
width:100%;
height:51px;
overflow:hidden;
background-color:#FFFFFF;
position:relative;
background: url(../images/link_bg.png) no-repeat;
}


.link{
margin:0px 0px 0px 1px;
width:100%;
height:42px;
float:left;
}


.link li{
margin:0px 0px 0px 0px;
padding:0px;
height:100%;
line-height:42px;
vertical-align:middle;
font-size:14px;
vertical-align:middle;
float:left;
text-align:center;
width:111px;
overflow:hidden;
}

.link li a{
height:100%;
display:block;
color:#ffffff;
}
.link li a:hover{color:#FDF100;;text-decoration:none;
background: url(../images/link_select_on.png) no-repeat;
}
.link li .select_on{
color:#FDF100;
background: url(../images/link_select_on.png) no-repeat;
}

#contain,.contain{
width:1002px;
margin:0 auto;
padding:0 0px;
}

.showimg{ width:100%; height:393px; display:block; background: url(../images/showimg.jpg) no-repeat;}

.logo {
margin:17px 0px 0px 27px;
width:177px;
height:47px;
float:left;
}
.logo span{
display:none;
}
.logo a{
width:100%;
height:100%;
background: url(../images/logo.png) no-repeat;
display:block;
}

.logo a:hover{
width:100%;
height:100%;
background: url(../images/logo.png) no-repeat;
display:block;
}

#box_index{
margin:8px 0px 0px 0px;
width:1440px;
height:219px;
display:block;
background: url(../images/box_index.png) center no-repeat;
}

#box_index a{
color:#FFFFFF;
}
#box_index a:hover{
color:#FDF100;
}

#box_index .box_left{
margin:23px 0px 0px 14px;
width:205px;
height:178px;
display:block;
float:left;
box-shadow:0 0 5px #333333;
}

#box_index .box_middle{
margin:23px 0px 0px 0px;
background: url(../images/split.png) 0px 24px no-repeat;
width:380px;
height:178px;
display:block;
float:left;
}

#box_index .box_middle li{
text-indent:2.5em;
background: url(../images/li_dot.jpg) 22px 12px no-repeat;
height:26px;
line-height:26px;
}
#box_index .box_middle .title{
font-size:16px;
text-indent:2em;
line-height:21px;
background: url(../images/button_more.png) 299px 0px no-repeat;
}

#box_index .box_middle .title a{
width:100%;
display:block;
}

#box_index .box_right{
margin:23px 0px 0px 0px;
width:391px;
height:178px;
display:block;
float:left;
}

.box_contain{ width:100%;box-shadow:0px 5px 2px #cccccc;background-color:#FFFFFF;}
.box_contain p.title{background: url(../images/link_bg.png) no-repeat;
text-indent:1.5em;
height:35px;
line-height:35px;
vertical-align:middle;
font-size:14px;
color:#FFFFFF;
}

.box_contain p.title a{
color:#FFFFFF;
padding:0px 10px 0px 10px;
border-left:1px solid #cccccc;
height:35px;
line-height:35px;
}

.box_contain p.title a:hover{
color:#FFA800;
}

.box_contain .content{
margin:20px;
padding:0px 0px 20px 0px;
}
li.aboutnews{ border-bottom:1px dashed #cccccc; height:35px; line-height:35px;}
li.aboutnews a{ width:100%; display:block;}
li.aboutnews span{color:#cccccc;}

li.aboutproducts{ border-bottom:1px dashed #cccccc; height:auto; clear:both;}
li.aboutproducts a{ width:100%; display:block;line-height:60px; font-size:16px; }
li.aboutproducts img{  margin:3px 0px 0px 10px; float:left;}
li.aboutproducts span{ margin:3px 0px 0px 10px;color:#3c3c3c; line-height:50px; font-size:16px; vertical-align:middle;}
li.aboutproducts a:hover span{color:#FFA800;}


.page{ margin:15px 0px 0px 0px;}

.box_contain .box_left{
margin:0px 0px 0px 0px;
width:205px;
height:178px;
display:block;
float:left;
box-shadow:0 0 5px #333333;
}
.small_box{ float:left; width:110px; margin:0px 20px 0px 0px;}
.small_box li.title{ width:110px;}
.small_box img{ margin:13px 0px 0px 0px;}

#foot{
margin:0 auto;
width:1002px;
height:89px;
font-size:13px;
text-align:right;
overflow:hidden;
color:#525051;
}
#foot .footleft{
margin:14px 0px 0px 24px;
float:left;
width:200px;
display:block;
}
#foot .footright{
margin:14px 12px 0px 0px;
float:right;
width:500px;
display:block;
text-align:right;
}
#foot li{ float:right; margin:0px 0px 10px 20px; display:block; height:32px; line-height:32px;}
#foot li.friendlink{ width:132px; height:22px; line-height:22px;
background: url(../images/friendlink_bg.jpg) no-repeat;
text-align:left;
text-indent:1em;
font-size:12px;}
#foot li.friendlink a{ width:100%; display:block;}
#foot li.powerby{ width:25px;}
#foot select{ width:132px; border:1px solid #C5C5C5; margin:0px; padding:0px; display:block;}
img{ border:none;}

.mobile_showimg{ display:none;}

@media screen and (max-width:1075px){
#all {
width:1024px;
}
#box_index{ width:1024px;}

body {
background-size:auto;
}

}

@media screen and (max-width:800px){
body {
margin:0;
padding:0;
width:100%;
font-family:Arial,"ËÎÌå";
font-size:15px;
line-height:25px;
background:url() center top repeat #ffffff;
overflow:hidden;
}

#all {
width:100%;
margin:0 auto;
padding:0 0px;
height:auto;
position:relative;
overflow:hidden;
}

#contain,.contain{
width:100%;
margin:0 auto;
padding:0 0px;
}

.showimg{padding:50px 0px 0px 0px; width:100%; height:auto; display:block; background: url() no-repeat;}
.showimg img{ width:100%;}

.logo{ background-color:#FFFFFF;}

#head{
margin:0px 0px 0px 0px;
width:100%;
height:auto;
overflow:visible;
position:absolute;
top:52px;
background:url() no-repeat #FFFFFF!important;
background-color:#FFFFFF;
display:none;
border-bottom:3px solid #3c3c3c;
}


.link{
margin:0px 0px 0px 1px;
width:100%;
height:auto;
float:;
}


.link li{
  margin:0px 1px 0px 0px;
  padding:0px;
  list-style-type: none;
  text-decoration: none;
  display: block;
  float:left;
  border-bottom:1px solid #cccccc;
  background:url(../images/box_arrow.png) right 5px no-repeat #ffffff;
  width:48%;
  text-align:left;
  height:50px;
  text-indent:1em;
  line-height:50px;
}

.link li a{
color:#3c3c3c;
text-decoration:none;
display:block;
width:100%;
height:50px;
background:url() 0px 0px no-repeat;
}
.link li a:hover{
color:#3c3c3c;
text-decoration:none;
display:block;
width:100%;
height:50px;
background:url() 0px -32px no-repeat;
}
.link li .select_on{
margin:0px;
padding:0px;
display:block;
width:100%;
height:50px;
color:#3c3c3c;
float:left;
}
.logo {
margin:0px; padding:5px 0px 5px 0px;
width:100%; height:47px; display:block; position:absolute; top:0px; left:0px;
border-bottom:1px solid #3c3c3c;
}
.logo a{
margin:0px 0px 0px 10px;
}
.mobile_menu{ height:60px; display:block; position:fixed; top:0px; right:0px; cursor:pointer; z-index:999999;}
.mobile_menu img{ height:100%;}
.mobile_showimg{ display:block;}


#box_index{
margin:-13px 0px 0px 0px;
width:100%;
height:219px;
display:block;
background: url(../images/box_index.png) center no-repeat #6E2D0F;
}

#box_index .box_left{
display:none;
}


#box_index .box_middle li{
text-indent:1em;
background: url(../images/li_dot.jpg) 50px 12px no-repeat;
height:26px;
line-height:26px;
width:100%;
overflow:hidden;
}
#box_index .box_middle .title{
font-size:16px;
text-indent:1em;
line-height:21px;
background: url(../images/button_more.png) 299px 0px no-repeat;
}

#box_index .box_middle .title a{
width:100%;
display:block;
}

#box_index .box_right{
margin:10px 0px 0px 0px;
width:100%;
height:auto;
display:block;
background:#281105;
}

.small_box{ float:left; width:30%; margin:20px 0px 0px 5px;}
.small_box li.title{ width:110px;}
.small_box img{ margin:13px 0px 0px 0px;}


#foot{
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
width:100%;
height:auto;
font-size:13px;
text-align:right;
overflow:hidden;
color:#525051;
background-color:#ffffff;

}
#foot .footleft{
display:none;
}
#foot .footright{
margin:0px;
float:none;
width:100%;
display:block;
text-align:center;
}
#foot li{ float:right; margin:0px 0px 10px 20px; display:block; height:32px; line-height:32px;}
#foot li.friendlink{ width:132px; height:22px; line-height:22px;
background: url(../images/friendlink_bg.jpg) no-repeat;
text-align:left;
text-indent:1em;
font-size:12px;}
#foot li.friendlink a{ width:100%; display:block;}
#foot li.powerby{ width:25px;}
#foot select{ width:132px; border:1px solid #C5C5C5; margin:0px; padding:0px; display:block;}


.box_contain{
margin:-8px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
li.aboutproducts{ border-bottom:1px dashed #cccccc; height:65px; clear:both; width:100%; overflow:hidden;}
.box_contain .content{
margin:0px;
width:90%;
padding:10px;
}
.content iframe { display:none;}
.content table{ width:100%}
.content input{ width:90%; height:30px;}
.content textarea{ width:90%;}

.box_contain p.title{
text-indent:1em;
height:auto!important;
line-height:40px;
vertical-align:middle;
font-size:14px;
color:#FFFFFF;
width:100%;
padding:0px;
background: url(../images/link_bg.png) no-repeat;
display:table;
}

.box_contain p.title span{
width:100%;
height:50px;
line-height:40px;
display:block;
margin:0px 0px 1px 0px;
background: url(../images/link_bg.png) no-repeat;
color:#FFFFFF;
}

.box_contain p.title a.select_on{
background: url(../images/link_bg.png) no-repeat;
color:#FFA800;
}

.box_contain p.title a{
color:#FFFFFF;
padding:0px;
border-left:none;
height:50px;
line-height:40px;
width:100%;
display:block;
text-align:center;
}

.box_contain p.title a:hover{
color:#FFA800;
}

.box_contain .content img{
width:100%;
}
.box_contain .content .title_img img{ width:80px;}

.aboutnews{ width:100%; overflow:hidden;}

.page{ width:100%; text-align:center; }
.page a{ width:25%; display:block; float:left; height:40px;}
.page span{ width:25%; display:block; float:left ;height:40px;}
}