@charset "utf-8";
/*index CSS Document */
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"Microsoft Yahei";overflow-x: hidden;    }
img{ border:none}
.datu{ display:block}
.indexFocus{
    width:100%;
    height:280px;
    background:#fff;
	border:none;
    margin-bottom:4px;
}
.indexFocusCon{
    position:relative;
    margin:0 auto;
    width:1003px;
    height:280px;
}
.indexFocusConPic{
    position:absolute;
    left:-458px;
    top:0;
    width:1920px;
	*width:1907px;
    height:280px;
    z-index:1;
    overflow: hidden;
}
.indexFocusConPic ul{
    margin:0px;
    padding:0px;
    width:1920px;
	*width:1907px;
    height:280px;
    list-style: none;
}
.indexFocusConPic ul  img{
    position:relative;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    text-align:center;

}
.indexFocusConUp,.indexFocusConDown{
    position:absolute;
    top:0;
    width:67px;
    height:280px;
    z-index:2;
}
.indexFocusConUp{
    left:-67px;
}
.indexFocusConDown{
    right:-67px;
}
.indexFocusConUp a,.indexFocusConDown a{
    display:block;
    width:67px;
    height:280px;
}
.indexFocusConUp a{
    background:url(../images/indexFocusConBtn.png) no-repeat left center;
}
.indexFocusConDown a{
    background:url(../images/indexFocusConBtn.png) no-repeat right center;
}


#foot{ height:160px; background:#003A74; color:CCCCCC;}
.foot{ width:1100px; margin:0 auto;}
.footer_right{ padding-top:20px; float:left; line-height:28px; width:700px; font-size:12px; color:#CCCCCC; }
.footer_right a{ color:#CCCCCC; padding:0 12px;}
.footer_right a:hover{ color:#FFFFFF}
.footer_left{ width:330px; float:left; margin-left:50px; margin-top:40px; display:inline;}
.footer_tel{ background:url(../images/tel_bottom.jpg) left center no-repeat; padding-left:30px; font-size:12px; line-height:20px; width:120px; float:left; color:#CCCCCC;}
.footer_dianh{ height:40px; float:left; font-size:25px; color:#FFFFFF; line-height:40px;}


@media only screen and (max-width:767px) {
	
	.indexFocus{
    width:100%;
    height:280px;
    background:#fff;
	border:none;
    margin-bottom:4px;
}
.indexFocusCon{
    position:relative;
    margin:0 auto;
    width:100%;
    height:280px;
}
.indexFocusConPic{
    position:absolute;
    left:-458px;
    top:0;
    width:1920px;
	*width:1907px;
    height:280px;
    z-index:1;
    overflow: hidden;
}
.indexFocusConPic ul{
    margin:0px;
    padding:0px;
    width:100%;
	*width:100%;
    height:280px;
    list-style: none;
}
.indexFocusConPic ul  img{
    position:relative;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    text-align:center;
	max-width:100%;
	height:auto;

}
.indexFocusConUp,.indexFocusConDown{
    position:absolute;
    top:0;
    width:67px;
    height:280px;
    z-index:2;
}
.indexFocusConUp{
    left:-67px;
}
.indexFocusConDown{
    right:-67px;
}
.indexFocusConUp a,.indexFocusConDown a{
    display:block;
    width:67px;
    height:280px;
}
.indexFocusConUp a{
    background:url(../images/indexFocusConBtn.png) no-repeat left center;
}
.indexFocusConDown a{
    background:url(../images/indexFocusConBtn.png) no-repeat right center;
}

.datu{ display:none}

#foot{ height:auto; background:#003A74; color:CCCCCC;}
.foot{ width:100%; margin:0 auto;}
.footer_right{ padding-top:20px; float:left; line-height:28px; width:100%; font-size:12px; color:#CCCCCC; }
.footer_right a{ color:#CCCCCC; padding:0 3px;}
.footer_right a:hover{ color:#FFFFFF}
.footer_left{ width:330px; float:left; margin-left:50px; margin-top:40px; display:inline;}
.footer_tel{ background:url(../images/tel_bottom.jpg) left center no-repeat; padding-left:30px; font-size:12px; line-height:20px; width:120px; float:left; color:#CCCCCC;}
.footer_dianh{ height:40px; float:left; font-size:25px; color:#FFFFFF; line-height:40px;}


	
}