.contact-us-banner .content-box h1, .contact-us-banner .content-box .h1/*页面头部*/
.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("../image/design-case-icon01.jpg");
}
.header dl .bg-02{
    background: url("../image/design-case-icon002.jpg");
}
.header dl .bg-03{
    background: url("../image/design-case-icon003.jpg");
}

.header li:hover .bg-01{
    background: url("../image/design-case-icon001.jpg");
}
.header li:hover .bg-02{
    background: url("../image/design-case-icon02.jpg");
}
.header li:hover .bg-03{
    background: url("../image/design-case-icon03.jpg");
}
.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: 72px;
}
.nav-box>ul>li{
    float: left;
    border-right: 1px solid #3469B4;
    height: 72px;
    text-align: center;
    display: table;
}
.cur{
    background-color: #25519E;
}
.headerA .right .ul li.cur { background: none; }
.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("../image/header-img01.png") no-repeat center;
}
.nav-box>ul>li a .s03{
    background: url("../image/header-img03.png") no-repeat center;
}
.nav-box>ul>li a .s05{
    background: url("../image/header-img05.png") no-repeat center;
    margin-left:-16px;
}
.nav-box>ul>li a .s06{
    background: url("../image/header-img06.png") no-repeat center;
}
.nav-box>ul>li a .s07{
    background: url("../image/header-img07.png") no-repeat center;
}
.nav-box>ul>li a .s08{
    background: url("../image/header-img08.png") no-repeat center;
}
.nav-box>ul>li a .s02{
    background: url("../image/header-img02.png") no-repeat center;
}
.nav-box>ul>li a .s020{
    background: url("../image/contact.png") no-repeat center;
}



.nav-box li.dropdown-box i{
    font-style: normal;
    display: inline-block;
    width: 11px;
    height: 6px;
    background: url("../image/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: 12px 0;
    position: relative;
}
.nav-box .dropdown-menu li a{
    display: block;
    font-size: 13px;
    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: 7px solid transparent;
    border-right: 7px solid transparent;
}



.nav-box .dropdown-menu .item049, .nav-box .dropdown-menu .item101{
    background-color: #1E468C;
}
.nav-box .dropdown-menu .item050, .nav-box .dropdown-menu .item102{
    background-color: #2A57AA;
}
.nav-box .dropdown-menu .item051, .nav-box .dropdown-menu .item103{
    background-color: #1E468C;
}
.nav-box .dropdown-menu .item104{
    background-color: #2A57AA;
}
.nav-box .dropdown-menu .item049 s, .nav-box .dropdown-menu .item101 s{
    border-top: 8px solid #1E468C;
}
.nav-box .dropdown-menu .item051 s, .nav-box .dropdown-menu .item102 s{
    border-top: 8px solid #2350A6;
}
.nav-box .dropdown-menu .item104 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("../image/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('../image/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: 16px;
}
.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("../image/index-banner01.jpg") center;
    background-size:cover;
    height:750px;
}
.index-banner-content{
   	width: 1260px;
    margin: 0 auto;
    padding-top: 80px;
}
.index-banner04 .index-banner-content{
    padding-top: 160px;
}
.index-banner-content .img-box .img-03{
    margin-top: 285px;
    margin-left: 32px;
}
.index-banner-content .img-box .img-01{
    margin-top: 210px;
    margin-right: -115px;
    position: relative;
    z-index: 10;
}
.index-banner-content .text-box .img-04{
    margin-top: -30px;
    margin-left: 60px;
}
.index-banner-content .text-box .img-05{
    margin-top: -25px;
}
.index-banner-content .text-box .img-06{
    margin-top: 20px;
}
.index-banner-content .text-box .img-07{
    margin: 20px 0 30px;
}
.index-banner-content .text-box .icon-box li{
    float: left;
    line-height: 48px;
}
.index-banner-content .text-box .icon-box li+li{
    margin-left: 20px;
}
.index-banner-content .text-box .more{
    display: inline-block;
    font-size: 15px;
    font-family: "Arial Bold" !important;
    color: #676767;
    border: 2px solid #9E9E9E;
    padding: 10px 30px;
    border-radius: 45px;
    margin-top: 55px;
}
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: 40px;
}
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 3px;
}
.index-banner .swiper-pagination-bullet{
    width:65px;
    height: 3px;
    background-color: #BDBDBD;
    opacity: 1;
    border-radius: 0;
}
.index-banner .swiper-pagination-bullet-active{
    background-color: #929292;
}

.index-banner-content .img-box .img-02{
    position: relative;
}
.index-banner-content .img-box .img-02 i{
    position: absolute;
    left:126px;
    bottom: 100px;
    width:59px;
    height:43px;
    background: url("../image/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("../image/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("../image/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("../image/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("../image/index-banner-img30.jpg") center;
    background-size: cover;
    position:absolute;
    top:0;
}
.index-banner05-bg{
    height:750px;
    width:100%;
    background: url("../image/index-banner-img34.jpg") center;
    background-size:cover;
    position:absolute;
    top:0;
}
.index-banner06-bg{
    height:100%;
    width:100%;
    background: url("../image/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("../image/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("../image/index-banner01.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 750px;
    position: relative;
}
.slider-item .img-box11{
    background: url("../image/index-img001.png") no-repeat;
    width: 834px;
    height: 450px;
    /*width: 445px;*/
    /*height: 441px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%);
}
.slider-item .img-box11 .paiky-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%);
    color: #363636;
    text-align: center;
}
.slider-item .paiky-text div{
    font-size: 30px;
}
.slider-item .paiky-text span{
    font-size: 14px;
}
.slider-item .label{
    position: absolute;
}
.slider-item .label p{
    font-size: 15px;
    color: #363636;
}
.slider-item .label span{
    font-size: 12px;
    color: #A0A0A0;
}
.slider-item .label i{
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #ffffff;
    border: 1px solid #DFDFDF;
    border-radius: 50%;
    vertical-align: middle;
}
.slider-item .left-label i{
    margin-left: 5px;
}
.slider-item .left-label{
    text-align: right;
}
.slider-item .left-label span{
    padding-right: 20px;
}
.slider-item .right-label span{
    padding-left: 17px;
}
.slider-item .right-label i{
    margin-right: 5px;
}
.slider-item .right-label{
    text-align: left;
}

.slider-item .label01{
    top: 252px;
    left: 510px;
}
.slider-item .label02{
    top: 406px;
    left: 520px;
}
.slider-item .label03{
    bottom: 150px;
    left: 630px;
}
.slider-item .label04{
    top: 220px;
    right: 540px;
}
.slider-item .label05{
    top: 380px;
    right: 540px;
}
.slider-item .label06{
    bottom: 150px;
    right: 600px;
}

/*派琪 致力于打造有深度的网站*/
.paiky-direction{
    background: url("../image/index-img02.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 484px;
}
.paiky-direction-box{
    width: 1260px;
    margin: 0 auto;
    padding-top: 100px;
}
.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: url("../image/index-bg01.jpg");
    padding: 80px 0 0;
}
.latest-case .text-content{
    text-align: center;
    color: #ffffff;
}
.latest-case .text-content h1{
    font-size: 35px;
    margin-bottom: 3px;
    font-weight: normal;
}
.latest-case .text-content p{
    font-size: 13px;
    line-height: 20px;
}
.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: url("../image/index-img09.jpg") no-repeat;
    background-size: cover;
    height: 859px;
}
.img-box12-box{
    width: 1600px;
    /*width:83.33333%;*/
    margin: 0 auto;
    display: none;
}
@media only screen and (max-width: 1460px){
    .img-box12-box{
        width:90%;
    }
    .img-box12{
        background: none;
        height:675px;
    }
    .img-box13 img{
        width:100%;
    }
    .w-01{
        width:50%;
    }
    .w-02{
        width:25%;
    }
    .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: 110px;
    background-color: rgba(0,0,0,.8);
    padding: 25px 50px 25px 30px;
    color: #ffffff;
    display: none;
}
.img-box12-box .mask .title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}
.img-box12-box .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-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);
}



/*更具深度的品牌 - 互联网化形象设计*/
.brand-design{
    background: url("../image/index-img11.jpg") no-repeat;
    height: 733px;
    width:100%;
    background-size: cover;
    padding-top: 80px;
    text-align: center;
}
.brand-design .text h1{
    font-size: 30px;
    color: #363636;
}
.brand-design .text h2{
    font-size: 18px;
    color: #7D7D7D;
    margin: 30px 0 12px;
}
.brand-design .text p{
    font-size: 16px;
    color: #888888;
    line-height: 24px;
}
.brand-design .img-box14{
    width:700px;
    margin: 70px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display:-webkit-flex;
}
.brand-design .img-box14 .left-img-box{
	/*display:-webkit-flex;
    -webkit-flex-direction:column;
    display: flex;
    flex-direction: column;
    align-items: flex-end;*/
    height:280px;
    /*justify-content: space-between;*/
    text-align: right; 
    position: relative;
    width: 27%;
}
.brand-design .img-box14 .right-img-box{
    /*display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    display:-webkit-flex;
    -webkit-flex-direction:column;*/
   	height:280px;
   	text-align: left;
   	position: relative;
   	width: 27%;
}
.brand-design .img-box14 .left-img-box p:first-child{
	position: absolute;
	top: 0;
	right: 0;	
}
.brand-design .img-box14 .left-img-box p:last-child{
	position: absolute;
	bottom: 0;
	right: 0;	
}
.brand-design .img-box14 .right-img-box p:first-child{
	position: absolute;
	top: 0;
	left: 0;	
}
.brand-design .img-box14 .right-img-box p:last-child{
	position: absolute;
	bottom: 0;
	left: 0;	
}










/*策划设计案例页面样式*/
.main{
    /*background: url("../images/bb_02.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: 16px;
}
.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:860px;
    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%);
		text-align: center;
}
.main-box .tabs li{
   /* width:140px; */
	  width:200px;
    height:62px;
   /* float: left; */
    font-size: 16px;
    color: #666666;
    text-align: center;
    line-height: 60px;
		display: inline-block;
		

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

    background: url("../image/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; */
		padding: 150px 0 0;
    background-color: #44464D;
    background: url(../image/bg_caseshow.jpg) no-repeat center top/cover;
}
.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; */
		padding: 80px 0 50px;
    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; */
	  top: 8vw;
    text-align: center;
}
.banner-text img { max-width: 520px; width: 26vw; }
.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("../image/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,.brand-position-box .fl-textarea h3{
    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("../image/plot-bg02.jpg");
}
.survey-box{
    width: 1260px;
    margin: 0 auto;
    padding: 150px 70px 140px;
    color: #ffffff;
}
.survey-box .title h1,.survey-box .title h3{
    font-size: 30px;
    text-align: center;
    margin-bottom: 10px;
}
.survey-box .title h2,.survey-box .title h4{
    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,.content-plan-box .rt-icon .title .h2{
    font-size: 30px;
    color: #373737;
    margin-bottom: 10px;
}
.content-plan-box .rt-icon .title p{
    font-size: 16px;
    color: #585858;
}
.content-plan-box .rt-icon ul{
    margin-top: 55px;
}
.content-plan-box .rt-icon ul li{
    margin-bottom: 20px;
}
.content-plan-box .rt-icon dl{
    /*display: -webkit-flex;*/
    /*align-items: center;*/
}
/*.content-plan-box .rt-icon dl dt{*/
    /*margin-right: 15px;*/
/*}*/
.content-plan-box .rt-icon dl dd{
    margin-left: 80px;
}
.content-plan-box .rt-icon dd p:nth-child(1){
    font-size: 18px;
    color: #373737;
    margin-bottom: 5px;
}
.content-plan-box .rt-icon dd p:nth-child(2){
    font-size: 14px;
    color: #7B7B7B;
}

/*页面布局策划*/
.layout-plan{
    background: url("../image/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,.layout-plan-box .fl-box .h2{
    font-size: 30px;
    color: #ffffff;
}
.layout-plan-box .fl-box i{
    display: block;
    width: 40px;
    height: 3px;
    background-color: #2D2D2D;
    margin: 20px 0 30px;
}
.layout-plan-box .fl-box>div{
    margin-bottom: 85px;
}
.layout-plan-box .fl-box>div 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("../image/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,.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,.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("../image/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('../image/aa_08.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:#ffffff;
    font-weight:600;
}
.exploit-banner .text-box div span{
    font-size:18px;
    color:#ffffff;
}
.exploit-banner .text-box div{
    margin-top:25px;
}




/*PHP & JAVA做为WEB主开发语言*/
.php-java{
    width: 100%;
    height: 825px;
    background: url('../image/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,.top-text .h1{
    font-size: 30px;
}
.top-text  h2,.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("../image/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("../image/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("../image/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("../image/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-idea{
    background: url("../image/exploit-img13.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 850px;
}
.our-idea-box{
    width: 1260px;
    margin: 0 auto;
    padding: 85px 0 0;
}
.our-idea-box .text{
    text-align: center;
    color: #ffffff;
}
.our-idea-box .text h1,.our-idea-box .text h2{
    font-size: 30px;
    margin-bottom: 10px;
}
.our-idea-box .text p{
    font-size: 13px;
    line-height: 20px;
}
.our-idea-box .tabs{
    margin: 45px 0 60px;
    /*display: flex;*/
    /*display: -webkit-flex;*/
    /*justify-content: center;*/
    height: 44px;
    position: relative;
}
.our-idea-box .tabs-box{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);     /* IE 9 */
    -moz-transform:translateX(-50%);    /* Firefox */
    -webkit-transform:translateX(-50%); /* Safari 和 Chrome */
    -o-transform:translateX(-50%);
}
.our-idea-box .tabs-box li{
    float: left;
}
.our-idea-box .tabs-box li+li{
    margin-left: 3px;
}
.our-idea-box .tabs-box li a{
    display: block;
    padding: 10px 30px;
    border: 2px solid #686868;
    font-size: 15px;
    color: #ffffff;
}
.our-idea-box .tabs-box li:hover a{
    background-color: #1C6AC3;
    border: 0;
    padding: 12px 32px;
}

.our-idea-box .list-box{
    /*display: -webkit-flex;*/
    /*justify-content: space-between;*/
}
.our-idea-box .list-box li{
    /*width: 389px;*/
}
.our-idea-box .list-box li dd{
    padding-top: 20px;
    color: #ffffff;
}
.our-idea-box .list-box li dd .time{
    font-size: 26px;
}
.our-idea-box .list-box li dd span{
    display: block;
    font-size: 16px;
    margin: 8px 0 8px;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.our-idea-box .list-box li dd .text{
    font-size: 12px;
    line-height: 18px;
    padding-right: 30px;
    text-align: left;
    margin-bottom: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.our-idea-box .list-box li dd .see-detail{
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
}
.our-idea-box .list-box li dd .see-detail i{
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url("../image/exploit-img14.png") no-repeat;
    vertical-align: middle;
}

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

    /*网站设计页面样式*/
.design-banner{
    background-color: #E5E7EA;
    position: relative;
    background: url(../image/aa_07.jpg)center center/cover;
    height: 800px;
}
.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("../image/design-bg06.jpg");
}
.design-style-box{
    width: 1260px;
    margin: 0 auto;
    text-align: center;
}
.design-style-box .text h1,.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("../image/design-bg01.jpg");
}
.creativity-ddesign .text{
    text-align: center;
    color: #ffffff;
}
.creativity-ddesign .text h1,.creativity-ddesign .text .h1{
    font-size: 35px;
}
.creativity-ddesign .text h2,.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("../image/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,.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,.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,.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,.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("../image/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,.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("../image/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("../image/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("../image/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("../image/aggregation-icon04.png") no-repeat;
    background-size: cover;
    margin: 0 auto 15px;
}
.card-box .icon05 dt{
    width: 60px;
    height: 68px;
    background: url("../image/aggregation-icon05.png") no-repeat;
    background-size: cover;
    margin: 0 auto 15px;
}
.card-box .icon06 dt{
    width: 70px;
    height: 59px;
    background: url("../image/aggregation-icon06.png") no-repeat;
    background-size: cover;
    margin: 0 auto 15px;
}
.card-box .icon07 dt{
    width: 53px;
    height: 61px;
    background: url("../image/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("../image/aggregation-icon007.png") no-repeat;
}
.card-box .icon06:hover dt{
    background: url("../image/aggregation-icon006.png") no-repeat;
}
.card-box .icon05:hover dt{
    background: url("../image/aggregation-icon005.png") no-repeat;
}
.card-box .icon04:hover dt{
    background: url("../image/aggregation-icon004.png") no-repeat;
}

/*高端网站的价值在于建立最大化的信任*/
.trust{
    background: url("../image/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("../image/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("../image/aggregation-icon08.png") no-repeat center center;
}
.three-icon-box .icon09{
    background: url("../image/aggregation-icon09.png") no-repeat center center;
}
.three-icon-box .icon10{
    background: url("../image/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('../image/aggregation-icon008.png');
}
.three-icon-box li:hover .icon09{
    background-image: url('../image/aggregation-icon009.png');
}
.three-icon-box li:hover .icon10{
    background-image: url('../image/aggregation-icon010.png');
}



/*派琪2017最新案例*/
.aggregation-latest-case .latest-case{
    background: url("../image/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("../image/aggregation-img02.jpg");
    background-size: cover;
}

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



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

.latest-case-swiper .img-box16{
    /*border-right: 1px solid #000000;*/
    overflow: hidden;
}
.img-box16 .mask{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 110px;
    background-color: rgba(0,0,0,.8);
    padding: 25px 50px 25px 30px;
    color: #ffffff;
    display: none;
}
.img-box16 .mask .title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}
.img-box16 .mask .text{
    font-size: 12px;
    line-height: 16px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.img-box16:hover .mask{
    display: block;
}
.latest-case-swiper .swiper-button-prev{
    /*background-image: url('../images/prev.png');*/
    top: 190px;
    left: -60px;
}
.latest-case-swiper .swiper-button-next{
    /*background-image: url('../images/prev.png');*/
    top: 190px;
    right: -60px;
}



/*了解*/
.understand{
    background: url("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/value-icon02.png") no-repeat center center;
}
.way-box .val-icon03{
    background: url("../image/value-icon03.png") no-repeat center center;
}
.way-box .val-icon04{
    background: url("../image/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("../image/bb_01.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,.contact-us-banner .content-box .h1{
    font-size: 36px;
    color: #ffffff;
    font-weight: normal;
}
.contact-us-banner .content-box .title02{
    font-size: 16px;
    color: #ffffff;
    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: #ffffff;
    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("../image/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("../image/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;*/
    height: 360px;
    background: url("../image/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('../image/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;
    padding: 0 30px;
}
.online-msg-box .msg{
    margin-top: 65px;
}
.online-msg-box .msg .msg-title h1,.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;
    border: 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:0;
    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("../image/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("../image/marketing-content-icon01.png") no-repeat center center;
}
.way-box .mark-cont-icon02{
    background: url("../image/marketing-content-icon02.png") no-repeat center center;
}
.way-box .mark-cont-icon03{
    background: url("../image/marketing-content-icon03.png") no-repeat center center;
}
.system .way-box h1{
    font-size: 18px;
}

/*过去式*/
.pasted{
    width: 100%;
    height: 776px;
    position: relative;
    background: url("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/web-marking-icon01.png") no-repeat center;
}
.marking-strategy-box .cards-box .blue-bg02{
    background: rgba(26,88,171,.75) url("../image/web-marking-icon02.png") no-repeat center;
}
.marking-strategy-box .cards-box .blue-bg03{
    background: rgba(26,88,171,.75) url("../image/web-marking-icon03.png") no-repeat center;
}
.marking-strategy-box .cards-box .blue-bg04{
    background: rgba(26,88,171,.75) url("../image/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("../image/web-marking-img04.jpg");
    background-size:cover;
    height: 797px;
    position: relative;
}
.seo-brand .blank-bg{
    background: url("../image/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("../image/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("../image/web-marking-partner000-1.png") no-repeat center;
}
.marking-case-box .case-box li:hover .content-box .partner01{
    background: url("../image/web-marking-partner0001.png") no-repeat center;
}
.marking-case-box .case-box .content-box .partner02{
    background: url("../image/web-marking-partner0002.png") no-repeat center;
}
.marking-case-box .case-box li:hover .content-box .partner02{
    background: url("../image/web-marking-partner000-2.png") no-repeat center;
}
.marking-case-box .case-box .content-box .partner03{
    background: url("../image/web-marking-partner0003.png") no-repeat center;
}
.marking-case-box .case-box li:hover .content-box .partner03{
    background: url("../image/web-marking-partner000-3.png") no-repeat center;
}

.marking-case-box .case-box .content-box .partner04{
    background: url("../image/web-marking-partner0004.png") no-repeat center;
}
.marking-case-box .case-box li:hover .content-box .partner04{
    background: url("../image/web-marking-partner004.png") no-repeat center;
}
.marking-case-box .case-box .content-box .partner05{
    background: url("../image/web-marking-partner05.png") no-repeat center;
}
.marking-case-box .case-box li:hover .content-box .partner05{
    background: url("../image/web-marking-partner005.png") no-repeat center;
}
.marking-case-box .case-box .content-box .partner06{
    background: url("../image/web-marking-partner06.png") no-repeat center;
}
.marking-case-box .case-box li:hover .content-box .partner06{
    background: url("../image/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,.media-idea-box .text h2{
    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;*/
    vertical-align: middle;
}
.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("../image/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("../image/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("../image/weChat-applet-bg04.png");
    padding-top: 80px;
    background-size: cover;
}
.text-common{
    text-align: center;
    color: #333333;
}
.text-common p,.text-common h2{
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}
.text-common span{
    font-size: 15px;
    color: #666666;
}
/*功能策划*/
.function-planning{
    width: 100%;
    height: 676px;
    background: url("../image/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("../image/weChat-applet-icon01.png") no-repeat center;
}
.function-planning-box .content-box .icon-box .icon02{
    background: url("../image/weChat-applet-icon02.png") no-repeat center;
}
.function-planning-box .content-box .icon-box .icon03{
    background: url("../image/weChat-applet-icon03.png") no-repeat center;
}
.function-planning-box .content-box .icon-box .icon04{
    background: url("../image/weChat-applet-icon04.png") no-repeat center;
}

/*UI设计*/
.ui-design{
    width: 100%;
    height: 676px;
    background: url("../image/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("../image/weChat-applet-icon05.png") no-repeat center;
}
.ui-design-box .content-box .icon-box .icon06{
    background: url("../image/weChat-applet-icon06.png") no-repeat center;
}
.ui-design-box .content-box .icon-box .icon07{
    background: url("../image/weChat-applet-icon07.png") no-repeat center;
}
/*整合开发*/
.development{
    width: 100%;
    height: 641px;
    background: url("../image/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("../image/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("../image/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("../image/weChat-applet-icon08.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-09{
    background: url("../image/weChat-applet-icon09.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-10{
    background: url("../image/weChat-applet-icon10.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-11{
    background: url("../image/weChat-applet-icon11.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-12{
    background: url("../image/weChat-applet-icon12.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-13{
    background: url("../image/weChat-applet-icon13.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-14{
    background: url("../image/weChat-applet-icon14.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-15{
    background: url("../image/weChat-applet-icon15.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-16{
    background: url("../image/weChat-applet-icon16.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-18{
    background: url("../image/weChat-applet-icon18.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-19{
    background: url("../image/weChat-applet-icon19.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-20{
    background: url("../image/weChat-applet-icon20.png") no-repeat center;
}
.solute-way-box .function-box li .content-box .icon-21{
    background: url("../image/weChat-applet-icon21.png") no-repeat center;
}



.solute-way-box .function-box li:hover .content-box .icon-08{
    background: url("../image/weChat-applet-icon008.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-09{
    background: url("../image/weChat-applet-icon009.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-10{
    background: url("../image/weChat-applet-icon010.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-11{
    background: url("../image/weChat-applet-icon011.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-12{
    background: url("../image/weChat-applet-icon012.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-13{
    background: url("../image/weChat-applet-icon013.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-14{
    background: url("../image/weChat-applet-icon014.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-15{
    background: url("../image/weChat-applet-icon015.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-16{
    background: url("../image/weChat-applet-icon016.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-18{
    background: url("../image/weChat-applet-icon018.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-19{
    background: url("../image/weChat-applet-icon019.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-20{
    background: url("../image/weChat-applet-icon020.png") no-repeat center;
}
.solute-way-box .function-box li:hover .content-box .icon-21{
    background: url("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/website-construct-img18.jpg");
    height: 815px;
}
.mixture-box-right{
    width: 50%;
    background: url("../image/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("../image/website-construct-icon07.png") no-repeat right bottom;
}
.mixture-box ._icon10{
    background: url("../image/website-construct-icon10.png") no-repeat right bottom;
}

.mixture-box ._icon08{
    background: url("../image/website-construct-icon08.png") no-repeat left bottom;
}
.mixture-box ._icon09{
    background: url("../image/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%; 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: #ffffff;
  font-size: 28px;
  font-family: arial;
}
.news_banner .w1200 h2 ,.news_banner .w1200 h3{
  margin-top: 5px;
  color: #ffffff;
  font-size: 35px;
  font-weight: normal;
}
.news_banner .w1200 .name {
  margin-top: 5px;
  color: #ffffff;
  font-size: 26px;
  font-family: arial;
}
.news_banner .w1200 .t {
  margin-top: 15px;
  width: 418px;
  color: #ffffff;
  font-size: 13px;
  line-height: 24px;
}
.news_banner .w1200 .more {
  margin-top: 5%;
  padding: 0;
  display: block;
  width: 143px;
  height: 39px;
  border: 1px solid #898b86;
  background: url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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: "微软雅黑";
}





/*关于派琪页面样式*/
.about-paiky-banner{
    background: url("../cyh/Page_about/大厅.jpg") no-repeat;
    background-size: cover;
    height: 800px;
}
.banner-box{
    text-align: center;
    padding-top: 114px;
}
.banner-box p.title{
    font-size: 35px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
}
.banner-box .pai-logo-box{
    margin-top: 40px;
    margin-bottom: 30px;
}
.banner-box p.text{
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
}
.banner-box .dropdown-arrow{
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../image/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("../image/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("../image/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("../image/paiky-att-img05.jpg");
    background-size:cover;
}

/*派琪活动*/
.paiky-active-box{
    padding: 95px 0 125px;
    background: url("../image/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,.paiky-active .title h2{
    font-size: 35px;
    color: #333333;
}
.paiky-active .mix-box .img-box27{
    width:631px;
}
.paiky-active .mix-box li{
    float: left;
    width:307px;
    height:198px;
    margin-bottom: 17px;
    margin-right: 17px;
}
.paiky-active .mix-box li:nth-child(2),
.paiky-active .mix-box li:nth-child(4){
    margin-right: 0;
}
.paiky-active .mix-box li:nth-child(3),
.paiky-active .mix-box li:nth-child(4){
    margin-bottom: 0;
}
.paiky-active .text-box{
    width:642px;
}
.paiky-active .text01{
    height:198px;
    background-color: #FFFFFF;
    padding: 35px 0 0 35px;
    margin-bottom: 17px;
}
.paiky-active .text01 .subtile{
    font-size: 20px;
    color: #000;
}
.paiky-active .text01 .date{
    font-size: 15px;
    color: #979797;
    display: block;
    margin: 8px 0 15px;
}
.paiky-active .text01 p{
    font-size: 14px;
    color: #777;
    line-height: 22px;
}

/*派琪分布*/
.paiky-distribute-box{
    padding-top: 160px;
    background: url("../image/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,.paiky-distribute .text h2{
    font-size: 35px;
}
.paiky-distribute .text p{
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
}
.distribute-state li{
    width:522px;
    height:323px;
    padding: 44px 0 0 82px;
    float: left;
}
.distribute-state li+li{
    margin-left: 17px;
}
.distribute-state li span{
    display: block;
    width:33px;
    height:42px;
    background: url("../image/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("../image/paiky-att-img014.jpg") no-repeat;
}
.distribute-state .state02{
    background: url("../image/paiky-att-img12.jpg") no-repeat;
}
.distribute-state .state03{
    background: url("../image/paiky-att-img13.jpg") no-repeat;
}
.distribute-state .state01:hover{
    background: url("../image/paiky-att-img14.jpg") no-repeat;
}
.distribute-state .state02:hover{
    background: url("../image/paiky-att-img012.jpg") no-repeat;
}
.distribute-state .state03:hover{
    background: url("../image/paiky-att-img013.jpg") no-repeat;
}
.distribute-state li:hover i{
    background-color: #447FC2;
}
.distribute-state li:hover span{
    background: url("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/high-end-img11.jpg");
    background-size:cover;
}
/*版本进化*/
.versions{
   background: url("../image/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("../image/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,.case-show-box li dd h3{
    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('../image/aside-img01.png') no-repeat center #EAEAEA;
}
.sidebar li .icon02{
    background:url('../image/aside-img02.png') no-repeat center #EAEAEA;
}
.sidebar li .icon03{
    background:url('../image/aside-img03.png') no-repeat center #EAEAEA;
}
.sidebar li .icon04{
    background:url('../image/aside-img04.png') no-repeat center #EAEAEA;
}
.sidebar li .icon05{
    background:url('../image/aside-img05.png') no-repeat center #EAEAEA;
}
.sidebar li .icon06{
    background:url('../image/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('../image/aside-img001.png') no-repeat center #181818;
}
.sidebar li:hover .icon02{
    background:url('../image/aside-img002.png') no-repeat center #181818;
}
.sidebar li:hover .icon03{
    background:url('../image/aside-img003.png') no-repeat center #181818;
}
.sidebar li:hover .icon04{
    background:url('../image/aside-img004.png') no-repeat center #181818;
}
.sidebar li:hover .icon05{
    background:url('../image/aside-img005.png') no-repeat center #181818;
}
.sidebar li:hover .icon06{
    background:url('../image/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%;
	}
	.paiky-direction-box li{
		width: 25%;
	}
	
	.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%;
	}
	
	.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,.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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(https://www.paiky.net/templates/default/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(../image/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(../image/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(../image/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%;
    display: block;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.g_box4 .gl_list ul li ol li .d2{
    padding-left: 5%;
}
.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(../image/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(../image/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(../image/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%;
}

#t_wjxz{
	font-size: 12px;
}
#t_wjxz span{
	display: inline-block;
	margin-left: 38px;
}