/* CSS Document */
.ul_list li{ height: 32px; line-height: 32px; border-bottom: 1px dashed #aaa;}
.ul_list a{ width:70%; display: inline-block; font-size: 14px; color:#444; padding-left:10px; background:url(../img/icon_dot.jpg) no-repeat left center; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ul_list a:hover{ text-decoration:underline; color:#ee7800; }
.ul_list span{ float:right; font-size: 14px; color:#999;}
.tabs{ padding-bottom: 20px;}
.tabs span{ width:104px; height: 34px; line-height: 34px; border:1px solid #aaa; text-align: center; display:inline-block; cursor: pointer; font-size:16px; color:#aaa; opacity: 0.6; transition:opacity 0.25s}
.tabs span:hover{ opacity:1;}
.tabs span.active{ background: #E50100; border:1px solid #E50100; color:#fff; opacity: 1; }
.tabs a{ width:60px; height: 22px; line-height: 22px; color:#aaa; margin-top:8px;  display: inline-block; border:1px solid #aaa; float:right; text-align: center; font-size:14px; transition:0.25s; }
.tabs a:hover{ background:#E50100; border:1px solid #E50100; color:#fff;}
.tab_pane{ display: none;}
#_rmwz,#_xywh{ display: block;}
/* common */

.sec{ padding-top:40px;}
.hot{ width:560px; height:320px;  float:left; }
.hot_news{ height: 128px; margin-bottom: 8px;}
.hot_news img{ width: 182px; height: 128px; float:left;}
.hot_news div{ width:360px; float:right;}
.hot_news h3{ line-height: 30px; font-weight: bold; color:#ff0000; font-size: 16px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.hot_news h3 a{ color:#ff0000; }
.hot_news h4{ height: 70px; line-height: 23px; overflow: hidden; font-size: 15px; color:#aaa;}
.hot_news p{ height: 28px; line-height: 28px; font-size: 15px; color:#aaa; }
.hot .ul_list{ height:128px; overflow: hidden;}
/* hot */

.notice{ width:290px; padding-left:30px; float:left;}
.notice .ul_list{ height:128px; margin:-14px 0 12px;}
.notice .ul_list a{ width:60%;}
/* notice */

.service{ width:290px; float:right;}
.service p{ text-align: center; padding:43px 0;}
.service .a_online,.service .a_phone{ width:120px; height:44px; display: inline-block; text-indent: -9999px; margin:0 6px; opacity: 0.75;
transition:opacity 0.25s;}
.service p a:hover{ opacity: 1;}
.service .a_online{ background:url(../img/index_service_1.png) no-repeat center center;}
.service .a_phone{ background:url(../img/index_service_2.png) no-repeat center center;}
/* service */

.show{padding-bottom: 40px;}
.ul_show li{ width:200px; height:234px; padding:5px; background: #E50100; margin-right:37px; float:left; transition:box-shadow 0.3s;}
.ul_show li:hover{ box-shadow: 0 0 6px #ee7800;}
.ul_show li.li_s5{ margin-right:0;}
.ul_show h3{ height: 40px; line-height: 40px; color:#fff; font-size: 16px; padding-left:34px;}
.ul_show .li_s1 h3{ background:url(../img/icon_show_list.png) no-repeat -10px -4px;}
.ul_show .li_s2 h3{ background:url(../img/icon_show_list.png) no-repeat -10px -44px;}
.ul_show .li_s3 h3{ background:url(../img/icon_show_list.png) no-repeat -10px -82px;}
.ul_show .li_s4 h3{ background:url(../img/icon_show_list.png) no-repeat -10px -130px;}
.ul_show .li_s5 h3{ background:url(../img/icon_show_list.png) no-repeat -10px -176px;}
.ul_show h3 a{ float:right; font-size:13px; color:#fff;}
.ul_show h3 a:hover{ text-decoration: underline;}
.ul_show img{ width:190px; border:5px solid #fff; }
/* show */

.sch_detail a{ width:290px; height:190px; float:left;  margin-right:13px; display: inline-block; transition:box-shadow 0.3s;}
.sch_detail a:nth-of-type(4){ margin-right:0; }
.sch_detail a:hover{ box-shadow:0 0 6px #ee7800;  }
.sch_detail img{ width:100%; height: 190px; }
/* sch_detail */


@media (max-width:1024px){
    .main{ padding:20px 0;}
    .sec{ padding-top:20px;}
    
    .hot{ width:100%; float:none; margin-bottom: 14px;}
    .hot_news img{ display: none;}
    .hot_news>div{ width:100%; float:none;}
    .hot .ul_list a{ width:60%;}
    
    .notice{ width:100%; float:none; padding-left:0; margin-bottom: 14px;}
    .notice img{ width:100%;}
    
    .service{ width:100%; float:none;}
    .service p{ padding:20px 0;}
    .service img{ width:100%;}
    
    .show{ padding-bottom:20px}
    .ul_show li{ width:48%; height: auto; box-sizing: border-box; float:left; margin:0; margin-bottom: 10px;}
    .ul_show li:nth-of-type(2n+2){ float:right;}
    .ul_show img{ width:100%; height: auto; box-sizing: border-box;}
    
    .sch_detail a{ display: inline-block; width:49%; height: auto; float:left; margin:0; margin-bottom:10px; }
    .sch_detail a:nth-of-type(2n+2){ float:right;}
    .sch_detail img{ width:100%; height: auto;}
}

@media (max-width:420px){
    .ul_show li{ width:100%; float:none !important; margin-bottom: 10px;}
}