@charset "utf-8";
/* CSS Document */
html{background:none; }
body{background:none; }
.index_bg{float:left;width: 100%; background:url(images/index_bg.png) repeat-x;background-size:100% 100%;min-width:800px;}
.top_box{float:left;width: 100%; height:87px; background:url(images/top_box.png) repeat-x 0 0px;}
.center_box{float:left;width: 100%; border:none;}
.bottom_box{float:left;width: 100%; height:50px; background:url(images/bottom_box.png) repeat-x;  text-align:center; color:#000000; position:relative;}



/*头部*/
.logo{ background:url(images/logo.png) no-repeat;float:left;width:700px; height:87px;}
.logo .info_box{float:right;height:48px; line-height:48px; margin:15px 0 0 0;width:280px; display:block;}
.logo .info_box span,.info_box lable{float:left;height:24px; line-height:24px;  text-align:left; color:#ffffff; font-family:"微软雅黑";}
.logo .info_box span#sp_name{ font-size:24px;}
.logo .info_box  .datetime{float:right;height:40px; line-height:40px;  margin:0;width:280px;color:#ffffff; text-align:left; }
.logo .info_box  .datetime font{height:40px; line-height:40px;  }


.top_right{ float:right;width: 240px; height:87px;}

.top_right ul.top_btn{float:right;height:87px; line-height:87px;  margin:0;width:240px;}
.top_right ul.top_btn li{ width:120px;height:87px; line-height:87px;float:left;}
.top_right ul.top_btn li a{ width:120px;height:87px; line-height:87px;float:right; color:#ffffff; text-align:center; cursor:pointer; font-size:1.8em;}
.top_right ul.top_btn li a span { float:left; margin-top:50px; height:37px; line-height:37px;color:#ffffff; text-align:center;width:120px;  }
.top_right ul.top_btn li a:hover,.top_right ul.top_btn li a:hover span{ color:#feb80b;}


/*菜单栏*/
.layout-panel-west{background:none;}
.panel-header { border:none !important; background:none!important; width:285px!important; filter:none!important; height:0px!important; padding:0px!important; margin:0px; }
.accordion-body{background-color:transparent; border:none;  }
.panel-body{background-color:transparent;border:none; overflow:visible;}





.ty_box{margin:20px 0px;}
.ty_box ul{ width:100%; text-align:left; margin:0px;}
    .ty_box ul li {
        width: 19%;
        height: 160px; display:inline-block;  text-align:center;
    }
    .ty_box ul li a{
        width: 330px;
        height: 140px;margin:0 auto 20px auto ; display:block;
        color: #FFF;
    text-align: center;
    text-shadow: 0 -1px -1px rgba(0,0,0,0.2)!important;
    border: 0;
    border-radius: 12px;
    line-height: 1.7;
    position: relative;
    }
        .ty_box ul li a:hover {
            text-decoration: none;
        }
        .ty_box ul li a .text { width:190px; height:140px;float:left; vertical-align:middle;
    padding: 40px 0px 8px 10px ;
        }
        .ty_box ul li a i { font-size:9em; float:right;
    padding: 12px 20px 8px 0 ; width:140px;
        }
        .ty_box ul li a i:hover { font-size:9em; 
        }

        .ty_box ul li a span { font-family:"微软雅黑";text-align:left; display:block;font-size:16px; 
        }
        .ty_box ul li a span.title {font-size:24px;  font-weight:bold; width:180px;  margin:auto;
        }
        .ty_box ul li a span.s1 { text-align:left;
        }
        .ty_box ul li a span.s2 { text-align:right;
        }

@media only screen and (max-width:1769px) {
    .ty_box ul li {
        width: 24%;
        height: 160px; display:inline-block;  text-align:center;
    }
}
@media only screen and (max-width:1419px) {
    .ty_box ul li {
        width: 33%;
        height: 160px; display:inline-block;  text-align:center;
    }
}
@media only screen and (max-width:1069px) {
    .ty_box ul li {
        width: 49%;
        height: 160px; display:inline-block;  text-align:center;
    }
}

/*底部*/
.bottom_box  span{  height:50px; line-height:50px; text-align:center; color:#ffffff; vertical-align:middle;}