/*页面头部*/

.nav-box .logo{
	margin-top: 2px;
}
.nav-box .logo img{
	height: 32px;
}

.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{
    width: 1260px;
    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;
    padding-top: 3px;
}
.header dl dd h1{
    font-size: 14px;
    color: #626262;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header dl dd p{
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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-icon002.png");
}
.header dl .bg-03{
    background: url("../images/design-case-icon003.png");
}*/

/*.header li:hover .bg-01{
    background: url("../images/design-case-icon001.png");
}
.header li:hover .bg-02{
    background: url("../images/design-case-icon02.png");
}
.header li:hover .bg-03{
    background: url("../images/design-case-icon03.png");
}*/
.header li:hover dd h1{
    color: #1A58AB;
}
.header li:hover dd p{
    color: #6283BE;
}


/*导航条*/
.nav{
    height: 72px;
    background-color: #1A58AB;
}
.nav-box{
    width: 1260px;
    margin: 0 auto;
}
.nav-box>a{
    line-height: 65px;
}
.nav-box>ul>li{
    float: left;
    border-right: 1px solid #3469B4;
    height: 72px;
    text-align: center;
    display: table;
}
.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: 15px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px;
}
.nav-box>ul>li a span{
    font-size: 11px;
    text-transform: capitalize;
    color: #89A0CB;
    display: block;
    text-indent: -99em;
    overflow: hidden;
}
.nav-box>ul>li a .s01{
    background: url("../images/header-img01.png") no-repeat center;
}
.nav-box>ul>li a .s03{
    background: url("../images/header-img03.png") no-repeat center;
}
.nav-box>ul>li a .s05{
    background: url("../images/header-img05.png") no-repeat center;
    margin-left:-16px;
}
.nav-box>ul>li a .s06{
    background: url("../images/header-img06.png") no-repeat center;
}
.nav-box>ul>li a .s07{
    background: url("../images/header-img07.png") no-repeat center;
}
.nav-box>ul>li a .s08{
    background: url("../images/header-img08.png") no-repeat center;
}
.nav-box>ul>li a .s02{
    background: url("../images/header-img02.png") no-repeat center;
}


.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;
}
.nav-box li.dropdown-box:hover 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: #1A58AB;*/
    /*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 a{
    display: block;
    font-size: 14px;
    color: #FFFFFF;
}

.nav-box .dropdown-menu li a p{
    margin-top: 10px;
}
.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 .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{
    width:1260px;
    margin:0 auto;
}
.footer-nav{
    padding-bottom: 15px;
    border-bottom: 1px solid #DEDEDE;
}
.footer-nav li,
.footer-nav02 li{
    float: left;
}
.footer-nav li+li,
.footer-nav02 li+li{
    margin-left: 25px;
}
.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{
    font-size: 12px;
    color: #999999;
}
.right-part .content-box{
    padding-left: 15px;
}
.right-part .content-box .tel{
    font-size: 18px;
    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{
    width:1260px;
    margin:0 auto;
    padding: 25px 0 12px;
}
.footer-link-box{
	display:-webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:25px;
}
.footer-link-qq{
    font-size: 12px;
    color:#666;
    padding:10px 25px;
    background-color: #DEDEDE;
    border-radius: 25px;
}
.footer-tabs{
	display:-webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.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{
    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{
    width: 1260px;
    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{
    /*width: 1260px;*/
    width:70%;
    margin: 35px auto 0;
    padding: 0 10px 65px;
    /*background-color: #ffffff;*/
    background-color: #F5F7FA;
}
.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 .swiper-slide div{
        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-color:RGB(242,242,242);
    background-size: cover;
    width: 100%;
}
.paiky-direction-box{
    width: 1260px;
    margin: 0 auto;
    padding-top: 10px;
}
.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: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 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: 20px;
    margin-top: 5px;
}
.paiky-direction-box .text{
    text-align: center;
    margin-top: 70px;
}
.paiky-direction-box .text h1{
    font-size: 24px;
    color: #363636;
    margin-bottom: 10px;
}
.paiky-direction-box .text p{
    font-size: 16px;
    font-weight: 600;
}

/*派琪2017最新案例*/
.latest-case {
    background-color: RGB(217,217,217);
    padding: 80px 0 0;
}
.latest-case .text-content{
    text-align: center;
    color: #ffffff;
    padding-top:25px;
    background-color:RGB(217,217,217);
}
    .latest-case .text-content h2 {
        margin: 30px 0 12px;
        font-weight: normal;
    }
.latest-case .text-content p {
    font-size: 18px;
    line-height: 20px;
    color: RGB(226,140,13);
    font-weight: bold;
}
.latest-case .tabs{
    margin: 35px 0 60px;
    height: 33px;
    position: relative;
}
.latest-case .tabs-box{
    /*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{
    float: left;
}
.latest-case .tabs-box li+li{
    margin-left: 65px;
}
.latest-case .tabs-box li a{
    display: block;
    padding: 6px 0;
    border: 0;
    font-size: 16px;
    color: #ffffff;
}
.latest-case .tabs-box li:hover a{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 5px 0;
}
.latest-case .tabs-box li a.cur{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 5px 0;
}
.img-box12{
    background-color:RGB(217,217,217);
    background-size: cover;
    height: 700px;
}
.img-box12-box{
    width: 1400px;
    /*width:83.33333%;*/
    margin:0 auto;
    display: none;
    padding-top:30px;
}
@media only screen and (max-width: 1460px){
    .img-box12-box {
        width:1100px;
    }
    .w-02 {
        width:525px;
    }
    .w-02 img{
        width:100%;
    }
    .w-03 {
        width:270px;
    }
        .w-03 img {
            width:100%;
        }
        .w-04 {
            width: 795px;
        }
            .w-04 img {
                width:100%;
            }
    .w-05 {
        width:267px
    }

        .w-05 img {
            width: 100%;
        }
    /*.w-01 img{
        width: 80%;
    }
    .w-02 {
        width: 80%;
    }
    .img-box12-box{
        width:80%;
    }
    .img-box12{
        background: none;
        height:675px;
    }*/
    /*.img-box13 img{
        width:80%;
    }
    .w-01{
        width:80%;
    }
    .w-02{
        width:80%;
    }
    .w-02 img{
        /*width:100%;
    }*/
}

    .img-box13 {
        border-right: 1px solid #000;
    }

        .img-box13 .bot-border {
            border-bottom: 1px solid #000;
        }

        .img-box13 .border {
            border-right: 1px solid #000;
        }

    .img-box12-box .mask-box {
        position: relative;
        overflow: hidden;
    }

    .img-box12-box .mask {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 90px;
        background-color: rgba(0,0,0,.8);
        padding: 20px 40px 20px 30px;
        font-weight: bold;
        display: none;
    }

        .img-box12-box .mask .title {
            color: #ffffff;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 6px;
        }

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

    .img-box12-box .mask-box:hover .mask {
        display: block;
    }

    .img-box12-box .mask-box > img {
        /*transition: transform 0.8s ease-in-out;*/
    }

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

    /*星秒课堂等*/
    .our-newlist {
        background: url(../../Content/Images/new-list.png);
        height: 400px;
        width: 100%;
        background-size: cover;
        display: flex;
        justify-content: space-around;
        align-items: center;
        display: -webkit-flex;
    }

        .our-newlist .left {
            height: 400px;
            text-align: center;
        }

        .our-newlist .text h2 {
            color: #ffffff;
            margin: 30px 0 12px;
        }

        .our-newlist .text p {
            font-size: 18px;
            line-height: 20px;
            color: RGB(226,140,13);
            font-weight: bold;
        }

        .our-newlist .right {
            height: 400px;
            text-align: center;
        }

        .our-newlist .list {
            border-left: 1px dashed #ffffff;
            width: 500px;
            text-align: left;
            margin-top: 20px;
            word-wrap: break-word;
        }

            .our-newlist .list ul {
                width: 450px;
                margin: 0 auto;
                padding-left: 35px;
            }

            .our-newlist .list li {
                color: white;
                list-style: circle;
                padding: 5px;
            }

            .our-newlist .list div {
                margin-left: 50px;
            }

            .our-newlist .list li a {
                color: white;
            }

            .our-newlist .list div a {
                height: 35px;
                font-size: 14px;
                width: 80px;
                padding-left: 9px;
                padding-top: 5px;
                display: block;
                margin-top: 50px;
                border: 2px solid white;
                color: white;
            }

    /*服务中心*/
    .our-service {
        height: 233px;
        width: 100%;
        background-size: cover;
        text-align: center;
    }

        .our-service .text h2 {
            color: #7D7D7D;
            margin: 30px 0 12px;
        }

        .our-service .text p {
            font-size: 18px;
            line-height: 20px;
            color: RGB(226,140,13);
            font-weight: bold;
        }

    /*更具深度的品牌 - 互联网化形象设计*/
    .brand-design {
        height: 733px;
        width: 100%;
        background-size: cover;
        text-align: center;
    }

        .brand-design .text h1 {
            font-size: 20px;
            color: #363636;
        }

        .brand-design .text h2 {
            color: #7D7D7D;
            margin: 30px 0 12px;
        }

        .brand-design .text p {
            font-size: 18px;
            line-height: 20px;
            color: RGB(226,140,13);
            font-weight: bold;
            /*font-size: 16px;
        color: #888888;
        line-height: 24px;*/
        }

        .brand-design .img-box14 {
            padding-top: 50px;
            width: 1000px;
            margin: 0 auto;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            display: -webkit-flex;
        }
                    
        .brand-design .img-box31 {
            margin-right: 5px;
            height: 440px;
            width: 250px;
        }

            .brand-design .img-box31 .text1 {
                background-color: dimgrey;
                color: white;
                width: 250px;
                height: 140px;
            }

            .brand-design .img-box31 .title {
                color: white;
                margin-bottom: 12px;
                padding-top: 5px;
                font-size: 14px;
                font-weight: bold;
            }



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

    .main-box {
        width: 1260px;
        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;
            height: 36px;
        }

        .main-box .tabs {
            width: 716px;
            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%);
        }

            .main-box .tabs li {
                width: 140px;
                height: 62px;
                float: left;
                font-size: 16px;
                color: #666666;
                text-align: center;
                line-height: 60px;
            }

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

                .main-box .tabs li:hover {
                    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 {
        width: 1260px;
        margin: 0 auto;
        padding: 0 10px 65px;
        /*background-color: #ffffff;*/
        background-color: #F5F7FA;
        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: 55px;
                height: 55px;
                background-color: #EFEFEF;
                text-align: center;
                line-height: 55px;
                font-size: 16px;
            }

                .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-main {
        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;
    }

    .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 h1,
            .design-box .box02 h1 {
                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 h1 {
            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 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 h1 {
                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 h2 {
                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 h1 {
            font-size: 30px;
            text-align: center;
            margin-bottom: 10px;
        }

        .survey-box .title h2 {
            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 h1 {
                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 h1 {
                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 h2 {
                    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 > h1 {
            font-size: 35px;
            color: #373737;
            margin-bottom: 20px;
        }

        .paiky-info > h2 {
            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 h1 {
            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 h1 {
            font-size: 30px;
        }

        .top-text h2 {
            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 p.language {
            font-size: 20px;
            margin: 45px 0 22px;
        }

        .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 h1 {
            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 h1,
        .flow-statistics-box .top-text h2 {
            color: #363636;
        }

        .flow-statistics-box .top-text h2 {
            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 h1 {
                font-size: 30px;
                color: #363636;
                margin-bottom: 6px;
            }

            .sem-service-box .text h2 {
                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-partners {
        background-color: #132936;
        background-size: cover;
        width: 100%;
        height: 759px;
        text-align: center;
    }

        .our-partners .text {
            padding-top: 10px;
        }

            .our-partners .text h2 {
                color: #ffffff;
                margin: 30px 0 12px;
            }

            .our-partners .text p {
                font-size: 18px;
                line-height: 20px;
                color: RGB(226,140,13);
                font-weight: bold;
            }

        .our-partners .partners {
            margin: 0 auto;
            width: 80%;
            padding-top: 80px;
        }


    /*我们的观点*/
    .our-idea {
        background: url("../../Content/Images/aboutus.jpg") no-repeat;
        background-size: cover;
        width: 100%;
        height: 663px;
        display: flex;
    }

        .our-idea .title_right {
            text-align: center;
            padding-left: 190px;
        }

            .our-idea .title_right h2 {
                color: #ffffff;
                margin: 30px 0 12px;
            }

            .our-idea .title_right p {
                font-size: 18px;
                line-height: 20px;
                color: RGB(226,140,13);
                font-weight: bold;
            }

    .our-idea-box {
        width: 700px;
    }

        .our-idea-box .idea-logo {
            background: url(/Content/Images/logo_indx.png) no-repeat;
            width: 178px;
            height: 55px;
            margin-bottom: 40px;
        }

        .our-idea-box .contentInfo {
            width: 600px;
            margin: 0 auto;
            padding-top: 20px;
        }

        .our-idea-box .text {
            width: 700px;
            background-color: grey;
            height: 663px;
            background-color: rgba(0,0,0,0.2);
        }

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

            .our-idea-box .text p {
                font-size: 15px;
                line-height: 30px;
                color: #ffffff;
            }

            .our-idea-box .text a {
                height: 35px;
                font-size: 14px;
                width: 80px;
                padding-left: 9px;
                padding-top: 5px;
                display: block;
                margin-top: 50px;
                border: 2px solid white;
                color: white;
            }

        .our-idea-box .tabs {
            margin: 45px 0 60px;
            height: 44px;
        }


    /*网站设计页面样式*/
    .design-banner {
        background-color: #E5E7EA;
        position: relative;
        overflow: hidden;
    }

    .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 h1 {
            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 p:nth-child(1) {
            font-size: 18px;
            color: #373737;
            margin-top: 30px;
            margin-bottom: 8px;
        }

        .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 h1 {
                font-size: 35px;
            }

            .creativity-ddesign .text h2 {
                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 h1 {
                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 h2 {
                font-size: 24px;
                color: #373737;
                margin-bottom: 10px;
            }

                .freehand-design-box .text-box h2.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 h1 {
                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 h2 {
                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 h1 {
                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 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 h1 {
            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 h1,
            .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 h1 {
            font-size: 35px;
        }

        .trust-box h2 {
            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 h1 {
            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: 90px;
        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 h1,
                    .online-msg-box .address li:hover span {
                        color: #ffffff;
                    }

        .online-msg-box .local h1 {
            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 h1 {
                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 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;
    }

    /*过去式*/
    .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 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("../../Content/Images/aboutus.jpg") no-repeat;*/
        background-size: cover;
        width: 100%;
        height: 663px;
        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 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 h1 {
                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 h1,
                .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 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 p {
                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 .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 h1 {
                    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 h1 {
                font-size: 30px;
            }

            .marking-strategy-box .text-box h2 {
                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 h1 {
                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 p {
                    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 h1 {
                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 p {
                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 h1 {
                font-size: 30px;
                color: #232323;
                margin-bottom: 10px;
            }

                .media-idea-box .text h1 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 b {
                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 p {
            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 h1 {
                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 h1 {
                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 h1 {
                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 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 .tit_bt .tit span:before {
                                content: "";
                                position: absolute;
                                left: 0;
                                bottom: -15px;
                                width: 79px;
                                height: 2px;
                                background: #186ece;
                            }

                    .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: 204px;
                            height: 125px;
                            float: left;
                            position: relative;
                            display: block;
                        }

                        .gnews_div .gnews_text .left .gnews_con ul li .text {
                            float: left;
                            width: 638px;
                            padding-left: 23px;
                        }

                            .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 {
                    margin-top: 36px;
                    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;
                }

                .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 {
                                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_icon1.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;
                        }

                            .gnews_div .gnews_text .right .jx_con li .con a {
                                display: inline-block;
                                float: left;
                                color: #999999;
                                font-size: 13px;
                                background: url(../images/gnews_icon1.jpg) no-repeat left 6px;
                                padding-left: 20px;
                            }

                            .gnews_div .gnews_text .right .jx_con li .con span {
                                display: inline-block;
                                float: left;
                                margin-left: 40px;
                                color: #999999;
                                font-size: 13px;
                                font-family: arial;
                            }

    .w1200 {
        width: 1200px;
        margin: 0 auto;
    }

    .w1220 {
        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: "微软雅黑";
        }





    /*关于派琪页面样式*/
    .paiky-att-box {
        margin-top: -50px;
    }

    .about-paiky-banner {
        background: url("../images/about-paiky-banner.jpg") no-repeat;
        background-size: cover;
        height: 850px;
        overflow: hidden;
    }

    .banner-box {
        text-align: center;
        padding-top: 114px;
    }

        .banner-box p.title {
            font-size: 35px;
            color: #343434;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .banner-box .pai-logo-box {
            margin-top: 30px;
            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 b {
                        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 b {
            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 b {
                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 b {
                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 b {
                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 b {
                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 b {
            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 b {
        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 {
                font-size: 15px;
                color: #333333;
                margin-bottom: 5px;
            }

            .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 {
        /*width:1430px;*/
        width: 73.5%;
        margin: 50px auto 35px;
        /*padding: 10px;*/
        /*background-color: #ffffff;*/
    }

    @media only screen and (max-width: 1400px) {
        .case-page-box {
            width: 88%;
        }
    }

    .case-show-box {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

        .case-show-box li {
            width: 32.5%;
            margin-bottom: 20px;
        }

            .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 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%;
        }

        .header {
            width: 100%;
        }

        .nav .nav-box {
            width: 100%;
        }

        .nav-box > ul {
            max-width: 80%;
        }

            .nav-box > ul > li > a {
                padding: 0 10px;
                overflow: hidden;
            }

        .nav-box .dropdown-menu li a {
            padding: 0 10px;
        }

        .paiky-direction .paiky-direction-box {
            width: 100%;
            display:none;
        }
        .latest-case
        {
            padding:0px;
        }

        .paiky-direction-box li {
            width: 50%;
            height: 200px;
        }

        .our-idea .our-idea-box {
            width: 100%;
        }

        .our-idea-box .tabs-box {
            width: 600px;
        }

        .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%;
            }

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

        .footer-tabs-box {
            width: 100%;
        }

        .footer-show {
            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 {
            width: 100%;
        }

        .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%;
            }

        .gnews_div .w1220 {
            width: 100%;
        }

        .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: 33%;*/
                                width: 50%;
                                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
    }


.img-box-mobile {
    display:none;
}
/*手机端样式*/
@media only screen and (max-width: 800px) {
    .img-box12-box {
        width: 500px;
    }

    .w-02 {
        width: 213px;
    }

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

    .w-03 {
        width: 109px;
    }

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

    .w-04 {
        width: 322px;
    }

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

    .w-05 {
        width: 109px
    }

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

    .img-box12-box .mask {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 20px;
        background-color: rgba(0,0,0,.8);
        padding: 5px 10px 5px 7px;
        font-weight: bold;
        display: none;
    }

        .img-box12-box .mask .title {
            color: #ffffff;
            font-size: 9px;
            font-weight: 600;
            margin-bottom: 6px;
        }

    .brand-design {
        height: 1850px;
        width: 100%;
        background-size: cover;
        text-align: center;
    }

        .brand-design .img-box14 {
            display: none;
        }

        .brand-design .img-box-mobile {
            height: 2500px;
            display: inline-block;
        }

    .our-partners {
        height: 350px;
    }

        .our-partners .partners {
            margin: 0 0 0 0;
            padding-top: 40px;
        }

    .partners img {
        width: 400px;
    }

    .our-idea-box {
        width: 400px;
    }

    .our-idea .contentInfo {
        width: 410px;
        margin: 0 auto;
        padding-top: 20px;
    }

    .our-idea-box .idea-logo {
        background: url(/Content/Images/logo_indx.png) no-repeat;
        width: 178px;
        height: 55px;
        margin-bottom: 40px;
    }

    .our-idea-box .text {
        width: 410px;
        background-color: grey;
        height: 663px;
        background-color: rgba(0,0,0,0.2);
    }

    .our-newlist {
        background: url(),#333;
        height: 800px;
        width: 100%;
        display: block;
    }

        .our-newlist .list {
            border: 0;
            text-align: left;
        }

    .index-banner {
        height: auto;
    }

        .index-banner .swiper-slide div {
            height: 160px;
        }

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

    .paiky-direction-box li dl {
        width: 100%;
    }

    .paiky-direction-box li dd li dd {
        width: 40px;
    }

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

    .paiky-direction-box li dd p {
        font-size: 12px;
    }

    .brand-design {
        height: 2350px;
    }

        .brand-design .img-box31 {
            padding:0 50px 0 50px;
            width: 100%;
            height: 580px;
        }

            .brand-design .img-box31 .text1 {
                background-color: dimgrey;
                color: white;
                height: 140px;
            }

            .brand-design .img-box31 .title {
                color: white;
                margin-bottom: 12px;
                padding-top: 12px;
                font-size: 16px;
                font-weight: bold;
            }

            .brand-design .img-box31 img {
                width: 100%;
            }

            .brand-design .img-box31 .text1 {
                width: 100%;
            }

    .our-idea-box .text {
        width: 100%;
    }

    .our-idea .contentInfo {
        width: 90%;
    }

    .our-idea .title_right {
        display: none;
    }

    .our-service .text {
        margin-bottom: 30px;
    }

    .our-service .img-box31 .service_icon {
        width: 50%;
    }

    .right {
        float: none;
    }

    #fh5co-logo img{
        width:50%;
        margin-bottom:10px;
    }

    .fh5co-nav-toggle
    {
        margin-top:15px;
    }

    .our-newlist .right
    {
        width:100%;
    }

    .our-newlist .left{
        width:100%;
    }

    .our-newlist .list ul
    {
        padding-left:25px;
    }
}