﻿@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
}

body {
    font-family: “微软雅黑”;
}

.w1200 {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

/* 主体区域 */
.yqfk_banner {
    width: 100%;
    height: auto;
}

.yqfk_banner img {
    width: 100%;
    height: auto;
}

.yqfk_main {
    margin-top: 30px;
    margin-bottom: 30px;
}

.yqfk_nav li {
    width: calc((100% - 80px) / 5);
    height: 100px;
    margin-right: 20px;
    font-size: 22px;
    line-height: 100px;
    padding-left: 32px;
    float: left;
    font-weight: 700;
}
.yqfk_nav li a{
    display: block;
}
.yqfk_nav li:hover {
    text-decoration: underline;
}

.yqfk_nav li:last-child {
    margin-right: 0px;
    background: url(yqfk_kpzs.png) no-repeat center;
}

.yqfk_nav li:last-child a {
    color: #074EB7;
}

.yqfk_nav li:first-child {
    background: url(yqfk_yqtb.png) no-repeat center;
    color: #013F9A;
}

.yqfk_nav li:first-child a {
    color: #013F9A;
}

.yqfk_nav li:first-child+li {
    background: url(yqfk_hygq.png) no-repeat center;
    color: #AE8613;
}

.yqfk_nav li:first-child+li a {
    color: #AE8613;
}

.yqfk_nav li:first-child+li+li {
    background: url(yqfk_zccs.png) no-repeat center;
    color: #C16305;
}

.yqfk_nav li:first-child+li+li a {
    color: #C16305;
}

.yqfk_nav li:first-child+li+li+li {
    background: url(yqfk_ymjz.png) no-repeat center;
    color: #168D8D;
}

.yqfk_nav li:first-child+li+li+li a {
    color: #168D8D;
}

.yqfk_s1 {
    margin-top: 40px;
}

.yqfk_lb {
    width: 584px;
    height: 346px;
}

/* 轮播 */
.inner-container::-webkit-scrollbar {
    display: none;
}

.inner-container {
    position: absolute;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

.bord {
    width: 100%;
    height: 100%;
}

.focusBox {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    background: white;
    list-style-type: none;
}

.focusBox .pic1 img {
    display: block;
    width: 584px;
    height: 346px;
    margin-top: 0px;
}

.pic {
    margin-top: 0px;
}

.focusBox .txt-bg {
    position: absolute;
    bottom: 0;
    z-index: 1;
    height: 44px;
    width: 100%;
    background: rgba(7, 15, 25, 0.5);
    opacity: 1;
    overflow: hidden;
}

.focusBox .txt {
    position: absolute;
    bottom: 0;
    z-index: 2;
    height: 44px;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
}

.focusBox .txt li {
    list-style: none;
    height: 44px;
    line-height: 44px;
    position: absolute;
    bottom: -44px;
    left: 0;
    padding-left: 20px;
    list-style-type: none;
    width: calc(100% - 120px);
}

.focusBox .txt li a {
    width: 100%;
    display: block;
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* .focusBox .txt li a:hover {
color: #fffcbc;
} */

.focusBox .num {
    position: absolute;
    z-index: 3;
    bottom: 18px;
    right: 20px;
}

.focusBox .num li {
    float: left;
    position: relative;
    width: 12px;
    height: 4px;
    /* background: rgba(255, 255, 255, 0.5); */
    /* line-height: 15px; */
    overflow: hidden;
    text-align: center;
    margin-right: 8px;
    cursor: pointer;
    list-style-type: none;
    border-radius: 2px;
}

.focusBox .num li a,
.focusBox .num li span {
    position: absolute;
    z-index: 2;
    display: block;
    width: 12px;
    height: 4px;
    background: rgba(255, 255, 255, 0.5);
    top: 0;
    left: 0;
    text-decoration: none;
}

.focusBox .num li.on {
    width: 16px;
}

.focusBox .num li.on a,
.focusBox .num a:hover {
    width: 16px;
    background: rgba(255, 255, 255, 1);
}

.focusBox .num li.on span,
.focusBox .num li span:hover {
    width: 16px;
    background: rgba(255, 255, 255, 1);
}

.pic1 {
    margin-top: 0px;
    *margin-top: 0px;
    *margin-left: 0px;
}

.yqfk_zxzx {
    width: calc(100% - 614px);
    height: 346px;
}

.yqfk_zxzx_tit p {
    width: 520px;
    height: 35px;
    float: left;
}

.yqfk_zxzx_tit a {
    float: right;
    background: url(yqfk_more.png) no-repeat left;
    width: 44px;
    height: 35px;
    color: #999999;
    font-size: 14px;
    padding-left: 15px;
    line-height: 35px;
}

.yqfk_zxzx_tit a:hover {
    background: url(yqfk_more_hover.png) no-repeat left;
    color: #013F9A;
    text-decoration: underline;
}

.zxzx_list {
    margin-top: 30px;
    width: 100%;
}

.zxzx_list li {
    height: 24px;
    width: 100%;
    font-size: 18px;
    padding-left: 20px;
    background: url(yqfk_dian.png)no-repeat left center;
    margin-top: 24px;
    font-weight: 400;
}

.zxzx_list li:first-child {
    margin-top: 0;
}

.zxzx_list li:hover {
    background: url(yqfk_dian_hover.png)no-repeat left center;
}

.zxzx_list li:hover a {
    color: #013F9A;
    text-decoration: underline;
}

.zxzx_list li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    color: #333;
}

.yqfk_s2 {
    margin-top: 50px;
}

.yqfk_fcfg>img {
    width: 100%;
    height: auto;
}

.fcfg_list {
    margin-top: 35px;
}

.fcfg_list li {
    float: left;
    width: calc((100% - 120px) / 6);
    margin-left: 24px;
    height: 192px;
    background-image: linear-gradient(180deg, #E3F1FD 0%, #FFFFFF 100%);
    border: 1px solid rgba(201, 223, 255, 1);
    cursor: pointer;
}

.fcfg_list li:hover {
    background-image: linear-gradient(180deg, #246BD6 0%, #73BBF7 100%);
}
.fcfg_list li:hover a{
    color: #FFFFFF;
}
.fcfg_list li i {
    width: 76px;
    height: 76px;
    margin: 0 auto;
    display: block;
    margin-bottom: 26px;
}
.fcfg_list li i img {
    width: 100%;
    height: 100%;
}

.fcfg_list li a {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    display: block;
    text-align: center;
    padding: 24px 17px;
}

.fcfg_list li:first-child {
    margin-left: 0;
}
.yqfk_fkfw{
    margin-top: 50px;
}
.yqfk_fkfw>img {
    width: 100%;
    height: auto;
}
.fkfw_list {
    margin-top: 10px;
}

.fkfw_list li {
    float: left;
    width: calc((100% - 72px) / 4);
    margin-left: 24px;
    height: 192px;
    background-image: linear-gradient(180deg, #E3F1FD 0%, #FFFFFF 100%);
    border: 1px solid rgba(201, 223, 255, 1);
    cursor: pointer;
    margin-top: 24px;
}

.fkfw_list li:hover {
    background-image: linear-gradient(180deg, #246BD6 0%, #73BBF7 100%);
}
.fkfw_list li:hover a{
    color: #FFFFFF;
}
.fkfw_list li i {
    width: 76px;
    height: 76px;
    margin: 0 auto;
    display: block;
    margin-bottom: 26px;
}

.fkfw_list li a {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    display: block;
    text-align: center;
    padding: 24px 18px;
}

.fkfw_list li:nth-child(4n + 1){
    margin-left: 0;
}
.yqfk_bmyqfk{
    margin-top: 50px;
}
.yqfk_bmyqfk>img {
    width: 100%;
    height: auto;
}
.bmyqfk_list{
    margin-top: 10px;
}
.bmyqfk_list li{
    margin-top: 24px;
    height: 62px;
    width: calc((100% - 80px) / 5);
    font-size: 16px;
    border-radius: 4px;
    background: #E2E8F6;
    text-align: center;
    line-height: 62px;
    padding: 0 10px;
    margin-left: 20px;
    float: left;
}
.bmyqfk_list li:nth-child(5n + 1){
    margin-left: 0;
}
.bmyqfk_list li a{
    color: #144794;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.bmyqfk_list li:hover{
    background: #4078BE;
}
.bmyqfk_list li:hover a{
    color: #FFFFFF;
}
.yqfk_gsyqfk{
    margin-top: 50px;
}
.yqfk_gsyqfk>img {
    width: 100%;
    height: auto;
}
.gsyqfk_list{
    margin-top: 10px;
}
.gsyqfk_list li{
    margin-top: 24px;
    height: 62px;
    width: calc((100% - 168px) / 8);
    font-size: 16px;
    border-radius: 4px;
    background: #E2E8F6;
    text-align: center;
    line-height: 62px;
    padding: 0 10px;
    margin-left: 24px;
    float: left;
}
.gsyqfk_list li:nth-child(8n + 1){
    margin-left: 0;
}
.gsyqfk_list li a{
    color: #144794;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.gsyqfk_list li:hover{
    background: #4078BE;
}
.gsyqfk_list li:hover a{
    color: #FFFFFF;
}


/* 自适应 */

@media screen and (max-width: 1200px) {
    .w1200{
        padding: 0 10px;
    }
    .yqfk_banner{
        height: auto;
    }
    .yqfk_banner img{
        height: auto;
    }
    .yqfk_lb{
        width: 48.6%;
    }
    .yqfk_zxzx{
        width: calc(100% - 48.6% - 30px);
    }
    .fcfg_list li a,.fkfw_list li a{
        padding: 24px 10px;
        font-size: 15px;
    }
    .fcfg_list li a, .fkfw_list li a{
        font-size: 15px;
    }
    .yqfk_zxzx_tit p{
        width: calc(100% - 80px);
        height: auto;
    }
    .yqfk_zxzx_tit p img{
        width: 100%;
    }
    .yqfk_zxzx_tit a{
        height: 24px;
        line-height: 24px;
    }
}

@media screen and (max-width: 1090px) {
    .fcfg_list li a,.fkfw_list li a{
        padding: 24px 2px;
    }
    .fcfg_list li a, .fkfw_list li a{
        font-size: 14px;
    }
}
@media screen and (max-width: 960px) {
    .yqfk_main{
        margin-top: 10px;
    }
    .yqfk_nav li{
        width: calc((100% - 80px) / 3);
        background-size: cover !important;
        margin-top: 20px;
    }
    .yqfk_lb{
        width: 100%;
        margin-bottom: 30px;
    }
    .yqfk_zxzx{
        width: 100%;
    }
    .yqfk_zxzx_tit p{
        height: 35px;
    }
    .yqfk_zxzx_tit p img{
        height: 100%;
        width: auto;
    }
    .fcfg_list{
        margin-top: 15px;
    }
    .fcfg_list li{
       width: calc((100% - 48px) / 3);
       margin-top: 20px;
    }
    .fcfg_list li:nth-child(3n + 1){
        margin-left: 0;
    }
    .fcfg_list li a{
        font-size: 16px;
    }
    .fkfw_list li{
        width: calc((100% - 24px) / 2);
    }
    .fkfw_list li a{
        font-size: 16px;
    }
    .fkfw_list li:nth-child(2n + 1){
        margin-left: 0;
    }
    .bmyqfk_list li{
        width: calc((100% - 40px) / 3);
    }
    .bmyqfk_list li:nth-child(5n + 1) {
        margin-left: 20px;
    }
    .bmyqfk_list li:nth-child(3n + 1){
        margin-left: 0;
    }
    .gsyqfk_list li{
        width: calc((100% - 72px) / 4);
    }
    .gsyqfk_list li:nth-child(8n + 1){
        margin-left: 24px;
    }
    .gsyqfk_list li:nth-child(4n + 1){
        margin-left: 0px;
    }

}
@media screen and (max-width: 769px) {
	.focusBox .pic1 img{
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
    .w1200{
        padding: 0 20px;
    }
    .yqfk_nav li{
        width: calc((100% - 40px) / 2);
    }
    .fcfg_list li{
        width: calc((100% - 24px) / 2);
    }
    .fcfg_list li:nth-child(3n + 1) {
        margin-left: 24px;
    }
    .fcfg_list li:nth-child(2n + 1) {
        margin-left: 0px;
    }
    .yqfk_zxzx_tit p{
        height: 20px;
    }
}
@media screen and (max-width: 480px) {
    .fcfg_list li {
        width: 100%;
        margin-left: 0;
    }
    .fcfg_list li:nth-child(3n + 1) {
        margin-left: 0px;
    }
    .fkfw_list li {
        width: 100%;
        margin-left: 0;
    }
    .bmyqfk_list li {
        width: calc((100% - 20px) / 2);
    }
    .bmyqfk_list li:nth-child(3n + 1) {
        margin-left: 20px;
    }
    .bmyqfk_list li:nth-child(2n + 1) {
        margin-left: 0px;
    }
    .gsyqfk_list li {
        width: calc((100% - 24px) / 2);
    }
    .gsyqfk_list li:nth-child(4n + 1) {
        margin-left: 24px;
    }
    .gsyqfk_list li:nth-child(2n + 1) {
        margin-left: 0px;
    }
    .yqfk_nav li {
        width: 100%;
        margin-left: 0;
    }
	.focusBox .pic1, .focusBox .pic1 li {
		width: 100% !important;
		height: 100% !important;
	}
	.yqfk_lb {
		height: 280px;
	}
}