.pageHeight {
    min-height: 500px;
}

.pageHeight700 {
    min-height: 700px;
}


.authorInfo_area {
    padding: 0 0 5px 16px;
    line-height: 14px;
    width: 260px;
    /* [disabled]margin-top:-4px; */
}
/***********************index***************************/
.headerArea_index
{
	width:100%;
	height:40px;
	line-height:40px;
	margin: 0;
	background:url(../images/header_bg.png) repeat;
	text-align:center;
	padding:30px 0;
	box-shadow:0 1px 2px #ccc;
	-moz-box-shadow:0 1px 2px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
}
.resourceInfoText{ 
	position:relative; 
	z-index:32;
	background:#fff;
}

.login_area {
    width: 210px;
    height: auto;
    float: right;
    margin-top: 10px;
}

.userInfo_index {
    color: #555;
    margin: 20px 0 10px 0;
    text-align: right;
}

    .userInfo_index a {
        color: #555;
    }

        .userInfo_index a:hover, .userInfo_index a:active {
            color: #999;
        }

    .userInfo_index span {
        margin-left: 10px;
        line-height: 20px;
    }


.top {
    color: #999;
    width: 980px;
    margin: 0 auto 0 auto;
}

.index_logo {
    width: 200px;
}

.index_logo_b {
    float: left;
    margin-top: 10px;
}

.top li {
    float: left;
    line-height: 40px;
}

.top i {
    width: 35px;
    height: 40px;
    margin: 0 5px 0 10px;
}

.menu_area {
    background: #4c514d;
    height: 36px;
}

.menu {
    width: 980px;
    margin: 0 auto;
}

    .menu li {
        float: left;
        width: 180px;
        line-height: 36px;
        text-align: center;
    }

        .menu li a {
            color: #fff;
            cursor: pointer;
            display: block;
        }

        .menu li :hover {
            background: #37559c;
        }

.menu_subject {
    background: #63a78d;
    color: #fff;
}

.mainbody_index {
    width: 980px;
    margin: 0px auto;
}

.subject {
    width: 100%;
    height: 250px;
    background: url(../images/subject_bg.png) #2d3f6c;
}

.subject_bg {
    background: url(../images/index_ad.png) no-repeat center;
    height: 250px;
}

.subject_list {
    width: 980px;
    margin: 0 auto;
    padding:0px;
	height:250px;
}

.subject_list_area{
	width: 560px;
	height:230px;
	background:#59a58b;
	padding:10px;
	opacity:0.9;
}
.subject .title {
    border-left: 2px solid #fff;
    margin: 10px;
    color: #fff;
    padding-left: 10px;
    width: 250px;
    display: block;
    border-top: 1px solid #399d63;
}

.subject_line {
    border-top: 1px solid #c43c1d;
    border-bottom: 1px solid #f26544;
    width: 416px;
    font-size: 0;
    line-height: 0;
}

.subject li {
    font-size: 14px;
    color: #fff;
    width: 150px;
    padding: 3px 15px 3px 15px;
}

    .subject li:hover {
        background: #66b096;
    }

.picShow {
    width: 560px;
    height: 300px;
    overflow: hidden;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
}

.direct .title {
	background:#e7f2ed;
    height: 30px;
    width: 100%;
    position: relative;
}

    .direct .title span {
        width: 105px;
		height:30px;
        background:#5ba985;
        line-height: 30px;
		margin-left:8px;
		padding-right:10px;
		color:#fff;
		display:inline-block;
		text-align:center;
    }

.pagebody_index {
    width: 650px;
    margin: 10px 0;
    float: left;
}

.listBox {
    width: 320px;
    float: left;
}

    .listBox .title {
        font-size: 18px;
        margin: 10px 0;
    }

.listBox_pic {
    float: left;
}

.listBox_list {
    float: left;
    width: 170px;
    margin-left: 5px;
}

.listBox_title2 {
    height: 28px;
    background: #f8f8f8;
    line-height: 28px;
    margin-bottom: 10px;
}


.rightBar {
    width: 295px;
    float: right;
    margin-top: 10px;
}

    .rightBar .topBox {
        width: 295px;
        padding: 10px 0;
		margin-bottom:10px;          
		background:#f7f4ed;
		border-top:2px solid #d6c7a6;
		position:relative;
    }
	

.tagBox {
   
    margin: 0 10px 20px 10px;
}

.tagBox_title {
    background: #f7f4ed;
    color: #5ba985;
    height: 30px;
    width: 100px;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
	z-index:55;
}

.tagBox_title_line{
	background: #eeeae1;
	width:190px;
	height:5px;
	margin-left:80px;
	position:absolute;
	top:20px;
	z-index:50;
}

.tagBox li {
    padding: 2px 5px;
    width: 110px;
    float: left;
    margin-top: 10px;
}

.tagBox1, .sortBox {
	position:relative;
    padding:10px;
    margin: 0;
}

    .tagBox1 li {
        padding: 2px 5px;
        width: auto;
        float: left;
        margin-top: 5px;
        white-space: nowrap;
    }

    .tagBox1 a {
        color: #555;
    }

    .tagBox1 li:hover {
        background: #f6f6f6;
    }

    .sortBox li {
        float: left;
        width: 120px;
    }

    .sortBox a {
        color: #555;
    }

.sortTitle {
    font-size: 12px;
    color: #1a8fd2;
    margin-top: 5px;
    padding-left: 5px;
}

.bookBox {
    background: #f4f4f4;
    border-top: 2px solid #999;
    padding-bottom: 20px;
}

.bookBox_title {
    color: #5ba985;
    border-bottom: 1px solid #ccc;
    margin: 10px;
    line-height: 30px;
}

.bookBox li {
    margin-left: 10px;
    line-height: 24px;
    font-size: 14px;
}

    .bookBox li a {
        color: #555;
    }

.student {
    border-top: 1px solid #458fce;
    border-left: 1px solid #d2e1f1;
    border-right: 1px solid #d2e1f1;
    border-bottom: 1px solid #d2e1f1;
    width: 100%;
    height: 220px;
    margin-top: 10px;
}

.student_title {
    height: 30px;
    background: #f6f9fe;
    padding-left: 10px;
    line-height: 30px;
}

.student li {
    width: 130px;
    height: 100px;
    margin: 10px;
    float: left;
}

.picBox{
    
    height: 160px;
	margin:10px 0;
    padding: 15px;
    background: #fff;
    border: 1px solid #efefef;
	_display:inline;
}

.picBox_title {
    height: 30px;
    background: #f6f9fe;
    padding-left: 10px;
    line-height: 30px;
}
.picBox_b{
	width: 100%;
	margin:20px 0;
}
.picBox li , .picBox_b li{
    width: 150px;
    height: 240px;
    float: left;
	margin-top:0px;
}

.recommend_book{

    height: 230px;
    margin:10px 0;
    _display:inline;
}

.recommend_book_title {
    height: 30px;
    line-height: 30px;
}

.recommend_book li {
    width: 150px;
    height: 240px;
    float: left;
    margin-top:0px;
}

.testBox {
    background: url(../images/index_test_bg.png) #63a88d no-repeat;
    width: 710px;
    ;
    height: 64px;
    margin: 10px 0;
    padding-left: 270px;
    padding-top: 20px;
    border-top: 1px solid #fff;
}

    .testBox div {
        float: left;
        width: 190px;
        color: #fff;
        font-size: 16px;
        height: 30px;
    }

    .testBox a {
        color: #fff;
    }

        .testBox a:hover {
            color: #fff;
        }

.region {
    background: url(../images/index_item_bg.gif) no-repeat;
    width: 100%;
    height: 182px;
    border-top: 1px solid #fff;
    margin-bottom: 10px;
    padding: 0 10px;
}

.region_listBox {
    width: 226px;
    margin: 10px 5px 10px 10px;
    float: left;
    font-size: 14px;
}

    .region_listBox a {
        color: #555;
    }

.region_more {
    float: right;
    margin: 10px 20px 0px;
}
/***********************index login ***************************/
.loginArea {
    color: #555;
    background: #f1efe8;
    padding: 15px;
    font-size: 14px;
}
.input_login_index {
    background: #fafafa;
    border: 1px solid #ddd;
    padding: 5px;
    margin: 0;
    width: 180px;
}
/***********************study index***************************/
.resume_title {
    color: #999;
    background: #f8f8f8;
    padding: 3px;
    font-size: 14px;
}

/***********************lesson list**************************/
.downloadBtn {
    width: 200px;
    height: 36px;
    background: url(../images/bg.png) 0 -50px;
    cursor: pointer;
}

    .downloadBtn:hover {
        background: url(../images/bg.png) 0 -90px;
    }

.quote {
    font-style: italic;
}

.lessom_pic {
    float: left;
    margin-right: 10px;
}

.lesson_info {
    float: left;
    width: 235px;
}

.lesson_teacher_pic {
    width: 50px;
    margin-right: 20px;
    float: left;
}

.lesson_teacher_info {
    float: left;
}
/***********************lesson index**************************/
.tab_s {
}

    .tab_s li {
        float: left;
        text-align: center;
        padding: 2px 5px;
        width: 50px;
        margin-right: 10px;
    }

.pic_margin {
    margin-right: 10px;
    float: left;
}

.recommend, .recommend_r {
    float: left;
    width: 165px;
    height: 220px;
    background: #f8f8f8;
    margin-right: 14px;
}

.recommend_r {
    margin-right: 0;
}


.selectArea {
    width: auto;
    height: 28px;
    position: relative;
}

.selectArea_bg {
    padding: 0 20px 0 10px;
    color: #fff;
    line-height: 28px;
    min-width: 120px;
    background: url(../images/select_bg.png) repeat-x;
}

.selectArea_left {
    background: url(../images/bg.png) 0 -160px;
    width: 10px;
    height: 28px;
}

.selectArea_btn {
    background: url(../images/bg.png) -118px -160px;
    width: 34px;
    height: 28px;
    cursor: pointer;
}

    .selectArea_btn:hover {
        background: url(../images/bg.png) -160px -160px;
    }
.selectBox_triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #FFF;
    position: absolute;
    z-index: 99;
	top: -5px;
	left:8px;
}
.selectBox {
    background: #fafafa;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 27px;
    width: 70px;
    box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
}

    .selectBox li {
        padding:0 2px;
        cursor: pointer;
        color: #555;
        
    }

    .selectBox dd {
        cursor: pointer;
    }

        .selectBox dd:hover {
            background: #9eabbf;
        }

.searchArea {
    background: url(../images/bg.png) 0 -130px;
    width: 206px;
    height: 26px;
    position: relative;
}


.searchInput {
    outline: 0;
    margin: 3px 10px;
    padding: 3px;
    background: transparent;
}

.searchArea_top {
    width: 150px;
    height: 26px;
    position: relative;
	text-align:right;
}

.searchBtn_top {
    background: url(../images/bg.png) -740px -20px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 3px;
    cursor: pointer;
}

    .searchBtn_top:hover {
        background: url(../images/bg.png) -740px -40px;
    }
/***********************resource index**************************/
.resource_area {
    background: #f8f8f8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .resource_area li {
        float: left;
        margin-right: 10px;
        white-space: nowrap;
    }

.tab_hot, .tab_hot_a, .tab_time, .tab_time_a {
    width: 56px;
    height: 24px;
    margin: 1px 0 1px 10px;
}

.tab_hot {
    background: url(../images/bg.png) 0 -190px;
}

.tab_hot_a {
    background: url(../images/bg.png) 0 -215px;
}

.tab_time {
    background: url(../images/bg.png) -60px -190px;
}

.tab_time_a {
    background: url(../images/bg.png) -60px -215px;
}

.btn_hot {
    background: url(../images/bg.png) -120px -189px;
    padding-left: 25px;
    height: 22px;
    line-height: 22px;
    color: #399d63;
    font-size: 12px;
    float: left;
}

.btn_hot_right {
    background: url(../images/bg.png) -180px -189px;
    width: 10px;
    height: 22px;
    float: left;
}

.resource_list {
    line-height: 24px;
    border-bottom: 1px solid #f3f3f3;
    padding: 5px 0;
}

.resource_list_title {
    width: 90px;
    float: left;
    font-weight: bold;
}

.resource_list_link {
    width: 655px;
    float: left;
}
.newslist{width:260px; height:24px; text-overflow:ellipsis; overflow:hidden;}
/***********************sever index**************************/
.banner {
    background: #399d63;
    padding: 1px 8px;
    color: #fff;
    margin: 15px 0 10px 0;
}

.banner_text {
    width: 200px;
    float: left;
    margin: 15px;
    display: inline;
}

.test_list {
    float: left;
    width: 365px;
    margin: 10px 10px 20px 0;
}

.test_1, .test_2, .test_3, .test_4 {
    background: url(../images/bg.png) 0 -300px;
    width: 100px;
    height: 90px;
    float: left;
}

.test_1 {
    background: url(../images/bg.png) 0 -300px;
}

.test_2 {
    background: url(../images/bg.png) -100px -300px;
}

.test_3 {
    background: url(../images/bg.png) -200px -300px;
}

.test_4 {
    background: url(../images/bg.png) -300px -300px;
}

.test_5 {
    background: url(../images/bg.png) -400px -300px;
}

.test_6 {
    background: url(../images/bg.png) -500px -300px;
}

.test_info {
    width: 265px;
    float: left;
}
/***********************wiki**************************/
.wiki_text {
    width: 420px;
	margin:10px 0;
	float:left;
}
.wiki_tabBox li{
	float:left;
	height:30px;
	line-height:30px;
	width:90px;
	text-align:center;
	margin:10px 0;
}
.wiki_tab_a{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;}
.wiki_tab{border-bottom:1px solid #ccc; cursor:pointer; color:#12a312;}
/***********************pic**************************/
.picArea {
    height:auto;
	background:#dfe5ea;
	text-align:center;
}
.picArea li{
	float:left;
}

.newsListBox {
    width: 410px;
}

.newsTilte_bg {
    background: url(../images/bg.png) 0 -500px;
    width: 410px;
    height: 50px;
    line-height: 40px;
}


.raider_title {
    border-top: 2px solid #4167c7;
    background: #e9effe;
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
}

.raider_list {
    width: 290px;
    border-left: 1px solid #eee;
    height: 220px;
}

.raider_list1 {
    width: 290px;
    height: 220px;
}

.raider_list_width {
    width: 265px;
}

.raider_plan {
    width: 155px;
}

.workplace_list {
    width: 370px;
    border-left: 1px solid #eee;
    height: 210px;
}

.workplace_top {
    width: 220px;
    border-left: 1px solid #eee;
    height: 210px;
}

.workplace_book {
    background: #f1f4fd;
    border: 1px solid #bfc8d7;
    width: 960px;
    height: auto;
    padding: 40px 10px 10px;
    margin: 10px auto;
    position: relative;
}

    .workplace_book li {
        float: left;
        margin: 0 28px 0 0;
    }

        .workplace_book li a {
            color: #555;
        }

.workplace_book1 {
    background: #f1f4fd;
    border: 1px solid #bfc8d7;
    width: 960px;
    height: auto;
    padding: 40px 10px 10px;
    margin: 10px auto;
    position: relative;
}

    .workplace_book1 li {
        float: left;
        margin: 0 15px 0 0;
    }

        .workplace_book1 li a {
            color: #555;
        }

.workplace_book2 {
    background: #f1f4fd;
    border: 1px solid #bfc8d7;
    width: 960px;
    height: auto;
    padding: 40px 10px 10px;
    margin: 10px auto;
    position: relative;
}

    .workplace_book2 li {
        float: left;
        margin: 0 26px 0 0;
    }

        .workplace_book2 li a {
            color: #555;
        }

.workplace_book_title {
    background: url(../images/ab_bg.png) -320px -240px;
    width: 185px;
    height: 35px;
    position: absolute;
    top: -4px;
    left: 400px;
}

.workplace_book_title2 {
    background: url(../images/ab_bg.png) -320px -280px;
    width: 185px;
    height: 35px;
    position: absolute;
    top: -4px;
    left: 400px;
}

.workplace_book_title3 {
    background: url(../images/ab_bg.png) -320px -320px;
    width: 185px;
    height: 35px;
    position: absolute;
    top: -4px;
    left: 400px;
}

.workplace_book_title4 {
    background: url(../images/ab_bg.png) -320px -360px;
    width: 185px;
    height: 35px;
    position: absolute;
    top: -4px;
    left: 400px;
}

.workplace_tag {
    background: #f8f8f8;
    width: 200px;
    padding: 10px;
    height: 190px;
    margin-left: 10px;
}

    .workplace_tag li {
        float: left;
        margin: 5px 5px 5px 0;
        white-space: nowrap;
    }

.statute {
    background: #f8f8f8;
    border: 1px solid #eee;
    margin-top: 10px;
}

.statute_title {
    border-left: 2px solid #399d63;
    padding-left: 5px;
    margin: 10px;
    line-height: 16px;
}
/*.{ background:#2e5ca7; padding:5px 10px; margin:0 10px;}*/
.statute_list {
    width: 360px;
    height: 220px;
}

.statute_list_right {
    width: 360px;
    border-left: 1px solid #ccc;
    height: 220px;
}

.statute_width {
    width: 340px;
}

.lesBox {
    background: #555;
    border: 1px solid #eee;
    margin-top: 10px;
    padding: 10px;
}

.les_tab_s {
}

    .les_tab_s li {
        float: left;
        text-align: center;
        padding: 2px 5px;
        width: auto;
        margin-right: 10px;
        color: #fff;
    }

.les_list {
    background: #f8f8f8;
    width: 180px;
    padding: 10px;
    height: 190px;
    margin-left: 10px;
}
/***********************resource detail**************************/
.journal_menu li{

    background: #f2f2f2;
    float: left;
    padding: 8px 12px;
    margin:0 20px 10px 0;
    text-align: center;
    width: 132px;
}



/***********************study**************************/


.applicationBox {
    width: 248px;
    margin-right: 4px;
}

.applicationBox_right {
    width: 248px;
    margin: 0px;
}

.applicationBox_title {
    height: 28px;
    background: #f8f8f8;
}

.inviteTilte_bg {
    background: url(../images/bg.png) 0 -560px;
    width: 410px;
    height: 50px;
    line-height: 40px;
}

.ab_header {
    width: 980px;
    margin: 10px auto 0;
}

.ab_nav {
    margin: 0;
    width: 310px;
    float: left;
    height: 240px;
}

    .ab_nav li {
        width: 149px;
        height: 120px;
        float: left;
        cursor: pointer;
        margin-left: 5px;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }

        .ab_nav li:hover {
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            opacity: 0.8;
        }

.ab_nav_1 {
    background-image: url(../images/ab_bg.png);
    background-position: 0 -240px;
}

.ab_nav_2 {
    background-image: url(../images/ab_bg.png);
    background-position: -160px -240px;
}

.ab_nav_3 {
    background-image: url(../images/ab_bg.png);
    background-position: 0 -360px;
}

.ab_nav_4 {
    background-image: url(../images/ab_bg.png);
    background-position: -160px -360px;
}

.ab_title {
    background-image: url(../images/ab_bg.png);
    background-position: 0 0;
    width: 669px;
    height: 236px;
    float: left;
}

.pagebody_ab {
    width: 669px;
    margin: 10px 0;
    float: left;
    display: inline;
}

.topic_ab {
    width: 280px;
    min-height: 240px;
    margin: 20px 3px 10px 5px;
    border: 1px solid #ddd;
    padding: 0 10px 10px;
    background: url(../images/ab_17.png) #f8f8f8 repeat-x;
}

    .topic_ab .title {
        line-height: 42px;
        font-size: 16px;
        margin: 0 0 0 10px;
        float: left;
    }

    .topic_ab .more {
        float: right;
        line-height: 42px;
        margin-right: 10px;
    }

.raider_list_ab {
    width: 320px;
    border-left: 1px solid #eee;
    height: 220px;
    padding-right: 5px;
}

.raider_list_ab1 {
    width: 320px;
    height: 220px;
    padding-right: 5px;
}

    .raider_list_ab .title, .raider_list_ab1 .title {
        background: #f4f4f4;
        line-height: 14px;
        margin: 10px 0;
    }

.veido_ab {
    margin: 15px 3px 10px 5px;
    /*background: url(../images/ab_viedo.png) #f8f8f8 repeat-x;
    width: 303px;
    height: 303px;*/
}

.resume_ab {
    width: 460px;
    height: auto;
    margin: 10px 3px 10px 5px;
    border: 1px solid #ddd;
    padding: 0 10px 10px;
    background: url(../images/ab_17.png) #f8f8f8 repeat-x;
}

    .resume_ab .title {
        line-height: 42px;
        font-size: 16px;
        margin: 0 0 0 5px;
        float: left;
    }

    .resume_ab .more {
        float: right;
        line-height: 42px;
        margin-right: 10px;
    }

/***********************chart***********************
.chartBox {
    margin:: 30px auto;
    width: 940px;
    background: url(../images/chart.png);
    height: 660px;
    position: relative;
}

.chartList_1 {
    position: absolute;
    top: 185px;
    left: 275px;
}

.chartList_2 {
    position: absolute;
    top: 350px;
    left: 570px;
}

.chartList_3 {
    position: absolute;
    top: 563px;
    left: 402px;
}

.chartList_4 {
    position: absolute;
    top: 470px;
    left: 90px;
}***/

/***********************chart1************************
.chartBox2 {
    margin:: 30px auto;
    width: 960px;
    background: url(../images/chart2.png);
    height: 625px;
    position: relative;
}

    .chartBox2 a:hover {
        color: #000;
    }

.chartList2_1, .chartList2_2, .chartList2_3, .chartList2_4, .chartList2_5, .chartList2_6 {
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}

.chartList2_1 {
    top: 136px;
    left: 186px;
}

.chartList2_2 {
    top: 199px;
    left: 412px;
}

.chartList2_3 {
    top: 307px;
    left: 269px;
}

.chartList2_4 {
    top: 351px;
    left: 484px;
}

.chartList2_5 {
    top: 469px;
    left: 349px;
}

.chartList2_6 {
    top: 423px;
    left: 707px;
}
**/
/***********************chart1************************
.subject_title {
    background: #f6f6f6;
    height: 16px;
    margin: 15px 0 5px 0;
}

.subject_box {
    width: 94%;
    padding: 3%;
    margin: 20px 0;
    border: 1px solid #ddd;
    box-shadow: 0px 2px 4px #ccc;
    -moz-box-shadow: 0px 2px 4px #ccc;
    -webkit-box-shadow: 0px 2px 4px #ccc;
}

.certificate {
    border-top: 1px solid #458fce;
    border-left: 1px solid #d2e1f1;
    border-right: 1px solid #d2e1f1;
    border-bottom: 1px solid #d2e1f1;
    width: 100%;
    height: 180px;
    margin-top: 10px;
}

.certificate_title {
    height: 30px;
    background: #f6f9fe;
    padding-left: 10px;
    line-height: 30px;
}

.certificate li {
    float: left;
    border: 1px solid #ddd;
    padding: 3px;
    margin: 5px 10px;
    overflow: hidden;
    text-align: center;
}

.report_item_title {
    padding: 0;
    font-size: 16px;
    border-left: 3px solid #6bb1dd;
    line-height: 16px;
}

    .report_item_title span {
        background: #fff;
        padding: 0 10px;
    }

.report {
    border-top: 1px solid #399d63;
    border-left: 1px solid #d2e1f1;
    border-right: 1px solid #d2e1f1;
    border-bottom: 1px solid #d2e1f1;
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.report_title {
    height: 30px;
    background: #f6f9fe;
    padding-left: 10px;
    line-height: 30px;
    color: #399d63;
}

.report li {
    float: left;
    margin: 10px;
    overflow: hidden;
    text-align: center;
}

.report img {
    border: 1px solid #ddd;
    padding: 3px;
}**/

.banner_1 {
    background: #338fc8;
    padding: 1px 8px;
    color: #fff;
    margin: 15px 0 10px 0;
}

.region_title_1 {
    border-top: 2px solid #c7e8fc;
    background: #e2f3fe;
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
}
/******11.11*******/
.class_pic_area{ position:relative;}
.pic_text_area{ color:#fff; text-align:center; background:#333; opacity:0.8; position:absolute; bottom:30px; width:244px; height:26px;}