@charset "utf-8";

@font-face {
    font-family: Panton-Lightcaps;
    src: url('../fonts/PANTON-LIGHTCAPS.OTF');
}

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: 'Microsoft Yahei', Arial;
}

img {
    border: none;
}

.clear:after {
    display: block;
    content: "";
    clear: both;
}

html,
body {
    width: 100%;
    min-width: 1120px;
    background: #f9f9f9;
}

.w1100 {
    width: 1100px;
    margin: 0 auto;
}

.w1120 {
    width: 1120px;
    margin: 0 auto;
}

.boder-bottom {
    border-bottom: 1px solid #ddd;
}

.logo {
    border-bottom: 2px solid #2b74ed;
}

.logo div {
    width: 1100px;
    height: 85px;
    margin: 0 auto;
    background: url(../images/logo.png) no-repeat center center;
}

.banner {
    position: relative;
}

.nav {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
}

.nav ul {
    width: 1100px;
    margin: 30px auto 0;
}

.nav ul li {
    position: relative;
    float: left;
    text-align: center;
    margin: 0 16px;
}

.nav ul li>a {
    color: #fff;
    display: block;
    height: 45px;
    text-align: center;
    line-height: 45px;
    padding: 0 25px;
    font-size: 18px;
}

.nav ul li dl {
    position: absolute;
    top: 45px;
    left: 0px;
    background: rgba(255, 255, 255, .2);
    border-radius: 0 6px 6px 6px;
    display: none;
}

.nav ul li dl dd {
    display: table-cell;
    white-space: nowrap;
    padding: 0 15px;
    min-width: 190px;
    text-align: left;
}

.nav ul li dl dd h5 {
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    line-height: 52px;
    border-bottom: 1px dashed #fff;
    padding: 0 0 0 10px;
}

.nav ul li dl dd div {
    padding: 6px 0;
}

.nav ul li dl dd div a {
    display: block;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
}

.nav ul li dl dd div a:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    float: left;
    margin: 13px 6px 13px 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav ul li:hover>a {
    background: rgba(255, 255, 255, .2);
    border-radius: 6px;
}

.nav ul li:hover dl {
    display: table;
}

.nav ul li:nth-child(2):hover>a {
    background: rgba(255, 255, 255, .2);
    border-radius: 6px 6px 0 0;
}

.slideBox {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.slideBox .hd {
    width: 50px;
    overflow: hidden;
    position: absolute;
    left: 4%;
    top: 125px;
    bottom: 0;
    z-index: 999;
}

.slideBox .hd span {
    position: absolute;
    left: 24px;
    width: 2px;
    background: #ffffff;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.slideBox .hd .hdSpan01 {
    top: 0;
    height: 25%;
}

.slideBox .hd .hdSpan02 {
    bottom: 0;
    height: calc(75% - 174px);
}

.slideBox .hd ul {
    position: absolute;
    left: 0px;
    top: 25%;
    overflow: hidden;
    zoom: 1;
    width: 100%;
    height: 174px;
}

.slideBox .hd ul li {
    width: 50px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    font-family: "Panton-Lightcaps";
}

.slideBox .hd ul li.on {
    background: url(../images/Hexagon.png) no-repeat center center;
    color: #fff;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    width: 100%;
    display: block;
}

.slideBox .bd li a {
    width: 100%;
    display: block;
}

.slideBox .bd li a>img {
    display: block;
    margin: 0 auto;
    width: 100%;
}




.content {
    overflow: hidden;
}

.ten-years {
    height: 256px;
    text-align: center;
    padding: 42px 0;
}

.ten-years h2 {
    font-size: 32px;
    color: #595959;
    font-weight: normal;
    line-height: 70px;
    vertical-align: middle;
}

.ten-years h2 span {
    font: bold 70px 'Panton-Lightcaps';
    color: #d40a30;
}

.ten-years p {
    font-style: 18px;
    color: #464646;
    line-height: 42px;
}

.slideTxtBox {
    padding: 0 30px;
}

.slideTxtBox .hd ul li {
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 25px;
    cursor: pointer;
    font-size: 20px;
    color: #000;
    border-radius: 18px;
    background: #f5f5f5;
    margin: 44px 60px 44px 0;
}

.slideTxtBox .hd ul li.on {
    background: #236ad8;
    color: #fff;
}

.slideTxtBox .bd>div {
    overflow: hidden;
}

.slideTxtBox .bd>div .Smart-government {
    height: 461px;
    padding: 0 258px 50px 0;
    background: url(../images/wisdom.png) no-repeat 100% 10%;
}

.slideTxtBox .bd>div .Social-governance {
    height: 461px;
    padding: 0 258px 50px 0;
    background: url(../images/governance.png) no-repeat 100% 10%;
}

.slideTxtBox .bd>div .Smart-party-affairs {
    height: 461px;
    padding: 0 258px 50px 0;
    background: url(../images/Party-Affairs.png) no-repeat 100% 10%;
}

.slideTxtBox .bd>div h4 {
    font: bold 22px '黑体';
    margin-bottom: 24px;
    color: #5a5a5a;
}

.slideTxtBox .bd>div p {
    font-size: 16px;
    color: #414141;
    line-height: 34px;
    margin-bottom: 20px;
}

.slideTxtBox .bd>div dl {
    margin-top: 30px;
}

.slideTxtBox .bd>div dl dt {
    float: left;
    line-height: 30px;
}

.slideTxtBox .bd>div dl dd {
    float: left;
    height: 30px;
    border: 1px solid #236ad8;
    border-radius: 15px;
    margin: 0 0 0 20px;
}

.slideTxtBox .bd>div dl dd a {
    display: block;
    height: 28px;
    padding: 0 15px;
    line-height: 28px;
    text-align: center;
    color: #236ad8;
}

.platform {
    height: 178px;
    margin: 0 auto;
    border-top: 1px dashed #e0e0e0;
}

.platform>div {
    width: 268px;
    height: 178px;
    float: left;
}

.platform>div.platform02,
.platform>div.platform05,
.platform>div.platform08 {
    margin-left: 148px;
}

.platform>div.platform03,
.platform>div.platform06,
.platform>div.platform09 {
    float: right;
}

.platform>div img {
    display: block;
    margin: 30px auto 5px;
}

.platform>div span {
    display: block;
    font-size: 16px;
    color: #414141;
    text-align: center;
}

.Successful-case {
    width: 100%;
    height: 652px;
}

.Successful-case>div {
    width: 100%;
    height: 590px;
    background: url(../images/index-case.jpg) no-repeat;
    background-size: cover;
    padding-top: 50px;
}

.title-white {
    height: 80px;
    width: 350px;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
}

.title-white span {
    display: table;
    height: 80px;
    padding: 0 15px;
    line-height: 75px;
    border-bottom: 5px solid #236ad8;
    margin: 0 auto;
    font-size: 26px;
    color: #fff
}

.picMarquee-left {
    width: 1140px;
    overflow: hidden;
    position: relative;
    padding-top: 78px;
    margin: 0 auto;
}

.picList li {
    width: 340px;
    float: left;
    _display: inline;
    overflow: hidden;
    height: 410px;
    box-shadow: 0 0 16px 5px rgba(137, 137, 137, .35);
    background: #fff;
    margin: 30px 20px;
}

.picList li .case-img {
    position: relative;
    width: 300px;
    margin: 0 auto;
}

.picList li .case-img img {
    display: block;
    width: 300px;
    height: 155px;
    margin: 20px auto 0;
}

.picList li .case-img span {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 32px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    background: #c30606;
    color: #fff;
    border-radius: 6px 0 0 6px;
}

.picList li h4 {
    color: #414141;
    font-size: 22px;
    text-align: center;
    line-height: 60px;
    width: 300px;
    margin: 10px auto 0;
}

.picList li p {
    color: #414141;
    font-size: 16px;
    line-height: 32px;
    min-height: 64px;
    width: 300px;
    margin: 0 auto;
}

.picList li .case-more {
    display: block;
    width: 78px;
    height: 30px;
    border: 1px solid #236ad8;
    border-radius: 5px;
    color: #236ad8;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
    margin: 30px auto 0;
}

.partner {
    width: 1100px;
    height: 460px;
    margin: 0 auto;
    padding-top: 50px;
}

.title-gray {
    height: 80px;
    width: 350px;
    margin: 0 auto;
    border-bottom: 1px solid #d2d2d2;
}

.title-gray span {
    display: table;
    height: 80px;
    padding: 0 15px;
    line-height: 75px;
    border-bottom: 5px solid #236ad8;
    margin: 0 auto;
    font-size: 26px;
    color: #373737;
}

.partner-item {
    margin-top: 47px;
}

.partner-item img {
    display: block;
}






.footer {
    width: 100%;
    height: 254px;
    background: url(../images/footerBg.jpg) repeat 0 0;
    padding-top: 13px;
}

.footerNavigation {
    width: 378px;
    float: left;
}

.footerTitle {
    height: 62px;
    border-bottom: 1px solid #8d8d8d;
}

.footerTitle p {
    color: #fff;
    font-size: 16px;
    height: 62px;
    border-bottom: 2px solid #236ad8;
    line-height: 60px;
    float: left;
    padding: 0 13px 0 40px;
}

.footerNavigation .footerTitle p {
    background: url(../images/Navigation.png) no-repeat 0 center;
}

.footerNavigation ul {
    padding: 21px 5px;
}

.footerNavigation ul li {
    height: 42px;
    float: left;
    width: 33.33%;
}

.footerNavigation ul li a {
    line-height: 42px;
    padding-left: 17px;
    background: url(../images/icon_01.png) no-repeat 5px center;
    color: #fff;
    font-size: 16px;
}

.footerNavigation ul li a:hover {
    color: #8d8d8d;
}

.footerContactUs {
    width: 668px;
    float: right;
    color: #fff;
    font-size: 16px;
    line-height: 42px;
}

.footerContactUs .footerTitle p {
    background: url(../images/ContactUs.png) no-repeat 0 center;
}

.footerContactUs dl {
    padding: 21px 15px;
}

.footerContactUs dl dd:after {
    content: "";
    display: block;
    clear: both;
}

.footerContactUs dl dd span {
    float: left;
}

.footerContactUs dl dd a {
    float: right;
}

/*OA自动化,干部管理系统,公安指挥调度平台,人才管理系统,新时代文明实践平台,站群管理平台*/
.header-top {
    height: 100px;
    background: #fff;
}

.zykj-logo {
    float: left;
    margin: 16px 0 0 0;
}

.nav2 {
    float: left;
    padding-top: 35px;
}

.nav2 ul li {
    position: relative;
    float: left;
    margin-left: 30px;
    height: 65px;
}

.nav2 ul li>a {
    display: block;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    border-radius: 6px;
    text-align: center;
    font-size: 18px;
    color: #343434;
    border: 1px solid transparent;
}

.nav2 ul li.active:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #aeaeae;
    position: absolute;
    bottom: 16px;
}

.nav2 ul li.active:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 8px solid #bebebe;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -8px;
}

.nav2 ul li:hover:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #aeaeae;
    position: absolute;
    bottom: 16px;
}

.nav2 ul li:hover:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 8px solid #bebebe;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -8px;
}


.nav2 ul li dl {
    position: absolute;
    top: 65px;
    left: 0px;
    background: rgba(255, 255, 255, .7);
    border-radius: 0 6px 6px 6px;
    display: none;
    z-index: 999;

}

.nav2 ul li dl dd {
    display: table-cell;
    white-space: nowrap;
    padding: 0 15px;
    min-width: 190px;
    text-align: left;
}

.nav2 ul li dl dd h5 {
    font-weight: normal;
    font-size: 18px;
    line-height: 52px;
    border-bottom: 1px dashed rgba(0, 0, 0, .7);
    padding: 0 0 0 10px;
    color: rgba(0, 0, 0, .7);
}

.nav2 ul li dl dd div {
    padding: 6px 0;
}

.nav2 ul li dl dd div a {
    display: block;
    line-height: 32px;
    font-size: 16px;
    color: rgba(0, 0, 0, .7);
}

.nav2 ul li dl dd div a:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, .7);
    float: left;
    margin: 13px 6px 13px 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav2 ul li:hover>a {
    background: rgba(255, 255, 255, .2);
    border-radius: 6px;
}

.nav2 ul li:hover dl {
    display: table;
}

.nav2 ul li:nth-child(2):hover>a {
    background: rgba(255, 255, 255, .2);
    border-radius: 6px 6px 0 0;
}






.banner_img {
    position: relative;
    display: block;
    width: 100%;
    height: 384px;
    overflow: hidden;
}

.banner_img img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1850px;
    margin-left: -925px;
}

.banner_img2 {
    position: relative;
    display: block;
    width: 100%;
    height: 339px;
    overflow: hidden;
}

.banner_img2 img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1850px;
    margin-left: -925px;
}

.bg-f9fcfe {
    background: #f9fcfe;
}

.bg-fff {
    background: #fff;
}

.lattice {
    background: url(../images/lattice.jpg) repeat 0 0;
    height: 740px;
}

/*平台概述*/
.Platform-overview {
    padding: 160px 0 55px;
    background: url(../images/Platform-overview.png) no-repeat center 30px;
}

.Platform-overview p {
    text-indent: 2em;
    font-size: 18px;
    color: #414141;
    line-height: 42px;
    text-align: justify;
}

/*系统构架*/
.System-structure {
    padding: 220px 0 80px;
    background: url(../images/System-structure.png) no-repeat center 75px;
}

.System-structure img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/*系统特点*/
.System-Features {
    position: relative;
    height: 685px;
    padding: 200px 0 50px;
    background: url(../images/System-Features.png) no-repeat center 60px;
    overflow: hidden;
}

.System-Features img {
    position: absolute;
    top: 200px;
    left: 50%;
    width: 1850px;
    margin-left: -925px;
    display: block;
}

/*建设目标*/
.Construction-objectives {
    padding: 258px 0 100px;
    background: url(../images/Construction-objectives.png) no-repeat center 90px;
}

/*网格化层级分化*/
.Grid-level-differentiation {
    padding: 258px 0 100px;
    background: url(../images/Grid-level-differentiation.png) no-repeat center 75px;
}

.Grid-level-differentiation img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/*数据库建设*/
.Database-construction {
    padding: 258px 0 100px;
    background: url(../images/Database-construction.png) no-repeat center 75px;
}

.Database-construction img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/*平台功能*/
.Platform-functions {
    padding: 225px 0 100px;
    background: url(../images/Platform-functions.png) no-repeat center 75px;
}

/*成功案例*/
.Success-case {
    padding: 190px 0 50px;
    background: url(../images/Success-case.png) no-repeat center 55px;
}


/*关于我们*/
.Company-profile {
    padding: 20px 0 0;
}

.Company-profile .title-gray {
    margin: 0 auto 35px;
}
.Company-profile .profile{
    min-height: 400px;
    padding:50px 475px 0 0;
    background: url(../images/profile_bg.png) no-repeat right center;
}
.Company-profile .profile p {
    text-indent: 2em;
    font-size: 16px;
    color: #414141;
    line-height: 42px;
}

.Company-history {
    position: relative;
    height: 742px;
    overflow: hidden;
}

.Company-history img {
    position: absolute;
    top: 80px;
    left: 50%;
    width: 1850px;
    margin-left: -925px;
    display: block;
}

.Company-qualification {}

.Company-qualification img {
    display: block;
    margin: 90px auto;
    max-width: 1100px;
}

/*加入我们*/
.slideTxtBox-Join {
    padding: 0 30px;
}

.slideTxtBox-Join .hd ul li {
    float: left;
    width: 153px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    font-size: 20px;
    color: #464646;
    border-radius: 18px;
    background: #e8e8e8;
    margin: 68px 10px 20px;
    text-align: center;
}

.slideTxtBox-Join .hd ul li.on {
    background: #236ad8;
    color: #fff;
}


.slideTxtBox-Join .bd>div {
    overflow: hidden;
    padding: 10px 50px 50px;
}

.slideTxtBox-Join .bd>div h4 {
    color: #464646;
    font-size: 20px;
    margin: 0 0 20px;
}

.slideTxtBox-Join .bd>div p {
    color: #464646;
    font-size: 18px;
    line-height: 42px;
    padding-left: 20px;
}

/*成功案例*/
.Success-itme {}

.Success-itme dl {
    width: 1120px;
}

.Success-itme dl dt h1 {
    font-size: 30px;
    text-align: center;
    color: #0b0306;
    padding: 22px 0;
}

.Success-itme dl dt:after {
    content: "";
    display: block;
    width: 60px;
    height: 8px;
    margin: 0 auto;
    border-radius: 4px;
    background: linear-gradient(to right, #2e6cee, #029eff)
}

.Success-itme dl dd {
    padding: 40px 0 0;
    width: 1140px;
}

.Success-itme dl dd div {
    width: 360px;
    height: 275px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(194, 194, 194, .2);
    margin: 0 20px 25px 0;
    padding: 20px 20px 0 20px;
    float: left;
}

.Success-itme dl dd div img {
    display: block;
    width: 320px;
    height: 160px;
    margin: 0 auto 20px;
}

.Success-itme dl dd div span {
    display: block;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #0b0306;
}





.page {
    padding: 60px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ejyPaginationLeft {
    float: left;
    display: none;
}

.pages_right {
    float: right;
}

.jumpInput,
.pages_right span {
    display: none
}

.pages_right a {
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 46px;
    border: 2px solid #e7e7e7;
    border-radius: 8px;
    color: #8a8a8a;
    font-size: 20px;
    margin: 0 13px;
}

.pages_right a.on {
    color: #fff;
    border: 1px solid #236ad8;
    background: #236ad8;
}

.pages_right a:hover {
    color: #fff;
    border: 2px solid #236ad8;
    background: #236ad8;
}

/*✿网格化社区*/
.grid-banner {
    position: relative;
}

.grid-banner dl {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 135px;
}

.grid-banner dl dt {
    float: left;
    width: 400px;
    height: 135px;
    background: url(../images/zykj_logo_white.png) no-repeat 35px center;
}

.grid-banner dl dd {
    float: right;
    padding: 47.5px 75px;
}

.grid-banner dl dd a {
    display: block;
    width: 110px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 10px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
}

.grid-banner img {
    display: block;
    width: 100%
}

.Platform-overview.grid p {
    min-height: 340px;
    padding: 20px 550px 0 0;
    background: url(../images/grid-Platform-overview.png) no-repeat right center;
}

.Construction-objectives-item {
    position: relative;
    height: 345px;
}

.target {
    position: absolute;
    width: 354px;
    height: 164px;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(232, 232, 232, .75);
    overflow: hidden;
    color: #fff;
    transition: all 0.5s;
}

.target01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 363px;
    height: 345px;
    border: 1px solid #98c244;
    border-radius: 8px;
    background: #abcd67;
    box-shadow: 0 0 27px 0 rgba(204, 215, 181, .75);
    padding: 0 20px;
    color: #fff;
}

.target02 {
    top: 0;
    left: 379px;
    background: #7fc9c0;
}

.target03 {
    top: 0;
    right: 0;
    background: #53c0e9;
}

.target04 {
    bottom: 0;
    left: 379px;
    background: #968fca;
}

.target05 {
    bottom: 0;
    right: 0;
    background: #4d83d5;
}

.target01 h4 {
    height: 76px;
    border-bottom: 1px solid #fff;
    line-height: 75px;
    padding-left: 67px;
    background: url(../images/target-icon01.png) no-repeat 0 center;
    font-size: 20px;
}

.target01 p {
    font-size: 16px;
    line-height: 40px;
    text-align: justify;
    padding: 5px;
}

.card {
    position: absolute;
    top: 0;
    left: 0;
    width: 354px;
    height: 164px;
    padding: 0 15px;
    z-index: 10;
    transition: all 0.2s;

}

.card h5 {
    padding: 20px 0 8px;
    font-size: 20px;
    font-weight: normal;
}

.card p {
    line-height: 18px;
    font-size: 14px;
}

.card-b div {
    float: left;
    height: 100%;
    padding-left: 5px;
}

.card-b div:before {
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background: #fff;
    margin: 10px auto 5px;
}

.target02 .card {
    background: url(../images/target-icon02.png) no-repeat 92% 90%;
}

.target03 .card {
    background: url(../images/target-icon03.png) no-repeat 92% 90%;
}

.target04 .card {
    background: url(../images/target-icon04.png) no-repeat 92% 90%;
}

.target05 .card {
    background: url(../images/target-icon05.png) no-repeat 92% 90%;
}

.synopsis {
    position: absolute;
    left: 0;
    width: 354px;
    height: 345px;
    z-index: 20;
    padding: 0 15px;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    transition: all 0.5s;
}

.target02 .synopsis {
    top: 0;
    background: #7fc9c0;
}

.target03 .synopsis {
    top: 0;
    background: #53c0e9;
}

.target04 .synopsis {
    bottom: 0;
    background: #968fca;
}

.target05 .synopsis {
    bottom: 0;
    background: #4d83d5;
}

.synopsis h4 {
    height: 76px;
    border-bottom: 1px solid #fff;
    line-height: 75px;
    padding-left: 67px;
    font-size: 20px;
}

.target02 .synopsis h4 {
    background: url(../images/target-icon02.png) no-repeat 0 center;
}

.target03 .synopsis h4 {
    background: url(../images/target-icon03.png) no-repeat 0 center;
}

.target04 .synopsis h4 {
    background: url(../images/target-icon04.png) no-repeat 0 center;
}

.target05 .synopsis h4 {
    background: url(../images/target-icon05.png) no-repeat 0 center;
}

.synopsis p {
    font-size: 16px;
    line-height: 40px;
    text-align: justify;
    padding: 5px;
}

.target.on {
    height: 345px;
}

.target.on .card {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.target.on .synopsis {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}


.Platform-functions .hd {}

.Platform-functions .hd ul {
    height: 102px;
}

.Platform-functions .hd ul li {
    position: relative;
    float: left;
    cursor: pointer;
    width: 256px;
    height: 82px;
    text-align: center;
    line-height: 82px;
    color: #858585;
    font-size: 20px;
    background: #fff;
}

.Platform-functions .hd li:nth-child(1) {
    border-radius: 10px 0 0 10px;
}

.Platform-functions .hd li:nth-child(2) {
    border-radius: 0 10px 10px 0;
}

.Platform-functions .hd ul li.on {
    background: #5890ff;
    color: #fff;
}

.Platform-functions .hd ul li.on:after {
    position: absolute;
    top: 82px;
    left: 50%;
    margin-left: -15px;
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-top: 20px solid #5890ff;
    border-bottom: 20px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.Platform-functions .bd>ul {
    padding: 20px 0 0;
    zoom: 1;
}

.Platform-functions .bd li {
    float: left;
    margin: 30px 35px 0;
    min-width: 150px;
}

.Platform-functions .bd li img {
    display: block;
    margin: 0 auto;
}

.Platform-functions .bd li span {
    display: block;
    text-align: center;
    line-height: 50px;
    color: #454545;
    font-size: 16px;
}

.Success-case ul li {
    float: left;
    color: #414141;
    font-size: 18px;
    line-height: 24px;
    margin: 0 180px 0 0;
}

.Success-case ul li:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #5791ff;
    margin: 0 10px;
}


/*督办*/
/*平台概述*/
.Supervision-overview {
    padding: 220px 0 70px;
    background: url(../images/Supervision-overview.png) no-repeat center 75px;
}

.Supervision-overview p {
    min-height: 340px;
    padding: 20px 550px 0 0;
    background: url(../images/Supervision-Platform-overview.png) no-repeat right center;
    text-indent: 2em;
    font-size: 18px;
    color: #414141;
    line-height: 42px;
    text-align: justify;
}

/*建设目标*/
.Supervision-objectives {
    padding: 180px 0 110px;
    background: url(../images/Supervision-objectives.png) no-repeat center 40px;
}

.Supervision-objectives img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*平台特点*/
.Supervise-Platform-characteristics-bg {
    background: url(../images/Platform-characteristics-bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 0px 0 100px;
}

.Supervision-features {
    height: 190px;
    background: url(../images/Supervision-features.png) no-repeat center center;
}

/*平台功能*/
.Supervision-function {
    padding: 190px 0 100px;
    background: url(../images/Supervision-function.png), url(../images/Supervise_bg.png);
    background-repeat: no-repeat;
    background-position: center 40px, center bottom;
    background-size: auto, auto;
}

.Supervision-function img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/*成功案例*/
.Supervision-Success-case {
    padding: 190px 0 50px;
    background: url(../images/Supervision-Success-case.png) no-repeat center 55px;
}

.Supervision-Success-case ul {
    display: flex;
    justify-content: center;
}

.Supervision-Success-case ul li {
    float: left;
    color: #414141;
    font-size: 18px;
    line-height: 24px;
    margin: 0 44px;
}

.Supervision-Success-case ul li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #5791ff;
    margin: 0 10px;
    transform: rotate(45deg);
}

.Supervise_bg {
    background: url(../images/Supervise_bg.png) no-repeat center 90%;
}

#wrapper {
    width: 1168px;
    height: 350px;
    position: relative;
    margin: 0 auto;
}

#carousel-left,
#carousel-right {
    width: 312px;
    height: 210px;
    overflow: hidden;
    position: absolute;
    top: 65px;
    z-index: 1;
    background: #fff;
}

#carousel-left {
    left: 66px;
}

#carousel-right {
    right: 66px;
}

#carousel-center {
    width: 520px;
    height: 350px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 324px;
    z-index: 2;
    background: #fff;
}

.caroufredsel_wrapper {
    box-shadow: 0 0 15px #afafaf;
    border-radius: 20px;
    background: none;
}

.caroufredsel_wrapper img {
    display: block;
    float: left;
}

.caroufredsel_wrapper dl {
    display: block;
    float: left;
}

#carousel-center dl {
    width: 520px;
    height: 350px;
}

#prev,
#next {
    position: absolute;
    top: 50%;
    display: block;
    width: 46px;
    height: 46px;
    margin-top: -23px;
    z-index: 0;
}

#prev {
    left: 0;
    background: url(../images/prev.png) no-repeat center center;
}

#next {
    right: 0;
    background: url(../images/next.png) no-repeat center center;
}

/*党建*/
/*平台概述*/
.party-overview {
    padding: 220px 0 70px;
    background: url(../images/Party-overview.png) no-repeat center 75px;
}

.party-overview p {
    min-height: 340px;
    padding: 20px 550px 0 0;
    background: url(../images/Party-overview-img.png) no-repeat right center;
    text-indent: 2em;
    font-size: 18px;
    color: #414141;
    line-height: 42px;
    text-align: justify;
}

.party-function {
    padding: 220px 0 0px;
    background: url(../images/Party-function.png) no-repeat center 75px;
}

.party-function-hd {
    height: 64px;
}

.party-function-hd li {
    position: relative;
    float: left;
    height: 52px;
    margin: 0 5px;
    padding: 0 15px;
    cursor: pointer;
    line-height: 52px;
    border-radius: 6px;
    font-size: 20px;
}

.party-function-hd li.active {
    background: #eb2b23;
    color: #fff;
}

.party-function-hd li.active:after {
    position: absolute;
    top: 42px;
    left: 50%;
    margin-left: -10px;
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-bottom: 10px solid #eb2b23;
}

.party-function-bd {
    height: 704px;
    background: url(../images/party-function-bd.jpg) no-repeat center top;
    background-size: cover;
    margin-top: 47px;
    padding: 24px;
}

.party-function-bd>div {
    width: 1116px;
    margin: 0 auto;
}

.party-function-bd>div:after {
    content: '';
    display: block;
    clear: both;
}

.party-function-bd>div>div {
    width: 342px;
    height: 204px;
    float: left;
    margin: 0 15px;
    color: #fff;
}

.party-function-bd>div>div h5 {
    height: 62px;
    border-bottom: 1px solid #fff;
    line-height: 60px;
    font-size: 20px;
    font-weight: normal;
    padding-left: 65px;
    background: url(../images/icon_02.png) no-repeat 25px center;
}

.party-function-bd>div>div p {
    padding: 10px 25px;
    font-size: 18px;
    line-height: 40px;
    text-align: justify;
}

/*多样化展示*/
.party-diversification {
    padding: 338px 0 90px;
    background: url(../images/party-diversification.png) no-repeat center 100px;
}

.party-diversification img {
    display: block;
    margin: 0 auto;
}

/*平台特点*/
.party-Characteristic-bg {
    background: url(../images/party-Characteristic-bg.jpg) no-repeat center top;
    background-size: cover;
    height: 383px;
    margin-bottom: 90px;
}

.party-Characteristic {
    padding: 235px 0 0;
    background: url(../images/party-Characteristic.png) no-repeat center 58px;
}



.party-Characteristic-tab {
    position: relative;
    width: 1122px;
    height: 220px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 0 24px 6px rgba(166, 166, 166, .35);
    padding: 0 0 0 48px;
    background: #fff;
}

.party-Characteristic-left {
    width: 822px;
    height: 220px;
    float: left;
}

.party-Characteristic-tab .hd ul {
    padding: 22px 0 11px;
    border-bottom: 1px solid #ccc;
}

.party-Characteristic-tab .hd ul li {
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 35px;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    border-radius: 10px;
    margin-right: 10px;
}

.party-Characteristic-tab .hd ul li.on {
    color: #fff;
    background: #eb2b23;
}

.party-Characteristic-tab .bd div {
    line-height: 46px;
    padding: 20px 60px 20px 15px;
    font-size: 18px;
}

.party-Characteristic-right {
    float: right;
}

.party-Characteristic-right span {
    width: 252px;
    height: 220px;
    display: block;
}

.party-Characteristic-right span.data-security {
    background: url(../images/data-security-icon.png) no-repeat center center;
}

.party-Characteristic-right span.Mature-platform {
    background: url(../images/Mature-platform-icon.png) no-repeat center center;
}

.party-Characteristic-right span.Stable-platform {
    background: url(../images/Stable-platform-icon.png) no-repeat center center;
}

/*平台案例*/
.party-case-bg {
    /* background: url(../images/party-case-bg.png) no-repeat center bottom; */
    background-size: 100% auto;
}

.party-case {
    padding: 276px 0 96px;
    background: url(../images/party-case.png) no-repeat center 100px;
    width: 1140px;
    margin: 0 auto;
}

.party-case ul {
    display: flex;
    justify-content: center;
}

.party-case ul li {
    float: left;
    color: #414141;
    font-size: 18px;
    line-height: 24px;
    margin: 0 40px;
}

.party-case ul li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #5791ff;
    margin: 0 10px;
    transform: rotate(45deg);
}





.poster-main {
    position: relative;
    margin: 0 auto;
}

.poster-main .poster-list {
    width: 1000px;
    height: 500px;
}

.poster-main .poster-list .poster-item {
    width: 200px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 8px 0 #fff;
}

.poster-main .poster-list .poster-item>div {
    width: 100%;
    height: 100%;
    padding: 30px 36.8% 20px 30px;
    font-size: 100%;
    float: left;
    position: relative;
}

.poster-main .poster-list .poster-item img {
    position: absolute;
    right: 5%;
    top: 25%;
    width: 30%;
}

.poster-main .poster-list .poster-item>div h5 {
    color: #414141;
    margin: 15px 0;
    font-size: 100%;
}

.poster-main .poster-list .poster-item>div p {
    color: #747474;
    line-height: 20px;
    font-size: 76%;
    line-height: 2;
}

/* .rally1{
    background: url(../images/1.png) no-repeat 95% center;
    background-size: 30% auto; 
}
.rally2{
    background: url(../images/2.png) no-repeat 95% center;
    background-size: 30% auto; 
}
.rally3{
    background: url(../images/3.png) no-repeat 95% center;
    background-size: 30% auto; 
} */

.poster-main .poster-btn {
    position: absolute;
    top: 0;
    cursor: pointer;
    filter: opacity(.5) brightness(1);
}

.poster-main .poster-btn:hover {
    filter: opacity(1) brightness(2);
}

.poster-main .poster-prev-btn {
    left: -100px;
    width: 360px !important;
    background: url(../images/prev.png) no-repeat left center;
}

.poster-main .poster-next-btn {
    right: -100px;
    width: 360px !important;
    background: url(../images/next.png) no-repeat right center;
}


/*服务支持*/
.service-itme ul {
    padding: 45px 40px;
}

.service-itme ul li {
    margin-bottom: 42px;
    height: 58px;
    border-radius: 6px;
    overflow: hidden;
}

.service-itme ul li:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    font-size: 16px;
}

.service-itme ul li span {
    display: inline-block;
    width: 120px;
    height: 58px;
    line-height: 58px;
    background: #4f88e0;
    float: left;
    text-align: center;
    color: #fff;
}

.service-itme ul li div {
    height: 58px;
    line-height: 56px;
    border: 1px solid #eeeeee;
    border-radius: 0 6px 6px 0;
    padding: 0 30px;
    margin-left: 120px;
}

/*公司动态*/
.dynamic-itme {
    padding-top: 48px;
}

.dynamic-itme ul li {
    border-bottom: 1px solid #e7e7e7;
    padding: 34px 0;
}

.dynamic-itme ul li:after {
    content: '';
    display: block;
    clear: both;
}

.dynamic-itme ul li .dynamic-img {
    width: 272px;
    float: left;
}

.dynamic-itme ul li .dynamic-img img {
    display: block;
    width: 272px;
    height: 166px;
}

.dynamic-itme ul li .dynamic-txt {
    padding: 0 22px;
    overflow: hidden;
}

.dynamic-itme ul li .dynamic-txt .title {
    display: block;
    color: #464646;
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
}

.dynamic-itme ul li .dynamic-txt .abstract {
    display: block;
    color: #969595;
    font-size: 18px;
    line-height: 36px;
    cursor: default;
}

.View-details {
    padding: 8px 16px;
    border: 1px solid #969595;
    color: #969595;
    font-size: 16px;
    float: left;
    border-radius: 10px;
    margin-top: 10px;
}

.dynamic-itme ul li:hover .title {
    color: #236ad8;
}

.dynamic-itme ul li:hover .View-details {
    color: #236ad8;
    border: 1px solid #236ad8;
}

/*详情页*/
.details {
    min-height: 400px;
    padding: 30px 0;
}

.details-top {
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px dashed #e7e7e7;
}

.details-top h1 {
    font-size: 24px;
    color: #464646;
    margin-bottom: 35px;
    line-height: 40px;
}

.details-top p span {
    font-size: 16px;
    color: #969595;
}

.details-txt p {
    font-size: 18px;
    color: #414141;
    line-height: 42px;
    text-indent: 2em;
}

.details-txt img {
    display: block;
    margin: 20px auto;
    max-width: 80%;
    min-width: 60%;
}

.details .btn {
    text-align: right;
    padding: 30px;
}

.ReturnBack {
    padding: 10px 22px;
    background: #236ad8;
    border-radius: 8px;
    color: #fff;
}