@charset "utf-8";

.focus-banner{width:376px;height: 220px;float:left;}

.focus-banner .hd{width:100%;position: absolute;bottom:5px;font-size: 0;text-align: right;z-index: 12;right:10px;}
.focus-banner .hd li{display: inline-block;*display:inline; *zoom:1;width:10px;height:10px;background: #fff;-moz-border-radius: 5px;border-radius: 5px;margin:0 4px;cursor: pointer;}
.focus-banner li.on{background: #1869ec;}


.focus-banner .bd a{display: block;width:376px;height: 220px;}
.focus-banner .bd img{display: block;width:100%;height:100%;}
.focus-banner .title{width:100%;height:40px;line-height: 40px;color:#fff;background-color: rgba(0,0,0,0.8);position: absolute;left:0;bottom:0;}
.focus-banner .title span{display: block;text-indent: 20px;width:290px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



.wrap-box{width:376px;}
.wrap-box .list{display: block;}
.wrap-box .list li{padding-left: 14px;background: url(../images/dot.png) no-repeat left center;margin-top: 18px;}
.wrap-box .list li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#333;}
.wrap-box .list li span{position: absolute;top:0;right:0;font-size: 12px;color:#999;}
.wrap-box .list li a:hover{color:#1869ec;}




.li-part{overflow:hidden;width:390px;margin-top: 25px;}
.li-part a{display: block;height:94px;text-align: center;color:#fff;font-size:16px;float:left;margin:0 4px 5px 0;border-radius: 5px;-webkit-border-radius: 5px;}
.li-part a:hover{opacity: .9;}
.li-part a.a1{background-color: #1283ee;line-height: 94px;width:186px;}
.li-part a.a2{background-color: #dc3054;line-height: 94px;width:186px;}
.li-part a.a3{background-color: #ec8e1f;width:123px;}
.li-part a.a3 p{padding-top: 27px;}
.li-part a.a4{background-color: #2ebf76;width:123px;line-height: 94px;}
.li-part a.a5{background-color: #2e7fec;width:123px;line-height: 94px;}









/*内页*/
.inner-left{width:265px;float:left;background-color: #fff;box-shadow: 0 0 15px #eee;}
.inner-left h2{height: 55px;line-height: 55px;background: url(../images/bg01.png) no-repeat right center #1869ec;color:#fff;font-size: 22px;padding-left: 82px;}
.inner-left h2 img{width:31px;height:31px;position: absolute;left:40px;top:50%;margin-top: -15px;}


.inner-menu{padding:0 2px 50px;}
.inner-menu li{border-bottom: 1px #e3e3e2 dotted;}
.inner-menu .lv01{display: block;height:40px;background: url(../images/menu-bg.png) no-repeat;padding-left: 45px;font-size: 15px;color:#333;line-height: 40px;}
.inner-menu .lv01 span{display: block;background: url(../images/m-arrow01.png) no-repeat 140px center;}
.inner-menu .lv01.curdown{color:#1869ec;}
.inner-menu .lv01.curdown span{display: block;background: url(../images/m-arrow02.png) no-repeat 140px center;}
.inner-menu .lv02{display: none;padding:8px 0;}
.inner-menu li.open .lv02{display: block;}


.inner-menu .lv01.cur{color:#1869ec;}
.inner-menu .lv01.cur span{display: block;background: url(../images/m-arrow03.png) no-repeat 140px center;}


.inner-menu .lv02 a{display: block;height:34px;line-height: 34px;padding:0 0 0 64px;color:#666;}
.inner-menu .lv02 a:hover,.inner-menu .lv02 a.cur{color:#1869ec;}



.inner-right{width:850px;float:right;padding:0 25px 50px 25px;background: #fff;box-shadow: 0 0 15px #eee;}

.in-ri-tit{height: 70px;line-height: 70px; text-align: center; font-size: 22px; color: #333;}


.p-text-list{margin-top:10px;}
.p-text-list li{padding:10px 0 10px 14px;}
.p-text-list li a{color:#444;}
.p-text-list li a:hover{color:#1869ec;}
.p-text-list li span{font-size:12px;color:#888;position: absolute;top:10px;right:0;}
.p-text-list li::before{content: '';display: block;width:4px;height:4px;background-color:#666;border-radius: 50%;-webkit-border-radius: 50%;position:absolute;left:0;top:50%;margin-top: -2px;}



.pic-text-list li{padding:30px 0 30px 210px;min-height: 125px;border-bottom:1px dashed #e5e5e5;}
.pic-text-list li h4{padding-top: 5px;}
.pic-text-list li h4 a{color:#333;font-size: 16px;font-weight: bold;}
.pic-text-list li h4 a:hover{color:#1869ec;}
.pic-text-list li .pic{display: block;width:186px;height:125px;position: absolute;left:0;top:30px;overflow: hidden;}
.pic-text-list li .pic img{width:100%;height:100%;}
.pic-text-list li .info{font-size: 13px;color:#666;height: 48px;line-height: 24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;margin-top:15px;}
.pic-text-list li .time{color:#999;font-size: 13px;margin-top: 10px;}




.news-title{text-align:center;padding:20px 0 15px 0;border-bottom: 1px solid #eee;}
.news-title h2{font-size: 22px;line-height:30px;color:#333;width:850px;margin:0 auto;}
.news-title .sub-tit{text-align: center;font-size: 13px;color:#999;margin-top: 10px;}
.news-title .sub-tit span{padding:0 5px;}

.con-bot-page{margin-top: 30px;padding-top: 10px;border-top: 1px dashed #ccc;color:#888;line-height: 24px;}
.con-bot-page a{color:#888;}
.con-bot-page a:hover{color:#1869ec;}



.content-box{margin-top: 25px;overflow: hidden;line-height: 30px;}
.content-box img{max-width: 100%;}



.video-list{width:870px;overflow: hidden;}
.video-list a{display: block;width:270px;float:left;margin:0 20px 25px 0;}
.video-list a .box{width:270px;height:178px;overflow: hidden;}
.video-list a .box img{width:100%;height:100%;}
.video-list a .box .play{width:100%;height:100%;position: absolute;left:0;top:0;background-color: rgba(0,0,0,0.3);}
.video-list a .box .play i{display: block;width:42px;height:42px;position: absolute;left:50%;margin-left: -21px;top:50%;margin-top: -21px;background: url(../images/play.png) no-repeat;}
.video-list a .title{color:#444;margin-top: 10px;}
.video-list a:hover .title{color:#1869ec;}

/****调整首页的排版*/
.focus-banner {
    width: 582px;
    height: 341px;
    float: left;
}

    .focus-banner .hd {
        width: 100%;
        position: absolute;
        bottom: 5px;
        font-size: 0;
        text-align: right;
        z-index: 12;
        right: 10px;
    }

        .focus-banner .hd li {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 10px;
            height: 10px;
            background: #fff;
            -moz-border-radius: 5px;
            border-radius: 5px;
            margin: 0 4px;
            cursor: pointer;
        }

    .focus-banner li.on {
        background: #1869ec;
    }


    .focus-banner .bd a {
        display: block;
        width: 582px;
        height: 341px;
    }

    .focus-banner .bd img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .focus-banner .title {
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background-color: rgba(0,0,0,0.8);
        position: absolute;
        left: 0;
        bottom: 0;
    }

        .focus-banner .title span {
            display: block;
            text-indent: 20px;
            width: 462px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }



.wrap-box {
    width: 582px;
}

    .wrap-box .list {
        display: block;
    }

        .wrap-box .list li {
            padding-left: 14px;
            background: url(../images/dot.png) no-repeat left center;
            margin-top: 18px;
        }

            .wrap-box .list li a {
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: #333;
            }

            .wrap-box .list li span {
                position: absolute;
                top: 0;
                right: 0;
                font-size: 12px;
                color: #999;
            }

            .wrap-box .list li a:hover {
                color: #1869ec;
            }