@charset "utf-8"; /* * 首页 */ html, body { background: #f5f5f5; scroll-behavior: smooth; } .w1200 { width: 1200px; margin: auto; } .mr20 { margin-right: 20px; } /* 头部样式 */ .top-set { width: 100%; height: 38px; background: gray; font-size: 16px; color: #fff; line-height: 38px; } .top-set .header-right li { float: left; margin-right: 5px; } .top-title { overflow: hidden; height: 38px; } .header-right li a { display: block; color: #fff; position: relative; } .top-set .header-right li .line { width: 2px; height: 16px; margin-top: 12px; margin-left: 5px; background: #fff; } .layout-container-home { position: relative; } .layout-container-home .container-header { width: 100%; height: 38px; line-height: 38px; background: rgba(0, 0, 0, 0.15); position: absolute; top: 0; } .layout-container-home .container-header .header-weather { float: left; color: #fff; font-size: 16px; } .top-part { width: 100%; height: 50px; background: #f6faff; } .top-part .title { height: 103px; line-height: 103px; font-size: 20px; font-family: microsoft yahei; font-weight: bold; color: #277cee; text-shadow: 1px 1px 0px rgba(18, 50, 103, 0); } .top-part .nav-list { height: 50px; line-height: 50px; width: 926px; margin: 0 auto; } .top-part .nav-list .nav-item { margin-left: 105px; /* margin-right: 105px; */ } .top-part .nav-list .nav-item:first-child { /* margin-left: 0px; */ } .top-part .nav-list .nav-item a { display: block; font-size: 18px; color: #333; min-width: 41px; position: relative; } .top-part .nav-list .nav-item a:hover { color: #277cee; } .top-part .nav-list .active { /* width: 41px; height: 40px; */ } .top-part .nav-list .active .hua{ width: 41px; background: no-repeat; background-size: 100% 100%; position: absolute; left: 14px; top: 3px; height: 40px; } .top-part .nav-list .active a { color: #277cee; font-weight: bold; position: relative; } .top-part .nav-list .active .line { position: absolute; content: ""; width: 72px; height: 2px; left: 50%; margin-left: -36px; bottom: 5px; background: #277cee; } .search-input-w::-webkit-input-placeholder { font-size: 16px; font-weight: 400; color: #666666; } .search-input-w::-moz-input-placeholder { font-size: 16px; font-weight: 400; color: #666666; } .search-input-w::-ms-input-placeholder { font-size: 16px; font-weight: 400; color: #666666; } #pc-wrap .layout-container-home { position: relative; } #pc-wrap .layout-container-home .container-header { width: 100%; height: 38px; line-height: 38px; background: rgba(0, 0, 0, 0.15); position: absolute; top: 0; } .header-weather { float: left; color: #fff; font-size: 16px; width: 600px; overflow: hidden; } .container-header .hk { display: inline-block; width: 600px; white-space: nowrap; -webkit-animation: 20s divr linear infinite normal; animation: 20s divr linear infinite normal; } .header-weather .hk a { color: #fff; } @-webkit-keyframes divr { 0% { transform: translatex(100%); -webkit-transform: translatex(100%); } 100% { -webkit-transform: translatex(-100%); transform: translatex(-100%); -webkit-transform: translatex(-100%); } } @keyframes divr { 0% { transform: translatex(100%); -webkit-transform: translatex(100%); } 100% { -webkit-transform: translatex(-100%); transform: translatex(-450px); -webkit-transform: translatex(-100%); } } /*.layout-container-home .container-header .hk:hover { display: inline-block; white-space: nowrap; -webkit-animation: 10s div linear infinite normal paused; animation: 10s div linear infinite normal paused; animation-play-state:paused }*/ .layout-container-home .container-header .header-nav { float: right; } .layout-container-home .container-header .header-nav a { color: #fff; font-size: 16px; } .layout-container-home .container-body { width: 100%; min-height: 800px; background: no-repeat top; background-size: 100% 780px; padding-top: 20px; } .layout-container-home .container-body .body-content { width: 100%; min-height: 800px; background: no-repeat bottom; background-size: 100% 149px; } .layout-container-home .container-body .body-content .content-modle { z-index: 99; } .layout-container-home .container-body .body-content .content-modle .badges { text-align: center; margin-bottom: 20px; } .layout-container-home .container-body .body-content .content-modle .badges img { width: 114px; height: 120px; margin: auto; } .layout-container-home .container-body .body-content .content-modle .logotitle { text-align: center; margin-bottom: 56px; } .layout-container-home .container-body .body-content .content-modle .logotitle img { } .layout-container-home .container-body .body-content .content-modle .search { margin-bottom: 82px; } .layout-container-home .container-body .body-content .content-modle .search .layui-form-item { width: 621px; margin: auto; } .layout-container-home .container-body .body-content .content-modle .search .layui-form-item .layui-input-inline { width: 525px; height: 48px; margin: auto; } .layout-container-home .container-body .body-content .content-modle .search .layui-form-item .layui-input-inline .layui-input { height: 48px; background-color: rgba(255, 255, 255, 0.8); font-size: 16px; color: #666666; } .layout-container-home .container-body .body-content .content-modle .search .search-icon { display: inline-block; width: 96px; height: 48px; background-color: #3081ef; text-align: center; line-height: 48px; } .layout-container-home .container-body .body-content .content-modle .search .search-icon img { width: 26px; height: 26px; } .layout-container-home .container-body .body-content .content-modle .common-nav { height: 48px; line-height: 48px; background-color: #3081ef; } .layout-container-home .container-body .body-content .content-modle .common-nav .layui-col-xs2 { height: 48px; text-align: center; } .layout-container-home .container-body .body-content .content-modle .common-nav .nav-box { display: inline-block; text-align: center; font-size: 22px; color: #ffffff; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-nav .nav-box:hover::after { content: ""; display: inline-block; position: absolute; left: 0; right: 0; margin: auto; bottom: 3px; width: 50%; height: 4px; background-color: #ffffff; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 { width: 100%; height: 540px; padding: 30px 20px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background: no-repeat center; background-size: 100% 100%; margin-bottom: 32px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-1 { margin-bottom: 40px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-1 img { width: 114px; height: 30px; vertical-align: middle; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-1 .announcement { width: 80%; display: inline-block; font-size: 20px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-1 .more { float: right; font-size: 18px; color: #3198ed; vertical-align: middle; margin-top: 1px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-1 .more:hover { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 { height: 420px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .five_box { width: 100%; height: 100%; overflow: hidden; position: relative; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .lb-title { width: 100%; height: 44px; line-height: 44px; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); color: #ffffff; font-size: 18px; z-index: 999; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .five_box .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; z-index: 9999; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .five_box .hd ul { height: 100px; overflow: hidden; zoom: 1; float: left; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .five_box .hd ul li { float: left; margin-right: 10px; width: 10px; height: 10px; border-radius: 10px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .five_box .hd ul li.on { background: #3198ed; color: #fff; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .five_box .bd { position: relative; width: 100%; height: 100%; z-index: 0; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .five_box .bd li { width: 100%; height: 100%; zoom: 1; vertical-align: middle; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .five_box .bd img { width: 100%; height: 100%; display: block; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right { padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .process-2-tab { border-bottom: 1px solid #eeeeee; margin-bottom: 3px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .process-2-tab span { display: inline-block; width: 88px; height: 34px; line-height: 1; font-size: 22px; text-align: center; color: #666666; margin: 0 15px; position: relative; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .process-2-tab .tab-active { width: 88px; color: #333333; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .process-2-tab .tab-active::after { content: ""; display: inline-block; width: 88px; height: 4px; background-color: #3081ef; position: absolute; bottom: 0px; left: 50%; margin-left: -44px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .process-2-content { display: none; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .open { display: block; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .ynews { display: none; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .ynews-left { float: left; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .ynews-on { display: block; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .content-top { overflow: hidden; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .content-top .item-left { width: 40px; height: 185px; padding-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 22px; color: #666666; background-color: #f7f7f7; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .content-top .item-left-active { background: no-repeat center; background-size: 100% 100%; color: #ffffff; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .content-on .item-right { width: 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .content-on .item-right .item-list .list-right { width: 460px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .item-right { float: left; width: 510px; height: 185px; margin-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .item-right .item-list { height: 90px; border-bottom: 1px solid #eeeeee; padding-top: 1px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .item-right .item-list .list-left { float: left; width: 90px; height: 90px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .item-right .item-list .list-left p { font-size: 46px; color: #3081ef; line-height: 1.2; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .item-right .item-list .list-left span { font-size: 20px; color: #333333; text-align: center; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .item-right .item-list .list-right { width: 410px; height: 90px; float: left; line-height: 3.5; padding-top: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .item-right .item-list .list-right p { font-size: 18px; color: #333333; line-height: 1; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .item-right .item-list .list-right p a:hover { color: #3081ef; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .item-right .item-list .list-right span { width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #333333; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .content-bottom { overflow: hidden; padding-top: 10px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .content-bottom .item-left { width: 40px; height: 185px; padding-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 22px; color: #666666; background-color: #f7f7f7; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-1 .process-2 .process-2-right .content-bottom .item-left-active { background: no-repeat center; background-size: 100% 100%; color: #ffffff; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 { width: 100%; height: 384px; padding-top: 34px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .searchtitle { width: 100%; height: 52px; border-bottom: 2px solid #eeeeee; font-size: 20px; color: #3081ef; line-height: 52px; padding-left: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .searchtitle .text { position: relative; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .searchtitle .text::before { position: absolute; left: 0; bottom: -14px; content: ""; display: inline-block; background-color: #3081ef; width: 100%; height: 4px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .searchtitle .more { color: #666666; font-size: 20px; float: right; margin-right: 20px; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .searchtitle .more:hover { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government { float: left; width: 378px; height: 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .governmentbox { width: 100%; height: 222px; background-color: #ffffff; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .governmentbox .infotitle { width: 190px; height: 40px; background-color: #3081ef; border-radius: 0px 0px 16px 16px; margin: 0 auto; line-height: 40px; color: #ffffff; font-size: 20px; text-align: center; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .governmentbox .infocontent { width: 100%; padding: 13px 8px 19px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .governmentbox .infocontent .infoitem { float: left; width: 170px; height: 40px; background-color: #f5f5f5; font-size: 18px; color: #333333; text-align: center; margin: 6px 5px; line-height: 40px; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .governmentbox .infocontent .infoitem.infoactive { background: center no-repeat; background-size: cover; color: #ffffff; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .governmentbox .infocontent .infoitem:hover { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .publicsearch { width: 378px; height: 146px; background-color: #ffffff; margin-top: 16px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .publicsearch .searchinput { width: 100%; padding: 24px 14px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .publicsearch .searchinput input { float: left; width: 260px; height: 44px; background-color: #f5f5f5; padding-left: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .publicsearch .searchinput .searchbtn { float: left; display: inline-block; width: 90px; height: 44px; background-color: #3081ef; text-align: center; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .government .publicsearch .searchinput .searchbtn img { margin-top: 9px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas { float: right; width: 787px; height: 100%; background-color: #ffffff; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .mainbox { padding-top: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 168px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .mainbox .areaitem { width: 14%; text-align: center; float: left; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .mainbox .areaitem img { width: 60px; height: 60px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .mainbox .areaitem .areatext { display: block; padding-top: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #666666; font-size: 20px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .mainbox .areaitem .areatext:hover { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .split { width: 100%; text-align: center; padding-top: 29px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .areatab { width: 100%; height: 102px; padding: 17px 8px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .areatab .areatabbox { width: 100%; height: 100%; background: center no-repeat; background-size: cover; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .areatab .areatabbox .areatabitem { position: relative; float: left; font-size: 20px; color: #ffffff; width: 20%; height: 100%; line-height: 102px; text-align: center; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .areatab .areatabbox .areatabitem::before { position: absolute; left: 0; top: 35px; content: ""; display: inline-block; width: 2px; height: 32px; background-color: #ffffff; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-3 .areas .areatab .areatabbox .areatabitem:nth-child(1)::before { display: none; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 { width: 100%; height: 586px; padding-top: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work { position: relative; float: left; width: calc((100% - 64px) / 3); height: 180px; margin-left: 32px; background-color: #ffffff; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work:first-child { margin-left: 0; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .grbs { background: no-repeat center; background-size: 100% 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .grbs-active { background: no-repeat center; background-size: 100% 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .frbs { background: no-repeat center; background-size: 100% 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .frbs-active { background: no-repeat center; background-size: 100% 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .bmfw { background: no-repeat center; background-size: 100% 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .bmfw-active { background: no-repeat center; background-size: 100% 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content { height: 393px; padding-top: 195px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box { height: 100%; padding: 44px 20px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box .modle { width: 570px; height: 100%; background-color: #f4f9fe; float: left; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box .modle img { width: 100px; height: 100%; vertical-align: middle; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box .modle .process-right { display: inline-block; width: 466px; height: 100%; vertical-align: middle; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box .modle .process-right ul { padding: 21px 36px 0 36px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box .modle .process-right ul li { height: 40px; margin-bottom: 21px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box .modle .process-right ul li a { width: 180px; height: 40px; background-color: #ffffff; line-height: 40px; text-align: center; border: 1px solid #ffffff; font-size: 16px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box .modle .process-right ul li a:hover { border: 1px solid #3081ef; color: #3081ef; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box .modle .process-right ul li .left { float: left; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box .modle .process-right ul li .right { float: right; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .work-box .modle-left { margin-right: 20px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .box1 { display: none; background: no-repeat center; background-size: 100% 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .box2 { display: none; background: no-repeat center; background-size: 100% 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .box3 { display: none; background: no-repeat center; background-size: 100% 100%; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-4 .work-content .box-on { display: block; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-5 { width: 100%; padding-top: 42px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 40px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-5 .specialcolumn { width: 100%; text-align: center; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-5 .specialslider { position: relative; padding: 22px 70px 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 148px; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-5 .specialslider .prev { position: absolute; left: 0px; top: 64px; cursor: pointer; } .layout-container-home .container-body .body-content .content-modle .common-content .content-process-5 .specialslider .next { position: absolute; right: 0px; top: 64px; cursor: pointer; } .layout-container-home .container-footer { height: 146px; background-color: #e8e8e8; margin-top: 10px; } .layout-container-home .container-footer .footer-list { height: 44px; width: 100%; border-bottom: 1px solid #ffffff; } .layout-container-home .container-footer .footer-list li { float: left; } .layout-container-home .container-footer .footer-list .list-item { text-align: center; line-height: 44px; font-size: 18px; color: #333333; } .layout-container-home .container-footer .footer-list .list-item::before { content: ''; display: inline-block; width: 3px; height: 3px; background: #000; border-radius: 3px; position: absolute; top: 50%; left: -6px; margin-top: -1.5px; } .layout-container-home .container-footer .footer-list2 { height: 100px; padding-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .layout-container-home .container-footer .footer-list2 .list1 { display: inline-block; vertical-align: middle; margin-right: 40px; } .layout-container-home .container-footer .footer-list2 .list2 { display: inline-block; line-height: 2.6; vertical-align: middle; margin-right: 33px; } .layout-container-home .container-footer .footer-list2 .list2 p span { font-size: 16px; color: #666666; } .layout-container-home .container-footer .footer-list2 .list2 p .p1-lable { margin-right: 80px; } .layout-container-home .container-footer .footer-list2 .list2 p .p2-lable1 { margin-right: 35px; } .layout-container-home .container-footer .footer-list2 .list2 p .p2-lable2 { margin-right: 30px; } .layout-container-home .container-footer .footer-list2 .list3 { display: inline-block; } .layout-container-home .container-footer .footer-list2 .list3 .foot-logo-3 { width: 45px; height: 52px; margin-right: 20px; } .layout-container-home .container-footer .footer-list2 .list3 .foot-logo-4 { width: 71px; height: 53px; margin-right: 20px; } .layout-container-home .container-footer .footer-list2 .list3 .foot-logo-5 { width: 110px; height: 55px; } .container-details .common-details { position: relative; width: 100%; min-height: 858px; background: no-repeat center; background-size: 100% 640px; background-color: #fff; } .container-details .common-details .tree-box { position: absolute; top: 0; bottom: 0; left: 0; width: 290px; background: #fff; padding: 22px 10px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; -webkit-box-shadow: 5px 5px 5px #fafafa; box-shadow: 5px 5px 5px #fafafa; } .container-details .common-details .tree-box .tree-title { width: 270px; height: 70px; margin-bottom: 13px; } .container-details .common-details .tree-box .tree-title img { width: 100%; height: 100%; } .container-details .common-details .tree-box .tree-list .list-item { width: 270px; height: 60px; margin-bottom: 13px; line-height: 60px; text-align: center; font-size: 20px; color: #333333; background: no-repeat center; cursor: pointer; } .container-details .common-details .tree-box .tree-list .list-item-active { background: no-repeat center; cursor: pointer; } .container-details .common-details .right-list { width: 910px; padding: 22px; margin-left: 290px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-details .common-details .right-list .mbx { height: 32px; line-height: 1; border-bottom: 1px solid #f1f1f1; } .container-details .common-details .right-list .mbx span { color: #333333; font-size: 16px; } .container-details .common-details .right-list .artcontent { width: 100%; padding-top: 21px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-details .common-details .right-list .artcontent .contop { width: 100%; text-align: center; } .container-details .common-details .right-list .artcontent .contop .contitle { font-size: 24px; color: #333333; } .container-details .common-details .right-list .artcontent .contop .contime { padding-top: 23px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-details .common-details .right-list .artcontent .contop .contime .conimg { margin-left: 30px; vertical-align: middle; } .container-details .common-details .right-list .artcontent .contop .contime .conimg:first-child { margin-left: 0; } .container-details .common-details .right-list .artcontent .contop .contime .context { font-size: 20px; color: #3081ef; vertical-align: middle; } .container-details .common-details .right-list .artcontent .artmiddle { width: 100%; } .container-details .common-details .right-list .artcontent .artmiddle .artmiddlecontent { margin-top: 20px; } .container-details .common-details .right-list .artcontent .artmiddle .artmiddlecontent .artmiddleul { width: 100%; } .container-details .common-details .right-list .artcontent .artmiddle .artmiddlecontent .artmiddleul li { width: 100%; line-height: 52px; text-indent: 2rem; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color: #333333; background: repeat left top; } .container-details .common-details .right-list .artcontent .artmiddle .artbottom { width: 100%; height: 117px; padding: 46px 17px 26px 21px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-details .common-details .right-list .artcontent .artmiddle .artbottom .bottomleft { float: left; margin-top: 13px; } .container-details .common-details .right-list .artcontent .artmiddle .artbottom .bottomleft img { width: 29px; height: 26px; margin-left: 8px; } .container-details .common-details .right-list .artcontent .artmiddle .artbottom .bottomleft img:first-child { margin-left: 0; } .container-details .common-details .right-list .artcontent .artmiddle .artbottom .bottomleft img:hover { opacity: 0.7; } .container-details .common-details .right-list .artcontent .artmiddle .artbottom .bottomright { float: right; margin-top: 5px; } .container-details .common-details .right-list .artcontent .artmiddle .artbottom .bottomright .bottomrightitem { float: left; width: 123px; height: 40px; border: solid 1px #3081ef; font-size: 18px; line-height: 40px; text-align: center; color: #3081ef; margin-right: 19px; } .container-details .common-details .right-list .artcontent .artmiddle .artbottom .bottomright .bottomrightitem:last-child { margin-right: 0; } .container-details .common-details .right-list .artcontent .artmiddle .artbottom .bottomright .bottomrightitem:hover { opacity: 0.7; } .container-list .common-list { position: relative; width: 100%; min-height: 640px; background: no-repeat center; background-size: 100% 640px; background-color: #fff; } .container-list .common-list .tree-box { position: absolute; top: 0; bottom: 0; left: 0; width: 290px; background: #fff; padding: 22px 10px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; -webkit-box-shadow: 5px 5px 5px #fafafa; box-shadow: 5px 5px 5px #fafafa; } .container-list .common-list .tree-box .tree-title { width: 270px; height: 70px; margin-bottom: 13px; background: url(/uploads/image/i42440/tree-box-title.png); text-align: center; } .container-list .common-list .tree-box .tree-title h1{ line-height: 70px; color: #fff9ec; font-style: oblique; font-weight: bold; } .container-list .common-list .tree-box .tree-title img { width: 100%; height: 100%; } .container-list .common-list .tree-box .tree-list .list-item { width: 270px; height: 60px; margin-bottom: 13px; line-height: 60px; text-align: center; font-size: 20px; color: #333333; background: no-repeat center; cursor: pointer; } .container-list .common-list .tree-box .tree-list .list-item a{ display: block; } .container-list .common-list .tree-box .tree-list .list-item-active { background: no-repeat center; cursor: pointer; } .container-list .common-list .right-list { width: 910px; padding: 22px; margin-left: 290px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-list .common-list .right-list .mbx { height: 32px; line-height: 1; border-bottom: 1px solid #f1f1f1; font-size: 16px; } .container-list .common-list .right-list .mbx span { color: #333333; font-size: 16px; } .container-list .common-list .right-list .list-bs .list-item { position: relative; width: 95%; height: 57px; line-height: 57px; font-size: 18px; color: #333333; padding: 0 30px 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-list .common-list .right-list .list-bs .list-item .text { width: 80%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 40px; } .container-list .common-list .right-list .list-bs .list-item .time { float: right; color: #666; } .container-list .common-list .right-list .list-bs .list-item::before { content: ''; display: inline-block; width: 11px; height: 11px; border-radius: 11px; background-color: #3081ef; position: absolute; top: 50%; margin-top: -5.5px; } .container-list .common-list .right-list .list-bs .list-item:nth-child(even) { background-color: rgba(67, 140, 240, 0.1); } .container-list .common-list .right-list .page { width: 100%; height: 50px; } .container-article .common-article { width: 100%; padding: 22px 28px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; } .container-article .common-article .artnav { width: 887px; height: 29px; border-bottom: 1px solid rgba(51, 51, 51, 0.07); color: #333333; font-size: 16px; } .container-article .common-article .artcontent { width: 100%; padding-top: 21px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-article .common-article .artcontent .contop { width: 100%; text-align: center; } .container-article .common-article .artcontent .contop .contitle { font-size: 28px; font-weight: bold; color: #333333; } .contitle-s{font-size: 16px;padding: 10px 0;} .container-article .common-article .artcontent .contop .contitle-y{ color: #666; font-size: 20px; line-height: 30px; } .container-article .common-article .artcontent .contop .contime { padding-top: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-article .common-article .artcontent .contop .contime .conimg { margin-left: 30px; vertical-align: middle; } .container-article .common-article .artcontent .contop .contime .conimg:first-child { margin-left: 0; } .container-article .common-article .artcontent .contop .contime .context { font-size: 16px; color: #3081ef; vertical-align: middle; } .container-article .common-article .artcontent .artmiddle { width: 100%; background-color:#fff; } .container-article .common-article .artcontent .artmiddle .artmiddlecontent { margin-top: 20px; } .container-article .common-article .artcontent .artmiddle .artmiddlecontent .artmiddleul { width: 100%; } .container-article .common-article .artcontent .artmiddle .artmiddlecontent .artmiddleul li { width: 100%; line-height: 52px; text-indent: 2rem; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color: #333333; background: repeat left top; } .container-article .common-article .artcontent .artmiddle .artbottom { width: 100%; height: 117px; padding: 46px 17px 26px 21px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-article .common-article .artcontent .artmiddle .artbottom .bottomleft { float: left; margin-top: 13px; } .container-article .common-article .artcontent .artmiddle .artbottom .bottomleft img { width: 29px; height: 26px; margin-left: 8px; } .container-article .common-article .artcontent .artmiddle .artbottom .bottomleft img:first-child { margin-left: 0; } .container-article .common-article .artcontent .artmiddle .artbottom .bottomleft img:hover { opacity: 0.7; } .container-article .common-article .artcontent .artmiddle .artbottom .bottomright { float: right; margin-top: 5px; } .container-article .common-article .artcontent .artmiddle .artbottom .bottomright .bottomrightitem { float: left; width: 123px; height: 40px; border: solid 1px #3081ef; font-size: 18px; line-height: 40px; text-align: center; color: #3081ef; margin-right: 19px; } .container-article .common-article .artcontent .artmiddle .artbottom .bottomright .bottomrightitem:last-child { margin-right: 0; } .container-article .common-article .artcontent .artmiddle .artbottom .bottomright .bottomrightitem:hover { opacity: 0.7; } .container-zwgk div { -webkit-box-sizing: border-box; box-sizing: border-box; } .container-zwgk .clear:after { content: ""; clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } .container-zwgk .f-l { float: left; } .container-zwgk .f-r { float: right; } .container-zwgk .display { display: inline-block; vertical-align: top; } .container-zwgk .common-zwgk { width: 100%; padding-top: 30px; padding-bottom: 26px; background:#fff; background-size: 100% 798px; background-color: #fff; } .container-zwgk .common-zwgk .zwgk-introduce { padding-right: 24px; } .container-zwgk .common-zwgk .zwgk-introduce .intr-left { width: 760px; } .container-zwgk .common-zwgk .zwgk-introduce .intr-left .intr-tab { height: 42px; padding-left: 20px; border-bottom: 2px solid #eeeeee; } .container-zwgk .common-zwgk .zwgk-introduce .intr-left .intr-tab .tab-li { padding: 0 6px; height: 43px; text-align: center; font-size: 18px; line-height: 42px; cursor: pointer; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } .container-zwgk .common-zwgk .zwgk-introduce .intr-left .intr-tab .tab-li:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .container-zwgk .common-zwgk .zwgk-introduce .intr-left .intr-tab .tab-li:nth-child(n 2) { margin-left: 30px; } .container-zwgk .common-zwgk .zwgk-introduce .intr-left .intr-tab .tab-li.tab-active { border-bottom: 4px solid #3081ef; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content { width: 100%; height: 320px; padding-left: 20px; padding-top: 25px; font-size: 0; display: none; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content .content-portrait { width: 147px; height: 186px; margin-right: 12px; background-repeat: no-repeat; background-position: center; background-size: cover; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content .content-personal { width: 578px; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content .content-personal .personal-title { font-size: 30px; line-height: 46px; color: #3081ef; margin-right: 20px; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content .content-personal .personal-title span { font-size: 18px; line-height: 46px; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content .content-personal .personal-text { margin-top: 4px; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content .content-personal .personal-text .text-top { font-size: 16px; line-height: 24px; color: #3081ef; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content .content-personal .personal-text .text-bottom { font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content .content-bottom { margin-top: 25px; width: 740px; height: 84px; font-size: 16px; line-height: 24px; padding: 14px 24px 0; background-color: #f5f5f5; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content .content-bottom .color { color: #3081ef; width: 78px; } .container-zwgk .common-zwgk .zwgk-introduce .intr-content .content-bottom .bottom-vice { margin-bottom: 8px; } .container-zwgk .common-zwgk .zwgk-introduce .open { display: block; } .container-zwgk .common-zwgk .intr-right { width: 396px; height: 362px; padding-top: 26px; font-size: 0; text-align: center; background: no-repeat center; background-size: 100% 362px; } .container-zwgk .common-zwgk .intr-right .right-li { width: 97px; height: 118px; font-size: 16px; line-height: 22px; margin: 12px 15px 0; text-align: center; } .container-zwgk .common-zwgk .intr-right .right-li:nth-child(1) .right-inco { text-align: center; background: .png") no-repeat center; } .container-zwgk .common-zwgk .intr-right .right-li:nth-child(2) .right-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .intr-right .right-li:nth-child(3) .right-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .intr-right .right-li:nth-child(4) .right-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .intr-right .right-li:nth-child(5) .right-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .intr-right .right-li .right-inco { width: 57px; height: 57px; background-size: 100% 100%; } .container-zwgk .common-zwgk .zwgk-policy .active { border-bottom: 4px solid #3081ef; } .container-zwgk .common-zwgk .zwgk-policy .policy-tabbox { margin-top: 24px; padding: 0 20px; border-bottom: 2px solid #eeeeee; } .container-zwgk .common-zwgk .zwgk-policy .policy-tabbox .policy-tab { height: 43px; } .container-zwgk .common-zwgk .zwgk-policy .policy-tabbox .policy-tab .policy-tab-li { padding: 0 8px; font-size: 18px; line-height: 42px; cursor: pointer; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } .container-zwgk .common-zwgk .zwgk-policy .policy-tabbox .policy-tab .policy-tab-li:nth-child(n 2) { margin-left: 30px; } .container-zwgk .common-zwgk .zwgk-policy .policy-tabbox .policy-tab .policy-tab-li:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .container-zwgk .common-zwgk .zwgk-policy .policy-tabbox .tabbox-more { font-size: 18px; line-height: 42px; } .container-zwgk .common-zwgk .zwgk-policy .policy-content .policy-lis { display: none; padding-left: 20px; } .container-zwgk .common-zwgk .zwgk-policy .policy-content .policy-lis .lis-li { width: 560px; height: 46px; font-size: 16px; line-height: 46px; border-bottom: 2px solid #eeeeee; } .container-zwgk .common-zwgk .zwgk-policy .policy-content .policy-lis .lis-li:hover .li-title, .container-zwgk .common-zwgk .zwgk-policy .policy-content .policy-lis .lis-li:hover .li-time { color: #3081ef; } .container-zwgk .common-zwgk .zwgk-policy .policy-content .policy-lis .lis-li:nth-child(2n) { margin-left: 35px; } .container-zwgk .common-zwgk .zwgk-policy .policy-content .policy-lis .lis-li .li-inco { width: 8px; height: 8px; margin-top: 20px; margin-right: 14px; border-radius: 4px; background: #3081ef; } .container-zwgk .common-zwgk .zwgk-policy .policy-content .policy-lis .lis-li .li-title { width: 385px; margin-right: 46px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .container-zwgk .common-zwgk .zwgk-policy .policy-content .policy-lis.show { display: block; } .container-zwgk .common-zwgk .zwgk-field { padding-right: 20px; padding-top: 26px; } .container-zwgk .common-zwgk .zwgk-field .field-left { width: 848px; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-title { height: 45px; padding-left: 20px; border-bottom: 2px solid #eeeeee; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-title .title-txt { padding: 0 8px; font-size: 18px; line-height: 42px; cursor: pointer; border-bottom: 4px solid #3081ef; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list { padding-left: 20px; font-size: 0; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li { width: 156px; height: 96px; margin-right: 12px; margin-top: 12px; -webkit-box-shadow: 1px 2px 8px #eaeaea; box-shadow: 1px 2px 8px #eaeaea; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(5n) { margin-right: 0; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(-n 5) { margin-top: 20px; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(1) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(2) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(3) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(4) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(5) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(6) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(7) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(8) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(9) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(10) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(11) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(12) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(13) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(14) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:nth-child(15) .box-inco { background: .png") no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:hover { background: no-repeat center; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:hover .box-inco { border-radius: 30px; background-color: #fff; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li:hover .box-txt { color: #fff; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li .li-box { text-align: center; padding-top: 16px; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li .li-box .box-inco { width: 52px; height: 52px; display: inline-block; vertical-align: top; } .container-zwgk .common-zwgk .zwgk-field .field-left .field_l-list .list-li .li-box .box-txt { font-size: 14px; line-height: 26px; } .container-zwgk .common-zwgk .zwgk-field .field-right { width: 314px; padding: 14px 10px; background-color: #f5f5f5; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-mintit { margin-bottom: 9px; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-mintit .mintit-icon { width: 19px; height: 18px; margin-right: 2px; margin-top: 7px; background: no-repeat center; background-size: 100% 100%; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-mintit .mintit-txt { font-size: 18px; line-height: 30px; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-search { font-size: 0; margin-bottom: 14px; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-search .search-input { width: 234px; height: 36px; font-size: 16px; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-search .search-btn { width: 60px; height: 36px; text-align: center; font-size: 16px; line-height: 36px; color: #fff; background-color: #3081ef; cursor: pointer; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-text { font-size: 16px; line-height: 24px; color: #666; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-buttoon { font-size: 0; margin-bottom: 20px; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-buttoon .but-left { color: #fff; background-color: #3081ef; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-buttoon .but-right { color: #3081ef; margin-left: 34px; border: 1px solid #3081ef; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-buttoon > div { width: 130px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; cursor: pointer; } .container-zwgk .common-zwgk .zwgk-field .field-right .right-buttoon > div img { width: 19px; height: 19px; vertical-align: middle; margin-right: 5px; } .container-zwgk .common-zwgk .zwgk-field .field-right .search2 { margin-bottom: 0; } .container-zwgk .common-zwgk .zwgk-imgs { padding-top: 30px; font-size: 0; text-align: center; } .container-zwgk .common-zwgk .zwgk-imgs .imgs-left { width: 573px; height: 108px; background: no-repeat center; background-size: 100% 108px; } .container-zwgk .common-zwgk .zwgk-imgs .imgs-right { width: 573px; height: 108px; margin-left: 12px; background: no-repeat center; background-size: 100% 108px; } .container-zwgk .common-zwgk .zwgk-security .security-title { height: 45px; padding-left: 20px; border-bottom: 2px solid #eeeeee; } .container-zwgk .common-zwgk .zwgk-security .security-title .title-txt { padding: 0 8px; font-size: 18px; line-height: 42px; border-bottom: 4px solid #3081ef; } .container-zwgk .common-zwgk .zwgk-security .security-content { padding-top: 20px; } .container-zwgk .common-zwgk .zwgk-security .security-content .security-left { width: 570px; padding-left: 23px; } .container-zwgk .common-zwgk .zwgk-security .security-content .security-left .security-li { height: 36px; line-height: 36px; } .container-zwgk .common-zwgk .zwgk-security .security-content .security-left .security-li .icon { width: 8px; height: 8px; margin-top: 14px; margin-right: 14px; border-radius: 4px; background: #3081ef; } .container-zwgk .common-zwgk .zwgk-security .security-content .security-left .security-li .li-txt { width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } .container-zwgk .common-zwgk .zwgk-security .security-content .security-right { font-size: 0; margin-top: 2px; } .container-zwgk .common-zwgk .zwgk-security .security-content .security-right .right-img { width: 281px; height: 70px; background: no-repeat top center; background-size: 100% 70px; } .container-zwgk .common-zwgk .zwgk-security .security-content .security-right .right-img:nth-child(2) { margin-left: 20px; background: no-repeat top center; background-size: 100% 70px; } .container-zwgk .common-zwgk .zwgk-service .service-l { width: 580px; padding-top: 8px; } .container-zwgk .common-zwgk .zwgk-service .service-l .service-title { height: 45px; padding-left: 20px; border-bottom: 2px solid #eeeeee; } .container-zwgk .common-zwgk .zwgk-service .service-l .service-title .title-txt { padding: 0 8px; font-size: 18px; line-height: 42px; cursor: pointer; border-bottom: 4px solid #3081ef; } .container-zwgk .common-zwgk .zwgk-service .service-l .service-lis { font-size: 0; padding-left: 20px; } .container-zwgk .common-zwgk .zwgk-service .service-l .service-lis a { width: 170px; height: 40px; margin-top: 22px; text-align: center; margin-right: 25px; background-color: #f7f7f7; } .container-zwgk .common-zwgk .zwgk-service .service-l .service-lis a:nth-child(3n) { margin-right: 0; } .container-zwgk .common-zwgk .zwgk-service .service-l .service-lis a:hover { background: no-repeat center; color: #fff; } .container-zwgk .common-zwgk .zwgk-service .service-l .service-lis a .service-li { height: 40px; font-size: 16px; line-height: 40px; overflow: hidden; } .container-zwgk .common-zwgk .zwgk-service .service-r { width: 580px; padding-top: 6px; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-tab { border-bottom: 2px solid #eeeeee; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-tab .inftab-li { height: 45px; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-tab .inftab-li:nth-child(n 2) { padding-left: 20px; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-tab .inftab-li .li-txt { padding: 0 8px; font-size: 18px; line-height: 42px; cursor: pointer; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-tab .active .li-txt { border-bottom: 4px solid #3081ef; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-content { font-size: 0; padding-left: 6px; padding-top: 10px; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-content .content-libox { display: none; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-content .content-libox.show { display: block; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-content .content-li { width: 25%; height: 35px; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-content .content-li:hover .icon { background-color: #3081ef; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-content .content-li:hover .li-text { color: #3081ef; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-content .content-li .icon { width: 8px; height: 8px; border-radius: 4px; margin-top: 15px; margin-right: 9px; background-color: #999; } .container-zwgk .common-zwgk .zwgk-service .service-r .information-content .content-li .li-text { width: 125px; font-size: 16px; line-height: 35px; padding-right: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .container-zwgk .common-zwgk .zwgk-project .project-titleimg { width: 188px; height: 54px; margin: 32px auto 28px; background: no-repeat top center; background-size: 100% 54px; } .container-zwgk .common-zwgk .zwgk-project .project-shuffling .specialslider { width: 1170px; overflow: hidden; margin: 0 auto; position: relative; } .container-zwgk .common-zwgk .zwgk-project .project-shuffling .specialslider .slider-btn { width: 32px; height: 80px; background-color: #e8e8e8; padding-top: 32px; padding-left: 8px; position: absolute; top: 10px; z-index: 99; cursor: pointer; } .container-zwgk .common-zwgk .zwgk-project .project-shuffling .specialslider .slider-btn:hover { background-color: #dadada; } .container-zwgk .common-zwgk .zwgk-project .project-shuffling .specialslider .prev { left: 0px; } .container-zwgk .common-zwgk .zwgk-project .project-shuffling .specialslider .next { right: 0px; } .container-zwgk .common-zwgk .zwgk-project .project-shuffling .specialslider-bd > div { margin: 0 auto; } .container-zwgk .common-zwgk .zwgk-project .project-shuffling .specialslider-bd li { width: 260px; text-align: center; } .container-zwgk .common-zwgk .zwgk-project .project-shuffling .specialslider-bd li { text-align: center; } .container-zwgk .common-zwgk .zwgk-project .project-shuffling .specialslider-bd img { width: 250px; height: 96px; } .container-zwzxpt .common-zwzxpt { width: 100%; padding: 38px 20px 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 640px; background-color: #fff; background-size: 100% 640px; background-color: #fff; } .container-zwzxpt .common-zwzxpt .zwzxpt-title { height: 56px; text-align: center; margin-bottom: 30px; } .container-zwzxpt .common-zwzxpt .zwzxpt-title img { width: 555px; height: 56px; } .container-zwzxpt .common-zwzxpt .zwzxpt-content { margin-bottom: 32px; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .modle-title { height: 36px; line-height: 30px; border-bottom: 1px solid #eeeeee; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .modle-title span { font-size: 20px; color: #333333; position: relative; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .modle-title span::after { content: ''; display: inline-block; width: 88px; height: 4px; background-color: #3081ef; position: absolute; bottom: -10px; left: -4px; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .mydc-modle { padding: 0 20px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .mydc-modle .list-bs .list-item { position: relative; width: 100%; height: 47px; line-height: 47px; font-size: 16px; color: #333333; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eee; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .mydc-modle .list-bs .list-item .text { width: 60%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 25px; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .mydc-modle .list-bs .list-item .time { float: right; color: #666; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .mydc-modle .list-bs .list-item::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 8px; background-color: #3081ef; position: absolute; top: 50%; margin-top: -4px; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle { padding: 0 0 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .layui-table[lay-skin=line] { border: none; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .layui-table td { border: none; padding: 0; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .layui-table th { border: none; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .layui-table { margin: 9px 0 0 0; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .layui-table tr { height: 44px; cursor: pointer; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .layui-table thead tr { background-color: rgba(48, 129, 239, 0.4); } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .layui-table thead tr th { font-size: 16px; color: #fff; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .layui-table tbody tr td { font-size: 16px; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .layui-table tbody tr:nth-child(odd) { background-color: rgba(48, 129, 239, 0.1); } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .thetheme { color: #333; padding-left: 8px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .processing { color: #3081ef; } .container-zwzxpt .common-zwzxpt .zwzxpt-content .lxxd-modle .datetime { color: #666666; } .container-zwzxpt .common-zwzxpt .zwzxpt-foot-bar { height: 124px; background-color: #f7f7f7; margin-bottom: 30px; } .container-zwzxpt .common-zwzxpt .zwzxpt-foot-bar .bar-list { width: 100%; height: 100%; padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-zwzxpt .common-zwzxpt .zwzxpt-foot-bar .bar-list li { float: left; width: 14%; height: 100%; } .container-zwzxpt .common-zwzxpt .zwzxpt-foot-bar .bar-list .list-item { text-align: center; padding-top: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-zwzxpt .common-zwzxpt .zwzxpt-foot-bar .bar-list .list-item img { width: 73px; height: 73px; margin-bottom: 6px; } .container-zwzxpt .common-zwzxpt .zwzxpt-foot-bar .bar-list .list-item a { font-size: 16px; color: #333; } .container-zwzxpt .common-zwzxpt .zwzxpt-foot-bar .bar-list .list-item a:hover { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } .container-body .common-syyw { width: 100%; padding: 0 20px 18px; background-color: #fff; background-size: 100% 798px; background-color: #fff; } .container-body .common-syyw .syyw-top .top-left { width: 100%; height: 328px; margin-top: 30px; } .container-body .common-syyw .syyw-top .top-left .layui-col-xs6 { height: 328px; width: 100%; } .container-body .common-syyw .syyw-top .top-left .five_box { width: 100%; height: 100%; overflow: hidden; position: relative; } .container-body .common-syyw .syyw-top .top-left .lb-title { width: 100%; height: 44px; line-height: 44px; position: absolute; bottom: 0; left: 0; padding-left: 8px; color: #ffffff; font-size: 18px; z-index: 999; } .container-body .common-syyw .syyw-top .top-left .five_box .hd { height: 15px; overflow: hidden; position: absolute; right: 240px; bottom: 5px; z-index: 1; z-index: 9999; } .container-body .common-syyw .syyw-top .top-left .five_box .hd ul { height: 100px; overflow: hidden; zoom: 1; float: left; } .container-body .common-syyw .syyw-top .top-left .five_box .hd ul li { float: left; margin-right: 10px; width: 10px; height: 10px; border-radius: 10px; line-height: 14px; text-align: center; background: #a7d0f2; cursor: pointer; } .container-body .common-syyw .syyw-top .top-left .five_box .hd ul li.on { background: #3198ed; color: #fff; } .container-body .common-syyw .syyw-top .top-left .five_box .bd { position: relative; width: 100%; height: 100%; z-index: 0; } .container-body .common-syyw .syyw-top .top-left .five_box .bd li { width: 100%; height: 100%; zoom: 1; vertical-align: middle; } .container-body .common-syyw .syyw-top .top-left .five_box .bd img { width: 582px; height: 328px; vertical-align: middle; } .container-body .common-syyw .syyw-top .top-left .five_box .bd li .wenzhang { width: 574px; height: 328px; display: inline-block; background-color: #f5f5f5; vertical-align: middle; padding: 40px 10px 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-body .common-syyw .syyw-top .top-left .five_box .bd li .wenzhang .wz-title { font-size: 24px; color: #333; text-align: center; margin-bottom: 20px; } .container-body .common-syyw .syyw-top .top-left .five_box .bd li .wenzhang .wz-text { width: 100%; height: 195px; overflow: hidden; font-size: 16px; text-indent: 2em; line-height: 2; } .container-body .common-syyw .top-right { margin-top: 30px; } .container-body .common-syyw .top-right .right-title { padding-right: 20px; border-bottom: 2px solid #eeeeee; } .container-body .common-syyw .top-right .right-title .right-txt { height: 34px; } .container-body .common-syyw .top-right .right-title .right-txt .right-txt-li { padding: 0 8px 5px; font-size: 18px; color: #3081ef; line-height: 28px; border-bottom: 4px solid #3081ef; } .container-body .common-syyw .top-right .right-title .title-more { font-size: 18px; line-height: 18px; } .container-body .common-syyw .top-right .right-lis .lis-li { width: 100%; height: 36px; font-size: 16px; line-height: 36px; } .container-body .common-syyw .top-right .right-lis .lis-li:hover .li-title, .container-body .common-syyw .top-right .right-lis .lis-li:hover .li-time { color: #3081ef; } .container-body .common-syyw .top-right .right-lis .lis-li .li-title { width: 65%; margin-right: 6%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .container-body .common-syyw .top-right .right-lis .lis-li .li-time { width: 25%; text-align: right; } .container-body .common-syyw .top-right.iconon .right-title { padding-left: 20px; } .container-body .common-syyw .top-right.iconon .li-inco { width: 8px; height: 8px; margin-top: 20px; margin-right: 14px; border-radius: 4px; background: #3081ef; } .container-body .common-syyw .top-right.borderon .lis-li { border-bottom: 2px solid #eeeeee; } .container-body .common-syyw .syyw-bottom { font-size: 0; } .container-body .common-syyw .syyw-bottom .bottom-left { width: 848px; } .container-body .common-syyw .syyw-bottom .bottom-right { width: 274px; margin-left: 36px; } .container-body .common-syyw .syyw-bottom .bottom-right .right-video { padding-top: 25px; } .container-body .common-syyw .syyw-bottom .bottom-right .right-video video { width: 274px; height: 154px; } .container-lpyx .common-lpyx .lpyx-modle1 { width: 100%; height: 480px; background-color: #fff; background-size: 100% 100%; margin-bottom: 40px; } .container-lpyx .common-lpyx .lpyx-modle1 .modle1-title { width: 100%; height: 50px; padding-top: 26px; margin-bottom: 20px; } .container-lpyx .common-lpyx .lpyx-modle1 .modle1-content { width: 100%; height: 362px; padding: 0 24px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-lpyx .common-lpyx .lpyx-modle1 .modle1-content img { width: 192px; height: 100%; vertical-align: middle; margin-right: 10px; } .container-lpyx .common-lpyx .lpyx-modle1 .modle1-content .video { width: 726px; height: 100%; vertical-align: middle; margin-right: 12px; } .container-lpyx .common-lpyx .lpyx-modle1 .modle1-content .jianjie { display: inline-block; width: 202px; height: 100%; vertical-align: middle; position: relative; } .container-lpyx .common-lpyx .lpyx-modle1 .modle1-content .jianjie .jj-lable { font-size: 24px; color: #3081ef; margin-bottom: 20px; } .container-lpyx .common-lpyx .lpyx-modle1 .modle1-content .jianjie .jj-text { color: #333333; font-size: 16px; line-height: 1.9; } .container-lpyx .common-lpyx .lpyx-modle1 .modle1-content .jianjie .more { position: absolute; bottom: 8px; right: 5px; font-size: 16px; color: #3081ef; cursor: pointer; } .container-lpyx .common-lpyx .lpyx-modle1 .modle1-content .jianjie .more:hover { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; } .container-lpyx .common-lpyx .lpyx-modle2 { /* 本例子css */ /* 下面是前/后按钮代码,如果不需要删除即可 */ } .container-lpyx .common-lpyx .lpyx-modle2 .modle1-title { width: 100%; height: 76px; margin-bottom: 28px; } .container-lpyx .common-lpyx .lpyx-modle2 .five_box { width: 100%; height: 100%; position: relative; } .container-lpyx .common-lpyx .lpyx-modle2 .five_box .bd { position: relative; width: 100%; height: 100%; z-index: 0; } .container-lpyx .common-lpyx .lpyx-modle2 .five_box .bd li { zoom: 1; width: 100%; height: 100%; vertical-align: middle; } .container-lpyx .common-lpyx .lpyx-modle2 .five_box .bd li div{ overflow: hidden; } .container-lpyx .common-lpyx .lpyx-modle2 .box-img1 { display: inline-block; width: 568px; vertical-align: middle; } .container-lpyx .common-lpyx .lpyx-modle2 .box-img2 { display: inline-block; width: 186px; vertical-align: middle; margin: 0 10px; } .container-lpyx .common-lpyx .lpyx-modle2 .box-img2 .img-2 { width: 186px; height: 270px; margin-bottom: 10px; } .container-lpyx .common-lpyx .lpyx-modle2 .box-img2 .img-3 { width: 186px; height: 105px; } .container-lpyx .common-lpyx .lpyx-modle2 .box-img3 { display: inline-block; width: 418px; vertical-align: middle; } .container-lpyx .common-lpyx .lpyx-modle2 .box-img3 .img-4 { width: 419px; height: 186px; margin-bottom: 10px; } .container-lpyx .common-lpyx .lpyx-modle2 .box-img3 .img-5 { width: 419px; height: 186px; } .container-lpyx .common-lpyx .lpyx-modle2 .bd li img{ transition: all 0.6s; } .container-lpyx .common-lpyx .lpyx-modle2 .bd li img:hover{ transform: scale(1.1); } .container-lpyx .common-lpyx .lpyx-modle2 .prev, .container-lpyx .common-lpyx .lpyx-modle2 .next { position: absolute; right: 57px; top: -16px; margin-top: -25px; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #3081ef; background-color: #fff; color: #3081ef; z-index: 99999; } .container-lpyx .common-lpyx .lpyx-modle2 .next { right: 0; top: -16px; } .container-lpyx .common-lpyx .lpyx-modle2 .prev:hover, .container-lpyx .common-lpyx .lpyx-modle2 .next:hover { background-color: #3081ef; color: #fff; } .container-lpyx .common-lpyx .lpyx-modle2 .prevstop { display: none; } .container-lpyx .common-lpyx .lpyx-modle2 .nextstop { display: none; } .container-qwld .common-qwld { position: relative; width: 100%; background-size: 100% 640px; background-color: #fff; } .list-sjsj{ font-size: 18px; text-indent: 2em; } .container-qwld .common-qwld .tree-box { position: absolute; top: 0; bottom: 0; left: 0; width: 290px; background: #fff; padding: 22px 10px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; -webkit-box-shadow: 5px 5px 5px #fafafa; box-shadow: 5px 5px 5px #fafafa; } .container-qwld .common-qwld .tree-box .tree-title { width: 270px; height: 70px; line-height: 70px; text-align: center; margin-bottom: 13px; background: no-repeat center; background-size: 100% 100%; color: #fff; font-size: 30px; } .container-qwld .common-qwld .tree-box .tree-list .list-item { width: 270px; height: 60px; margin-bottom: 13px; line-height: 60px; text-align: center; font-size: 20px; color: #333333; border-bottom: 1px solid #eeeeee; cursor: pointer; } .container-qwld .common-qwld .tree-box .tree-list .list-item-active { background: no-repeat center; cursor: pointer; } .container-qwld .common-qwld .tree-box .title-bottomimg { margin-top: 32px; } .container-qwld .common-qwld .right-list { width: 910px; padding: 22px; padding-bottom: 34px; margin-left: 290px; -webkit-box-sizing: border-box; box-sizing: border-box; } .container-qwld .common-qwld .right-list .mbx { height: 32px; line-height: 1; border-bottom: 1px solid #f1f1f1; } .container-qwld .common-qwld .right-list .mbx span { color: #333333; font-size: 16px; } .container-qwld .common-qwld .right-list .committee div { -webkit-box-sizing: border-box; box-sizing: border-box; } .container-qwld .common-qwld .right-list .committee .clear:after { content: ""; clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } .container-qwld .common-qwld .right-list .committee .f-l { float: left; } .container-qwld .common-qwld .right-list .committee .f-r { float: right; } .container-qwld .common-qwld .right-list .committee .display { display: inline-block; vertical-align: top; } .container-qwld .common-qwld .right-list .committee .committee-title { height: 42px; padding-left: 20px; border-bottom: 2px solid #eeeeee; } .container-qwld .common-qwld .right-list .committee .committee-title .title-text { padding: 0 6px; height: 42px; text-align: center; font-size: 18px; line-height: 42px; cursor: pointer; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; border-bottom: 2px solid #3081ef; } .container-qwld .common-qwld .right-list .committee .committee-title .title-text:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .container-qwld .common-qwld .right-list .committee .committee-title .title-text:nth-child(2) { border: 0; } .container-qwld .common-qwld .right-list .commit-content { width: 862px; font-size: 0; display: none; margin-top: 14px; } .container-qwld .common-qwld .right-list .commit-content .content-top { padding: 12px 9px 24px; background-color: rgba(102, 102, 102, 0.08); } .container-qwld .common-qwld .right-list .commit-content .content-portrait { width: 147px; height: 186px; margin-right: 12px; background-repeat: no-repeat; background-position: center; background-size: cover; } .container-qwld .common-qwld .right-list .commit-content .content-personal { width: 578px; } .container-qwld .common-qwld .right-list .commit-content .content-personal .personal-title { font-size: 30px; line-height: 46px; color: #3081ef; margin-right: 20px; margin-bottom: 32px; } .container-qwld .common-qwld .right-list .commit-content .content-personal .personal-title span { font-size: 20px; line-height: 46px; color: #000; } .container-qwld .common-qwld .right-list .commit-content .text-top { font-size: 16px; line-height: 24px; color: #3081ef; } .container-qwld .common-qwld .right-list .commit-content .text-bottom { font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .container-qwld .common-qwld .right-list .commit-content .text-bottom p { margin-bottom: 10px; } .container-qwld .common-qwld .right-list .commit-content .commit-introduction { padding-top: 25px; } .container-qwld .common-qwld .right-list .commit-content .commit-introduction .text-bottom { padding-top: 8px; padding-left: 8px; } .container-qwld .common-qwld .right-list .commit-content .content-bottom { padding-top: 16px; } .container-qwld .common-qwld .right-list .commit-content .content-bottom .bottom-lis { padding-top: 6px; } .container-qwld .common-qwld .right-list .commit-content .content-bottom .bottom-lis .lis-li { padding-left: 10px; height: 36px; } .container-qwld .common-qwld .right-list .commit-content .content-bottom .bottom-lis .lis-li:nth-child(2n) { background-color: #f8fbfe; } .container-qwld .common-qwld .right-list .commit-content .content-bottom .bottom-lis .lis-li .li-icon { width: 7px; height: 7px; border-radius: 4px; margin-top: 16px; background-color: #2f7ee9; } .container-qwld .common-qwld .right-list .commit-content .content-bottom .bottom-lis .lis-li .li-text { margin-left: 9px; font-size: 16px; line-height: 36px; } .container-qwld .common-qwld .right-list .commit-content .content-bottom .bottom-lis .lis-li .li-time { font-size: 16px; line-height: 36px; } .container-qwld .common-qwld .right-list .open { display: block; } .container-lpyx .common-lpyx .lpyx-modle3 .modle1-title { width: 100%; height: 76px; margin: 28px 0; text-align: center; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-left { display: inline-block; width: 597px; height: 326px; padding: 30px 17px 15px 29px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-left .bwg { text-align: center; color: #3081ef; font-size: 24px; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-left .bwg-text { padding-top: 30px; color: #333333; font-size: 16px; line-height: 27px; text-indent: 2rem; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right { position: relative; margin-left: 10px; width: 582px; float: right; height: 326px; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right .whzd-slide { width: 100%; height: 100%; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right .whzd-slide li { zoom: 1; width:582px !important; height: 100%; /* margin: 0 5px; */ display: flex; margin-right: 5px; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right .whzd-slide li>div{ position: relative; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right .whzd-slide li > div>div { position: absolute; bottom: 14px; left: 0; color: #ffffff; font-size: 16px; text-align: center; width: 100%; cursor: pointer; } .whzd-ul img{width: 287px;height: 326px;cursor: pointer;} .whzd-title{ font-size: 24px; text-align: center; color: #3081ef; } .whzd-txt{ font-size: 16px; color: #666; text-indent: 16px; margin-top: 30px; height: 220px; line-height: 2; /* overflow-y: auto; */ } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right .whzd-slide li > div{ margin-right: 10px; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right .prev, .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right .next { position: absolute; right: 57px; top: -16px; margin-top: -25px; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #3081ef; background-color: #fff; color: #3081ef; z-index: 99999; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right .next { right: 0; top: -16px; } .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right .prev:hover, .container-lpyx .common-lpyx .lpyx-modle3 .whzd-content .whzd-right .next:hover { background-color: #3081ef; color: #fff; } .nav-list a{color: #fff;} .list-bs a:hover{color: #3081ef;} .govpushinfo150203{color: #3198ed;padding-left: 25px;} .govpushinfo150203 li{font-size: 24px;margin-bottom: 12px;line-height: 26px;list-style: disc;border-bottom:2px solid #eeeeee;margin-top: 7px;} .govpushinfo150203 li a{float: left;width: 380px;height: 24px;overflow: hidden;font-size: 16px;} .govpushinfo150203 li:hover a,.govpushinfo150203 li:hover span{color: #3081ef;} .govpushinfo150203 li span{float: right;font-size: 16px;color: #333;margin-right:16px;} .right-lis{width: 550px;height: 190px;overflow: hidden;} .wz-text{font: 16px;text-indent: 2;} .wz-title{font-size: 24px;font-weight: bold;} .mbx a,.mbx{font-size: 16px;} ul.pic_list li{float: left;width: 30%;margin: 10px 14px;} ul.pic_list .text{font-size: 16px;text-align: center;} ul.pic_list li .pic img{width: 100%;height: 172.5px;} ul.pic_list::after{display: block;content:"";clear: both;} .artmiddle img{max-width: 800px;}