html {
    width: 100%;
    height: 100%;
}

body {
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    /*background-repeat: repeat-y;*/
    /* background-size: contain; */
    background-size: cover;
    position: relative;
    padding-bottom: 180px;
}

body::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    background-image: ;
    background-size: 1920px 1080px;
    z-index: -9999;
}

.p-header {
    height: 217px;
    position: relative;
}

.p-header .logo {
    position: absolute;
    left: 0;
    top: 62px;
}

.p-header .logo img {
    display: block;
}

.p-header .search-form {
    width: 320px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 36px;
}

.p-header .search-form form {
    width: 320px;
    height: 32px;
    position: relative;
}

.p-header .search-form form input.search {
    display: block;
    box-sizing: border-box;
    width: 320px;
    height: 32px;
    background-color: #fff;
    border-radius: 16px;
    padding-left: 16px;
    padding-right: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.p-header .search-form form input.submit {
    display: block;
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    right: 6px;
    z-index: 10;
    background:  no-repeat center center;
    font-size: 0;
    cursor: pointer;
}

.p-header .slogan {
    width: 428px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 100px;
}

.p-header .slogan img {
    display: block;
    width: 100%;
    height: 100%;
}

.p-header .p-nav {
    height: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 50px;
    background-color: #1476d1;
    color: #fff;
}

.p-header .p-nav li {
    box-sizing: border-box;
    padding: 0 10px;
    min-width: 72px;
    text-align: center;
    position: relative;
}

.p-header .p-nav li.active,
.p-header .p-nav>ul>li:hover {
    background-color: #294573;
}

.p-header .p-nav li .sub_nav {
    visibility: hidden;
    box-sizing: border-box;
    background-color: #1476d1;
    font-size: 13px;
    height: 36px;
    line-height: 30px;
    position: absolute;
    bottom: -36px;
    z-index: 20;
    padding: 0 5px;
    white-space: nowrap;
    border-top: 6px solid rgba(255, 255, 255, 1);
    max-width: 1242px;
}

.p-header .p-nav li .sub_nav i {
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    right: 50%;
    top: -6px;
    margin-right: -5px;
    background:  no-repeat center center;
}

.p-main {
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 20px;
}

.one .one-left {
    float: left;
    width: 618px;
    height: 365px;
}

.one .one-left .example {
    width: 618px;
    height: 365px;
}

.one .one-right {
    float: right;
    width: 556px;
    height: 365px;
    box-sizing: border-box;
    padding-top: 15px;
}

.tabone .tabone_header {
    float: right;
    width: 121px;
}

.tabone .tabone_body {
    float: right;
    width: 435px;
}

.tabone .tabone_header li {
    box-sizing: border-box;
    width: 121px;
    height: 50px;
    line-height: 50px;
    padding-left: 9px;
    margin-top: 15px;
}

.tabone .tabone_header li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
}

.tabone .tabone_header li:nth-child(1) a {
    background-color: #2f9a1e;
}

.tabone .tabone_header li:nth-child(2) a {
    background-color: #8dc263;
}

.tabone .tabone_header li:nth-child(3) a {
    background-color: #6ec5ff;
}

.tabone .tabone_header li:nth-child(4) a {
    background-color: #1476d1;
}

.tabone .tabone_header li:nth-child(5) a {
    background-color: #e3aa42;
}

.tabone .tabone_header li:nth-child(1).active,
.tabone .tabone_header li:nth-child(1):hover {
    background:  no-repeat left center;
}

.tabone .tabone_header li:nth-child(2).active,
.tabone .tabone_header li:nth-child(2):hover {
    background:  no-repeat left center;
}

.tabone .tabone_header li:nth-child(3).active,
.tabone .tabone_header li:nth-child(3):hover {
    background: url(/uploads/image/rcssimg/one_2.png) no-repeat left center;
}

.tabone .tabone_header li:nth-child(4).active,
.tabone .tabone_header li:nth-child(4):hover {
    background: url(/uploads/image/rcssimg/one_3.png) no-repeat left center;
}

.tabone .tabone_header li:nth-child(5).active,
.tabone .tabone_header li:nth-child(5):hover {
    background:  no-repeat left center;
}

.news-list-one {
    box-sizing: border-box;
    padding-right: 15px;
}

.news-list-one li {
    height: 34px;
    line-height: 34px;
}

.news-list-one li::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333;
    vertical-align: middle;
    margin-right: 6px;
}

.news-list-one li .news {
    font-size: 14px;
    color: #333;
}

.news-list-one li .time {
    float: right;
    font-size: 14px;
    color: #666;
}

.two .two-left {
    float: left;
    width: 980px;
}

.two div.title {
    height: 36px;
    line-height: 36px;
    font-size: 17px;
    font-weight: 600;
    color: #294573;
}

.two div.title a {
    display: inline-block;
    padding-right: 50px;
    background:  no-repeat right 60%;
}

.two .two-left .box {
    margin-top: 10px;
}

.two .two-left .box .box-left {
    float: left;
    width: 747px;
    height: 148px;
    border-top: 3px solid #1d76bf;
    background-color: #e2f2ff;
}

.two .two-left .leader-left {
    /* float: left; */
    /* width: 64px; */
    line-height: 32px;
    font-size: 13px;
    color: #333;
    /* height: 100%; */
    border-bottom: 1px solid #dedede;
    text-align: center;
}

.two .two-left .leader-right {
    box-sizing: border-box;
    /* float: right; */
    /* width: 351px; */
    padding: 5px;
    font-size: 0;
}

.two .two-left .leader-right li {
    display: inline-block;
    width: 368px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
}

.two .two-left .leader-right li .leader-name {
    display: inline-block;
    width: 50px;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    box-sizing: border-box;
    padding-left: 8px;
    position: relative;
}

.two .two-left .leader-right li .leader-name:hover {
    text-decoration: underline;
}

.two .two-left .leader-right li .leader-position {
    display: inline-block;
    margin-left: 4px;
    color: #1d76bf;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.two .two-left .leader-right li .leader-name::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #333;
    vertical-align: middle;
    position: absolute;
    top: 11px;
    left: 0px;
}

.two .two-left .box .box-right {
    width: 218px;
    float: left;
    padding-left: 15px;
}

.two .two-left .box .box-right .link-one {
    display: block;
    width: 218px;
    height: 30px;
    border-radius: 6px;
    background-color: #8dc263;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-bottom: 10px;
}

.two .two-left .box .box-right .link-two {
    display: block;
    width: 218px;
    height: 30px;
    border-radius: 6px;
    background-color: #e3aa42;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-bottom: 10px;
}

.two .two-left .box .box-right .fl-box>li {
    display: block;
    width: 101px;
    height: 71px;
}

.two .two-left .box .box-right .fl-box>li:first-child {
    background-color: #6ec5ff;
    margin-right: 16px;
    box-sizing: border-box;
    padding: 6px 5px 5px 12px;
    background: url(/uploads/image/rcssimg/fl.png) no-repeat center center;
}

.two .two-left .box .box-right .fl-box>li:last-child {
    background-color: #62a1cf;
    box-sizing: border-box;
    padding: 6px 5px 5px 12px;
    background: url(/uploads/image/rcssimg/bmgz.png) no-repeat center center;
}

.two .two-left .box .box-right .fl-box>li .title {
    display: block;
    width: 12px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    left: 6px;
    background-color: #6ec5ff;
}

.two .two-left .box .box-right .fl-box>li ul {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    color: #fff;
}

.two .two-left .box .box-right .fl-box>li ul li {
    text-align: center;
    line-height: 20px;
}

.two .two-left .box .box-right .fl-box>li ul li a:hover {
    color: #1d76bf;
}

.two .two-right {
    float: right;
    width: 192px;
}

.two .two-right .carrousel {
    width: 192px;
    margin-top: 10px;
    height: 151px;
    position: relative;
    box-sizing: border-box;
    padding: 0 21px;
}

.carrousel .carrousel_box {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: relative;
}

.carrousel .carrousel_box ul {
    width: 4000px;
    position: absolute;
    left: 0;
    top: 0;
}

.carrousel_btn {
    display: block;
    width: 14px;
    height: 19px;
    position: absolute;
    top: 67px;
    cursor: pointer;
}

.carrousel_btn_left {
    background: url(/uploads/image/rcssimg/carrousel_btn_left.png);
    left: 0;
}

.carrousel_btn_right {
    background: ;
    right: 0;
}

.two .two-right .carrousel li {
    width: 150px;
    height: 150px;
    margin-right: 10px;
}

.two .two-right .carrousel li a,
.two .two-right .carrousel li a img {
    display: block;
}

#footer {
    width: 100%;
    height: 160px;
    position: absolute;
    left: 0;
    bottom: 0;
    min-width: 1242px;
    background-color: rgba(255, 255, 255, .5);
    color: #294573;
}

.p-footer>ul {
    box-sizing: border-box;
    padding: 36px 80px 10px 80px;
}

.p-footer>ul>li {
    line-height: 28px;
    font-size: 14px;
    padding: 0 15px;
}

.p-footer .third-media {
    margin-left: 30px;
    margin-top: -12px;
}

.p-footer .third-media a,
.p-footer .third-media a img {
    display: inline-block;
    width: 86px;
    vertical-align: top;
    font-size: 0;
}

.p-footer .third-media a:first-child {
    margin-right: 20px;
}

/* 列表 */
.p-list {
    background-color: #fff;
    box-sizing: border-box;
    padding: 5px 0;
}

.p-list-box {
    padding: 20px 40px;
}

.p-list-left {
    float: left;
    width: 280px;
    background-color: #fbfbfb;
}

.p-list-left h3 {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background-color: #1476d1;
}

.p-list-left ul {
    padding: 10px 0;
}

.p-list-left ul>li {
    box-sizing: border-box;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #e1e2e3;
    margin-bottom: 10px;
    padding-left: 30px;
    background-image: url(/uploads/image/rcssimg/icon_19.png);
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: center;
}

.p-list-left ul>li:hover,
.p-list-left ul>li.active {
    background-image: ;
}

.p-list-left ul>li:last-child {
    border-bottom: 1px dashed #e1e2e3;
    margin-bottom: 0;
}

.p-list-right {
    box-sizing: border-box;
    float: right;
    width: 840px;
    background-color: #fbfbfb;
    padding: 0 15px;
    overflow-x: hidden;
}

.p-list-right .title {
    height: 48px;
    line-height: 48px;
    background:  repeat-x center;
}

.p-list-right .title h3 {
    float: left;
    padding: 0 10px;
    background-color: #fbfbfb;
    font-size: 18px;
}

.breadcrumb {
    width: 100%;
    height: 45px;
    /* background-color: #e1e1e5; */
    line-height: 45px;
    padding-left: 20px;
    box-sizing: border-box;
    border-bottom: 1px dashed #e1e2e3;
}

.breadcrumb li {
    height: 100%;
    float: left;
    padding-right: 6px;
    color: #666;
}

.breadcrumb li:first-child {
    padding-left: 40px;
    background-image: url(/uploads/image/rcssimg/icon_18.jpg);
    background-repeat: no-repeat;
    background-position: left center;
}

.breadcrumb li::after {
    content: '\22d9';
    display: inline-block;
    margin: 0 3px;
    color: #666;
}

.breadcrumb .breadcrumb-title::after,
.breadcrumb li:last-child::after {
    content: '';
    display: none;
}

.breadcrumb .breadcrumb-title {
    color: #1476d1;
}

.breadcrumb li:hover {
    color: #1476d1;
}

.list-two li {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px dashed #e1e2e3;
}

.list-two li::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #666;
    margin-right: 8px;
    vertical-align: middle;
}

.list-two li .time {
    float: right;
}

.paging {
    text-align: right;
    margin-top: 15px;
}

/* 详情 */
.p-content {
    background-color: #fff;
    box-sizing: border-box;
    padding: 5px 0;
}

.p-content-box {
    padding: 20px 80px;
}

.article-title {
    padding: 10px 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #14669f;
    line-height: 36px;
}

.auto-play {
    margin: 20px auto auto;
}

.auto-play audio {
    display: block;
    width: 300px;
    height: 54px;
    margin: 0 auto;
}

.article-inf {
    box-sizing: border-box;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed #e1e2e3;
    padding: 0 15px;
    margin: 10px 0;
}

.article-inf>ul>li {
    margin-right: 20px;
}

.article-content {
    line-height: 1.5em;
}

.article-footer-tools {
    box-sizing: border-box;
    padding: 0 10px;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    background-color: #e1e2e3;
}

.article-footer-tools a,
.article-footer-tools span {
    font-size: 16px;
}

.p-content-left {
    float: left;
    width: 280px;
    background-color: #fbfbfb;
}

.p-content-left h3 {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background-color: #1476d1;
}

.p-content-left ul {
    padding: 10px;
}

.p-content-right {
    box-sizing: border-box;
    float: right;
    width: 840px;
    background-color: #fbfbfb;
    padding: 0 15px;
}