@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;}