@charset "UTF-8";
        /*声明 WebFont */
        
        @font-face {
            font-family: 'siyuan_regular';
            src: url("../../iconfont/yn-w/SourceHanSans-Regular.eot");
            src: url("../../iconfont/yn-w/SourceHanSans-Regular.eot?#font-spider") format("embedded-opentype"), url("../../iconfont/yn-w/SourceHanSans-Regular.woff") format("woff"), url("../../iconfont/yn-w/SourceHanSans-Regular.ttf") format("truetype"), url("../../iconfont/yn-w/SourceHanSans-Regular.svg") format("svg");
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'siyuan_heavy';
            src: url("../../iconfont/yn-w/SourceHanSans-Heavy.eot");
            src: url("../../iconfont/yn-w/SourceHanSans-Heavy.eot?#font-spider") format("embedded-opentype"), url("../../iconfont/yn-w/SourceHanSans-Heavy.woff") format("woff"), url("../../iconfont/yn-w/SourceHanSans-Heavy.ttf") format("truetype"), url("../../iconfont/yn-w/SourceHanSans-Heavy.svg") format("svg");
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'zhanku';
            src: url("../../iconfont/yn-w/zhanku.eot");
            src: url("../../iconfont/yn-w/zhanku.eot?#font-spider") format("embedded-opentype"), url("../../iconfont/yn-w/zhanku.woff") format("woff"), url("../../iconfont/yn-w/zhanku.ttf") format("truetype"), url("../../iconfont/yn-w/zhanku.svg") format("svg");
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face {
            font-family: 'icomoon';
            src: url("../../iconfont/yn-w/icomoon.eot?979uip");
            src: url("../../iconfont/yn-w/icomoon.eot?979uip#iefix") format("embedded-opentype"), url("../../iconfont/yn-w/icomoon.ttf?979uip") format("truetype"), url("../../iconfont/yn-w/icomoon.woff?979uip") format("woff"), url("../../iconfont/yn-w/icomoon.svg?979uip#icomoon") format("svg");
            font-weight: normal;
            font-style: normal;
        }
        
        [class^="icon-"],
        [class*=" icon-"] {
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .icon-sort9:before {
            content: "\e900";
        }
        
        .icon-sort8:before {
            content: "\e901";
        }
        
        .icon-sort7:before {
            content: "\e902";
        }
        
        .icon-sort6:before {
            content: "\e903";
        }
        
        .icon-sort5:before {
            content: "\e904";
        }
        
        .icon-sort4:before {
            content: "\e905";
        }
        
        .icon-sort3:before {
            content: "\e906";
        }
        
        .icon-sort2:before {
            content: "\e907";
        }
        
        .icon-sort1:before {
            content: "\e908";
        }
        
        span {
            font-family: "microsoft yahei";
        }
        
        body {
            width: 100%;
            background: url(../../images/yn-w/bg_index.jpg) center top no-repeat #2479ec;
        }
        
        .head {
            height: 320px;
            width: 1100px;
            overflow: hidden;
            background-position: center center;
            background-repeat: no-repeat;
            margin: 0 auto;
        }
        
        .head .header {
            width: 1100px;
            margin: 30px auto 0 auto;
        }
        .head h1 {
            font-weight: 600;
            color: #fff;
            font-size: 42px;
            letter-spacing: 2px;
            text-shadow: 0 3px 3px rgba(0, 0, 0, 0.205);
            text-align: center;
        }
        
        .head h4 {
            font-family: 'siyuan_regular';
            color: #fff;
            font-size: 22px;
            letter-spacing: 8px;
            text-shadow: 0 3px 3px rgba(0, 0, 0, 0.205);
        }
        
        .head .sub {
            font-size: 0;
            white-space: nowrap;
            width: 1100px;
            vertical-align: middle;
            margin: 0 auto;
            margin-top: 20px;
        }
        
        .head .sub .user {
            float: right;
            display: inline-block;
        }
        
        .user-info {
            width: 140px;
            height: 36px;
            background: url(../../images/yn-w/btn_login.png) no-repeat;
            display: inline-block;
            color: #fff;
            vertical-align: middle;
            font-size: 15px;
            line-height: 36px;
            text-align: left;
            text-indent: 52px;
            margin-top: 35px;
        }
        
        .user-info:hover {
            background-position: 0 -36px;
        }
        
        .user-reg {
            width: 140px;
            height: 36px;
            background: url(../../images/yn-w/btn_register.png) no-repeat;
            display: inline-block;
            color: #fff;
            vertical-align: middle;
            font-size: 15px;
            line-height: 36px;
            text-align: left;
            text-indent: 52px;
            margin-top: 35px;
            margin-left: 8px;
        }
        
        .user-reg:hover {
            background-position: 0 -36px;
        }
        
        .login_u {
            margin-top: 40px;
            display: inline-block;
        }
        
        .login_u li {
            margin-left: 6px;
            float: left;
        }
        
        .login_u li span {
            display: inline-block;
            height: 24px;
            line-height: 24px;
            font-size: 15px;
            color: #fff;
            text-indent: 20px;
            margin-right: 10px;
            background: url(../../images/yn-w/icon_user.png) no-repeat left 3px;
        }
        
        .btn_l_u {
            min-width: 64px;
            padding: 0 4px;
            height: 24px;
            background: url(../../images/yn-w/btn_l_u.png) repeat-x 0 0;
            display: inline-block;
            color: #fff;
            vertical-align: middle;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            border-radius: 2px;
        }
        
        .btn_l_u:hover {
            background-position: 0 -24px;
        }
        
        .wrap_search {
            display: inline-block;
        }
        
        .head .sub .search-progress {
            width: 478px;
            height: 34px;
            display: inline-block;
            white-space: nowrap;
            font-size: 0;
            background: #4b93f3;
            border: 1px solid #cce3ff;
            border-radius: 2px;
        }
        /*单选按钮美化*/
        
        .radio_box ul {
            display: inline-block;
        }
        
        .radio_box ul li {
            background: url(../../images/yn-w/radio_01.png) left center no-repeat;
            /*未选中项的样式*/
            padding-left: 17px;
            margin-right: 24px;
            height: 34px;
            line-height: 34px;
            font-size: 13px;
            color: #fff;
            cursor: default;
            float: left;
            cursor: pointer;
        }
        
        .radio_box ul li.selected {
            background: url(../../images/yn-w/radio_02.png) left center no-repeat
        }
        
        .radio_box ul li:hover {
            font-weight: 600;
        }
        
        .head .sub input {
            width: 400px;
            text-indent: 6px;
            font-size: 14px;
            color: #fff;
            border: none;
            background: none;
            outline: none;
            line-height: 34px;
            height: 34px;
        }
        
        .head .sub input::-webkit-input-placeholder {
            color: #ccddff;
        }
        /* 使用webkit内核的浏览器 */
        
        .head .sub input:-moz-placeholder {
            color: #ccddff;
        }
        /* Firefox版本4-18 */
        
        .head .sub input::-moz-placeholder {
            color: #ccddff;
        }
        /* Firefox版本19+ */
        
        .head .sub input:-ms-input-placeholder {
            color: #ccddff;
        }
        
        .head .sub button {
            width: 50px;
            height: 34px;
            cursor: pointer;
            border: none;
            text-align: center;
            background: #0870ff;
            border-radius: 2px;
            float: right;
        }
        
        .head .sub button:hover {
            background: #0c62ef;
        }
        
        .head .sub button span {
            font-size: 14px;
            color: #fff;
            vertical-align: middle;
        }
        
        .head .sub i.icon-search {
            width: 18px;
            height: 18px;
            display: inline-block;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            background-position: -20px 0;
            margin: 2px 0 0 2px;
        }
        
        .contain {
            width: 1000px;
            margin: 0 auto;
            padding: 0 50px;
            background: #fff;
            padding-top: 1px;
            position: relative;
        }
        
        .contain ul.tab-role {
            font-size: 0;
            width: 100%;
            position: absolute;
            z-index: 1;
            top: -116px;
            left: 0;
            float: left;
        }
        
        .contain ul.tab-role li {
            cursor: pointer;
            display: inline-block;
            color: #fff;
            font-size: 16px;
            text-align: left;
            border-radius: 2px;
            text-indent: 110px;
            margin-right: 10px;
            float: left;
        }
        
        .contain ul.tab-role li h2 {
            width: 360px;
            padding: 14px 0;
            background: url(../../images/yn-w/tab.png) no-repeat 0 -59px;
            position: relative;
            font-size: 16px;
            font-weight: 400;
        }
        
        .contain ul.tab-role li h2 b {
            width: 22px;
            height: 10px;
            background: url(../../images/yn-w/tri_tab_h2.png) no-repeat;
            position: absolute;
            bottom: -9px;
            left: 52%;
            display: none;
        }
        
        .contain ul.tab-role li h2.corpor {
            background-position-x: 0;
        }
        
        .contain ul.tab-role li h2.person {
            background-position-x: -360px;
        }
        
        .contain ul.tab-role li.tab_title_s h2 {
            width: 360px;
            padding: 14px 0;
            background: url(../../images/yn-w/tab.png) no-repeat 0 0;
            height: 31px;
            font-size: 16px;
            font-weight: 400;
        }
        
        .contain ul.tab-role li.tab_title_s h2 b {
            width: 22px;
            height: 10px;
            background: url(../../images/yn-w/tri_tab_h2.png) no-repeat;
            bottom: -9px;
            display: block;
        }
        
        .contain ul.tab-role li.tab_title_s h2.corpor {
            background-position-x: 0;
        }
        
        .contain ul.tab-role li.tab_title_s h2.person {
            background-position-x: -360px;
        }
        
        .contain ul.tab-role span.text-cn {
            font-size: 24px;
            font-weight: bold;
            vertical-align: middle;
            color: #fff;
        }
        
        .contain ul.tab-role span.text-en {
            vertical-align: middle;
            color: #fff;
        }
        
        .contain ul.tab-sort {
            text-align: left;
            font-size: 0;
            position: absolute;
            top: -57px;
            width: 1000px;
            left: 1px;
            padding: 80px 50px;
            opacity: 1;
            background: #fff;
        }
        
        .contain ul.tab-sort li {
            position: relative;
            cursor: pointer;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            margin: 0 5px;
            width: 115px;
            height: 145px;
        }
        
        .contain ul.tab-sort li:hover {}
        
        .contain ul.tab-sort li:hover span {}
        
        .contain ul.tab-sort li:hover i.blue {
            background: #e8f1fe;
            background: linear-gradient(-45deg, #e8f1fe 0%, #a8cbfc 100%);
        }
        
        .contain ul.tab-sort li:hover i.green {
            background: #ddffcf;
            background: linear-gradient(-45deg, #ddffcf 0%, #a3e08e 100%);
        }
        
        .contain ul.tab-sort li:hover i.yellow {
            background: #fdecd5;
            background: linear-gradient(-45deg, #fdecd5 0%, #f6b971 100%);
        }
        
        .contain ul.tab-sort li:hover i.red {
            background: #fde8e8;
            background: linear-gradient(-45deg, #fde8e8 0%, #f6adae 100%);
        }
        
        .contain ul.tab-sort li.current {
            background: url(../../images/yn-w/tri_sort.png) no-repeat center 130px;
        }
        
        .contain ul.tab-sort li.current span {}
        
        .contain ul.tab-sort li.current i.blue {
            background: #e8f1fe;
            background: linear-gradient(-45deg, #e8f1fe 0%, #a8cbfc 100%);
        }
        
        .contain ul.tab-sort li.current i.green {
            background: #ddffcf;
            background: linear-gradient(-45deg, #ddffcf 0%, #a3e08e 100%);
        }
        
        .contain ul.tab-sort li.current i.yellow {
            background: #fdecd5;
            background: linear-gradient(-45deg, #fdecd5 0%, #f6b971 100%);
        }
        
        .contain ul.tab-sort li.current i.red {
            background: #fde8e8;
            background: linear-gradient(-45deg, #fde8e8 0%, #f6adae 100%);
        }
        
        .contain ul.tab-sort i.tab-icon {
            font-size: 0;
            display: block;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: url(../../images/yn-w/icon_corporation.png) no-repeat;
            margin: 0 auto;
        }

        .contain ul.tab-sort i.tab-icon_printer {
            font-size: 0;
            display: block;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-image: url(../../images/yn-w/dyqyxx.png);
            background-size: cover;
            background-position: center; /* 可选，确保图片居中 */
            margin: 0 auto;
        }

        .contain ul.tab-sort i.ti_1 {
            background-position: 0 0;
        }
        
        .contain ul.tab-sort i.ti_2 {
            background-position: -60px 0;
        }
        
        .contain ul.tab-sort i.ti_3 {
            background-position: -120px 0;
        }
        
        .contain ul.tab-sort i.ti_4 {
            background-position: -180px 0;
        }
        
        .contain ul.tab-sort i.ti_5 {
            background-position: -240px 0;
        }
        
        .contain ul.tab-sort i.ti_6 {
            background-position: -300px 0;
        }
        
        .contain ul.tab-sort i.ti_7 {
            background-position: -360px 0;
        }
        
        .contain ul.tab-sort i.ti_8 {
            background-position: -420px 0;
        }
        
        .contain ul.tab-sort i.ti_9 {
            background-position: -480px 0;
        }
        
        .contain ul.tab-sort i.ti_10 {
            background-position: -540px 0;
        }
        
        .contain ul.tab-sort img {
            height: 100%;
            width: 100%;
        }
        
        .contain ul.tab-sort i {}
        
        .contain ul.tab-sort i.blue {
            background: #e8f1fe;
            background: linear-gradient(135deg, #e8f1fe 0%, #a8cbfc 100%);
        }
        
        .contain ul.tab-sort i.blue svg {
            -webkit-filter: drop-shadow(3px 3px 10px rgba(0, 115, 255, 0.7));
            filter: drop-shadow(3px 3px 10px rgba(0, 115, 255, 0.7));
        }
        
        .contain ul.tab-sort i.green {
            background: #ddffcf;
            background: linear-gradient(135deg, #ddffcf 0%, #a3e08e 100%);
        }
        
        .contain ul.tab-sort i.green svg {
            -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 122, 49, 0.35));
            filter: drop-shadow(5px 5px 10px rgba(0, 122, 49, 0.35));
        }
        
        .contain ul.tab-sort i.yellow {
            background: #fdecd5;
            background: linear-gradient(135deg, #fdecd5 0%, #f6b971 100%);
        }
        
        .contain ul.tab-sort i.yellow svg {
            -webkit-filter: drop-shadow(3px 3px 10px rgba(216, 120, 0, 0.45));
            filter: drop-shadow(3px 3px 10px rgba(216, 120, 0, 0.45));
        }
        
        .contain ul.tab-sort i.red {
            background: #fde8e8;
            background: linear-gradient(135deg, #fde8e8 0%, #f6adae 100%);
        }
        
        .contain ul.tab-sort i.red svg {
            -webkit-filter: drop-shadow(3px 3px 10px rgba(178, 0, 0, 0.38));
            filter: drop-shadow(3px 3px 10px rgba(178, 0, 0, 0.38));
        }
        
        .contain ul.tab-sort span {
            width: 100%;
            left: 0;
            text-align: center;
            position: absolute;
            display: inline-block;
            font-size: 13px;
            color: #333;
            margin-top: 10px;
        }
        
        .contain ul.tab-sort li.current span {
            color: #357ed9
        }
        
        .contain ul.tab-sort li:hover span {
            color: #357ed9
        }
        
        .contain ul.tab-list {
            position: relative;
            margin-top: 167px;
            padding-top: 10px;
            padding-bottom: 10px;
            background: #e4edfa;
            border: 1px solid #acc9f3;
            border-radius: 6px;
        }
        
        .contain ul.tab-list li {
            padding: 20px;
            background: url(../../images/yn-w/dashed.png) no-repeat 42px center;
        }
        
        .contain ul.tab-list li:before {
            content: '';
            width: 18px;
            height: 20px;
            margin-right: 10px;
            display: inline-block;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            background-position: 0px -80px;
        }
        
        .contain ul.tab-list li span.entry_name {
            font-size: 18px;
            color: #333;
            background: #e4edfa;
            padding-right: 10px;
            vertical-align: middle;
        }
        
        .contain ul.tab-list button {
            float: right;
            margin-top: -2px;
            cursor: pointer;
            margin-left: 10px;
            font-size: 0;
            background: #76aaec;
            border-radius: 4px;
            color: #fff;
            vertical-align: middle;
            padding: 4px 6px;
            min-width: 90px;
            border: none;
        }
        
        .contain ul.tab-list button:hover {
            color: #fff;
            background: #5e97e1;
        }
        
        .contain ul.tab-list button span {
            font-size: 14px;
            vertical-align: middle;
        }
        
        .contain ul.tab-list i {
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            margin-right: 4px;
        }
        
        .contain ul.tab-list i.icon-compass {
            background-position: -28px -80px;
        }
        
        .contain ul.tab-list i.icon-build {
            background-position: -54px -80px;
        }
        
        .nav-list-l {
            position: fixed;
            top: 262px;
            right: 50%;
            margin-right: 560px;
            font-size: 0;
        }
        
        .nav-list-l li {
            margin-bottom: 2px;
        }
        
        .nav-list-l li a {
            display: block;
            width: 100px;
            height: 56.25px;
        }
        
        .nav-list-l li a img {
            width: 100%;
            height: 100%;
        }
        
        .nav-list-r {
            position: fixed;
            top: 262px;
            left: 50%;
            margin-left: 560px;
            right: 0;
            font-size: 0;
        }
        
        .nav-list-r li {
            margin-bottom: 2px;
        }
        
        .nav-list-r li a {
            display: block;
            width: 100px;
            height: 56.25px;
        }
        
        .nav-list-r li a img {
            width: 100%;
            height: 100%;
        }
        
        .nav-list-r li a.QR {
            height: 88.75px;
        }
        
        @media screen and (min-width:1420px) {
            .nav-list-l li {
                margin-bottom: 3px;
            }
            .nav-list-l li a {
                display: block;
                width: 160px;
                height: 90px;
            }
            .nav-list-r li {
                margin-bottom: 3px;
            }
            .nav-list-r li a {
                display: block;
                width: 160px;
                height: 90px;
            }
            .nav-list-r li a.QR {
                height: 142px;
            }
        }
        
        .combo-container {
            width: 100%;
            padding: 20px 0;
            padding-bottom: 15px;
        }
        
        .combo-title {
            width: 1000px;
            margin: 0 auto;
            margin-bottom: 10px;
            font-size: 0;
            background: url(../../images/yn-w/dashed2.png) repeat-x center;
        }
        
        .combo-icon {
            width: 20px;
            height: 20px;
            display: inline-block;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            background-color: #fff;
            background-position: -132px -80px;
        }
        
        .combo-title span {
            vertical-align: middle;
        }
        
        .combo-title span.combo-text {
            font-size: 18px;
            color: #327eda;
            background: #fff;
            padding: 0 5px;
        }
        
        .combo-title i.more {
            float: right;
            width: 18px;
            height: 18px;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            background-color: #fff;
            background-position: -162px -80px;
            margin-top: 4px;
        }
        
        .combo-container .switch_con {
            position: relative;
            width: 1000px;
            margin: 0 auto;
        }
        
        .combo-title span.combo-more {
            float: right;
            font-size: 14px;
            color: #327eda;
            background: #fff;
            padding: 0 4px 0 10px;
            margin-top: 4px;
        }
        
        .combo-container i.combo-switch {
            cursor: pointer;
            position: absolute;
            text-align: center;
            font-size: 0;
            width: 36px;
            padding: 10px 0;
            background: #fff;
            border: 1px solid #c8c8c8;
            border-radius: 50%;
            -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.06);
            top: 56px;
        }
        
        .combo-container i.combo-switch:after {
            content: '';
            display: inline-block;
            width: 10px;
            height: 16px;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            background-position: -190px -80px;
        }
        
        .combo-container #prev {
            display: none;
            left: -19px;
        }
        
        .combo-container #prev:after {
            -webkit-transform: scale(-1);
            transform: scale(-1);
        }
        
        .combo-container #next {
            right: -19px;
        }
        
        .combo-container ul.combo-list {
            width: 1000px;
            margin: 0 auto;
            height: 159px;
            overflow: hidden;
            font-size: 0;
            white-space: nowrap;
        }
        
        .combo-container ul.combo-list li {
            display: inline-block;
            vertical-align: top;
            margin-right: 20px;
            padding: 10px;
            width: 215px;
            height: 134px;
            background-image: url(../../images/yn-w/colorBg.jpg);
            background-repeat: no-repeat;
            border-radius: 4px;
            -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
        }
        
        .combo-container ul.combo-list li:nth-child(4n-3) {
            background-position-x: 0px;
        }
        
        .combo-container ul.combo-list li:nth-child(4n-2) {
            background-position-x: -235px;
        }
        
        .combo-container ul.combo-list li:nth-child(4n-1) {
            background-position-x: -470px;
        }
        
        .combo-container ul.combo-list li:nth-child(4n) {
            background-position-x: -705px;
        }
        
        .combo-container ul.combo-list h4 {
            font-size: 24px;
            font-weight: 600;
            line-height: 58px;
            color: #fff;
            text-align: center;
            text-shadow: 0 5px 5px rgba(0, 0, 0, 0.11);
        }
        
        .combo-container ul.combo-list p {
            border-top: 1px solid #fff;
            padding: 10px 5px 0 5px;
            font-size: 12px;
            color: #fff;
            white-space: pre-wrap;
        }
        
        .friendly {
            width: 100%;
            padding: 20px 0;
        }
        
        .friendly h4 {
            background: url(../../images/yn-w/icon_friendly.png) no-repeat 6px center;
            padding-left: 34px;
            font-size: 18px;
            color: #327eda;
            display: inline-block;
        }
        
        .list_fre {
            margin-left: 32px;
            display: inline-block;
        }
        
        .list_fre li {
            display: inline-block;
            margin-right: 20px;
        }
        
        .sel_friendly {
            width: 158px;
            height: 24px;
            border: 1px solid #cccccc;
            text-indent: 6px;
            font-size: 12px;
            line-height: 24px;
            color: #333;
        }
        
        .thumbnail-container {
            width: 100%;
            background: #fff;
            padding: 20px 0;
        }
        
        .thumbnail-container ul.thumbnail-list {
            width: 1000px;
            margin: 0 auto;
            font-size: 0;
        }
        
        .thumbnail-container i.fade {
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            width: 60px;
            height: 60px;
            display: block;
            margin: 0 auto;
            opacity: 1;
            -webkit-transition: ease-out opacity 200ms;
            transition: ease-out opacity 200ms;
        }
        
        .thumbnail-container i.icon-tip {
            background-position: 0 -147px;
        }
        
        .thumbnail-container i.icon-notify {
            background-position: -199px -147px;
        }
        
        .thumbnail-container i.icon-chart {
            background-position: -392px -147px;
        }
        
        .thumbnail-container i.icon-resource {
            background-position: -570px -147px;
        }
        
        .thumbnail-container i.icon-organ {
            background-position: -762px -147px;
        }
        
        .thumbnail-container em {
            margin-top: 30px;
            display: block;
            font-family: "siyuan_regular";
            font-size: 20px;
            color: #333;
        }
        
        .thumbnail-container span.describ {
            margin-top: 10px;
            display: block;
            font-size: 12px;
            color: #666;
        }
        
        .thumbnail-container button {
            opacity: 0;
            -webkit-transition: ease-out opacity 200ms;
            transition: ease-out opacity 200ms;
            cursor: pointer;
            margin-top: 50px;
            width: 146px;
            border: none;
            padding: 6px 0;
            border-radius: 4px;
            background: #327eda;
        }
        
        .thumbnail-container button i {
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            display: inline-block;
            width: 12px;
            height: 8px;
            background-position: -46px -3px;
        }
        
        .thumbnail-container button span {
            font-size: 14px;
            color: #fff;
            vertical-align: middle;
            margin-right: 10px;
        }
        
        .thumbnail-container .slider {
            width: 100%;
            position: absolute;
            top: 0;
            padding-top: 40px;
            -webkit-transition: ease-out top 200ms;
            transition: ease-out top 200ms;
        }
        
        .thumbnail-container li {
            position: relative;
            display: inline-block;
            overflow: hidden;
            width: 182px;
            border: 1px solid #eaeaea;
            background: #fff;
            border-radius: 4px;
            height: 220px;
            margin-right: 20px;
            text-align: center;
        }
        
        .thumbnail-container li.l1 button {
            background: #ff973a;
        }
        
        .thumbnail-container li.l2 button {
            background: #ff6363;
        }
        
        .thumbnail-container li.l3 button {
            background: #08af3b;
        }
        
        .thumbnail-container li.l4 button {
            background: #0ec0c2;
        }
        
        .thumbnail-container li.l5 button {
            background: #327eda;
        }
        
        .thumbnail-container li.l1 {
            background: #fffaf5;
            border: 1px solid #ffdfc3
        }
        
        .thumbnail-container li.l2 {
            background: #fff8f8;
            border: 1px solid #ffcccc
        }
        
        .thumbnail-container li.l3 {
            background: #f2fbf5;
            border: 1px solid #b5e9c5
        }
        
        .thumbnail-container li.l4 {
            background: #f3fcfc;
            border: 1px solid #c6e8e8
        }
        
        .thumbnail-container li.l5 {
            background: #f5f8fd;
            border: 1px solid #cedef1
        }
        
        .thumbnail-container li:last-child {
            margin-right: 0;
        }
        
        .thumbnail-container li:hover {
            border-color: #327eda;
        }
        
        .thumbnail-container li.l1:hover {
            border-color: #ffdfc3
        }
        
        .thumbnail-container li.l2:hover {
            border-color: #ffcccc
        }
        
        .thumbnail-container li.l3:hover {
            border-color: #b5e9c5
        }
        
        .thumbnail-container li.l4:hover {
            border-color: #c6e8e8
        }
        
        .thumbnail-container li.l5:hover {
            border-color: #cedef1
        }
        
        .thumbnail-container li:hover .slider {
            top: -90px;
        }
        
        .thumbnail-container li:hover i.fade {
            opacity: 0;
        }
        
        .thumbnail-container li:hover button {
            opacity: 1;
        }
        
        .info-container {
            width: 100%;
            padding: 20px 0;
        }
        
        .info-container .info-title {
            width: 1000px;
            height: 20px;
            text-align: center;
            margin: 0 auto;
            margin-bottom: 20px;
            font-size: 0;
            border-bottom: 1px solid #327eda;
        }
        
        .info-container .info-title span {
            font-size: 18px;
            vertical-align: middle;
            color: #327eda;
            padding: 0 5px;
            background-color: #fff;
        }
        
        .info-container i.info-icon {
            display: inline-block;
            width: 20px;
            height: 20px;
            padding: 0 5px;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            background-position: -204px -80px;
            background-color: #fff;
        }
        
        .info-container .info-list {
            width: 1000px;
            margin: 0 auto;
            margin-top: 20px;
            font-size: 0;
        }
        
        .info-container .info-list dd {
            vertical-align: top;
            display: inline-block;
            width: 320px;
            margin-right: 20px;
            margin-bottom: 20px;
        }
        
        .info-container .info-list dd:nth-child(3n) {
            margin-right: 0;
        }
        
        .info-container .info-subtitle {
            margin-bottom: 10px;
        }
        
        .info-container .info-subtitle i {
            width: 24px;
            height: 15px;
            margin-right: 10px;
            display: inline-block;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
        }
        
        .info-container .info-subtitle span.subtitle_text {
            display: inline-block;
            width: 222px;
            vertical-align: middle;
            font-size: 14px;
            font-weight: bold;
            color: #333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .info-container i.icon-info1 {
            background-position: -258px -80px;
        }
        
        .info-container i.icon-info2 {
            background-position: -282px -80px;
        }
        
        .info-container i.icon-info3 {
            background-position: -305px -80px;
        }
        
        .info-container i.icon-info4 {
            background-position: -328px -80px;
        }
        
        .info-container i.icon-info5 {
            background-position: -350px -80px;
        }
        
        .info-container i.icon-info6 {
            background-position: -377px -80px;
        }
        
        .info-container a.info-more {
            display: inline-block;
            padding: 2px 6px;
            background: #fff;
            border-radius: 2px;
            -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.11);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.11);
            margin-left: 10px;
        }
        
        .info-container a.info-more:before {
            content: '';
            display: inline-block;
            width: 14px;
            height: 9px;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            background-position: -239px -80px;
            margin-right: 4px;
        }
        
        .info-container a.info-more span {
            vertical-align: middle;
            color: #999;
            font-size: 12px;
        }
        
        .info-container ul.company-list {
            padding: 25px 10px;
            height: 158px;
            background: #fff;
            -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
            overflow: hidden;
        }
        
        .info-container ul.company-list li {
            margin-bottom: 18px;
        }
        
        .info-container ul.company-list span {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            color: #666;
            width: 254px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .info-container ul.company-list span:before {
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            background: #327eda;
            margin-right: 8px;
        }
        
        .info-container ul.company-list a.info-search {
            font-size: 12px;
            color: #fff;
            vertical-align: middle;
            background: #327eda;
            padding: 2px 6px;
            margin-left: 10px;
            border-radius: 4px;
        }
        
        .search-container {
            width: 100%;
            padding: 40px 0;
        }
        
        .search-container .search-list {
            width: 1000px;
            margin: 0 auto;
            font-size: 0;
        }
        
        .search-container li {
            display: inline-block;
            width: 480px;
            margin-right: 40px;
        }
        
        .search-container li:last-child {
            margin-right: 0;
        }
        
        .search-container .search-title {
            margin-bottom: 10px;
        }
        
        .search-container .search-title i {
            display: inline-block;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            width: 16px;
            height: 16px;
            margin-right: 14px;
        }
        
        .search-container .search-title span {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            color: #333;
        }
        
        .search-container .search-title i.icon-bulletin {
            background-position: -80px -80px;
        }
        
        .search-container .search-title i.icon-permission {
            background-position: -106px -80px;
        }
        
        .search-container .search-main {
            background: #fff;
            border: 1px solid #dadada;
            padding: 6px 10px;
            font-size: 14px;
        }
        
        .search-container input {
            width: 80%;
            background: none;
            border: none;
            outline: none;
        }
        
        .search-container button {
            cursor: pointer;
            float: right;
            margin-top: -7px;
            margin-right: -11px;
            border: none;
            outline: none;
            background: #47aef7;
            padding: 6px 10px;
        }
        
        .search-container button i.icon-search {
            width: 14px;
            height: 14px;
            margin-right: 4px;
            display: inline-block;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            background-position: -20px 0;
        }
        
        .search-container button span {
            vertical-align: middle;
            font-size: 14px;
            color: #fff;
        }
        
        .contact-container {
            width: 1100px;
            background: #f5f5f7;
            padding: 20px 0;
            font-size: 0;
            margin: 0 auto;
        }
        
        .contact-container ul.contact-list {
            width: 1000px;
            margin: 0 auto;
        }
        
        .contact-container ul.contact-list li {
            width: 313.33333px;
            white-space: nowrap;
            display: inline-block;
            margin-right: 30px;
        }
        
        .contact-container ul.contact-list li:last-child {
            margin-right: 0;
        }
        
        .contact-container .contact-class {
            width: 179.33333px;
            display: inline-block;
            vertical-align: middle;
            white-space: pre-wrap;
            text-align: center;
            margin-right: 10px;
        }
        
        .contact-container .contact-class span {
            font-size: 12px;
            color: #333;
        }
        
        .contact-container .contact-class i {
            display: inline-block;
            width: 52px;
            height: 42px;
            margin-bottom: 10px;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
        }
        
        .contact-container .contact-class i.weixin {
            background-position: 0px -258px;
        }
        
        .contact-container .contact-class i.weibo {
            background-position: -70px -258px;
        }
        
        .contact-container .contact-class i.mobileApp {
            background-position: -126px -258px;
        }
        
        .contact-container img {
            padding: 10px;
            background: #fff;
            vertical-align: middle;
        }
        
        .footer {
            padding: 20px;
        }
        
        .footer p {
            text-align: center;
            font-size: 12px;
            color: #fff;
        }
        /*# sourceMappingURL=style.css.map */
        
        .wrap {
            width: 1100px;
            min-height: 450px;
            margin: -120px auto 0 auto;
            background: #fff;
        }
        
        .nHd {
            padding: 25px 60px;
            border-bottom: 1px solid #dadada;
        }
        
        .nHd p {
            font-size: 12px;
            color: #999;
        }
        
        .nHd p span {
            margin-right: 20px;
            display: inline-block;
        }
        
        .nHd h2 {
            padding: 10px 0;
            font-size: 24px;
            line-height: 150%;
            color: #333;
        }
        
        .nHd p i {
            margin-right: 20px;
            color: #666;
            display: inline-block;
        }
        
        .nHd p i:before {
            width: 16px;
            height: 16px;
            margin-right: 5px;
            content: '';
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            display: block;
            float: left;
        }
        
        .nHd p i.date:before {
            background-position: 0 -240px;
        }
        
        .nHd p i.source:before {
            background-position: -16px -240px;
        }
        
        .nCon {
            padding: 30px 60px;
        }
        
        .nCon p {
            margin-bottom: 10px;
            font-size: 14px;
            color: #333;
            line-height: 200%;
        }
        
        .nCon .rt {
            text-align: right;
            color: #666;
        }
        
        .notice {
            padding-bottom: 20px;
            position: relative;
        }
        
        .notice:before {
            content: '';
            width: 1000px;
            height: 34px;
            display: block;
            background: url(../../images/yn-w/shadow.jpg) no-repeat;
            position: absolute;
            top: 75px;
            left: 0;
        }
        
        .notice h2 {
            position: relative;
            margin: 0 20px;
            padding: 25px 0;
            border-bottom: 1px solid #dadada;
        }
        
        .notice h2 i {
            font-size: 18px;
            line-height: 24px;
            color: #333;
            font-weight: 600;
            float: left;
        }
        
        .notice h2 i:before {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            content: '';
            background: url(../../images/yn-w/sprite.png) no-repeat -441px -73px;
            display: block;
            float: left;
        }
        
        .notice h2 i.dd_icon_xz:before {
            background-position: -417px -73px;
        }
        
        .notice h2 span {
            font-size: 14px;
            line-height: 24px;
            color: #666;
            float: right;
        }
        
        .notice h2 span select {
            min-width: 100px;
            height: 24px;
        }
        
        .notice ul {
            padding: 0 60px;
            position: relative;
            z-index: 10;
        }
        
        .notice li {
            padding: 20px 0;
            border-bottom: 1px dashed #d7d7d7;
        }
        
        .notice li span {
            width: 60px;
            height: 45px;
            margin-right: 15px;
            box-sizing: border-box;
            padding-top: 6px;
            font-size: 12px;
            color: #fff;
            text-align: center;
            display: block;
            float: left;
        }
        
        .notice li span strong {
            font-size: 14px;
            font-weight: bold;
            line-height: 16px;
            text-align: center;
            display: block;
        }
        
        .notice li span.c01 {
            background: #347fda;
        }
        
        .notice li span.c02 {
            background: #49c097;
        }
        
        .notice li span.c03 {
            background: #f4b05b;
        }
        
        .notice li span.c04 {
            background: #fb9077;
        }
        
        .notice li a {
            font-size: 18px;
            line-height: 28px;
            color: #333;
        }
        
        .notice li a:hover {
            color: #f30;
            text-decoration: underline;
        }
        
        .notice li i {
            font-size: 12px;
            color: #999;
            display: block;
        }
        
        .pgct {
            height: 28px;
            margin: 20px 0;
            padding: 0 60px;
            font-size: 14px;
            color: #666;
            text-align: right;
        }
        
        .pgct span {
            font-size: 14px;
            line-height: 28px;
            color: #666;
            float: left;
        }
        
        .pgct a {
            width: 28px;
            height: 28px;
            margin-right: 2px;
            border-radius: 2px;
            line-height: 28px;
            color: #333;
            text-align: center;
            display: inline-block;
        }
        
        .pgct a:hover {
            background: #ddd;
        }
        
        .pgct a.cur {
            background: #47aef7;
            color: #fff;
            cursor: default;
        }
        
        .pgct input[type="text"] {
            width: 40px;
            height: 28px;
            line-height: 28px;
            border-radius: 2px;
            border: 1px solid #cfcfcf;
        }
        
        .pgct input[type="submit"] {
            width: 54px;
            height: 28px;
            margin-left: 10px;
            line-height: 28px;
            background: #47aef7;
            border-style: none;
            border-radius: 2px;
            color: #fff;
            text-align: center;
        }
        
        .pgct input[type="submit"]:hover {
            background: #347fda;
        }
        
        body.bg {
            background-size: cover;
        }
        
        .bg2 {
            background: url(../../images/yn-w/bg.jpg);
            background-size: cover;
        }
        
        .top {
            width: 1000px;
            margin: 30px auto;
            position: relative;
        }
        
        .top h1 {
            color: #fff;
            font-size: 42px;
            line-height: 32px;
            font-weight: 600;
            text-shadow: 0 3px 3px rgba(0, 0, 0, 0.205);
        }
        
        .top h4 {
            margin-right: 20px;
            padding-right: 20px;
            font-family: 'siyuan_regular';
            color: #fff;
            font-size: 24px;
            line-height: 32px;
            text-shadow: 0 3px 3px rgba(0, 0, 0, 0.205);
            border-right: 1px solid #fff;
            float: left;
        }
        
        .top .user {
            text-align: right;
            position: absolute;
            top: 10px;
            right: 0;
        }
        
        .top .user a {
            color: #fff;
        }
        
        .tips {
            width: 700px;
            min-height: 580px;
            margin: 70px auto 30px auto;
            background: #fff;
            border-radius: 5px;
            overflow: hidden;
        }
        
        .tips h2 {
            height: 95px;
            background: url(../../images/yn-w/tips.png) no-repeat center center;
            border-bottom: 1px solid #dadada;
            box-shadow: 0 2px 3px #eee;
            text-indent: -9999px;
            overflow: hidden;
        }
        
        .tips .tpCn {
            padding: 30px 50px 50px 50px;
        }
        
        .tips .tpCn p {
            margin-bottom: 20px;
            font-size: 14px;
            color: #333;
            line-height: 200%;
        }
        
        .tips .tpCn p span {
            text-indent: 2em;
            display: block;
        }
        
        .tips .tpCn .kn {
            padding: 20px 0 0 0;
            text-align: center;
        }
        
        .tips .tpCn .kn input[type="button"] {
            width: 240px;
            height: 55px;
            background: #327eda;
            border-style: none;
            font-size: 18px;
            text-align: center;
            color: #fff;
            line-height: 55px;
        }
        
        .tips .tpCn .kn input[type="button"]:hover {
            background: #47aef7;
        }
        
        .fixB {
            width: 100%;
            position: fixed;
            bottom: 0;
        }
        
        .dd_menu_aa {
            border-bottom: 1px dashed #cccccc;
            padding: 15px 0;
            position: relative;
            z-index: 10;
            margin: 20px 20px 0 20px;
        }
        
        .dd_menu_aa a {
            padding: 8px 20px;
            margin: 0 20px 20px 0;
            font-size: 15px;
            border-radius: 3px;
            color: #888888;
            display: inline-block;
            border: 1px solid #ddd;
        }
        
        .dd_menu_aa a.cur {
            border-color: #408ce2;
            color: #408ce2;
        }
        
        .dd_menu_aa a:hover {
            color: #408ce2;
        }
        
        .dd_con_aa {
            padding: 0 20px 10px 20px;
        }
        
        .dd_list_con {
            padding: 14px 10px;
            position: relative;
        }
        
        .dd_list_bg {
            background: #fbfbfb;
        }
        
        .dd_list_con i {
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            background: url(../../images/yn-w/sprite.png) no-repeat -472px -73px;
        }
        
        .dd_list_con span {
            font-size: 16px;
            color: #59687c;
            display: inline-block;
            vertical-align: middle;
        }
        
        .dd_list_con a {
            font-size: 14px;
            color: #da4e32;
            border: 1px solid #da4e32;
            padding: 4px 20px;
            border-radius: 16px;
            display: inline-block;
            position: absolute;
            right: 20px;
            top: 11px;
        }
        
        .dd_list_con a:hover {
            background: #da4e32;
            color: #fff;
        }
        /*  list3  */
        
        .case_list {
            padding-bottom: 20px;
            position: relative;
        }
        
        .case_list:before {
            content: '';
            width: 1000px;
            height: 34px;
            display: block;
            background: url(../../images/yn-w/shadow.jpg) no-repeat;
            position: absolute;
            top: 75px;
            left: 0;
        }
        
        .case_list h2 {
            position: relative;
            margin: 0 20px;
            padding: 22px 0;
            border-bottom: 1px solid #dadada;
        }
        
        .case_list h2 i {
            font-size: 18px;
            line-height: 24px;
            color: #333;
            font-weight: 600;
            float: left;
        }
        
        .case_list h2 i:before {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            content: '';
            background: url(../../images/yn-w/sprite.png) no-repeat -498px -73px;
            display: block;
            float: left;
        }
        
        .case_list h2 i.dd_icon_xz:before {
            background-position: -417px -73px;
        }
        
        .wrap .case_list button {
            margin-left: 4px;
            float: right;
            height: 30px;
            width: 78px;
            cursor: pointer;
            border: none;
            text-align: center;
            background: #47aef7;
            border-radius: 2px;
        }
        
        .wrap .case_list button:hover {
            background-color: #1698f5;
        }
        
        .case_list h2 button .icon-search {
            width: 14px;
            height: 14px;
            margin: 8px 4px 8px 12px;
            display: inline-block;
            background-image: url(../../images/yn-w/sprite.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            background-position: -20px 0;
        }
        
        .case_list h2 button .icon-search:before {
            display: none;
        }
        
        .case_list h2 .inp_w {
            width: 106px;
            margin-right: 8px;
            margin-left: 4px;
        }
        
        .case_list h2 span .bg_time {
            position: absolute;
            width: 16px;
            height: 16px;
            display: inline-block;
            background: url(../../images/yn-w/icon_time.png) no-repeat;
            top: 9px;
            right: 12px;
        }
        
        .case_list h2 span .bg_time:before {
            display: none;
        }
        
        .case_list h2 button span {
            color: #FFFFFF;
            float: left;
            line-height: 30px;
        }
        
        .case_list h2 span {
            position: relative;
            font-size: 14px;
            line-height: 26px;
            color: #666;
            float: right;
        }
        
        .case_list h2 span select {
            min-width: 100px;
            height: 24px;
        }
        
        .case_list input {
            width: 222px;
            height: 26px;
            text-indent: 6px;
            margin-right: 26px;
        }
        
        .c_num {
            position: absolute;
            top: 26px;
            margin-right: 16px;
            text-indent: 10px;
            border: 2px solid #327eda;
            width: 30px;
            height: 30px;
            border-radius: 30px;
            display: inline-block;
            font: 600 16px/30px "microsoft yahei";
            color: #327eda;
        }
        
        .case_list ul {
            padding: 0 60px;
            position: relative;
            z-index: 10;
        }
        
        .case_list_con {
            position: relative;
            padding: 20px 0;
            border-bottom: 1px dashed #d7d7d7;
        }
        
        .case_list_con a {
            font-size: 18px;
            line-height: 28px;
            color: #333;
            margin-left: 48px;
        }
        
        .case_list_con a:hover {
            color: #f30;
            text-decoration: underline;
        }
        
        .case_list ul .aaa_list {
            padding-right: 0;
            margin-bottom: 14px;
            padding-left: 48px;
        }
        
        .aaa_list {
            font: normal 12px/22px "microsoft yahei";
            color: #999999;
        }
        
        .aaa_list li {
            display: inline-block;
        }
        
        .aaa_list li:first-child {
            float: left;
        }
        
        .aaa_list li:first-child span {
            color: #21b683;
        }
        
        .aaa_list li:nth-child(2) {
            position: absolute;
            left: 45%;
        }
        
        .aaa_list li:nth-child(2) span {
            color: #f4b05b;
        }
        
        .aaa_list li:last-child {
            float: right;
        }
        
        .aaa_list li:last-child span {
            color: #fb9077;
        }
        
        .notice li {
            font-size: 0;
        }
        
        .list_text {
            display: inline-block;
            vertical-align: middle;
            width: 739px;
        }
        
        .list_op {
            display: inline-block;
            vertical-align: middle;
        }
        
        .notice li .list_op a {
            font-size: 14px;
            margin-right: 10px;
        }
        
        .notice li .list_op a:last-child {
            margin-right: 0;
        }
        
        .help {
            width: 1000px;
        }
        
        .help h2 {
            background: url(../../images/yn-w/help.png) no-repeat center center;
        }
        
        .help .hpCn {
            padding: 20px 50px 50px 50px;
        }
        
        .help .hpCn h3 {
            margin: 30px 0 20px 0;
            padding: 0 0 10px 0;
            border-bottom: 1px solid #e8e8e8;
            font-size: 18px;
            line-height: 20px;
            color: #4a8bed;
        }
        
        .help .hpCn h3:before {
            content: "";
            width: 3px;
            height: 20px;
            margin-right: 20px;
            background: #4185ec;
            display: block;
            float: left;
        }
        
        .help .hpCn p {
            margin-bottom: 20px;
            font-size: 14px;
            color: #333;
            line-height: 200%;
        }
        
        .help .hpCn p span {
            text-indent: 2em;
            display: block;
        }
        
        .indent {
            text-indent: 2em;
        }
        
        .center {
            text-align: center;
        }
        /*弹窗公告*/
        
        .gg_h2 {
            text-align: center;
            font-size: 30px;
            font-weight: 600;
            color: #327eda;
            margin-top: 40px;
        }
        
        .gg_text {
            padding: 40px 50px 0px 50px;
            font-weight: 400;
            text-align: left
        }
        
        .gg_text p {
            margin-bottom: 20px;
            font-size: 14px;
            color: #333;
            line-height: 200%;
        }
        
        .wrap_gg_btn {
            padding: 10px 0 0 0;
            text-align: center;
        }
        
        .btn_gg_sec {
            width: 238px;
            height: 53px;
            background: #fff;
            border: 1px solid #327eda;
            font-size: 18px;
            text-align: center;
            color: #fff;
            cursor: pointer;
            border-radius: 4px;
            color: #327eda;
        }
        
        .btn_gg {
            width: 240px;
            height: 53px;
            background: #327eda;
            border: 1px solid #327eda;
            border-style: none;
            font-size: 18px;
            text-align: center;
            color: #fff;
            cursor: pointer;
            border-radius: 4px;
        }
        
        .img_gg {
            display: inline-block;
            width: 100px;
            height: 56.25px;
            background: url(../../images/yn-w/img_gg_small.png) no-repeat;
            border: none;
        }
        
        .dialog {
            width: 100px;
            height: 56.25px;
            background: none;
            border: none;
            font-size: 13px;
            font-weight: 600;
            color: #fff;
            line-height: 15px;
            text-align: center;
            cursor: pointer;
        }
        
        @media screen and (min-width:1420px) {
            .img_gg {
                display: inline-block;
                width: 160px;
                height: 90px;
                background: url(../../images/yn-w/img_gg.png) no-repeat;
                border: none;
            }
            .dialog {
                width: 160px;
                height: 90px;
                background: none;
                border: none;
                font-size: 18px;
                font-weight: 600;
                color: #fff;
                line-height: 22px;
                text-align: center;
            }
        }
        
        #btn_gg {}
        
        .current_gg {
            position: fixed;
            z-index: 999 !important;
        }
        
        .mo_gg {
            background-color: #fff;
            z-index: 0;
            width: 10px;
            height: 10px;
            top: 400px;
            right: 50%;
            margin-right: -600px;
            overflow: hidden;
            position: fixed;
            border-radius: 10px;
        }
        
        .shadow_gg {
            position: fixed;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
            display: none;
            z-index: 20;
        }
        
        .shadow_s {
            display: block;
        }
        
        .close_x {
            position: absolute;
            top: 4px;
            right: 4px;
            width: 32px;
            height: 32px;
            font-size: 28px;
            color: #ccc;
            line-height: 32px;
            text-align: center;
            font-weight: 200;
        }
        /*tab切换*/
        /*选项卡_默认样式****************************************************************************/
        
        .yyui_tab {}
        
        .yyui_tab>ul {}
        
        .yyui_tab>ul>.tab_title {
            box-sizing: border-box;
            line-height: 38px;
            height: 38px;
            color: #000000;
            cursor: pointer;
            display: inline-block;
            font-size: 13px;
            padding: 0px 18px;
            letter-spacing: 0px;
        }
        
        .yyui_tab>ul>.tab_title_s {
            box-sizing: border-box;
            line-height: 36px;
            border-left: 1px solid #e6e6e6;
            border-top: 1px solid #e6e6e6;
            border-right: 1px solid #e6e6e6;
            height: 38px;
            color: #000000;
            background-color: #ffffff;
            cursor: pointer;
            display: inline-block;
            font-size: 13px;
            padding: 0px 18px;
            -moz-border-radius: 2px 2px 0px 0px;
            -webkit-border-radius: 2px 2px 0px 0px;
            border-radius: 2px 2px 0px 0px;
            letter-spacing: 0px;
        }
        
        .yyui_tab>.tab_content {
            margin-top: -1px;
            display: none;
            box-sizing: border-box;
            padding: 10px;
            border-top: 1px solid #e6e6e6;
        }
        
        .yyui_tab>.tab_content_s {
            margin-top: -1px;
            display: block;
            box-sizing: border-box;
            padding: 10px;
            border-top: 1px solid #e6e6e6;
        }
        /*选项卡_card卡片样式****************************************************************************/
        
        .tab_card {
            letter-spacing: 0px;
        }
        
        .tab_card>ul {
            margin-left: -1px;
        }
        
        .tab_card>ul>.tab_title {
            box-sizing: border-box;
            cursor: pointer;
            display: inline-block;
        }
        
        .tab_card>ul>.tab_title_s {
            box-sizing: border-box;
            cursor: pointer;
            display: inline-block;
            background: #fff;
        }
        
        .tab_card>ul>.tab_title_s span {
            color: #005cd8
        }
        
        .tab_card>ul>.tab_title_s b {
            width: 38px;
            height: 23px;
            background: url(../../images/yn-w/tri_sort.png) no-repeat;
            position: absolute;
            left: 50%;
            margin-left: -19px;
            bottom: -1px;
            display: block;
            z-index: 10;
        }
        
        .tab_card>ul>.tab_title b {
            width: 38px;
            height: 23px;
            background: url(../../images/yn-w/tri_sort.png) no-repeat;
            position: absolute;
            left: 50%;
            margin-left: -19px;
            bottom: 0;
            display: none;
        }
        
        .tab_card>.tab_content {
            display: none;
            box-sizing: border-box;
            background-color: #ffffff;
        }
        
        .tab_card>.tab_content_s {
            display: block;
            box-sizing: border-box;
            background-color: #ffffff;
        }
        /*停机公告*/
        
        .wrap_error {
            width: 100%;
            text-align: center;
            background: #fff;
            display: inline-block;
            margin-top: -80px;
            padding-top: 100px;
        }
        
        .wrap_error span {
            display: inline-block;
            width: 400px;
            height: 200px;
            background: url(../../images/yn-w/icon_outage.png) no-repeat center center;
        }
        
        .wrap_error p {
            font-size: 24px;
            line-height: 44px;
            color: #235ea4;
            text-indent: 45px;
        }
        
        .wrap_error p.p1 {
            font-size: 40px;
            line-height: 64px;
            color: #235ea4
        }
        /*2019-8-26*/
        
        .btn_index {
            display: inline-block;
            height: 18px;
            background: url(../../images/yn-w/icon_index.png) no-repeat;
            text-indent: 20px;
            font-size: 13px;
            line-height: 18px;
            color: #fff;
            text-align: left;
            position: absolute;
            right: 50%;
            margin-right: -540px;
            top: 54px;
        }
        
        .btn_index:hover {
            font-weight: 600;
        }
        /*办事套餐页面*/
        
        .business_p ul {
            width: 1000px;
            margin: 0 auto;
            font-size: 0;
            padding: 40px 0 20px 0;
        }
        
        .business_p ul li {
            display: inline-block;
            vertical-align: top;
            margin-right: 20px;
            margin-bottom: 20px;
            padding: 10px 0;
            width: 235px;
            height: 200px;
            background: url(../../images/yn-w/colorBg.jpg) center top no-repeat;
            background-repeat: no-repeat;
            -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12);
            border-radius: 4px;
        }
        
        .business_p ul li:nth-child(4n) {
            margin-right: 0;
        }
        
        .business_p ul li:hover,
        .business_p ul li h4:hover li {
            -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
        }
        
        .business_p ul li.blue {
            background-position: 0 0;
        }
        
        .business_p ul li.green {
            background-position: -235px 0;
        }
        
        .business_p ul li.yellow {
            background-position: -470px 0;
        }
        
        .business_p ul li.red {
            background-position: -705px 0;
        }
        
        .business_p ul h4 {
            font-size: 24px;
            font-weight: 600;
            line-height: 110px;
            color: #fff;
            text-align: center;
            text-shadow: 0 5px 5px rgba(0, 0, 0, 0.11);
        }
        
        .business_p ul p {
            padding: 14px 10px 14px 10px;
            width: 215px;
            height: 72px;
            font-size: 12px;
            line-height: 20px;
            color: #fff;
            white-space: pre-wrap;
            background: #fff;
            color: #333;
            border-radius: 0 0 4px 4px;
        }
        
        h2.title_inner {
            position: relative;
            margin: 0 20px;
            padding: 25px 0;
            border-bottom: 1px solid #dadada;
        }
        
        h2.title_inner:before {
            content: '';
            width: 1000px;
            height: 34px;
            display: block;
            background: url(../../images/yn-w/shadow.jpg) no-repeat;
            position: absolute;
            top: 75px;
            left: 0;
        }
        
        h2.title_inner i {
            font-size: 18px;
            line-height: 24px;
            color: #333;
            font-weight: 600;
            float: left;
        }
        
        h2.title_inner i:before {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            content: '';
            background: url(../../images/yn-w/sprite.png) no-repeat -130px -79px;
            display: block;
            float: left;
        }
        
        h2.title_inner i.info_p:before {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            content: '';
            background: url(../../images/yn-w/sprite.png) no-repeat -206px -79px;
            display: block;
            float: left;
        }
        /*信息公示*/
        
        .wrap_inner {
            padding: 20px 20px;
            position: relative;
            z-index: 2;
            display: inline-block;
            width: 1060px;
        }
        
        .left_inner {
            float: left;
            width: 200px;
        }
        
        .left_inner dl dd {
            background: #edf3fd;
        }
        
        .left_inner dl dd a {
            display: inline-block;
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 12px;
            color: #333;
            text-indent: 16px;
            text-align: left;
            position: relative;
        }
        
        .left_inner dl dd.current a {
            background: #327eda;
            color: #fff;
        }
        
        .left_inner dl dd a i {
            width: 10px;
            height: 40px;
            display: none;
            background: url(../../images/yn-w/tri_l_inner.png) no-repeat;
            position: absolute;
            right: -10px;
            top: 0;
        }
        
        .left_inner dl dd.current a i {
            display: block;
        }
        
        .right_inner {
            width: 830px;
            float: right;
        }
        
        .table-search {
            margin-bottom: 10px;
        }
        
        .table-search th {
            font-size: 14px;
            line-height: 26px;
            padding: 9px 4px 9px 0;
            vertical-align: middle;
        }
        
        .table-search td {
            font-size: 14px;
            line-height: 26px;
            padding: 9px 20px 9px 0;
            vertical-align: middle;
        }
        
        .input_a {
            width: 180px;
            height: 24px;
            border: 1px solid #ccc;
            text-indent: 4px;
        }
        
        .input_time {
            width: 100px;
            height: 24px;
            border: 1px solid #ccc;
            background: url(../../images/yn-w/icon_time.png) #fff no-repeat 96% center;
        }
        
        a.btn_search_a {
            padding: 0 22px;
            height: 26px;
            line-height: 26px;
            display: inline-block;
            font-size: 14px;
            color: #fff;
            text-align: center;
            background: #327eda;
            border-radius: 2px;
        }
        
        a.btn_search_a:hover {
            background: #1f69ce
        }
        
        .table_a {
            width: 100%;
        }
        
        .table_a th {
            height: 40px;
            font-size: 13px;
            line-height: 40px;
            color: #fff;
            background: #88bffa;
            text-align: left;
            padding: 0 2px;
        }
        
        .table_a td {
            font-size: 13px;
            line-height: 40px;
            color: #666;
            text-align: left;
            padding: 0 2px;
        }
        
        .table_a td a {
            color: #327eda;
        }
        
        .table_a td a:hover {
            text-decoration: underline;
        }
        
        .table_a tr {
            background: #fff;
        }
        
        .table_a tr:nth-of-type(odd) {
            background: #f6f6f6;
        }
        /*展开手风琴*/
        
        .dd_con_aa {
            padding: 0 20px 10px 20px;
        }
        
        .nagative_list {
            padding: 20px;
            height: auto;
            border-bottom: 0;
        }
        
        .Collapsing {
            width: 100%;
            height: 36px;
            font-size: 15px;
            font-weight: 600;
            line-height: 36px;
            cursor: pointer;
            text-align: left;
            text-indent: 10px;
            background-repeat: no-repeat;
            background: #edf5ff url(../../images/yn-w/pro_left.png) no-repeat right center;
            color: #408ce2;
            margin-bottom: 4px;
        }
        
        .coll_body {
            display: none;
            padding: 6px 0;
        }
        
        .coll_body a {
            display: inline-block;
            padding: 0 10px;
            margin: 2px 10px;
            text-align: center;
            background: #fff;
        }
        
        .current_n {
            background-image: url(../../images/yn-w/pro_down.png);
        }
        /*事项查询按钮2019-9-6*/
        
        .mo_search {
            width: 298px;
            height: 34px;
            border: 1px solid #0870ff;
            background: #fff;
            position: absolute;
            z-index: 10;
            top: -33px;
            right: 50px;
            border-radius: 17px;
            display: none;
        }
        
        .btn_search_blue {
            width: 34px;
            height: 34px;
            background: url(../../images/yn-w/icon_search_blue.png) 0 0 no-repeat;
            border: none;
            float: right;
            margin-right: 0px;
            cursor: pointer;
            border-radius: 17px;
        }
        
        .btn_search_blue:hover {
            background-position: 0 -34px;
        }
        
        .input_s_sx {
            width: 240px;
            height: 34px;
            border: none;
            background: none;
            float: left;
            text-indent: 15px;
        }
        
        .btn_retrieve {
            width: 100px;
            height: 28px;
            background: #e6f0ff url(../../images/yn-w/icon_search_blue_a.png) 70px center no-repeat;
            line-height: 28px;
            font-size: 14px;
            color: #0870ff;
            text-align: left;
            position: absolute;
            z-index: 10;
            top: -33px;
            right: 50px;
            border-radius: 17px;
            border: none;
            text-indent: 12px;
            cursor: pointer;
        }
        
        .i_close_r {
            width: 17px;
            height: 17px;
            background: url(../../images/yn-w/icon_close_blue.png) no-repeat;
            display: inline-block;
            position: absolute;
            left: -16px;
            top: -11px;
        }
        /*模糊查询*/
        
        .mo_s_option {
            width: 278px;
            max-height: 140px;
            background: #fff;
            border: 1px solid #ccc;
            position: absolute;
            top: 36px;
            left: 0;
            padding: 10px;
            border-radius: 18px;
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08)
        }
        
        .mo_s_option ul {
            height: 140px;
            width: 100%
        }
        
        .mo_s_option ul li {
            font-size: 13px;
            line-height: 28px;
            color: #001736;
            cursor: pointer;
        }
        
        .mo_s_option ul li:hover {
            color: #005cd8
        }
        /*访问量*/
        
        .div_visits {
            text-align: center;
        }
        
        .div_visits ul {
            display: inline-block;
            padding: 0 0 25px 0;
        }
        
        .div_visits ul li {
            position: relative;
            display: inline-block;
            padding-left: 22px;
            font-size: 16px;
            line-height: 30px;
            margin: 0 30px;
        }
        
        .div_visits ul li span {
            font-size: 24px;
            margin-left: 10px;
        }
        
        .div_visits ul li span.s1 {
            color: #357ed9;
        }
        
        .div_visits ul li span.s2 {
            color: #ff800f;
        }
        
        .div_visits ul li i {
            width: 17px;
            height: 17px;
            position: absolute;
            left: 0;
            top: 9px;
        }
        
        .div_visits ul li i.i1 {
            background: url(../../images/yn-w/icon_visits_a.png) no-repeat;
        }
        
        .div_visits ul li i.i2 {
            background: url(../../images/yn-w/icon_visits_b.png) no-repeat;
        }
        /*2020-3-20补充*/
        
        .info-container i.info-icon {
            padding: 0 3px;
        }
        
        .info-container i.notice-icon {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url(../../images/yn-w/icon_notice.png);
            background-repeat: no-repeat;
            vertical-align: middle;
            background-color: #fff;
        }
        
        .combo-title.mo_three {
            width: 320px;
            float: left;
            margin-left: 20px;
            background-position: center 12px;
        }
        
        .inline_b {
            display: inline-block;
        }
        
        ul.list_gg {
            padding: 20px 10px 15px 10px;
            height: 158px;
            background: #eff2f6;
            overflow: hidden;
            margin-top: 18px;
        }
        
        ul.list_gg li {
            margin-bottom: 18px;
            position: relative;
        }
        
        ul.list_gg li span {
            font-size: 12px;
            color: #666;
            float: right;
        }
        
        ul.list_gg a {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            color: #666;
            width: 190px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        ul.list_gg a:before {
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            background: #327eda;
            margin-right: 8px;
        }
        
        ul.list_gg a:hover {
            text-decoration: underline;
            color: #327eda;
        }
        
        ul.list_gg li b {
            position: absolute;
            width: 17px;
            height: 17px;
            background: #ff0000;
            color: #fff;
            font-size: 12px;
            text-align: center;
            line-height: 17px;
            right: 93px;
            top: 0;
            display: inline-block;
            border-radius: 2px;
        }
        
        .fL {
            float: left;
        }
        
        .fR {
            float: right;
        }
        
        .ul_func_t {}
        
        .ul_func_t li {
            width: 152px;
            height: 110px;
            border: 1px solid #ccc;
            background: #fff;
            display: inline-block;
            position: relative;
            float: left;
        }
        
        .ul_func_t li.yellow {
            background: #fffaf5;
            border-color: #ffdfc3;
        }
        
        .ul_func_t li.red {
            background: #fff8f8;
            border-color: #ffcccc;
        }
        
        .ul_func_t li.green {
            background: #f2fbf5;
            border-color: #b5e9c5;
        }
        
        .ul_func_t li:first-child {
            margin-right: 12px;
        }
        
        .ul_func_t li:last-child {
            margin-top: 12px;
            width: 318px;
            height: 109px;
        }
        
        .ul_func_t li i {
            position: absolute;
            width: 34px;
            height: 34px;
            left: 50%;
            margin-left: -17px;
            top: 20px;
        }
        
        .ul_func_t li:hover i {
            top: 18px;
        }
        
        .ul_func_t li i.i1 {
            background: url(../../images/yn-w/icon_zlxz.png) no-repeat;
        }
        
        .ul_func_t li i.i2 {
            background: url(../../images/yn-w/icon_bsjg.png) no-repeat;
        }
        
        .ul_func_t li i.i3 {
            background: url(../../images/yn-w/icon_ywzt.png) no-repeat;
        }
        
        .ul_func_t li h5 {
            text-align: center;
            font-size: 16px;
            line-height: 24px;
            color: #333;
            margin-top: 64px;
        }
        
        .ul_func_t li p {
            font-size: 12px;
            color: #888;
            line-height: 18px;
            text-align: center;
        }
        
        .link_enter {}
        
        .link_enter a {
            margin-top: 9px;
            display: inline-block;
        }
        
        .link_enter a img {
            width: 100%;
        }
        
        .btn_tips {
            width: 110px;
            height: 36px;
            background: url(../../images/yn-w/btn_tips.png) no-repeat;
            display: inline-block;
            color: #fff;
            vertical-align: middle;
            font-size: 15px;
            line-height: 36px;
            text-align: left;
            text-indent: 34px;
            margin-top: 35px;
            margin-left: 10px;
        }
        
        .btn_tips:hover {
            background-position: 0 -36px;
        }
  /*2020-6-15新增*/
        
        .info_bay {
            position: absolute;
            left: 0;
            top: 0;
            font-size: 12px;
            line-height: 16px;
            color: #fff;
            font-weight: 600;
            text-align: center;
            width: 100%;
            margin-top: 3px;
        }
        
        .info_bay i {
            font-size: 15px;
            color: #ffe71e;
            font-weight: 600;
            margin: 0 2px;
        }
        
        @media screen and (min-width:1420px) {
            .info_bay {
                position: absolute;
                left: 0;
                top: 0;
                font-size: 17px;
                line-height: 22px;
                color: #fff;
                font-weight: 600;
                text-align: center;
                width: 100%;
                margin-top: 13px;
            }
            .info_bay i {
                font-size: 19px;
                color: #ffe71e;
                font-weight: 600;
                margin: 0 2px;
            }
        }