﻿﻿        @charset "utf-8";
        /**************************** 整体风格，根据需要增删改模块 ****************************/
        /* 全局界面 */
        
        body {
            overflow-x: hidden;
            font-size: 16px;
            color: #333;
        }
        
        .inner,
        .nav ul,
        .links,
        .copyright {
            position: relative;
            width: 1200px;
            margin-left: auto;
            margin-right: auto;
        }
        .copyright{color: #000;}
        .header {
            position: relative;
            background: #2b67cb url(../images/head.jpg) 50% 0 no-repeat;
            color: #fff;
        }
        
        .ht {
            position: relative;
            height: 40px;
            line-height: 40px;
            margin-bottom: -40px;
        }
        
        .ht a {
            margin: 0 10px;
            color: #fff;
        }
        
        .ht i {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-right: 4px;
            font-size: 20px;
            vertical-align: -2px;
        }
        
        .header h1 {
            width: 50%;
            height: 170px;
            background: url(../images/logo.png) 0 50% no-repeat;
        }
        
        .header h1 a {
            display: block;
            height: 170px;
        }
        
        .nav {
            height: 80px;
            background-color: rgba(27, 95, 206, .6);
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7f1b5fce, endcolorstr=#7f1b5fce);
        }
        
        .nav li {
            position: relative;
            float: left;
            width: 20%;
        }
        
        .nav li a {
            display: block;
            line-height: 80px;
            text-align: center;
            font-size: 22px;
            color: #fff;
        }
        
        .nav li a:hover,
        .nav li.current a {
            background-color: rgba(0, 0, 0, .2);
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#4e000000, endcolorstr=#4e000000);
        }
        
        .nav li a i,
        .menu li a i {
            display: inline-block;
            width: 40px;
            height: 40px;
            margin-right: 10px;
            vertical-align: middle;
            background-image: url(../images/icons_04.png);
            background-image: url(../images/icons_04_ie8.png)\9;
            background-size: 240px auto;
            transition: all .3s;
        }
        
        .nav .s1,
        .menu .s1 {
            background-position: 0 0;
        }
        
        .nav .s2,
        .menu .s2 {
            background-position: -40px 0;
        }
        
        .nav .s3,
        .menu .s3 {
            background-position: -80px 0;
        }
        
        .nav .s4,
        .menu .s4 {
            background-position: -120px 0;
        }
        
        .nav .s5,
        .menu .s5 {
            background-position: -160px 0;
        }
        
        .footer {
            padding: 20px 0;
            line-height: 22px;
            font-size: 14px;
            background-color: #fff;
        }
        
        .footer.fixed {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
        }
        
        .links>ul>li {
            position: relative;
            margin-bottom: 20px;
            line-height: 40px;
            font-size: 16px;
        }
        
        .links>ul>li>a {
            display: block;
            border: 1px solid #ddd;
            margin: 0 0px;
            padding: 0 20px;
            background: #fff url(../images/links_arr.png) 96% 50% no-repeat;
        }
        
        .links li ul {
            display: none\9;
            z-index: -1;
            position: absolute;
            left: 10px;
            right: 10px;
            bottom: 40px;
            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;
        }
        
        .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;
        }
        
        .copyright p a,
        .copyright p span {
            margin: 0 10px;
        }
        
        .gov {
            position: absolute;
            top: 50%;
            right: 60px;
            width: 80px;
            height: 80px;
            margin-top: -40px;
        }
        
        .jc {
            position: absolute;
            top: 39%;
            right: -55px;
            width: 110px;
            height: 55px;
            margin-top: -27px;
        }
        
        .content {
            padding: 20px 0;
            background-image: linear-gradient(to bottom, #deeefd, #f1f1f1);
            background-color: #f1f1f1;
        }
        
        .t4 {
            margin: 0px;
            padding: 0px;
            line-height: 40px;
            margin-bottom: 10px;
        }
        
        .t4 b {
            color: #fff;
            font-size: 20px;
            display: inline-block;
            border-radius: 3px;
            padding: 0px 20px;
            background-color: #005aa8;
        }
        /* 搜索 */
        
        .search-btn {
            position: absolute;
            top: 15px;
            right: 10px;
            z-index: 99;
            display: none;
            width: 50px;
            height: 50px;
            background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cdefs%3E%3Cstyle/%3E%3C/defs%3E%3Cpath d='M146.286 475.429h14.628c0 168.228 138.972 307.2 307.2 307.2s307.2-138.972 307.2-307.2-138.971-307.2-307.2-307.2-307.2 138.971-307.2 307.2h-14.628zm804.571 402.285c21.943 21.943 21.943 58.515 0 80.457-21.943 21.943-58.514 21.943-80.457 0L724.114 811.886c-73.143 58.514-160.914 87.771-256 87.771-234.057 0-424.228-190.171-424.228-424.228S234.057 51.2 468.114 51.2s424.229 190.171 424.229 424.229c0 95.085-29.257 182.857-87.772 256l146.286 146.285z' fill='%23048'/%3E%3C/svg%3E") 50% 50% no-repeat;
            cursor: pointer;
        }
        
        .search-box {
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            z-index: 9;
            margin-top: -20px;
            line-height: 0;
            text-align: center;
            font-size: 0;
        }
        
        .search-box:before {
            display: none;
            content: '';
            position: absolute;
            top: 73px;
            right: 30px;
            border: 6px solid transparent;
            border-bottom: 6px solid #f8f8f8;
        }
        
        .search input,
        .search button,
        .search .go {
            display: inline-block;
        }
        
        .search input {
            width: 260px;
            height: 40px;
            line-height: 20px;
            font-size: 16px;
            padding: 10px 50px 10px 20px;
            border: none;
            background: #fff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
            outline: none;
            border-radius: 100px;
        }
        
        .search button {
            position: relative;
            width: 32px;
            height: 32px;
            border: none;
            margin-left: -36px;
            cursor: pointer;
            text-align: center;
            line-height: 32px;
            font-size: 20px;
            background: #ff9d08;
            color: #fff;
            vertical-align: middle;
            border-radius: 100px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
        }
        
        .search .go {
            width: 2.4em;
            height: 40px;
            line-height: 20px;
            font-size: 14px;
            margin-left: 20px;
            vertical-align: middle;
            color: #fff;
        }
        /* 高级菜单 */
        
        .mask {
            visibility: hidden;
            position: fixed;
            z-index: 596;
            right: 0;
            bottom: 0;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0);
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#d8000000, endcolorstr=#d8000000);
        }
        
        .mask.on {
            visibility: visible;
        }
        
        .mask:after {
            content: '';
            display: block;
            position: fixed;
            z-index: 597;
            right: 0;
            bottom: 0;
            width: 4px;
            height: 4px;
            background: rgba(0, 0, 0, 0.85);
            opacity: 0;
            border-radius: 50%;
            box-shadow: 0 0 0 0 rgba(0, 0, 0, .85);
            transition: all .3s ease-in;
        }
        
        .mask.on:after {
            opacity: 1;
            box-shadow: 0 0 0 3000px rgba(0, 0, 0, .85);
        }
        
        body.modal-open {
            position: fixed;
            width: 100%;
        }
        
        .menu {
            position: fixed;
            z-index: 598;
            top: 0;
            right: 20%;
            bottom: 0;
            width: 60%;
            margin-right: -200%\9;
            -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0);
            -webkit-transition: transform .3s;
            transition: transform .3s;
        }
        
        .menu.on {
            margin-right: 0\9;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        
        .menu img {
            display: block;
            width: 60%;
            max-width: 210px;
            margin: 60px auto;
        }
        
        .menu>ul>li {
            float: left;
            width: 46%;
            min-height: 240px;
            margin: 2%;
            padding: 20px;
            background-color: #06b;
            color: #fff;
            border-radius: 4px;
            animation-duration: .3s;
        }
        
        .menu>ul>li.home {
            display: none;
        }
        
        .menu li li {
            float: left;
            width: 50%;
        }
        
        .menu li ul {
            margin-top: 10px;
        }
        
        .menu>ul>li>a {
            display: block;
            line-height: 40px;
            font-weight: bold;
            font-size: 18px;
            color: #fff;
        }
        
        .menu li li a {
            position: relative;
            display: block;
            margin: 0 10px;
            padding: 0 15px 0 25px;
            line-height: 50px;
            font-size: 16px;
            color: #fff;
            border-radius: 4px;
            transition: opacity .3s;
        }
        
        .menu li ul:hover li:not(:hover) a {
            opacity: 0.5;
        }
        
        .menu li li a:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 2px 2px 0 0;
            border-color: #fff;
            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: -2px;
            left: 10px;
        }
        
        .menu>ul>li:nth-child(1) {
            animation-delay: .4s;
        }
        
        .menu>ul>li:nth-child(2) {
            animation-delay: .5s;
        }
        
        .menu>ul>li:nth-child(3) {
            animation-delay: .6s;
        }
        
        .menu>ul>li:nth-child(4) {
            animation-delay: .7s;
        }
        
        .menu>ul>li:nth-child(5) {
            animation-delay: .8s;
        }
        
        .menu-btn {
            display: block;
            position: fixed;
            bottom: 60px;
            right: 60px;
            z-index: 599;
            width: 88px;
            height: 88px;
            padding: 24px;
            line-height: 20px;
            text-align: center;
            cursor: pointer;
            background: url(../images/menu.png) center no-repeat;
            color: #fff;
        }
        
        .menu-btn>b {
            display: block;
            width: 40px;
            height: 40px;
            transition: transform .3s;
        }
        
        .menu-btn.on b {
            line-height: 0;
            font-size: 0;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA5LTE3VDE1OjMzOjM0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wOS0xN1QxNTozNDowNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wOS0xN1QxNTozNDowNCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDY1NzE0My1hZGIwLTBmNDctOTI3OC1mNzA3MTE3NmZjZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzA2NTcxNDMtYWRiMC0wZjQ3LTkyNzgtZjcwNzExNzZmY2U3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzA2NTcxNDMtYWRiMC0wZjQ3LTkyNzgtZjcwNzExNzZmY2U3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MDY1NzE0My1hZGIwLTBmNDctOTI3OC1mNzA3MTE3NmZjZTciIHN0RXZ0OndoZW49IjIwMTktMDktMTdUMTU6MzM6MzQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5/rxV8AAABA0lEQVRIibWUsW3DMBBFv7SCiiDxMCo1RJLGExiwVtE0LlS7DBAD8QL2AE7/UuSYEIIkXkjngIMI8u49ENKpAvSfUdvzVdJBUnsHZmusZ0kSIOCd7/gAGtvLycYYAG/Aj2DHb5wzJY31htjFAgH7AskUvg9n08IcySJ8TvBXySp8SeCVJOFrgpTEBU8J5iS1pQvuEUwlR0sX3CsQsAVuEfhme8neCtz/ooukR1tfJT15mup0iRpJpwguW5/sbD0SV5x+LS+W8YtfHcbcCXUPY/aEeiW5cLekBO6SlMKTklCwKYAvSTaxYCyEz0nGWDAAn0BfAA/ZG2uIBQ9Adwd4yM6Y+gIsJSD6TQ2Y9QAAAABJRU5ErkJggg==) center no-repeat;
            transform: rotateZ(180deg);
        }
        
        .menu-btn>span {
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            width: 22px;
            height: 2px;
            margin: 0 auto;
            background: #fff;
            border-radius: 2px;
            transition: .25s;
        }
        
        .menu-btn>span:nth-child(1) {
            top: 36px;
        }
        
        .menu-btn>span:nth-child(2) {
            top: 42px;
        }
        
        .menu-btn>span:nth-child(3) {
            top: 48px;
        }
        
        .menu-btn.on span,
        .hd+.menu-btn>span {
            background: #fff;
        }
        
        .menu-btn.on span:nth-child(1) {
            top: 42px;
            transform: rotate(45deg);
        }
        
        .menu-btn.on span:nth-child(2) {
            opacity: 0;
            transform: rotate(90deg);
        }
        
        .menu-btn.on span:nth-child(3) {
            top: 42px;
            transform: rotate(135deg);
        }
        
        @media (max-width: 1200px) {
            .menu-btn {
                position: absolute;
                bottom: auto;
                top: 40px;
                right: 0;
                background: none;
            }
            .menu {
                width: 90%;
                right: 5%;
            }
            .menu img {
                margin: 60px 0;
            }
            .modal-open .header h1 {
                background: none;
            }
            .menu>ul>li.home {
                display: block;
                width: 96%;
                text-align: center;
            }
            .menu>ul>li {
                min-height: inherit;
                padding: 10px;
            }
            .menu li ul {
                display: none;
            }
            .menu-btn>b {
                display: none;
            }
            .menu-btn>span {
                display: block;
            }
        }
        /* 公用部分 */
        
        .grid {
            width: 1200px;
            margin: 0 auto;
            padding: 20px;
            background-color: #fff;
            animation-duration: .3s;
        }
        
        .grid .row {
            margin-right: -10px;
            margin-left: -10px;
        }
        
        .grid .row .col,
        .grid .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;
        }
        
        h3.tab {
            height: 60px;
            margin-bottom: 10px;
            line-height: 60px;
            border-bottom: 1px solid #ddd;
        }
        
        .tab a {
            position: relative;
            display: inline-block;
            margin-right: 34px;
            font-weight: bold;
            font-size: 20px;
            text-align: center;
        }
        
        .tab .current {
            color: #005aa8;
        }
        
        h3.tab a:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 4px;
            transform: scale(0, 1);
            transition: transform .3s;
        }
        
        h3.tab a.current:after {
            background-color: #005aa8;
            transform: scale(1, 1);
        }
        
        h4.tab {
            height: 50px;
            line-height: 48px;
            border-bottom: 2px solid #005aa8;
        }
        
        h4.tab a.current:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-bottom: 6px solid #005aa8;
            margin-left: -6px;
        }
        
        .info-list {
            /*overflow: hidden;*/
        }
        
        .info-list ul {
            padding: 0 10px;
        }
        
        .info-list li {
            border-bottom: 1px solid #ddd;
            padding: 10px 0;
            line-height: 22px;
            font-size: 14px;
        }
        
        .info-list li div {
            white-space: nowrap;
            /*overflow: hidden;*/
            text-overflow: ellipsis;
        }
        
        .info-list li:hover {
            border-bottom: 1px solid #ace;
            background-color: #eef5ff;
        }
        
        .info-list li:first-child {
            border-bottom: none;
            font-weight: bold;
            background-color: #f8f8f8;
            color: #048;
        }
        
        @media (max-width: 480px) {
            .info-list li:first-child {
                display: none;
            }
        }
        
        @media (max-width: 320px) {
            .info-list li {
                font-size: 12px;
            }
        }
        
        @media (min-width: 480px) {
            .info-list {
                text-align: center;
            }
        }
        /* 首页 开始 */
        /* part1 */
        
        .headline {
            padding: 20px;
            text-align: center;
            background: url(../images/headline.png) 0 50% no-repeat;
            background-color: #f9fcfe;
        }
        
        .headline h4 {
            line-height: 42px;
            font-weight: bold;
            font-size: 34px;
            color: #005aa8;
        }
        
        .focus {
            position: relative;
            overflow: hidden;
            height: 450px;
        }
        
        .focus .pic,
        .focus .pic>div {
            position: relative;
            height: 450px;
        }
        
        .focus .pic img {
            display: block;
            width: 100%;
        }
        
        .focus .pic>div span {
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            padding-top: 10px;
            line-height: 90px;
            text-align: center;
            font-weight: bold;
            font-size: 22px;
            background-color: #005aa8;
            color: #fff;
        }
        
        .focus .focus-prev,
        .focus .focus-next {
            position: absolute;
            top: 40%;
            z-index: 9;
            display: block;
            width: 60px;
            height: 60px;
            margin-top: -30px;
            line-height: 60px;
            text-align: center;
            font-size: 24px;
            cursor: pointer;
            background-color: rgba(0, 0, 0, .5);
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
            color: #fff;
            opacity: 0;
            transition: all .3s;
        }
        
        .focus .focus-prev {
            transform: translate(-50px, 0);
            left: 0;
        }
        
        .focus .focus-next {
            transform: translate(50px, 0);
            right: 0;
        }
        
        .focus:hover .focus-prev,
        .focus:hover .focus-next {
            opacity: 1;
            transform: translate(0, 0);
        }
        
        .focus .navi {
            position: absolute;
            left: 0;
            bottom: 90px;
            width: 100%;
            line-height: 0;
            font-size: 0;
        }
        
        .focus .navi li,
        .focus .swiper-pagination-bullet {
            width: 20%;
            height: 10px;
            display: inline-block;
            border: 1px solid #005aa8;
            margin: 0 !important;
            border-radius: 0;
            background: #4d8cc2;
            opacity: 1;
        }
        
        .focus .navi .on,
        .focus .swiper-pagination-bullet-active {
            background-color: #ff9402;
        }
        
        .gxs-tpxwpa {
            position: absolute;
            max-width: 100%;
            bottom: 120px;
            left: 20px;
            z-index: 5;
        }
        
        .news h4 {
            margin: 15px;
            line-height: 28px;
            font-size: 20px;
        }
        
        .news p {
            border-bottom: 1px dotted #ddd;
            padding: 0 15px 20px;
            line-height: 22px;
            font-size: 14px;
            color: #666;
        }
        
        .news .list-t li {
            line-height: 32px;
        }
        /* part2 */
        
        .nav .list-a {
            display: none;
            position: absolute;
            left: -150px;
            z-index: 9;
        }
        
        .nav>ul li:nth-child(2):hover .list-a {
            display: block;
        }
        
        .list-a li i {
            display: block;
            width: 40px;
            height: 40px;
            margin-left: auto;
            margin-right: auto;
            vertical-align: middle;
            background-image: url(../images/icons_04.png);
            background-image: url(../images/icons_04_ie8.png)\9;
            background-size: 240px auto;
            transition: all .3s;
        }
        
        .a1,
        .a2 {
            margin-left: -5px;
            margin-right: -5px;
        }
        
        .a1 li {
            width: 33.33%;
        }
        
        .a1 li a {
            margin: 5px;
            padding: 20px 0;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        }
        
        .nav .a1 li i {
            width: 48px;
            height: 48px;
            margin-bottom: 10px;
            margin-right: 5px;
            border: 4px solid #2792ff;
            background-color: #2792ff;
            border-radius: 100px;
        }
        
        .a1 li a:hover i {
            box-shadow: 0 0 0 6px rgba(0, 0, 0, .05);
        }
        
        .nav .a1 .s1 {
            background-position: 0 -40px;
            background-color: #fa9120;
            border-color: #fa9120;
        }
        
        .a1 b {
            font-weight: 400;
        }
        
        .a1 .s2 {
            background-position: -40px -40px;
        }
        
        .nav .a1 .s3 {
            background-position: -80px -40px;
            background-color: #3ecdb5;
            border-color: #3ecdb5;
        }
        
        .a1 .s4 {
            background-position: -120px -40px;
        }
        
        .a1 .s5 {
            background-position: -160px -40px;
            background-color: #fa9120;
            border-color: #fa9120;
        }
        
        .a1 .s6 {
            background-position: -200px -40px;
        }
        
        .a2 li {
            width: 50%;
        }
        
        .a2 li a {
            margin: 5px;
            line-height: 90px;
            font-weight: bold;
            font-size: 20px;
            background-color: #e9f4ff;
            color: #048;
            border-radius: 4px;
        }
        
        .a2 li a:hover {
            background-image: url(../images/bg.jpg);
            background-position: -40px 0;
            color: #fff;
        }
        
        .a3 li {
            margin-bottom: 10px;
        }
        
        .a3 li a {
            padding-left: 60px;
            line-height: 90px;
            font-weight: bold;
            font-size: 20px;
            text-align: left;
            background-image: url(../images/bg.jpg);
            background-size: 125% auto;
            color: #fff;
            transition: padding .3s;
        }
        
        .a3 li a:hover {
            padding-left: 66px;
        }
        
        .a3 .s1 {
            background-position: 0 25%;
        }
        
        .a3 .s2 {
            background-position: 0 50%;
        }
        
        .a3 .s3 {
            background-position: 0 75%;
        }
        
        .p2 .list-t li b {
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            width: 80px;
            height: 24px;
            margin-top: -12px;
            line-height: 24px;
            text-align: center;
            background-color: #fa9120;
            color: #fff;
            border-radius: 4px;
        }
        
        .p2 .list-t li b:after {
            content: '';
            position: absolute;
            right: -8px;
            top: 50%;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-left: 4px solid #fa9120;
            margin-top: -4px;
        }
        
        .p2 .list-t li b+a {
            margin-left: 80px;
            font-size: 18px;
        }
        
        .p2 .list-b li,
        .p5 .list-b li {
            padding: 10px 10px 10px 20px;
        }
        
        .p2 .list-b li:before,
        .p5 .list-b li:before {
            content: "";
            position: absolute;
            top: 20px;
            left: 0;
            width: 4px;
            height: 4px;
            background-color: #ddd;
            border-radius: 100px;
        }
        /* part3 */
        
        .t3 {
            border-bottom: none;
        }
        
        .t3 b {
            border-color: #005aa8;
            font-size: 20px;
        }
        
        .p3 .list-b {
            margin-left: -10px;
            margin-right: -10px;
        }
        
        .p3 .list-b li {
            width: 50%;
            border: 10px solid #fff;
            background-color: #f4f4f6;
        }
        
        .p3 .list-b li .state {
            position: absolute;
            right: 0;
            bottom: 20px;
            display: block;
            padding: 0 10px 0 20px;
            line-height: 30px;
            background-color: #95bff0;
            color: #fff;
            border-radius: 15px 0 0 15px;
        }
        
        .p3 .list-b li .state.on {
            background-color: #fbba64;
        }
        
        .stat {
            padding: 10px 0;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        }
        
        #stat1 {
            height: 240px;
        }
        
        .video .v {
            position: relative;
            max-height: 220px;
            overflow: hidden;
        }
        
        .video .v b {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 48px;
            height: 48px;
            padding: 4px;
            line-height: 20px;
            text-align: center;
            border-radius: 4px;
            background-color: rgba(255, 148, 2, .8);
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#8dff9402, endcolorstr=#8dff9402);
            color: #fff;
        }
        
        .video .v img {
            display: block;
            width: 100%;
        }
        
        .video .v strong {
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background: rgba(0, 0, 0, .5);
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
            color: #fff;
        }
        
        .video h4 {
            position: relative;
            padding: 10px 10px 10px 70px;
            line-height: 24px;
            font-size: 16px;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        }
        
        .video h4 b {
            position: absolute;
            top: 50%;
            left: 0;
            display: block;
            margin-top: -15px;
            padding: 0 15px;
            line-height: 30px;
            text-align: center;
            background-color: #fbba64;
            color: #fff;
            border-radius: 0 15px 15px 0;
        }
        
        .video h4 span {
            margin-left: 10px;
            color: #999;
        }
        
        .on-air {
            position: relative;
            height: 200px;
            padding: 0 20px;
        }
        
        .on-air .scroll,
        .on-air li a {
            display: block;
            margin: 0 auto\9;
            width: 330px\9;
        }
        
        .on-air img {
            display: block;
            width: 100%;
        }
        
        .on-air-prev,
        .on-air-next {
            position: absolute;
            top: 50%;
            z-index: 9;
            display: block;
            width: 40px;
            height: 40px;
            margin-top: -20px;
            line-height: 40px;
            text-align: center;
            font-size: 18px;
            cursor: pointer;
            background-color: rgba(240, 240, 240, .5);
            background-color: #eee;
            color: #005aa8;
            transition: all .3s;
        }
        
        .on-air-prev {
            left: 0;
        }
        
        .on-air-next {
            right: 0;
        }
        /* part4 */
        
        .service-box {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        }
        
        .service-box img {
            display: block;
            width: 100%;
        }
        
        .a4 {
            margin-left: -8px;
            margin-right: -8px;
        }
        
        .a4 li {
            width: 20%;
        }
        
        .a4 li a {
            position: relative;
            border: 2px solid #fff;
            margin: 0 8px;
            padding: 15px 0;
            line-height: 30px;
            font-size: 18px;
            background-color: #fff;
            border-radius: 0 0 100px 100px;
            box-shadow: 0 0 10px rgba(0, 0, 0, .1);
            transition: all .3s;
        }
        
        .a4 li a:hover {
            margin: -12px 8px 0;
            border-color: #f99122;
        }
        
        .a4 li i {
            width: 60px;
            height: 60px;
            margin-top: 10px;
            border: 10px solid #bedeff;
            background-color: #bedeff;
            border-radius: 100px;
        }
        
        .a4 li a:hover i {
            border-color: #f99122;
            background-color: #f99122;
        }
        
        .a4 .s1 {
            background-position: 0 -80px;
        }
        
        .a4 .s2 {
            background-position: -40px -80px;
        }
        
        .a4 .s3 {
            background-position: -80px -80px;
        }
        
        .a4 .s4 {
            background-position: -120px -80px;
        }
        
        .a4 .s5 {
            background-position: -160px -80px;
        }
        
        .a5 {
            margin: 0 -8px;
            padding: 10px 0;
        }
        
        .a5 li {
            width: 25%;
        }
        
        .a5 li a {
            margin: 8px;
            height: 90px;
            padding: 25px 0;
            line-height: 40px;
            font-weight: bold;
            font-size: 18px;
            background-color: #e9f4ff;
            background-position: 0 100%;
            color: #048;
            border-radius: 4px;
        }
        
        .a5 li a:hover {
            background-image: url(../images/bg.jpg);
            background-position: 50% 100%;
            color: #fff;
        }
        
        .a5 .more {
            font-size: 16px;
            background: #bce3ff;
            color: #fff;
            border-radius: 100px;
        }
        
        .a6 {
            padding: 5px 15px;
            background-color: #e9f4ff;
        }
        
        .a6 li a {
            padding: 10px 0;
            line-height: 30px;
            text-align: left;
        }
        
        .a6 li i {
            display: inline-block;
            width: 30px;
            height: 30px;
            margin-right: 10px;
            vertical-align: middle;
            border-radius: 100px;
            background-color: #f99122;
        }
        
        .a6 li a:hover i {
            background-color: #005aa8;
        }
        
        .a6 .s1 {
            background-position: -5px -125px;
        }
        
        .a6 .s2 {
            background-position: -45px -125px;
        }
        
        .a6 .s3 {
            background-position: -85px -125px;
        }
        
        .a6 .s4 {
            background-position: -125px -125px;
        }
        
        .a6 .s5 {
            background-position: -165px -125px;
        }
        /* part5 */
        
        .topic {
            /* padding: 20px 0;
    background-color: #fff;
    border-radius: 8px; */
            /* box-shadow: 0 10px 10px rgba(47, 132, 247, .1); */
        }
        
        .topic .scroll {
            margin: 0 auto;
            border-radius: 8px;
        }
        /* .topic .scroll li a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 320px;
    height: 180px;
    border-radius: 8px;
} */
        /* .topic .scroll li a img {
    display: block;
    width: 100%;
} */
        
        .topic .scroll li strong {
            display: block;
            line-height: 40px;
            text-align: center;
            font-size: 22px;
        }
        
        .topic .navi {
            position: absolute;
            left: 0;
            bottom: -30px;
            width: 100%;
            line-height: 0;
            font-size: 0;
            text-align: center;
        }
        
        .topic .navi li,
        .topic .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            display: inline-block;
            margin: 0 4px;
            background: #ececec;
            opacity: 1;
            border-radius: 100px;
            transition: all .3s;
        }
        
        .topic .navi .on,
        .topic .swiper-pagination-bullet-active {
            width: 40px;
            background-color: #ff9c27;
        }
        
        .a7 li {
            margin-bottom: 20px;
        }
        
        .a7 li a {
            position: relative;
            height: 90px;
            border-left: 4px solid #005aa8;
            padding: 15px 20px 15px 60px;
            background-color: #f8f8f8;
            border-radius: 4px;
        }
        
        .a7 li a:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background: #f0f3f8;
            z-index: 0;
            transition: all 0.3s;
        }
        
        .a7 li a:hover:before {
            width: 100%;
        }
        
        .a7 li a i {
            position: relative;
            z-index: 2;
            float: left;
            margin: 10px 20px 10px -40px;
            background-position: 0 -160px;
        }
        
        .a7 li a strong {
            position: relative;
            z-index: 2;
            display: table-cell;
            width: 100%;
            height: 60px;
            line-height: 30px;
            font-size: 18px;
            text-align: left;
            vertical-align: middle;
        }
        
        .p5 .a2 li {
            width: 25%;
        }
        
        .t5 {
            height: 40px;
            line-height: 40px;
            text-align: center;
            background: url(../images/t5.png) center no-repeat;
        }
        
        .t5 b {
            font-size: 20px;
            color: #005aa8;
        }
        /* 侧边漂浮条 */
        
        .side-bar {
            position: fixed;
            top: 35%;
            right: 40px;
            padding: 20px 10px;
            background: url(../images/bg.jpg) 100% 70% no-repeat;
            border-radius: 4px;
        }
        
        .side-bar li.ai {
            margin-top: -58px;
        }
        
        .side-bar li a {
            position: relative;
            display: block;
            width: 60px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-size: 20px;
            color: #fff;
            border-radius: 2px;
            transition: all .3s;
        }
        
        .side-bar li+li a {
            border-top: 1px solid rgba(255, 255, 255, .2);
        }
        
        .side-bar li a i {
            font-size: 32px;
        }
        
        .side-bar li.ai a i {
            color: #ff9402;
        }
        
        .side-bar li a:hover {
            background-color: rgba(255, 255, 255, .9);
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff, endcolorstr=#7fffffff);
            color: #005aa8;
        }
        
        .side-bar li.wb a:hover i {
            color: #fa7d3c;
        }
        
        .side-bar li.wx a:hover i {
            color: #00c800;
        }
        
        .side-bar li img,
        .side-bar li span {
            position: absolute;
            bottom: 0;
            right: 80px;
            display: none\9;
            width: 120px;
            opacity: 0;
            transform: translate(30px, 0);
            transition: all .3s;
        }
        
        .side-bar li a:hover img,
        .side-bar li a:hover span {
            display: block;
            opacity: 1;
            transform: translate(0, 0);
        }
        
        .side-bar li span {
            width: auto;
            padding: 15px;
            line-height: 22px;
            font-size: 14px;
            white-space: nowrap;
            word-break: keep-all;
            background-color: #a1badb;
            color: #fff;
            border-radius: 4px;
        }
        
        .side-bar li span:after {
            content: '';
            position: absolute;
            right: -12px;
            top: 50%;
            margin-top: -6px;
            border: 6px solid transparent;
            border-top: 6px solid #a1badb;
            border-left: 6px solid #a1badb;
        }
        /* 首页 结束 */
        /* 列表页 开始 */
        
        .side-menu {
            padding: 20px;
            box-shadow: 1px 0 10px rgba(4, 111, 199, .16);
        }
        
        .side-menu h2 {
            color: #fff;
            background: url(../images/side_menu.jpg) center no-repeat;
        }
        
        .main .list-b li {
            position: relative;
            padding: 25px;
            line-height: 24px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(4, 111, 199, .2);
        }
        
        .main .list-b li+li {
            margin-top: 20px;
        }
        
        .main .list-b li>a {
            display: block;
        }
        
        .main .list-b li>a:after {
            content: "\20";
            display: block;
            height: 0;
            clear: both;
        }
        
        .main .list-b li h4 {
            position: relative;
            overflow: hidden;
            max-height: 60px;
            line-height: 30px;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
            font-weight: normal;
        }
        
        .main .list-b li p {
            line-height: 24px;
            color: #797979;
        }
        
        .main .list-b li p.date {
            display: block;
            color: #666;
            font-size: 26px;
            margin-right: 30px;
            line-height: 40px;
            z-index: 999;
        }
        
        .main .list-b li h4,
        .list-b li p.info {
            width: 60%
        }
        
        .main .list-b li p span.rq {
            position: relative;
            color: #333;
            font-size: 12px;
        }
        
        .main .list-b li p span.rq:before {
            content: '';
            display: block;
            position: absolute;
            top: -10px;
            bottom: 0;
            left: 0;
            width: 10px;
            height: 2px;
            background-color: #046ec7;
        }
        
        .side-menu li a:before {
            background-color: #1D86FB;
        }
        
        .zt .list-p li {
            width: 100%;
            overflow: hidden;
        }
        
        .zt .list-p li a img {
            width: 100%;
        }
        /* 列表页 结束 */
        /* 领导页 开始 */
        
        .leader-menu li a {
            display: block;
            border-bottom: 1px solid #ddd;
            padding-left: 20px;
            line-height: 60px;
        }
        
        .leader .list-p li a {
            padding: 20px 0;
            text-align: center;
        }
        
        .leader .list-p .pic,
        .leader .pic {
            position: relative;
            overflow: hidden;
            display: block;
            width: 150px;
            height: 210px;
            margin: 0 auto 20px;
            background-color: #eee;
        }
        
        .leader h4 {
            font-size: 18px;
            line-height: 40px;
        }
        
        .leader .list-p .pic img {
            width: 100%;
        }
        
        .leader .list-p .pic+h4 {
            font-size: 18px;
            max-height: 70px;
        }
        
        .resume p {
            margin: 1em 0px;
            text-indent: 2em;
            line-height: 32px;
        }
        /* 领导页 结束 */
        /* 信息公开列表页 开始 */
        
        .side_info {
            padding-bottom: 100px;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, .05);
        }
        
        .side_info .a1 {
            margin-top: -40px;
        }
        
        .side_info .a1 li {
            width: 28%;
            margin-left: 10px;
        }
        
        .side_info .a1 li a {
            padding: 10px;
            text-align: center;
            line-height: 26px;
            margin: 0px;
        }
        
        .a1 li a:hover,
        .a1 li a.current {
            background-color: #2d8fff;
            color: #fff;
        }
        
        ul.info-tree {
            padding: 15px 0;
        }
        
        ul.info-tree>li ul {
            display: none;
            margin: 10px 0 0 10px;
        }
        
        ul.info-tree>li {
            position: relative;
            border-bottom: 1px solid #ddd;
            padding: 10px;
            font-size: 18px;
            line-height: 40px;
        }
        
        ul.info-tree li a {
            display: block;
            padding-left: 50px;
        }
        
        ul.info-tree li.level-1 a,
        ul.info-tree li.level-2 a {
            display: inline-block;
        }
        
        ul.info-tree li li a:hover {
            text-decoration: underline;
        }
        
        ul.info-tree li li {
            position: relative;
            padding: 5px 0;
            line-height: 36px;
            font-size: 14px;
        }
        
        ul.info-tree>li>i {
            position: absolute;
            top: 10px;
            left: 15px;
            display: block;
            width: 40px;
            height: 40px;
            cursor: pointer;
        }
        
        ul.info-tree>li>i:after {
            box-sizing: border-box;
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            width: 40px;
            height: 40px;
            background-image: url(../images/icons_04.png);
            background-image: url(../images/icons_04_ie8.png)\9;
            background-size: 240px auto;
            background-position: 0px -200px;
            transition: transform .3s;
        }
        
        ul.info-tree>li:hover>i:after,
        ul.info-tree>li.level-1>i:after,
        ul.info-tree>li.current>i:after {}
        
        ul.info-tree>li.level-1>i:after {
            background-image: url(../images/icons_04.png);
            background-image: url(../images/icons_04_ie8.png)\9;
            background-size: 240px auto;
            background-position: -40px -200px;
            transition: transform .3s;
        }
        
        ul.info-tree>li.current>i:after {
            background-image: url(../images/icons_04.png);
            background-image: url(../images/icons_04_ie8.png)\9;
            background-size: 240px auto;
            background-position: -80px -200px;
            transition: transform .3s;
        }
        
        ul.info-tree li.level-1.current a {
            color: #fff;
            display: block;
            height: 50px;
            padding-left: 70px;
            line-height: 50px;
            margin: 0px -10px 0px -10px;
            border-radius: 8px;
            background: #1e5fd8;
            background: -webkit-linear-gradient(60deg, #1e5fd8, #7aaeff);
            background: linear-gradient(60deg, #1e5fd8, #7aaeff);
        }
        
        ul.info-tree li.level-1.current ul li a {
            color: #333;
            padding-left: 70px;
            background: #fff;
        }
        
        ul.info-tree li li a:after {
            box-sizing: border-box;
            content: '';
            position: absolute;
            top: 45%;
            left: 40px;
            width: 7px;
            height: 7px;
            background: #acacac;
        }
        
        ul.info-tree li li a:hover:after {
            background: #1e5fd8;
        }
        
        ul.info-tree .current>ul {
            display: block;
        }
        
        ul.info-tree li.level-2>i {
            position: absolute;
            top: 5px;
            right: -7px;
            display: block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            color: #aaa;
            cursor: pointer;
        }
        
        ul.info-tree li.level-2>i:after {
            content: '+';
            font-style: normal;
        }
        
        ul.info-tree li.level-2.current>i:after {
            content: '\2013';
            font-style: normal;
        }
        
        ul.info-tree li a:focus {
            color: #1e5fd8;
            font-weight: bold;
        }
        
        .info-query {
            padding: 15px;
            border-radius: 3px;
            border-top: 4px solid #2d8fff;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, .05);
        }
        
        .info-query .form-control {
            padding: 6px 8px;
        }
        
        .info-list {
            padding: 0 15px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 6px 12px rgba(0, 0, 0, .06);
        }
        
        .info-list li {
            position: relative;
            z-index: 2;
            border-bottom: 1px solid #ddd;
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 24px;
            font-size: 16px;
            transition: box-shadow .5s;
        }
        
        .info-list li>div:nth-child(1),
        .info-list li>div:nth-child(3) {
            text-align: center;
        }
        
        .info-list li:hover {
            margin-left: -25px;
            margin-right: -25px;
            padding-left: 10px;
            padding-right: 10px;
            background: #fff url(../images/info_list_c.png) 8px 50%/12px auto no-repeat;
            border-radius: 5px;
            box-shadow: 0 0 12px rgba(0, 0, 0, .1);
        }
        
        .info-list li:first-child {
            height: 60px;
            line-height: 40px;
            font-size: 18px;
            color: #5a628b;
            background-color: #f5f5f5;
        }
        
        .info-list li p {
            display: block;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .info-extra {
            display: none;
            position: absolute;
            left: 10px;
            bottom: 32px;
            width: 90%;
            border: 1px solid #ddd;
            padding: 0 15px;
            background-color: #fff;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
            border-radius: 5px;
            animation-duration: .3s;
        }
        
        .info-extra:before,
        .info-extra:after {
            content: '';
            position: absolute;
            bottom: -14px;
            left: 20px;
            width: 0;
            height: 0;
            border: 7px solid transparent;
            border-top: 7px solid #ddd;
        }
        
        .info-extra:after {
            bottom: -13px;
            border-top: 7px solid #fff;
        }
        
        .info-list li:hover .info-extra {
            display: block;
        }
        
        .info-extra .row {
            padding: 5px;
            line-height: 22px;
            font-size: 14px;
        }
        
        .info-extra .row+.row {
            border-top: 1px solid #ddd;
        }
        
        .info-extra .info-th {
            background-color: #f2f2f2;
            color: #999;
            text-align: center;
        }
        
        .info-date .input-group {
            width: 105px;
        }
        
        label {
            font-weight: normal;
        }
        
        .info-list .row {
            margin-right: -15px;
            margin-left: -15px;
        }
        
        .side_info h2 {
            color: #fff;
            line-height: 80px;
            font-size: 30px;
            margin-top: -20px;
            margin-bottom: 0px;
            margin-left: -20px;
            margin-right: -20px;
            padding-bottom: 0px;
            font-weight: normal;
            background: #1e5fd8;
            background: -webkit-linear-gradient(60deg, #1e5fd8, #7aaeff);
            background: linear-gradient(60deg, #1e5fd8, #7aaeff);
        }
        
        .table-bordered {
            margin-bottom: 0px;
        }
        
        .table-bordered>tbody>tr>th {
            background-color: #f9f9f9;
            text-align: center;
            color: #048;
        }
        /* 信息公开列表页 结束 */
        /* 功能页面 开始 */
        
        .md-blue {
            background-color: #005aa8;
        }
        
        .md-orange {
            background-color: #ff9d08;
        }
        
        .t3 b {
            font-weight: normal;
            font-size: 20px;
            color: #333;
            font-weight: bold;
            border-left: 8px solid #2d8fff;
        }
        
        .join,
        .view {
            display: inline-block;
            padding: 0 15px;
            border-radius: 100px;
            line-height: 30px;
        }
        
        .interview {
            line-height: 28px;
            font-size: 16px;
        }
        
        .interview-video {
            background-image: linear-gradient(to bottom, #e9e9e9, #fff);
        }
        
        .interview-video video {
            width: 100%;
        }
        
        .interview-pic .prev,
        .interview-pic .next {
            display: none;
            position: absolute;
            top: 50%;
            z-index: 3;
            width: 40px;
            height: 40px;
            margin-top: -20px;
            line-height: 40px;
            text-align: center;
            font-size: 16px;
            background: rgba(0, 0, 0, 0.5);
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
            color: #fff;
            animation-duration: .3s;
        }
        
        .interview-pic:hover .prev,
        .interview-pic:hover .next {
            display: block;
        }
        
        .interview-pic .prev:hover,
        .interview-pic .next:hover {
            background: #37e;
            filter: none;
            color: #fff;
        }
        
        .interview-pic .prev {
            left: 0;
        }
        
        .interview-pic .next {
            right: 0;
        }
        
        .interview-info img {
            width: 60%;
            margin: 10px 0;
            box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
        }
        
        .interview-info h3 {
            line-height: 40px;
            font-size: 18px;
            color: #005aa8;
        }
        
        .interview-info h3 i {
            margin-right: 10px;
            color: #ccc;
            vertical-align: -1px;
        }
        
        .interview-info p {
            font-size: 16px;
            line-height: 32px;
        }
        
        .interview-text {
            max-height: 800px;
            overflow: hidden;
        }
        
        .interview-text:hover {
            overflow-x: hidden;
            overflow-y: auto;
        }
        
        .interview-text p {
            position: relative;
            border-bottom: 1px solid #ddd;
            padding: 15px;
        }
        
        .interview-text p.q {
            cursor: pointer;
        }
        
        .interview-text p.q,
        .interview-text p.a {
            padding: 15px 15px 15px 55px;
        }
        
        .interview-text p.q:before,
        .interview-text p.a:before {
            position: absolute;
            top: 15px;
            left: 15px;
            font-size: 18px;
        }
        
        .interview-text p.q:before {
            content: 'Q';
            color: #048;
        }
        
        .interview-text p.a:before {
            content: 'A';
            color: #ccc;
        }
        
        .interview-text p.current {
            background-color: #f8f8f8;
        }
        
        .lnterview .list-b li .pic {
            float: left;
            position: relative;
            width: 240px;
            height: 150px;
            margin-right: 20px;
            overflow: hidden;
        }
        
        .lnterview .list li:hover .pic img {
            transform: scale(1.1);
        }
        
        .lnterview .list .pic img {
            display: block;
            width: 100%;
            min-height: 100%;
            transition: all 0.3s;
        }
        /* 功能页面 结束 */
        /* 分页  开始*/
        
        .pages .current {
            background-color: #1e5fd8;
        }
        /* 分页  结束*/
        /* 网站地图  开始*/
        
        .site-map h2 {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1;
        }
        
        .site-map ul {
            padding: 15px;
        }
        
        .site-map .row {
            margin-right: -15px;
            margin-left: -15px;
        }
        
        .site-map .row>.col,
        .site-map .row>[class*="col-"] {
            padding-right: 15px;
            padding-left: 15px;
        }
        
        .site-map li {
            position: relative;
            border: 1px solid #bde;
            margin-bottom: -1px;
            transition: all .3s;
        }
        
        .site-map li h3,
        .site-map li p {
            position: relative;
            padding: 15px;
            line-height: 24px;
        }
        
        .site-map li h3 a {
            position: relative;
            display: block;
            margin: -15px;
            padding: 15px;
            font-weight: normal;
            background-color: #f3f9ff;
            color: #2d8fff;
            transition: all .3s;
        }
        
        .site-map li:hover h3 a {
            background-color: #eaf4fe;
        }
        
        .site-map li h3 a:after {
            content: '';
            position: absolute;
            right: 10px;
            top: 50%;
            display: block;
            width: 0;
            height: 0;
            border: 6px solid transparent;
            border-left: 6px solid #ace;
            margin-top: -6px;
            transition: right .3s;
        }
        
        .site-map li:hover h3 a:after {
            right: 7px;
            border-left: 6px solid #048;
        }
        
        .site-map li p:before {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            z-index: -1;
            width: 0;
            background-color: #f3f9ff;
            transition: all .3s;
        }
        
        .site-map li:hover p:before {
            width: 100%;
        }
        
        .site-map li p a {
            display: inline-block;
            margin: 0 5px;
            padding: 0 5px;
            white-space: nowrap;
            word-break: keep-all;
            transition: all .3s;
        }
        
        .site-map li p a:hover {
            font-weight: bold;
            color: #048;
        }
        
        .site-map li[class*="col-"] {
            margin-right: -1px;
        }
        
        .site-map li[class*="col-"] h3 {
            margin-left: -15px;
            margin-right: -15px;
        }
        /* 网站地图  结束*/
        /* 媒体查询 开始 */
        
        @media (min-width: 1200px) {
            .side-box.fixed {
                position: fixed;
                top: 90px;
                width: 285px;
            }
            .side-box.fixed .zx,
            .side-box.fixed .zt {
                display: none;
            }
        }
        
        @media (max-width: 1200px) {
            .ht .fr,
            .inner,
            .header h1,
            .search-box,
            .nav ul,
            .links,
            .copyright {
                width: 100%;
            }
            .ht {
                margin: 0;
            }
            .ht .fl,
            .nav,
            .side-bar {
                display: none;
            }
            .ht .fr {
                text-align: center;
            }
            .header {
                background-position: 50% 0;
                background-size: auto 100%;
            }
            .header h1 {
                height: 100px;
                background-position: 24px 30%;
                background-size: auto 50%;
            }
            .search-box {
                position: relative;
                top: 0;
                right: 0;
                margin: 0;
                padding: 10px;
                background-color: rgba(0, 0, 0, .2);
            }
            .grid {
                width: 100%;
                padding: 16px;
            }
            .headline {
                padding: 0;
                text-align: left;
                background-position: 0 10px;
                background-size: auto 40px;
            }
            .headline h4 {
                padding-left: 72px;
                line-height: 32px;
                font-size: 24px;
            }
            .focus {
                margin: 0 -20px;
            }
            .focus,
            .focus .pic,
            .focus .pic>div {
                height: auto;
            }
            .focus .pic>div {
                padding-bottom: 66px;
            }
            .focus .pic>div span {
                height: 66px;
                padding-top: 6px;
                line-height: 60px;
                font-size: 16px;
            }
            .focus .navi {
                bottom: 60px;
            }
            .focus .navi li,
            .focus .swiper-pagination-bullet {
                height: 6px;
            }
            .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%;
                min-width: inherit;
                position: relative;
                overflow: hidden;
                display: block;
                margin: 0 2px;
                padding: 0;
                font-size: 16px;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                flex: 1;
            }
            .news h4 {
                margin: 15px 0;
            }
            .news p {
                padding: 0 0 20px;
            }
            .p2 .list-t li b {
                width: 48px;
                height: 48px;
                margin-top: -24px;
                padding: 4px;
                line-height: 20px;
                font-size: 14px;
            }
            .p2 .list-t li b+a {
                width: auto;
                padding: 10px 0;
                margin-left: 50px;
                line-height: 24px;
                white-space: normal;
            }
            .p3 .row .row [class*="col-"],
            .a6 {
                margin-bottom: 20px;
            }
            .p3 .list-b li {
                width: 100%;
            }
            .a4 {
                margin-left: -4px;
                margin-right: -4px;
            }
            .a4 li a {
                margin-left: 4px;
                margin-right: 4px;
                padding: 5px 0;
                font-size: 16px;
            }
            .a4 li i {
                width: 50px;
                height: 50px;
                margin-top: 10px;
                border-width: 5px;
            }
            .a5 li {
                width: 50%;
            }
            .p5 .a2 li {
                width: 100%;
            }
            .p5 .a2 li a {
                line-height: 60px;
                font-size: 16px;
            }
            .side-menu {
                padding: 0px;
                box-shadow: none;
                margin-bottom: 20px;
            }
            .side-menu h2 {
                display: none;
            }
            .side-menu ul {
                margin: 0 -5px;
            }
            .side-menu li {
                float: left;
                width: 33.33%;
            }
            .side-menu li a {
                margin: 5px;
                padding: 0 6px;
                line-height: 40px;
                font-size: 14px;
                background-color: #eee;
                border-radius: 3px;
            }
            .side-menu li.current a {
                background-color: #046ec7;
                color: #fff;
            }
        }
        
        @media (max-width: 992px) {
            .where {
                margin-left: 0px;
                margin-right: 0px;
            }
            .where a,
            .where span {
                margin: 0px 8px;
            }
        }
        
        @media (max-width: 768px) {
            /* .topic {
        margin-bottom: 40px;
    } */
            .links {
                padding: 0 20px;
            }
            .handle {
                margin-bottom: 10px;
            }
            .footer {
                text-align: center;
            }
            .footer .gov,
            .footer .jc {
                position: relative;
                display: inline-block;
                top: 0;
                right: auto;
                margin-top: 20px;
            }
            .footer p span {
                display: block;
            }
        }
        
        @media (max-width: 480px) {
            .info-list li {
                font-size: 14px;
            }
            .info-list li:hover {
                background: #fff url(images/info_list_c.png) 6px 50%/6px auto no-repeat;
            }
            .info-list li>div:nth-child(1),
            .info-list li>div:nth-child(3) {
                text-align: left;
            }
            .info-list li .col-md-2 {
                color: #999;
            }
            .info-extra {
                padding: 5px 15px;
            }
            .info-extra .info-th {
                text-align: left;
            }
            .info-extra .row {
                padding: 0 5px;
                line-height: 24px;
            }
            .info-extra .row+.row {
                border: none;
            }
            .info-date .input-group {
                width: 100%;
            }
            .leader .list-p .pic {
                width: 120px;
                height: 168px;
            }
            .lnterview .list-b li .pic {
                width: 350px;
                height: 260px;
                margin-right: 0px;
                margin-bottom: 10px;
            }
            .lnterview .list-b li .pic img {
                width: 100%;
            }
            .lnterview .list-b li h4 {
                width: 100%
            }
        }
        
        @media (max-width: 360px) {
            .menu li a {
                text-align: center;
            }
            .menu li a i {
                display: block;
                margin: 0 auto;
            }
            .search .go {
                display: none;
            }
            .a4 li a {
                border: none;
                font-size: 12px;
            }
            .a4 li i {
                margin-bottom: -5px;
            }
        }
        
        @media (max-width: 320px) {
            .where a,
            .where span {
                margin: 0px 3px;
            }
            .lnterview .list-b li .pic {
                width: 260px;
                height: 200px;
            }
        }
        /* 媒体查询 结束 */
        /* 供销社首页 */
        
        .nav .a1 li {
            width: 9%;
        }
        
        .nav .a1 li a {
            line-height: 40px;
            padding: 5px;
            font-size: 18px;
            background-color: #009aff;
        }
        
        .nav .list-a {
            left: -89px;
        }
        
        .tab-mr8 a {
            margin-right: 8px;
        }
        
        .topic h2 a{
            display: block;
            width: 60px;
            height: 130px;
            background: url(../images/topic.jpg) 0 0 no-repeat;
            background-size: cover;
        }
        
        .grid h2 {
            font-weight: bold;
            /* padding-bottom: 16px; */
            line-height: 24px;
            font-size: 24px;
        }
        
        .topic {
            position: relative;
        }
        
        .topic .scroll {
            position: relative;
            margin: 0 60px 0 140px;
        }
        
        .scroll .pic img {
            height: 130px;
        }
        
        .topic-prev,
        .topic-next {
            position: absolute;
            top: 50%;
            width: 20px;
            height: 40px;
            margin-top: -20px;
            background-size: 16px auto;
            background-repeat: no-repeat;
            background-position: center;
            background-color: #eee;
            cursor: pointer;
        }
        
        .topic-next {
            background-image: url(../images/syrig.png);
            background-size: 125%;
            right: 20px;
        }
        
        .topic-prev {
            background-image: url(../images/sylef.png);
            background-size: 125%;
            left: 100px;
        }
        
        .list li>a {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .list .pic,
        .pic-text .pic {
            position: relative;
            overflow: hidden;
        }
        
        .topic li a {
            display: block;
            width: 300px\9;
            margin: 0 10px;
        }
        
        .list .pic img,
        .pic-text .pic img {
            display: block;
            max-width: 100%;
            min-height: 100%;
            transition: all 0.3s;
        }
        
        .grid {
            margin-bottom: 20px;
        }
        
        .grid:first-child {
            position: relative;
            margin-top: 10px;
        }
        
        .gxs-sytsj {
            width: 0;
            height: 0;
            border-width: 0 40px 40px;
            border-style: solid;
            border-color: transparent transparent #fff;
            position: absolute;
            top: -15px;
            left: 35px;
        }
        
        .grid:last-child {
            margin-bottom: 0px;
        }
        
        .nav li {
            /* width: 10%; */
            /* 2020-09-01 开始 */
            width: 16.667%;
            /* 2020-09-01 结束 */
        }
        
        .nav li a {
            font-size: 20px;
        }
        
        .icon-jyh-ai:before {
            content: none;
        }
        
        .menu>ul>li:nth-child(6) {
            animation-delay: .9s;
        }
        
        .menu>ul>li:nth-child(7) {
            animation-delay: 1s;
        }
        
        .menu>ul>li:nth-child(8) {
            animation-delay: 1.1s;
        }
        
        .menu>ul>li:nth-child(9) {
            animation-delay: 1.2s;
        }
        
        .menu>ul>li:nth-child(10) {
            animation-delay: 1.3s;
        }
        
        .news p {
            color: #c0c0c0;
            text-indent: 2em;
        }
        
        .icon-jyh-search {
            font-size: 18px;
        }
        
        .list-a li .p3i {
            display: block;
            margin-left: auto;
            margin-right: auto;
            vertical-align: middle;
            background-size: 48px auto;
            transition: all .3s;
            line-height: 40px;
            text-align: center;
            font-size: 24px;
            width: 48px;
            height: 48px;
            margin-bottom: 20px;
            border-radius: 100px;
            border: none;
            background-color: #fff;
        }
        
        .a1 li .p3ba:hover {
            background-color: white;
            color: #333;
        }
        
        .list-a li .b1 {
            background-image: url(../images/gxs-p3bt1.png);
        }
        
        .list-a li .b2 {
            background-image: url(../images/gxs-p3bt2.png);
        }
        
        .list-a li .b3 {
            background-image: url(../images/gxs-p3bt3.png);
        }
        
        .tb-xtyy {
            margin: 0 10px;
        }
        
        .wx {
            /* 2020-06-09 start*/
            /* background: url(../images/ly-xxtb.png) no-repeat; */
            /* 2020-06-09 end*/
            background-position: 15px 20px;
        }
        
        .ly-gddhtb {
            background: url(../images/ly-dhtb.png) no-repeat;
            background-position: 15px 20px;
        }
        
        .pic-text {
            position: relative;
        }
        
        .pic-text .pic .xwfbh-gdt {
            position: absolute;
            width: 39px;
            min-height: 0;
            height: 39px;
            top: 8px;
            left: 8px;
        }
        
        a:link {
            text-decoration: none;
        }
        /*指正常的未被访问过的链接*/
        
        .pic-text .pic {
            margin-top: 20px;
            position: relative;
            height: 220px;
        }
        
        .pic-text p {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 40px;
            line-height: 40px;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            background-color: rgba(0, 0, 0, .5);
            color: #fff;
        }
        
        .mt10 {
            margin-top: 10px;
        }
        
        .p2 a img {
            max-width: 100%;
            height: 130px;
            width: 148px;
        }
        
        @media (min-width: 1200px) {
            .headline {
                padding-left: 100px;
                background: url(../images/headline.png) 10% 50% no-repeat;
                background-color: #f9fcfe;
            }
            .menu-btn {
                background: none;
            }
        }
        
        @media (max-width: 1200px) {
            .topic .scroll {
                margin: 0 -10px;
            }
            .topic h2,
            .topic-prev,
            .topic-next {
                display: none;
            }
        }
        /* 市社概况 */
        
        .gxs-sytsj1 {
            left: 180px;
        }
        
        .grid .gxs-ssjj {
            position: relative;
            margin-left: -20px;
            margin-top: -20px;
            margin-bottom: 20px;
        }
        
        .grid .gxs-ssjj p {
            position: absolute;
            top: 120px;
            padding: 0 70px;
            text-indent: 2em;
            line-height: 30px;
        }
        
        .grid .gxs-ssjj p a {
            font-size: 14px;
            color: #ff9c27;
        }
        
        .gxs-ldxx {
            margin-bottom: 8px;
        }
        
        .jjzz {
            margin-top: 10px;
        }
        
        .gxs-ldxx a {
            display: inline-block;
            min-width: 100px;
            height: 40px;
            padding: 0 15px;
            line-height: 40px;
            font-size: 18px;
            text-align: center;
            border-radius: 3px;
            transition: all .3s;
            background-color: #005aa8;
            color: #fff;
        }
        
        .gxsss-ldxx {
            background-color: #f0f8ff;
            padding: 15px;
        }
        
        .gxsss-ldxx h4 a {
            font-size: 18px;
        }
        
        .gxsss-ldxx h4 a span {
            color: #005aa8;
        }
        
        .gxsss-ldxx h4 {
            line-height: 35px;
            width: 59%;
            float: left;
            border-bottom: 1px solid #ccc;
            margin-bottom: 7px;
        }
        
        .gxs-ldxx-zggz {
            font-weight: 700;
            line-height: 35px;
        }
        
        .gxs-ldxx-zggz2 {
            font-size: 14px;
        }
        
        .gxsss-ldxx ul {
            padding: 20px;
            padding-bottom: 0px;
        }
        
        .gxsss-ldxx ul li {
            line-height: 28px;
        }
        
        .gxsss-ldxx ul li i {
            font-style: normal;
        }
        
        .gxsss-ldxx ul li b {
            color: #005aa8;
            margin-right: 30px;
        }
        
        .tab .pdlr0 {
            padding: 0;
        }
        
        .gxs-ssjj h3 {
            display: none;
            text-align: center;
            font-size: 24px;
            font-weight: 700;
            line-height: 50px;
            color: #005aa8;
        }
        
        @media(max-width:992px) {
            .gxsss-ldxx h4 {
                width: 100%;
            }
            .gxsss-ldxx a img {
                float: none;
            }
            .gxs-ssjj h3 {
                display: block;
            }
            .gxs-ssjj img {
                display: none;
            }
            .grid .gxs-ssjj p {
                position: relative;
                padding: 0 10px 0 20px;
                top: 0px;
            }
            .gxsss-ldxx {
                text-align: center;
            }
            .gxsss-ldxx ul li {
                text-align: left;
            }
        }
        /* 供销新闻 */
        
        .gxxw-lb {
            height: 340px;
        }
        
        .gxxw-lb .pic,
        .gxxw-lb .pic>div {
            height: 340px;
        }
        
        .gxxw-lb .pic>div span {
            line-height: 26px;
            font-size: 16px;
            padding: 10px 80px 10px 10px;
            height: auto;
            background-color: rgba(0, 0, 0, .5);
            text-align: left;
        }
        
        .gxxw-lb .pic img {
            height: 100%;
        }
        
        .gxxw-lb .navi {
            position: absolute;
            bottom: 17px;
            right: 0;
            z-index: 9;
            text-align: right;
            padding: 0 10px;
        }
        
        .gxxw-lb .navi li,
        .gxxw-lb .swiper-pagination-bullet {
            width: 6px;
            height: 6px;
            display: inline-block;
            border: 1px solid #ccc;
            margin: 0px 3px !important;
            background: #ccc;
            opacity: 1;
            border-radius: 5px;
        }
        
        .gxxw-lb .navi .on,
        .gxxw-lb .swiper-pagination-bullet-active {
            width: 18px;
            background-color: #ff9402;
            border: 1px solid #ff9402;
        }
        
        .gxxw-ssgzls li:first-child::before {
            content: none;
        }
        
        .gxxw-ssgzls li:first-child {
            padding-left: 0;
        }
        
        .gxxw-ssgzls li:first-child img {
            margin-right: 15px;
        }
        
        .gxxw-ssgzls li:first-child a {
            /* font-weight: 700;
            font-size: 18px; */
            color: #000;
            margin-left: 20px;
        }
        
        .gxxw-zszyls li:first-child::before {
            content: none;
        }
        
        .gxxw-zszyls li:first-child {
            padding-left: 0;
        }
        
        .gxxw-zszyls li:first-child a {
            margin-left: 20px;
            width: 72%;
            float: left;
        }
        
        .gxxw-zszyls li:first-child .date {
            position: relative;
            display: block;
        }
        
        .gxxw-zszyls li:first-child img {
            float: left;
        }
        
        .gxxw-lb .focus-prev,
        .gxxw-lb .focus-next {
            top: 50%;
        }
        
        .gxs-sytsj2 {
            left: 260px;
        }
        /* 专题专栏 */
        
        .scrolll .h>li {
            width: 32%;
            margin-right: 15px;
            box-shadow: 0 0 10px rgba(0, 0, 0, .05);
            padding: 15px 20px 30px 20px;
        }
        
        .scrolll ul {
            padding: 5px;
        }
        
        .scrolll h3 {
            font-size: 24px;
            text-align: center;
            margin-top: 20px;
            line-height: 40px;
            font-weight: 700;
        }
        
        .scrolll p {
            font-size: 14px;
        }
        
        .asdasd123 {
            margin-top: 20px;
            text-align: center;
        }
        
        .asdasd123 span {
            width: 10px;
            height: 6px;
            display: inline-block;
            border: 1px solid #ccc;
            margin: 0px 3px !important;
            background: #ccc;
            opacity: 1;
            border-radius: 5px;
        }
        
        .asdasd123 .bullet-active {
            width: 25px;
            background-color: #ff9402;
            border: 1px solid #ff9402;
        }
        
        .gxs-sytsj3 {
            left: 480px;
        }
        
        @media(max-width:480px) {
            .scrolll .h>li {
                width: 100%;
                max-width: 100%;
            }
            .gxxw-zszyls li:first-child a {
                margin-left: 10px;
                width: 59%;
            }
        }
        
        @media(max-width:1200px) {
            .gxs-sytsj {
                display: none;
            }
        }
        /* 对外宣传 */
        
        .dwxc-lb .pic>div span {
            line-height: 26px;
            font-size: 16px;
            padding: 10px 80px 10px 10px;
            height: auto;
            background-color: rgba(0, 0, 0, .5);
            text-align: left;
            font-weight: 400;
        }
        
        .dwxc-lb .navi li,
        .dwxc-lb .swiper-pagination-bullet {
            width: 6px;
            height: 6px;
            display: inline-block;
            border: 1px solid #fff;
            margin: 0px 3px !important;
            background: #fff;
            opacity: 1;
            border-radius: 5px;
        }
        
        .dwxc-lb .navi {
            position: absolute;
            bottom: 17px;
            right: 0;
            z-index: 9;
            text-align: right;
            padding: 0 10px;
        }
        
        .dwxc-lb .navi .on,
        .dwxc-lb .swiper-pagination-bullet-active {
            background-color: #005aa8;
            border: 1px solid #005aa8;
        }
        
        .dwxc-lb .pic,
        .dwxc-lb .pic>div {
            height: 340px;
        }
        
        .dwxc-lb {
            height: 340px;
        }
        
        .dwxc-tpxw li {
            width: 25%;
            float: left;
        }
        
        .dwxc-tpxw li:nth-child(1) {
            padding-left: 0;
        }
        
        .dwxc-tpxw li:before {
            content: none;
        }
        
        .dwxc-tpxw .pic-text .pic {
            height: 176px;
        }
        
        .dwxc-tpxw .pic-text p {
            bottom: 2px;
        }
        
        .focus .pic img {
            display: block;
            width: 100%;
            height: 100%;
        }
        
        .pic-text .pic .spxw-zt {
            position: absolute;
            /* width: 31px; */
            width: 100%;
            height: 150%;
            /* min-height: 35px; */
            /* max-height: 35px; */
            top: 4%;
            left: 5%;
            margin-left: -18px;
            margin-top: -15px;
        }
        
        @media(max-width:920px) {
            .dwxc-tpxw li {
                width: 100%;
                padding-left: 0
            }
            .gxs-ztztsjbb {
                background: url(../images/gxs-ztbdbtt.png) no-repeat;
                background-size: 260%;
                background-position: 50%;
                height: 70px;
            }
            .gxs-ztztsjbb img {
                display: none;
            }
        }
        /* 供销先锋 */
        
        .gxxf-lb {
            height: 310px;
        }
        
        .gxxf-lb .pic,
        .gxxf-lb .pic>div {
            height: 310px;
        }
        /* 最新公告 */
        
        .side-menu h2 {
            position: relative;
            height: 80px;
            line-height: 80px;
            font-size: 24px;
            margin: -20px -20px 20px;
            padding: 0 20px;
            margin-bottom: 0;
        }
        
        .side-menu ul {
            margin: 0 -20px;
        }
        
        .side-menu li a {
            position: relative;
            display: block;
            line-height: 60px;
            text-align: center;
            font-size: 20px;
            background: url(../images/lsj-icon013.png) no-repeat center center;
            margin-bottom: 10px;
        }
        
        .side-menu li a:hover {
            background: url(../images/lsj-icon012.png) no-repeat center center;
        }
        
        .side-menu h2 {
            background: #00c6fb;
            background: -webkit-linear-gradient(60deg, #005bea, #00c6fb);
            background: linear-gradient(60deg, #0545C1, #488CE1);
        }
        
        .zxgglsj-list ul {
            overflow: hidden;
            border-bottom: 1px solid #dedede;
            padding-bottom: 7px;
            margin-bottom: 8px;
        }
        
        .zxgglsj-list ul li {
            position: relative;
            line-height: 40px;
            padding-right: 15px;
        }
        
        .zxgglsj-list li>a {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .zxgglsj-list ul li span {
            display: block;
            float: left;
            width: 70%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            color: #333;
            background: url(../images/lsj-icon014.png) no-repeat left center;
            padding-left: 12px;
        }
        
        .zxgglsj-list ul li i {
            font-style: normal;
            font-size: 16px;
            float: right;
            color: #999;
            padding-right: 2px;
        }
        
        .gxs-menu {
            padding: 20px 20px 0px 20px;
            box-shadow: none;
        }
        
        @media(min-width:1200px) {
            .gxs-menu ul {
                height: 861px;
                background-color: #f7fbfe
            }
        }
        
        @media (max-width: 1200px) {
            .gxs-menu li {
                width: 100%;
            }
        }
        /* 留言咨询 */
        
        .gxs-lyzxb {
            margin-top: 20px;
            text-align: center;
        }
        
        .gxs-lyzxb span {
            font-size: 18px;
        }
        
        input[type="radio"] {
            display: inline-block;
            -webkit-appearance: radio;
            margin-bottom: 5px;
        }
        
        .gxs-lyzxb input[type="text"] {
            padding-left: 10px;
            width: 42%;
            height: 45px;
            border: none;
            background-color: #e0eefc;
        }
        
        .gxs-lyzxb select {
            width: 100%;
            padding-left: 10px;
            height: 45px;
            border: none;
            background-color: #e0eefc;
        }
        
        .zxly-xllbsj {
            width: 42%;
            height: 45px;
            position: relative;
            display: inline-block;
        }
        
        .zxly-xllbsj::after {
            box-sizing: border-box;
            content: '';
            position: absolute;
            top: 15px;
            right: 15px;
            height: 10px;
            width: 10px;
            border-right: 2px solid #1671fe;
            border-bottom: 2px solid #1671fe;
            transform: rotateZ(45deg);
            transition: transform .3s;
        }
        
        .lyzx-xbdx {
            text-align: left;
            display: inline-block;
            width: 42%;
        }
        
        .p1 .gxs-lyzxb .zxly-txlykk {
            position: relative;
            padding-left: 10px;
            min-width: 100%;
            max-width: 100%;
            border: none;
            background-color: #e0eefc;
            min-height: 170px;
            max-height: 170px;
            margin-left: 5px;
            float: left;
            padding-top: 10px;
        }
        
        .fldspa {
            margin-left: 25.3%;
            float: left;
        }
        
        .gxs-wbygddwz {
            float: left;
            width: 42%;
            height: 170px;
            display: inline-block;
            position: relative;
        }
        
        .gxs-wbygddwz span {
            position: absolute;
            font-size: 14px;
            right: 0px;
            bottom: 0px;
        }
        
        .gxs-wbygddwz span i {
            font-style: normal;
            color: #ab0307;
        }
        
        .gxs-lyzxb button {
            width: 75px;
            height: 32px;
            border: none;
            border-radius: 5px;
        }
        
        .gxs-lyzxb button:nth-child(1) {
            background-color: #ff9402;
            color: #fff;
            margin-right: 30px;
        }
        
        .gxs-lyzxb button:nth-child(2) {
            background-color: #ecf5ff;
        }
        
        @media (max-width: 920px) {
            .gxs-lyzxxtt {
                background: url(../images/gxs-lyzxxtt.png) no-repeat;
                background-size: 260%;
                background-position: 50%;
                height: 70px;
            }
        }
        
        @media(max-width:480px) {
            .gxs-lyzxb input[type="text"] {
                /* display: block; */
                padding-left: 10px;
                width: 60%;
            }
            .zxly-xllbsj {
                /* display: block; */
                width: 60%;
            }
            .gxs-wbygddwz {
                float: none;
                width: 100%;
            }
            .fldspa {
                margin-left: 0;
                float: none;
            }
            .lyzx-xbdx {
                /* display: block; */
                width: 60%;
                text-align: center;
            }
        }
        
        .side-menu li.current a::before {
            transform: scale(1, 1);
        }
        
        .side-menu li.current a {
            background: url(../images/lsj-icon012.png) no-repeat center center;
        }
        
        .article .option {
            margin: 20px 60px;
        }
        
        @media (max-width: 480px) {
            .article .option {
                margin: 0px;
            }
        }
        
        .gxs-sytsj4 {
            left: 495px;
        }
        
        .gxs-sytsj5 {
            left: 640px;
        }
        
        .gxs-sytsj6 {
            left: 740px;
        }
        
        .gxs-sytsj7 {
            left: 935px;
        }
        
        @media (max-width: 1200px) {
            .side-menu li.current a {
                background: none;
                background-color: #046ec7;
                color: #fff;
            }
            .pages a,
            .pages span {
                margin: 5px;
            }
        }
        
        .scrolll .swiper-wrapper {
            display: block;
        }