﻿



/* CSS Document */
.wrap {

    background: url(../image/bg1.png) top center no-repeat;

}



.header {

    width: 100%;

    overflow: hidden;

}



.header .head_top {

    font-size: 14px;

    color: #074a83;

    line-height: 42px;

    font-weight: 500;

}



.head_top .head_left {

    float: left;

}



.head_top .head_right {

    float: right;

}



.header .head_bottom {

    margin-top: 18px;

    margin-bottom: 28px;

    overflow: hidden;

}



.header .head_bottom .logo {

    float: left;

}



.header .head_bottom .search_box {

    float: right;

    margin-top: 90px;

    width: 300px;

	font-size:24px;

	

 

}



.header .head_bottom .search_box input {

    float: left;

    width: 190px;

    height: 38px;

    font-size: 14px;

    color: #666;

    border: 0;

    background: none;

}



.header .head_bottom .search_box button {

    float: right;

    width: 38px;

    height: 38px;

    background: none;

    border: 0;

}



.nav {

    width: 100%;

    height: 50px;

    background: #fff;

}



.nav ul>li {

    position: relative;

    float: left;

    width: 108px;

    font-size: 16px;

    /*font-weight: bold;*/

    line-height: 50px;

    text-align: center;

    color: #000;

    border-right: 1px solid #fff;

}



.nav ul>li a {

    display: block;

}



.nav ul>li:hover>a,

.nav ul>li.active>a {

    /*background: #1265ac;*/

	color:#ea2f39;

border-bottom: 3px solid red; 

 background: #fff;

}







.nav ul>li .menu_nav {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    width: 100%;

    background: #ffffff;

    z-index: 999;

}



.nav ul>li .menu_nav li {

    font-size: 14px;

    font-weight: normal;

    line-height: 23px;

    border-right: 0;

}



.nav ul>li .menu_nav li a {

    padding: 5px 10px;

}



.section {

    width: 100%;

    overflow: hidden;

}



.section.page1 {

    padding: 30px 0;

}



.news_slide {

    float: left;

    position: relative;

    width: 560px;

    height: 335px;

    overflow: hidden;

}



.news_slide .bd li {

    position: relative;

    width: 560px;

    height: 335px;

    overflow: hidden;

}



.news_slide .bd li .cover_tit {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 11px 20px;

    padding-right: 150px;

    font-size: 14px;

    color: #fff;

    background: rgba(0, 0, 0, .6);

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.news_slide .bd li img {

    width: 100%;

    height: 335px;

    -webkit-transition: all .8s;

    /* Safari */

    -ms-transition: all .8s;

    /* IE 9 */

    -moz-transition: all .8s;

    /* Firefox */

    /* Safari 和 Chrome */

    -o-transition: all .8s;

}



.news_slide .hd {

    position: absolute;

    right: 10px;

    bottom: 15px;

}



.news_slide .hd li {

    float: left;

    margin: 0 4px;

    width: 10px;

    height: 10px;

    font-size: 0;

    border-radius: 100%;

    background: #fff;

    opacity: .3;

}



.news_slide .hd li.on {

    opacity: 1;

}



.news_center {

    float: left;

    margin-left: 20px;

    width: 505px;

}



.headlines_section {

    position: relative;

    margin-bottom: 25px;

    width: 100%;

    height: 138px;

    background: #f5f5f5;

}



.headlines_section .label_box {

    position: absolute;

    top: 0;

    left: 0;

    width: 70px;

    height: 70px;

    z-index: 9;

    overflow: hidden;

}



.headlines_section .label_box h6 {

    position: relative;

    z-index: 1;

    left: -32px;

    top: 7px;

    padding: 7px 0;

    width: 115px;

    font-size: 12px;

    color: #fff;

    text-align: center;

    -webkit-transform: rotate(48deg);

    -moz-transform: rotate(48deg);

    -ms-transform: rotate(48deg);

    -o-transform: rotate(48deg);

    transform: rotate(317deg);

    background: #e93341;

}



.headlines_section .headlines_slide {

    padding: 6px 18px 25px 20px;

    overflow: hidden;

}



.headlines_section .headlines_slide .hd {

    width: 100%;

    text-align: right;

    line-height: 20px;

    overflow: hidden;

}



.headlines_section .headlines_slide .hd ul,

.headlines_section .headlines_slide .hd .more {

    float: right;

}



.headlines_section .headlines_slide .hd ul {

    margin-right: 10px;

}



.headlines_section .headlines_slide .hd li {

    float: left;

    margin-right: 5px;

    width: 18px;

    height: 18px;

    font-size: 14px;

    color: #e93341;

    text-align: center;

    cursor: pointer;

    border: 1px solid #e93341;

}



.headlines_section .headlines_slide .hd li.on {

    color: #fff;

    background: #e93341;

}



.headlines_section .headlines_slide .hd .more {

    font-size: 14px;

    color: #999;

}



.headlines_section .headlines_slide .bd {

    height: 85px;

    overflow: hidden;

}



.headlines_section .headlines_slide .bd .title {

    margin-top: 10px;

    margin-bottom: 5px;

    width: 100%;

    text-align: center;

    overflow: hidden;

}



.headlines_section .headlines_slide .bd .title h6 {

    display: inline-block;

    max-width: 85%;

    font-size: 16px;

    color: #333;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.headlines_section .headlines_slide .bd li p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    text-indent: 2em;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}



.news_center .news_tab {

    width: 100%;

    height: 170px;

    overflow: hidden;

}



.news_center .news_tab .hd {

    padding-bottom: 10px;

    margin-bottom: 10px;

    width: 100%;

    border-bottom: 1px solid #d2d2d2;

    overflow: hidden;

}



.news_center .news_tab .hd ul {

    position: relative;

    padding-right: 50px;

    overflow: hidden;

}



.news_center .news_tab .hd li {

    float: left;

    margin-right: 20px;

    font-size: 18px;

    color: #666;

    font-weight: bold;

    line-height: 24px;

    cursor: pointer;

}



.news_center .news_tab .hd li a.more {

    display: none;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 14px;

    color: #999;

    font-weight: normal;

}



.news_center .news_tab .hd li.on {

    color: #e93341;

}



.news_center .news_tab .hd li.on a.more {

    display: block;

}



.news_center .news_tab .news_items {

    width: 100%;

    min-height: 20px;

    overflow: hidden;

}



.news_list_two {

    width: 100%;

    overflow: hidden;

    margin-top: 25px;

}



.news_list_two li {

    width: 100%;

    overflow: hidden;

    font-size: 16px;

    color: #333;

    line-height: 31px;

}



.news_list_two li a {

    display: block;

    float: left;

    max-width: 80%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.news_list_two li a span {

    margin-right: 5px;

    color: #333;

}



.news_list_two li .time {

    float: right;

    color: #999;

}



.newstwo_list li a {

    display: block;

    float: left;

    max-width: 85%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.newstwo_list li .time {

    float: right;

    color: #999;

}



.newstwo_list_two li a {

    display: block;

    float: left;

    max-width: 85%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.newstwo_list_two li .time {

    float: right;

    color: #999;

}



.news_list,

.news_list li {

    width: 100%;

    overflow: hidden;

}



.news_list li {

    font-size: 16px;

    color: #333;

    line-height: 31px;

}



.news_list li a {

    display: block;

    float: left;

    max-width: 90%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.news_list li a span {

    margin-right: 5px;

    color: #333;

}



.news_list li .time {

    float: right;

    color: #999;

}



.quick_section {

    float: right;

    width: 90px;

}



.quick_section li {

    position: relative;

    width: 100%;

    text-align: center;

}



.quick_section li .quickewm {

    display: none;

    position: absolute;

    left: -130px;

    bottom: 0;

    padding: 5px;

    background: #fff;

    z-index: 99;

}



.quick_section li:hover .quickewm {

    display: block;

}



.quick_section li .quickewm img {

    width: 120px;

    height: 120px;

}



.quick_section li .img_box {

    padding: 23px 0;

    padding-bottom: 22px;

    width: 100%;

    text-align: center;

    background: #f5f5f5;

}



.quick_section li .img_box img {

    height: 45px;

}



.quick_section li p {

    font-size: 12px;

    color: #333;

    line-height: 22px;

}



.section.page2,

.section.page4 {

    padding-top: 30px;

    padding-bottom: 25px;

    background: #f7f7f7;

}



.news_itembox {

    width: 385px;

    overflow: hidden;

}



.section_title {

    padding-bottom: 12px;

    width: 100%;

    line-height: 24px;

    border-bottom: 2px solid #e93341;

    overflow: hidden;

}



.section_title h6 {

    float: left;

    font-size: 18px;

    color: #e93341;

}



.section_title h6 img {

    margin-right: 10px;

}



.section_title .more {

    float: right;

    font-size: 14px;

    color: #999;

}



.news_itembox .news_first {

    margin-top: 25px;

    margin-bottom: 15px;

    width: 100%;

    height: 102px;

    overflow: hidden;

}



.news_itembox .news_first .img_box {

    float: left;

    width: 145px;

    height: 102px;

    overflow: hidden;

}



.news_itembox .news_first img {

    width: 100%;

    height: 102px;

    -webkit-transition: all .8s;

    /* Safari */

    -ms-transition: all .8s;

    /* IE 9 */

    -moz-transition: all .8s;

    /* Firefox */

    /* Safari 和 Chrome */

    -o-transition: all .8s;

}



.news_itembox .news_first .item_cont {

    float: right;

    width: 225px;

}



.news_itembox .news_first .item_cont h6 {

    margin-bottom: 12px;

    font-size: 16px;

    color: #333;

    font-weight: normal;

    line-height: 20px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.news_itembox .news_first .item_cont p {

    font-size: 14px;

    color: #999;

    line-height: 20px;

}



.news_itembox .news_first .item_cont p.item_text {

    margin-bottom: 4px;

    color: #666;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.news_itembox .news_first .item_cont p.item_time {

    text-align: right;

}



.section.page2 .news_list li {

    line-height: 38px;

}



.section.page2 .news_list li a {

    max-width: 86%;

}



.news_itembox .news_two {

    margin-top: 25px;

    margin-bottom: 15px;

    width: 100%;

    height: 70px;

    overflow: hidden;

}



.news_itembox .news_two h6 {

    margin-bottom: 9px;

    font-size: 16px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.news_itembox .news_two p {

    font-size: 14px;

    color: #999;

    line-height: 20px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}



.section.page3 {

    padding: 30px 0;

    background: #fff;

}



.section.page3 .section_title {

    border-bottom: 2px solid #1f76c1;

}



.section.page3 .section_title h6 {

    color: #1f76c1;

}



.newstwo_list,

.newstwo_list li {

    width: 100%;

    overflow: hidden;

}



.newstwo_list li {

    padding: 15px 0;

    padding-top: 14px;

    border-bottom: 1px dashed #a0a0a0;

}



.newstwo_list li.first {

    padding-top: 22px;

    padding-bottom: 20px;

}



.newstwo_list li.first h6 {

    margin-bottom: 8px;

    font-weight: bold;

}



.newstwo_list li h6 {

    font-size: 16px;

    color: #333;

    font-weight: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.newstwo_list li.first p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}



.newstwo_list_two {

    margin-top: 3px;

}



.newstwo_list_two,

.newstwo_list_two li {

    width: 100%;

    overflow: hidden;

}



.newstwo_list_two li {

    padding-top: 14px;

    line-height: 34px;

    /*border-bottom: 1px dashed #a0a0a0;*/

}



.newstwo_list_two li.first {

    padding-top: 22px;

    padding-bottom: 20px;

}



.newstwo_list_two li.first h6 {

    margin-bottom: 8px;

    font-weight: bold;

}



.newstwo_list_two li h6 {

    font-size: 16px;

    color: #333;

    font-weight: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.newstwo_list_two li.first p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}



.memberhome_section {

    float: left;

    margin-left: 20px;

    width: 605px;

}



.memberhome_list {

    margin-top: 5px;

    width: 100%;

    overflow: hidden;

}



.memberhome_list li {

    float: left;

    margin-top: 20px;

    margin-right: 15px;

    display: table;

    width: 140px;

    height: 105px;

    text-align: center;

    background: rgba(81, 166, 239, .3);

}



.memberhome_list li:nth-child(4n) {

    margin-right: 0;

}



.memberhome_list li img {

    height: 35px;

}



.memberhome_list li a {

    display: table-cell;

    vertical-align: middle;

}



.memberhome_list li p {

    margin-top: 10px;

    font-size: 16px;

    color: #333;

}



.knowmember_section {

    float: right;

    width: 160px;

}



.knowmember_list {

    margin-top: 25px;

    width: 100%;

    overflow: hidden;

}



.knowmember_list li {

    display: table;

    margin-bottom: 10px;

    width: 158px;

    height: 48px;

    font-size: 16px;

    color: #333;

    text-align: center;

    border: 1px solid #eee;

    overflow: hidden;

}



.knowmember_list li:last-child {

    margin-bottom: 0;

}



.knowmember_list li a {

    display: table-cell;

    vertical-align: middle;

}



.knowmember_list li img {

    margin-right: 10px;

}



.knowmember_list li .icon_hide {

    display: none;

}



.knowmember_list li:hover {

    color: #fff;

    background: #1f76c1;

    border: 1px solid #1f76c1;

}



.knowmember_list li:hover a {

    color: #fff;

}



.knowmember_list li:hover .icon_hide {

    display: inline-block;

}



.knowmember_list li:hover .icon_show {

    display: none;

}



.adve_list {

    width: 100%;

    overflow: hidden;

}



.adve_list li {

    float: left;

    margin-right: 22px;

    width: 385px;

    height: 160px;

    overflow: hidden;

}



.adve_list li img {

    width: 100%;

    height: 160px;

    -webkit-transition: all .8s;

    /* Safari */

    -ms-transition: all .8s;

    /* IE 9 */

    -moz-transition: all .8s;

    /* Firefox */

    /* Safari 和 Chrome */

    -o-transition: all .8s;

}



.adve_list li:nth-child(3n) {

    margin-right: 0;

}



.section.page4 {

    padding-bottom: 10px;

}



.news_tab2 {

    width: 100%;

    overflow: hidden;

}



.news_tab2 .hd,

.section_title2 {

    width: 100%;

    height: 29px;

    border-bottom: 1px solid #dedede;

}



.news_tab2 .hd ul {

    padding-right: 50px;

    position: relative;

}



.news_tab2 .hd li,

.section_title2 h6 {

    float: left;

    margin-right: 30px;

    height: 29px;

    font-size: 16px;

    color: #333;

    font-weight: bold;

    cursor: pointer;

}



.news_tab2 .hd li .more {

    display: none;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 14px;

    color: #999;

    font-weight: normal;

}



.news_tab2 .hd li.on {

    color: #1f76c1;

}



.news_tab2 .hd li.on:after,

.section_title2 h6:after {

    content: "";

    display: block;

    position: relative;

    top: 7px;

    width: 50px;

    height: 2px;

    background: #1f76c1;

}



.news_tab2 .hd li.on .more {

    display: block;

}



.news_tab2 .news_items {

    width: 100%;

    min-height: 20px;

}



.section.page4 .news_list {

    margin-top: 15px;

    overflow: hidden;

}



.news_tab2 .news_list li {

    line-height: 40px;

}



.news_tab2 .news_list li a {

    max-width: 80%;

}



.section_title2 h6 {

    color: #1f76c1;

    cursor: initial;

    cursor: inherit;

}



.section_title2 .more {

    float: right;

    font-size: 14px;

    color: #999;

}



.coptic_list {

    margin-top: 25px;

    width: 100%;

    overflow: hidden;

}



.coptic_list li {

    margin-bottom: 25px;

    width: 100%;

    overflow: hidden;

}



.coptic_list li:last-child {

    margin-bottom: 0;

}



.coptic_list li a {

    display: flex;

}



.coptic_list li .img_box {

    float: left;

    width: 169px;

    height: 95px;

    overflow: hidden;

}



.coptic_list li img {

    width: 100%;

    height: 95px;

    -webkit-transition: all .8s;

    /* Safari */

    -ms-transition: all .8s;

    /* IE 9 */

    -moz-transition: all .8s;

    /* Firefox */

    /* Safari 和 Chrome */

    -o-transition: all .8s;

}



.coptic_list li .item_cont {

    align-self: center;

    margin-left: 10px;

    width: 195px;

}



.coptic_list li .item_cont h6 {

    margin-bottom: 15px;

    font-size: 16px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.coptic_list li .item_cont p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}



.forum_section {

    margin-top: 25px;

    width: 100%;

    overflow: hidden;

}



.forumtop_section {

    margin-bottom: 20px;

    width: 100%;

    height: 102px;

    overflow: hidden;

}



.forumtop_section img {

    width: 100%;

    height: 102px;

    -webkit-transition: all .8s;

    /* Safari */

    -ms-transition: all .8s;

    /* IE 9 */

    -moz-transition: all .8s;

    /* Firefox */

    /* Safari 和 Chrome */

    -o-transition: all .8s;

}



.forumbot_list {

    width: 100%;

    overflow: hidden;

}



.forumbot_list li {

    float: left;

    margin-right: 5px;

    width: 92px;

    height: 92px;

    overflow: hidden;

}



.forumbot_list li:last-child {

    margin-right: 0;

}



.forumbot_list li img {

    width: 100%;

    height: 92px;

    -webkit-transition: all .8s;

    /* Safari */

    -ms-transition: all .8s;

    /* IE 9 */

    -moz-transition: all .8s;

    /* Firefox */

    /* Safari 和 Chrome */

    -o-transition: all .8s;

}



.section.page5 {

    padding-top: 30px;

    padding-bottom: 20px;

}



.section.page5 .news_list {

    margin-top: 15px;

}



.section.page5 .news_list li {

    line-height: 40px;

}



.section.page5 .news_list li a {

    max-width: 80%;

}



.editing_list {

    margin-top: 25px;

    width: 100%;

    overflow: hidden;

}



.editing_list li {

    float: left;

    margin-right: 15px;

    margin-bottom: 53px;

    width: 185px;

}



.editing_list li:nth-child(2n) {

    margin-right: 0;

}



.editing_list li:nth-child(3),

.editing_list li:nth-child(4) {

    margin-bottom: 0;

}



.editing_list li a {

    display: flex;

}



.editing_list li .img_box {

    float: left;

    width: 60px;

    height: 80px;

    overflow: hidden;

}



.editing_list li img {

    width: 100;

    height: 80px;

    transition: all .8s;

    -webkit-transition: all .8s;

    /* Safari */

    -ms-transition: all .8s;

    /* IE 9 */

    -moz-transition: all .8s;

    /* Firefox */

    /* Safari 和 Chrome */

    -o-transition: all .8s;

}



.editing_list li .item_cont {

    margin-left: 10px;

    align-self: center;

    width: 115px;

}



.editing_list li .item_cont h6 {

    margin-bottom: 10px;

    font-size: 16px;

    color: #333;

    font-weight: normal;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}



.editing_list li .item_cont p {

    font-size: 14px;

    color: #999;

    line-height: 24px;

}



.section.page6 {

    padding-top: 30px;

    padding-bottom: 25px;

    background: #f7f7f7;

}



.quickimg_list {

    margin-bottom: 40px;

    width: 100%;

    overflow: hidden;

}



.quickimg_list li {

    float: left;

    margin-right: 25px;

    width: 220px;

    height: 110px;

    overflow: hidden;

}



.quickimg_list li:last-child {

    margin-right: 0;

}



.quickimg_list li img {

    width: 100%;

    height: 110px;

    transition: all .8s;

    -webkit-transition: all .8s;

    /* Safari */

    -ms-transition: all .8s;

    /* IE 9 */

    -moz-transition: all .8s;

    /* Firefox */

    /* Safari 和 Chrome */

    -o-transition: all .8s;

}



.link_section {

   /* margin-bottom: 25px;*/

    width: 100%;

    overflow: hidden;

}



.link_section select {

/*    float: left;

    margin-right: 26px;

    padding-left: 20px;

    width: 280px;

    height: 50px;

    font-size: 16px;

    color: #666;

    border: 1px solid #00b050;

    appearance: none;

    -moz-appearance: none;*/

/*    -webkit-appearance: none;

    background-color: #fff;

    background-image: url(http://www.hbppa.org/theme/default/images/sj.jpg);*/

  /*  background-repeat: no-repeat;

    background-position: 96% center;

    outline: none;

    -webkit-outline: none;

    -moz-outline: none;

    -o-outline: none;*/

}



.link_section select:last-child {

    margin-right: 0;

}



.link_list {

    width: 100%;

    overflow: hidden;

}



.link_list a {

    margin-right: 15px;

    font-size: 14px;

    color: #333;

    font-weight: bold;

}



.footer {

    width: 100%;

    height: 240px;

    background: url(http://www.hbppa.org/theme/default/images/footbg.jpg) top center no-repeat;

    background-size: auto 100%;

    overflow: hidden;

}



.footer .w1200 {

    margin-top: 25px;

}



.footer p {

    font-size: 14px;

    color: #fff;

    line-height: 33px;

}



.report_section {

    margin-top: 15px;

    padding-left: 5px;

    padding-top: 8px;

    width: 105px;

    height: 35px;

    font-size: 12px;

    color: #666;

    line-height: 16px;

    background: #f3f3f3;

}



.report_section img {

    float: left;

    margin-right: 5px;

}



.page_content {

    padding: 20px;

    padding-top: 0;

    min-height: 550px;

    background: #fff;

    overflow: hidden;

}



.breadnav {

    padding: 15px 0;

    font-size: 14px;

    color: #666;

    overflow: hidden;

}



.breadnav span {

    margin: 0 5px;

}



.sidenav {

    float: left;

    width: 240px;

}



.sidenav .sidenav_tit {

    padding-left: 20px;

    height: 50px;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    line-height: 50px;

    background: #e9333f;

}



.sidenav .sidenav_list {

    padding: 0 15px;

    background: rgba(31, 118, 193, .05);

    overflow: hidden;

}



.sidenav .sidenav_list li {

    width: 100%;

    border-bottom: 1px dashed #1f76c1;

    overflow: hidden;

}



.sidenav .sidenav_list li:last-child {

    border-bottom: 0;

}



.sidenav .sidenav_list li a {

    display: block;

    padding: 13px 0;

    font-size: 16px;

    color: #666;

    text-align: center;

}



.sidenav .sidenav_list li a:hover,

.sidenav .sidenav_list li.active a {

    color: #1f76c1;

}



.cont_right {

    float: right;

    width: 900px;

}



.subpage_title {

    padding-bottom: 10px;

    width: 100%;

    font-size: 16px;

    color: #333;

    font-weight: bold;

    line-height: 30px;

    border-bottom: 2px solid #e9333f;

    overflow: hidden;

}



.first_list,

.first_list li,

.five_list,

.five_list li {

    width: 100%;

    overflow: hidden;

}



.first_list li,

.five_list li {

    padding: 19px 0;

    border-bottom: 1px dashed #dcdcdc;

}



.first_list li a,

.five_list li a {

    display: flex;

}



.first_list li .img_box,

.five_list li .img_box {

    position: relative;

    float: left;

    width: 200px;

    height: 112px;

    overflow: hidden;

}



.first_list li .img_box img,

.five_list li .img_box .img1 {

    width: 100%;

    height: 112px;

    transition: all .8s;

    -webkit-transition: all .8s;

    /* Safari */

    -ms-transition: all .8s;

    /* IE 9 */

    -moz-transition: all .8s;

    /* Firefox */

    /* Safari 和 Chrome */

    -o-transition: all .8s;

}



.first_list li .item_cont,

.five_list li .item_cont {

    align-self: center;

    margin-left: 20px;

    width: 680px;

}



.first_list li .item_cont h6,

.five_list li .item_cont h6 {

    font-size: 16px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.first_list li .item_cont p,

.five_list li .item_cont p {

    font-size: 14px;

    line-height: 24px;

}



.first_list li .item_cont .item_time,

.five_list li .item_cont .item_time {

    margin: 10px 0;

    color: #999;

}



.first_list li .item_cont .item_text,

.five_list li .item_cont .item_text {

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}



.editmenu_nav {

    position: relative;

    margin-top: 19px;

    padding: 0 30px;

    overflow: hidden;

}



.editmenu_nav .bd {

    width: 100%;

    height: 40px;

    overflow: hidden;

}



.editmenu_nav .bd li {

    float: left;

    margin-right: 10px;

    width: 108px;

    height: 38px;

    border: 1px solid #dcdcdc;

}



.editmenu_nav .bd li a {

    display: block;

    font-size: 14px;

    color: #666;

    text-align: center;

    line-height: 38px;

}



.editmenu_nav .bd li:hover,

.editmenu_nav .bd li.active {

    border-color: #1f76c1;

}



.editmenu_nav .bd li:hover a,

.editmenu_nav .bd li.active a {

    color: #fff;

    background: #1f76c1;

}



.editmenu_nav .prev,

.editmenu_nav .next {

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    width: 20px;

    height: 40px;

    margin: auto;

}



.editmenu_nav .prev {

    left: 0;

    background: url(http://www.hbppa.org/theme/default/images/prev.jpg) no-repeat;

}



.editmenu_nav .prev:hover {

    background: url(http://www.hbppa.org/theme/default/images/prev_2.jpg) no-repeat;

}



.editmenu_nav .next {

    right: 0;

    background: url(http://www.hbppa.org/theme/default/images/next.jpg) no-repeat;

}



.editmenu_nav .next:hover {

    background: url(http://www.hbppa.org/theme/default/images/next_2.jpg) no-repeat;

}



.two_list {

    width: 100%;

    margin-top: 19px;

  /*  border-top: 1px dashed #e5e5e5;*/

}



.two_list li {

    float: left;

    margin-top: 20px;

    margin-right: 33px;

    width: 200px;
	 height: 315px;

}



/*.two_list li:nth-child(4n) {

    margin-right: 0;

}
*/


.two_list li .img_box {

    width: 100%;

    height: 265px;

    -moz-box-shadow: 2px 2px 16px rgba(111, 111, 111, .06);

    -webkit-box-shadow: 2px 2px 16px rgba(111, 111, 111, .06);

    box-shadow: 2px 2px 16px rgba(111, 111, 111, .06);

    overflow: hidden;

}



.two_list li .img_box img {

    width: 100%;

    height: 265px;

    transition: all .8s;

    -webkit-transition: all .8s;

    /* Safari */

    -ms-transition: all .8s;

    /* IE 9 */

    -moz-transition: all .8s;

    /* Firefox */

    /* Safari 和 Chrome */

    -o-transition: all .8s;

}



.two_list li p {

    margin-top: 10px;

    font-size: 16px;

    color: #333;

    /*overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;*/

}



.organsearch_box {

    margin-top: 20px;

    width: 100%;

    overflow: hidden;

}



.organsearch_box input {

    float: left;

    width: 784px;

    height: 44px;

    font-size: 16px;

    color: #666;

    border: 1px solid #ccc;

    border-right: 0;

    border-radius: 5px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}



.organsearch_box button {

    float: right;

    width: 105px;

    height: 46px;

    font-size: 14px;

    color: #fff;

    border: 0;

    background: #1f76c1;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}



.organsearch_box button img {

    margin-right: 10px;

}



.three_list {

    width: 100%;

    overflow: hidden;

}



.three_list li {

    float: left;

    margin-top: 20px;

    margin-right: 15px;

    padding: 15px 13px;

    padding-bottom: 10px;

    width: 262px;

    height: 68px;

    border: 1px solid rgba(31, 118, 193, .3);

}



.three_list li:nth-child(3n) {

    margin-right: 0;

}



.three_list li h6 {

    padding-bottom: 13px;

    font-size: 16px;

    color: #333;

    font-weight: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    border-bottom: 1px solid #eee;

}



.three_list li p {

    margin-top: 7px;

    font-size: 14px;

    color: #1f76c1;

}



.four_list,

.four_list li {

    width: 100%;

    overflow: hidden;

}



.four_list li {

    padding: 15px 0;

    font-size: 16px;

    color: #333;

    border-bottom: 1px dashed #dcdcdc;

    overflow: hidden;

}



.four_list li a {

    float: left;

    display: block;

    max-width: 85%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.four_list li .time {

    float: right;

    color: #999;

}



.two_list li h6 {

    margin-top: 10px;

    height: 43px;

    font-size: 16px;

    color: #333;

    font-weight: normal;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}



.five_list li .img_box .cover_bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .4);

}



.five_list li .img_box .cover_bg img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}



.history_list {

    position: relative;

    margin-top: 25px;

    margin-bottom: 20px;

    width: 100%;

    overflow: hidden;

}



.history_list::after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    width: 1px;

    background: #ccc;

}



.history_list li {

    position: relative;

    padding-bottom: 20px;

    width: 100%;

    overflow: hidden;

}



.history_list li::after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    width: 9px;

    height: 9px;

    border-radius: 100%;

    border: 6px solid #fff;

    background: #1f76c1;

    z-index: 999;

}



.history_list li .time_section,

.history_list li .historyimg_section {

    padding: 0 20px;

    width: 405px;

    font-family: "Arial";

}



.history_list li .time_section.Left h6 {

    text-align: center;

}



.history_list li .time_section h6 {

    font-family: "Arial";

    font-size: 30px;

    color: #666;

    text-align: center;

}



.history_list li .time_section p {

    font-family: "Arial";

    font-size: 16px;

    color: #666;

}



.history_list li .historyimg_section img {

    margin-bottom: 5px;

    max-width: 100%;

}



.history_list li .historyimg_section,

.history_list li .historyimg_section p {

    font-size: 16px;

    color: #333;

}



.leader_section {

    width: 100%;

    overflow: hidden;

}



.leader_panel {

    padding: 25px 0;

    padding-bottom: 20px;

    border-bottom: 1px dashed #dcdcdc;

    overflow: hidden;

}



.leader_panel .leader_header {

    margin-bottom: 15px;

    width: 100%;

    font-size: 16px;

    color: #333;

    font-weight: bold;

    overflow: hidden;

}



.leader_panel .leader_body {

    width: 100%;

    overflow: hidden;

}



.leader_panel .leader_body a {

    display: inline-block;

    margin-bottom: 5px;

    margin-right: 20px;

    font-size: 16px;

    color: #333;

}



.groups_section {

    margin-top: 20px;

}



.groups_section,

.groups_nav {

    width: 100%;

    overflow: hidden;

}



.groups_nav {

    margin-bottom: 15px;

}



.groups_nav a {

    display: block;

    float: left;

    margin-right: 8px;

    margin-bottom: 10px;

    width: 103px;

    height: 35px;

    font-size: 16px;

    color: #1f76c1;

    text-align: center;

    line-height: 35px;

    border: 1px solid #1f76c1;

}



.groups_nav a:nth-child(8n) {

    margin-right: 0;

}



.groups_nav a:hover,

.groups_nav a.active {

    color: #fff;

    background: #1f76c1;

}



.groups_panel {

    margin-bottom: 25px;

}



.groups_panel,

.groups_panel .groups_panel_header {

    width: 100%;

    overflow: hidden;

}



.groups_panel .groups_panel_header {

    margin-bottom: 15px;

    font-size: 16px;

    color: #333;

    font-weight: bold;

}



.groups_panel .groups_panel_text,

.groups_panel .groups_panel_text p {

    font-size: 14px;

    color: #666;

    line-height: 2.2;

}



.certificate_section {

    margin-bottom: 20px;

    margin-top: 30px;

    width: 100%;

    overflow: hidden;

}



.certificate_form {

    padding-bottom: 10px;

    width: 100%;

    border-bottom: 1px dashed #e5e5e5;

    overflow: hidden;

}



.certificate_row {

    margin: 0 auto;

    margin-bottom: 20px;

    width: 1000px;

    overflow: hidden;

}



.certificate_row .certificate_input {

    float: left;

    width: 480px;

    margin-right: 40px;

    overflow: hidden;

}



.certificate_row .certificate_input:last-child {

    margin-right: 0;

}



.certificate_row .certificate_input label {

    display: block;

    float: left;

    margin-right: 10px;

    width: 70px;

    font-size: 16px;

    color: #333;

    text-align: right;

    line-height: 40px;

}



.certificate_row .certificate_input input {

    display: block;

    float: left;

    padding-left: 10px;

    width: 388px;

    height: 38px;

    font-size: 14px;

    color: #666;

    border: 1px solid #e5e5e5;

    border-radius: 3px;

}



.zs_btn {

    margin-top: 20px;

    width: 100%;

    text-align: right;

    overflow: hidden;

}



.zs_btn button {

    display: inline-block;

    width: 70px;

    height: 40px;

    font-size: 16px;

    color: #fff;

    background: #1f76c1;

    border-radius: 3px;

    border: 0;

}



.certificate_result {

    margin: 0 auto;

    margin-top: 40px;

    width: 970px;

    background: #daecf6;

    overflow: hidden;

}



.certificate_table {

    margin: 6px;

    width: 465px;

    border-collapse: separate;

    border-spacing: 3px;

    background: #fff;

    border: 1px solid #dcddde;

    overflow: hidden;

}



.certificate_table td {

    padding: 10px;

    font-size: 14px;

    color: #666;

    border: 1px solid #dcddde;

}



.certificate_table td img {

    max-width: 100%;

    width: 71px;

    height: 99px;

}



.certificate_table tr td:first-child {

    width: 138px;

    font-size: 14px;

    color: #333;

    text-align: right;

}



.NewsText {

    padding: 15px 0;

    width: 100%;

    border-bottom: 1px solid #eee;
    overflow: hidden;

}



.NewsText,

.NewsText p,

.NewsText p span {

    font-size: 14px;

    color: #666;

    line-height: 2.2;

	padding-right:20px;

}



.NewsText img,

.NewsText p img,

.NewsText p span img {

    max-width: 100%;

}



.video_section {

    margin: 0 auto;

    margin-bottom: 20px;

    width: 1200px;

}



.video_section iframe {

    display: block;

    width: 100%;

    height: 440px;

}



.leader_sect_cont {

    margin-top: 30px;

    width: 100%;

    overflow: hidden;

}



.leader_sect_cont .leader_portrait {

    margin: 0 auto;

    margin-bottom: 25px;

    width: 140px;

}



.leader_sect_cont .leader_portrait img {

    width: 100%;

    height: 180px;

}



.leader_sect_cont .leader_portrait h6 {

    margin-top: 10px;

    font-size: 16px;

    color: #333;

    text-align: center;

}



.leader_sect_cont .leader_body_text {

    width: 100%;

    overflow: hidden;

}



.leader_sect_cont .leader_body_text,

.leader_sect_cont .leader_body_text p,

.leader_sect_cont .leader_body_text p span {

    font-size: 16px;

    color: #666;

    line-height: 1.9;

}



.leader_sect_cont .leader_body_text img,

.leader_sect_cont .leader_body_text p img,

.leader_sect_cont .leader_body_text p span img {

    max-width: 100%;

}



.introduction_section {

    margin: 25px 0;

    width: 100%;

    overflow: hidden;

}



.introduction_section .introduction_title {

    margin-bottom: 20px;

    width: 100%;

    overflow: hidden;

}



.introduction_section .introduction_title h6 {

    font-size: 20px;

    color: #333;

    text-align: center;

}



.introduction_section .introduction_text {

    width: 100%;

    overflow: hidden;

}



.introduction_section .introduction_text,

.introduction_section .introduction_text p,

.introduction_section .introduction_text p span {

    font-size: 14px;

    color: #666;

    line-height: 2;

}



.introduction_section .introduction_text img,

.introduction_section .introduction_text p img,

.introduction_section .introduction_text p span img {

    max-width: 100%;

}



.yaolan_content {

    margin-top: 20px;

    width: 100%;

    overflow: hidden;

}



.yaolan_section_first {

    margin-bottom: 25px;

    width: 100%;

    overflow: hidden;

}



.yaolan_section_first img {

    width: 100%;

}



.yaolan_section {

    padding: 15px;

    margin-bottom: 20px;

    border: 1px solid #e5e5e5;

    overflow: hidden;

}



.yaolan_section_cont {

    display: flex;

    width: 100%;

    overflow: hidden;

}



.yaolan_section_left {

    margin-right: 25px;

}



.yaolan_section_left,

.yaolan_section_right {

    align-self: center;

}



.yaolan_section_title {

    position: relative;

    margin-bottom: 20px;

    width: 100%;

    height: 25px;

    overflow: hidden;

}



.yaolan_section_title:after {

    display: block;

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 100%;

    height: 8px;

    background: url(http://www.hbppa.org/theme/default/images/titbg.jpg) repeat-x;

}



.yaolan_section_title h6 {

    position: relative;

    z-index: 9999;

    float: left;

    padding-right: 5px;

    font-size: 18px;

    color: #1f76c1;

    line-height: 25px;

    background: #fff;

}



.yaolan_section_cont p {

    font-size: 14px;

    color: #333;

    line-height: 28px;

}



.yaolan_section_cont img {

    max-width: 100%;

}



.news_tab3 {

    width: 100%;

    overflow: hidden;

}



.news_tab3 .hd {

    width: 100%;

    height: 36px;

    line-height: 24px;

    border-bottom: 2px solid #e93341;

    overflow: hidden;

}



.news_tab3 .hd ul {

    position: relative;

    overflow: hidden;

}



.news_tab3 .hd li {

    float: left;

    margin-right: 30px;

    font-size: 18px;

    color: #333;

    font-weight: bold;

    cursor: pointer;

}



.news_tab3 .hd li.on {

    color: #e93341;

}



.news_tab3 .hd li img {

    margin-right: 10px;

}



.news_tab3 .hd li .more {

    display: none;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 14px;

    color: #999;

    font-weight: normal;

}



.news_tab3 .hd li.on .more {

    display: block;

}





/* 滑过样式 */



.headlines_section .headlines_slide .hd .more:hover,

.headlines_section .headlines_slide .bd li:hover .title h6,

.news_center .news_tab .hd li.on a.more:hover,

.news_list li:hover,

.section_title .more:hover,

.news_itembox .news_first:hover .item_cont h6,

.news_itembox .news_two:hover h6,

.news_tab3 .hd li .more:hover {

    color: #e93341;

}



.section.page3 .section_title .more:hover,

.newstwo_list li a:hover h6,

.newstwo_list_two li a:hover h6,

.newstwo_list_two li a:hover,

.news_tab2 .hd li .more:hover,

.section.page4 .news_list li:hover,

.section_title2 .more:hover,

.coptic_list li:hover .item_cont h6,

.section.page5 .news_list li:hover,

.editing_list li:hover .item_cont h6,

.breadnav a:hover,

.breadnav a.active,

.first_list li a:hover h6,

.two_list li:hover p,

.three_list li a:hover h6,

.four_list li:hover a,

.two_list li:hover h6,

.five_list li a:hover h6,

.leader_panel .leader_body a:hover {

    color: #1f76c1;

}



.editing_list li:hover img,

.quickimg_list li:hover img,

.news_slide .bd li:hover img,

.news_itembox .news_first:hover .img_box img,

.adve_list li:hover img,

.coptic_list li:hover .img_box img,

.forumtop_section:hover img,

.forumbot_list li:hover img,

.first_list li a:hover img,

.two_list li:hover .img_box img,

.five_list li a:hover .img1 {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    /* IE 9 */

    -moz-transform: scale(1.1);

    /* Firefox */

    -webkit-transform: scale(1.1);

    /* Safari 和 Chrome */

    -o-transform: scale(1.1);

}









/*添加的*/

.main0528tt {

    width:1200px;

    height: 180px;

    padding-top: 20px;

    border-radius: 8px 8px 0 0;

    background: linear-gradient(#cee2fb, #ffffff);

    box-sizing: border-box;

	margin:0 auto;

}

.wrap1 {

    width: 1200px;

    margin: 0 auto;

}

.flex_wrap {

    flex-wrap: wrap;

}

.flex_lmr {

    justify-content: space-between;

}

.disflex {

    display: flex;

}

.m1l, .m1r {

    width: 49%;

}

.mdtop li{

	display: block;

	height: 44px;

	padding: 0 35px 0 15px;

	font-size: 20px;

	font-weight: bold;

	line-height: 44px;

	cursor: pointer;

	transition: .25s;

}

.mdtop li.active{

	background: url(../image/libg_03.png) no-repeat center;

	background-size: 100% 100%;

	color: #fff;

}

.mdtop ul{

	border-bottom: 2px solid #ea2f39;

}

.nav span:hover .nava,.nav span.active .nava{

	background: #dbbc83;

	color: #fff;

}

.newa{

	line-height: 36px;

	font-size: 15px;

}

.newa span{

	color: #999;

	margin-left: 20px;

}

.newa p{

	height: 36px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

	font-size: 15px;

    color: #333;

}

.newa p i{

	display: inline-block;

	width: 6px;

	height: 6px;

	background: #999999;

	border-radius: 100%;

	vertical-align: middle;

	margin-top: -3px;

	margin-right: 10px;

	transition: .25s;

}

.newa:hover{

	color: #BD1A2D;

}

.newa:hover i{

	background: #BD1A2D;

}

.swiper-container-bn {

    width: 100%;

}

.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

	

}

.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}

.swiper-slide {



    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform;

}

.swiper-container-bn .bnimg {

    display: block;

    width: 100%;

    height: 420px;

    display: block;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

}







.bnimg p{

	line-height: 46px;

	width: 100%;

	background: rgba(0,0,0,.7);

	color: #fff;

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 9;

	font-size: 16px;

	padding: 0 20px;

	padding-right: 100px;

}

.bnimg span{

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

}







/*行业信息*/



.index-newstwo{width:1200px;height:auto;overflow:hidden;margin:0 auto; padding-top:30px; text-align:center}

.fl{float:left;height:auto;overflow:hidden}

.chnl-tabs{width:600px;height:350px;position:relative}

#tab .block{display:block}

.news-tab-tit h3{float:left;width:133px;height:34px;line-height:34px;margin:0;font-size:16px;cursor:pointer;background-color:#fff;text-align:center;color:#0a5f90;font-family:Microsoft YaHei;font-weight:400}

.news-tab-tit .on{background:#0066bf;color:#fff;border-radius:5px 5px 0 0;padding:0 15px;position:relative}

.news-tab-con{display:none}

.news-tab-con ul{list-style:none;padding:0;margin-top:0}

.news-tab-con li{border-bottom:1px dashed #c6c6c6;height:22px;padding-top:15px;padding-bottom:8px;overflow:hidden;font-size:14px}

.news-tab-con li a{font-size:15px;text-decoration:none;color:#333}

.news-tab-con li .tab_title:hover{color:#0065bd;font-size:15px}

.news-tab1 .news-tab-con li .tab_title{width:420px}

.news-tab-con li .tab_title{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:470px;display:inline-block;text-align:left}

.news-tab-con li span{display:block;float:right;margin-right:5px;color:#959595}

a.tab_title:link{color:#5a5a5a;text-decoration:none}

a.tab_title:visited{color:#5a5a5a;text-decoration:none}

a.tab_title:hover{color:#5a5a5a;text-decoration:none}

a.tab_title:active{color:#5a5a5a;text-decoration:none}

a.tab_menu{background:url(http://www.hbppa.org/theme/default/images/tit_ico.png) no-repeat left center;padding-left:16px;vertical-align:top}

.ng-scope{margin-left:26px;height:350px;width:565px;float:right}

.box{width:565px;margin:0;background:#fff;height:350px;overflow:hidden}

.tab_menu2{overflow:hidden;border-bottom:1px solid #ea2f39}

.tab_menu li{width:133px;float:left;color:#0a5f90;font-size:16px;text-align:left;cursor:pointer;border-radius:5px 5px 0 0;padding:7px 0}

.tab_menu li.on{/*background:#0066bf;*/color:#ea2f39;border-radius:5px 5px 0 0;padding:7px 15px}

.tab_menu li a{color:#0a5f90;text-decoration:none}

.tab_menu li.on a{color:#ea2f39; font-weight:bold;}

.tab_box{text-align:left}

.tab_box li{height:22px;padding-top:15px;padding-bottom:8px;overflow:hidden;font-size:15px;border-bottom:1px dashed #c6c6c6;color:#333}

.tab_box li span{display:block;float:right;margin-right:5px;color:#959595;font-size:14px}

.tab_box .hide{display:none}

.tab_box li .tab_title{color:#333;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:420px;display:inline-block;text-align:left}

.tab_box li .tab_title:hover{color:#0065bd;font-size:15px}

.index-ban{width:1200px;text-align:center;height:auto;overflow:hidden;margin:30px auto}

.ad{height:90px}

.ad a{float:left;width:600px}

.ad a img{/*width:594px*/}

.index-about{background:url(http://www.hbppa.org/theme/default/images/adimg.png) no-repeat;height:347px;width:100%;cursor:pointer;background-size:cover}

.index-about-content{background:url(http://www.hbppa.org/theme/default/images/adimgtwo.png) no-repeat;height:332px;background-size:100% 100%;width:100%;padding-top:15px}

.index-about-bj{width:1200px;background:#fff;height:320px;overflow:hidden;margin:0 auto}

.h278{height:278px}

.boxx{border:1px solid #e0e0e0;width:425px;display:table;margin-top:0;float:left;margin-right:16px;margin-left:13px}

.sydtit{width:100%;display:table;height:50px;line-height:50px;border-bottom:1px solid #e0e0e0;background:#f6f6f6}

.sydtit span{font-size:18px;color:#0065bd;border-top:2px solid #0065bd;display:table;padding:0 20px;background:#fff;border-right:1px solid #e0e0e0;float:left;border-bottom:1px solid #fff}

.sydtit span>i{color:#0065bd;display:inline}

.sydtit a{font-size:14px;color:#fff;background:#9b9b9b;float:right;font-size:12px;line-height:15px;padding:2px 10px;border-radius:20px;margin-top:18px;margin-right:10px}

.sydtit a:hover{background:#dd0003}

.sydtit2{width:100%;display:table;height:50px;line-height:50px;border:1px solid #e0e0e0;border-top:0;background:#f6f6f6}

.sydtit2 span{font-size:18px;color:#0065bd;border-top:2px solid #0065bd;display:table;padding:0 20px;background:#fff;border-right:1px solid #e0e0e0;float:left;border-bottom:1px solid #fff}

.sydtit2 span>i{color:#0065bd;display:inline}

.sydtit2 a{font-size:14px;color:#fff;background:#9b9b9b;float:right;font-size:12px;line-height:15px;padding:2px 10px;border-radius:20px;margin-top:18px;margin-right:10px}

.sydtit2 a:hover{background:#dd0003}

.sydtit3{margin-top:10px;width:100%;height:50px;line-height:50px;border-top:0;background-image:url(http://www.hbppa.org/theme/default/images/shiyi_13.png);background-position:left 50%;background-size:cover}

.sydtit3 span{font-size:20px;color:#fff;display:table;width:150px;height:50px;overflow:hidden;padding-left:55px;float:left;text-align:center}

.sydtit3 span>i{color:#0065bd;display:inline}

.sydtit3 a{font-size:14px;color:#fff;background:#0065bd;float:right;font-size:12px;line-height:15px;padding:2px 10px;border-radius:20px;margin-top:18px;margin-right:10px}

.sydtit3 a:hover{background:#dd0003}

.boxx{border:1px solid #e0e0e0;width:425px;display:table;margin-top:10px;float:left;margin-right:16px;height:293px;overflow:hidden}

.boxx ul{padding:15px}

.syblock1 ul{display:table;height:200px;padding:20px}

.syblock1 li{font-size:16px;color:#072379;text-align:center;float:left;width:33%;margin:8px 0}

.syblock1 li a{color:#333}

.syblock1 li i{width:50px;height:53px;display:block;margin:0 auto}

.syblock1 li i.i1{background:url(http://www.hbppa.org/theme/default/images/sytubiaobg.png) no-repeat 0 0}

.syblock1 li i.i2{background:url(http://www.hbppa.org/theme/default/images/sytubiaobg.png) no-repeat -140px 0}

.syblock1 li i.i3{background:url(http://www.hbppa.org/theme/default/images/sytubiaobg.png) no-repeat -280px 0}

.syblock1 li i.i4{background:url(http://www.hbppa.org/theme/default/images/sytubiaobg.png) no-repeat 0 -94px}

.syblock1 li i.i5{background:url(http://www.hbppa.org/theme/default/images/sytubiaobg.png) no-repeat -140px -94px}

.syblock1 li i.i6{background:url(http://www.hbppa.org/theme/default/images/sytubiaobg.png) no-repeat -280px -94px}

em,i{font-style:normal;font-weight:400}

.sylist li{width:100%;height:32px;line-height:32px;padding-left:10px;overflow:hidden;background:url(http://www.hbppa.org/theme/default/images/sydtuy-libg.png) no-repeat left 13px;font-size:16px}

.sylist li>a{color:#666;display:block}

.sylist li:hover a{color:#0065bd;text-decoration:underline;font-size:17px}

.h123{width:263px;margin-right:0}

.sycha{background:url(http://www.hbppa.org/theme/default/images/sychaxunbg.jpg) no-repeat;padding:20px;overflow:hidden;background-size:100% 100%}

.sycha span{font-size:24px;color:#fff;display:block;margin-bottom:15px;text-align:center}

.sycha span i{font-size:18px;color:#4e86ce;display:block;text-transform:uppercase}

.sycha .k{width:100%;height:35px;line-height:35px;background:#fff;border:none;font-size:14px;color:#555;margin-bottom:10px;padding-left:5px}

.sycha .b{background:#00a1e4;font-size:20px;color:#fff;text-align:center;margin-top:10px;height:48px;line-height:48px;border-radius:5px;width:100%;border:none;cursor:pointer}

.adv{width:100%;margin-top:20px}

.index-dphoto{width:1200px;margin:0 auto}

a img{border-bottom-style:none;border-right-style:none;border-top-style:none;border-left-style:none}

#featurecontainer{border-bottom:#999 0 dotted;border-left:#999 0 dotted;margin:0 auto;width:1200px;border-top:#999 0 dotted;border-right:#999 0 dotted}

#wrap{overflow:hidden}

#load{/*background-image:url(../images/loader32x32.gif);*/border-bottom:#999 0 dotted;border-left:#999 0 dotted;text-indent:-9999px;margin:0 auto;width:923px;display:none;background-repeat:no-repeat;background-position:center 50%;height:100px;border-top:#999 0 dotted;border-right:#999 0 dotted}

#feature{position:relative;width:100%;border-bottom:#999 0 dotted;position:relative;border-left:#999 0 dotted;border-top:#999 0 dotted;border-right:#999 0 dotted}

#feature .button{border-bottom:#999 0 dotted;position:absolute;border-left:#999 0 dotted;width:840px;border-top:#999 0 dotted;top:72px;border-right:#999 0 dotted;left:0}

#feature .prev{border-bottom:#999 0 dotted;border-left:#999 0 dotted;text-indent:-9999px;width:30px;display:block;background:url(http://www.hbppa.org/theme/default/images/feature_left.gif) center top;float:left;height:48px;border-top:#999 0 dotted;position:absolute;left:-60px;border-right:#999 0 dotted}

#feature .next{border-bottom:#999 0 dotted;border-left:#999 0 dotted;text-indent:-9999px;width:30px;display:block;background:url(http://www.hbppa.org/theme/default/images/feature_right.gif) center top;float:right;height:48px;border-top:#999 0 dotted;position:absolute;border-right:#999 0 dotted;right:-60px}

#feature .prev:hover{background-position:center bottom}

#feature .next:hover{background-position:center bottom}

.featureul{border-bottom:#000 0 dotted;position:relative;border-left:#000 0 dotted;padding-bottom:0;list-style-type:none;margin:0;padding-left:0;width:2800px;padding-right:0;float:left;border-top:#000 0 dotted;border-right:#000 0 dotted;padding-top:0;left:0}

.featurebox{position:relative;width:210px;margin-right:10px;margin-top:10px;margin-bottom:10px;float:left;overflow:hidden;padding:10px;border:solid 1px #ededed}

.featurebox .img{display:block;width:100%;height:200px;overflow:hidden}

.featurebox img{width:100%;height:auto;margin-bottom:10px;vertical-align:middle}

.featurebox span{display:block;margin-top:3px;width:100%;height:54px;overflow:hidden;line-height:1.5;font-size:16px;color:#333;text-align:center}

.featurebox p{font-size:14px;text-align:center}

#botton-scroll{width:100%;overflow:hidden;z-index:0;margin:0 auto}

#feature .hd{position:absolute;top:35%;width:100%}

#feature .hd ul{display:none}

#block{z-index:0;border-bottom:#999 0 dotted;position:relative;border-left:#999 0 dotted;padding-bottom:20px;margin:0 auto;padding-left:0;width:1200px;padding-right:0;height:180px;font-size:70%;overflow:hidden;border-top:#999 0 dotted;border-right:#999 0 dotted;padding-top:0}

#block .box{border-bottom:#d8d8d8 0 solid;border-left:#d8d8d8 0 solid;padding-bottom:10px;margin:0 10px;padding-left:10px;width:220px;padding-right:10px;float:left;height:150px;border-top:#d8d8d8 0 solid;border-right:#d8d8d8 0 solid;padding-top:10px}

#block .box .feature-title{font-size:140%;font-weight:400}

#block .box .feature-thumb{width:220px;margin-bottom:5px;float:left;height:150px}











.section {

    margin-top:50px;

    margin-bottom: 28px;

    width: 100%;

}

.newstab2 {



    width: 1200px;

    overflow: hidden;

	margin:0 auto

}

.section_title {

    width: 100%;

    height: 32px;

    border-bottom: 1px solid #e3e3e3;

}



.section_title h6 {

    position: relative;

    float: left;

	padding:5px 20px;

    font-size: 18px;

    color: #333;

    height: 32px;

}



.section_title h6:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: -1px;

    border-bottom: 2px solid #00833f;

}



.section_title .more {

    float: right;

    font-size: 14px;

    color: #666;

}

.periodical_slide {

    margin-top: 20px;

    padding: 0 35px;

    position: relative;

    overflow: hidden;

}



.periodical_slide .bd {

    width: 100%;

    overflow: hidden;

}



.periodical_slide li {

    float: left;

    margin-right: 46px;

    width: 160px;

}



.periodical_slide li .img_box {

    margin-bottom: 10px;

    border: 1px solid #222;

    overflow: hidden;

}



.periodical_slide li .img_box img {

    width: 100%;

    height: 207px;

}



.periodical_slide li h6 {

    font-size: 14px;

    color: #333;

    text-align: center;

    font-weight: bold;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.periodical_slide .prev,

.periodical_slide .next,

.video_slide .prev,

.video_slide .next {

    position: absolute;

    display: block;

    top: 0;

    bottom: 0;

    margin: auto 0;

    width: 15px;

    height: 26px;

    z-index: 999;

}



.periodical_slide .prev,

.video_slide .prev {

    left: 0;

}



.periodical_slide .next,

.video_slide .next {

    right: 0;

}



.video_slide {



    position: relative;

    padding: 0 35px;

    margin-top: 20px;

    overflow: hidden;

}



.video_slide .bd {

    width: 100%;

    overflow: hidden;

}



.video_slide li {

    float: left;

    margin-right: 20px;

    width: 210px;

}



.video_slide li .img_box {

    position: relative;

    margin-bottom: 12px;

    width: 210px;

    height: 123px;

    overflow: hidden;

}



.video_slide li .img_box .video_img {

    width: 100%;

    height: 123px;

}



.video_slide li .img_box .cover_section {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .4);

    z-index: 999;

}



.video_slide li .img_box .cover_section img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 34px;

    height: 34px;

}



.video_slide li p {

    font-size: 14px;

    color: #333333;

    line-height: 24px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}



/*合作单位 */



.index_6 { background:url(../image/hz.jpg); padding:50px 0 0 0;width:1200px; margin:0 auto;}

.index_6 .lm_bg { /*background:url(../images/index_lm6.png);*/ width:1200px; height:90px; font-size:36px; text-align:center; margin-bottom:35px; font-weight:bold;}

.index_6 .yqlj_hd { overflow:hidden; position:relative; padding-bottom:40px}

.index_6 .yqlj_hd ul li { float:left;/* padding-right:10px; */padding-left:23px; padding-bottom:20px;}

.index_6 .yqlj_hd ul li img { width:142px;/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);*//*filter: gray;opacity:0.5;*/border-radius: 15px;}

.index_6 .yqlj_hd ul li img:hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:none;opacity:1;}

.index_6 .yqlj_hd h4 { position:absolute; z-index:99; bottom:0px; left:46%; /*margin-left:-109.5px;*/ /*margin-bottom:30px;*/}

.index_6 .yqlj_hd h4 a { float:left;background:#d9d9d9; width:10px; height:6px;margin:0px 5px; border-radius:5px; }

.index_6 .yqlj_hd h4 a.on { background:#006fff; width:27px;}













.mt-user-comment {

    box-sizing: border-box;

    padding: 112px 0 127px;

    background: linear-gradient(0deg,#f7fafd,#f7fafd),#eef5fd;

    overflow: hidden;

}





.IndexBox

{

    width: 1200px;

    margin: 0 auto;

}

.friendLink

{

    width: 100%;

    border-bottom: 1px solid #dadada;

    font-size: 20px;

    font-weight: 700;

}

.friendLink .title

{

    border-bottom: 2px solid #0196f0;

    height: 45px;

    line-height: 45px;

    padding: 11px 0;

}

.linkUrl

{

    display: none;

}

.dropdown-menu

{

    margin-top: -19px;

    max-height: 262px;

}

button.link

{

    width: 258px;

    height: 36px;

    margin-top: 18px;

    margin-bottom: 18px;

}

.linkBox2

{

    margin-right: 50px;

}

.linkBox2:last-child

{

    margin-right: 0;

}





.linkBox

{

    position: relative;

}

.linkBox .dropdown-menu

{

    max-height: 230px;

    max-width: 295px;

    /*width: 257px;*/

   overflow-x: hidden;

    overflow-y: auto;

    padding-bottom: 7px !important;

   /* margin-top: 10px !important;*/

}

.linkBox .dropdown-menu li

{

    display: inline-block;

    width: 259px;

    margin-left: 20px;

	margin-right:25px;

    margin-top: 7px;

}

.btn-group, .btn-group-vertical

{

    position: initial;

}

.caret

{

    margin-left: 5px;

    transform: rotate(0deg);

}

.dropdown-menu li

{

    border-bottom: dotted 1px #ddd;

}



.dropdown-menu li a

{

    background: #fff;

    color: #666 !important;

    height: 30px;

    line-height: 30px;

    padding-left: 10px !important;

    padding-right: 10px !important;

}

.dropdown-menu li a:hover

{

    background: #4d93e2 !important;

    height: 30px;

    line-height: 30px;

    color: #fff !important;

}



.dropdown-submenu > .dropdown-menu

{

    top: 0;

    left: 100%;

    margin-top: -6px;

    margin-left: -1px;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px;

    border-radius: 0 6px 6px 6px;

}

.dropdown-submenu:hover > .dropdown-menu

{

    display: block;

}

.dropdown-submenu > a:after

{

    display: block;

    content: " ";

    float: right;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    border-left-color: #ccc;

    margin-top: 10px;

    margin-right: -10px;

}

.dropdown-submenu.pull-left

{

    float: none;

}

.dropdown-submenu.pull-left > .dropdown-menu

{

    left: -100%;

    margin-left: 10px;

    -webkit-border-radius: 6px 0 6px 6px;

    -moz-border-radius: 6px 0 6px 6px;

    border-radius: 6px 0 6px 6px;

}









/*底部*/



.website-foot {

	width: 100%;

	min-width: 1200px;

	text-align: center;

	background: #2473d8;

	/*border-top: 6px solid #d6181f;*/

	padding: 20px 0 20px;

}

.website-foot table {

	width: 1130px;

	margin: 0 auto;

}

.website-foot td {

	text-align: left;

	

}

.website-foot ul {

	display: inline-block;

	vertical-align: middle;

	margin:30px 0;

	

}

.website-foot ul li {

	line-height: 33px;

	color:#FFFFFF;

}

.website-foot img {

	margin-right: 10px;

	

}

.website-foot .zfs {

	text-align: right;

}

.website-foot .zfs p {

	margin-bottom: 15px;

}

.website-foot .zfs a {

	font-size: 15px;

	font-weight: bold;

}

.website-foot .zfs a:hover {

	color: #003AD1!important;

}

























/*banner*/

.nybanner{ width:100%; float:left; height:auto; min-width:1200px;}

.nybanner img{ width:100%; }



/*banner结束*/



.list-1 {

    background: #EBF0F8;

    overflow: hidden;

    min-width: 1260px;

}



.crumbs {

    width: 1200px;

    margin: 0 auto;

    font-size: 14px;

    color: #192332;

    height: 54px;

    line-height: 54px;

	position: relative;



}



.crumbs a.ab {

    color: #ea2f39;

}



.list-box {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

	background-color:#FFFFFF

}



.list-left {

    float: left;

    width: 232px;

    margin-bottom: 54px;

	/*margin-top:54px;*/

}



.list-left .left-top {

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    background: #fff;

    color: #192332;

    font-size: 16px;

    text-align: center;

    margin-bottom: 20px;

}



.list-left .left-top h2 {

    background: url("../image/listbg.png") no-repeat left top;

    height: 50px;

    line-height: 50px;

    color: #fff;

    font-size: 18px;

}



.list-left .left-top ul li {

    border-bottom: 1px solid #E5E5E5;

    position: relative;

    min-height: 30px;

    padding: 10px 0;

    line-height: 30px;

    cursor: pointer;

}



.list-left .left-top ul li a {

    color: #05162E;

}



.list-left .left-top ul li:last-child {

    border-bottom: 0;

}



.list-left .left-top ul li.active a {

    color: #ea2f39;

}



.list-left .left-top ul li.active:after {

    content: "";

    display: block;

    width: 4px;

    height: 20px;

    background: #ea2f39;

    position: absolute;

    top: 15px;

    left: 0;

}



.list-left .left-bottom {

    text-align: center;

    background: url("http://www.hbppa.org/theme/default/images/eqbg.png") no-repeat top center;

    background-color: #fff;

    overflow: hidden;

}



.list-left .left-bottom .item {

    width: 120px;

    height: 154px;

    border: 1px solid #DCE1EB;

    margin: 0 auto;

    margin-bottom: 20px;

    font-size: 12px;

}



.list-left .left-bottom .item:first-child {

    margin-top: 30px;

}



.list-left .left-bottom .item img {

    width: 100px;

    height: 100px;

    margin: 10px 0;

}



.list-right {

    margin-left: 252px;

    margin-bottom: 54px;

	width:940px;

	margin-top:-54px;

}



.list-right ul {

    background-color: #fff;

    font-size: 12px;

    color: #96A0B4;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    padding: 0 60px;

    overflow: hidden;

}



.list-right ul.cols-4 {

    padding: 0 0 30px 90px;

}



.list-right ul.cols-5 {

    padding: 0 0 30px 60px;

}



.list-right ul.cols-1 li {

    height: 68px;

    line-height: 68px;

    border-bottom: 1px solid #DCE1EB;

    color: #96A0B4;

    position: relative;

    padding-left: 10px;

}



.list-right ul.cols-1 li:before {

    content: "";

    display: block;

    background: #148CFF;

    position: absolute;

    left: 0px;

    top: 32px;

    border-radius: 50%;

    width: 4px;

    height: 4px;

}



.list-right ul.cols-1 li a {

    display: inline-block;

    width: 705px;

    color: #192332;

    font-size: 14px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.list-right ul.cols-1 li span {

    float: right;

}



.list-right ul.cols-1 li:last-child {

    border-bottom: none;

}



.list-right ul.cols-4 li {

    float: left;

    width: 144px;

    margin-right: 64px;

    margin-top: 40px;

    overflow: hidden;

    text-align: center;

}



.list-right ul.cols-4 li img {

    width: 144px;

    height: 200px;

}



.list-right ul.cols-4 li span {

    display: block;

    font-size: 18px;

    line-height: 18px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin: 30px 0 10px;

    color: #030826;

}



.list-right ul.cols-5 li {

    float: left;

    width: 140px;

    height: 178px;

    border: 1px solid #E5E5E5;

    margin: 30px 32px 0 0;

    text-align: center;

}



.list-right ul.cols-5 li img {

    width: 100px;

    height: 100px;

    border: 1px solid #E5E5E5;

    border-radius: 50%;

    margin: 20px auto;

}



.list-right ul.cols-5 li span {

    display: block;

    font-size: 18px;

    line-height: 18px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #05162E;

}



/*detail*/

.content {

    background: #fff;

    padding: 30px 60px 40px 20px;

}



.content > h3 {

    color: #192332;

    font-size: 24px;

    font-weight: bold;

}



.content .origin {

    color: #96A0B4;

    font-size: 12px;

    height: 46px;

    line-height: 46px;

}



.content .origin span {

    margin-right: 10px;

}



.content .content-box {

    color: #192332;

    font-size: 14px;

    overflow: hidden;

}



.content .content-box img {

    max-width: 100%;

    margin: 10px 0;

}



.content .content-box p {

    word-break: break-word;

    /* text-indent: 2em; */

    /*line-height: 2px;*/

}





.list-right .first_list ul{padding-left:10px;}

.dt_title{ font-size:16px; margin-top:25px; line-height:40px; color:#000; border-bottom:2px solid #ea2f39;}





.first_list, .first_list li, .five_list, .five_list li {

    width: 100%;

    overflow: hidden;

}.first_list li, .five_list li {

    padding: 19px 0;

    border-bottom: 1px dashed #dcdcdc;

}.first_list li a, .five_list li a {

    display: flex;

}.first_list li .img_box, .five_list li .img_box {

    position: relative;

    float: left;

    width: 200px;

    height: 112px;

    overflow: hidden;

}

.first_list li .img_box img, .five_list li .img_box .img1 {

    width: 100%;

    height: 112px;

    transition: all .8s;

    -webkit-transition: all .8s;

    -ms-transition: all .8s;

    -moz-transition: all .8s;

    -o-transition: all .8s;

}

.first_list li .item_cont, .five_list li .item_cont {

    align-self: center;

    margin-left: 20px;

    width: 680px;

}

.first_list li .item_cont h6, .five_list li .item_cont h6 {

    font-size: 16px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.first_list li .item_cont .item_time, .five_list li .item_cont .item_time {

    margin: 10px 0;

    color: #999;

}

.first_list li .item_cont p, .five_list li .item_cont p {

    font-size: 14px;

    line-height: 24px;

}

.first_list li .item_cont .item_text, .five_list li .item_cont .item_text {

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}





.two_list {

    margin-top: 20px;

    width: 100%;

    overflow: hidden;

	

}



.two_list li {

    float: left;

    margin-right: 43px;

    margin-bottom: 30px;

    width: 150px;

}



.two_list li:nth-child(5n) {

    margin-right: 0;

/*	margin-left:40px;*/

}



.two_list li img {

    margin-bottom: 12px;

    width: 100%;

    height: 200px;

}



.two_list li p {

    font-size: 14px;

    color: #333;

    line-height: 24px;

    text-align: center;

    overflow: hidden;

   

}





.page_title {

    padding-top: 15px;

    /*height: 30px;*/



}



.page_title h6 {

    float: left;

    height: 28px;

    font-size: 18px;

    color: #333;
	width:200px;

   

}

.rr{ float: right; position: relative; }



 .a_ser{ float: left; /*margin: 0 0 30px 0;*/ width:32px; /*height: 32px;*/ }

 .a_ser i{font-size:32px; color:#000;}

 .a_ser{margin:0; display: none;}

.search_wrap{ display:none; width: 192px;position: absolute; right:1%; top:108px; border-radius:5px; color:#fff; background: #fff; border:1px solid #969191;height:40px;line-height: 40px; outline: none}

.search_wrap{ float:left; position: static; top: auto; right: auto;/*width:calc(100% - 50px); margin:5px 10px 0;*/}



 .search_wrap{margin-top:15px;}



.search_box_button {

    float: right;

    width: 30px;

    height: 40px;

    border: 0;

    outline: none;

    background: none;

}

.search_box_button i {

    font-size: 24px;

}

.search_box_text {

    float: left;

    width: 120px;

    padding: 0 10px;

    height: 40px;

    line-height: 40px;

    border: none;

    background: none;

	color:#000;

}





























.section.page9 {

  /*  padding-top: 30px;

    padding-bottom: 25px;*/

    background: #fff;

}

.quickimg_list li:hover img,

 {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    /* IE 9 */

    -moz-transform: scale(1.1);

    /* Firefox */

    -webkit-transform: scale(1.1);

    /* Safari 和 Chrome */

    -o-transform: scale(1.1);

}





.link_section {

    /*margin-bottom: 25px;*/

    width: 100%;

    overflow: hidden;

}



.link_section select {

    /*float: center;*/

    margin-right: 40px;

	margin-left:20px;

/*    padding-left: 20px;*/



    width: 240px;

    height: 50px;

    font-size: 16px;

	height:50px;

	text-align:center;

    color: #000;

    border: 1px solid #ccc;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    background-color: #fff;

    background-image: url(http://www.hbppa.org/theme/default/images/sj.jpg);

    background-repeat: no-repeat;

    background-position: 90% center;

    outline: none;

    -webkit-outline: none;

    -moz-outline: none;

    -o-outline: none;

	 border-radius: 5px; 

}



.link_section select option { height:85px;}

.link_section select:last-child {

    margin-right: 0;

	

}



.link_list {

    width: 100%;

    overflow: hidden;

}



.link_list a {

    margin-right: 15px;

    font-size: 14px;

    color: #333;

    font-weight: bold;

}



























.periodical_slide1 {

  /*  margin-top: 20px;*/

    padding: 0 35px;

    position: relative;

    overflow: hidden;

}



.periodical_slide1 .bd {

    width: 100%;

    overflow: hidden;

}



.periodical_slide1 li {

    float: left;

    /*margin-right: 46px;*/

    width: 160px;

}



.periodical_slide1 li .img_box {

    margin-bottom: 10px;

    border: 1px solid #222;

    overflow: hidden;

}



.periodical_slide1 li .img_box img {

    width: 100%;

   /* height: 207px;*/

}



.periodical_slide1 li h6 {

    font-size: 14px;

    color: #333;

    text-align: center;

    font-weight: bold;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.periodical_slide1 .prev,

.periodical_slide1 .next,

.video_slide .prev,

.video_slide .next {

    position: absolute;

    display: block;

    top: 0;

    bottom: 0;

    margin: auto 0;

    width: 15px;

    height: 26px;

    z-index: 999;

}



.periodical_slide1 .prev,

.video_slide .prev {

    left: 10px;

}





.video_slide .next {

    right: 10px;

}



.periodical_slide1 .next {

    right: 40px;

}





.first_list li .item_cont1,

.five_list li .item_cont1 {

    align-self: center;

    margin-left: 20px;

    width: 880px;

}



.first_list li .item_cont1 h6,

.five_list li .item_cont1 h6 {

    font-size: 16px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.first_list li .item_cont1 p,

.five_list li .item_cont1 p {

    font-size: 14px;

    line-height: 24px;

}



.first_list li .item_cont1 .item_time,

.five_list li .item_cont1 .item_time {

    margin: 10px 0;

    color: #999;

}



.first_list li .item_cont1 .item_text,

.five_list li .item_cont1 .item_text {

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}









.first_list li .item_cont1,

.five_list li .item_cont1 {

    align-self: center;

    margin-left: 20px;

    width: 880px;

}



.first_list li .item_cont1 h6,

.five_list li .item_cont1 h6 {

    font-size: 16px;

    color: #333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.first_list li .item_cont1 p,

.five_list li .item_cont1 p {

    font-size: 14px;

    line-height: 24px;

}



.first_list li .item_cont1 .item_time,

.five_list li .item_cont1 .item_time {

    margin: 10px 0;

    color: #999;

}



.first_list li .item_cont1 .item_text,

.five_list li .item_cont1 .item_text {

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    /*要显示的行数*/

    overflow: hidden;

}



.header .head_bottom .search_boxon {

    float: right;

    margin-top: 90px;

    width:300px;

	font-size:24px;

	

 

}

.two_list_hy{
    background-color: #fff;
    font-size: 12px;
    color: #96A0B4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 20px;
    overflow: hidden;
    margin: 0 auto;
}



.two_list_hy li {
    float: left;
    margin-bottom: 30px;
    width: 435px;
}
.two_list_hy li p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: left;
    overflow: hidden;
}





































