/*页面头部*/
.pd {
    padding: 70px 0;
}

.wrapper {
    width: 94%;
    max-width: 1260px;
    margin: 0 auto;
}

.wrapper h2 {
    font-size: 32px;
    text-align: center;
    color: #333;
}

.top {
    border-bottom: 1px solid #EEEEEE;
}

.top-box {
    width: 1260px;
    margin: 0 auto;
    height: 30px;
}

.top-box span {
    font-size: 12px;
    line-height: 30px;
}

.top-box li {
    float: left;
    line-height: 30px;
}

.top-box li + li {

}

.top-box li a {
    font-size: 12px;
    color: #999999;
    padding: 0 10px;
    border-right: 1px solid #D3D3D3;
}

.top-box li:last-child a {
    padding-right: 0;
    border-right: 0;
}

.top-box li:hover a {
    color: #1A58AB;
}

.header {
    margin: 0 auto;
    padding: 25px 0 20px;
}

.header span {
    font-size: 14px;
    color: #565656;
    font-weight: bold;
}

.header li {
    float: left;
}

.header li + li {
    margin-left: 30px;
}

.header dl dd {
    margin-left: 50px;
}

.header dl dd h5 {
    width: 117px;
    font-size: 15px;
    color: #f90a0a;
    overflow: hidden;
    white-space: nowrap;
}

.header dl dd p {
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.header dl dt {
    width: 43px;
    height: 43px;
}

.header dl .bg-01 {
    background: url("../images/design-case-icon01.png");
}

.header dl .bg-02 {
    background: url("../images/design-case-icon02.png");
}

.header dl .bg-03 {
    background: url("../images/design-case-icon03.png");
}

/*导航条*/
.nav {
    background-color: #1A58AB;
}

.nav-box {
    width: 1260px;
    margin: 0 auto;
}

.nav-box > a {
    line-height: 72px;
}

.nav-box > ul > li {
    float: left;
    border-right: 1px solid #3469B4;
    text-align: center;
    width: 11%;
    white-space: nowrap;

}

.cur {
    background-color: #25519E;
}

.nav-box > ul > li:hover {
    background-color: #25519E;
}

.nav-box > ul > li:first-child {
    border-left: 1px solid #3469B4;
}

.nav-box > ul > li a {
    color: #ffffff;
    font-size: 18px;
    display: block;
    vertical-align: middle;
    margin: 15px 10px;
}
.nav-box > ul > li a p{
    overflow: hidden;
}
.nav-box > ul > li a span {
    font-size: 12px;
    text-transform: capitalize;
    color: #89A0CB;
    display: block;
    overflow: hidden;
}

.nav-box li.dropdown-box i {
    font-style: normal;
    display: inline-block;
    width: 11px;
    height: 6px;
    background: url("../images/design-case-icon06.png") no-repeat;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 5px;
}

.nav-box li.dropdown-box:hover i, .nav-box li.cur i {
    transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg); /* IE 9 */
    -moz-transform: rotateZ(180deg); /* Firefox */
    -webkit-transform: rotateZ(180deg); /* Safari 和 Chrome */
    -o-transform: rotateZ(180deg);
}

.nav-box li.dropdown-box:hover .dropdown-menu {
    display: block;
}

.nav-box .dropdown-box {
    position: relative;
}

.nav-box .dropdown-menu {
    position: absolute;
    z-index: 999;
    background-color: #1E468C;
    /*padding: 15px;*/
    top: 72px;
    left: 0;
    right: 0;
    display: none;
}

.nav-box .dropdown-menu li {
    text-align: center;
    padding: 20px 0;
    position: relative;
}

.nav-box .dropdown-menu li:nth-child(2n) {
    background: #2A57AA;
}

.nav-box .dropdown-menu li a {
    display: block;
    font-size: 16px;
    color: #FFFFFF;
}

.nav-box .dropdown-menu li a p {
}

.nav-box .dropdown-menu li s {
    position: absolute;
    bottom: -8px;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.nav-box .dropdown-menu .item049 {
    background-color: #1E468C;
}

.nav-box .dropdown-menu .item050 {
    background-color: #2A57AA;
}

.nav-box .dropdown-menu .item051 {
    background-color: #1E468C;
}

.nav-box .dropdown-menu .item049 s {
    border-top: 8px solid #1E468C;
}

.nav-box .dropdown-menu .item050 s {
    border-top: 8px solid #2350A6;
}

.nav-box .dropdown-menu li:hover {
    background-color: #063370;
}

.nav-box .dropdown-menu li:hover s {
    border-top-color: #063370;
}

/*新底部样式*/
.footer-box{
    background-color: #f1f1f1;
}
.footer-box .link-box {
    background-color: #E9E9E9;
    line-height: 66px;
    position: relative;
}

.footer-box .link-box .link {
    width: 1260px;
    margin: 0 auto;
}

.footer-box .link-box ul li {
    float: left;
    font-size: 13px;
    color: #666666;
}

.footer-box .link-box ul li + li {
    margin-right: 25px;
}

.footer-box .link-box ul li a {
    font-size: 13px;
    color: #666666;
}

.footer-box .link-box .click-more {
    border: 1px solid #DEDEDE;
    padding: 5px 15px;
    text-align: center;
    color: #999;
    line-height: normal;
    margin-top: 18px;
    position: relative;
    cursor: pointer;
}

.footer-box .link-box .click-more i {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 9px;
    background: url("../images/footer-icon01.png") no-repeat center;
    margin-right: 3px;
}

.footer-box .link-box .dropdown-box {
    width: 1260px;
    margin: 0 auto;
    display: none;
}

.footer-box .link-box .dropdown-box li {
    margin-right: 25px;
}

.footer-box .link-box .click-more .dropdown-box li {
    float: left;
    margin: 10px 0;
}

.footer-box .link-box .click-more .dropdown-box li a {
    color: #666;
    font-size: 13px;
}

.footer-box .link-box .qq-link {
    width: 415px;
    background-color: #E2E2E2;
    line-height: 66px;
    padding-left: 40px;
    font-size: 13px;
    color: #666;
}

.footer-show-box {
    background-color: #F1F1F1;
    padding: 40px 0 56px;
}

.footer-show {

}

.footer-show .left-part {
    width: 55%;
}
.footer-show .right-part{
    width: 42%;
}
.footer-show .right-part .img-box{
    width:15%;
}
.footer-show .right-part .content-box{
    box-sizing: border-box;
}
.footer-nav {
    padding-bottom: 15px;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px;
}

.footer-nav li,
.footer-nav02 li {
    float: left;
    margin-right:25px;
}

.footer-nav li + li:last-child{
    margin-right: 0;
}


.footer-nav li a {
    font-size: 14px;
    color: #666666;
}

.footer-nav02 li a {
    font-size: 13px;
    color: #666;
}

.footer-nav02 {
    padding: 15px 0;
}

.footer-nav02 li i {
    display: inline-block;
    height: 10px;
    width: 1px;
    background-color: #C4C4C4;
    margin-left: 25px;
}

.footer-show .left-part p, .footer-show .left-part p a {
    font-size: 12px;
    color: #999999;
}

.right-part .content-box {
    padding-left: 15px;
}

.right-part .content-box .tel {
    font-size: 16px;
    color: #363636;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    margin-top: -5px;
}

.right-part .content-box p {
    font-size: 13px;
    color: #666;
    line-height: 20px;
}

/*底部切换样式*/
.footer-tabs-container {
    background-color: #E9E9E9;

}

.footer-tabs-box {
    margin: 0 auto;
    padding: 25px 0 12px;
}

.footer-link-box {
    margin-bottom: 25px;
}

.footer-link-qq {
    font-size: 12px;
    color: #666;
    padding: 10px 25px;
    background-color: #DEDEDE;
    border-radius: 25px;
}

.footer-tabs {
}

.footer-tabs li {
    padding: 8px 15px;
    background-color: #D3D3D3;
    color: #666666;
    position: relative;
    font-size: 13px;
    cursor: pointer;
}

.footer-tabs li + li {
    margin-left: 10px;
}

.footer-tabs li.cur {
    color: #fff;
    background-color: #ADADAD;
}

.footer-tabs li i {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #ADADAD;
    display: none;
}

.footer-tabs-item ul {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 12px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.footer-tabs-item ul li a {
    font-size: 13px;
    color: #999999;
}

.footer-tabs-item ul li {
    margin-right: 30px;
    margin-bottom: 15px;
}

.load-btn {
    display: block;
    margin: 0 auto;
    width: 18px;
    height: 8px;
    background: url("../images/load-img.png") no-repeat center;
    cursor: pointer;
}

/*策划设计案例页面样式*/

.main-box {
    margin: 0 auto;
}

.main-box .text h1 {
    font-size: 30px;
    color: #000000;
    text-align: center;
    margin-bottom: 6px;
}

.main-box .text h2 {
    font-size: 16px;
    color: #565656;
    text-align: center;
}

.main-box .case-box .show01 {
    margin-bottom: 20px;
}

.main-box .case-box .show01 > dl {
    width: 610px;
    margin-right: 20px;
}

.main-box .case-box .show01 > dl img {
    /*width: 610px;*/
    /*height: auto;*/
}

.main-box .case-box .show01 > dl dd {
    padding: 2px 15px 16px;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    height: 156px;
}

.main-box .case-box .show01 > dl dd h1 a {
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.main-box .case-box .show01 > dl dd div {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
}

.main-box .case-box .show01 > dl dd div p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 6px;
    line-height: 20px;
}

.main-box .case-box .show01 .show-detail {
    width: 100%;
}

.main-box .case-box .show01 .show-detail dl {
    width: 295px;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}

.main-box .case-box .show01 .show-detail2 {
    width: 610px;
}

.main-box .case-box .show01 .show-detail dl:nth-child(4n+0),
.main-box .case-box .show01 .show-detail2 dl:nth-child(2n+0),
.main-box .case-box .show01 .margin0 {
    margin-right: 0;
}

.main-box .case-box .show01:first-child .show-detail dl:nth-child(2) {
    margin-bottom: 0;
}

.main-box .case-box .show01 .show-detail dl img {
    width: 100%;
}

.main-box .case-box .show01 .show-detail dl dd {
    padding: 2px 15px 15px;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.main-box .case-box .show01 .show-detail dd h1 a {
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.main-box .case-box .show01 .show-detail p {
    font-size: 12px;
    color: #999;
}

/*分页器*/

.page ul {
    /*width: 300px;*/
    margin: 0 auto;
}

.page ul li {
    float: left;
    width: 55px;
    height: 55px;
    background-color: #EFEFEF;
    color: #888888;
    text-align: center;
    line-height: 55px;
    font-size: 16px;
    cursor: pointer;
}

.page ul li + li {
    margin-left: 6px;
}

.page ul li.arrow {
    font-size: 20px;
}

.page ul li:hover {
    color: #ffffff;
    background-color: #1C6AC3;
}

.page ul li a.thisclass {
    color: #ffffff;
    background-color: #1C6AC3;
}

/*首页样式*/
.index-banner {
    background: url("../images/index-banner01.jpg") center;
    background-size: cover;
    height: 750px;
}

.index-banner-content {
    width: 1260px;
    margin: 0 auto;
    padding-top: 80px;
}

.index-banner04 .index-banner-content {
    padding-top: 160px;
}

.index-banner-content .img-box .img-03 {
    margin-top: 285px;
    margin-left: 32px;
}

.index-banner-content .img-box .img-01 {
    margin-top: 210px;
    margin-right: -115px;
    position: relative;
    z-index: 10;
}

.index-banner-content .text-box .img-04 {
    margin-top: -30px;
    margin-left: 60px;
}

.index-banner-content .text-box .img-05 {
    margin-top: -25px;
}

.index-banner-content .text-box .img-06 {
    margin-top: 20px;
}

.index-banner-content .text-box .img-07 {
    margin: 20px 0 30px;
}

.index-banner-content .text-box .icon-box li {
    float: left;
    line-height: 48px;
}

.index-banner-content .text-box .icon-box li + li {
    margin-left: 20px;
}

.index-banner-content .text-box .more {
    display: inline-block;
    font-size: 15px;
    font-family: "Arial Bold" !important;
    color: #676767;
    border: 2px solid #9E9E9E;
    padding: 10px 30px;
    border-radius: 45px;
    margin-top: 55px;
}

.index-banner .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 40px;
}

.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}

.index-banner .swiper-pagination-bullet {
    width: 65px;
    height: 3px;
    background-color: #BDBDBD;
    opacity: 1;
    border-radius: 0;
}

.index-banner .swiper-pagination-bullet-active {
    background-color: #929292;
}

.index-banner-content .img-box .img-02 {
    position: relative;
}

.index-banner-content .img-box .img-02 i {
    position: absolute;
    left: 126px;
    bottom: 100px;
    width: 59px;
    height: 43px;
    background: url("../images/35.png") no-repeat;

}

.index-banner-content .img-box .img-02 s {
    position: absolute;
    left: 254px;
    bottom: 125px;
}

.index-banner02 {
    position: relative;
}

.index-banner02-bg {
    height: 750px;
    width: 100%;
    background: url("../images/index-banner-img15.jpg") center;
    background-size: cover;
    position: absolute;
    top: 0;
}

.index-banner-content .text-box .more01 {
    color: #E4E6E8;
}

.index-banner-content .text-box .img-10 {
    margin-top: 90px;
    margin-bottom: 15px;
}

.index-banner-content .text-box .img-12 {
    margin-top: 55px;
}

.index-banner-content .text-box .img-13 {
    margin-left: 20px;
    margin-top: -60px;
}

.index-banner03 {
    height: 750px;
    background: url("../images/index-banner-img18.jpg") center;
    background-size: cover;
}

.index-banner03 .img-box {
    position: absolute;
    right: 0;
    top: 80px;
}

.index-banner03 .text-box {
    padding-top: 110px;
}

.index-banner-content .text-box .img-22 {
    margin-left: 50px;
    margin-bottom: -43px;
}

.index-banner-content .text-box .img-21 {
    margin-left: 110px;
    margin-bottom: -12px;
}

.index-banner-content .text-box .img-21 i {
    display: inline-block;
    width: 18px;
    height: 9px;
    background: url("../images/index-banner-img56.png") no-repeat center;
    margin: 0 10px;
}

.index-banner-content .text-box .img-24 {
    margin: 20px 0 32px;
}

.index-banner-content .text-box .text20 {
    font-size: 17px;
    color: #65676B;
    line-height: 26px;
    margin-bottom: 62px;
}

.index-banner-content .text-box .icon-box02 li {
    width: 93px;
    height: 93px;
    border: 1px solid #ABACAE;
    border-radius: 3px;
    position: relative;
    margin-right: 15px;
    float: left;
}

.index-banner-content .text-box .icon-box02 li dl {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.index-banner-content .text-box .icon-box02 li dd {
    margin-top: 10px;
    font-size: 14px;
    color: #737476;
    white-space: nowrap;
}

.index-banner04 {
    height: 750px;
    position: relative;
    overflow: hidden;
}

.index-banner-content .text-box .img-32 {
    margin: -16px 0 30px 66px;
}

.index-banner05 {
    height: 750px;
    position: relative;
    overflow: hidden;
}

.index-banner05 .text-box {
    padding-top: 105px;
}

.index-banner04-bg {
    height: 750px;
    width: 100%;
    background: url("../images/index-banner-img30.jpg") center;
    background-size: cover;
    position: absolute;
    top: 0;
}

.index-banner05-bg {
    height: 750px;
    width: 100%;
    background: url("../images/index-banner-img34.jpg") center;
    background-size: cover;
    position: absolute;
    top: 0;
}

.index-banner06-bg {
    height: 100%;
    width: 100%;
    background: url("../images/index-banner-img06bg.png") center;
    background-size: cover;
    position: absolute;
    top: 0;
}

.index-banner-content .text-box .img-42 {
    margin: 15px 0 20px;
}

.index-banner06 {
    height: 750px;
    position: relative;
    background: url("../images/index-banner-img42.jpg") center;
    background-size: cover;
}

.index-banner06 .text-box {
    padding-top: 150px;
}

.index-banner06 .text-box .img-52 {
    margin-top: 20px;
}

.index-banner06 .text-box .btn-box a {
    margin-right: 15px;
}

.index-banner06 .cigarette {
    position: absolute;
    top: 307px;
    right: 50px;
}

.index-banner06 .index-banner-content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
}

.slider-item {
    background: url("../images/index-banner01.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 750px;
    position: relative;
}

.slider-item .img-box11 {
    background: url("../images/index-img001.png") no-repeat;
    width: 834px;
    height: 450px;
    /*width: 445px;*/
    /*height: 441px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.slider-item .img-box11 .paiky-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    color: #363636;
    text-align: center;
}

.slider-item .paiky-text div {
    font-size: 30px;
}

.slider-item .paiky-text span {
    font-size: 14px;
}

.slider-item .label {
    position: absolute;
}

.slider-item .label p {
    font-size: 15px;
    color: #363636;
}

.slider-item .label span {
    font-size: 12px;
    color: #A0A0A0;
}

.slider-item .label i {
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #ffffff;
    border: 1px solid #DFDFDF;
    border-radius: 50%;
    vertical-align: middle;
}

.slider-item .left-label i {
    margin-left: 5px;
}

.slider-item .left-label {
    text-align: right;
}

.slider-item .left-label span {
    padding-right: 20px;
}

.slider-item .right-label span {
    padding-left: 17px;
}

.slider-item .right-label i {
    margin-right: 5px;
}

.slider-item .right-label {
    text-align: left;
}

.slider-item .label01 {
    top: 252px;
    left: 510px;
}

.slider-item .label02 {
    top: 406px;
    left: 520px;
}

.slider-item .label03 {
    bottom: 150px;
    left: 630px;
}

.slider-item .label04 {
    top: 220px;
    right: 540px;
}

.slider-item .label05 {
    top: 380px;
    right: 540px;
}

.slider-item .label06 {
    bottom: 150px;
    right: 600px;
}

/*派琪 致力于打造有深度的网站*/
.paiky-direction {
    background: url("../images/index-img02.jpg") no-repeat;
    background-size: cover;
    width: 100%;
}

.paiky-direction-box {

}

.paiky-direction-box ul {
    /*display: flex;*/
    /*display: -webkit-flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    /*-webkit-justify-content: space-between;*/
    /*-webkit-align-items: center;*/
}

.paiky-direction-box li {
    border-right: 1px solid #EAEAEA;
    padding: 0 45px 20px;
    text-align: center;
    float: left;
    width: 315px;
}

.paiky-direction-box li img {
    width: 120px;
    border-radius: 10px;
    box-shadow: 0 0 0px 2px #1a58ab;
    padding: 5px;
}

.paiky-direction-box li:first-child {
    border-left: 1px solid #EAEAEA;
}

.paiky-direction-box li dd h1 {
    font-size: 19px;
    color: #363636;
    margin: 20px 0 5px;
}

.paiky-direction-box li dd h2 a {
    display: block;
    font-size: 19px;
    color: #363636;
    margin: 20px 0 5px;
}

.paiky-direction-box li dd span {
    text-transform: capitalize;
}

.paiky-direction-box li dd span,
.paiky-direction-box li dd p {
    font-size: 13px;
    color: #7B7B7B;
}

.paiky-direction-box li dd p {
    line-height: 24px;
    margin-top: 5px;
    max-height: 72px;
    overflow: hidden;
}

.paiky-direction-box .text {
    text-align: center;
    margin-bottom: 70px;
}

.paiky-direction-box .text h1 {
    font-size: 24px;
    color: #363636;
    margin-bottom: 10px;
}

.paiky-direction-box .text h2 {
    color: #363636;
    margin-bottom: 10px;
}

.paiky-direction-box .text p {
    font-size: 16px;
    font-weight: 600;
}

/*派琪2017最新案例*/
.latest-case {
    background: url("../images/index-bg01.jpg");
}

.latest-case .text-content {
    text-align: center;
    color: #ffffff;
}

.latest-case .text-content h1 {
    font-size: 35px;
    margin-bottom: 3px;
    font-weight: normal;
}

.latest-case .text-content h2 {
    margin-bottom: 13px;
	color:#fff;
}

.latest-case .text-content p {
    font-size: 13px;
    line-height: 20px;
    max-width: 600px;
    margin: 0 auto;
}

.latest-case .tabs {
    margin: 35px 0;
    position: relative;
}

.latest-case .tabs-box {
    text-align: center;

    /*margin: 35px 0 60px;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); !* IE 9 *!
    -moz-transform: translateX(-50%); !* Firefox *!
    -webkit-transform: translateX(-50%); !* Safari 和 Chrome *!
    -o-transform: translateX(-50%);
    */
}

.latest-case .tabs-box li {
    width: 25%;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
}


.latest-case .tabs-box li a {
    display: block;
    padding: 6px 0;
    border: 0;
    font-size: 16px;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;

}

@media only screen and (max-width: 1460px) {

    .img-box12 {
        background: none;
        height: 675px;
    }

    .img-box13 img {
        width: 100%;
    }


    .w-02 {
        width: 25%;
    }

    .w-02 img {
        width: 100%;
    }
}

.latest-case .case-box li {
    margin-right: 30px;
    margin-bottom: 30px;
    width: 400px;
    float: left;
}

.latest-case .case-box li:nth-child(3n) {
    margin-right: 0;
}

.latest-case .mask-box {
    position: relative;
    overflow: hidden;
}

.latest-case .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 110px;
    background-color: rgba(0, 0, 0, .8);
    padding: 25px 50px 25px 30px;
    color: #ffffff;
    display: none;
}

.latest-case .mask .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.latest-case .mask .text {
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.latest-case .mask-box:hover .mask {
    display: block;
}

.latest-case .mask-box > img {
    transition: transform 0.8s ease-in-out;
}

.latest-case .mask-box:hover > img {
    transform: scale(1.1);
}

/*更具深度的品牌 - 互联网化形象设计*/
.about-us {
    padding-bottom: 70px;
}

.about-us .about-img {
    display: block;
    margin: 50px auto 0;
}


.brand-design .text .about-us-box {
    max-height: 288px;
    overflow: hidden;
}

.brand-design .text h2 {
    color: #363636;
}

.brand-design .text h3 {
    font-size: 18px;
    color: #7D7D7D;
    margin: 30px 0 12px;
}

.brand-design .text p {
    font-size: 16px;
    color: #888888;
    line-height: 24px;
}

.brand-design .img-box14 {
    margin: 70px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
}

.brand-design .img-box14 .left-img-box {
    /*display:-webkit-flex;
    -webkit-flex-direction:column;
    display: flex;
    flex-direction: column;
    align-items: flex-end;*/
    height: 280px;
    /*justify-content: space-between;*/
    text-align: right;
    position: relative;
    width: 30%;
}

.brand-design .img-box14 .right-img-box {
    /*display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    display:-webkit-flex;
    -webkit-flex-direction:column;*/
    height: 280px;
    text-align: left;
    position: relative;
    width: 30%;
}

.brand-design .img-box14 .item h4 {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
}

.brand-design .img-box14 .left-img-box .item:first-child {
    position: absolute;
    top: 0;
    right: 0;
}

.brand-design .img-box14 .left-img-box .item:last-child {
    position: absolute;
    bottom: 0;
    right: 0;
}

.brand-design .img-box14 .right-img-box .item:first-child {
    position: absolute;
    top: 0;
    left: 0;
}

.brand-design .img-box14 .right-img-box .item:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
}

/*策划设计案例页面样式*/
.main {
    /*background: url("../images/bg.jpg");*/
    background-color: #F5F7FA;
    width: 100%;
    border-bottom: 2px solid #D4D4D4;
}

.main-box {
    margin: 0 auto;
}

.main-box .text h1 {
    font-size: 30px;
    color: #000000;
    text-align: center;
    margin-bottom: 6px;
}

.main-box .text h2 {
    font-size: 16px;
    color: #565656;
    text-align: center;
}

.main-box .text a.more {
    display: block;
    margin: 24px auto 10px;
    width: 143px;
    height: 34px;
    font-size: 15px;
    color: #888888;
    text-align: center;
    line-height: 30px;
}

.main-box .tabs-box {
    position: relative;

}

.main-box .tabs {
}

.main-box .tabs li {
    width: 25%;
    height: 62px;

    float: left;
    font-size: 16px;
    color: #666666;
    text-align: center;
    line-height: 60px;

}
.main-box .tabs li a{
    color: #333;
}
.main-box .tabs li.on {
    background: url("../images/brn-bg.png") no-repeat center;
}



.main-box .case-box {
    width: 1260px;
    margin: 40px auto 0;
    padding: 10px;
    /*background-color: #ffffff;*/
    background-color: #F5F7FA;
}

.main-box .case-box .show01 {
    margin-bottom: 20px;
}

.main-box .case-box .show01 > dl {
    width: 610px;
    margin-right: 20px;
}

.main-box .case-box .show01 > dl .mask-box > img {
    width: 610px;
    height: auto;
}

.main-box .case-box .show01 > dl dd {
    padding: 2px 15px 16px;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.main-box .case-box .show01 > dl dd h1 a {
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.main-box .case-box .show01 > dl dd div {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
}

.main-box .case-box .show01 > dl dd div p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 6px;
    line-height: 20px;
}

.main-box .case-box .show01 .show-detail dt a > img {
    width: 295px;
}

.main-box .case-box .show01 .show-detail dl {
    width: 295px;
    float: left;
    margin-bottom: 20px;
}

.main-box .case-box .show01 .margin0 {
    margin-right: 0;
}

.main-box .case-box .show01:first-child .show-detail dl:nth-child(2) {
    margin-bottom: 0;
}

.main-box .case-box .show01 .show-detail dl .mask-box > img {
    width: 295px;
}

.main-box .case-box .show01 .show-detail dl dd {
    padding: 2px 15px 15px;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.main-box .case-box .show01 .show-detail dd h1 a {
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.main-box .case-box .show01 .show-detail p {
    font-size: 12px;
    color: #999;
}

.main-box .middle-img01 {
    margin: -20px 0 20px 0;
    position: relative;
}

.main-box .middle-img01 span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -moz-transform: translateY(-50%); /* Firefox */
    -webkit-transform: translateY(-50%); /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
}

.main-box .middle-img01 .s01 {
    left: 325px;
}

.main-box .middle-img01 .s02 {
    right: 0;
}

/*修改后样式*/

/*分页器*/
.page {
    margin: 0 auto;
    padding: 0 10px 65px;
    position: relative;
    /*height: 120px;*/
}

.page ul {
    /*width: 300px;*/

    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
}

.page ul li {
    float: left;
    width: 35px;
    height: 35px;
    background-color: #EFEFEF;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
}

.page ul li a {
    display: block;
    color: #888888;
}

.page ul li + li {
    margin-left: 6px;
}

.page ul li.arrow {
    font-size: 20px;
}

.page ul li:hover a {
    color: #ffffff;
    background-color: #1C6AC3;
}

.page ul li a.cur {
    color: #FFFFFF;
    background-color: #1C6AC3;
}

/*策划设计案例-详情页*/
.detail_img img {
    display: block;
    margin: 20px auto;
}

.detail-main {
    overflow: hidden;
    padding: 100px 0 0;
    background-color: #44464D;
}

.detail-main .main-box .text h1,
.detail-main .main-box .text h2 {
    color: #ffffff;
    font-weight: normal;
}

.detail-main .main-box .text a {
    border-color: #818287;
    color: #B3B4B7;
}

.detail-main .list-box {
    position: relative;
    margin-bottom: 45px;
    height: 20px;
}

.detail-main .list {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);

    font-size: 14px;
    color: #929292;

}

.detail-main .list li {
    float: left;
}

.detail-main .list li + li {
    margin-left: 15px;
}

.detail-main .list li a {
    color: #929292;
}

.white-bar {
    width: 1260px;
    height: 36px;
    background-color: #EAEAEA;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 13px 0 13px 20px;
    margin: 0 auto;
}

.white-bar li {
    float: left;
    width: 10px;
    height: 10px;
    background-color: #C7C7C7;
    border-radius: 50%;
}

.white-bar li + li {
    margin-left: 10px;
}

.show-state {
    width: 1260px;
    margin: 0 auto;
}

/*网站策划思路*/
.design {
    background-color: #F6F6F6;
    position: relative;
    z-index: 8;
}

.design-box {
    width: 1266px;
    margin: 0 auto;
    padding: 50px 0;
}

.design-box .box01 {
    width: 380px;
}

.design-box .box01 dd {
    margin-left: 90px;
}

.design-box .box01 h3,
.design-box .box02 h3 {
    font-size: 16px;
    font-weight: normal;
    color: #363636;
    margin-bottom: 5px;
}

.design-box .box01 p {
    font-size: 13px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 20px;
}

.design-box .box02 {
    margin: 0 59px;
}

.design-box .box02 li {
    float: left;
}

.design-box .box02 li + li {
    margin-left: 20px;
}

.design-box .box02 dt {
    width: 58px;
    height: 58px;
    border-radius: 50%;
}

.design-box .box02 .dt01 {
    background-color: #333333;
}

.design-box .box02 .dt02 {
    background-color: #666666;
}

.design-box .box02 .dt03 {
    background-color: #daa971;
}

.design-box .box02 dd {
    margin-left: 70px;
    margin-top: 6px;
}

.design-box .box03 {
    width: 312px;
}

/*项目背景*/
.project-bg {
    width: 1260px;
    margin: 0 auto;
    padding: 75px 0;
    text-align: center;
}

.project-bg h3 {
    color: #777777;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: normal;
}

.project-bg p {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 22px;
}

/*大图展示区域*/
.show-stage {
    background-color: #F6F6F6;
    padding: 80px 0 105px;
    border-bottom: 2px solid #D4D4D4;
}

.show-stage .show-stage-box {
    width: 1260px;
    margin: 0 auto;
}

.show-stage .stage {
    margin-bottom: 60px;
}

.show-stage-box .content-text {
    text-align: center;
    padding: 30px 0;
}

.show-stage-box .content-text h1 {
    color: #777777;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: normal;
}

.show-stage-box .content-text h2 {
    font-size: 18px;
    color: #777777;
    font-weight: normal;
    margin: 35px 0 15px;
}

.show-stage-box .content-text h3 {
    color: #777777;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: normal;
}

.show-stage-box .content-text p {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 22px;
}

/*网站策划页样式*/
.plot-banner {
    position: relative;
}

.plot-banner > img {
    width: 100%;
}

.banner-text {
    position: absolute;
    left: 53%;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*-ms-transform:translateX(-50%); 	!* IE 9 *!*/
    /*-moz-transform:translateX(-50%); 	!* Firefox *!*/
    /*-webkit-transform:translateX(-50%); !* Safari 和 Chrome *!*/
    /*-o-transform:translateX(-50%);*/
    top: 135px;
    text-align: center;
}

.banner-text h1 {
    font-size: 39px;
    color: #373737;
    margin-bottom: 15px;
}

.banner-text h1 span {
    color: #1E62BF;
}

.banner-text p {
    font-size: 22px;
    color: #626262;
    letter-spacing: 8px;
}

/*让产品品牌定位稳稳落地在网站上*/
.brand-position {
    background: url("../images/plot-bg01.jpg");
    padding: 80px 0 105px;
}

.brand-position-box {
    width: 1260px;
    margin: 0 auto;
}

.brand-position-box .fl-textarea {
    width: 630px;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    padding: 65px 0 50px 60px;
    margin-top: 57px;
}

.brand-position-box .fl-textarea h2 {
    font-size: 30px;
    color: #373737;
    margin-bottom: 10px;
}

.brand-position-box .fl-textarea p {
    font-size: 18px;
    color: #7B7B7B;
    margin-bottom: 5px;
    font-weight: 600;
}

.brand-position-box .fl-textarea h3 {
    font-size: 20px;
    color: #373737;
    margin: 40px 0;
    line-height: 30px;
}

.brand-position-box .fl-textarea span {
    font-size: 16px;
    color: #7B7B7B;
}

.brand-position-box .fl-textarea .look-more {
    display: block;
    font-size: 16px;
    color: #7B7B7B;
    width: 134px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #DFDFDF;
    margin-top: 30px;
}

.brand-position-box .fr-box {
    width: 630px;
    position: relative;
}

.blue-square {
    width: 150px;
    height: 150px;
    background-color: #246EC3;
    color: #ffffff;
    padding: 50px 0 0 20px;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
}

.blue-square i {
    display: block;
    width: 20px;
    height: 3px;
    background-color: #7BA8DB;
    margin-bottom: 20px;
}

.brand-position-box .fr-box .img-box01 {
    margin-left: -125px;
    margin-top: 80px;
    position: relative;
}

.brand-position-box .fr-box span {
    position: absolute;
    font-size: 14px;
    color: #6C6C6C;
    font-weight: 600;
}

.brand-position-box .fr-box .s1 {
    top: -15px;
    left: 413px;
}

.brand-position-box .fr-box .s2 {
    top: 23px;
    left: 527px;
}

.brand-position-box .fr-box .s3 {
    top: -25px;
    left: 637px;
}

/*没有调研就没有发言权 同样适用*/
.survey {
    background: url("../images/plot-bg02.jpg");
}

.survey-box {
    width: 1260px;
    margin: 0 auto;
    padding: 150px 70px 140px;
    color: #ffffff;
}

.survey-box .title h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 10px;
}

.survey-box .title h3 {
    font-size: 18px;
    text-align: center;
    font-weight: normal;
}

.survey-box .mixture {
    margin-top: 50px;
}

.survey-box .mixture .icon-box {
    width: 269.5px;
    padding-top: 45px;
    text-align: right;
    color: #ffffff;
    padding-right: 25px;
}

.survey-box .mixture .icon-box dt {
    margin-bottom: 20px;
    margin-right: 15px;
}

.survey-box .mixture .icon-box .p1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
    margin-right: 15px;
}

.survey-box .mixture .icon-box .p2 {
    font-size: 15px;
    line-height: 22px;
}

.survey-box .mixture .icon-box .dl01 {
    margin-bottom: 85px;
}

/*中间四幅图*/
.survey-box .mixture .center-img-box {
    width: 581px;
    position: relative;
}

.survey-box .mixture .center-img-box span {
    float: left;
}

.survey-box .mixture .center-img-box span:nth-child(1),
.survey-box .mixture .center-img-box span:nth-child(2) {
    border-bottom: 1px solid #000000;
}

.survey-box .mixture .center-img-box span:nth-child(1),
.survey-box .mixture .center-img-box span:nth-child(3) {
    border-right: 1px solid #000000;
}

.research {
    width: 166px;
    height: 166px;
    background-color: rgba(36, 110, 195, .95);
    color: #ffffff;
    padding: 50px 0 0 30px;
    font-size: 20px;
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.research i {
    display: block;
    width: 20px;
    height: 3px;
    background-color: #7BA8DB;
    margin-bottom: 20px;
}

.research b {
    font-size: 30px;
}

/*右边图标*/
.survey-box .mixture .icon-box.right-icon {
    text-align: left;
    padding-left: 25px;
    padding-right: 0;
}

/*网站内容规划*/
.content-plan {

}

.content-plan-box {
    width: 1260px;
    margin: 0 auto;
    padding: 165px 0 145px;
}

.content-plan-box .rt-icon {
    padding-top: 25px;
    padding-right: 100px;
}

.content-plan-box .rt-icon .title h2 {
    font-size: 30px;
    color: #373737;
    margin-bottom: 10px;
}

.content-plan-box .rt-icon .title p {
    font-size: 16px;
    color: #585858;
}

.content-plan-box .rt-icon ul {
    margin-top: 55px;
}

.content-plan-box .rt-icon ul li {
    margin-bottom: 20px;
}

.content-plan-box .rt-icon dl {
    /*display: -webkit-flex;*/
    /*align-items: center;*/
}

/*.content-plan-box .rt-icon dl dt{*/
/*margin-right: 15px;*/
/*}*/
.content-plan-box .rt-icon dl dd {
    margin-left: 80px;
}

.content-plan-box .rt-icon dd p:nth-child(1) {
    font-size: 18px;
    color: #373737;
    margin-bottom: 5px;
}

.content-plan-box .rt-icon dd p:nth-child(2) {
    font-size: 14px;
    color: #7B7B7B;
}

/*页面布局策划*/
.layout-plan {
    background: url("../images/plot-img08.jpg") no-repeat;
    background-size: cover;
    padding-top: 153px;
    padding-bottom: 70px;
}

.layout-plan-box {
    width: 1260px;
    margin: 0 auto;
}

.layout-plan-box .fl-box {
    padding-top: 75px;
    padding-left: 50px;
    color: #ffffff;
}

.layout-plan-box .fl-box h2 {
    font-size: 30px;
    color: #ffffff;
}

.layout-plan-box .fl-box i {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #2D2D2D;
    margin: 20px 0 30px;
}

.layout-plan-box .fl-box > div {
    margin-bottom: 85px;
}

.layout-plan-box .fl-box > div h3 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 5px;
}

.layout-plan-box .fl-box > div p {
    font-size: 16px;
}

.layout-plan-box .fl-box ul li {
    float: left;
    text-align: center;
    padding: 0 25px;
}

.layout-plan-box .fl-box ul li:first-child {
    padding-left: 0;
    padding-top: 5px;
}

.layout-plan-box .fl-box ul li + li {
    border-left: 1px solid #292929;
}

.layout-plan-box .fl-box li p {
    font-size: 14px;
    margin-top: 15px;
    line-height: 24px;
}

/*PAIKY品牌总监与网站企划团队*/
.paiky-brand {
    background: url("../images/plot-bg03.jpg");
}

.paiky-brand-box {
    width: 1260px;
    margin: 0 auto;
    padding: 147px 0;
}

.member-info {
    width: 690px;
}

.member {
    position: relative;
    overflow: hidden;
}

.member .mask {
    position: absolute;
    left: 0;
    top: 188px;
    height: 170px;
    background-color: rgba(255, 255, 255, .9);
    color: #373737;
    padding: 25px 30px;
    transition: all 0.3s;
}

.member .mask .duty-box {
    position: absolute;
}

.member .mask .name-box {
    margin-top: -10px;
}

.member .mask .name {
    font-size: 22px;
    text-transform: capitalize;
}

.member .mask span {
    font-size: 14px;
}

.member-info .member:nth-child(1),
.member-info .member:nth-child(2) {
    margin-bottom: 12px;
}

.member-info .member:nth-child(1),
.member-info .member:nth-child(3) {
    margin-right: 12px;
}

.member:hover .mask {
    right: 0;
    top: 95px;
    padding-top: 40px;
}

.member .mask i {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #C6C6C6;
    margin-top: 13px;
    margin-bottom: 15px;

}

.member .mask .duty {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #828282;
}

.paiky-info {
    width: 480px;
    padding-right: 79px;
}

.paiky-info > h2 {
    font-size: 35px;
    color: #373737;
    margin-bottom: 20px;
}

.paiky-info > h3 {
    font-size: 18px;
    color: #7B7B7B;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 80px;
}

.paiky-info i {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #C6C6C6;
}

.paiky-info .culture-info h4 {
    font-size: 22px;
    color: #373737;
    margin: 20px 0 20px;
}

.paiky-info .culture-info p {
    color: #7B7B7B;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}

/*了解paiky设计*/
.hnow-paiky {
    background: url("../images/plot-img111.jpg") no-repeat;
    background-size: cover;
    padding: 185px 0 110px;
}

.hnow-paiky .text {
    width: 1260px;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
}

.hnow-paiky .text .p3 {
    font-size: 22px;
}

.hnow-paiky .text .p4 {
    font-size: 35px;
    margin: 10px 0 30px;
}

.hnow-paiky .text .p5 {
    font-size: 16px;
}

.hnow-paiky .text a {
    display: block;
    width: 214px;
    height: 45px;
    border: 3px solid #ffffff;
    color: #ffffff;
    font-size: 16px;
    line-height: 38px;
    margin: 60px auto 0;
    text-transform: uppercase;
}

/*网站开发页面样式*/
/*.exploit-banner>img{*/
/*width:100%;*/
/*}*/
.exploit-banner {
    position: relative;
    background: url("../images/exploit-banner-01.jpg") no-repeat;
    background-size: cover;
}

.exploit-banner .text-box {
    padding: 325px 0;
    text-align: center;
}

.exploit-banner .text-box b {
    font-size: 109px;
    font-family: 'Arial';
    color: #42CDB2;
    white-space: nowrap;
}

.exploit-banner .text-box p {
    font-size: 45px;
    color: #363636;
    font-weight: 600;
}

.exploit-banner .text-box div span {
    font-size: 18px;
    color: #636363;
}

.exploit-banner .text-box div {
    margin-top: 25px;
}

/*PHP & JAVA做为WEB主开发语言*/
.php-java {
    width: 100%;
    height: 825px;
    background: url("../images/exploit-img03.jpg");
    background-size: cover;
}

.php-java-box {
    width: 1260px;
    margin: 0 auto;
    padding-top: 120px;
    color: #ffffff;
    text-align: center;
}

.top-text {
    color: #ffffff;
    text-align: center;
}

.top-text h2 {
    font-size: 30px;
}

.top-text h3 {
    font-size: 20px;
}

.top-text p {
    font-size: 16px;
    color: #DFDFDF;
    margin: 10px 0 30px;
}

.php-and-java {
    /*display: -webkit-flex;*/
    /*justify-content: space-around;*/
    margin-top: 50px;
    padding: 0 160px;
}

.php-and-java .php {
    width: 330px;
}

.php-and-java h4.language {
    font-size: 20px;
    margin: 45px 0 22px;
    font-weight: normal;
}

.php-and-java p.text {
    font-size: 14px;
    color: #EAEAEA;
    line-height: 20px;
}

/*整合SEO友好性的增量内容交互功能设计*/
.seo-function-design {
    background: url("../images/plot-bg01.jpg");
    padding: 210px 0 150px;
}

.seo-function-design-box {
    width: 1260px;
    margin: 0 auto;
    padding: 0 55px;
}

.seo-function-design-box .text h2 {
    font-size: 35px;
    color: #363636;
}

.seo-function-design-box .text p {
    font-size: 17px;
    color: #7B7B7B;
    margin: 15px 0 25px;
}

.seo-function-design-box .text li {
    font-size: 14px;
    color: #7B7B7B;
    margin-bottom: 3px;
}

.seo-function-design-box .text ul {
    margin-bottom: 5px;
}

.progress {
    margin: 25px 0 0;
}

.progress .text {
    margin-bottom: 6px;
}

.progress .text span {
    color: #858585;
    font-size: 20px;
    vertical-align: bottom;
}

.progress .text i {
    color: #858585;
    font-size: 16px;
    font-style: normal;
    vertical-align: bottom;
}

.seo-function-design-box .text .view-more {
    display: block;
    width: 140px;
    height: 40px;
    border: 2px solid #7B7B7B;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    color: #7B7B7B;
    text-transform: uppercase;
    margin-top: 55px;
}

.progress-bar {
    width: 420px;
    height: 8px;
    background-color: #CBCBCB;
    position: relative;
}

.progress-bar .progress-bg {
    position: absolute;
    background-color: #02C196;
    top: 0;
    bottom: 0;
    left: 0;
}

.progress-bar .progress-bar01 {
    width: 336px;

}

.progress-bar .progress-bar02 {
    width: 168px;

}

.seo-function-design-box .img-box07 {
    padding-top: 30px;
}

/*直观易用性管理界面设计*/
.manage-design {
    background: url("../images/design-bg01.jpg");
}

.manage-design-box {
    width: 1260px;
    margin: 0 auto;
    padding: 100px 0;

}

.top-text .en {
    font-size: 14px;
    color: #ffffff;
}

.top-text .p8 {
    color: #ffffff;
}

.manage-design-box .img-box08 {
    text-align: center;
}

/*自带流量统计*/
.flow-statistics {
    width: 100%;
    height: 827px;
    background: url("../images/exploit-img08.jpg") no-repeat;
    background-size: cover;
}

.flow-statistics-box {
    width: 1260px;
    margin: 0 auto;
    padding: 100px 0 180px;
}

.flow-statistics-box .top-text h2,
.flow-statistics-box .top-text h3 {
    color: #363636;
}

.flow-statistics-box .top-text h3 {
    margin-top: 10px;
}

.flow-statistics-box .top-text p {
    color: #7B7B7B;
}

.flow-statistics-box .img-box09 {
    /*display: flex;*/
    /*justify-content: space-around;*/
    margin-top: 70px;
}

.flow-statistics-box .img-box09 div {
    border-radius: 20px;
    box-shadow: 0 0 20px #F4F4F4;

}

/*了解SEM服务*/
.sem-service {
    width: 100%;
    height: 827px;
    background: url("../images/exploit-img09.jpg") no-repeat;
    background-size: cover;
}

.sem-service-box {
    width: 1260px;
    margin: 0 auto;
    padding: 190px 60px 0;
}

.sem-service-box .text {
    width: 290px;
}

.sem-service-box .text h2 {
    font-size: 30px;
    color: #363636;
    margin-bottom: 6px;
}

.sem-service-box .text h3 {
    font-size: 22px;
    color: #363636;
    font-weight: normal;
}

.sem-service-box .text .detail-info {
    font-size: 14px;
    color: #7B7B7B;
    line-height: 24px;
    margin-top: 55px;
}

.text-list {
    margin-top: 55px;
}

.text-list p {
    font-size: 18px;
    color: #373737;
}

.text-list i {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #919191;
    margin: 10px 0;
}

.text-list li {
    margin-bottom: 3px;
    font-size: 14px;
    color: #7B7B7B;
}

.sem-service-box .img-box10 {
    margin-top: 50px;
}

/*我们的观点*/
.our-idea {
    background: url("../images/exploit-img13.jpg") no-repeat;
    background-size: cover;
    /* height: 850px; */
}

.our-idea-box {
    margin: 0 auto;
}

.our-idea-box .text {
    text-align: center;
    color: #ffffff;
}

.our-idea-box .text h1 {
    font-size: 30px;
    margin-bottom: 10px;
}

.our-idea-box .text h2 {
    margin-bottom: 10px;
	color:#fff;
}

.our-idea-box .text p {
    font-size: 13px;
    line-height: 20px;
}

.our-idea-box .tabs {
    margin: 45px 0 60px;
    /*display: flex;*/
    /*display: -webkit-flex;*/
    /*justify-content: center;*/
    height: 44px;
    position: relative;
}

.our-idea-box .tabs-box {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
}

.our-idea-box .tabs-box li {
    float: left;
    width: 33%;
    overflow: hidden;
    white-space: nowrap;
    border: 2px solid #686868;
}

.our-idea-box .tabs-box li + li {
    margin-left: 3px;
}

.our-idea-box .tabs-box li a {
    display: block;
    margin: 10px 20px;
    font-size: 15px;
    color: #ffffff;
    overflow: hidden;
}

.our-idea-box .tabs-box li:hover{
    background-color: #1C6AC3;
    border-color: #1C6AC3;
}

.our-idea-box .list-box {
    /*display: -webkit-flex;*/
    /*justify-content: space-between;*/
}

.our-idea-box .list-box li {
    /*width: 389px;*/
}

.our-idea-box .list-box li dd {
    padding-top: 20px;
    color: #ffffff;
}

.our-idea-box .list-box li dd .time {
    font-size: 26px;
}

.our-idea-box .list-box li dd h3 {
    display: block;
    font-size: 16px;
    margin: 8px 0 8px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.our-idea-box .list-box li dd .text {
    font-size: 12px;
    line-height: 18px;
    padding-right: 30px;
    text-align: left;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.our-idea-box .list-box li dd .see-detail {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
}

.our-idea-box .list-box li dd .see-detail i {
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url("../images/exploit-img14.png") no-repeat;
    vertical-align: middle;
}

/*浮动排版*/
.our-idea-box .list-box li {
    width: 389px;
    float: left;
}

.our-idea-box .list-box li + li {
    margin-left: 46.5px;
}

/*网站设计页面样式*/
.single-box {
    margin: 30px 0;
    line-height: 30px;
}

.design-banner {
    background-color: #E5E7EA;
    height: 861px;
    overflow: hidden;
    position: relative;
}

.design-banner-box {
    width: 1260px;
    margin: 0 auto;
    padding-top: 100px;
    text-align: center;
}

.design-banner-box b {
    font-size: 32px;
    color: #333;
}

.design-banner-box p {
    font-size: 36px;
    color: #1A58AB;
    font-weight: 600;
}

.design-banner-box ul {
    position: absolute;
    top: 220px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
    width: auto;
}

.design-banner-box ul li {
    float: left;
}

.design-banner-box ul li + li {
    margin-left: 50px;
}

.design-banner-box ul dt {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #A0A1A2;
}

.design-banner-box ul dt img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.design-banner-box ul dd {
    margin-left: 95px;
    padding-top: 20px;
    font-size: 14px;
    color: #606161;
    line-height: 20px;
    text-align: left;
}

.design-banner-box span {
    display: inline-block;
    margin-top: 170px;
}

/*在调研策划的基础上 定位品牌网站设计风格*/
.design-style {
    padding: 155px 0 200px;
    background: url("../images/design-bg06.jpg");
}

.design-style-box {
    width: 1260px;
    margin: 0 auto;
    text-align: center;
}

.design-style-box .text h2 {
    font-size: 35px;
    color: #373737;
    margin-bottom: 15px;
}

.design-style-box .text p {
    font-size: 20px;
    color: #636363;
}

.design-style-box ul {
    margin-top: 120px;
    /*display: -webkit-flex;*/
    /*justify-content: space-around;*/
    /*align-items: flex-end;*/
    padding: 0 50px;
}

.design-style-box ul li {
    float: left;
    width: 300px;

}

.design-style-box ul li + li {
    margin-left: 130px;
}

.design-style-box dl {
    text-align: center;
}

.design-style-box dt {
    width: 268px;
    height: 273px;
    line-height: 246px;
    text-align: center;
    margin: 0 auto;
}

.design-style-box .dt02 {
    padding-top: 15px;
}

.design-style-box .dt03 {
    padding-top: 18px;
}

.design-style-box dd h3 {
    font-size: 18px;
    color: #373737;
    margin-top: 30px;
    margin-bottom: 8px;
    font-weight: normal;
}

.design-style-box dd p:nth-child(2) {
    font-size: 14px;
    color: #7B7B7B;
    line-height: 20px;
}

/*基于WEB的主KV概念元素创意设计*/
.creativity-ddesign {
    padding: 110px 0 65px;
    background: url("../images/design-bg01.jpg");
}

.creativity-ddesign .text {
    text-align: center;
    color: #ffffff;
}

.creativity-ddesign .text h2 {
    font-size: 35px;
}

.creativity-ddesign .text h3 {
    font-size: 20px;
    margin: 6px 0 12px;
}

.creativity-ddesign .text p {
    font-size: 16px;
}

.creativity-ddesign .img-box03 {
    width: 1260px;
    margin: 45px auto 0;
    text-align: center;
}

.creativity-ddesign ul {
    width: 176px;
    margin: 20px auto 0;
}

.creativity-ddesign li {
    float: left;
    width: 56px;
    height: 3px;
    background-color: #0D519A;
    cursor: pointer;
}

.creativity-ddesign li + li {
    margin-left: 4px;
}

.creativity-ddesign li:hover {
    background-color: #083661;
}

/*icon手绘设计*/
.freehand-design {
    background: url("../images/plot-bg03.jpg");
    padding: 100px 0 90px;
}

.freehand-design-box {
    width: 1260px;
    margin: 0 auto;
}

.freehand-design-box .text-box {
    width: 670px;
    height: 660px;
    background-color: #ffffff;
    padding: 75px 0 0 75px;
    margin-top: 30px;
}

.freehand-design-box .text-box h2 {
    font-size: 35px;
    color: #28B7B8;
}

.freehand-design-box .text-box i {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #C6C6C6;
    margin-top: 10px;
    margin-bottom: 35px;

}

.freehand-design-box .text-box h3 {
    font-size: 24px;
    color: #373737;
    margin-bottom: 10px;
}

.freehand-design-box .text-box h3.small {
    font-size: 22px;
}

.freehand-design-box .text-box p {
    font-size: 16px;
    color: #7B7B7B;
    line-height: 24px;
}

.freehand-design-box .text-box .p6 {
    margin-bottom: 80px;
}

.freehand-design-box .text-box .p7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: 14px;
}

.freehand-design-box .img-box04 {
    position: relative;
}

.freehand-design-box .img-box05 {
    text-align: right;
    margin-right: 5px;
    position: absolute;
    left: -443px;
    top: 90px;
}

.freehand-design-box .img01 {
    margin-bottom: 5px;
}

.freehand-design-box .img-box06 {
    text-align: left;
}

/*H5动画交互设计*/
.animate-design {

    position: relative;
}

.animate-design > img {
    width: 100%;
}

.animate-design .text {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    /*width: 50%;*/
    width: 50%;
    height: 100%;
}

.animate-design .text-box {
    margin-left: 330px;
    padding-top: 255px;
    color: #ffffff;
}

.animate-design .text-box h2 {
    font-size: 35px;
}

.animate-design .text-box i {
    display: block;
    width: 60px;
    height: 3px;
    background-color: #575757;
    margin-top: 15px;
    margin-bottom: 35px;

}

.animate-design .text-box h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.animate-design .text-box p {
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    width: 500px;
}

.animate-design .h5 {
    position: absolute;
    top: 50%;
    left: 50%;
    /*left: 920px;*/
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    z-index: 10;
}

.animate-design a.more {
    display: block;
    margin-top: 90px;
    width: 150px;
    height: 45px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #AAAAA8;
    border: 2px solid #949391;
}

/*了解web功能开发*/
.know-function {
    width: 100%;
    height: 527px;
    background: url("../images/design-img11.jpg") no-repeat;
    background-size: cover;
}

.know-function-box {
    width: 1260px;
    margin: 0 auto;
    padding: 210px 0 135px;
}

.know-function-box .text {
    text-align: center;
    color: #ffffff;
}

.know-function-box .text h2 {
    font-size: 40px;
    margin-bottom: 12px;
}

.know-function-box .text p {
    font-size: 18px;
}

.know-function-box a {
    display: block;
    width: 215px;
    height: 46px;
    border: 3px solid #ffffff;
    margin: 55px auto 0;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #ffffff;
}

/*聚合页样式*/
.aggregation-banner {
    background: url("../images/aggregation-banner.jpg");
    height: 850px;
}

.aggregation-banner .content-box {
    width: 1260px;
    margin: 0 auto;
    padding-top: 216px;
    position: relative;
}

.aggregation-banner .content-box .img-box28 {
    position: absolute;
    top: 90px;
    right: 0;
}

.aggregation-banner .content-box .text-box i {
    display: block;
    width: 36px;
    height: 3px;
    background-color: #CAD6DC;
    margin: 19px 0 39px;
}

.aggregation-banner .content-box .text-box p {
    font-size: 18px;
    color: #626262;
    margin-top: 28px;
}

/*PAIKY高端网站建设核心*/
.website-text {
    background: url("../images/aggregation-bg02.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 453px;
    text-align: center;
    color: #ffffff;
    padding-top: 128px;
}

.website-text h1 {
    font-size: 35px;
    margin-bottom: 10px;
}

.website-text h2 {
    font-size: 35px;
    margin-bottom: 10px;
}

.website-text p {
    font-size: 15px;
}

.cards {
    background: url("../images/plot-bg01.jpg");
    height: 400px;
}

.card-box {
    width: 1260px;
    margin: -170px auto 0;
}

.card-box > ul > li {
    width: 304px;
    height: 407px;
    background-color: #ffffff;
    text-align: center;
    float: left;
    padding-top: 50px;
}

.card-box > ul > li + li {
    margin-left: 14.6px;
}

.card-box dd h3 {
    font-size: 20px;
    color: #393939;
    margin-bottom: 5px;
}

.card-box dd p {
    font-size: 14px;
    color: #828282;
}

.card-box dd ul.lists {
    margin-top: 20px;
}

.card-box dd ul.lists li {
    margin-bottom: 5px;
    font-size: 13px;
    color: #9D9D9D;
    font-weight: 600;
}

.card-box .icon04 dt {
    width: 62px;
    height: 62px;
    background: url("../images/aggregation-icon04.png") no-repeat;
    background-size: cover;
    margin: 0 auto 15px;
}

.card-box .icon05 dt {
    width: 60px;
    height: 68px;
    background: url("../images/aggregation-icon05.png") no-repeat;
    background-size: cover;
    margin: 0 auto 15px;
}

.card-box .icon06 dt {
    width: 70px;
    height: 59px;
    background: url("../images/aggregation-icon06.png") no-repeat;
    background-size: cover;
    margin: 0 auto 15px;
}

.card-box .icon07 dt {
    width: 53px;
    height: 61px;
    background: url("../images/aggregation-icon07.png") no-repeat;
    background-size: cover;
    margin: 0 auto 15px;
}

.card-box > ul > li:hover {
    background-color: #1C6AC3;
}

.card-box > ul > li:hover dd h3,
.card-box > ul > li:hover dd p,
.card-box > ul > li:hover dd li {
    color: #ffffff;
}

.card-box .icon07:hover dt {
    background: url("../images/aggregation-icon007.png") no-repeat;
}

.card-box .icon06:hover dt {
    background: url("../images/aggregation-icon006.png") no-repeat;
}

.card-box .icon05:hover dt {
    background: url("../images/aggregation-icon005.png") no-repeat;
}

.card-box .icon04:hover dt {
    background: url("../images/aggregation-icon004.png") no-repeat;
}

/*高端网站的价值在于建立最大化的信任*/
.trust {
    background: url("../images/aggregation-img05.jpg") no-repeat;
    background-size: cover;
    height: 702px;
    width: 100%;
}

.trust-box {
    padding-top: 125px;
    margin-left: 325px;
    color: #ffffff;
    width: 620px;
}

.trust-box h2 {
    font-size: 35px;
}

.trust-box h3 {
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0 25px;
}

.trust-box i {
    display: block;
    width: 50px;
    height: 3px;
    background-color: #4B4B4B;
    margin: 13px 0 45px;
}

.trust-box .title02 {
    font-size: 16px;
    margin-bottom: 10px;
}

.trust-box .text {
    font-size: 13px;
    line-height: 20px;
    /*padding-right: 60px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.trust-box .more {
    display: block;
    width: 150px;
    height: 44px;
    color: #7F7F7F;
    border: 2px solid #525252;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-top: 85px;
}

/*三个图标*/
.three-icon {
    background: url("../images/aggregation-img04.jpg") no-repeat;
    background-size: cover;
    height: 640px;
    width: 100%;
}

.three-icon-box {
    width: 1260px;
    margin: 0 auto;
    padding: 175px 67.5px 0;
}

.three-icon-box li {
    float: left;
    width: 330px;
    text-align: center;
}

.three-icon-box li + li {
    margin-left: 67.5px;
}

.three-icon-box dd h3 {
    font-size: 20px;
    color: #363636;
    margin-bottom: 10px;
}

.three-icon-box dd p {
    font-size: 15px;
    color: #848484;
    line-height: 24px;
}

.three-icon-box dt {
    width: 142px;
    height: 142px;
    border: 1px solid #DFDFDF;
    margin: 0 auto 45px;
}

.three-icon-box .icon08 {
    background: url("../images/aggregation-icon08.png") no-repeat center center;
}

.three-icon-box .icon09 {
    background: url("../images/aggregation-icon09.png") no-repeat center center;
}

.three-icon-box .icon10 {
    background: url("../images/aggregation-icon10.png") no-repeat center center;
}

.three-icon-box li:hover dt {
    background-color: #1C6AC3;
}

.three-icon-box li:hover .icon08 {
    background-image: url("../images/aggregation-icon008.png");
}

.three-icon-box li:hover .icon09 {
    background-image: url("../images/aggregation-icon009.png");
}

.three-icon-box li:hover .icon10 {
    background-image: url("../images/aggregation-icon010.png");
}

/*派琪2017最新案例*/
.aggregation-latest-case .latest-case {
    background: url("../images/aggregation-img03.jpg") no-repeat;
    background-size: cover;
    height: 304px;
    width: 100%;
}

.latest-case-swiper {
    display: none;
}

.latest-case-swiper-box {
    /*height: 640px;*/
    height: 435px;
    background: url("../images/aggregation-img02.jpg");
    background-size: cover;
}

/*轮播样式*/
.latest-case-swiper {
    position: relative;
    /*display:flex;*/
    /*justify-content:space-between;*/
    /*align-items:center;*/
    width: 84%;
    margin: 0 auto;
}

/*.latest-case-swiper .img-box16{*/
/*border-right: 1px solid #000000;*/
/*position: relative;*/
/*width:25%;*/
/*float: left;*/
/*}*/
/*.latest-case-swiper .img-box16:last-of-type{*/
/*border:0;*/
/*}*/
.latest-case-swiper .img-box16 > img {
    transition: transform 0.8s ease-in-out;
    width: 100%;
}

.latest-case-swiper .swiper-slide .img-box16:hover > img {
    transform: scale(1.1);
}

.latest-case-swiper .img-box16 {
    /*border-right: 1px solid #000000;*/
    overflow: hidden;
}

.img-box16 .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 110px;
    background-color: rgba(0, 0, 0, .8);
    padding: 25px 50px 25px 30px;
    color: #ffffff;
    display: none;
}

.img-box16 .mask .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.img-box16 .mask .text {
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.img-box16:hover .mask {
    display: block;
}

.latest-case-swiper .swiper-button-prev {
    /*background-image: url('../images/prev.png');*/
    top: 190px;
    left: -60px;
}

.latest-case-swiper .swiper-button-next {
    /*background-image: url('../images/prev.png');*/
    top: 190px;
    right: -60px;
}

/*了解*/
.understand {
    background: url("../images/aggregation-img04.jpg") no-repeat;
    background-size: cover;
    height: 580px;
    width: 100%;
}

.understand-box {
    width: 1260px;
    margin: 0 auto;
    padding: 155px 0 0;
}

.understand-box li {
    float: left;
    width: 390px;
}

.understand-box li + li {
    margin-left: 45px;
}

.understand-box dt {
    float: left;
    line-height: 60px;
}

.understand-box dd {
    margin-left: 85px;
    padding-top: 10px;
}

.understand-box dd .zh {
    font-size: 22px;
    color: #363636;
    margin-bottom: 2px;
    font-weight: 600;
}

.understand-box dd .en {
    font-size: 12px;
    color: #A1A1A1;
}

.understand-box .text {
    margin: 28px 0;
    font-size: 13px;
    line-height: 22px;
    padding-right: 60px;
    border-right: 1px solid #DFDFDF;
    color: #7C7C7C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.understand-box .text.border0 {
    border: 0;
}

.understand-box .see-detail {
    display: inline-block;
    padding: 3px 8px;
    font-size: 12px;
    color: #BCBCBC;
    border: 1px solid #939393;

}

/*价格价值页面样式、*/
.value-banner {
    background: url("../images/value-banner.jpg");
    background-size: cover;
    height: 850px;
    width: 100%;
    padding-top: 145px;
    text-align: center;
}

.value-banner .textarea {
    width: 1260px;
    margin: 60px auto 0;
}

.value-banner .textarea > div {
    box-shadow: 0 0 20px #DFDFDF;
}

.value-banner .textarea .text {
    background-color: #ffffff;
    border: 1px solid #EAEAEA;
    border-left: 0;
    width: 630px;
    height: 330px;
    box-shadow: 5px 5px 30px #EAEAEA;
    margin-top: 30px;
    padding: 70px 62px;
    font-size: 14px;
    color: #676767;
    text-align: left;
    line-height: 24px;
}

.value-banner .textarea .text .blank {
    font-size: 16px;
    color: #363636;
    margin-top: 30px;
}

/*我们相信高品质网站的价值*/
.website-value {

}

.website-value .blue-box {
    background-color: #1A58AB;
    width: 50%;
    height: 728px;
}

.website-value .text-box {
    padding-top: 135px;
    margin-left: 330px;
    color: #ffffff;
    font-size: 16px;
}

.website-value .text-box span {
    display: block;
    width: 73px;
    height: 74px;
    background: url("../images/value-icon01.png") no-repeat;
}

.website-value .text-box .title03 {
    margin-bottom: 28px;
}

.website-value .text-box .text {
    line-height: 28px;
}

.website-value .text-box h1 {
    font-size: 30px;
    margin: 40px 0 18px;
}

.img-box17 {
    width: 50%;
    height: 728px;
    background: url("../images/value-img004.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.img-box17 p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

/*我们的服务价格*/
.service-price {
    background: url("../images/value-img05.jpg");
    background-size: cover;
    width: 100%;
    height: 766px;
}

.service-price-box {
    width: 1260px;
    margin: 0 auto;
    padding-top: 90px;
}

.service-price-box .title-box {
    margin-bottom: 30px;
    text-align: center;
}

.service-price-box .title-box .title {
    font-size: 30px;
    font-weight: bold;
    color: #363636;
    margin-bottom: 5px;
}

.service-price-box .title-box .text {
    font-size: 14px;
    color: #9B9B9B;
}

.service-price-box table {
    border: 1px solid #E3E3E3;
    width: 1260px;
}

.service-price-box table thead tr {
    height: 54px;
    background-color: #DFE5EC;
}

.service-price-box table thead td {
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
    color: #1A58AB;
    font-weight: 600;
    border: 1px solid #CED3D9;
}

.service-price-box table td {
    border: 1px solid #E3E3E3;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
}

.service-price-box table td:nth-child(1) {
    width: 195px;
}

.service-price-box table td:nth-child(2),
.service-price-box table td:nth-child(3),
.service-price-box table td:nth-child(4) {
    width: 355px;
}

.service-price-box tbody td:nth-child(1) {
    color: #AAB0B8;
}

.service-price-box tbody td:nth-child(2),
.service-price-box tbody td:nth-child(3),
.service-price-box tbody td:nth-child(4) {
    color: #747B81;
}

.service-price-box tbody tr:nth-child(1),
.service-price-box tbody tr:nth-child(2) {
    height: 68px;
}

.service-price-box tbody tr:nth-child(3),
.service-price-box tbody tr:nth-child(4),
.service-price-box tbody tr:nth-child(5) {
    height: 48px;
}

.service-price-box .box {
    margin-top: 10px;
    height: 130px;
    border: 1px solid #E3E3E3;
    text-align: center;
    padding-top: 28px;
}

.service-price-box .box h1 {
    font-size: 18px;
    color: #5A5F65;
    margin-bottom: 6px;
}

.service-price-box .box p {
    font-size: 14px;
    color: #989CA1;
    line-height: 24px;
}

/*甄别专业的网络服务商*/
.professional-facilitator {
    background: url("../images/value-img06.jpg");
    width: 100%;
    background-size: cover;
}

.professional-facilitator .text {
    text-align: center;
    color: #ffffff;
    padding-top: 130px;
    padding-bottom: 109px;
}

.professional-facilitator .text h1 {
    font-size: 35px;
    margin-bottom: 12px;
}

.professional-facilitator .text p {
    font-size: 16px;
}

.professional-facilitator .way {
    background: url("../images/value-bg01.jpg");
    height: 477px;
    padding-top: 95px;
    padding-bottom: 125px;
}

.professional-facilitator .way .img-box30 {
    text-align: center;
    margin-top: -160px;
}

.way-box {
    width: 1260px;
    margin: 30px auto 0;
}

.way-box li {
    float: left;
    width: 370px;
    text-align: center;
}

.way-box li + li {
    margin-left: 75px;
}

.way-box dt {
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.way-box .val-icon02 {
    background: url("../images/value-icon02.png") no-repeat center center;
}

.way-box .val-icon03 {
    background: url("../images/value-icon03.png") no-repeat center center;
}

.way-box .val-icon04 {
    background: url("../images/value-icon04.png") no-repeat center center;
}

.way-box dd {

}

.way-box dd h1 {
    font-size: 20px;
    /*font-weight: normal;*/
    color: #363636;
    margin-bottom: 15px;
    margin-top: 10px;
}

.way-box dd p {
    font-size: 13px;
    line-height: 24px;
    color: #565656;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/*我们贵在免费*/
.free {
    position: relative;
}

.free > img {
    width: 100%;
}

.free .text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    text-align: center;
    color: #ffffff;
}

.free .text-box h1 {
    font-size: 30px;
    margin: 45px 0 15px;
}

.free .text-box p {
    font-size: 17px;
    line-height: 28px;
}

/*联系我们页面*/
.contact-us-banner {
    width: 100%;
    height: 740px;
    background: url("../images/contact-banner.jpg") no-repeat right top;
    background-size: cover;
}

.contact-us-banner .content-box {
    /*margin-left: 330px;*/
    width: 1260px;
    margin: 0 auto;
    padding-top: 183px;
}

@media only screen and (max-width: 1024px ) {
    .contact-us-banner .content-box {
        width: 100%;
    }
}

.contact-us-banner .content-box h1 {
    font-size: 36px;
    color: #333;
    font-weight: normal;
}

.contact-us-banner .content-box .title02 {
    font-size: 16px;
    color: #232323;
    margin: 5px 0 15px;
}

.contact-us-banner .content-box .tel {
    font-size: 24px;
    color: #2D6CB8;
    padding-bottom: 15px;
    border-bottom: 1px dashed #A8A9A5;
    display: inline-block;
}

.contact-us-banner .content-box .tel-text {
    font-size: 16px;
    color: #656565;
    margin-top: 10px;
    margin-bottom: 22px;
}

.contact-us-banner .content-box .tel span {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background: url("../images/contact-icon02.png") center;
    background-size: cover;
    margin-top: -5px;

}

.contact-us-banner .content-box .qq a {
    display: inline-block;
    width: 135px;
    height: 45px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 45px;
    background-color: #3469B3;
    border-radius: 3px;
    margin-right: 5px;
}

.contact-us-banner .content-box .qq a i {
    display: inline-block;
    width: 17px;
    height: 19px;
    background: url("../images/contact-icon01.png") no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}

.contact-us-banner .content-box .qq a:hover {
    background-color: #1E468C;
}

/*在线留言*/
.online-msg {
    width: 100%;
    height: 687px;
    background: url("../images/contact-img02.jpg");
    background-size: cover;
}

.online-msg-box {
    width: 1260px;
    margin: 0 auto;
}

.online-msg-box .address {
    margin-top: -125px;
}

.online-msg-box .address li {
    width: 420px;
    height: 290px;
    background-color: #F6F6F6;
    text-align: center;
    padding-top: 66px;
    float: left;
}

.online-msg-box .address li + li {
    border-left: 1px solid #E3E3E3;
}

.online-msg-box .address li:hover {
    background-color: transparent;
    background-image: url("../images/contact-img01.jpg");
}

.online-msg-box .address li:hover div,
.online-msg-box .address li:hover h3,
.online-msg-box .address li:hover span {
    color: #ffffff;
}

.online-msg-box .local h3 {
    font-size: 24px;
    color: #000;
}

.online-msg-box .local span {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}

.online-msg-box .contact-way {
    color: #363636;
    font-size: 14px;
    line-height: 28px;
    margin-top: 25px;
}

.online-msg-box .msg {
    margin-top: 65px;
}

.online-msg-box .msg .msg-title h2 {
    font-size: 32px;
    color: #000000;
    margin-bottom: 8px;
}

.online-msg-box .msg .msg-title p {
    font-size: 16px;
    color: #808080;
}

.online-msg-box .msg .form {
    margin-top: 45px;
}

.online-msg-box .input-box {
    width: 390px;
}

.online-msg-box .input-box + .input-box {
    margin-left: 45px;
}

.online-msg-box .input-box input {
    padding-left: 20px;
    width: 390px;
    height: 48px;
    background-color: #ffffff;
    border: 1px solid #E3E3E3;
    font-size: 15px;
    color: #666666;
}

.online-msg-box .input-box input + input {
    margin-top: 15px;
}

.online-msg-box .input-box textarea {
    border: 1px solid #E3E3E3;
    width: 390px;
    height: 174px;
    font-size: 15px;
    color: #666666;
    padding: 15px 30px;
}

.form .submit {
    color: #999999;
    font-size: 13px;
    margin-top: 45px;
}

.form .submit .btn {
    display: inline-block;
    width: 150px;
    height: 45px;
    background-color: #1C6AC3;
    color: #ffffff;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    vertical-align: middle;
    margin-right: 30px;
    outline: none;
}

/*百度地图*/
#map {
    width: 100%;
    height: 750px;
}

/*品牌互联网营销内容页*/
.marketing-content-banner {
    position: relative;
    overflow: hidden;
}

.marketing-content-banner > img {
    width: 100%;
}

.marketing-content-banner > .img01 {
    position: absolute;
    top: -165px;
    left: 360px;
}

.marketing-content-banner .text-content {
    position: absolute;
    top: 308px;
    left: 870px;
    color: #ffffff;
    font-size: 16px;
}

.marketing-content-banner .text-content h1 {
    font-size: 45px;
}

.marketing-content-banner .text-content span {
    text-transform: uppercase;
}

.marketing-content-banner .text-content p {
    margin-top: 35px;
    line-height: 24px;
    color: #BCBCBD;
}

/*塑造品牌化的互联网营销体系*/
.system {
    width: 100%;
    height: 634px;
    background: url("../images/marketing-content-img01.jpg") center;
    background-size: cover;
}

.system-box {
    width: 1260px;
    margin: 0 auto;
}

.system-box .text {
    text-align: center;
    padding-top: 90px;
    margin-bottom: 70px;
}

.system-box .text h1 {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

.system-box .text h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

.system-box .text p {
    font-size: 16px;
    color: #666;
}

.system .way .way-box dt {
    width: 176px;
    height: 176px;
    border: 6px solid #E3E3E3;
    border-radius: 10px;
    margin-bottom: 30px;
}

.way-box .mark-cont-icon01 {
    background: url("../images/marketing-content-icon01.png") no-repeat center center;
}

.way-box .mark-cont-icon02 {
    background: url("../images/marketing-content-icon02.png") no-repeat center center;
}

.way-box .mark-cont-icon03 {
    background: url("../images/marketing-content-icon03.png") no-repeat center center;
}

.system .way-box h1 {
    font-size: 18px;
}

.system .way-box h3 {
    font-size: 18px;
    color: #363636;
    margin-bottom: 15px;
    margin-top: 10px;
}

/*过去式*/
.pasted {
    width: 100%;
    height: 776px;
    position: relative;
    background: url("../images/marketing-content-img02.jpg") center;
    background-size: cover;
}

.pasted .text-box {
    width: 543px;
    height: 515px;
    background-color: #1A58AB;
    color: #ffffff;
    margin: 150px 0 0 330px;
    padding: 120px 60px 0;
    position: relative;
}

.pasted .text-box h1 {
    font-size: 35px;
    margin-bottom: 5px;
}

.pasted .text-box h2 {
    font-size: 35px;
    margin-bottom: 5px;
}

.pasted .text-box span {
    font-size: 18px;
}

.pasted .text-box > i {
    width: 45px;
    height: 2px;
    background-color: #6D94C9;
    display: block;
    margin: 25px 0 30px;
}

.pasted .text-box p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 52px;
}

.pasted .text-box .blank-bar {
    position: absolute;
    right: -36px;
    top: -36px;
    width: 165px;
    height: 155px;
    background-color: #1F1F1F;
    padding: 36px 0 0 30px;
}

.pasted .text-box .blank-bar i {
    width: 20px;
    height: 3px;
    background-color: #7F7F7F;
    display: block;
    margin-bottom: 25px;
}

/*从新塑造企业和品牌的互联网形象*/
.brand-idea {
    background: url("../images/marketing-content-bg01.jpg");
    height: 871px;
}

.brand-idea-box {
    width: 1260px;
    margin: 0 auto;
}

.brand-idea-box .text {
    text-align: center;
    padding-top: 90px;
    margin-bottom: 70px;
}

.brand-idea-box .text h1 {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

.brand-idea-box .text h1 span {
    color: #1A58AB;
}

.brand-idea-box .text h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

.brand-idea-box .text h2 span {
    color: #1A58AB;
}

.brand-idea-box .text p {
    font-size: 16px;
    color: #666;
}

.brand-idea-box .grids {
    margin-top: 60px;
    height: 639px;
    background: url("../images/marketing-content-img06.jpg") no-repeat;
}

.brand-idea-box .grids li {
    float: left;
    width: 630px;
    height: 319.5px;
    padding: 85px 0 0 80px;
}

.brand-idea-box .grids li dt {
    margin-bottom: 20px;
}

.brand-idea-box .grids dd h3 {
    color: #555758;
    font-size: 20px;
    margin-bottom: 10px;
}

.brand-idea-box .grids dd p {
    font-size: 14px;
    color: #666666;
}

.brand-idea-box .grids li.bg-blue {
    background-color: #1A58AB;
}

.brand-idea-box .grids li.bg-blue h3,
.brand-idea-box .grids li.bg-blue p {
    color: #ffffff;
}

/*品牌互联网化形象设计与深度互联网应用服务整合*/
.service-integrate {
    width: 100%;
    height: 788px;
    background: url("../images/marketing-content-img07.jpg") center;
    background-size: cover;
}

.service-integrate-box {
    width: 1260px;
    margin: 0 auto;
    padding-top: 110px;
}

.service-integrate-box .text {
    text-align: center;
}

.service-integrate-box .text h1 {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

.service-integrate-box .text h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}

.service-integrate-box .text p {
    font-size: 18px;
    color: #666666;
}

.service-design-box {
    margin-top: 65px;
}

.service-design-box li {
    float: left;
    width: 390px;
    text-align: center;
}

.service-design-box li + li {
    margin-left: 45px;
}

.service-design-box dd {
    padding-top: 35px;
}

.service-design-box dd h3 {
    font-size: 20px;
    color: #000;
    margin-bottom: 3px;
    font-weight: 600;
}

.service-design-box dd span {
    color: #6C6C6C;
}

.service-integrate-box .label {
    text-align: center;
    margin-top: 45px;
    font-size: 14px;
    color: #666666;
}

/*软服务策划设计*/
.soft-service {
    width: 100%;
    background: url("../images/marketing-content-img11.png") center;
    height: 568px;
    margin-top: -70px;
}

.soft-service-box {
    width: 1260px;
    margin: 0 auto;
}

.soft-service-box .content-box {
    color: #ffffff;
    text-align: center;
    padding-top: 215px;
}

.soft-service-box .content-box h1 {
    font-size: 30px;
}

.soft-service-box .content-box h2 {
    font-size: 30px;
}

.soft-service-box .content-box .text-tit {
    font-size: 18px;
    margin: 10px 0 26px;
}

.soft-service-box .content-box .text {
    font-size: 15px;
    line-height: 22px;
    color: #B9C1D6;
}

.soft-service-box .content-box .tabs {
    margin-top: 55px;
    position: relative;
    height: 60px;
}

.soft-service-box .content-box .tabs ul {
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
}

.soft-service-box .content-box .tabs li {
    float: left;
}

.soft-service-box .content-box .tabs li + li {
    margin-left: 45px;
}

.soft-service-box .content-box .tabs li a {
    color: #ffffff;
}

/*我们的观点*/
.content-our-idea .list-box {
    margin-top: 60px;
}

/*网络营销页面样式*/
.web-marking {
    width: 100%;
    /*background: url("../images/web-marking-banner.jpg") no-repeat;*/
    background-color: #0D0D0D;
    height: 840px;
    position: relative;
}

.web-marking .img-box {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
}

.web-marking .text-box {
    position: relative;
    z-index: 5;
    text-align: center;
    padding-top: 176px;
}

.web-marking .text-box p {
    font-size: 20px;
    line-height: 32px;
    color: #DFDFDF;
    margin-top: 25px;
}

.web-marking .text-box span {
    font-size: 22px;
    color: #FFFFFF;
    display: inline-block;
    margin: 20px 0 35px;
}

.web-marking .text-box .btns a {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #424242;
    font-size: 15px;
    color: #808080;
    margin-right: 3px;
}

.web-marking .text-box .btns a:hover {
    border-color: #0D67CB;
    color: #0D67CB;
}

/*互联网品牌化营销策略*/
.marking-strategy {
    width: 100%;
    background: url("../images/web-marking-img03.jpg");
    background-size: cover;
    height: 750px;
}

.marking-strategy-box {
    width: 1260px;
    margin: 0 auto;
}

.marking-strategy-box .cards-box {
    width: 750px;
    height: 750px;
}

.marking-strategy-box .cards-box li {
    width: 250px;
    height: 250px;
    float: left;
}

.marking-strategy-box .cards-box .white-bg {
    text-align: center;
    background-color: #FFFFFF;
    position: relative;
    /*white-space: nowrap;*/
    width: 250px;
}

.marking-strategy-box .cards-box .white-bg .box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    width: 190px;
}

.marking-strategy-box .cards-box .white-bg h3 {
    font-size: 18px;
    color: #2F2F2F;
    margin-bottom: 10px;
}

.marking-strategy-box .cards-box .white-bg .word01 {
    font-size: 12px;
    color: #888;
    margin-bottom: 20px;
}

.marking-strategy-box .cards-box .white-bg .word02 {
    font-size: 14px;
    color: #565656;
}

.marking-strategy-box .cards-box .blue-bg01 {
    background: rgba(26, 88, 171, .75) url("../images/web-marking-icon01.png") no-repeat center;
}

.marking-strategy-box .cards-box .blue-bg02 {
    background: rgba(26, 88, 171, .75) url("../images/web-marking-icon02.png") no-repeat center;
}

.marking-strategy-box .cards-box .blue-bg03 {
    background: rgba(26, 88, 171, .75) url("../images/web-marking-icon03.png") no-repeat center;
}

.marking-strategy-box .cards-box .blue-bg04 {
    background: rgba(26, 88, 171, .75) url("../images/web-marking-icon04.png") no-repeat center;
}

.marking-strategy-box .text-box {
    width: 510px;
    height: 500px;
    background-color: #1A58AB;
    padding: 118px 0 0 70px;
    color: #FFFFFF;
}

.marking-strategy-box .text-box h2 {
    font-size: 30px;
}

.marking-strategy-box .text-box h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.marking-strategy-box .text-box p {
    font-size: 14px;
    line-height: 20px;
}

.marking-strategy-box .text-box i {
    display: block;
    width: 50px;
    height: 3px;
    background-color: #769BCD;
    margin: 25px 0 35px;
}

.marking-strategy-box .text-box span {
    margin-top: 80px;
    display: block;
}

/*SEO专项服务品牌-PAIVS*/
.seo-brand {
    width: 100%;
    background: url("../images/web-marking-img04.jpg");
    background-size: cover;
    height: 797px;
    position: relative;
}

.seo-brand .blank-bg {
    background: url("../images/web-marking-img09.jpg") no-repeat;
    width: 1260px;
    height: 555px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    text-align: center;
}

.seo-brand .blank-bg h2 {
    font-size: 30px;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.seo-brand .blank-bg .img-box18 {
    margin-top: -2px;
    margin-bottom: 70px;
}

.seo-brand .blank-bg .img-box19 {
    margin: 50px 0 25px;
}

.seo-brand .blank-bg p {
    font-size: 18px;
    color: #FFFFFF;
}

.seo-brand .blank-bg .text {
    font-size: 16px;
    margin-top: 10px;
}

/*更系统化的网络营销*/
.systematize {
    width: 100%;
    background: url("../images/web-marking-img07.jpg");
    background-size: cover;
    height: 958px;
}

.systematize-box {
    margin: 0 auto;
    width: 1260px;
    padding-top: 85px;
}

.systematize-box .text-box {
    text-align: center;
}

.systematize-box .text-box .title {
    font-size: 30px;
    color: #000000;
    font-weight: 600;
}

.systematize-box .text-box .title img {
    vertical-align: baseline;
    margin-left: 10px;
}

.systematize-box .text-box .title span {
    color: #1A58AB;
}

.systematize-box .text-box .title02 {
    font-size: 20px;
    color: #232323;
    margin: 10px 0 15px;
}

.systematize-box .text-box .text {
    font-size: 15px;
    color: #989898;
    line-height: 24px;
}

.systematize-box .marking-box {
    margin-top: 55px;
    position: relative;
}

.systematize-box .marking-box ._box01 {
    width: 594px;

}

.systematize-box .marking-box .empty-box {
    width: 124px;
    height: 400px;
    border: 6px solid #CECECE;
    margin-top: 51px;
}

.systematize-box .marking-box .empty-box01 {
    border-right: 0;
}

.systematize-box .marking-box .empty-box02 {
    border-left: 0;
}

.systematize-box .marking-box .text {
    padding-top: 30px;
}

.systematize-box .marking-box .text p {
    text-transform: uppercase;
    color: #888888;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.systematize-box .marking-box .text b {
    font-size: 22px;
    color: #363636;
}

.systematize-box .marking-box .text span {
    font-size: 16px;
    color: #565656;
}

.systematize-box .marking-box .blue-box {
    width: 245px;
    height: 315px;
    background-color: #1A58AB;
    position: absolute;
    top: 93.5px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
    padding: 60px 0 0 40px;
}

.systematize-box .marking-box .blue-box i {
    display: block;
    width: 50px;
    height: 3px;
    background-color: #5F8AC4;
    margin-bottom: 50px;
}

.systematize-box .marking-box .blue-box h3 {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 20px;
}

.systematize-box .marking-box .blue-box span {
    font-size: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 24px;
}

/*近期网络营销案例*/
.marking-case {
    background-color: #F6F6F6;
}

.marking-case-box {
    width: 1260px;
    margin: 0 auto;
    padding-top: 85px;
    padding-bottom: 90px;
}

.marking-case-box .text {
    text-align: center;
}

.marking-case-box .text h2 {
    font-size: 30px;
    color: #232323;
    margin-bottom: 10px;
}

.marking-case-box .text p {
    font-size: 16px;
    color: #666666;
}

.marking-case-box .case-box {
    margin: 55px 0 40px;
}

.marking-case-box .case-box li {
    float: left;
    width: 414px;
    height: 240px;
    margin-bottom: 9px;
    margin-right: 9px;
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #EBEBEB;
}

.marking-case-box .case-box li.clear-margin {
    margin-right: 0;
}

.marking-case-box .case-box .content-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);

    text-align: center;
    white-space: nowrap;
}

.marking-case-box .case-box .content-box img {
    filter: grayscale(100%);
    opacity: 0.5;
}

.marking-case-box .case-box li:hover .content-box img {
    filter: grayscale(0);
    opacity: 1;
}

.marking-case-box .case-box li:hover {
    background-color: #1A58AB;
}

.marking-case-box .case-box li:hover .content-box p,
.marking-case-box .case-box li:hover .content-box span {
    color: #FFFFFF;
}

.marking-case-box .case-box li:hover .content-box i {
    background-color: #3F7FCC;
}

.marking-case-box .case-box .content-box > div {
    width: 160px;
    height: 50px;
    margin: 0 auto;
}

.marking-case-box .case-box .content-box .partner01 {
    background: url("../images/web-marking-partner000-1.png") no-repeat center;
}

.marking-case-box .case-box li:hover .content-box .partner01 {
    background: url("../images/web-marking-partner0001.png") no-repeat center;
}

.marking-case-box .case-box .content-box .partner02 {
    background: url("../images/web-marking-partner0002.png") no-repeat center;
}

.marking-case-box .case-box li:hover .content-box .partner02 {
    background: url("../images/web-marking-partner000-2.png") no-repeat center;
}

.marking-case-box .case-box .content-box .partner03 {
    background: url("../images/web-marking-partner0003.png") no-repeat center;
}

.marking-case-box .case-box li:hover .content-box .partner03 {
    background: url("../images/web-marking-partner000-3.png") no-repeat center;
}

.marking-case-box .case-box .content-box .partner04 {
    background: url("../images/web-marking-partner0004.png") no-repeat center;
}

.marking-case-box .case-box li:hover .content-box .partner04 {
    background: url("../images/web-marking-partner004.png") no-repeat center;
}

.marking-case-box .case-box .content-box .partner05 {
    background: url("../images/web-marking-partner05.png") no-repeat center;
}

.marking-case-box .case-box li:hover .content-box .partner05 {
    background: url("../images/web-marking-partner005.png") no-repeat center;
}

.marking-case-box .case-box .content-box .partner06 {
    background: url("../images/web-marking-partner06.png") no-repeat center;
}

.marking-case-box .case-box li:hover .content-box .partner06 {
    background: url("../images/web-marking-partner006.png") no-repeat center;
}

.marking-case-box .case-box .content-box i {
    display: block;
    width: 40px;
    height: 2px;
    background-color: #CBCBCB;
    margin: 20px auto;
}

.marking-case-box .case-box .content-box h3 {
    font-size: 16px;
    color: #363636;
    margin-bottom: 10px;
    font-weight: 600;
}

.marking-case-box .case-box .content-box span {
    font-size: 13px;
    color: #666666;
    line-height: 20px;
}

.marking-case-box .more-box {
    text-align: center;
}

.marking-case-box .more {
    padding: 10px 46px;
    border: 2px solid #CFCFCF;
    font-size: 14px;
    color: #666666;
}

/*观点媒体资源*/
.media-idea {

}

.media-idea-box {
    width: 1260px;
    margin: 0 auto;
    padding-top: 75px;
    padding-bottom: 95px;
}

.media-idea-box .text {
    text-align: center;
}

.media-idea-box .text h2 {
    font-size: 30px;
    color: #232323;
    margin-bottom: 10px;
}

.media-idea-box .text h2 span {
    color: #1A58AB;
}

.media-idea-box .text p {
    font-size: 18px;
    color: #666666;
}

.media-idea-box .media-box {
    /*border-left: 1px solid #E2E2E2;*/
    /*border-top: 1px solid #E2E2E2;*/
    margin-top: 50px;
    display: table;
    border-collapse: collapse;
}

.media-idea-box .media-box li {
    float: left;
    width: 210px;
    height: 122px;
    /*border-right: 1px solid #E2E2E2;*/
    /*border-bottom: 1px solid #E2E2E2;*/
    border: 1px solid #E2E2E2;
    text-align: center;
    line-height: 120px;
    margin: 0 0 -1px -1px;
}

.media-idea-box .media-box li img {
    /*filter: grayscale(100%);*/
    /*opacity: 0.5;*/
}

.media-idea-box .media-box li:hover img {
    /*filter: grayscale(0);*/
    /*opacity: 1;*/
}

.media-idea-box .media-box li:hover {
    box-shadow: 0 0 30px #E0E0E0;
}

/*网络营销观点资讯*/
.idea-information .more-box {
    margin: 28px 0;
    text-align: center;
}

.idea-information .more-box a {
    display: inline-block;
    padding: 7px 25px;
    border: 2px solid #6A6A6A;
    font-size: 14px;
    color: #fff;
}

/*微信小程序页面样式*/
.weChat-applet {
    width: 100%;
    height: 850px;
    padding-top: 78px;
    background: url("../images/weChat-applet-banner02.jpg");
    background-size: cover;
}

.weChat-applet-box {
    width: 1260px;
    margin: 0 auto;
}

.weChat-applet .text-box {
    padding-top: 70px;
}

.weChat-applet .img-box20 {
    margin-left: -20px;
}

.weChat-applet .text-box p {
    font-size: 36px;
    color: #010101;
    margin-bottom: 5px;
}

.weChat-applet .text-box b {
    font-size: 40px;
    color: #0E55B4;
}

.weChat-applet .text-box span {
    display: block;
}

.weChat-applet .icon-box {
    width: 480px;
    margin-top: 80px;
    white-space: nowrap;
}

.weChat-applet .icon-box dd {
    margin-left: 73px;
}

.weChat-applet .icon-box dd b {
    font-size: 20px;
    display: block;
    color: #1258B5;
    margin-bottom: 5px;
}

.weChat-applet .icon-box dd span {
    font-size: 16px;
    color: #666666;
}

.weChat-applet .img-box30 {
    position: relative;
    width: 690px;
    padding-top: 32px;
}

.weChat-applet .img-box30 .img-01 {
    position: relative;
    display: inline-block;
}

.weChat-applet .img-box30 .img-01 i {
    position: absolute;
    left: 50%;
    top: 72px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
}

.weChat-applet .img-box30 .img-03 {
    position: absolute;
    top: 50px;
    left: 210px;
    box-shadow: -20px 20px 60px #95949A;
}

.weChat-applet .img-box30 .img-04 {
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: -20px 20px 60px #95949A;
}

/*微信相关*/
.weChat-correlation {
    width: 100%;
    height: 720px;
    background: url("../images/weChat-applet-img03.jpg");
    background-size: cover;
}

.weChat-correlation-box {
    width: 1260px;
    margin: 0 auto;
    padding: 125px 60px 0;
}

.weChat-correlation-box li {
    width: 324px;
    float: left;
    text-align: center;
}

.weChat-correlation-box li + li {
    margin-left: 84px;
}

.weChat-correlation-box dd {
    padding-top: 20px;
}

.weChat-correlation-box dd h3 {
    font-size: 18px;
    color: #333333;
}

.weChat-correlation-box dd p {
    font-size: 14px;
    color: #808080;
    line-height: 22px;
    margin-top: 10px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*服务特征*/
.service-feature {
    width: 100%;
    height: 270px;
    background: url("../images/weChat-applet-bg04.png");
    padding-top: 80px;
    background-size: cover;
}

.text-common {
    text-align: center;
    color: #333333;
}

.text-common h2 {
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}

.text-common span {
    font-size: 15px;
    color: #666666;
}

/*功能策划*/
.function-planning {
    width: 100%;
    height: 676px;
    background: url("../images/weChat-applet-bg01.png");
    /*margin-top: -100px;*/
    background-size: cover;
}

.function-planning-box {
    width: 1130px;
    margin: 0 auto;
    padding-top: 120px;
}

.function-planning-box .content-box {
    width: 460px;
    padding-top: 40px;
}

.function-planning-box .content-box h2 {
    font-size: 34px;
    color: #FFFFFF;
}

.function-planning-box .content-box i {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #484949;
    margin: 18px 0 35px;
}

.function-planning-box .content-box span {
    font-size: 20px;
    color: #FFFFFF;
}

.function-planning-box .content-box p {
    font-size: 15px;
    color: #E0E0E0;
    margin-top: 10px;
    line-height: 24px;
}

.function-planning-box .content-box .icon-box {
    margin-top: 55px;
}

.function-planning-box .content-box .icon-box li {
    text-align: center;
    padding: 0 27px;
    float: left;
}

.function-planning-box .content-box .icon-box li:first-child {
    padding-left: 0;
}

.function-planning-box .content-box .icon-box li:last-child {
    padding-right: 0;
}

.function-planning-box .content-box .icon-box li + li {
    border-left: 1px solid #38393A;
}

.function-planning-box .content-box .icon-box p {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
}

.function-planning-box .content-box .icon-box span {
    font-size: 14px;
    color: #676869;
}

.function-planning-box .content-box .icon-box .icon01 {
    background: url("../images/weChat-applet-icon01.png") no-repeat center;
}

.function-planning-box .content-box .icon-box .icon02 {
    background: url("../images/weChat-applet-icon02.png") no-repeat center;
}

.function-planning-box .content-box .icon-box .icon03 {
    background: url("../images/weChat-applet-icon03.png") no-repeat center;
}

.function-planning-box .content-box .icon-box .icon04 {
    background: url("../images/weChat-applet-icon04.png") no-repeat center;
}

/*UI设计*/
.ui-design {
    width: 100%;
    height: 676px;
    background: url("../images/weChat-applet-bg03.png");
    /*margin-top: -100px;*/
    background-size: cover;
}

.ui-design-box {
    padding-top: 90px;
    width: 1200px;
    margin: 0 auto;
}

.ui-design-box .content-box {
    padding-top: 140px;
}

.ui-design-box .content-box h2 {
    font-size: 34px;
    color: #FFFFFF;
}

.ui-design-box .content-box i {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #4A79BC;
    margin: 15px 0 25px;
}

.ui-design-box .content-box span {
    font-size: 20px;
    color: #FFFFFF;
}

.ui-design-box .content-box p {
    font-size: 15px;
    color: #E0E0E0;
    margin-top: 10px;
    line-height: 24px;
}

.ui-design-box .content-box .icon-box {
    margin-top: 55px;
}

.ui-design-box .content-box .icon-box li {
    text-align: center;
    padding: 0 27px;
    float: left;
}

.ui-design-box .content-box .icon-box li:first-child {
    padding-left: 0;
}

.ui-design-box .content-box .icon-box li:last-child {
    padding-right: 0;
}

.ui-design-box .content-box .icon-box li + li {
    border-left: 1px solid #2761AF;
}

.ui-design-box .content-box .icon-box p {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
}

.ui-design-box .content-box .icon-box span {
    font-size: 14px;
    color: #8AA1CC;
}

.ui-design-box .content-box .icon-box .icon05 {
    background: url("../images/weChat-applet-icon05.png") no-repeat center;
}

.ui-design-box .content-box .icon-box .icon06 {
    background: url("../images/weChat-applet-icon06.png") no-repeat center;
}

.ui-design-box .content-box .icon-box .icon07 {
    background: url("../images/weChat-applet-icon07.png") no-repeat center;
}

/*整合开发*/
.development {
    width: 100%;
    height: 641px;
    background: url("../images/weChat-applet-bg02.png");
    /*margin-top: -100px;*/
    background-size: cover;
    position: relative;
    z-index: 10;
}

.development .box04 {
    width: 530px;
    position: absolute;
    right: 390px;
    top: 190px;
}

.development .box04 > s {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.development .content-box {
    position: absolute;
    left: 60px;
    top: 55px;
    z-index: 15;
}

.development .content-box h2 {
    font-size: 34px;
    color: #FFFFFF;
}

.development .content-box i {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #5AB57C;
    margin: 15px 0 25px;
}

.development .content-box span {
    font-size: 20px;
    color: #FFFFFF;
}

.development .content-box p {
    font-size: 15px;
    color: #E0E0E0;
    margin-top: 10px;
    line-height: 24px;
}

/*代表案例*/
.representative-case {
    width: 100%;
    height: 1022px;
    background: url("../images/weChat-applet-img13.jpg");
    background-size: cover;
}

.representative-case-box {
    width: 1260px;
    margin: 0 auto;
    padding-top: 100px;
}

/*
    text-common样式在--服务特征部分定义
*/
.representative-case-box .tabs {
    margin: 30px 0 40px;
    height: 44px;
    position: relative;
}

.representative-case-box .tabs-box {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
}

.representative-case-box .tabs-box li {
    float: left;
}

.representative-case-box .tabs-box li + li {
    margin-left: 3px;
}

.representative-case-box .tabs-box li a {
    display: block;
    padding: 10px 30px;
    border: 2px solid #EAEAEA;
    font-size: 15px;
    color: #555555;
}

.representative-case-box .tabs-box li:hover a {
    background-color: #1C6AC3;
    border: 0;
    padding: 12px 32px;
    color: #FFFFFF;
}

/* 遮罩层显示样式*/
.main-box .case-box .mask-box {
    position: relative;
    display: block;
}

.main-box .case-box .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}

.main-box .case-box .mask-box:hover .mask {
    display: block;
}

.main-box .case-box .mask-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    text-align: center;
}

.main-box .case-box .mask-content p {
    font-size: 15px;
    color: #FFFFFF;
    margin-top: 15px;
}

.main-box .case-box .show01 > dl .mask-box > img {
    width: 610px;
    height: auto;
}

.main-box .case-box .show01 ._show-detail dl .mask-box > img {
    width: 295px;
}

.main-box .case-box .show01 ._show-detail {
    width: 295px;
    margin-right: 20px;
}

.main-box .case-box .show01 ._show-detail dl {
    margin-bottom: 20px;
}

.main-box .case-box .show01 ._show-detail.margin0 {
    margin-right: 0;
}

.main-box .case-box .show01 ._show-detail dl dd {
    padding: 2px 15px 15px;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.main-box .case-box .show01 ._show-detail dd h1 a {
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.main-box .case-box .show01 ._show-detail p {
    font-size: 12px;
    color: #999;
}

/*功能整合解决方案*/
.solute-way {
    padding: 85px 0 10px;
    background-color: #F4F4F4;
}

.solute-way-box {
    width: 1461px;
    margin: 0 auto;
}

.solute-way-box .way-bg-box {
    width: 100%;
    height: 629px;
    background: url("../images/weChat-applet-bg05.png") no-repeat;
    margin-top: -42px;
}

.solute-way-box .ways-box {
    width: 1260px;
    margin: 0 auto;
}

.solute-way-box .function-box {
    margin-left: -17px;
    margin-top: 118px;
}

.solute-way-box .function-box ul {
    width: 937px;
}

.solute-way-box .function-box li {
    float: left;
    width: 297px;
    height: 129px;
    background-color: #ffffff;
    margin-right: 23px;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 0 4px rgba(0, 0, 0, .12);
}

.solute-way-box .function-box li:nth-child(3),
.solute-way-box .function-box li:nth-child(6),
.solute-way-box .function-box li:nth-child(9) {
    margin-right: 0;
}

.solute-way-box .function-box li .content-box {
    width: 220px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari and Chrome */
    -o-transform: translate(-50%, -50%); /* Opera */
    -moz-transform: translate(-50%, -50%); /* Firefox */
}

.solute-way-box .function-box li .content-box p {
    font-size: 16px;
    color: #666666;
}

.solute-way-box .function-box li .content-box span {
    font-size: 12px;
    color: #BCBCBC;
}

.solute-way-box .function-box li .content-box .text {
    margin-top: 12px;
}

.solute-way-box .function-box li:hover {
    background-color: #1E59A9;
    color: #FFFFFF;
}

.solute-way-box .function-box li:hover .content-box p {
    color: #FFFFFF;
}

.solute-way-box .function-box li:hover .content-box span {
    color: #789DCB;
}

.solute-way-box .function-box li .content-box s {
    width: 75px;
    line-height: 60px;
    text-align: center;
    height: 60px;
}

.solute-way-box .function-box li .content-box .icon-08 {
    background: url("../images/weChat-applet-icon08.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-09 {
    background: url("../images/weChat-applet-icon09.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-10 {
    background: url("../images/weChat-applet-icon10.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-11 {
    background: url("../images/weChat-applet-icon11.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-12 {
    background: url("../images/weChat-applet-icon12.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-13 {
    background: url("../images/weChat-applet-icon13.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-14 {
    background: url("../images/weChat-applet-icon14.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-15 {
    background: url("../images/weChat-applet-icon15.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-16 {
    background: url("../images/weChat-applet-icon16.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-18 {
    background: url("../images/weChat-applet-icon18.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-19 {
    background: url("../images/weChat-applet-icon19.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-20 {
    background: url("../images/weChat-applet-icon20.png") no-repeat center;
}

.solute-way-box .function-box li .content-box .icon-21 {
    background: url("../images/weChat-applet-icon21.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-08 {
    background: url("../images/weChat-applet-icon008.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-09 {
    background: url("../images/weChat-applet-icon009.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-10 {
    background: url("../images/weChat-applet-icon010.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-11 {
    background: url("../images/weChat-applet-icon011.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-12 {
    background: url("../images/weChat-applet-icon012.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-13 {
    background: url("../images/weChat-applet-icon013.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-14 {
    background: url("../images/weChat-applet-icon014.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-15 {
    background: url("../images/weChat-applet-icon015.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-16 {
    background: url("../images/weChat-applet-icon016.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-18 {
    background: url("../images/weChat-applet-icon018.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-19 {
    background: url("../images/weChat-applet-icon019.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-20 {
    background: url("../images/weChat-applet-icon020.png") no-repeat center;
}

.solute-way-box .function-box li:hover .content-box .icon-21 {
    background: url("../images/weChat-applet-icon021.png") no-repeat center;
}

.solute-way-box .ways-box .buy {
    width: 298px;
    height: 427px;
    background-color: #ffffff;
    position: relative;
    margin-left: 25px;
    margin-top: 118px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .12);
}

.solute-way-box .ways-box .buy-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari and Chrome */
    -o-transform: translate(-50%, -50%); /* Opera */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    text-align: center;
}

.solute-way-box .ways-box .buy-content span {
    font-size: 16px;
    color: #666666;
}

.solute-way-box .ways-box .buy-content p {
    font-size: 29px;
    color: #BCBCBC;
    font-family: 'Arial Bold';
    font-weight: 600;
    white-space: nowrap;
    margin-bottom: 50px;
}

/*我们的观点*/
.weChat-idea .our-idea {
    height: 750px;
}

.weChat-idea .list-box {
    margin-top: 50px;
}

/*高端网站练成页面样式*/
.website-construct {
    width: 100%;
    height: 850px;
    background: url("../images/website-construct-banner.jpg") no-repeat;
    position: relative;
}

.website-construct .text-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    text-align: center;
}

.website-construct .text-img-box {
    width: 412px;
    height: 392px;
    margin: 0 auto 40px;
    position: relative;
    background: url("../images/website-construct-img02.png") no-repeat center;
}

.website-construct .text-img-box .text-box {
    position: absolute;
    left: 50%;
    top: 150px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
}

.website-construct .text-img-box p {
    font-size: 35px;
    color: #FFFFFF;
    font-weight: 600;
    margin-top: 25px;
}

.website-construct .text-img p.text {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    white-space: nowrap;
}

/*高端 是PAIKY的一种态度和坚持*/
.paiky-attitude {

}

.paiky-attitude-box {
    width: 1260px;
    margin: 0 auto;
    padding: 100px 0 90px;
}

.paiky-attitude-box .text-box {
    width: 613px;
    padding: 45px 0 0 80px;
}

.paiky-attitude-box .text-box h1 {
    font-size: 30px;
    color: #222;
    margin-top: 20px;
}

.paiky-attitude-box .text-box h1 span {
    color: #1E59A9;
}

.paiky-attitude-box .text-box i {
    display: block;
    width: 60px;
    height: 2px;
    background-color: #DBDBDB;
    margin: 30px 0 40px;
}

.paiky-attitude-box .text-box p {
    font-size: 15px;
    color: #888888;
    line-height: 24px;
    margin-bottom: 15px;
}

/*高端的价值毋庸置疑*/
.high-end-value {
    width: 100%;
    height: 622px;
    background: url("../images/website-construct-img08.jpg") no-repeat;

}

.high-end-value-box {
    width: 1260px;
    margin: 0 auto;
    text-align: center;
}

.high-end-value-box .text-box {
    width: 912px;
    margin: 75px auto 0;
    background: url("../images/website-construct-img06.png") no-repeat;
    height: 363px;
    color: #FFFFFF;
}

.high-end-value-box .text-box h1 {
    font-size: 30px;
    margin-top: -20px;
    margin-bottom: 5px;
}

.high-end-value-box .text-box i {
    display: block;
    width: 50px;
    height: 2px;
    background-color: #4F4F4F;
    margin: 30px auto 30px;
}

.high-end-value-box .text-box p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 36px;
}

/*策划plan*/
.plan {
    width: 100%;
    height: 676px;
    background: url("../images/website-construct-img10.png") no-repeat;

}

.plan .text-box {
    text-align: center;
    color: #FFFFFF;
    padding-top: 98px;
}

.plan .text-box h1 {
    font-size: 30px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.plan .text-box p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 28px;
    margin-bottom: 25px;
}

.plan .text-box span {
    font-size: 18px;
    color: #FFFFFF;
}

.plan-steps {
    width: 1160px;
    margin: 55px auto 65px;
}

.plan-steps li {
    width: 135px;
    float: left;
    text-align: center;
    position: relative;
}

.plan-steps li + li {
    margin-left: 70px;
}

.plan-steps li p {
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 20px;
}

.plan-steps li i {
    display: block;
    width: 126px;
    height: 1px;
    background-color: #3F73B5;
    position: absolute;
    bottom: 10px;
    left: 106px;
}

.plan .more {
    text-align: center;
}

.plan .more a {
    font-size: 16px;
    color: #FFFFFF;
    padding: 10px 30px;
    border: 2px solid #6490C5;
}

/*设计design*/
.paiky-design {

}

.paiky-design-box {
    width: 1220px;
    margin: 0 auto;
    padding-top: 108px;
    padding-bottom: 106px;
    position: relative;
}

.paiky-design-box .text-box {
    position: absolute;
    left: 0;
    top: 140px;
}

.paiky-design-box .text-box h1 {
    font-size: 30px;
    color: #1E59A9;
}

.paiky-design-box .text-box i {
    display: block;
    width: 50px;
    height: 2px;
    background-color: #C1C1C1;
    margin: 20px 0 30px;
}

.paiky-design-box .text-box .blank-word {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    padding-bottom: 35px;
}

.paiky-design-box .text-box span {
    display: block;
    width: 420px;
    height: 1px;
    background-color: #EAEAEA;
}

.paiky-design-box .text-box .word {
    font-size: 16px;
    color: #828282;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 95px;
}

.paiky-design-box .text-box a {
    font-size: 16px;
    color: #979797;
    padding: 10px 30px;
    border: 2px solid #D0D0D0;
}

/*开发development*/
.paiky-develop {
    position: relative;

}

.paiky-develop .blue-frame {
    width: 100px;
    height: 100px;
    border: 6px solid rgba(28, 86, 163, .8);
    position: absolute;
    top: 408px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
}

.paiky-develop .text {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
}

.paiky-develop .text h1 {
    font-size: 30px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.mixture-box-left {
    width: 50%;
    background: url("../images/website-construct-img18.jpg");
    height: 815px;
}

.mixture-box-right {
    width: 50%;
    background: url("../images/website-construct-img19.jpg");
    height: 815px;
}

.mixture-box {
    padding-top: 200px;
}

.mixture-box .img-box23 .b-border {
    border-bottom: 1px solid #000000;
}

.mixture-box-left .img-box23 p {
    border-right: 1px solid #000;
}

.mixture-box .icon-box {
    padding-top: 43px;
}

.mixture-box .icon-box p {
    font-size: 18px;
    color: #FFFFFF;
    margin: 25px 0 15px;
}

.mixture-box .icon-box ._icon-text {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
}

.mixture-box .icon-box ._icon {
    margin-bottom: 65px;
}

.mixture-box .text-left {
    text-align: right;
    margin-right: 60px;
}

.mixture-box .text-right {
    text-align: left;
    margin-left: 60px;
}

.mixture-box .icon-box span {
    display: inline-block;
    width: 55px;
    height: 55px;
}

.mixture-box ._icon07 {
    background: url("../images/website-construct-icon07.png") no-repeat right bottom;
}

.mixture-box ._icon10 {
    background: url("../images/website-construct-icon10.png") no-repeat right bottom;
}

.mixture-box ._icon08 {
    background: url("../images/website-construct-icon08.png") no-repeat left bottom;
}

.mixture-box ._icon09 {
    background: url("../images/website-construct-icon09.png") no-repeat left bottom;
}

/*新闻资讯*/
.left {
    float: left;
}

.right {
    float: right;
}

.news_banner {
    width: 100%;
    text-align: center;
    position: relative;
    /*background: url(../images/news_banner.jpg) no-repeat center top;
  background-size:cover;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news_banner.jpg',sizingMethod='scale');
  height: 650px;*/
}

.news_banner img {
    max-width: 100%;
}

.news_banner .w1200 {
    text-align: left;
    padding-top: 7%;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1200px;
    margin-left: -600px;
}

.news_banner .w1200 .data {
    color: #a6a6a8;
    font-size: 28px;
    font-family: arial;
}

.news_banner .w1200 h2 {
    margin-top: 5px;
    color: #ffffff;
    font-size: 35px;
    font-weight: normal;
}

.news_banner .w1200 .name {
    margin-top: 5px;
    color: #d6d6d6;
    font-size: 26px;
    font-family: arial;
}

.news_banner .w1200 .t {
    margin-top: 15px;
    width: 418px;
    color: #d2d2d2;
    font-size: 13px;
    line-height: 24px;
}

.news_banner .w1200 .more {
    margin-top: 5%;
    display: block;
    width: 143px;
    height: 39px;
    border: 1px solid #898b86;
    background: url("../images/news_icon.png") no-repeat 105px center;
    line-height: 36px;
    font-size: 15px;
    color: #d5d5d4;
    padding-left: 35px;
}

@media (max-width: 1600px ) {
    .news_banner .w1200 {
        padding-top: 6%;
    }

    .news_banner .w1200 .more {
        margin-top: 5%;
    }
}

@media (max-width: 1200px ) {
    .news_banner .w1200 {
        padding-top: 4%;
    }

    .news_banner .w1200 .more {
        margin-top: 4%;
    }
}

.news_list {
    background: #f9f9f9;
    border-bottom: 1px solid #e7e7e7;
    height: 80px;
}

.news_list .w1200 {
    padding-top: 38px;
}

.news_list .w1200 .f-l ul li {
    padding: 0 20px;
    float: left;
    font-size: 17px;
    background: url("../images/news_icon2.jpg") no-repeat right 6px;
}

.news_list .w1200 .f-l ul li a {
    display: block;
    color: #666666;
    padding-bottom: 17px;
}

.news_list .w1200 .f-l ul li:last-child {
    background: none;
}

.news_list .w1200 .f-l ul li:hover a,
.news_list .w1200 .f-l ul li.cur a {
    color: #e9310f;
    border-bottom: 2px solid #e9310f;
}

.news_list .w1200 .f-r {
    padding-top: 4px;
    color: #999999;
}

.news_list .w1200 .f-r a {
    display: inline-block;
    color: #999;
    text-decoration: underline;
}

.news {
    padding-bottom: 98px;
}

.news_con {
    width: 1227px;
    margin: 35px auto 0;
    padding-bottom: 20px;
    position: relative;
}

.news_con .news_div {
    float: left;
    width: 379px;
    min-height: 100px;
    margin-left: 15px;
    margin-right: 15px;
}

.news_con .news_div .img img {
    max-width: 100%;
    display: block;
}

.news_con .news_div .text {
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom: #e8e8e8 solid 3px;
    padding: 20px 30px 30px;
}

.news_con .news_div .text .bt {
    display: block;
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news_con .news_div .text span {
    margin: 8px 0;
    display: block;
    color: #8f8f8f;
    font-size: 13px;
    font-family: arial;
}

.news_con .news_div .text .t {
    color: #8f8f8f;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.news_con .news_div:hover .text .bt {
    color: #000;
}

.news2_con {
    padding: 65px 0 80px;
}

.news2_con .f-l {
    width: 888px;
}

.news2_con .f-l h1 {
    text-align: center;
    font-weight: normal;
    color: #70614b;
    font-size: 26px;
}

.news2_con .f-l .ly {
    margin-top: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e8e8e8;
}

.news2_con .f-l .ly p {
    float: left;
    max-width: 50%;
    color: #bbbbbb;
    font-size: 13px;
    line-height: 24px;
}

.news2_con .f-l .ly .fx {
    float: right;
    max-width: 40%;
}

.news2_con .f-l .ly .fx span {
    float: left;
    display: inline-block;
    color: #bbbbbb;
    font-size: 13px;
    line-height: 24px;
}

.news2_con .f-l .ly .fx div {
    float: left;
}

.news2_con .f-l .ly .fx div a {
    cursor: pointer;
    margin-top: 4px;
    line-height: 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.news2_con .f-l .newstext {
    margin-top: 24px;
}

.news2_con .f-l .newstext .t {
    color: #888888;
    font-size: 15px;
    line-height: 26px;
}

.news2_con .f-l .newstext .d {
    color: #6e6e6e;
    font-size: 15px;
    line-height: 26px;
    font-weight: bold;
}

.news2_con .f-l .newstext .img {
    text-align: center;
}

.news2_con .f-r {
    width: 262px;
    padding-top: 55px;
}

.news2_con .f-r .img {
    display: block;
    width: 262px;
    height: 367px;
}

.news2_con .f-r .u_text {
    margin-top: 35px;
}

.news2_con .f-r .u_text h3 {
    border-bottom: 1px solid #eeeeee;
    font-weight: normal;
    color: #555555;
    font-size: 17px;
    margin-bottom: 10px;
}

.news2_con .f-r .u_text h3 span {
    display: inline-block;
    background: url("../images/news2_icon.jpg") no-repeat left 7px;
    padding-left: 17px;
    border-bottom: 2px solid #c6c6c6;
    padding-bottom: 10px;
}

.news2_con .f-r .u_text ul li {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #dfdfdf;
    font-size: 13px;
    padding: 12px 0;
}

.news2_con .f-r .u_text ul li a {
    display: block;
    color: #777;
    background: url("../images/news2_icon2.jpg") no-repeat 3px 7px;
    padding-left: 17px;
    line-height: 20px;
}

.news2_con .f-r .u_text ul li a:hover {
    color: #333;
}

.news2_con .f-r .u_text ul li:last-child {
    border: none;
}

.gnews_div {
    padding-bottom: 75px;
}

.gnews_div .gnews_top ul li {
    float: left;
    width: 398px;
    margin-right: 13px;
}

.gnews_div .gnews_top ul li:last-child {
    margin-right: 0;
}

.gnews_div .gnews_top ul li a {
    display: block;
    width: 398px;
    height: 238px;
    position: relative;
}

.gnews_div .gnews_top ul li a .bt {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    color: #ffffff;
    font-size: 17px;
    line-height: 52px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 28px;
}

.gnews_div .gnews_text {
    margin-top: 53px;
}

.gnews_div .gnews_text .left {
    width: 842px;
}

.gnews_div .gnews_text .left .tit_bt {
    border-bottom: 1px solid #dee1e1;
    padding-bottom: 12px;
}

.gnews_div .gnews_text .left .tit_bt .tit {
    float: left;
    display: table;
    color: #555555;
    font-size: 17px;
    font-family: arial;
}

.gnews_div .gnews_text .left .tit_bt .tit h2 {
    color: #444444;
    font-size: 24px;
    font-weight: bold;
    font-family: "微软雅黑";
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 8px;
}

.gnews_div .gnews_text .left .tit_bt .tit h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 79px;
    height: 2px;
    background: #186ece;
}

.location {
    width: 70%;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}

.location a {
    color: #333;
    font-size: 14px;
    line-height: 30px;
}

.gnews_div .gnews_text .left .tit_bt .sx {
    float: right;
    display: table;
}

.gnews_div .gnews_text .left .tit_bt .sx a {
    display: block;
    float: left;
    color: #777777;
    font-size: 14px;
    margin-left: 16px;
}

.gnews_div .gnews_text .left .gnews_con ul {
    padding-bottom: 35px;
}

.gnews_div .gnews_text .left .gnews_con ul li {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #dcdcdc;
    padding: 20px 0;
}

.gnews_div .gnews_text .left .gnews_con ul li:last-child {
    border-bottom: none;
}

.gnews_div .gnews_text .left .gnews_con ul li .img {
    width: 20%;
    float: left;
    position: relative;
    display: block;
}

.gnews_div .gnews_text .left .gnews_con ul li .text {
    float: right;
    width: 78%;
}

.gnews_div .gnews_text .left .gnews_con ul li .text .bt {
    color: #444444;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gnews_div .gnews_text .left .gnews_con ul li .text .t {
    color: #666666;
    font-size: 13px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    margin-top: 10px;
}

.gnews_div .gnews_text .left .gnews_con ul li .text .con_btn {
    margin-top: 20px;
    line-height: 22px;
}

.gnews_div .gnews_text .left .gnews_con ul li .text .con_btn div {
    float: left;
    display: table;
}

.gnews_div .gnews_text .left .gnews_con ul li .text .con_btn div a {
    display: block;
    float: left;
    color: #999999;
    font-size: 13px;
    margin-right: 20px;
}

.gnews_div .gnews_text .left .gnews_con ul li .text .con_btn div a:first-child {
    background: url("../images/gnews_icon1.jpg") no-repeat left 7px;
    padding-left: 20px;
}

.gnews_div .gnews_text .left .gnews_con ul li .text .con_btn div a:nth-child(2) {
    background: url("../images/gnews_icon2.jpg") no-repeat left 6px;
    padding-left: 18px;
}

.gnews_div .gnews_text .left .gnews_con ul li .text .con_btn div a:last-child {
    background: url("../images/gnews_icon3.jpg") no-repeat left 5px;
    padding-left: 20px;
}

.gnews_div .gnews_text .left .gnews_con ul li .text .con_btn span {
    display: inline-block;
    float: right;
    color: #999999;
    font-size: 13px;
    font-family: arial;
}

.gnews_div .gnews_text .left .gnews_con .more {
    text-align: center;
}

.gnews_div .gnews_text .left .gnews_con .more a {
    display: block;
    width: 100%;
    height: 45px;
    background: #f0f3f5;
    line-height: 45px;
    color: #666666;
    font-size: 15px;
    text-transform: uppercase;
}

.gnews_div .gnews_text .left .gnews_con .more a i {
    display: inline-block;
    background: url("../images/gnews_icon4.png") no-repeat center center;
    width: 31px;
    height: 9px;
    margin-left: 10px;
}

.gnews_div .gnews_text .left .container h1 {
    color: #333333;
    font-size: 26px;
}

.gnews_div .gnews_text .left .container .data {
    margin-top: 20px;
    line-height: 24px;
}

.gnews_div .gnews_text .left .container .data .da {
    float: left;
    display: table;
}

.gnews_div .gnews_text .left .container .data .da span {
    float: left;
    display: inline-block;
    color: #888888;
    font-size: 14px;
    margin-right: 16px;
}

.gnews_div .gnews_text .left .container .data .fx {
    line-height: 24px;
    float: right;
    display: table;
}

.gnews_div .gnews_text .left .container .data .fx span {
    display: inline-block;
    float: left;
    color: #888888;
    font-size: 14px;
}

.gnews_div .gnews_text .left .container .data .fx div {
    margin-top: 2px;
    float: left;
    display: table;
}

.gnews_div .gnews_text .left .container .data .fx div a {
    height: 16px;
    display: block;
    float: left;
    margin-left: 10px;
}

.gnews_div .gnews_text .left .container .g_newstop {
    position: relative;
    margin-top: 40px;
    background: #eef3f9;
    padding: 30px 45px;
}

.gnews_div .gnews_text .left .container .g_newstop:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -19px;
    margin-left: -21px;
    width: 42px;
    height: 42px;
    background: url("../images/gnews_icon8.jpg") no-repeat center center;
}

.gnews_div .gnews_text .left .container .g_newstop .t {
    color: #777777;
    font-size: 15px;
    line-height: 26px;
}

.gnews_div .gnews_text .left .container .text_con {
    color: #666666;
    font-size: 15px;
    line-height: 26px;
}

.gnews_div .gnews_text .left .container .w {
    color: #777777;
    font-size: 13px;
    background: #f0f3f6;
    height: 47px;
    line-height: 47px;
    text-align: center;
    margin-top: 40px;
}

.gnews_div .gnews_text .left .container .fanhui {
    margin-top: 35px;
}

.gnews_div .gnews_text .left .container .fanhui ul {
    position: relative;
}

.gnews_div .gnews_text .left .container .fanhui ul:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 3px;
    width: 1px;
    height: 40px;
    background: #d9d9d9;
}

.gnews_div .gnews_text .left .container .fanhui ul li {
    float: left;
    width: 40%;
}

.gnews_div .gnews_text .left .container .fanhui ul li .bt {
    color: #888888;
    font-size: 16px;
}

.gnews_div .gnews_text .left .container .fanhui ul li .t {
    color: #888888;
    font-size: 15px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gnews_div .gnews_text .left .container .fanhui ul li:last-child {
    float: right;
}

.gnews_div .gnews_text .left .container .rmtj_con {
    margin-top: 42px;
}

.gnews_div .gnews_text .left .container .rmtj_con .tit {
    width: 100%;
    border-bottom: 1px solid #dee1e1;
    padding-bottom: 12px;
    float: left;
    display: table;
    color: #555555;
    font-size: 17px;
    font-family: arial;
}

.gnews_div .gnews_text .left .container .rmtj_con .tit span {
    color: #444444;
    font-size: 20px;
    font-weight: bold;
    font-family: "微软雅黑";
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 8px;
}

.gnews_div .gnews_text .left .container .rmtj_con .tit span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 79px;
    height: 2px;
    background: #186ece;
}

.gnews_div .gnews_text .left .container .rmtj_con .tj_con {
    padding-top: 30px;
}

.gnews_div .gnews_text .left .container .rmtj_con .tj_con li {
    float: left;
    width: 265px;
    height: 191px;
    position: relative;
    margin-right: 23px;
}

.gnews_div .gnews_text .left .container .rmtj_con .tj_con li .bt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height: 43px;
    line-height: 43px;
    color: #fff;
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 10px;
}

.gnews_div .gnews_text .left .container .rmtj_con .tj_con li:last-child {
    margin-right: 0;
}

.gnews_div .gnews_text .left .container .plyx_con {
    margin-top: 40px;
}

.gnews_div .gnews_text .left .container .plyx_con .tit {
    width: 100%;
    border-bottom: 1px solid #dee1e1;
    padding-bottom: 12px;
    float: left;
    display: table;
    color: #555555;
    font-size: 17px;
    font-family: arial;
}

.gnews_div .gnews_text .left .container .plyx_con .tit span {
    color: #444444;
    font-size: 20px;
    font-weight: bold;
    font-family: "微软雅黑";
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 8px;
}

.gnews_div .gnews_text .left .container .plyx_con .tit span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 79px;
    height: 2px;
    background: #186ece;
}

.gnews_div .gnews_text .left .container .plyx_con ul {
    padding-top: 30px;
}

.gnews_div .gnews_text .left .container .plyx_con ul li {
    float: left;
    width: 270px;
    border: 1px solid #d9d9d9;
    margin-right: 15px;
    margin-bottom: 20px;
}

.gnews_div .gnews_text .left .container .plyx_con ul li input {
    width: 100%;
    height: 43px;
    padding: 0 10px;
    border: none;
    font-size: 14px;
}

.gnews_div .gnews_text .left .container .plyx_con ul li textarea {
    width: 100%;
    height: 128px;
    font-family: "微软雅黑";
    padding: 10px;
    font-size: 14px;
    border: none;
}

.gnews_div .gnews_text .left .container .plyx_con ul li .btn {
    width: 160px;
    height: 44px;
    float: right;
    background: #186ece;
    color: #fff;
    font-size: 16px;
}

.gnews_div .gnews_text .right {
    width: 323px;
}

.gnews_div .gnews_text .right .tit {
    background: #f8f8f8;
    height: 49px;
    border-left: #186ece solid 2px;
    line-height: 49px;
    color: #444444;
    font-size: 18px;
    padding-left: 17px;
    font-weight: normal;
}

.gnews_div .gnews_text .right .fx_con {
    margin-top: 20px;
    margin-bottom: 20px;
}

.gnews_div .gnews_text .right .fx_con li {
    float: left;
    width: auto;
    height: 35px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    margin: 0 10px 8px 0;
    padding: 0 1em;
}

.gnews_div .gnews_text .right .fx_con li.cur a {
    color: #fff;
}

/*.gnews_div .gnews_text .right .fx_con li:nth-child(3n) {*/
/*margin-right: 0;*/
/*}*/
.gnews_div .gnews_text .right .fx_con li a {
    display: block;
    text-align: center;
    line-height: 33px;
    color: #777777;
    font-size: 14px;
}

.gnews_div .gnews_text .right .wz_con {
    margin-top: 20px;
}

.gnews_div .gnews_text .right .wz_con li {
    float: left;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dotted #d0d0d0;
}

.gnews_div .gnews_text .right .wz_con li:first-child {
    padding-top: 0;
}

.gnews_div .gnews_text .right .wz_con li:last-child {
    border-bottom: none;
}

.gnews_div .gnews_text .right .wz_con li .img {
    float: left;
    width: 113px;
    height: 73px;
    display: block;
    position: relative;
}

.gnews_div .gnews_text .right .wz_con li .text {
    width: 210px;
    float: right;
    padding-left: 15px;
}

.gnews_div .gnews_text .right .wz_con li .text .bt {
    display: block;
    color: #555555;
    font-size: 16px;
    line-height: 23px;
    height: 46px;
    overflow: hidden;
}

.gnews_div .gnews_text .right .wz_con li .text .con {
    margin-top: 5px;
    line-height: 20px;
}

.gnews_div .gnews_text .right .wz_con li .text .con a {
    display: inline-block;
    float: left;
    color: #999999;
    font-size: 13px;
    background: url("../images/gnews_icon3.jpg") no-repeat left 6px;
    padding-left: 20px;
}

.gnews_div .gnews_text .right .wz_con li .text .con span {
    display: inline-block;
    float: right;
    color: #999999;
    font-size: 13px;
    font-family: arial;
}

.gnews_div .gnews_text .right .img_btn {
    width: 323px;
    height: 170px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.gnews_div .gnews_text .right .bq_con {
    margin-top: 20px;
    margin-bottom: 20px;
}

.gnews_div .gnews_text .right .bq_con li {
    float: left;
    margin-right: 9px;
    margin-bottom: 8px;
}

.gnews_div .gnews_text .right .bq_con li a {
    border: 1px solid #d8d8d8;
    display: block;
    text-align: center;
    line-height: 33px;
    color: #777777;
    font-size: 14px;
    border-radius: 3px;
    padding: 0 10px;
}

.gnews_div .gnews_text .right .jx_con {
    margin-top: 10px;
}

.gnews_div .gnews_text .right .jx_con li {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #d0d0d0;
    padding: 15px 0;
}

.gnews_div .gnews_text .right .jx_con li .bt {
    color: #888888;
    font-size: 15px;
    line-height: 22px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gnews_div .gnews_text .right .jx_con li .con {
    margin-top: 5px;
    line-height: 20px;
    text-align: right;
}

.gnews_div .gnews_text .right .jx_con li .con a {
    display: inline-block;
    float: left;
    color: #999999;
    font-size: 13px;
    background: url("../images/gnews_icon3.jpg") no-repeat left 6px;
    padding-left: 20px;
}

.gnews_div .gnews_text .right .jx_con li .con span {
    display: inline-block;
    margin-left: 40px;
    color: #999999;
    font-size: 13px;
    font-family: arial;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.w1220 {
    width: 94%;
    max-width: 1220px;
    margin: 0 auto;
}

.w1200 *, .w1220 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    font-family: "微软雅黑";
}

/*关于派琪页面样式*/
.about-paiky-banner {
    background: url("../images/about-paiky-banner.jpg") no-repeat;
    background-size: cover;
    height: 800px;
}

.banner-box {
    text-align: center;
    padding-top: 174px;
}

.banner-box p.title {
    font-size: 35px;
    color: #343434;
    font-weight: 600;
    margin-bottom: 15px;
}

.banner-box .pai-logo-box {
    margin-top: 40px;
    margin-bottom: 30px;
}

.banner-box p.text {
    font-size: 16px;
    color: #7B7B7B;
    line-height: 24px;
}

.banner-box .dropdown-arrow {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/about-icon01.png") no-repeat;
    background-size: cover;
    margin-top: 70px;
}

/*派琪态度*/
.paiky-att-box .img-box25 {
    width: 50%;
}

.paiky-att-box .img-box25 img,
.paiky-att-box .text-box img {
    width: 100%;
}

.paiky-att-box .text-box {
    width: 50%;
    padding-top: 49px;
    background-color: #FCFCFC;
}

.paiky-att-box .text-box li {
    width: 50%;
    float: left;
}

.paiky-att-box .text-box li.text01,
.paiky-att-box .text-box li.text02 {
    position: relative;
}

.paiky-att-box .text-box li.text02 b {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);

    font-size: 23px;
    color: #FFFFFF;
    line-height: 40px;
}

.paiky-att-box .text-box li.text01 .text03 {
    position: absolute;
    top: 15.4%;
    left: 12%;
}

.paiky-att-box .text-box li.text01 .text03 span {
    display: block;
    width: 233px;
    height: 16px;
    margin: 10px 0 24px;
}

.paiky-att-box .text-box li.text01 .text03 h2 {
    display: block;
    font-size: 30px;
    color: #333333;
}

.paiky-att-box .text-box li.text01 .text03 i {
    display: block;
    width: 77px;
    height: 2px;
    background-color: #C5C5C5;
    margin-bottom: 26px;
}

.paiky-att-box .text-box li.text01 .text03 p {
    font-size: 16px;
    color: #7B7B7B;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.paiky-att-box .img-box25 .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: auto;
    right: 30px;
    left: auto;
    width: auto;
    top: 50%;
}

.paiky-att-box .img-box25 .swiper-pagination-bullet {
    display: block;
    margin: 8px 0;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: #FFFFFF;
}

.paiky-att-box .img-box25 .swiper-pagination-bullet-active {
    background-color: #1A58AB;
    opacity: 1;
}

/*派琪团队文化*/
.team-cultr {
    position: relative;
}

.team-cultr .text-box {
    width: 50%;
    position: relative;
}

.team-cultr .text-box > img {
    width: 100%;
}

.team-cultr .text-box .text {
    position: absolute;
    top: 24%;
    left: 28%;
}

.team-cultr .img-box26 {
    width: 50%;
}

.team-cultr .img-box26 > img {
    width: 100%;
}

.team-cultr .text h2 {
    font-size: 35px;
    color: #333333;
}

.team-cultr .text i {
    display: block;
    width: 54px;
    height: 2px;
    background-color: #CFCFCF;
    margin: 30px 0 25px;
}

.team-cultr .text .text01 {
    margin-bottom: 70px;
}

.team-cultr .text .text01 span {
    font-size: 20px;
    color: #000;
    font-family: 'Microsoft YaHei Regular';
}

.team-cultr .text .text01 p {
    font-size: 16px;
    color: #999;
    line-height: 24px;
    margin-top: 6px;
}

.team-cultr .text .text02 span {
    font-size: 18px;
    color: #333333;
    margin-bottom: 25px;
}

.team-cultr .text .text02 p {
    font-size: 16px;
    color: #999;
    line-height: 24px;
    margin-top: 35px;
}

.team-cultr > s {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

/*对于细节的追求，我们向来偏执！*/
.chase-detail-box {
    height: 800px;
    padding-top: 70px;
    background: url("../images/paiky-att-img05.jpg");
    background-size: cover;
}

.chase-detail {
    width: 1260px;
    margin: 0 auto;
}

.chase-detail .text {
    width: 620px;
    padding-top: 220px;
}

.chase-detail .text h2 {
    font-size: 35px;
    color: #343434;
    display: block;
    margin-bottom: 25px;
}

.chase-detail .text p {
    font-size: 14px;
    line-height: 20px;
    color: #727272;
}

.chase-detail .text span {
    font-size: 18px;
    color: #333333;
    display: block;
    margin-top: 55px;
    margin-bottom: 8px;
}

/*治学、*/
.study {
    height: 796px;
    padding-top: 260px;
    background: url("../images/paiky-att-img06.jpg");
    background-size: cover;
}

.study .text {
    color: #FFFFFF;
    text-align: center;
}

.study .text h2 {
    font-size: 50px;
}

.study .text span {
    display: block;
    font-size: 24px;
    margin: 20px 0 30px;
}

.study .text p {
    font-size: 16px;
    color: #DFE4F1;
    line-height: 28px;
}

/*合作伙伴*/
.partner-box {
    /*height:800px;*/
    /*padding-top: 60px;*/
    background: url("../images/paiky-att-img05.jpg");
    background-size: cover;
}

/*派琪活动*/
.paiky-active-box {
    padding: 95px 0 125px;
    background: url("../images/paiky-att-img03.jpg");
    /*background-size:cover;*/
}

.paiky-active {
    width: 1290px;
    margin: 0 auto;
}

.paiky-active .title {
    font-size: 18px;
    color: #666666;
    margin-bottom: 40px;
}

.paiky-active .title h2 {
    font-size: 35px;
    color: #333333;
}

.paiky-active .mix-box .img-box27 {
    width: 631px;
}

.paiky-active .mix-box li {
    float: left;
    width: 307px;
    height: 198px;
    margin-bottom: 17px;
    margin-right: 17px;
}

.paiky-active .mix-box li:nth-child(2),
.paiky-active .mix-box li:nth-child(4) {
    margin-right: 0;
}

.paiky-active .mix-box li:nth-child(3),
.paiky-active .mix-box li:nth-child(4) {
    margin-bottom: 0;
}

.paiky-active .text-box {
    width: 642px;
}

.paiky-active .text01 {
    height: 198px;
    background-color: #FFFFFF;
    padding: 35px 0 0 35px;
    margin-bottom: 17px;
}

.paiky-active .text01 .subtile {
    font-size: 20px;
    color: #000;
}

.paiky-active .text01 .date {
    font-size: 15px;
    color: #979797;
    display: block;
    margin: 8px 0 15px;
}

.paiky-active .text01 p {
    font-size: 14px;
    color: #777;
    line-height: 22px;
}

/*派琪分布*/
.paiky-distribute-box {
    padding-top: 160px;
    background: url("../images/paiky-att-img11.jpg");
    background-size: cover;
    height: 839px;
}

.paiky-distribute {
    width: 1600px;
    margin: 0 auto;
}

.paiky-distribute .text {
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 46px;
}

.paiky-distribute .text h2 {
    font-size: 35px;
}

.paiky-distribute .text p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
}

.distribute-state li {
    width: 522px;
    height: 323px;
    padding: 44px 0 0 82px;
    float: left;
}

.distribute-state li + li {
    margin-left: 17px;
}

.distribute-state li span {
    display: block;
    width: 33px;
    height: 42px;
    background: url("../images/paiky-att-icon01.png") no-repeat;

}

.distribute-state li h3 {
    display: block;
    font-size: 24px;
    margin: 15px 0;
    color: #1B65BD;
}

.distribute-state li i {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #D8D8D8;
    margin-bottom: 25px;
}

.distribute-state li p {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.distribute-state .state01 {
    background: url("../images/paiky-att-img014.jpg") no-repeat;
}

.distribute-state .state02 {
    background: url("../images/paiky-att-img12.jpg") no-repeat;
}

.distribute-state .state03 {
    background: url("../images/paiky-att-img13.jpg") no-repeat;
}

.distribute-state .state01:hover {
    background: url("../images/paiky-att-img14.jpg") no-repeat;
}

.distribute-state .state02:hover {
    background: url("../images/paiky-att-img012.jpg") no-repeat;
}

.distribute-state .state03:hover {
    background: url("../images/paiky-att-img013.jpg") no-repeat;
}

.distribute-state li:hover i {
    background-color: #447FC2;
}

.distribute-state li:hover span {
    background: url("../images/paiky-att-icon001.png") no-repeat;
}

.distribute-state li:hover p,
.distribute-state li:hover h3 {
    color: #FFFFFF;
}

/*为什么只做高端*/
.high-end-banner {
    height: 850px;
    background: url("../images/high-end-banner.jpg");
    background-size: cover;
    padding-top: 175px;
}

.high-end-banner {
    text-align: center;
}

.high-end-banner .text h1 {
    font-size: 26px;
    color: #333333;
    margin: 8px 0 10px;
}

.high-end-banner .text b {
    font-size: 36px;
    color: #0E4592;
    display: block;
    margin-bottom: 50px;
}

.high-end-banner .text p {
    color: #6B6F76;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

/*原谅我们回不去了*/
.forward {
    height: 800px;
    background: url("../images/high-end-img03.jpg") no-repeat;
    /*background-size: cover;*/
    position: relative;
}

.forward .text {
    position: absolute;
    right: 395px;
    top: 157px;
}

.forward .text b {
    font-size: 35px;
    color: #FFFFFF;
}

.forward .text p {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin: 20px 0 55px;
}

.forward ._text {
    width: 366px;
    height: 274px;
    border: 4px solid #587DAC;
    padding-left: 50px;
}

.forward ._text .img-box28 {
    width: 160px;
    height: 100px;
    border-left: 2px solid #3E6AA3;
    padding-top: 72px;
    padding-left: 18px;
    margin-bottom: 30px;
}

.forward ._text p {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 28px;
    font-weight: 600;
}

/*高端源于每个环节的深度执行*/
.carry-out-link {
    padding-top: 100px;
}

.carry-out-link .title {
    text-align: center;
}

.carry-out-link .title b {
    font-size: 30px;
    color: #000000;
}

.carry-out-link .title p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}

.carry-out-link .box {
    width: 1260px;
    margin: 100px auto 0;
}

.carry-out-link .box li {
    float: left;
    width: 394px;
    position: relative;
}

.carry-out-link .box li + li {
    margin-left: 39px;
}

.carry-out-link .box .li02 {
    margin-top: -42px;
}

.carry-out-link .box li .text {
    position: absolute;
    left: 36px;
    bottom: 50px;
}

.carry-out-link .box li .text b {
    font-size: 18px;
    color: #333333;
}

.carry-out-link .box li .text p {
    font-size: 13px;
    color: #666666;
    line-height: 20px;
    margin: 10px 0 40px;
}

.carry-out-link .box li .text a {
    display: block;
    width: 125px;
    height: 40px;
    background-color: #E8E8E8;
    color: #666666;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.carry-out-link .box li .text a:hover {
    background-color: #1E59A9;
    color: #FFFFFF;
}

/*服务代表客户*/
.our-customers {
    background-color: #F3F3F3;
    padding-top: 84px;
    padding-bottom: 75px;
}

.our-customers .title {
    text-align: center;
}

.our-customers .title .line-titl {
    font-size: 30px;
    color: #000;
    margin-top: 5px;
    margin-bottom: 10px;
}

.our-customers .title .line-titl i {
    display: inline-block;
    vertical-align: middle;
    width: 850px;
    height: 1px;
    background-color: #DEDEDE;
}

.our-customers .title p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 45px;
}

.our-customers .media-box {
    width: 1260px;
    margin: 50px auto 40px;
    display: table;
    border-collapse: collapse;
}

.our-customers .media-box li {
    float: left;
    width: 210px;
    height: 122px;
    border: 1px solid #E2E2E2;
    text-align: center;
    line-height: 120px;
    margin: 0 0 -1px -1px;
}

.our-customers .media-box li img {
    filter: grayscale(100%);
    opacity: 0.5;
}

.our-customers .media-box li:hover img {
    filter: grayscale(0);
    opacity: 1;
}

.our-customers .media-box li:hover {
    box-shadow: 0 0 30px #E0E0E0;
}

.our-customers .see-more {
    display: block;
    width: 156px;
    height: 47px;
    border: 2px solid #D9D9D9;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    color: #9C9C9C;
    margin: 0 auto;
}

/*mobile-策划设计案例-详情页*/
.mobile-detail-banner {
    background-color: #44464D;
    height: 1000px;
    padding-top: 105px;
    position: relative;
}

.mobile-detail-banner .text {
    text-align: center;
    color: #FFFFFF;
}

.mobile-detail-banner .text b {
    font-size: 32px;
}

.mobile-detail-banner .text p {
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
}

.mobile-box {
    position: absolute;
    left: 50%;
    bottom: 65px;
    transform: translateX(-50%);
    width: 610px;
    height: 691px;
}

.mobile-l {
    width: 339px;
    height: 691px;
    background: url("../images/mobile-img01.png") no-repeat;
    position: relative;
}

.mobile-l .content01 {
    position: absolute;
    left: 50%;
    top: 80px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
    width: 302px;
    height: 526px;

}

.mobile-s {
    width: 278px;
    height: 566px;
    background: url("../images/mobile-img02.png") no-repeat;
    margin-left: -9px;
    margin-top: 62px;
    position: relative;
}

.mobile-s .content02 {
    position: absolute;
    left: 50%;
    top: 65px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
    width: 249px;
    height: 430px;
    padding: 36px 20px 20px;
}

.mobile-s .content02 p {
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid #D1D1D2;
    border-bottom: 1px solid #D1D1D2;
    font-size: 23px;
    margin-bottom: 6px;
    color: #000;
    font-family: '宋体';
    font-weight: 600;
}

.mobile-s .content02 i {
    display: block;
    width: 25px;
    height: 30px;
    background: url("../images/mobile-img04.png") no-repeat;
    margin: 19px auto 39px;
}

.mobile-s .content02 .QR-code {
    width: 207px;
    height: 207px;
    margin: 0 auto;
}

.mobile-s .content02 .QR-code img {
    width: 100%;
    height: 100%;
}

/*图展示*/
.display-stand {
    background-color: #b6b7bb;
    padding: 110px 0 100px;
    border-bottom: 1px solid #D3D3D3;
}

.display-stand li + li {
    margin-top: 28px;
}

.display-stand .mobile-l {
    margin: 0 auto;
}

/*mobile-策划设计案例*/
.mobile-main .main {

}

.mobile-case-show {
    width: 1260px;
    margin: 45px auto 60px;
}

.mobile-case-show li {
    width: 302px;
    float: left;
}

.mobile-case-show li + li {
    margin-left: 17.3333px;
}

.mobile-case-show dt {
    width: 302px;
    height: 526px;
}

.mobile-case-show dd {
    padding-top: 17px;
}

.mobile-case-show dd p {
    color: #777777;
}

.mobile-case-show dd h3 {
    font-size: 15px;
    color: #333333;
    margin-bottom: 5px;
    font-weight: normal;
}

.mobile-case-show dd span {
    font-size: 12px;
    color: #777777;
}

.mobile-case-show .middle-img {
    margin: 40px 0 30px;
    position: relative;
}

.mobile-case-show .middle-img span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -moz-transform: translateY(-50%); /* Firefox */
    -webkit-transform: translateY(-50%); /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
}

.mobile-case-show .middle-img .s01 {
    left: 325px;
}

.mobile-case-show .middle-img .s02 {
    right: 0;
}

/*为什么只做高端*/
.high-end-banner {
    height: 850px;
    background: url("../images/high-end-banner.jpg") no-repeat;
    background-size: cover;
    padding-top: 175px;
}

.high-end-banner {
    text-align: center;
}

.high-end-banner .text h1 {
    font-size: 26px;
    color: #333333;
    margin: 8px 0 10px;
}

.high-end-banner .text b {
    font-size: 36px;
    color: #0E4592;
    display: block;
    margin-bottom: 50px;
}

.high-end-banner .text p {
    color: #6B6F76;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

/*定位更高端的定制网站设计*/
.position-web-design {
    height: 785px;
    background: url("../images/high-end-img08.jpg");
    background-size: cover;
}

.position-web-design .text-box {
    width: 1260px;
    margin: 0 auto;
}

.position-web-design .text {
    padding-top: 254px;
    text-align: left;
    color: #FFFFFF;
}

.position-web-design .text span {
    font-size: 22px;
}

.position-web-design .text b {
    font-size: 45px;
    display: block;
    margin-bottom: 30px;
}

.position-web-design .text p {
    font-size: 16px;
    line-height: 30px;
}

/*更系统严谨的策划*/
.strict-plot {
    background: url("../images/high-end-img09.jpg");
    height: 690px;
    background-size: cover;
}

.strict-plot .plan {
    background: none;
    height: auto;
}

.strict-plot .plan .text-box span {
    font-weight: 600;
}

.strict-plot .plan .more a {
    border: 2px solid rgba(255, 255, 255, .3);
}

.strict-plot .plan-steps li i {
    background-color: rgba(255, 255, 255, .3);
}

/*富有创意的视觉设计*/
.Visual-design-box {
    background: url("../images/high-end-img11.jpg");
    background-size: cover;
}

/*版本进化*/
.versions {
    background: url("../images/high-end-img13.jpg") no-repeat center top;
    height: 688px;
    background-size: cover;
}

.versions-box {
    text-align: center;
    padding-top: 140px;
    position: relative;
}

.versions-box p {
    font-weight: 600;
    font-size: 41px;
    color: #333333;
}

.versions-box ul {
    position: absolute;
    top: 307px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%); /* IE 9 */
    -moz-transform: translateX(-50%); /* Firefox */
    -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
    -o-transform: translateX(-50%);
}

.versions-box ul li {
    float: left;
}

.versions-box ul li + li {
    border-left: 1px solid #636363;
}

.versions-box ul li a {
    font-size: 16px;
    color: #636363;
    padding: 0 10px;
}

.versions-box .img-box {
    text-align: center;
    margin-top: 90px;
}

.versions-box .img-box span + span {
    margin-left: 70px;
}

/*原谅我们回不去了*/
.forward {
    height: 800px;
    background: url("../images/high-end-img03.jpg");
    background-size: cover;
    position: relative;
}

.forward .text {
    position: absolute;
    right: 395px;
    top: 157px;
}

.forward .text b {
    font-size: 35px;
    color: #FFFFFF;
}

.forward .text p {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin: 20px 0 55px;
}

.forward ._text {
    width: 366px;
    height: 274px;
    border: 4px solid #587DAC;
    padding-left: 50px;
}

.forward ._text .img-box28 {
    width: 160px;
    height: 100px;
    border-left: 2px solid #3E6AA3;
    padding-top: 72px;
    padding-left: 18px;
    margin-bottom: 30px;
}

.forward ._text p {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 28px;
    font-weight: 600;
}

/*
    动效属性
*/
.animate01 {
    opacity: 0;
    transform: translateY(100px);
    -ms-transform: translateY(100px); /* IE 9 */
    -moz-transform: translateY(100px); /* Firefox */
    -webkit-transform: translateY(100px); /* Safari 和 Chrome */
    -o-transform: translateY(100px);
}

.animate07 {
    opacity: 0;
    transform: translateY(-100px);
    -ms-transform: translateY(-100px); /* IE 9 */
    -moz-transform: translateY(-100px); /* Firefox */
    -webkit-transform: translateY(-100px); /* Safari 和 Chrome */
    -o-transform: translateY(-100px);
}

.noneAnimate {
    opacity: 1;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;

    transform: translateY(0);
    -ms-transform: translateY(0); /* IE 9 */
    -moz-transform: translateY(0); /* Firefox */
    -webkit-transform: translateY(0); /* Safari 和 Chrome */
    -o-transform: translateY(0);
}

.brand-design .animate01 .center-img-box {
    transform: rotate(200deg);
    -ms-transform: rotate(200deg); /* IE 9 */
    -moz-transform: rotate(200deg); /* Firefox */
    -webkit-transform: rotate(200deg); /* Safari 和 Chrome */
    -o-transform: rotate(200deg);
}

.brand-design .noneAnimate .center-img-box {
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;

    transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -moz-transform: rotate(0deg); /* Firefox */
    -webkit-transform: rotate(0deg); /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
}

/*.noneAnimate07{*/
/*opacity:1;*/
/*transition: all .8s;*/
/*-webkit-transition:all .8s;*/
/*-moz-transition:all .8s;*/
/*-o-transition:all .8s;*/

/*transform: translateY(0);*/
/*-ms-transform:translateY(0);     !* IE 9 *!*/
/*-moz-transform:translateY(0);  !* Firefox *!*/
/*-webkit-transform:translateY(0); !* Safari 和 Chrome *!*/
/*-o-transform:translateY(0);*/
/*}*/

.animate02 {
    opacity: 0;
    transform: translateX(-350px);
    -ms-transform: translateX(-350px); /* IE 9 */
    -moz-transform: translateX(-350px); /* Firefox */
    -webkit-transform: translateX(-350px); /* Safari 和 Chrome */
    -o-transform: translateX(-350px);
}

.animate04 {
    opacity: 0;
    transform: translateX(350px);
    -ms-transform: translateX(350px); /* IE 9 */
    -moz-transform: translateX(350px); /* Firefox */
    -webkit-transform: translateX(350px); /* Safari 和 Chrome */
    -o-transform: translateX(350px);
}

.noneAnimate02 {
    opacity: 1;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;

    transform: translateX(0);
    -ms-transform: translateX(0); /* IE 9 */
    -moz-transform: translateX(0); /* Firefox */
    -webkit-transform: translateX(0); /* Safari 和 Chrome */
    -o-transform: translateX(0);
}

.animate03 {
    opacity: 0;
    /*perspective: 666px;*/
    transform: scale(0) rotate(0deg);
    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);

}

.noneAnimate03 {
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;

    transform: scale(1) rotate(360deg);
    -webkit-transform: scale(1) rotate(360deg);
    -ms-transform: scale(1) rotate(360deg);
    -moz-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
}

.animate06 {
    opacity: 0;
}

.noneAnimate06 {
    opacity: 1;
    transition: all 3s ease-in-out;
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
}

/*案例页面修改后样式*/
.case-page-box {

    margin: 30px auto;
    /*padding: 10px;*/
    /*background-color: #ffffff;*/
}

@media only screen and (max-width: 1400px) {
    .case-page-box {

    }
}

.case-show-box {

}

.case-show-box li {
    width: 32%;
    margin-bottom: 20px;
    float: left;
    margin-right: 2%;
}
.case-show-box li:nth-child(3n){
    margin-right: 0;
}
.case-show-box li img {
    width: 100%;
}

.case-show-box li dd {
    padding: 15px 0;
}

.case-show-box li dd span {
    font-size: 15px;
    color: #363636;
}

.case-show-box li dd h3 {
    font-size: 18px;
    color: #363636;
    font-weight: normal;
    text-align: center;
}

.case-show-box li dd p {
    font-size: 12px;
    color: #777777;
    margin-top: 5px;
}

.middle-img-box {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
}

.middle-img-box span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -moz-transform: translateY(-50%); /* Firefox */
    -webkit-transform: translateY(-50%); /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    right: 25%;
    width: 268px;
    height: 34px;
}

.middle-img-box img {
    width: 100%;
}

.case-show-box li dt {
    position: relative;
    overflow: hidden;
}

.case-show-box li dt img {
    transition: transform 0.8s ease-in-out;
}

.case-show-box li .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}

.case-show-box li .mask .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.case-show-box li .mask .content .text {
    display: block;
    text-transform: capitalize;
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Arial';
}

.case-show-box li:hover .mask {
    display: block;
}

.case-show-box li:hover dt img {
    transform: scale(1.1);

}

/*右侧边栏样式*/
.sidebar-box {
    position: fixed;
    right: 0;
    bottom: 0;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -moz-transform: translateY(-50%); /* Firefox */
    -webkit-transform: translateY(-50%); /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    z-index: 1000;
}

.sidebar li {
    width: 50px;
    height: 50px;
    background-color: #EAEAEA;
    /*padding: 15px;*/
    position: relative;
    text-align: right;
    border-bottom: 1px solid #DBDBDB;
    transition: all 0.5s ease-in-out;
}

.sidebar li + li {

}

.sidebar li i {
    width: 50px;
    height: 49px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1100;
    background-color: #EAEAEA;
    transition: all 0.5s ease-in-out;
}

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

.sidebar li .text {
    width: 220px;
    font-size: 14px;
    color: #181818;
    font-weight: 600;
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%); /* IE 9 */
    -moz-transform: translateY(-50%); /* Firefox */
    -webkit-transform: translateY(-50%); /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    text-align: left;
    z-index: 10;
}

.sidebar li .icon01 {
    background: url("../images/aside-img01.png") no-repeat center #EAEAEA;
}

.sidebar li .icon02 {
    background: url("../images/aside-img02.png") no-repeat center #EAEAEA;
}

.sidebar li .icon03 {
    background: url("../images/aside-img03.png") no-repeat center #EAEAEA;
}

.sidebar li .icon04 {
    background: url("../images/aside-img04.png") no-repeat center #EAEAEA;
}

.sidebar li .icon05 {
    background: url("../images/aside-img05.png") no-repeat center #EAEAEA;
}

.sidebar li .icon06 {
    background: url("../images/aside-img06.png") no-repeat center #EAEAEA;
}

.sidebar:hover li {
    width: 250px;
}

.sidebar:hover li .text {
    left: 30px;
}

.sidebar li:hover {
    background-color: #181818;
}

.sidebar li:hover .text {
    color: #FFFFFF;
}

.sidebar li:hover .icon01 {
    background: url("../images/aside-img001.png") no-repeat center #181818;
}

.sidebar li:hover .icon02 {
    background: url("../images/aside-img002.png") no-repeat center #181818;
}

.sidebar li:hover .icon03 {
    background: url("../images/aside-img003.png") no-repeat center #181818;
}

.sidebar li:hover .icon04 {
    background: url("../images/aside-img004.png") no-repeat center #181818;
}

.sidebar li:hover .icon05 {
    background: url("../images/aside-img005.png") no-repeat center #181818;
}

.sidebar li:hover .icon06 {
    background: url("../images/aside-img006.png") no-repeat center #181818;
}

/*上一篇，下一篇样式*/
.show-stage .fanhui {
    /*padding: 30px 0;*/
}

.show-stage .fanhui ul {
    width: 1260px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.show-stage .fanhui ul li + li {
    margin-left: 100px;
}

.show-stage .fanhui ul li a {
    color: #363636;
}

.show-stage .fanhui ul li a .bt,
.show-stage .fanhui ul li a .t {
    display: inline-block;
}

.show-stage .fanhui ul li a .bt {
    font-weight: 600;
}

.show-stage .fanhui .text01 {
    width: 1260px;
    margin: 0 auto;
}

.show-stage .fanhui .text01 a {
    font-size: 18px;
    color: #363636;
    font-weight: 600;
}

.show-stage .fanhui .text02 {
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    text-align: center;
    background-color: #1A58AB;
    width: 1260px;
    margin: 15px auto;
    color: #ffffff;
}

@media only screen and (max-width: 1024px) {

    .top .top-box {
        width: 100%;
    }

    .nav .nav-box {
        width: 100%;
    }

    .nav-box > ul > li > a {
        overflow: hidden;
    }

    .nav-box .dropdown-menu li a {
        padding: 0 10px;
    }

    .paiky-direction-box li {
        width: 25%;
    }

    .our-idea-box .tabs-box {
        width: 100%;
    }

    .our-idea-box .list-box li {
        width: 32%;
    }

    .our-idea-box .list-box li + li {
        margin-left: 2%;
    }

    .our-idea-box .list-box li img {
        width: 100%;
    }

    .footer-show .left-part {
        float: none;
        width: 100%;
    }

    .footer-show .right-part {
        float: none;
        margin-top: 30px;
    }

    .footer-show .right-part .content-box {
        float: left;
    }

    .img-box12 {
        height: auto;
        padding-bottom: 80px;
    }

    .system .way .way-box {
        width: 100%;
    }

    .system .way .way-box li {
        width: 29.365%;
    }

    .way-box li + li {
        margin-left: 5.95%;
    }

    .brand-idea-box, .service-integrate-box, .soft-service-box, .system-box, .chase-detail, .media-idea-box, .paiky-active, .paiky-distribute {
        width: 100%;
    }

    .brand-idea-box .grids li {
        width: 50%;
    }

    .service-design-box li {
        width: 30.95%;
    }

    .service-design-box li img {
        width: 100%;
    }

    .service-design-box li + li {
        margin-left: 3.57%;
    }

    .paiky-att-box .text-box li.text02 b {
        font-size: 17px;
    }

    .paiky-att-box .text-box li.text01 .text03 b {
        font-size: 16px;
    }

    .paiky-att-box .text-box li.text01 .text03 span {
        width: 100%;
    }

    .paiky-att-box .text-box li.text01 .text03 p {
        font-size: 12px;
        line-height: 20px;
    }

    .paiky-att-box .text-box li.text01 .text03 {
        top: 11.4%;
        left: 0;
        padding: 0 6%;
    }

    .paiky-att-box .text-box li.text01 .text03 i {
        margin-bottom: 11px;
    }

    .paiky-att-box .text-box {
        padding-top: 27px;
    }

    .team-cultr .text-box .text {
        left: 0;
        top: 0;
        padding: 6%;
    }

    .team-cultr .text b {
        font-size: 16px;
    }

    .team-cultr .text .text01 span, .team-cultr .text .text02 span {
        font-size: 14px;
    }

    .team-cultr .text .text01 p, .team-cultr .text .text02 p {
        font-size: 12px;
        line-height: 20px;
    }

    .team-cultr .text .text02 p {
        margin-top: 10px;
    }

    .team-cultr .text-box .text .text01 {
        margin-bottom: 18px;
    }

    .team-cultr .text i {
        margin: 10px 0;
    }

    .paiky-active .mix-box .img-box27 {
        width: 49%;
    }

    .paiky-active .mix-box li {
        width: 49%;
        height: auto;
        margin-bottom: 1%;
        margin-right: 1%;
    }

    .paiky-active .mix-box li img {
        width: 100%;
    }

    .paiky-active .text-box {
        width: 50%;
    }

    .paiky-active .text01 {
        height: auto;
        padding: 15px;
        margin-bottom: 1%;
    }

    .paiky-active .text01 .date {
        margin-bottom: 5px;
    }

    .paiky-active-box {
        padding: 7% 0;
    }

    .paiky-distribute-box {
        height: auto;
        padding: 7% 0;
    }

    .paiky-active .text01 .subtile {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
    }

    .paiky-active .text01 p {
        height: 66px;
        overflow: hidden;
    }

    .paiky-distribute .distribute-state li {
        width: 32.1875%;
        padding: 44px 10px 0;
    }

    .media-idea-box .media-box li {
        width: 20%;
    }

    .chase-detail-box .chase-detail .animate02 {
        width: 50%;
    }

    .chase-detail .text {
        width: 50%;
        padding-top: 10%;
    }

    .main .main-box {
    }

    .page {
        width: 100%;
    }

    .case-show-box li {
        margin-right: 1.25%;
    }

    .case-show-box li:nth-child(3n) {
        margin-right: 0;
    }

    .web-marking .img-box {
        width: 100%;
    }

    .web-marking .img-box img {
        width: 100%;
    }

    .weChat-applet .img-box30 {
        width: 48%;
        overflow: hidden;
    }

    .ui-design-box .content-box {
        padding-left: 15px;
    }

    .marking-strategy-box {
        width: 100%;
    }

    .marking-strategy-box .cards-box {
        width: 60%;
    }

    .marking-strategy-box .cards-box li,
    .marking-strategy-box .cards-box .white-bg {
        width: 33.33333%;
    }

    .marking-strategy-box .text-box {
        width: 40%;
        padding: 118px 15px 0;
    }

    .seo-brand .blank-bg, .systematize-box,
    .marking-case-box {
        width: 100%;
    }

    .systematize-box .marking-box ._box01 {
        width: 48%;
    }

    .systematize-box .marking-box .empty-box {
        display: none;
    }

    .marking-case-box .case-box li {
        width: 32%;
        margin-right: 2%;
    }

    .weChat-applet-box, .weChat-correlation-box, .function-planning-box,
    .ui-design-box, .representative-case-box, .solute-way-box .ways-box,
    .mobile-case-show, .solute-way-box {
        width: 100%;
        overflow: hidden;
    }

    .solute-way-box .way-bg-box {
        background: none;
        height: auto;
        margin-top: 5%;
    }

    .solute-way {
        padding-bottom: 5%;
    }

    .mobile-case-show li {
        width: 24.2%;
    }

    .mobile-case-show li img {
        width: 100%;
    }

    .mobile-case-show dt {
        width: 100%;
        height: auto;
    }

    .mobile-case-show li + li {
        margin-left: 1%;
    }

    .representative-case {
        height: auto;
        padding-bottom: 7%;
    }

    .solute-way-box .function-box {
        width: 74.365%;
        margin-left: 0;
        margin-top: 0;
    }

    .solute-way-box .function-box ul {
        width: 100%;
        float: left;
    }

    .solute-way-box .ways-box .buy {
        width: 25.6%;
        float: right;
        margin-top: 0;
        margin-left: 0;
    }

    .solute-way-box .function-box li {
        width: 32%;
        margin-right: 1%;
        padding: 4% 15px;
    }

    .solute-way-box .function-box li .content-box {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

    .weChat-correlation-box {
        padding-left: 0;
        padding-right: 0;
    }

    .weChat-correlation-box li {
        width: 32%;
    }

    .weChat-correlation-box li + li {
        margin-left: 2%;
    }

    .ui-design .ui-design-box .fr {
        width: 45%;
    }

    .ui-design .ui-design-box .fr img {
        width: 100%;
    }

    .function-planning .function-planning-box .img-box21 {
        width: 48%;
    }

    .function-planning .function-planning-box .img-box21 img {
        width: 100%;
    }

    .aggregation-banner {
        width: 100%;
        height: 548px;
        overflow: hidden;
    }

    .aggregation-banner .content-box {
        width: 100%;
        padding-top: 160px;
        padding-left: 15px;
    }

    .aggregation-banner .content-box .img-box28 {
        width: 45%;
    }

    .aggregation-banner .content-box .img-box28 img {
        width: 100%;
    }

    .cards {
        height: auto;
        padding-bottom: 8%;
    }

    .card-box {
        width: 100%;
    }

    .card-box > ul > li {
        width: 23.5%;
    }

    .card-box > ul > li + li {
        margin-left: 2%;
    }

    .trust {
        background-size: 100% 100%;
    }

    .trust .trust-box {
        margin-left: 15px;
    }

    .three-icon {
        height: auto;
        padding-bottom: 8%;
    }

    .three-icon-box {
        width: 100%;
        padding-top: 8%;
        padding-left: 0;
        padding-right: 0;
    }

    .three-icon-box li {
        width: 32%;
    }

    .three-icon-box li + li {
        margin-left: 2%;
    }

    .latest-case-swiper .swiper-button-next,
    .latest-case-swiper .swiper-button-prev {
        top: 50%;
    }

    .latest-case-swiper-box {
        height: auto;
        padding-bottom: 10%;
    }

    .understand {
        height: auto;
        padding-bottom: 8%;
    }

    .understand-box {
        width: 100%;
        padding-top: 8%;
    }

    .understand-box li {
        width: 32%;
    }

    .understand-box li + li {
        margin-left: 2%;
    }

    .design-banner-box {
        width: 100%;
    }

    .design-banner-box span img {
        width: 100%;
    }

    .design-banner-box ul {
        width: 700px;
    }

    .design-style {
        padding: 8% 0;
    }

    .design-style-box {
        width: 100%;
    }

    .design-style-box ul {
        margin-top: 6%;
        padding: 0;
    }

    .design-style-box ul li {
        width: 32%;
    }

    .design-style-box ul li + li {
        margin-left: 2%;
    }

    .creativity-ddesign .img-box03 {
        width: 100%;
    }

    .creativity-ddesign .img-box03 img {
        width: 100%;
    }

    .freehand-design-box {
        width: 100%;
    }

    .freehand-design-box .text-box {
        width: 38%;
        margin-top: 0;
        padding: 3% 15px;
        height: auto;
    }

    .freehand-design-box .img-box04 {
        width: 62%;
        float: right;
    }

    .freehand-design-box .img-box04 img {
        width: 100%;
    }

    .freehand-design-box .img-box05 {
        left: 0;
        width: 50%;
    }

    .freehand-design-box .img-box06 {
        float: right;
        width: 50%;
    }

    .animate-design .text {
        width: 100%;
    }

    .animate-design .text-box {
        margin: 0;
        padding-top: 20px;
        padding-left: 15px;
    }

    .know-function-box {
        width: 100%;
    }

    .php-java-box {
        width: 100%;
        overflow: hidden;
    }

    .seo-function-design-box {
        width: 100%;
    }

    .seo-function-design-box .img-box07 {
        width: 50%;
    }

    .seo-function-design-box .img-box07 img {
        width: 100%;
    }

    .manage-design-box {
        width: 100%;
    }

    .manage-design-box .img-box08 img,
    .flow-statistics-box .img-box09 div img {
        width: 100%;
    }

    .flow-statistics-box {
        width: 100%;
    }

    .flow-statistics-box .img-box09 div {
        width: 49%;
    }

    .sem-service-box {
        width: 100%;
        padding-top: 8%;
    }

    .sem-service-box .img-box10 {
        width: 64%;
    }

    .sem-service-box .img-box10 img {
        width: 100%;
    }

    .sem-service {
        height: auto;
        padding-bottom: 8%;
    }

    .flow-statistics {
        height: auto;
    }

    .flow-statistics-box {
        padding-bottom: 8%;
    }

    .online-msg-box {
        width: 100%;
    }

    .online-msg-box .address li {
        width: 33.333333%;
    }

    .online-msg-box .input-box {
        width: 32%;
    }

    .online-msg-box .input-box + .input-box {
        margin-left: 2%;
    }

    .online-msg-box .input-box input {
        width: 100%;
    }

    .online-msg-box .input-box textarea {
        width: 100%;
    }

    .gnews_div .gnews_text .left {
        width: 100%;
    }

    .gnews_div .gnews_text .right {
        display: none;
    }

    .news_banner .w1200 {
        width: 100%;
        margin-left: 0;
        padding-left: 15px;
        left: 0;
        padding-top: 2%;
    }

    .news_banner .w1200 .more {
        margin-top: 2%;
    }



    .position-web-design .text-box {
        width: 100%;
    }

    .position-web-design .text {
        float: left;
        margin-left: 15px;
    }

    .plan-steps {
        width: 100%;
    }

    .plan-steps li {
        width: 15%;
    }

    .plan-steps li + li {
        margin-left: 2%;
    }

    .paiky-design-box {
        width: 100%;
    }

    .paiky-design-box .fr {
        width: 48%;
    }

    .paiky-design-box .fr img {
        width: 100%;
    }

    .paiky-design-box .text-box {
        width: 50%;
        top: 100px;
    }

    .paiky-design-box .text-box .word {
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .value-banner .textarea {
        width: 100%;
    }

    .value-banner .textarea > div {
        width: 48%;
    }

    .value-banner .textarea > div img {
        width: 100%;
    }

    .value-banner .textarea .text {
        width: 50%;
        height: auto;
        padding: 30px 15px;
        margin-top: 0;
    }

    .website-value .text-box {
        margin-left: 15px;
        padding-top: 18%;
    }

    .service-price-box, .service-price-box table {
        width: 100%;
    }

    .professional-facilitator .way-box {
        width: 100%;
    }

    .professional-facilitator .way-box li {
        width: 32%;
    }

    .professional-facilitator .way-box li + li {
        margin-left: 2%;
    }

    .professional-facilitator .way .img-box30 {
        width: 67%;
        margin: -5% auto 0;
    }

    .professional-facilitator .way .img-box30 img {
        width: 100%;
    }

    .professional-facilitator .way {
        padding-top: 0;
    }

    .free .text-box span {
        width: 26.2698%;
        display: block;
        margin: 0 auto;
    }

    .free .text-box span img {
        width: 100%;
    }

    .marketing-content-banner > .img01 {
        width: 46.5%;
        left: 18.75%;
    }

    .marketing-content-banner > .img01 img {
        width: 100%;
    }

    .marketing-content-banner .text-content {
        width: 30%;
        top: 135px;
        left: 45%;
    }

    .marketing-content-banner .text-content h1 {
        font-size: 15px;
    }

    .marketing-content-banner .text-content span {
        font-size: 14px;
    }

    .marketing-content-banner .text-content p {
        margin-top: 5px;
        font-size: 12px;
    }

    .brand-position-box {
        width: 100%;
    }

    .brand-position-box .fl-textarea {
        width: 50%;
        padding-left: 15px;
    }

    .brand-position-box .fr-box {
        width: 50%;
    }

    .brand-position-box .fr-box .img-box01 img {
        width: 100%;
    }

    .brand-position-box .fr-box .s1 {
        left: 51.5%;
    }

    .brand-position-box .fr-box .s2 {
        left: 66%;
        top: 17px;
    }

    .brand-position-box .fr-box .s3 {
        left: 80%;
    }

    .brand-position, .content-plan, .layout-plan, .paiky-brand, .hnow-paiky {
        overflow: hidden;
    }

    .design-banner, .design-style, .creativity-ddesign, .freehand-design, .animate-design, .know-function {
        overflow: hidden;
    }

    .exploit-banner, .php-java, .rewrite-solute-way, .seo-function-design, .manage-design, .flow-statistics, .sem-service {
        overflow: hidden;
    }

    .survey-box {
        overflow: hidden;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .survey-box .mixture .icon-box {
        width: 21%;
        padding-top: 0;
    }

    .survey-box .mixture .icon-box .p1 {
        font-size: 16px;
    }

    .survey-box .mixture .icon-box .p2 {
        font-size: 12px;
    }

    .survey-box .mixture .icon-box .dl01 {
        margin-bottom: 52%;
    }

    .survey-box .mixture .center-img-box {
        width: 57%;
    }

    .survey-box .mixture .center-img-box span {
        width: 50%;
    }

    .survey-box .mixture .center-img-box span img {
        width: 100%;
    }

    .survey-box .mixture .icon-box.right-icon {
        width: 21%;
    }

    .content-plan-box {
        width: 100%;
    }

    .content-plan .content-plan-box > div {
        width: 56%;
    }

    .content-plan .content-plan-box > div img {
        width: 100%;
    }

    .content-plan .content-plan-box .rt-icon {
        padding-right: 0;
        padding-top: 0;
        width: 41%;
    }

    .content-plan-box .rt-icon ul {
        margin-top: 14px;
    }

    .layout-plan-box {
        width: 100%;
    }

    .layout-plan-box .fl-box {
        padding-top: 0;
    }

    .layout-plan .layout-plan-box .fr {
        width: 48%;
    }

    .layout-plan .layout-plan-box .fr img {
        width: 100%;
    }

    .paiky-brand-box {
        width: 100%;
    }

    .paiky-brand .paiky-brand-box .member-info {
        width: 54%;
    }

    .paiky-brand .paiky-brand-box .member-info .member {
        width: 48%;
    }

    .paiky-brand .paiky-brand-box .member-info .member img {
        width: 100%;
    }

    .paiky-brand .paiky-brand-box .member-info .member .mask {
        top: auto;
        bottom: 0;
        padding: 5% 0;
        width: 100%;
        height: auto;
    }

    .paiky-brand .paiky-brand-box .paiky-info {
        width: 45%;
        padding-right: 15px;
    }

    .paiky-brand .paiky-brand-box .paiky-info > h2 {
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 22px;
    }

    .paiky-info > h1 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .hnow-paiky .text {
        width: 100%;
    }

    .plot-banner {
        width: 100%;
        overflow: hidden;
    }

    .plot-banner .banner-text {
        left: 47%;
    }

    .web-marking, .marking-strategy, .systematize, .paiky-att-box, .team-cultr, .chase-detail-box, .paiky-active-box,
    .weChat-applet, .weChat-correlation, .service-feature, .function-planning, .ui-design, .development, .representative-case, .solute-way, .weChat-idea {
        width: 100%;
        overflow: hidden;
    }

    .position-web-design, .strict-plot, .Visual-design-box, .forward {
        overflow: hidden;
    }

    .value-banner, .website-value {
        overflow: hidden;
    }

    .weChat-applet .text-box {
        width: 38%;
        margin-left: 15px;
        padding-top: 45px;
    }

    .weChat-applet .text-box span img {
        width: 100%;
    }

    .weChat-applet .icon-box {
        width: 100%;
    }

    .weChat-applet .icon-box dl {
        width: 50%;
    }

    .weChat-applet .img-box30 {
        width: 55%;
    }

    .weChat-applet .img-box30 .img-01 {
        width: 47%;
    }

    .weChat-applet .img-box30 .img-01 img {
        width: 100%;
    }

    .weChat-applet .img-box30 .img-01 i {
        width: 89%;
        left: 50.5%;
        top: 10.2%;
    }

    .weChat-applet .img-box30 .img-03 {
        width: 41%;
        top: 6.2%;
    }

    .weChat-applet .img-box30 .img-04 {
        width: 41%;
    }

    .weChat-applet .img-box30 .img-03 img, .weChat-applet .img-box30 .img-04 img {
        width: 100%;
    }

    .weChat-applet {
        height: 740px;
    }

    .index-banner {
        height: 430px;
    }

    .index-banner03, .index-banner04, .index-banner04-bg, .index-banner06, .index-banner02-bg, .index-banner05, .index-banner05-bg {
        height: 430px;
    }

    .index-banner04 {
        width: 100%;
    }

    .index-banner04 .index-banner-content {
        padding-top: 6%;
        padding-left: 15px;
    }

    .index-banner-content {
        width: 100%;
        padding-top: 0;
    }

    .index-banner03 .text-box {
        padding-top: 3%;
        padding-left: 15px;
    }

    .index-banner03 .img-box {
        width: 53%;
        top: auto;
        bottom: 0;
    }

    .index-banner03 .img-box img {
        width: 100%;
    }

    .index-banner06 .text-box {
        padding-top: 8%;
        padding-left: 15px;
    }

    .index-banner06 .cigarette {
        width: 33%;
        top: 52%;
        right: 10%;
    }

    .index-banner06 .cigarette img {
        width: 100%;
    }

    .index-banner02 .index-banner-content .text-box .more {
        margin-top: 11%;
    }

    .index-banner02 .index-banner-content .text-box .img-12 {
        margin-top: 9%;
    }

    .index-banner02 .index-banner-content .text-box {
        margin-left: 15px;
        width: 33%;
    }

    .index-banner02 .index-banner-content .text-box .img-10 {
        margin-top: 15%;
    }

    .index-banner02 .index-banner-content .text-box .img-11 img {
        width: 100%;
    }

    .index-banner02 .index-banner-content .text-box .img-13 {
        margin-left: 0;
        margin-top: -27%;
    }

    .index-banner02 .index-banner-content .text-box .img-13 img {
        width: 100%;
    }

    .index-banner02 .index-banner-content .img-box02 {
        width: 38%;
        margin-top: 5%;
        margin-right: 3%;
    }

    .index-banner02 .index-banner-content .img-box02 img {
        width: 100%;
    }

    .index-banner01 .index-banner-content .text-box {
        width: 38%;
        margin-left: 15px;
    }

    .index-banner01 .index-banner-content .img-box {
        width: 59%;
    }

    .index-banner01 .index-banner-content .img-box .img-01 {
        width: 30%;
        margin-right: 0;
        margin-left: 13%;
        margin-top: 33%;
    }

    .index-banner01 .index-banner-content .img-box .img-02 {
        width: 38%;
        margin-top: 8.5%;
    }

    .index-banner01 .index-banner-content .img-box .img-01 img,
    .index-banner01 .index-banner-content .img-box .img-02 img,
    .index-banner01 .index-banner-content .img-box .img-03 img,
    .index-banner01 .index-banner-content .text-box .img-04 img,
    .index-banner01 .index-banner-content .text-box .img-05 img,
    .index-banner01 .index-banner-content .text-box .img-06 img,
    .index-banner01 .index-banner-content .text-box .img-07 img {
        width: 100%;
    }

    .index-banner01 .index-banner-content .img-box .img-03 {
        width: 15%;
        margin-top: 40%;
        margin-left: 0;
        margin-right: 3%;
    }

    .index-banner01 .index-banner-content .img-box .img-02 i {
        left: 30.5%;
        bottom: 15.5%;
        width: 30px;
        height: 22px;
        background-size: 100% 100%;
    }

    .index-banner01 .index-banner-content .text-box .img-04 {
        width: 26%;
        margin-top: 0;
    }

    .index-banner01 .index-banner-content .text-box .more {
        margin-top: 5%;
    }

    .index-banner05 .text-box {
        padding-top: 5%;
        margin-left: 15px;
    }

}

/**2017-10-31**/
.g_banner {
    position: relative;
    width: 100%;
    background: url("../images/g_banner.jpg") no-repeat center center;
    min-height: 772px;
}

.g_banner .text_con {
    width: 100%;
    text-align: center;
    color: #ffffff;
    padding-top: 8%;
}

.g_banner .text_con h3 {
    font-size: 44px;
    font-weight: lighter;
}

.g_banner .text_con h1 {
    font-size: 57px;
    position: relative;
    padding-bottom: 1.5%;
}

.g_banner .text_con h1:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80px;
    margin-left: -40px;
    height: 1px;
    background: #fff;
}

.g_banner .text_con p {
    font-size: 22px;
    margin-top: 1.5%;
}

.g_banner .text_con .sousuo {
    background: url("../images/g_bg.png") no-repeat center center;
    width: 773px;
    height: 195px;
    margin: 22px auto 0;
    padding: 106px 60px 0;
}

.g_banner .text_con .sousuo .text {
    width: 535px;
    height: 48px;
    border: 1px solid #1a58ab;
    float: left;
    color: #666;
    padding: 0 20px;
    display: block;
    background: #fff;
}

.g_banner .text_con .sousuo .text input {
    width: 90%;
    float: left;
    height: 46px;
    border: none;
}

.g_banner .text_con .sousuo .text i {
    float: right;
    display: block;
    width: 18px;
    height: 16px;
    margin-top: 14px;
    background: url("../images/g_btn.png") no-repeat center center;
}

.g_banner .text_con .sousuo .btn {
    float: right;
    width: 118px;
    height: 48px;
    background: #1a58ab;
    color: #fff;
    font-size: 14px;
    line-height: 48px;
    border: none;
    border-radius: 0;
    display: block;
}

.g_box1 {
    background: url("../images/g_bg2.jpg") no-repeat center center;
    padding: 90px 0 102px;
}

.g_box1 .g_con {
    width: 1260px;
    margin: 0 auto;
    position: relative;
}

.g_box1 .g_con .left {
    width: 50%;
    margin-top: 88px;
    position: relative;
    z-index: 3;
}

.g_box1 .g_con .left span {
    position: relative;
    display: block;
}

.g_box1 .g_con .left span:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: -7px;
    bottom: -7px;
    width: 330px;
    height: 319px;
    background: url("../images/g_icon1.jpg") no-repeat center center;
}

.g_box1 .g_con .left img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.g_box1 .g_con .right {
    position: absolute;
    width: 65%;
    right: 0;
    top: 0;
    border: 5px solid #2167c3;
    padding: 50px 40px 82px 254px;
}

.g_box1 .g_con .right h3 {
    color: #333333;
    font-size: 40px;
}

.g_box1 .g_con .right h3 em {
    font-style: normal;
    color: #1b59ab;
    font-weight: bold;
}

.g_box1 .g_con .right span {
    color: #999999;
    font-size: 18px;
    position: relative;
    display: block;
    padding-bottom: 25px;
}

.g_box1 .g_con .right span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90px;
    height: 1px;
    background: #0c65b7;
}

.g_box1 .g_con .right .t1 {
    margin-top: 27px;
    color: #333333;
    font-size: 15px;
    line-height: 24px;
}

.g_box1 .g_con .right a {
    display: inline-block;
    border: 1px solid #0c65b7;
    height: 54px;
    line-height: 54px;
    padding: 0 28px;
    color: #1b59ab;
    font-size: 15px;
    margin-top: 30px;
}

.g_box1 .g_con .right .t2 {
    margin-top: 50px;
    color: #333333;
    font-size: 15px;
    line-height: 24px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}

.g_box2 {
    background: url("../images/g_bg3.jpg") no-repeat center top;
    padding: 74px 0;
}

.g_box2 .g_con2 {
    width: 1260px;
    margin: 0 auto;
}

.g_box2 .g_con2 h3 {
    text-align: center;
    color: #fff;
    font-size: 40px;
}

.g_box2 .g_con2 .name {
    text-align: center;
    color: #fff;
    font-size: 22px;
    margin-top: 10px;
}

.g_box2 .g_con2 ul {
    margin-top: 45px;
}

.g_box2 .g_con2 ul li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
}

.g_box2 .g_con2 ul li:last-child {
    margin-right: 0;
}

.g_box2 .g_con2 ul li .img {
    width: 100%;
}

.g_box2 .g_con2 ul li .text {
    padding: 24px 0 0 0;
}

.g_box2 .g_con2 ul li .text h4 {
    color: #fff;
    font-size: 18px;
}

.g_box2 .g_con2 ul li .text span {
    font-size: 14px;
    font-family: arial;
    color: #fff;
    background: url("../images/g_icon2.jpg") no-repeat left bottom;
    padding-bottom: 18px;
    display: block;
}

.g_box2 .g_con2 ul li .text p {
    color: #9c9c9c;
    font-size: 14px;
    margin-top: 15px;
}

.g_box3 {
    background: url("../images/g_bg4.jpg") no-repeat center top;
    min-height: 672px;
}

.g_box3 .g_con3 {
    width: 1260px;
    margin: 0 auto;
    padding-top: 90px;
}

.g_box3 .g_con3 h3 {
    color: #1b59ab;
    font-size: 40px
}

.g_box3 .g_con3 .t1 {
    margin-top: 5px;
    color: #333333;
    font-size: 22px;
    padding-bottom: 32px;
    background: url("../images/g_icon3.jpg") no-repeat left bottom;
}

.g_box3 .g_con3 ol {
    width: 50%;
    margin-top: 24px;
}

.g_box3 .g_con3 ol li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.g_box3 .g_con3 ol li span {
    width: 19px;
    height: 19px;
    background: #0c65b7;
    border-radius: 50px;
    display: block;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 19px;
    margin-top: 2px;
}

.g_box3 .g_con3 ol li p {
    float: right;
    width: 95%;
    color: #333333;
    font-size: 16px;
    line-height: 24px;
}

.g_box4 {
    background: url("../images/g_bg5.jpg") no-repeat center top #f8f8f8;
    padding: 40px 0;
}

.g_box4 h3 {
    text-align: center;
    color: #333333;
    font-size: 40px;
}

.g_box4 h3 span {
    color: #1b59ab;
}

.g_box4 .name {
    text-align: center;
    color: #333333;
    font-size: 18px;
    margin-top: 5px;
}

.g_box4 .gl_list {
    margin-top: 32px;
}

.g_box4 .gl_list ul {
    width: 1853px;
    margin: 0 auto;
}

.g_box4 .gl_list ul li {
    float: left;
    width: 24%;
    background: #fff;
    margin-right: 1.3333%;
    margin-bottom: 24px;
}

.g_box4 .gl_list ul li .img {
    display: block;
    width: 100%;
    line-height: 0;
}

.g_box4 .gl_list ul li .img img {
    width: 100%;
}

.g_box4 .gl_list ul li .bt {
    border-bottom: 1px solid #ededed;
    padding: 0 30px;
    line-height: 48px;
}

.g_box4 .gl_list ul li .bt span {
    display: inline-block;
}

.g_box4 .gl_list ul li .bt .s1 {
    float: left;
    color: #1b59ab;
    font-size: 16px;
}

.g_box4 .gl_list ul li .bt .s2 {
    float: right;
    color: #454545;
    font-size: 14px;
}

.g_box4 .gl_list ul li ol {
    padding: 17px 0 10px;
}

.g_box4 .gl_list ul li ol li {
    float: left;
    width: 100%;
    padding: 0 30px;
    margin-bottom: 10px;
}

.g_box4 .gl_list ul li ol li .d1,
.g_box4 .gl_list ul li ol li .d2,
.g_box4 .gl_list ul li ol li .d3 {
    line-height: 28px;
    color: #454545;
    font-size: 14px;
    width: 50%;
    /*width: 33%;*/
    display: block;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.g_box4 .gl_list ul li ol li .d2 {
    /* padding-left: 5%;*/
    padding-left: 25%;
}

.g_box4 .gl_list ul li ol li .d3 a {
    display: inline-block;
    border: 1px solid #cccccc;
    line-height: 28px;
    color: #525252;
    font-size: 12px;
    background: url("../images/g_icon_btn.png") no-repeat 14px center #f5f5f5;
    padding: 0 15px 0 37px;
    float: right;
}

.g_box4 .gl_list ul li:nth-child(4n) {
    margin-right: 0;
}

.g_box4 .gl_list .more_btn {
    display: block;
    width: 175px;
    height: 46px;
    border: 1px solid #1b59ab;
    text-align: center;
    line-height: 46px;
    color: #1b59ab;
    font-size: 18px;
    margin: 20px auto 0;
}

.g_box5 {
    padding-top: 80px;
}

.g_box5 .g_con5 {
    width: 1260px;
    margin: 0 auto;
}

.g_box5 .g_con5 h3 {
    color: #000000;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}

.g_box5 .g_con5 h3 span {
    color: #1b59ab;
}

.g_box5 .g_con5 .name {
    width: 70%;
    margin: 15px auto 0;
    text-align: center;
    color: #333333;
    font-size: 15px;
    line-height: 24px;
}

.g_box5 .g_con5 .more_btn {
    display: block;
    width: 175px;
    height: 46px;
    border: 1px solid #1b59ab;
    text-align: center;
    line-height: 46px;
    color: #1b59ab;
    font-size: 18px;
    margin: 37px auto 0;
    position: relative;
    z-index: 2;
}

.g_box5 .g_con5 .bg {
    z-index: 1;
    position: relative;
    margin-top: -17px;
}

.g_box5 .g_con5 .img {
    position: relative;
    z-index: 2;
    width: 67%;
    margin-top: -3.6%;
    margin-left: 20.5%;
}

@media (max-width: 1600px) {
    .g_box4 .gl_list {
        margin-left: 15px;
        margin-right: 15px;
    }

    .g_box4 .gl_list ul {
        width: 100%;
    }

    .g_box4 .gl_list ul li .bt {
        padding: 0 15px;
    }

    .g_box4 .gl_list ul li ol li {
        padding: 0 15px;
    }
}

@media (max-width: 1440px) {
    .g_box4 .gl_list ul li .bt {
        padding: 0 15px;
    }

    .g_box4 .gl_list ul li ol li {
        padding: 0 15px;
    }

    .g_box4 .gl_list ul li ol li .d3 a {
        background: none;
        padding: 0 15px;
    }
}

@media (max-width: 1024px) {
    .g_banner {
        min-height: 620px;
    }

    .g_box1 {
        padding: 5% 0 13%;
    }

    .g_box1 .g_con,
    .g_box2 .g_con2,
    .g_box3 .g_con3,
    .g_box5 .g_con5 {
        max-width: 100%;
    }

    .g_box2 .g_con2 ul li .img img {
        width: 100%;
    }

    .g_box5 .g_con5 .bg img {
        width: 100%;
    }

    .g_box5 .g_con5 .img {
        margin-left: 10%;
    }

    .g_box4 .gl_list ul li {
        width: 49.5%;
        margin-right: 1%;
        margin-bottom: 1%;
    }

    .g_box4 .gl_list ul li:nth-child(4n) {
        margin-right: 0;
    }

    .g_box4 .gl_list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .g_box3 {
        padding-left: 15px;
    }

    .g_box2 .g_con2 {
        padding: 0 15px;
    }

    .g_box1 .g_con {
        padding: 0 15px;
    }

    .g_box1 .g_con .right {
        right: 15px;
        padding: 3% 5% 3% 18%;
    }
}

/**2017-11-28**/
.form-box ul li {
    float: left;
    width: 250px;
    margin-right: 25px;
    font-size: 16px;
    color: #848485;
}

.form-box ul li input {
    width: 100%;
    height: 48px;
    border: 1px solid #e3e3e3;
    background: #fff;
    color: #666;
    font-size: 16px;
    padding: 0 15px;
}

.form-box ul li input .placeholder {
    color: #848485;
}

.form-box ul li:nth-child(3) {
    width: 620px;
    line-height: 48px;
}

.form-box ul li span {
    background: url("../images/44.png") no-repeat left center;
    padding-left: 20px;
    display: inline-block;
    margin-right: 20px;
    margin-left: 5px;
    cursor: pointer;
}

.form-box ul li span.cur {
    background: url("../images/33.png") no-repeat left center;
}

.form-box ul li:nth-child(4) {
    width: 100%;
    margin-top: 16px;
}

.form-box ul li:nth-child(4) textarea {
    width: 100%;
    height: 150px;
    padding: 10px 15px;
    color: #666;
    font-size: 16px;
    border: 1px solid #e3e3e3;
}

.index-banner .swiper-button-prev {
    left: 5%;
}

.index-banner .swiper-button-next {
    right: 5%;
}

/**2019-1-17**/
.index-banner03 .index-banner-content {
    position: relative;
    height: 750px;
}

.index-banner03 .gl_text01 {
    opacity: 0;
}

.gl_imgbox {
    width: 1168px;
    position: absolute;
    left: 210px;
    bottom: 0;
    opacity: 0;
}

.gl_imgbox span {
    display: block;
    line-height: 0;
    position: absolute;
    bottom: 0;
}

.gl_imgbox .gl_img01 {
    width: 1099px;
    height: 725px;
    left: 0;
    z-index: 3;
    opacity: 0;
}

.gl_imgbox .gl_img02 {
    width: 1121px;
    height: 685px;
    left: 40px;
    z-index: 2;
    opacity: 0;
}

.gl_imgbox .gl_img03 {
    width: 986px;
    height: 629px;
    right: 0;
    z-index: 1;
    opacity: 0;
}

.index-banner07 {
    position: relative;
}

.index-banner07 .index-banner07_bg {
    text-align: center;
    background: url("../images/gl_banner_bg.jpg") no-repeat center center/cover;
    height: 750px;
    width: 100%;
}

.index-banner07 .text-box {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1260px;
    margin-left: -630px;
}

.index-banner07 .gl_text02 {
    line-height: 0;
    margin-top: 240px;
}

.guoimgbox {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -648px;
    width: 1296px;
    height: 536px;
}

.marketing-content-banner > .img01,
.marketing-content-banner .text-content {
    opacity: 0;
}

.weChat-applet .text-box,
.weChat-applet .img-box30 {
    opacity: 0
}

.our-idea-box .moreBtn {
    display: block;
    width: 20px;
    line-height: 0;
    margin: 30px auto 0;
    padding-bottom: 10px;
}

.our-idea-box .moreBtn img {
    width: 100%;
}

.our-idea-box ol.t_gengduo {
    padding-top: 20px;
    display: none;
}

.our-idea-box ol.t_gengduo li {
    float: left;
    width: 32%;
    font-size: 15px;
    line-height: 30px;
    position: relative;
    padding-left: 18px;
    margin-right: 2%;

}

.our-idea-box ol.t_gengduo li:nth-child(3n) {
    margin-right: 0;
}

.our-idea-box ol.t_gengduo li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    border: 2px solid #C7C7C7;
    border-radius: 50%;
}

.our-idea-box ol.t_gengduo li a {
    display: block;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}