@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,li,p,span,form,input,h1,h2,h3,h4{margin:0;padding:0; font-family:"宋体","黑体","Arial"; color:#000; font-size:12px;}
ol,ul,li{list-style:none;}
img{border:none; margin:0; padding:0;}
a{color:#000;text-decoration:none; border:0;}
a:hover{text-decoration:underline; color:#F00;}

#header {
	BORDER-BOTTOM: #cccccc 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#D0D0D0); BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid
}
.topNav {
	POSITION: relative; TEXT-ALIGN: right; LINE-HEIGHT: 55px; MARGIN: 0px auto; WIDTH: 980px; FONT-FAMILY: Arial, 宋体; HEIGHT: 55px; COLOR: #cdcdcd; FONT-SIZE: 13px
}
.topNav A:link {
	COLOR: #0002cd; TEXT-DECORATION: none
}
.topNav A:visited {
	COLOR: #0002cd; TEXT-DECORATION: none
}
.topNav A:hover {
	COLOR: #fe5900; TEXT-DECORATION: none
}

.headbox {
    background: url("../images/bg.png") repeat-x scroll 0 0 transparent;
    height: 35px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}
.headbox .inner {
    margin: 0 auto;
    position: relative;
    width: 95%;
}
.headbox .inner .topnav {
    float: right;
}
.headbox .inner .topnav li.cur {
    margin: 0;
}
.headbox .inner .topnav li {
    float: left;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.headbox .inner .topnav li em {
    padding-right: 5px;
}
address, caption, cite, code, dfn, em, th, var, i {
    font-style: normal;
    font-weight: normal;
}
.headbox .inner .topnav li {
    font-size: 12px;
    line-height: 35px;
}
.headbox .inner .topnav li a {
    color: #C1C1C1;
}
.headbox .inner .topnav li.cur a {
    color: #FFFFFF;
}
.headbox .inner .topnav2 {
    float: left;
}
.headbox .inner .topnav2 li.cur2 {
	color:#FFF;
    margin: 0;
}
.headbox .inner .topnav2 li {
    float: left;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    padding-right: 10px;
}
.headbox .inner .topnav2 li em {
    padding-right: 5px;
}
.headbox .inner .topnav2 li {
    font-size: 12px;
    line-height: 35px;
}
.headbox .inner .topnav2 li a {
    color: #C1C1C1;
}
.headbox .inner .topnav2 li.cur2 a {
    color: #FFFFFF;
}

body{ background:#d1d0d6;}
.wei{ width:960px; height:auto; display:block; overflow:hidden; background:#FFF; margin:0px auto;}
.foot {width: 100%;height: 138px;overflow: hidden;}
.zt_foot {width: 960px;height: 104px;margin: 0px auto;padding-top: 20px;}
.zt_foot p {text-align: center;height: 26px;line-height: 26px;color: #333;}
.zt_foot a{ color:#333;}

.warpper{ width:auto; height:auto; display:block; position:relative; padding-top:470px; background:url(../images/a_01.gif) no-repeat center 0, url(../images/a_02.gif) no-repeat center 47px, url(../images/a_03.gif) no-repeat center 94px, url(../images/a_04.gif) no-repeat center 141px, url(../images/a_05.gif) no-repeat center 188px, url(../images/a_06.gif) no-repeat center 235px, url(../images/a_07.gif) no-repeat center 282px, url(../images/a_08.gif) no-repeat center 329px, url(../images/a_09.gif) no-repeat center 376px, url(../images/a_10.gif) no-repeat center 423px;}
.title{ width:1000px; height:auto; display:block; text-align:center; margin:10px auto;}
.con{ width:1000px; height:auto; display:block; overflow:hidden; margin:0 auto; text-align:center;}

.imglist{ width:1000px; height:auto; margin:0px auto; font-size:0px; padding:10px 0px;}
.imglist li{ width:33.3%; height:auto; padding:10px 10px; box-sizing:border-box;-webkit-box-sizing:border-box; display:inline-block;}
.imglist li img{ width:100%; height:auto;}
#demo {
width: 1000px;
overflow:hidden;
margin-left:3px;
margin:0px auto;
}
#indemo {
float: left;
width: 500%;
}
#demo1 {
float: left;
margin-right:3px;
height:270px;
}
#demo2 {
float: left;
margin-left:3px;
height:270px;
}
.m_warpper{ display:none;}

@media only screen and (min-width: 320px) and (max-width: 720px) {
	.headbox{ display:none;}
	.warpper{ display:none;}
	.foot{ display:none;}
	.m_warpper{ width:100%; max-width:640px; display:block;}
	.m_top{ width:100%;}
	.m_top img{ width:100%;}
	.m_title{ width:100%; padding:10px 0px;}
	.m_title img{ width:100%;}
	.m_con{ width:100%; height:auto; display:block;}
	.m_con img{ width:100%;}
	#focus{ overflow:hidden;}
	#focus ul{ float:left;}
	#focus li{ width:100%; float:left;}
	#focus li img{ width:100%}
	
	#focus1{ overflow:hidden;}
	#focus1 ul{ float:left;}
	#focus1 li{ width:100%; float:left;}
	#focus1 li img{ width:100%}
	
	#focus2{ overflow:hidden;}
	#focus2 ul{ float:left;}
	#focus2 li{ width:100%; float:left;}
	#focus2 li img{ width:100%}
}
@media only screen and (min-width: 320px) and (max-width: 320px){
    .cu{
        width:120px;
    }
}
@media only screen and (min-width: 360px) and (max-width: 360px){
    .cu{
        width:84px;
    }
}
@media only screen and (min-width: 375px) and (max-width: 375px){
    .cu{
        width:86px;
    }
}