@charset 'utf-8';
.con_box {
    width: 920px;
}
.con_box h2 {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    color:#015293;
    text-align: center;
}
.con_box h2 a {
    font-size: 34px;
	letter-spacing: 2px;
    color: #015293;
}
.con_box .con_top {
    margin: 35px 0 20px;
}
.focusBox { position: relative; width: 411px;height: 274px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;margin-bottom: 20px;}
.focusBox .pic , .focusBox .pic li {width: 411px;height: 274px;}
.focusBox .pic img { width: 100%; height: 100%; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden;height: 41px;}
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 16px; font-weight: bold; text-decoration: none; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.focusBox .num { position: absolute; z-index: 3; bottom:10px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 10px; height: 10px;background: #fff; border-radius: 50%; line-height: 15px; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; background: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background: #107fdd;  }
.focusBox .prev , .focusBox .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.focusBox a.prev {
    left: 0;
}
.focusBox a.next {
    right: 0;
}
.con_top .tg_box h3 {
    display: inline-block;
    width: 37px;
    height: 105px;
    background: url("../images/index/tg-bg.png;vpn_img") center center;
    color: #fff;
    font-size: 18px;
    padding: 5px 9px;
}
.con_top .tg_box ul {
    width: 360px;
    padding: 5px 0;
}
.con_top .tg_box ul li {
	font-size: 16px;
    line-height: 32px;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.con_top .tg_box ul li img {
    margin-right: 10px;
}
/* 部门动态TAB */
.trends{ width:462px;margin-right: 25px; position: relative;}
.trends .tab-nav {
    z-index: 5;
    height: 26px;
    padding-bottom: 33px;
    border-bottom: 1px solid rgb(169, 169, 169);
}
.trends .tab-hd {
    height: 33px;
}
.trends .tab-nav li {
    background: none;
    width: auto;
    font-weight: bold;
    cursor: pointer;
    font-size: 18px;
    padding: 0 10px;
    height: 30px;
    line-height: 23px;
    padding-left: 0;
    display: inline-block;
}
.trends .tab-nav li.on {
    background: none;
    position: relative;
	color: #015293;
}
.trends .tab-nav li.on p::after {
    display: inline-block;
    content: '';
    width: 90%;
    height: 2px;
    background: #015293;
    position: absolute;
    left: 0;
    bottom: -4px;
}
.trends .tab-bd {
    margin-top: 5px;
}
.trends .tab-hd .tab-nav {
    display: block;
}
.trends .tab-pal .more {
    position: absolute;
    right: 0;
    top: 2px;
    color: #a1a1a1;
    font-size: 16px;
}
.trends .tab-pal li{
    background: url("../images/icon/icon2.jpg;vpn_img");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 10px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
	line-height: 37px;
}
.trends .tab-pal li span {
    position: absolute;
    right: 0;
    color: #a9a9a9;
}
/* 专题专栏 */
.zt_box {
	width: 918px;
	height: 113px;
    background: #eaf3f8;
    margin-top: 17px;
}
.zt_box .title {
    line-height: 32px;
    height: 85px;
    width: 78px;
    text-align: center;
    margin: 18px 0 0 20px;
}
.zt_box .title h3 {
    letter-spacing: 1px;
    color: #079de8;
    margin-top: 10px;
}
.picScroll{position:relative;width:800px;padding:17px 25px;overflow:hidden;}
.picScroll .tempWrap {width: auto !important;}
.picScroll .prev,
.picScroll .next{width: 10px;height: 17px; display:block; position:absolute; top:45%; left:8px; }
.picScroll .next{ left:auto; right:8px; background:url("../images/index/next-ico.png;vpn_img")}
.picScroll .prev{ background:url("../images/index/prev-ico.png;vpn_img")}
.picScroll .prev:hover{ background:url("../images/index/prev-on.png;vpn_img")}
.picScroll .next:hover{ background:url("../images/index/next-on.png;vpn_img")}
.picScroll ul{height: 80px; overflow:hidden; zoom:1; }
.picScroll ul li{width: 243px;float:left; overflow:hidden; padding:0 10px;     }
.picScroll ul li img{width: 243px;height: 80px; display:block; background:url(images/loading.gif;vpn_img) center center no-repeat; }

/* 右侧 */
.nav_box {
    width: 220px;
}
.nav_box .navs {
    padding: 0 0 0 20px;
    border-left: 1px solid #ededed;
}
.navs .info_box .title {
    font-size: 18px;
	line-height: 31px;
	letter-spacing: 1px;
    color: #015293;
    text-align: center;
}
.navs .info_box .title img {
    width: 51px;
	height: 51px;
}
.navs .info_box .title h3 {
    display: inline-block;
}   
.navs .info_box ul {
    margin: 15px 0 22px;
}
.navs .info_box li {
    float: left;
    width: 50%;
    line-height: 40px;
}   
.navs .info_box li img {
    margin-right: 9px;
}
.ewm {
    padding-left: 20px;
    text-align: center;
}
.ewm img {
    width: 93px;
    height: 92px;
}
@media (max-width: 768px) {
    .ban {
        display: none;
    }
    .con_box {
        width: 100%;
    }
    .con_box h2 a {
        font-size: 20px;
    }
    .con_box .con_top {
        margin: 10px 0;
    }
    .con_box , .nav_box ,.con_box .con_top .fl ,.con_box .con_top .fr ,.focusBox {
        float: none;
        width: 100%;
    }
    .focusBox .pic, .focusBox .pic li {
        width: 100%;
    }
    .con_top .tg_box h3 {
        background: #079de8;
        font-size: 22px;
        height: auto;
    }
    .trends .tab-nav li {
        font-size: 16px;
        padding: 0;
    }
    .trends .tab-pal .more {
        top: 17px;
    }
    .zt_box {
        background: none;
        width: 100%;
        height: auto;
    }
    .zt_box .fl , .zt_box .fr {
        float: none;
        width: 100%;
    } 
    .zt_box .title {
        margin: 0 0 0 20px;
        text-align: left;
    }
    .navs .info_box .title {
        text-align: left;
    }
    .nav_box .navs {
        border: none;
    }
    .ewm {
        padding: 0 20px;
    }
}