@charset "utf-8";
/* 长者模式 */
.tuichu:before {
    content: "\e659";
}
#djtc{
	display:none
}

/* 链接 */
a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #2d8fff;
    text-decoration: none;
}

a:active {
    outline: none;
}

/* 头部、底部、公用 */

body {
    overflow-x: hidden;
    font-size: 16px;
    background: #fff;
}

.copyright .tc {
    display: flex;
    justify-content: space-between;
    width: 640px;
    margin: 0 auto;
    font-size: 14px;
}

.ht {
    height: 40px;
    line-height: 40px;
    color: #333333;
    font-size: 14px;
}

.ht a {
    color: #333333;
    font-size: 14px;
    margin: 0 10px;
}

.ht a:hover {
    color: #396ed3;
}

.ht .ht-btn {
    padding: 4px 13px;
    background-color: #8abaf7;
    border-radius: 13px;
    color: #fff;
}

.ht .sign {
    border-radius: 13px;
    padding: 4px 7px;
    background-color: #e1a040;
    color: #fff;
}

.ht .sign a {
    color: #fff;
}

.ht .sign a:hover {
    color: #396ed3;
}

.header {
    height: 239px;
    background: url("/material/images/images_2021/header-bannder.jpg") no-repeat;
    background-size: cover;
    background-position: 50%;
}

.header h1 {
    width: 492px;
    height: 123px;
    margin-top: 30px;
    background: url(/material/2023/images/logo4.png) 0 50% no-repeat;
}

.header h1 a {
    display: block;
    height: 130px;
}

.nav-box {
    height: 70px;
    background-color: #396ed3;
}

.nav-active,.nav-box .nav li.current {
    background-color: #2c5bb6;
}

.nav {
    width: 1200px;
    height: 70px;
    margin: 0 auto;
}

.nav ul li {
    float: left;
    padding: 0 50px;
    line-height: 67px;
    cursor: pointer;
    transition: all .3s;
}

.nav ul li:hover {
    background-color: rgba(0, 0, 0, .1);
}

.nav ul li a {
    font-size: 24px;
    color: #fff;
}


/* 移动端菜单开始 */

.mask {
    display: none;
    position: fixed;
    z-index: 597;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    transition: opacity .2s;
}

.mask.on {
    display: block;
    opacity: 1;
}

body.modal-open {
    position: fixed;
    width: 100%;
}

.menu {
    display: none \9;
    position: fixed;
    z-index: 598;
    top: 0;
    right: 0;
    bottom: 0;
    width: 65%;
    background-color: #fff;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.menu.on {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.menu img {
    display: block;
    width: 85%;
    margin: 40px 20px;
}

.menu li a {
    position: relative;
    display: block;
    margin: 0 15px;
    padding: 0 15px;
    line-height: 50px;
    font-size: 16px;
    color: #048;
}

.menu li a:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #ccc;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 10px;
}

.menu li + li a {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2);
}

.menu > ul > li:nth-child(1) {
    animation-delay: .1s;
}

.menu > ul > li:nth-child(2) {
    animation-delay: .2s;
}

.menu > ul > li:nth-child(3) {
    animation-delay: .3s;
}

.menu > ul > li:nth-child(4) {
    animation-delay: .4s;
}

.menu > ul > li:nth-child(5) {
    animation-delay: .5s;
}

.menu > ul > li:nth-child(6) {
    animation-delay: .6s;
}

.menu-btn {
    display: none;
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 599;
    width: 50px;
    height: 50px;
}

.menu-btn.on,
.menu-btn.fixed {
    position: fixed;
    top: 0px;
}

.menu-btn > span {
    position: absolute;
    left: 0;
    right: 0;
    width: 22px;
    height: 2px;
    margin: 0 auto;
    background: #048;
    border-radius: 2px;
    transition: .25s;
}

.menu-btn > span:nth-child(1) {
    top: 18px;
}

.menu-btn > span:nth-child(2) {
    top: 24px;
}

.menu-btn > span:nth-child(3) {
    top: 30px;
}

.menu-btn.on span,
.hd + .menu-btn > span {
    background: #048;
}

.menu-btn.on span:nth-child(1) {
    top: 21px;
    transform: rotate(45deg);
}

.menu-btn.on span:nth-child(2) {
    opacity: 0;
    transform: rotate(90deg);
}

.menu-btn.on span:nth-child(3) {
    top: 21px;
    transform: rotate(135deg);
}

/* 移动端菜单结束 */


/* 搜索 */
.header .search {
    display: table;
    padding: 50px 0;
    float: right;
}

.search input,
.search button {
    float: left;
    display: block;
    transition: all .3s;
}

.search button:hover {
    background-color: #8abaf7;
}

.search input {
    box-sizing: border-box;
    width: 389px;
    height: 50px;
    line-height: 20px;
    font-size: 16px;
    padding: 20px 20px 20px 55px;
    color: #b8b8b8;
    border: 1px solid #aac5f9;
    background: #fff url(/material/images/images_2021/search.jpg) 0px 50% no-repeat;
    border-radius: 3px 0px 0px 3px;
    outline: none;
}

.search button {
    box-sizing: border-box;
    width: 101px;
    height: 50px;
    border: none;
    background: #396ed3;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 55px;
    font-size: 18px;
    border-radius: 0px 3px 3px 0px;
}

.search p {
    clear: both;
    color: #396ed3;
    padding-top: 10px;
    line-height: 30px;
}

.search p a {
    color: #396ed3;
    margin: 0 4px;
}

@media (max-width: 1024px) {
    .search button .iconfont {
        margin-right: 0px;
        display: block;
    }
}


.inner,
.copyright {
    position: relative;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


/* 底部 */
.footer {
    line-height: 22px;
    background-color: #3467c8;
    color: #fff;
}

.links {
    padding: 20px;
    background-color: #2c5bb6;
}

.links ul li {
    position: relative;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
}

.links ul li:not(:last-child) {
    border-right: 1px solid #7996ce;
}

.links ul li a {
    display: block;
    color: #fff;
    margin: 0 -5px;
    padding: 0 10px;
    background: url(/material/images/images_2021/links_arr.png) 96% 50% no-repeat;
}

.links li ul {
    display: none \9;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 24px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #ddd;
    background-color: #fff;
    opacity: 0;
    transform: translate(0, 3px);
    transition: opacity, transform .3s;
	z-index:-1
}

.links li:hover ul {
    display: block \9;
    z-index: 9;
    opacity: 1;
    transform: translate(0, 0);
}

.links li li {
    border-top: 1px solid #ddd;
    line-height: 39px;
    text-align: center;
    transition: all .3s;
}

.links li li:hover {
    background-color: #f8f8f8;
}

.links li li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
}

.copyright {
    line-height: 32px;
    display: table;
    position: relative;
}

.copyright .badge-icon {
    width: 58px;
    height: 72px;
    position: absolute;

    left: 120px;
    top: 30px;
}

.copyright .label-icon {
    width: 117px;
    height: 59px;
    position: absolute;

    right: 80px;
    top: 40px;
}

.copyright p a,
.copyright p span {
    margin: 0 10px;
    color: #fff;
	white-space:nowrap
}

@media (max-width: 1200px) {

    .header h1 {
        height: 100px;
        background-position: 5px 50%;
        background-size: auto 55%;
    }

    .header h1 a {
        display: block;
        height: 100px;
    }

    .ht .fl,
    .nav,
    .header .search p {
        display: none;
    }

    .ht .fr {
        text-align: center;
    }

    .ht a {
        margin: 0 3px;
    }

    .ht .fr,
    .header h1,
    .inner,
    .content,
    .links,
    .copyright {
        width: 100%;
    }

    .content {
        padding: 20px;
    }

    .menu-btn {
        display: block;
    }

    .header .search {
        position: absolute;
        left: 50%;
        top: 55px;
        width: 500px;
        padding: 20px 0;
        display: table;
    }

    .header .search input {
        width: 100%;
        height: 50px;
        padding: 15px 65px 15px 55px;
        margin: 0;
    }

    .header .search button {
        width: 50px;
        height: 50px;
        margin-left: -50px;
        background-position: center;
        line-height: 0;
        font-size: 14px;
        color: #fff;
    }

    .header .search p {
        display: none;
    }

    .handle {
        margin-bottom: 10px;
    }

    .footer {
        font-size: 14px;
        padding: 20px;
    }

    .nav-box {
        display: none;
    }


}

@media (max-width: 768px) {


    .copyright {
        text-align: center;
    }

    .copyright p span {
        display: block;
    }

    .links > ul > li > a {
        font-size: 14px;
    }

    .footer .gov {
        position: relative;
        display: inline-block;
        top: 0;
        left: auto;
        right: 66px;
        margin-top: 20px;
        margin-bottom: 10px;
        vertical-align: middle;
    }
	.copyright .label-icon{
	position: relative;
    display: inline-block;
    top: 0;
    left: auto;
    right: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    vertical-align: middle;
	}
	
}

/* 公用 */

.content .row {
    margin-right: -10px;
    margin-left: -10px;
}

.content .row > .col,
.content .row > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.tab-pane {
    position: relative;
    overflow: hidden;
}

.tab-pane .pane > ul,
.tab-pane .pane > div {
    animation-duration: .3s;
}

.tab a {
    position: relative;
    display: inline-block;
    min-width: 100px;
    height: 40px;
    margin-top: -5px;
    padding: 0px 25px;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    transition: all .3s;
    font-weight: normal;
}

.tab a.current {
    color: #222;
    font-weight: bold;
}

.tab a:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 4px;
    margin: 0px 13px;
    transform: scale(0, 1);
    transition: transform .3s;
}

.tab a.current:after {
    background-color: #396ed3;
    transform: scale(1, 1);
}

@media (max-width: 1200px) {
    .tab {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-left: -2px;
        margin-right: -2px;
    }

    .tab a {
        width: 0%;
        line-height: 18px;
        min-width: inherit;
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0 2px;
        padding: 11px 0;
        font-size: 16px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }
}

.list-a li i {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(/material/images/images_2021/icons.png);
    background-image: url(/material/images/images_2021/icons_ie8.png) \9;
    background-size: 360px auto;
    background-repeat: no-repeat;
}


.row {
    margin-right: -10px;
    margin-left: -10px;
}

.table-bordered {
    margin-bottom: 0px;
}

.table-bordered > tbody > tr > th {
    background-color: #f9f9f9;
    text-align: center;
    color: #048;
}

.list-t li:before {
    width: 6px;
    height: 6px;
    border-radius: 0px;
}

.list-t li .hot {
    display: block;
    background: url("/material/images/images_2021/hot.png") no-repeat;
    width: 14px;
    height: 14px;
    margin-left: 5px;
	display:none
}

.p20 {
    padding: 20px;
}

/* 首页 开始*/

/* part1开始 */
.p1 {
    padding-bottom: 50px;
}

.p1, .p3, .p4 {
    background: #f8f8f8;
}

.headline {
    padding: 30px 0px 20px 150px;
    background: url(/material/images/images_2021/headline.png) 0 50% no-repeat;
}

.headline h4 {
    line-height: 42px;
    font-weight: normal;
    font-size: 30px;
}
.headline h4 a{
	color:#2d8fff;
}
.headline p a {
    color: #999;
    font-size: 18px;
}


.headline .list-t li:before {
    display: none;
}


@media (max-width: 1200px) {

    .headline {
        padding: 0PX;
        background: none;
    }

    .headline h4 {
        line-height: 30px;
        font-size: 22px;
    }

    .headline p {
        padding: 0px;
    }

    .headline p {
        width: 100%;
        padding-left: 0px;
    }
}

.focus,
.focus .pic {
    position: relative;
    width: 580px;
    height: 390px;
}

.focus .pic > div {
    position: relative;
    overflow: hidden;
    width: 100%;
	
}

.focus .pic img {
    width: 100%;
    height: 100%;
}

.focus .pic span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 10px 115px 10px 10px;
    line-height: 44px;
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #333;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
}

.focus .focus-prev,
.focus .focus-next {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: block;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .5);
    background-size: 24px auto;
    color: #fff;
    opacity: 0;
    transition: all .3s;
}

.focus .focus-prev .iconfont,
.focus .focus-next .iconfont {
    font-size: 28px;
    font-weight: normal;
}

.focus .focus-prev {
    transform: translate(-50px, 0);
    left: 0;
    background-image: none;
}

.focus .focus-next {
    transform: translate(50px, 0);
    right: 0;
    background-image: none;
}

.focus:hover .focus-prev,
.focus:hover .focus-next {
    opacity: 1;
    transform: translate(0, 0);
}

.focus .navi {
    position: absolute;
    bottom: 22px;
    left: auto;
    right: 0;
    z-index: 9;
    width: auto;
    margin-bottom: 4px \9;
    padding: 0 10px;
    text-align: right;
}

.focus .navi li {
    float: left;
    width: 20px;
    height: 3px;
    margin: 0 2px;
    font: 0/0 lx;
    border: none;
    color: transparent;
    background-color: #fff;
    border-radius: 0px;
    transition: all .3s;
}

.focus .navi li.on {
    background-color: #84a3e8;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}

.focus .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    border: none;
    opacity: 1;
    border-radius: 0px;
    background-color: #fff;
}

.focus .swiper-pagination-bullet-active {
    background-color: #84a3e8;
}

@media (max-width: 1200px) {

    .focus,
    .focus .pic {
        position: relative;
        width: 100%;
        height: auto;
    }

    .focus .pic > div {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding: 60% 0 0;
		height:340px
    }

    .focus .pic img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    .focus {
        margin-bottom: 20px;
    }

}


.news .tab {
    margin-left: -4px;
    margin-right: -4px;
}

.news .tab a {
    padding: 0px 6px;
}

@media (max-width: 1024px) {
    .news {
        height: 340px;
        overflow: hidden;
    }

    .news .tab {
        margin-left: -5px;
        margin-right: -15px;
    }

    .news .tab a {
        font-size: 18px;
        line-height: 18px;
        padding: 11px 0px;
        margin: 0px;
    }

    .news .list-t li {
        line-height: 42px;
    }

}

@media (max-width: 480px) {
    .news {
        height: auto;
        overflow: hidden;
    }

    .news .tab {
        margin-left: -5px;
        margin-right: -5px;
    }

    .news .tab a {
        font-size: 12px;
    }

}

/* part1结束 */

/* part2开始 */
.advisory-box {
    margin-bottom: 24px;
}

.detail-box ul:hover, .info-box:hover {
    box-shadow: #ccc 2px 2px 10px;
}

.advisory-box li {
    float: left;
}

.advisory-box li:not(:last-child) {
    width: 191px;
    height: 56px;
    background-color: #f0f7ff;
    border: solid 1px #d5e6ff;
    line-height: 56px;
    font-size: 20px;
    color: #488ae9;
    margin-right: 13px;
    cursor: pointer;
    transition: all .3s;
}

.advisory-box li:not(:last-child):hover {
    box-shadow: #ccc 2px 2px 10px;
}

.advisory-box li i {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("/material/images/images_2021/icons_ie8.png");
    background-size: 360px auto;
    background-repeat: no-repeat;
    margin: 7px 6px 7px 12px;
}

.advisory-box .s1 {
    background-position: 0 -40px;
}

.advisory-box .s2 {
    background-position: -40px -40px;
}

.advisory-box li:last-child {
    float: right;
    width: 158px;
    height: 56px;
    background: url("/material/images/images_2021/phone-nub.png") no-repeat;
}

.detail-box {
    width: 367px;
    margin-left: 24px;
}

.detail-box ul {
    width: 355px;
    height: 150px;
    background-color: #f8f8f8;
    margin-bottom: 16px;
    padding: 19px 20px 0 30px;
    position: relative;
    transition: all .3s;
}

.detail-box ul li {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    position: relative;
}

.detail-box .status-bar li {
    margin-bottom: 20px;
}

.detail-box ul li a {
    white-space: pre-wrap;
    overflow: visible;
}

.detail-box ul li span {
position: relative;
    width: 50px;
    height: 20px;
    border-radius: 1px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    display: inline;
	margin-left:10px;
	padding-left: 5px;
}

.detail-box ul li .conduct {
    background-color: #4473cc;
}

.detail-box ul li .end {
    background-color: #c0c0c0;
}

.detail-box ul li:first-child:before {
    display: none;
}

.detail-box ul li:first-child {
    position: absolute;
    width: 31px;
    height: 111px;
    left: -17px;
}

.detail-box ul:first-child li:first-child {
    background: url("/material/images/images_2021/label-icon1.png") no-repeat;
}

.detail-box ul:last-child li:first-child {
    background: url("/material/images/images_2021/label-icon2.png") no-repeat;
}

.info-box {
    width: 177px;
    height: 316px;
    background-color: #f8f8f8;
    padding: 19px 17px 0 30px;
    transition: all .3s;
}

.info-box ul {
    position: relative;
}

.info-box ul li:first-child {
    position: absolute;
    width: 31px;
    height: 111px;
    left: -46px;
    background: url("/material/images/images_2021/label-icon3.png") no-repeat;
}

.info-box .line {
    width: 123px;
    height: 1px;
    background-color: #e5e5e5;
    opacity: 0.72;
    margin: 23px 0;
}

.info-box .time-top {
    font-size: 14px;
    line-height: 24px;
    color: #39abcc;
}

.info-box .info-content {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    cursor: pointer;
}

.info-box .info-content:hover {
    color: #1b80d2;
}

/* part2结束 */

/* part3开始 */
.xxgk {
    margin-top: 13px;
    border: 1px solid #d5e6ff;
}

.xxgk .tab a {
    font-weight: normal;
    font-family:'微软雅黑';
    height: 75px;
    margin: 0px;
    font-size: 20px;
    line-height: 75px;
    background-color: #f0f7ff;
    border-bottom: 1px solid #d5e6ff;
}

.xxgk .tab a.current:after {
    display: none;
}

.xxgk .tab a.current,
.xxgk .tab a:hover {
    color: #fff;
    padding: 0px 68px;
    background: #396ed3 url(/material/images/images_2021/tab_bg.jpg) 0 50% no-repeat;
}

.xxgk .a2 {
    padding: 19px;
    background-color: #fff;
}

.a2 li a {
    margin-right: -10px;
    margin-left: -10px;
    /*line-height: 60px;*/
    text-align: left;
    display: flex;
    align-items: center;
}

.a2 i {
    position: relative;
    z-index: 2;
    float: left;
    margin: 10px 5px 10px 0;
}

.a2 i.s1 {
    background-position: 0px -80px;
}

.a2 i.s2 {
    background-position: -40px -80px;
}

.a2 i.s3 {
    background-position: -80px -80px;
}

.a2 i.s4 {
    background-position: -120px -80px;
}

.a2 i.s5 {
    background-position: -160px -80px;
}

.a2 i.s6 {
    background-position: -200px -80px;
}

.a2 i.s7 {
    background-position: -240px -80px;
}

.a2 i.s8 {
    background-position: -280px -80px;
}

.a2 i.s9 {
    background-position: -320px -80px;
}

.a2 a:hover i.s1 {
    background-position: 0px -120px;
}

.a2 a:hover i.s2 {
    background-position: -40px -120px;
}

.a2 a:hover i.s3 {
    background-position: -80px -120px;
}

.a2 a:hover i.s4 {
    background-position: -120px -120px;
}

.a2 a:hover i.s5 {
    background-position: -160px -120px;
}

.a2 a:hover i.s6 {
    background-position: -200px -120px;
}

.a2 a:hover i.s7 {
    background-position: -240px -120px;
}

.a2 a:hover i.s8 {
    background-position: -280px -120px;
}

.a2 a:hover i.s9 {
    background-position: -320px -120px;
}



.a2 i.s10 {
    background-position: 0px -160px;
}

.a2 i.s11 {
    background-position: -40px -160px;
}

.a2 i.s12 {
    background-position: -80px -160px;
}

.a2 i.s13 {
    background-position: -120px -160px;
}

.a2 i.s14 {
    background-position: -160px -160px;
}

.a2 i.s15 {
    background-position: -200px -160px;
}

.a2 i.s16 {
    background-position: -240px -160px;
}

.a2 i.s17 {
    background-position: -280px -160px;
}

.a2 a:hover i.s10 {
    background-position: -0px -200px;
}

.a2 a:hover i.s11 {
    background-position: -40px -200px;
}

.a2 a:hover i.s12 {
    background-position: -80px -200px;
}

.a2 a:hover i.s13 {
    background-position: -120px -200px;
}

.a2 a:hover i.s14 {
    background-position: -160px -200px;
}

.a2 a:hover i.s15 {
    background-position: -200px -200px;
}

.a2 a:hover i.s16 {
    background-position: -240px -200px;
}

.a2 a:hover i.s17 {
    background-position: -280px -200px;
}


.p3 {
    padding-top: 30px;
}

.a3 li {
    border-radius: 4px;
    overflow: hidden;
    width: 50%;
}

.a3 li.s3, .a9 li.s4 {
    width: 100%;
}

.a3 li a {
    position: relative;
    height: 89px;
    color: #488ae9;
    line-height: 60px;
    font-weight: bold;
    margin: 13px 5px 0px 5px;
    padding: 15px 0px;
    border-radius: 3px;
    text-align: left;
    border: 1px solid #d5e6ff;
    background: #f0f7ff url(/material/images/images_2021/icon_bg.png) center 0px no-repeat;
}

.a3 li a:hover {
    border: 1px solid #488ae9;
}

.a3 li a i {
    position: relative;
    z-index: 2;
    float: left;
    margin: 10px 5px 10px 5px;
    background-position: 0 -160px;
}

.a3 li.s1 a i {
    background-position: -120px -40px;
}

.a3 li.s2 a i {
    background-position: -160px -40px;
}

.a3 li.s4 a i {
    background-position: -80px -40px;
}

.a3 li.s5 a i {
    background-position: -200px -40px;
}

.a3 li.s3 a {
    height: 90px;
    background: url(/material/images/images_2021/zwfw_03.png) center 0px no-repeat;
}

@media (max-width: 1200px) {

    .a3 li a i,
    .a3 li.s4 a i {
        float: initial;
        margin: 10px auto 0px;
    }

    .a3 li a,
    .a3 li.s4 a {
        padding: 0px;
        line-height: 24px;
        text-align: center;
    }

}

.a4 li {
    height: 90px;
    border-radius: 3px;
    margin: 12px 0px;
}

.a4 li a {
    padding: 20px 70px 20px 30px;
    line-height: 24px;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    color: #fff;
    transition: padding .3s;
}

.a4 li a:hover {
    padding-top: 10px;
}

.a4 .s1 {
    background: url(/material/images/images_2021/xt_01.png) center 0px no-repeat;
}

.a4 .s2 {
    background: url(/material/images/images_2021/xt_02.png) center 0px no-repeat;
}

.a4 .s3 {
    background: url(/material/images/images_2021/xt_03.png) center 0px no-repeat;
}

/* part3结束 */

/* part4 start*/
.p4 {
    padding: 30px 0;
}

.p4 .ert {
    width: 1200px;
    height: 165px;
    background: url("/material/images/images_2021/ert_banner.jpg") no-repeat;
    margin: 0 auto 20px;
}

.p4 ul {
    display: table-cell;
    vertical-align: middle;
    height: 165px;
    padding-left: 145px;
}

.p4 ul li {
    float: left;
    margin-right: 27px;
}

.p4 ul .line {
    width: 1px;
    height: 29px;
    background-color: #d1d1d1;
}

.p4 ul li p:first-child {
    font-size: 16px;
    color: #85abf3;
    font-weight: 300;
}

.p4 ul li p:first-child span {
    font-size: 30px;
    color: #386cd1;
    font-weight: bold;
}

.p4 ul li p:last-child {
    font-size: 18px;
    color: #333333;
}

.p4 ul li .p4-passage {
    background: url("/material/images/images_2021/rztd_btn.png") no-repeat;
    width: 137px;
    height: 49px;
    cursor: pointer;
    line-height: 49px;
    transition: all .6s;
}

.p4 ul li .p4-passage span {
    font-size: 18px;
    color: #ffffff;
    margin-left: 24px;
}

.p4 ul li .p4-passage:hover {
    transform: scale(1.05);
}

/* part4 end*/

/* part5开始 */
.p5-banner {
    background: url("/material/images/images_2021/part5_banner.jpg") no-repeat;
    height: 91px;
}

.topic {
    position: relative;
}

.topic .scroll {
    position: relative;
    margin: 0 auto;
}

.topic .swiper-wrapper .swiper-slide div {
    position: relative;
    display: block;
    width: 280px;
    margin: 10px;
}

.topic .swiper-wrapper .swiper-slide div .pic {
    display: block;
    text-align: center;
}

.topic .swiper-wrapper .swiper-slide div img {
    width: 100%;
    max-width: 280px;
    height: 120px;
}

.topic .swiper-wrapper .swiper-slide div p {
    position: relative;
    color: #666666;
    cursor: pointer;
    transition: all .6s;
}

.topic .swiper-wrapper .swiper-slide div p:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 4px;
    transform: scale(0, 1);
    transition: transform .3s;
}
.topic .swiper-wrapper .swiper-slide div p:hover:after {
    background-color: #3467c8;
    transform: scale(1, 1);
}

.topic .swiper-wrapper .swiper-slide div p:hover {
    color: #386cd1;
}

.topic-prev,
.topic-next {
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 66px;
    margin-top: -33px;
    line-height: 66px;
    text-align: center;
    cursor: pointer;
    background-color: #f5f5f5;
    z-index: 999;
    transition: all .3s;
}

.topic-prev span,
.topic-next span {
    display: block;
    font-size: 30px;
    color: #999;
    font-weight: normal;
}

.topic-prev {
    left: -35px;
    background-image: none;
}

.topic-next {
    right: -35px;
    background-image: none;
}

.topic-prev:hover,
.topic-next:hover {
    background-color: #3467c8;
}

.topic-prev:hover span,
.topic-next:hover span {
    color: #fff;
}

@media (max-width: 1200px) {
    .topic .scroll {
        position: relative;
        margin: 0 -10px;
    }

    .topic li img {
        height: 100%;
    }

    .links ul li:not(:last-child) {
        border: none;
    }


}

/* part5结束 */
/* 首页结束 */

@media (max-width: 1200px) {
    .p4 .ert {
        width: 100%;
    }

    .p4 ul {
        padding-left: 170px;
    }

    .topic {
        width: 95%;
        margin: 0 auto;
    }

    .topic .swiper-wrapper .swiper-slide div {
        width: 90%;
        margin: 0 auto;
    }

    .a2 li a {
        font-size: 15px;
    }

    #wuzhangai {
        display: none;
    }
}

@media (max-width: 1024px) {



    .header .search {
        width: 360px;
    }

    .advisory-box li:not(:last-child) {
        width: 148px;
        font-size: 16px;
    }

    .detail-box {
        width: 280px;
    }

    .detail-box ul {
        width: 245px;
    }

    .a2 li a {
        font-size: 14px;
    }

    .a4 li a {
        font-size: 16px;
    }

    .p4 ul li {
        margin-right: 25px;
    }

    .p4 ul li p:first-child {
        font-size: 14px;
    }

    .p4 ul li p:first-child span {
        font-size: 24px;
    }

    .p4 ul li p:last-child {
        font-size: 16px;
    }

    .p5-banner {
        background-position: 50%;
    }
}

@media (max-width: 768px) {
   

    .copyright .tc {
        width: auto;
        display: block;
    }

    .advisory-box {
        width: 100%;
        text-align: center;
    }

    .advisory-box li:not(:last-child) {
        width: 220px;
        font-size: 20px;
    }

    .advisory-box li:last-child {
        width: 220px;
        font-size: 20px;
    }

    .detail-box, .detail-box ul, .info-box {
        width: 337px;
    }

    .a2 li a {
        font-size: 18px;
    }

    .a4 li a {
        font-size: 18px;
    }

    .p4 ul {
        padding-left: 230px;
    }

    .p4 ul li p:first-child {
        font-size: 24px;
    }

    .p4 ul li p:last-child {
        font-size: 14px;
    }

    .p4 ul li:last-child {
        display:none
    }

    .topic .swiper-wrapper .swiper-slide div {
        width: 90%;
        margin: 0 auto;
    }
}

/*响应式480px*/
@media (max-width: 480px) {
	.copyright p a, .copyright p span{
	white-space:initial
}
.detail-box ul li:before{
	display:none
}
.detail-box ul li{
	padding-left:0px
}
    .p1 {
        padding-bottom: 20px;
		margin-bottom:0px
    }
.p4{
	padding-bottom:10px
}
    .p1, .p3, .p4 {
        background: none;
    }

    .header .search {
        position: unset;
    }

    .header h1 {
        background-position: 50%;
/*       background-size: auto 45%; */
        margin-top: 15px;
    }

    .header .search {
        margin: 0 auto;
        float: none;
        width: 300px;
        padding: 0;
    }

    .tab a.current {
        background: #396ed3;
        color: #fff;
    }

    .headline h4 {
        font-size: 18px;
        line-height: 28px;
    }

    .headline p a {
        font-size: 16px;
        line-height: 26px;
    }

    .advisory-box {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .list-t li a {
        font-size: 16px;
        line-height: 32px;
    }

    .detail-box .list-t li a {
        font-size: 16px;
        line-height: 24px;
    }

    .detail-box ul li span {
        font-size: 12px;
    }

    .advisory-box li:not(:last-child) {
        width: 50%;
        font-size: 14px;
        margin: 0;
        display: inline-block;
    }

    .advisory-box li i {
        
    }

    .advisory-box li:last-child {
        float: none;
        margin: 70px auto 0;
        width: 158px;
    }

    .detail-box, .info-box {
        width: 92%;
    }

    .info-box {
        height: auto;
        padding: 19px 17px 19px 30px;
    }

    .detail-box ul, .p4 {
        width: 100%;
    }

    .p3 {
        padding-top: 0px;
    }
.a3{
	margin-left: -5px;
    margin-right: -5px;	
}
    .p4 .ert {
        background: url("/material/images/images_2021/ert.png") no-repeat;
        background-size: 55px;
        background-position: 20px 0;
        margin: 0;
    }

    .p4 ul {
        padding: 90px 0 0 0;
        position: relative;
        display: block;
    }

    .p4 ul li:nth-child(1), .p4 ul li:nth-child(2), .p4 ul li:nth-child(3) {
        width: 33.333333%;
        margin: 10px 0;
        text-align: center;
    }

    .p4 ul li:nth-child(5), .p4 ul li:nth-child(6) {
        width: 50%;
        margin: 10px 0;
        text-align: center;
    }

    .p4 ul li {
        margin: 0 15px;
    }

    .p4 ul .line {
        width: 100%;
        height: 2px;
        margin: 0;
        background-color: #edf2f7;
    }

    .p4 ul li p:first-child {
        font-size: 14px;
    }
 .p4 ul li p:last-child {
        font-size: 14px;
    }
.p4 ul li p:first-child span{
	
	font-size: 18px;
}
    .p4 ul li .p4-passage {
        line-height: 38px;
        background-size: 80%;
    }

    .p4 ul li .p4-passage span {
        font-size: 14px;
        margin-left: 18px;
    }

    .p5-banner {
        background-position: 48%;
        width: 100%;
        overflow: hidden;
    }

    .topic {
        width: 80%;
        margin: 0 auto;
    }

    .topic .swiper-wrapper .swiper-slide div {
        width: 90%;
        margin: 0 auto;
    }

    .xxgk .tab a.current, .xxgk .tab a:hover {
        padding: 0;
    }

    .xxgk .tab a.current {
        flex: 4;
    }

    .xxgk .tab a {
        font-size: 14px;
    }

    .xxgk .a2 {
        padding: 19px 5px;
    }

    .a2 li {
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }

    .a2 li a {
        font-size: 14px;
        display: flex;
        align-items: center;
        height: 50px;
        line-height: 24px;
        /*background-color: #f0f3f6;*/
        /*box-shadow: 1px 2px 4px #396ed3;*/
        /*border-radius: 5px;*/
    }

    .list-a li i {
        margin: 0;
    }

    .p4 ul li:last-child {
        float: unset;
        position: absolute;
        top: 5px;
        right: 0;
        margin: 0;
    }
	
}

@media (max-width: 1024px) {
.a2 .panel-more {
		width:100%
	}
	.a2 .panel-more a{ 
		width: 100%;
    line-height: 50px;
		
	}
	.header{
		background-image: url("/material/images/images_2021/banner.jpg");
		
	}
}
/*1130*/
   .a2 .panel-more a{
	   display:inline-block;
	   margin:0 auto;
       text-align:center	   
   }
   .detail-box ul li {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    display: block;
    align-items: center;
    position: relative;
    height: 52px;
    overflow: hidden;
}
.p4-passage a{
	color:#fff
}
.cn,.cp{
	border:1px solid #eee;
	padding:10px;
	padding-top:15px
}
@media (max-width:1200px){
#zzms{
  	display:none !important
}
}
@media (max-width:768px){
.a4 .s3{
	 background: url(/material/images/images_2021/xt_03_1215.jpg) right 0 no-repeat;
}
.a4 .s2{
	 background: url(/material/images/images_2021/xt_02_1215.jpg) right 0 no-repeat;
}
.a4 .s1{
	 background: url(/material/images/images_2021/xt_01_1215.jpg) right 0 no-repeat;
}
.a4 li a{
	line-height: 50px;
	padding: 20px;
}
.links ul li{
	line-height:40px;
	padding: 5px 0px;
}
.focus .pic > div {
	height:auto
}
}
@media (max-width:480px){
.detail-box ul{
	margin-bottom:10px
}
.focus .pic span{
	font-size:16px
}

.p4 .ert{
	padding-top:0px;
	background:none
}
.p4 ul li:last-child{
	display:none
}
.p4 ul{
	padding-top:0px
}
.a2 li{
	margin-bottom:0px
}
.info-box .line{
	width:100%
}

}

.p5 .topic p.cn{
height:123px
}
.no-print span:first-child{
	display:none
}
/**/
.xz_sm{
color:#386cd1;
font-size:18px;
line-height:38px;
width:1200px;
margin:0 auto;
text-align:center;
position:relative;
padding: 25px 30px;
}
.xz_sm span{
color:#386cd1;
font-size:20px;

}
.xz_sm:before{
content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 17px;
    margin-top: 0px;
    background: url(/material/images/top_sy.png) no-repeat;
}
.xz_sm:after{
content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 17px;
    margin-top: 0px;
    background: url(/material/images/bottom_sy.png) no-repeat;
}
@media (max-width: 1200px){
.xz_sm{
width:100%
}
}
@media (max-width: 360px){
	.news .tab a{
		font-size:14px
	}
}