.p-section{width:100%;overflow: hidden;padding:96px 0 100px;background-size: cover;}
.p-container{width:1200px;margin:0 auto}
.p-container::before,.p-container::after{content: '';display:table;}
.p-container::after{clear: both;}
.p-arial{font-family:Arial,"Helvetica Neue",Helvetica,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.p-se-index{padding:0;}
.p-se-index .p-cont{text-align: center;margin-top:172px;color: #fff;}
.p-se-index h1{font-size: 44px;line-height: 56px;color: #fff;}
.p-se-index .p-infor{font-size: 18px;margin-top: 18px;}
.p-se-index .p-container{position: relative;height: 100%;}
.p-index{width:472px;height: 468px;position: absolute;left: 50%;margin-left: -236px;bottom:-17px;z-index: 1;}
.p-annulus{width:472px;height: 468px;}
.p-index-fi{position: absolute;top:180px;left: 50%;font-size: 28px;line-height: 36px;color: #fff;width:130px;text-align: center;margin-left: -65px;z-index: 2;}
.p-index-se p{font-size: 18px;color: #fff;line-height: 28px;white-space: nowrap;position: absolute;z-index: 3;}
.p-index-text1{right:100%;bottom: 200px;margin-right: 20px;}
.p-index-text2{right:100%;bottom:330px;}
.p-index-text3{right: 50%;bottom:427px;margin-right: 136px;}
.p-index-text4{left: 50%;bottom:427px;margin-left: 136px;}
.p-index-text5{left:100%;bottom:330px;}
.p-index-text6{left:100%;bottom: 200px;margin-left: 20px;}
.p-index-th{position: absolute;left:0;bottom: 85px;z-index: 5;width:100%;text-align: center;}
.p-info p
{
    margin: 0 0 5px;
}
p {
    margin: 0 0 0px;
}
.p-btn-made{
    display: inline-block;
    text-align: center;
    border:2px solid #fff;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    line-height: 24px;
    padding:12px 60px;
    cursor: pointer;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
}
.p-btn-made:hover {
    background-color: #d41616;
    border-color: #D41616;
}
body .p-se-pack
{
    padding: 96px 0 100px;
}
.p-se-seo{background: #f1f1f1;}
.p-context{text-align: center;padding-bottom:77px;}
.p-context .h2{font-size: 30px;line-height: 36px;color: #333;}
.p-se-mark .p-context .h2,.p-se-advantage .p-context .h2{color: #fff;}
.p-context .desc{margin-top: 15px;font-size: 14px;line-height: 20px;color: #888;}
.p-seo-box{margin-left: -20px;margin-top: -20px;}
.p-seo-item{    cursor: pointer;float: left;width: 590px;height: 238px;background:#fff;margin-left: 20px;margin-bottom: 20px;text-align: center;position: relative;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.p-seo-item .p-icon{width: 70px;height: 70px;background:url(/images/qitayingxiao/p-seo.png) no-repeat;margin:0 auto;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.p-seo-item.i-1 .p-icon{background-position:0 0;}
.p-seo-item.i-2 .p-icon{background-position:-70px 0;}
.p-seo-item.i-3 .p-icon{background-position:-140px 0;}
.p-seo-item.i-4 .p-icon{background-position:-210px 0;}
.p-seo-item .p-tit{font-size: 18px;line-height: 36px;color: #333;margin-top: 10px;font-weight: lighter;}
.p-seo-item .p-en{font-size: 14px;color: #888;line-height: 22px;}
.p-seo-item .p-num{font-size: 14px;color: #fff;line-height: 22px;text-align: center;width:22px;height: 22px;border-radius: 50%;background: #d81617;position: absolute;right: -11px;top:-11px;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;z-index: 3;}
.p-seo-item:hover{
    -webkit-box-shadow:0px 7px 14px 0 rgba(0,0,0,0.18);
            box-shadow:0px 7px 14px 0 rgba(0,0,0,0.18);
}
.p-seo-item .p-outlines{position: relative;width:100%;height:100%;overflow:hidden;}
.p-seo-item .p-lines{padding: 52px 15px 0 15px;position: relative;width:100%;height:100%;}
.p-seo-item .p-outlines::before,.p-seo-item .p-outlines::after,.p-seo-item .p-lines::before,.p-seo-item .p-lines::after {
    content: '';
    position: absolute;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    -o-transition: transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    z-index: 2;
}
.p-seo-item .p-outlines::before,.p-seo-item .p-outlines::after{width: 100%;height: 1px;background: -webkit-gradient(linear, left top, right top, from(#f8bb56), to(#d81617));background: -webkit-linear-gradient(left, #f8bb56, #d81617);background: -o-linear-gradient(left, #f8bb56, #d81617);background: linear-gradient(to right, #f8bb56, #d81617);}
.p-seo-item .p-lines:before,.p-seo-item .p-lines:after{width:1px;height: 100%;}
.p-seo-item .p-outlines::before{bottom: 0;left: 0;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);}
.p-seo-item .p-outlines::after{top: 0;left: 0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);}
.p-seo-item .p-lines:before{left: 0;top: 0;background: #f8bb56;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}
.p-seo-item .p-lines:after{right: 0;top: 0;background:#d81617;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);}
.p-seo-item:hover .p-outlines::before,.p-seo-item:hover .p-outlines::after{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.p-seo-item:hover .p-lines::before,.p-seo-item:hover .p-lines::after{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.p-seo-item:hover .p-num{background: -webkit-gradient(linear, left top, right top, from(#f8bb56), to(#d81617));background: -webkit-linear-gradient(left, #f8bb56, #d81617);background: -o-linear-gradient(left, #f8bb56, #d81617);background: linear-gradient(to right, #f8bb56, #d81617);}
.p-seo-item.i-1:hover .p-icon{background-position:0 -70px;}
.p-seo-item.i-2:hover .p-icon{background-position:-70px -70px;}
.p-seo-item.i-3:hover .p-icon{background-position:-140px -70px;}
.p-seo-item.i-4:hover .p-icon{background-position:-210px -70px;}
.p-se-solu{background: #fff;}
.p-solu-item{float: left;}
.p-solu-box{position: relative;}
.p-solu-item.it-1{width:587px;height: 80px;}
.p-solu-item.it-2{width:600px;padding-top: 20px;height: 127px;border-top: 1px solid rgba(136,136,136,.3);}
.p-solu-item.it-2.fl-1{padding-right:128px;}
.p-solu-item.it-2.fl-2{padding-left:128px;}
.p-solu-item .p-info{font-size: 14px;color: #888;line-height: 20px;}
.p-solu-item .p-tit{font-size: 18px;line-height: 25px;color: #333;padding:0 20px;height: 40px;width: 129px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.p-solu-item.fl-1 .p-tit{float: right;border-left: 1px solid rgba(136,136,136,.5);    cursor: pointer;}
.p-solu-item.fl-1 .p-info{float: right;text-align: right;padding-right: 20px;}
.p-solu-item.it-1 .p-info{width:458px;}
.p-solu-line{float: left;width:1px;height: 78px;background:rgba(136,136,136,.3);margin:0 12px;}
.p-solu-item.fl-2 .p-tit{float: left;border-right: 1px solid rgba(136,136,136,.5);    cursor: pointer;}
.p-solu-item.fl-2 .p-info{float: left;text-align: left;padding-left: 20px;}
.p-solu-item.it-2 .p-info{width:343px;}
.p-solu-de{font-weight: bold;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;    cursor: pointer;}
.p-solu-item.la{border-top: 1px solid rgba(136,136,136,.3);padding-top:40px;}
.p-solu-item:hover .p-tit,.p-solu-item:hover .p-solu-de{color: #d81617;}
.p-solu-img{float: left;width:256px;height: 256px;position: absolute;top:80px;left: 50%;margin-left: -128px;}
.p-solu-img img{position: absolute;top: -1px;left:0;width:100%;height: 100%;}
.p-se-solu{background-repeat: no-repeat;background-position: center;background-size: cover;padding-bottom: 195px;}
.p-se-mark .p-context h2{color: #fff;}
.p-mark-box{margin-left: -21px;margin-top: -21px;}
.p-mark-item{    cursor: pointer;float: left;width:386px;height: 425px;overflow: hidden;margin-left: 21px;margin-bottom: 21px;position: relative;}
.p-mark-item .p-fig{width:100%;height: 100%;}
.p-mark-item .p-mask{position: absolute;width:100%;height: 100%;top:0;left: 0;background:rgba(255,255,255,.7);z-index: 2;opacity: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.p-mark-item .p-mask::before,.p-mark-item .p-mask::after{content: '';position: absolute;top:5px;left: 5px;bottom: 5px;right: 5px;opacity: 0;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index: 3;}
.p-mark-item .p-mask::before{
    border-top: 1px solid #d81617;
    border-bottom:1px solid #d81617;
    -webkit-transform: scale(0,1);
        -ms-transform: scale(0,1);
            transform: scale(0,1);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
}
.p-mark-item .p-mask::after {
    border-right: 1px solid #d81617;
    border-left: 1px solid #d81617;
    -webkit-transform: scale(1,0);
        -ms-transform: scale(1,0);
            transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
}
.p-mark-item .p-brank{position: absolute;left: 50%;bottom: 30px;width:136px;margin-left: -68px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index: 4;}
.p-mark-item.p-col-2{width:589.5px;height: 333px;}
.p-mark-item:hover .p-mask{opacity: 1;}
.p-mark-item:hover .p-mask::before,.p-mark-item:hover .p-mask::after {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.p-mark-item:hover .p-brank{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.p-se-advan{background: #fff;}
.p-advan-box{margin-left: -21px;}
.p-advan-box .p-col{margin-left:21px;float: left;}
.p-advan-item{    cursor: pointer;width:198px;height: 290px;margin:0 94px 228px 94px;position: relative;}
.p-advan-warp{position: relative;width:198px;height: 198px;}
.p-advan-name{
    padding-top:48px;
    -webkit-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
    opacity: 1;
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 1;
    position: absolute;
    top: 198px;
    width: 100%;
    left: 0;
}
.p-advan-name hr{border:none;width:36px;height: 2px;background: #888;margin-bottom:0 auto 16px auto;}
.p-advanBg{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: visible;
}
.p-advanblock{
    width:198px;
    height: 198px;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    position: relative;
}
.p-advan-warp .p-bg {
    width: 198px;
    height: 198px;
    background: #27c9f8;
    background: -webkit-linear-gradient(305deg,#06e5f8,#3eb5f8);
    background: -o-linear-gradient(305deg,#06e5f8,#3eb5f8);
    background: linear-gradient(145deg,#06e5f8,#3eb5f8);
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    border-radius:50%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    overflow: visible;
}
.p-infoIcon{
    background: url(/images/qitayingxiao/p-seo.png) no-repeat -280px 0;
    width:84px;
    height: 84px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -42px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.p-advan-item.it-1 .p-infoIcon{background-position:-280px 0;}
.p-advan-item.it-2 .p-infoIcon{background-position:-364px 0;}
.p-advan-item.it-3 .p-infoIcon{background-position:-448px 0;}
.p-advan-warp .p-info-wrap {
    position: absolute;
    top: -13px;
    z-index: 2;
    text-align: center;
    width: 386px;
    left: -94px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    filter: alpha(opacity=0);
}
.p-infoWrap{
    position: absolute;
    top: 0;
    z-index: 2;
    text-align: center;
    width: 386px;
    padding:0 36px;
    left: -94px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    filter: alpha(opacity=0);
}
.p-advan-warp .f-nom .p-bg {
    background: transparent;
}
.p-advan-warp .f-nom{top:32px;}
.p-advan-warp .p-tit{font-size: 18px;line-height: 1;text-align: center;padding-top: 33px;}
.p-advan-warp .p-des{font-size: 14px;line-height: 22px;color: #888;margin-top: 26px;}
.p-advan-item.it-2 .p-advan-warp .p-fasico .p-bg{
    background-color: #64aaf2;
    background: -webkit-linear-gradient(305deg,#64edea,#64aaf2);
    background: -o-linear-gradient(305deg,#64edea,#64aaf2);
    background: linear-gradient(145deg,#64edea,#64aaf2);
}
.p-advan-item.it-3 .p-advan-warp .p-fasico .p-bg{
    background-color: #f8788b;
    background: -webkit-linear-gradient(305deg,#f8c84c,#f8788b);
    background: -o-linear-gradient(305deg,#f8c84c,#f8788b);
    background: linear-gradient(145deg,#f8c84c,#f8788b);
}
.p-advan-warp:hover .p-advanBg{
    width: 386px;
    height:518px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
            box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
    left: -94px;
    top: -40px;
    border-radius: 20px;
}
.p-advan-warp:hover .p-fasico .p-bg{
    height: 270px;
    width: 386px;
    left: -94px;
    top: -40px;
    border-radius: 20px 20px 0 0/20px 20px 0 0;
    background-color: #06e5f8;
    background: -webkit-gradient(linear,left top, right top,from(#3eb5f8),to(#06e5f8));
    background: -webkit-linear-gradient(left,#3eb5f8,#06e5f8);
    background: -o-linear-gradient(left,#3eb5f8,#06e5f8);
    background: linear-gradient(90deg,#3eb5f8,#06e5f8);
}
.p-advan-warp:hover .f-nom .p-bg{
    height: 248px;
    width: 386px;
    left: -94px;
    top: 0;
    bottom: -40px;
    background: #fff;
    border-radius: 0 0 20px 20px/ 0 0 20px 20px;
}
.p-advan-item:hover .p-advan-name{opacity: 0;filter: alpha(opacity=0);}
.p-advan-item:hover .p-infoWrap{opacity: 1;filter: alpha(opacity=100);}
.p-advan-item.it-2:hover .p-advan-warp .p-fasico .p-bg{
    background-color: #64aaf2;
    background: -webkit-gradient(linear,left top, right top,from(#64edea),to(#64aaf2));
    background: -webkit-linear-gradient(left,#64edea,#64aaf2);
    background: -o-linear-gradient(left,#64edea,#64aaf2);
    background: linear-gradient(90deg,#64edea,#64aaf2);
}
.p-advan-item.it-3:hover .p-advan-warp .p-fasico .p-bg{
    background-color: #f8788b;
    background: -webkit-gradient(linear,left top, right top,from(#f8c84c),to(#f8788b));
    background: -webkit-linear-gradient(left,#f8c84c,#f8788b);
    background: -o-linear-gradient(left,#f8c84c,#f8788b);
    background: linear-gradient(90deg,#f8c84c,#f8788b);
}
.p-se-advantage{background-repeat: no-repeat;background-position:center;background-size: cover;height: 714px;text-align: center;}
.p-se-advantage .p-context h2{color: #fff;}
.p-advanta-item{float: left;width:20%;height: 240px;text-align: center;padding-top: 46px;border-left: 1px solid rgba(255,255,255,.2);position: relative;z-index: 1;}
.p-advanta-item .p-icon{width:60px;height: 60px;margin:0 auto;background:url(../images/p-seo.png) no-repeat;}
.p-advanta-item.it-1{border-left: none;}
.p-advanta-item.it-1 .p-icon{background-position:-280px -84px;}
.p-advanta-item.it-2 .p-icon{background-position:-340px -84px;}
.p-advanta-item.it-3 .p-icon{background-position:-400px -84px;}
.p-advanta-item.it-4 .p-icon{background-position:-460px -84px;}
.p-advanta-item.it-5 .p-icon{background-position:-520px -84px;}
.p-advanta-item .p-tit{font-size:18px;line-height:1;color: #fff;margin:26px 0 17px;}
.p-advanta-item .p-des{font-size: 14px;line-height: 20px;color: #888;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.p-advanta-item::after{content:'';position: absolute;top:0;left: 0;width:0;height: 100%;background: -webkit-linear-gradient(324deg,#f8bb56,#d81617);background: -o-linear-gradient(324deg,#f8bb56,#d81617);background: linear-gradient(126deg,#f8bb56,#d81617);-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;z-index: -1;}
.p-advanta-item:hover::after{width: 100%;}
.p-advanta-item:hover .p-des{color: #fff;}
.p-advanta-item:hover + .p-advanta-item{border-color: transparent;}
.p-se-advantage .btn-made{
    margin-top: 80px;
    display: inline-block;
    text-align: center;
    border: 2px solid rgba(255,255,255,.8);
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 60px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.p-se-advantage .btn-made:hover{
    background-color: #d41616;
    border-color: #D41616;
}
.p-se-service{background: #fff;}
.p-table-full {
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
}
.p-table-full th {
    background: #d7d6d6;
    color: #333;
    font-size: 16px;
    text-align: center;
    height: 50px;
    border: 1px solid #fff;
    font-weight: 400;
}
.p-table-full td {
    border: 1px solid #d7d6d6;
    text-align: center;
    height:44px;
    font-size: 14px;
    line-height: 20px;
    color: #888;
}
.p-table-full .p-td1{width:65px;padding:0 22px;font-size: 14px;line-height: 18px;color: #d81617;font-weight: bold;}
.btn-know{
    display: inline-block;
    text-align: center;
    border: 2px solid #d81617;
    color: #333;
    border-radius: 30px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 42px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.btn-know:hover{background:#d81617;color: #fff;}
.se-pack-box{margin-left: -21px;margin-top: -21px;}
.p-pack-i{    cursor: pointer;float: left;width: 386px;height: 274px;margin-left: 21px;margin-bottom: 21px;overflow: hidden;position: relative;}
.p-pack-i img{width:100%;height: 100%;}
.p-pack-i .p-cont{position: absolute;bottom:0;left: 0;width:100%;height: 63px;background: transparent;padding:0 30px;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.p-pack-i .p-tit{font-size: 18px;color: #fff;line-height: 63px;}
.p-pack-i:hover .p-cont{background: rgba(216,22,23,.8);}
.p-table-full .p-th2{width:195px;}
.p-table-full .p-th3{width:500px;}
.p-table-full .p-th4{width:48px;}
.p-table-full .p-th5{width:194px;}
.p-se-pack{background: #F1F1F1;}
@media (min-width: 1200px)and (max-width:1400px){
    .p-se-index {
    height: 655px;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 71px;
    padding: 0;
        /*background-image: url(../images/psbj1.jpg);*/
}
.p-se-index .p-cont {
    text-align: center;
    margin-top: 75px;
    color: #fff;
}
}