@charset "utf-8";
body{ width:100%; background:url(../imges/bj.png);}
.top_box{ width:100%; background:url(../imges/nav_bj.png);}
.top_box img{ display:block; float:left;}
.top_box ul{ float:right; margin-bottom:2px;}
.top_box ul li{ float:left; background:url(../imges/nav_icon.png) no-repeat 0 46px; width:100px; height:137px;}
.top_box ul li a{ width:100px;height:137px; display:block;}
.icon01{ background-position:0 46px;}
.icon01:hover{ background-position:left 0 top -92px;}
.top_box ul .icon02{ background-position:-100px 46px;}
.top_box ul .icon02:hover{ background-position:-100px -92px;}
.top_box ul .icon03{ background-position:-200px 46px;}
.top_box ul .icon03:hover{ background-position:-200px -92px;}
.top_box ul .icon04{ background-position:-300px 46px;}
.top_box ul .icon04:hover{ background-position:-300px -92px;}
.top_box ul .icon05{ background-position:-400px 46px;}
.top_box ul .icon05:hover{ background-position:-400px -92px;}
.top_box ul .icon06{ background-position:-500px 46px;}
.top_box ul .icon06:hover{ background-position:-500px -92px;}
.top_box ul .icon07{ background-position:-600px 46px;}
.top_box ul .icon07:hover{ background-position:-600px -92px;}
.top_box ul .icon08{ background-position:-700px 46px;}
.top_box ul .icon08:hover{ background-position:-700px -92px;}


/*baner*/
.swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
	.swiper-slide img{ 
width:100%;
-webkit-width:100%;
-ms-width:100%;
-moz-width:100%;
-o-width:100%}
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
		-moz-box-pack:center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

footer{ background-color:#de2a1b;  width:100%; margin-top:136px; height:192px;}
.bottom{position:relative;}
footer img{ display:block;position:absolute;}
footer img.saoma{ top:-36px;}
footer img.sao{ left:280px; top:75px;}
footer .bottom div{ float:right; color:#fff; line-height:30px;}
footer ul li{ float:left; width:80px; text-align:center; line-height:60px;}
footer ul li a{color:#FFFFFF; font-size:13px; letter-spacing:2px;}
footer p{ width:250px; float:right; font-size:14px; color:#fff; text-align:justify; line-height:30px;}
footer span{ color:#cccccc;}