header{
    position: fixed !important;
    width: 100%;
    left: 0;
    top: 0;
    height: 100px;
    z-index: 10;
    line-height: 100px;
    text-align: center;
    /* background: #0e192f; */
}
/* body{
    width: 1920px;
    margin: 0 auto;
} */
footer .wx-fl{
    text-align: center;
    margin-left: 10px;

}
header h1{
    margin-left: 3%;
    margin-top: 20px;
}
header .phone span{
    font-size: 24px;
    color: #d6dade;
    display: inline-block;
    vertical-align: middle;
}
header .h_nav,
header .h_nav li,
header .phone .ss-h,
header .phone .wx{
    display: inline-block;
    vertical-align: middle;
    /* margin-left: 30px; */
}
header .phone .wx{
    margin: 0 30px;
    position: relative;
}
header .phone .wx i{
    width: 32px;
    height: 32px;
    background: url('../images/wx-ico.png') no-repeat center;
    display: inline-block;
    vertical-align: middle;
    opacity: .5;
    cursor: pointer;
}
header .phone .wx i:hover{
    opacity: 1;
}
header .phone .wx .down {
    position: absolute;
    right: 0;
    bottom: -20px;
    width: 120px;
    max-width: none;
    transform: translate(0, 100%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
header .phone .wx:hover .down {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
header .phone .ss-h{
    width: 100px;

    background: url('../images/ss-h.png') no-repeat center;
    background-color: #0e192f;
    cursor: pointer;
}
header .h_nav li a{
    font-size: 16px;
    color: #f2f3f4
}
header .h_nav li a.active,
header .h_nav li a:hover {
    color: #ff2b5d;
}
header .h_nav li{
    margin-right: 64px;
}
header .h_nav li:last-of-type{
    margin-right: 0;
}
header .h_nav li .head-subnav {
    position: absolute;
    left: 0;
    bottom: -20px;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    padding: 30px 0;
    padding-left: 6vw;
    background: #fff;
    line-height: 1;
    transform: translateY(100%);
    transition: opacity .3s, bottom .3s;
}
header .h_nav li:hover .head-subnav {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
header .h_nav li .head-subnav a {
    display: inline-block;
    line-height: 50px;
    margin-right: 4vw;
    color: #122238;
    font-size: 16px;
}
@media (max-width: 1380px) {
    header .h_nav li .head-subnav a {
        margin-right: 2vw;
    }
}
header .h_nav li .head-subnav a:hover {
    color: #ff2b5d;
}
header .h_nav li .head-subnav a img {
    margin-right: 20px;
}
.bananr {
    position: relative;
}
.bananr .swiper-button-prev,
.bananr .swiper-button-next {
    left: auto;
    top: auto;
    right: 210px;
    bottom: 10px;
    width: 80px;
    height: 80px;
    margin: 0;
    background: none;
    background: #ff2b5d;
    border-radius: 5px;
}
.bananr .swiper-button-prev:after,
.bananr .swiper-button-next:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 16px;
    height: 16px;
    margin-left: -4px;
    border: 3px solid #fff;
    border-left: none;
    border-bottom: none;
}
.bananr .swiper-button-prev {
    right: 295px;
    background: #efefef;
}
.bananr .swiper-button-prev:after {
    border-color: #595959;
    margin-left: 4px;
    transform: translate(-50%, -50%) rotate(-135deg);
}
.index-set1{
    width: 100%;
    padding: 86px 0;
}
.index-title{
    width: 100%;
    margin-bottom: 40px;
}
.index-title h6{
    font-size: 36px !important;
    color: #000000 !important;
    display: inline-block;
    position: relative;
    z-index: 1;
    font-weight: bold;
    margin-bottom: 3px;
}
.index-title h6::before{
    width: 23px;
    height: 23px;
    content: '';
    background: url('../images/index-title-ico.png') no-repeat center;
    position: absolute;
    right: -6px;
    top: 0;
    z-index: -1;
}
.index-title p{
    font-size: 18px;
    color: #bfbfbf;
    text-transform: uppercase;
}
.index-set1 .top{
    width: 100%;

}
.index-set1 .top .left{
    width: 66%;
}
.index-set1 .top .rigth{
    width: 32%;
}
.index-set1 .top .rigth li:first-of-type{
    margin-bottom: 30px;
}
.index-set1 .dts{
    position: relative;
}
.index-set1 .dts .td{
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    padding: 3% 4%;
}
.index-set1 .dts .td h6{
    font-size: 24px;
    color: #fff;
    margin-bottom: 3px;
}
.index-set1 .dts .td p{
    font-size: 16px;
    color: #fff;
}
.index-set1 .bt {
    margin-top: 30px;
}
.index-set1 .bt li{
    width: 32%;
    float: left;
    margin-right: 2%;
}
.index-set1 .bt li:nth-of-type(3){
    margin-right: 0;
}
.index-set2{
    width: 100%;
    background: #f8f8f8;
    padding: 86px 0;
}
.index-set2-cont{
    width: 100%;
}
.index-set2-cont li{
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 30px;
}
.index-set2-cont li:nth-of-type(3n){
    margin-right: 0;
}
.index-set2-cont li a{
    display: block;
    width: 100%;
    background: #fff;
    transition: all .5s;
}
.index-set2-cont li a:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 6px rgba(0, 0, 0, .1)
}
.index-set2-cont li .imgd{
    overflow: hidden;
}
.index-set2-cont li .imgd img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    transition: all .5s;
}
.index-set2-cont li:hover .imgd img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);

    filter: grayscale(0%);
    transform: scale(1.1)
}
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;
}
.index-set2-cont li .txt{
    padding: 25px 22px 0;
}
.index-set2-cont li .txt h6{
    font-size: 24px;
    color: #000000;
    margin-bottom: 6px;
}
.index-set2-cont li .txt p{
    font-size: 16px;
    color: #595959;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9e9e9;
}
.index-set2-cont li .ds{
    line-height: 56px;
    font-size: 16px;
    color: #666;
    position: relative;
}
.index-set2-cont li .ds::before{
    width: 31px;
    height: 15px;
    content: '';
    display: block;
    background: url('../images/index-ico.png') no-repeat center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}
.index-more{
    width: 214px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    border: 1px solid #e9e9e9;
    display: block;
    margin: 0 auto;
    font-size: 16px;
}
.index-more span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.index-set3 .index-set3-cont {
    width: 69%;
    margin-left: auto;
    margin-right: 20px !important;
    z-index: 3;
}
.index-set3{
    padding: 110px 0;
    position: relative;
    width: 100%;
}
.index-set3 .set3Cont{
    position: absolute;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
    z-index: 1;
}
.index-set3 .set3Cont h4{
    font-size: 36px;
    color: #000000;
    line-height: 1.2;
    width: 360px;
    text-align: left;
    margin-left: -16px;
}
.index-set3 .set3Cont h6{
    font-size: 16px;
    color: #666;
    font-size: 16px;
    margin-top: 32px;
}
.index-set3 li{
    border: 1px solid #e5e5e5;
    position: relative;

}
.index-set3 li .dst{
    width: 100%;
    position: absolute;
    left: 0;
    top: 14%;
    padding: 0 10%;
}
.index-set3 li .dst h6{
    font-size: 24px;
    color: #262626;
    margin-bottom: 12px;
}
.index-set3 li .dst .cont{
    font-size: 16px;
    color: #666;
}
.index-set3 .ndt span,
.index-set3 .ndt em{
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #e9e9e9;
    vertical-align: middle;
    background-image: url('../images/index-d.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-top: 60px;
}
.index-set3 .ndt em{
    transform: rotate(180deg);
    margin-left: 10px;
}
.index-set3 .ndt em:hover,
.index-set3 .ndt span:hover{
    background-color: #ff2b5d;
    background-image: url('../images/index-a.png')
}
.set3Cont-se{
    width: 405px;
}
.index-set4{
    position: relative;
}
.index-set4-vie{
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.index-set4-vie .index-title h6{
    color: #fff !important;
}
.index-set4-vie .cont{
    font-size: 16px;
    color: #d1d1d2;
    width: 40%;
}
.index-set4-vie .cont p{
    margin-bottom: 30px;
}
.index-set4-vie li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 60px;
    margin-top: 42px;
}
.index-set4-vie li:last-of-type{
    margin-right: 0;
}
.index-set4-vie li span{
    font-size: 68px;
    color: #ff2b5d;
    font-weight: bold;
    line-height: 1;
}
.index-set4-vie li span sup{
    font-size: 16px;
    font-weight: normal;
}
.index-set4-vie li p{
    font-size: 16px;
    color: #fff;
    margin-top: 6px;
}
.index-set5{
    width: 100%;
    padding: 110px;
}
.index-set5 .index-title{
    text-align: center;
}
.index-set6{
    background: #f8f8f8;
    padding: 86px 0;
}
.index-set6-nav{
    width: 100%;
}
.index-set6-nav .fr{
    margin-top: 20px;
}
.index-set6-nav .fr a{
    font-size: 16px;
    color: #595959;
    display: inline-block;
    vertical-align: middle;
    margin-right: 42px;
}
.index-set6-nav .fr a:last-of-type{
    margin-right: 0;
}
.index-set6-nav .fr a.on{
    color: #ff2b5d
}
.index-set6-cont li{
    width: 49%;
    float: left;
    margin-right: 2%;
    padding: 20px;
    border: 1px solid #e9e9e9;
    margin-bottom: 32px;
    transition: all .5s;
}
.index-set6-cont li:hover{
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    transform: translateY(-6px)
}
.index-set6-cont li:nth-of-type(2n){
    margin-right: 0;
}
.index-set6-cont li .imgd{
    width: 320px;
    display: inline-block;
    vertical-align: middle
}
.index-set6-cont li .text{
    width: 409px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 18px;
}
.index-set6-cont li .text h6{
    font-size: 24px;
    color: #262626;
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
}
.index-set6-cont li .text p{
    font-size: 14px;
    color: #8c8c8c;
    height: 108px;
}
.index-set6-cont li .text .des{
    font-size: 14px;
    color: #8c8c8c
}
footer{
    background: #202020;
}
footer li{
    display: inline-block;
    vertical-align: text-top;
    margin-right: 188px;
}
footer li:last-of-type{
    margin-right: 0;
}
footer li dt{
    color: #e0e0e0;
    margin-bottom: 18px;
    font-size: 18px;
}
footer li dd{
    font-size: 14px;

    margin-bottom: 10px;
}
footer li dd a{
    color: #8c8c8c;
}

footer li dd p{
  margin-top: 6px;
  font-size: 14px;
  color: #8c8c8c;
}
footer .wx-fl{
    width: 120px;
}
footer .wx-fl p{
    font-size: 14px;
    color: #8c8c8c;
    margin-top: 8px;
}
footer .wt{
    padding: 62px 0;
    border-bottom: 1px solid #494949
}
footer .wds{
    line-height: 110px;
}
footer .wds a,
footer .wds p{
    font-size: 14px;
    color: #8c8c8c
}
.about-nav{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #525355;
    line-height: 60px;
}
.about-nav a{
    font-size: 16px;
    color: #8a8a8b;
    margin-right:60px;
    position: relative;
    display: inline-block;
}
.about-nav a:last-of-type{
    margin-right: 0;
}
.about-nav a::before{
    width: 0%;
    height: 3px;
    background: -webkit-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);

   background: -o-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);

   background: -moz-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);

   background: -ms-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);
   content: '';
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 0;
   transition: all .5s;
}
.about-nav a.on::before,
.about-nav a:hover::before{
    width: 100%;

}
.index-setd-des{
    width: 45%;
    padding-top: 80px;
    /* display: inline-block;
    vertical-align: middle */
}
.index-setd-cont{
    width: 45%;

}
.index-setd-des h6{
    font-size: 42px;
    color: #000000;
    line-height: 1.3;
    margin-bottom: 40px;
}
.index-setd-des .cont{
    font-size: 16px;
    color: #969696;
    padding-bottom: 36px;
}
.index-setd-des .cont p{
    margin-bottom: 36px;
}
.index-setd-des .more-about{
    width: 250px;
    text-align: center;
    font-size: 18px;
    display: block;
    background: -webkit-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);

    background: -o-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);

    background: -moz-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);

    background: -ms-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);
    line-height: 50px;

    color: #fff;
}
.index-setd-des .more-about::before{
    width: 29px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/index-ico1.png') no-repeat center;
    content: '';
    margin-right: 6px;
}
.about-set1{
    padding-top: 111px;
    padding-bottom: 60px;
}
.about-set2{
    padding: 74px 0;
    background: #f5f5f5;
}
.about-set2 .index-title{
     text-align: center;
}
.about-set2-vies{
    width: 100%;
}
.about-set2-vies li{
    width: 24%;
    margin-right: 1.333%;
    float: left;
    background: #fff;
    padding: 36px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.about-set2-vies li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: scale(0);
    opacity: 0;
    transition: all .5s;
}
.about-set2-vies li:hover img{
    transform: scale(1);
    opacity: 1;
}
.about-set2-vies li:hover h6{
    color: #fff;
}
.about-set2-vies li:hover .cont{
    color: #bebebe
}
.about-set2-vies li:nth-of-type(4n){
    margin-right: 0;
}
.about-set2-vies li h6{
    color: #000000;
    font-size: 32px;
    padding: 0 24px;
    position: relative;
    line-height: 1;
    margin-bottom: 30px;
}
.about-set2-vies li h6::before{
    width: 4px;
    height: 96%;
    content: '';
    background: linear-gradient(to bottom,#fc2d60,#25c6fc);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.about-set2-vies li .cont{
    padding: 0 24px;
    color: #6f6f6f;
    height: 234px;
}
.about-set2-vies li .dse h5{
    font-size: 68px;
    color: #ff2b5d;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 8px;
}
.about-set2-vies li .dse{
    padding: 0 24px;
}
.about-set2-vies li .dse h5 sup{
    font-size: 18px;
    font-weight: normal;
    margin-left: -16px;
}
.about-set2-vies li .dse p{
    font-size: 16px;
    color: #a8a8a8;
}
.about-set3 {
    padding: 95px 0;
}
.about-set3 .index-title{
    text-align: center;
}
.about-set3-vues .imgd{
    width: 106px;
    margin: 0 auto;
    /* padding: 6px; */
    border: 6px solid #ffffff;
    border-radius: 50%;
    position: relative;
    /* overflow: hidden; */
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    z-index: 1;
    margin-left: 50%;
    transform: translateX(-50%)
}
.about-set3-vues .imgd img{
    border-radius: 50%;
    width: 100%;
}
.about-set3-vues .imgd::before{
    width: 400px;
    height: 400px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    content: '';
    background: url('../images/about-set3-bj.png') no-repeat center;
    z-index: -1;
    opacity: 0;
}
.about-set3-vues h6{
    font-size: 24px;
    color: #262626;
    text-align: center;
    margin-top: 10px;
}
.about-set3-vues .test{
    text-align: center;
    margin-top: 20px;
    opacity: 0;
}
.about-set3-vues .test span{
    display: inline-block;
    line-height: 2;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #595959;
    padding: 0 20px;
}
.about-set3-vues .test p{
    color: #8c8c8c;
    margin-top: 6px;
}
.about-set3-vues li{
    padding-top: 203px;
}
.about-set3-vues li.swiper-slide-active{
    padding-top: 50px;
}
.about-set3-vues li.swiper-slide-active .imgd{
    width: 374px;
   padding: 8px;
}
.about-set3-vues li.swiper-slide-active .imgd::before{
    opacity: 1;
}
.about-set3-vues li.swiper-slide-active .test{
     opacity: 1;
}
.about-set3-vues li.swiper-slide-prev {
     padding-right: 120px;
}
.about-set3-vues li.swiper-slide-next{
    padding-left: 120px
}
.about-set4{
    width: 100%;
    background: url('../images/about-set4-bj.jpg') no-repeat top center;
    background-size: 100% auto;
    padding-top: 92px;
    padding-bottom: 80px;
}
.about-set4 .index-title{
    text-align: center;
}
.about-set4 .index-title h6{
    color: #fff !important;
}
.about-set4 .index-title p{
    color: #fff;
}
.about-set4 li{
    width: 32%;
    float: left;
    margin-right: 2%;
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}
.about-set4 li:nth-of-type(3n){
    margin-right: 0;
}
.about-set4 li .text{
    padding: 20px 0;

}
.about-set4 li .text h6{
    font-size: 28px;
    color: #262626;
    text-align: center
}
.about-set4 li .text i{
    width: 50px;
    height: 3px;
    display: block;
    margin: 18px auto;
    background: -webkit-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);
    background: -o-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);
    background: -moz-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);
    background: -ms-linear-gradient(left, #27c6fc, #5f9cd1, #cc5083, #ff2b5d);
}
.about-set4 li .text p{
    font-size: 16px;
    color: #595959;
    text-align: center;
}
.about-set5 .index-title{
    text-align: center;
}
.about-set5 .cont{
    width: 100%;
    padding-bottom: 88px;
}
.about-set5 .cont .imgd{
    width: 49.5%;

}
.about-set5 .cont ul{
    width: 49.5%;
}
.about-set5 .cont ul li{
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 18px;
}
.about-set5 .cont ul li:nth-of-type(2n){
    margin-right: 0;
}
.about-set5 .cont img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);

}
.about-set5 .cont img:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
.cont-set1{
    width: 100%;
}
.contact-cont {
    padding-top: 80px;
    padding-bottom: 86px;
}
.cont-set1{
    text-align: center;
}
.contact-cont .index-title{
    text-align: center;
}
.cont-set1 li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 150px;
}
.cont-set1 li:last-of-type{
    margin-right: 0;
}
.cont-set1 li p{
    font-size: 16px;
    color: #666;
    margin: 8px 0
}
.cont-set1 li h6{
    font-size: 20px;
    color: #000;
}
.cont-set2{
    width: 100%;
    background: #f5f5f5;
    margin-top: 68px;
}
.cont-set2 .cont-sd{
    width: 33.875%;
    padding: 62px 42px;
}
.cont-set2 .map{
    width: 66%;
    position: relative;
}
.cont-set2 .cont-sd .index-title{
    text-align: left;
}
.cont-set2 .map .map-class{
    width: 216px;
    height: 60px;
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    background: #fb5179;
    left: 50%;
    top: 50%;
    line-height: 60px;
    text-align: center;
    color: #fff;
}
.cont-set2 .map .map-class img{
    margin-right: 3px;
}
.cont-set2 .cont-sd .text{
    line-height: 46px;
    display: block;
    background: #fff;
    border: 1px solid #ffffff;
    padding: 0 20px;
    display: block;
    width: 100%;
    margin-bottom: 12px;
}
.cont-set2 .cont-sd textarea{
    width: 100%;
    border: 1px solid #ffffff;
    background: #fff;
    display: block;
    height: 100px;
    padding: 20px;
    margin-bottom: 12px;
}
.cont-set2 .cont-sd .submit{
    width: 200px;
    line-height:46px ;
    color: #fff;
    background: #595959;
    margin-top: 12px;
}
/*内页次导航*/
.sindeMenu{padding: 19px 0;border-bottom: 1px solid #e4e4e4;overflow: hidden;}
.sindeMenu li{float: left;margin-right: 2vw;}
.sindeMenu li i{display: inline-block;width: 12px;height: 12px;background: url(../images/menu-li.png);}
.sindeMenu li a{font-size: 16px;color: #999;position: relative;padding-bottom: 21px;}
.sindeMenu span{background: url(../images/home.png)no-repeat left;padding-left: 24px;color: #626262;font-size: 12px;}
.sindeMenu li.active i{background: url(../images/menu-li-on.png);}
.sindeMenu li:hover i{background: url(../images/menu-li-on.png);}


.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*简易栅格布局*/
[class*="mycol-"] {
  margin: 0 -10px;
}
[class*="mycol-"]:before,
[class*="mycol-"]:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
[class*="mycol-"] > li {
  float: left;
  padding: 0 10px;
  text-align: center;
}
[class*="mycol-"] > li img {
  max-width: 100%;
}
.mycol-2 > li {
  width: 50%;
}
.mycol-3 > li {
  width: 33.33333%;
}
.mycol-4 > li {
  width: 25%;
}
.mycol-5 > li {
  width: 20%;
}
.mycol-6 > li {
  width: 16.66666%;
}
.d-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.flex-1 {
    flex: 1;
}

/*产品标题*/
.product-title {
    text-align: center;
}
.product-title .subtit {
    padding-bottom: 5px;
    color: #333;
    font-size: 24px;
}
.product-title.fff h6,
.product-title.fff .subtit {
    color: #fff !important;
}

/*短视频*/
.short-video-set1 {
    padding-top: 90px;
    padding-bottom: 80px;
}
.short-video-set1 .body {
    padding: 50px 0;
}
.short-video-set1 .body li {
    text-align: center;
}
.short-video-set1 .body li .img {
    display: inline-block;
    width: 200px;
    height: 200px;
    background: url(../images/short-video-set1-li-bg.png) center no-repeat;
    background-size: 100% auto;
    border-radius: 50%;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}
.short-video-set1 .body li .img p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ff2b5d;
    font-size: 80px;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
}
.short-video-set1 .body li .img sup {
    position: absolute;
    top: -6px;
    right: -45px;
    font-size: 32px;
    font-weight: normal;
}
.short-video-set1 .body li .img sub {
    position: absolute;
    bottom: 0;
    right: -35px;
    font-size: 24px;
    font-weight: normal;
}
.short-video-set1 .body li .img p.mid {
    font-size: 52px;
}
.short-video-set1 .body li .img p.sml {
    font-size: 42px;
}
.short-video-set1 .body li .txt .t {
    margin-top: 30px;
    color: #666;
    font-size: 18px;
}
.short-video-set1 .body li .txt .p {
    margin-top: 10px;
    color: #999;
    font-size: 14px;
}
.short-video-set1 .foot {
    text-align: center;
    color: #888;
    font-size: 16px;
}

.short-video-set2 {
    padding-top: 80px;
    background: #f8f8f8;
}
.short-video-set2 .body {
    padding: 80px 4vw;
    background: url(../images/short-video-set2-bg.png) center no-repeat;
    background-size: 34% auto;
}
.short-video-set2 .body li {
    width: 440px;
    max-width: 100%;
    margin-bottom: 100px;
}
.short-video-set2 .body li:last-of-type {
    margin-bottom: 0;
}
.short-video-set2 .body li .t {
    padding-bottom: 10px;
    font-size: 24px;
}
.short-video-set2 .body li .p {
    color: #666;
    font-size: 16px;
    line-height: 2;
}
.short-video-set2 .body-list {
    width: 30%;
}
.short-video-set2 .body-left {
    text-align: right;
}
.short-video-set2 .body-cen {
    padding-top: 190px;
    text-align: center;
    color: #fff;
}
@media (max-width: 1660px) {
    .short-video-set2 .body-cen {
        padding-top: 230px;
    }
}
.short-video-set2 .body-cen .p {
    font-size: 24px;
}
.short-video-set2 .body-cen .t {
    color: #fff;
    font-size: 48px;
}
.short-video-set2 .body-cen .p2 {
    font-size: 20px;
}

.short-video-set3 {
    padding: 80px 0;
}
.short-video-set3 .body {
    padding-top: 40px;
}
.short-video-set3 .body li {
    margin-bottom: 20px;
}
.short-video-set3 .body li .txt {
    padding: 40px 0;
    border: 1px solid #e9e9e9;
    text-align: left;
    transition: all .3s;
    position: relative;
}
.short-video-set3 .body li .t {
    padding-right: 60px;
    padding-left: 30px;
    color: #000;
    font-size: 24px;
    line-height: 1.5;
    position: relative;
}
.short-video-set3 .body li .t:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 100%;
    transform: translateY(-50%);
    background-image: -moz-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.short-video-set3 .body li .n {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: #f8f8f8;
    font-size: 60px;
}
.short-video-set3 .body li:hover .txt {
    background-image: -moz-linear-gradient( -171deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( -171deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( -171deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.short-video-set3 .body li:hover .t {
    color: #fff;
}
.short-video-set3 .body li:hover .n {
    color: #fff;
}
.short-video-set3 .body li:hover .t:before {
    background: #fff;
}

.short-video-set4 {
    padding: 80px 0;
    background: url(../images/short-video-set4-bg.jpg) center no-repeat;
    background-size: cover;
}
.short-video-set4 .body {
    padding-top: 60px;
}
.short-video-set4 .body li {
    text-align: center;
}
.short-video-set4 .body li .img {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.short-video-set4 .body li .img img {
    width: 100%;
    height: 100%;
}
.short-video-set4 .body li .txt {
    display: inline-block;
    width: 320px;
    height: 320px;
    padding-top: 80px;
    margin-top: -55px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
}
@media (max-width: 1700px) {
    .short-video-set4 .body li .txt {
        width: 280px;
        height: 280px;
    }
}
.short-video-set4 .body li .txt .t {
    padding-bottom: 15px;
    color: #333;
    font-size: 24px;
    position: relative;
}
.short-video-set4 .body li .txt .t:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 36px;
    height: 5px;
    margin-left: -18px;
    background-image: -moz-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.short-video-set4 .body li .txt .p {
    padding: 0 2.5vw;
    margin-top: 10px;
    color: #999;
    font-size: 14px;
    line-height: 2;
}

.short-video-set5 {
    padding-top: 100px;
    padding-bottom: 60px;
}
.short-video-set5 .body {
    padding-top: 50px;
    padding-left: 90px;
    padding-right: 60px;
    padding-bottom: 70px;
}
.short-video-set5 .body ul {
    position: relative;
}
.short-video-set5 .body ul:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.short-video-set5 .body li {
    display: inline-block;
    width: 185px;
    margin-right: 15px;
    vertical-align: top;
    position: relative;
}
.short-video-set5 .body li:last-of-type {
    margin-right: 0;
}
.short-video-set5 .body li .t {
    display: inline-block;
    width: 135px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background-image: -moz-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    position: relative;
}
.short-video-set5 .body li .t.sml {
    font-size: 18px;
}
.short-video-set5 .body li:nth-of-type(2n) .t {
    background-image: -moz-linear-gradient( 9deg, rgb(255,43,93) 0%, rgb(37,198,252) 100%);
    background-image: -webkit-linear-gradient( 9deg, rgb(255,43,93) 0%, rgb(37,198,252) 100%);
    background-image: -ms-linear-gradient( 9deg, rgb(255,43,93) 0%, rgb(37,198,252) 100%);
}
.short-video-set5 .body li .t:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-style: solid;
    border-width: 0 20px 12px 0;
    border-color: transparent #f4707c transparent transparent;
    transform: translateY(100%);
}
.short-video-set5 .body li:nth-of-type(2n) .t:after {
    border-color: transparent #e75391 transparent transparent;
}
.short-video-set5 .body li .p {
    height: 115px;
    padding: 20px;
    padding-left: 30px;
    margin-left: 20px;
    margin-bottom: 25px;
    color: #666;
    font-size: 16px;
    line-height: 1.5;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    border-bottom-left-radius: 30px;
    position: relative;
}
.short-video-set5 .body li .p.sml {
    font-size: 14px;
}
.short-video-set5 .body li .p:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(100%);
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-color: #dddedf transparent transparent transparent;
}
.short-video-set5 .body li .n {
    float: right;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    border: 6px solid #fff;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #5d5d5d;
    position: relative;
    transform: translateY(40%);
}
.short-video-set5 .more {
    display: block;
    width: 214px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    background: #ff2b5d;
    border-radius: 5px;
}
.short-video-set5 .more img {
    margin-right: 10px;
}


/*网站建设*/
.site-build-set1 {
    padding: 60px 0;
}
.site-build-set1 .body {
    padding-top: 50px;
}
.site-build-set1 .body li {}
.site-build-set1 .body li .box {
    padding-top: 60px;
    border-width: 1px;
    border-color: rgb(233, 233, 233);
    border-style: solid;
    text-align: left;
    position: relative;
    z-index: 2;
}
.site-build-set1 .body li .box:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/site-build-set1-li-bg.jpg) center no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all .3s;
    z-index: -1;
}
.site-build-set1 .body li .img {
    padding-left: 30px;
    position: relative;
}
.site-build-set1 .body li .img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 36px;
    transition: all .3s;
    background-image: -moz-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.site-build-set1 .body li .img img {
    width: auto;
}
.site-build-set1 .body li .img:hover img {
    transform: scale(1);
}
.site-build-set1 .body li .txt {
    padding-top: 10px;
    padding-left: 30px;
}
.site-build-set1 .body li .t {
    padding-bottom: 150px;
    color: #000;
    font-size: 32px;
    transition: all .3s;
}
.site-build-set1 .body li .p {
    margin-bottom: 30px;
    color: #666;
    font-size: 16px;
    line-height: 2;
}
.site-build-set1 .body li .ico {
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.site-build-set1 .body li:hover .box:after {
    opacity: 1;
}
.site-build-set1 .body li:hover .img img {
    filter: brightness(0) invert(100%);
}
.site-build-set1 .body li:hover .t {
    color: #eef1f8;
}
.site-build-set1 .body li:hover .p {
    color: #eef1f8;
    opacity: .5;
}
.site-build-set1 .body li:hover .ico {
    opacity: .1;
}

.site-build-set2 {
    padding-top: 80px;
}
.site-build-set2 .body {
    padding: 100px 0;
    position: relative;
}
.site-build-set2 .body .pic-bg .item {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    max-width: none;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s;
}
.site-build-set2 .body .pic-bg .item.active {
    opacity: 1;
    visibility: visible;
}
.site-build-set2 .body .txt {
    padding-top: 90px;
}
.site-build-set2 .body .txt .item {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s;
}
.site-build-set2 .body .txt .item.active {
    position: relative;
    opacity: 1;
    visibility: visible;
}
.site-build-set2 .body .txt .t {
    padding-bottom: 40px;
    color: #fff;
    font-size: 36px;
}
.site-build-set2 .body .txt .p {
    padding-bottom: 50px;
    color: #fff;
    font-size: 16px;
    line-height: 2;
}
.site-build-set2 .body .txt .item:nth-of-type(1) .t {
    color: #000;
}
.site-build-set2 .body .txt .item:nth-of-type(1) .p {
    color: #666;
}
.site-build-set2 .body .txt .more {
    display: block;
    width: 214px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #ff2b5d;
    border-radius: 5px;
}
.site-build-set2 .body .txt .more img {
    margin-right: 10px;
}
.site-build-set2 .body .list li {
    width: 160px;
    height: 160px;
    padding-top: 50px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    position: relative;
    z-index: 2;
}
.site-build-set2 .body .list li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
    z-index: -1;
}
.site-build-set2 .body .list li:last-of-type {
    margin-bottom: 0;
}
.site-build-set2 .body .list li.active:after,
.site-build-set2 .body .list li:hover:after {
    background: none;
    background-image: -moz-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    opacity: .8;
}

.site-build-set3 {
    padding: 90px 0;
}
.site-build-set3 .body {
    padding: 50px 60px 0;
}
.site-build-set3 .body .pic {
    width: 50%;
}
.site-build-set3 .body .pic img {
    max-width: 100%;
}
.site-build-set3 .body .list {
    width: 50%;
    padding-left: 80px;
}
.site-build-set3 .body .list li {
    padding: 10px 0;
}
.site-build-set3 .body .list li .ico {
    width: 100px;
    line-height: 70px;
}
.site-build-set3 .body .list li .ico img {
    max-width: 90%;
}
.site-build-set3 .body .list li .txt {
    overflow: hidden;
}
.site-build-set3 .body .list li .t {
    padding-bottom: 10px;
    color: #000;
    font-size: 24px;
}
.site-build-set3 .body .list li .p {
    color: #666;
    font-size: 16px;
}

.site-build-set5 .body {
    padding-left: 0;
    padding-right: 0;
}
.site-build-set5 .body li {
    width: 180px;
}

/*seo优化*/
.seo-set1 {
    padding: 100px 0;
}
.seo-set1 .body {
    text-align: center;
}
.seo-set1 .body .img {
    height: 180px;
}
.seo-set1 .body .img img {
    width: auto;
    max-height: 90%;
}
.seo-set1 .body .txt {}
.seo-set1 .body .txt .t {
    margin-top: 10px;
    color: #666;
    font-size: 20px;
}

.seo-set2 {
    padding: 70px 0;
    background: #f8f8f8;
}
.seo-set2 .body {
    margin-top: 60px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.seo-set2 .body .txt {
    height: 540px;
    padding-top: 180px;
    text-align: center;
}
.seo-set2 .body .txt .t {
    color: #fff;
    font-size: 48px;
    line-height: 1.3;
}
.seo-set2 .body .txt .p {
    margin-top: 5px;
    color: #fff;
    font-size: 20px;
}
.seo-set2 .body .list {}
.seo-set2 .body .list li {
    position: absolute;
    width: 31%;
}
.seo-set2 .body .list li:nth-of-type(1) {
    top: 0;
    left: 50%;
    margin-left: 60px;
}
.seo-set2 .body .list li:nth-of-type(2) {
    bottom: 110px;
    left: 0;
    text-align: right;
}
.seo-set2 .body .list li:nth-of-type(3) {
    bottom: 110px;
    right: 0;
}
.seo-set2 .body .list .t {
    padding-bottom: 5px;
    font-size: 24px;
}
.seo-set2 .body .list .p {
    color: #666;
    font-size: 16px;
    line-height: 1.5;
}
.seo-set2 .info {
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
}

.seo-set3 {
    padding: 90px 0;
}
.seo-set3 .body {
    padding-top: 40px;
}
.seo-set3 .body li {
    margin-bottom: 20px;
}
.seo-set3 .body .box {
    height: 200px;
    border: 1px solid #e9e9e9;
}
.seo-set3 .body .txt {
    padding-top: 2vw;
    text-align: left;
}
.seo-set3 .body .txt .t {
    padding-left: 40px;
    line-height: 35px;
    font-size: 24px;
    white-space: nowrap;
    position: relative;
}
.seo-set3 .body .txt .t:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-image: -moz-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.seo-set3 .body .txt .n {
    color: #f8f8f8;
    font-size: 60px;
    vertical-align: middle;
    position: relative;
    left: -10px;
    z-index: -1;
}
.seo-set3 .body .txt .p {
    padding-left: 40px;
    margin-top: 1vw;
    color: #666;
    font-size: 16px;
    line-height: 2;
}
.seo-set3 .body .img {
    width: 14vw;
    margin-left: 4vw;
    line-height: 200px;
    text-align: center;
}
.seo-set3 .body .img img {
    width: auto;
    max-width: 90%;
    max-height: 90%;
}

.seo-set4 {
    padding: 90px 0;
    background-image: -moz-linear-gradient( 0deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.seo-set4 .body {
    padding-top: 70px;
}
.seo-set4 .body .box {
    padding: 0 35px;
    text-align: center;
}
.seo-set4 .body .img {
    display: inline-block;
    width: 200px;
    height: 200px;
    line-height: 180px;
    border-width: 10px;
    border-color: rgb(248, 248, 248);
    border-style: solid;
    border-radius: 50%;
    background-image: -moz-linear-gradient( -90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    position: relative;
    z-index: 2;
}
.seo-set4 .body .img img {
    width: auto;
}
.seo-set4 .body .txt {
    height: 320px;
    margin-top: -60px;
    padding-top: 80px;
    border-radius: 30px;
    background-color: rgb(248, 248, 248);
}
.seo-set4 .body .txt .t {
    height: 60px;
    font-size: 24px;
    position: relative;
}
.seo-set4 .body .txt .t:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 36px;
    height: 5px;
    margin-left: -18px;
    background-image: -moz-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.seo-set4 .body .txt .p {
    margin-top: 20px;
    padding: 0 2.5vw;
    color: #999;
    font-size: 16px;
    line-height: 2;
}

.seo-set5 {
    padding: 90px 0;
    background: #f8f8f8;
}
.seo-set5 .body {
    padding-top: 30px;
}
.seo-set5 .body .box {
    height: 490px;
    padding-top: 55px;
    padding-left: 30px;
    background: #fff;
    text-align: left;
    position: relative;
}
.seo-set5 .body .txt .t {
    font-size: 32px;
    line-height: 36px;
    position: relative;
}
.seo-set5 .body .txt .t:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 0;
    width: 5px;
    height: 100%;
    background-image: -moz-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.seo-set5 .body .txt .p {
    margin-top: 20px;
    color: #666;
    font-size: 16px;
    line-height: 2;
}
.seo-set5 .body .num {
    position: absolute;
    left: 30px;
    bottom: 40px;
    color: #ff2b5d;
    font-size: 68px;
    line-height: 1;
}
.seo-set5 .body .num sup {
    font-size: 18px;
}

.seo-set6 {
    padding-top: 90px;
    padding-bottom: 60px;
}
.seo-set6 .body {
    padding-top: 30px;
}
.seo-set6 .body .pic {
    padding: 0 50px;
}
.seo-set6 .body .pic img {
    width: 100%;
}
.seo-set6 .body .list {
    padding-left: 120px;
    margin-top: 30px;
}
.seo-set6 .body .list li {
    float: left;
    width: 16.66666%;
}
.seo-set6 .body .list li .t {
    font-size: 20px;
}
.seo-set6 .body .list li .p {
    margin-top: 15px;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

/*新媒体*/
.new-media-set1 {
    padding: 110px 0;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.new-media-set1 .body {}
.new-media-set1 .product-title {
    text-align: left;
}
.new-media-set1 .body .p {
    margin-top: 20px;
    color: #666;
    font-size: 16px;
    line-height: 2.2;
}
.new-media-set1 .list {
    text-align: center;
}
.new-media-set1 .list .img {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.new-media-set1 .list .img img {
    width: auto;
}
.new-media-set1 .list .t {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #999;
    font-size: 14px;
}

.new-media-set2 {
    padding: 80px 0;
}
.new-media-set2 .body {
    padding-top: 30px;
}
.new-media-set2 .body .img img {
    width: 100%;
}
.new-media-set2 .body .txt {
    height: 150px;
    padding: 0 1vw;
    padding-top: 25px;
    text-align: left;
    border-width: 1px;
    border-color: rgb(233, 233, 233);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.new-media-set2 .body .txt .t {
    padding-bottom: 10px;
    font-size: 24px;
}
.new-media-set2 .body .txt .p {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

.new-media-set3 {
    padding-top: 30px;
    padding-bottom: 100px;
}
.new-media-set3 .body {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    height: 565px;
    margin: 0 -10px;
}
.new-media-set3 .body .item {
    width: 250px;
    padding: 0 10px;
}
.new-media-set3 .body .item.active {
    flex: 1;
    width: 100%;
}
.new-media-set3 .body .item .small {
    display: block;
}
.new-media-set3 .body .item.active .small {
    display: none;
}
.new-media-set3 .body .item .big {
    width: 0;
    height: 0;
    background-position: top center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: width .3s;
}
.new-media-set3 .body .item.active .big {
    width: 100%;
    height: 100%;
    padding-top: 90px;
    padding-left: 80px;
}
.new-media-set3 .body .big .t {
    padding-bottom: 10px;
    color: #fff;
    font-size: 36px;
}
.new-media-set3 .body .big .p {
    margin-bottom: 70px;
    color: #fff;
    font-size: 14px;
    opacity: .5;
    line-height: 2;
}
.new-media-set3 .body .item:nth-of-type(2) .big .p {
    margin-bottom: 20px;
}
.new-media-set3 .body .big li {
    color: #fff;
    font-size: 18px;
    line-height: 2.5;
}
.new-media-set3 .small {
    width: 100%;
    height: 100%;
    padding-top: 78px;
    text-align: center;
    background: url(../images/new-media-set3-box-bg.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
    cursor: pointer;
}
.new-media-set3 .small .img {
    display: inline-block;
    width: 140px;
    height: 140px;
    line-height: 140px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
}
.new-media-set3 .small .img img {
    width: auto;
}
.new-media-set3 .small .txt {
    padding-top: 20px;
}
.new-media-set3 .small .t {
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
}
.new-media-set3 .small .p {
    color: #8c8c8c;
    font-size: 14px;
}
.new-media-set3 .small .more {
    position: absolute;
    left: 50%;
    bottom: 45px;
    transform: translateX(-50%);
    color: #8c8c8c;
    font-size: 28px;
}

.new-media-set4 {
    padding-top: 90px;
    padding-bottom: 100px;
}
.new-media-set4 .body {
    padding-top: 50px;
}
.new-media-set4 .body .img {
    border-radius: 30px;
    overflow: hidden;
}
.new-media-set4 .body .img img {
    width: 100%;
}
.new-media-set4 .body .txt {
    height: 235px;
    padding: 30px 60px;
    margin: -90px 50px 0;
    background: #fff;
    border-radius: 30px;
    text-align: center;
    position: relative;
    z-index: 2;
}
.new-media-set4 .body .t {
    height: 56px;
    font-size: 24px;
    line-height: 1;
    position: relative;
}
.new-media-set4 .body .t:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 36px;
    height: 5px;
    border-radius: 5px;
    margin-left: -18px;
    background-image: -moz-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 9deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.new-media-set4 .body .p {
    margin-top: 20px;
    color: #999;
    font-size: 14px;
    line-height: 1.5;
}

/*全网营销方案*/
.marketing-set2 {
    padding-top: 90px;
    padding-bottom: 100px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.marketing-set2 .w1600 {
    position: relative;
}
.marketing-set2 .body {
    padding-top: 70px;
    position: relative;
}
.marketing-set2 .body .item {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s;
}
.marketing-set2 .body .item.active {
    position: relative;
    opacity: 1;
    visibility: visible;
}
.marketing-set2 .body .item .txt {
    width: 33.33333%;
    padding-left: 3vw;
    padding-top: 5.5vw;
    color: #fff;
}
.marketing-set2 .body .item .t {
    padding-bottom: 20px;
    color: #fff;
    font-size: 36px;
}
.marketing-set2 .body .item .p {
    line-height: 2;
}
.marketing-set2 .body .item .pic {
    padding-left: 3vw;
}
.marketing-set2 .body .item .pic img {
    width: 100%;
}
.marketing-set2 .nav {
    position: absolute;
    bottom: -160px;
    left: 0;
    width: 100%;
    z-index: 2;
}
.marketing-set2 .nav .box {
    height: 120px;
    padding-top: 30px;
    text-align: center;
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: relative;
}
.marketing-set2 .nav .item.active .box:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-image: -moz-linear-gradient( 0deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.marketing-set2 .nav .t {
    font-size: 28px;
}
.marketing-set2 .nav .p {
    color: #999;
    font-size: 14px;
}

.marketing-set3 {
    padding-top: 180px;
}
.marketing-set3 .body .list li {
    margin-bottom: 40px;
}
.marketing-set3 .body .list li:last-of-type {
    margin-bottom: 0;
}

.marketing-set5 {
    padding-bottom: 100px;
}
.marketing-set5 .body {
    padding: 70px 40px 0;
}
.marketing-set5 .body ul {
    text-align: center;
    font-size: 0;
}
.marketing-set5 .body li {
    display: inline-block;
    width: 25%;
    padding: 0 35px;
}
.marketing-set5 .body li .box {
    width: 100%;
    height: 295px;
    padding-top: 70px;
    background: url(../images/marketing-set5-item-bg.png) center no-repeat;
    background-size: 100% auto;
}
.marketing-set5 .body li:hover .box {
    background-image: url(../images/marketing-set5-item-bg-active.png);
}
.marketing-set5 .body li:nth-of-type(n + 5) {
    margin-top: -50px;
}
.marketing-set5 .body li .n {
    display: block;
    padding-bottom: 15px;
    color: #4c4645;
    font-size: 60px;
    line-height: 1;
}
.marketing-set5 .body li .t {
    padding-bottom: 8px;
    font-size: 24px;
}
.marketing-set5 .body li .p {
    color: #999;
    font-size: 14px;
    line-height: 1.5;
}
.marketing-set5 .body li:hover .n {
    color: #fc2d5f;
}

/*竞价托管*/
.hosting-set2 {}
.hosting-set2 .body {
    padding: 35px 30px 15px;
}
.hosting-set2 .body .list {
    float: right;
    width: 800px;
    max-width: 100%;
}
.hosting-set2 .body li {
    margin-bottom: 20px;
}
.hosting-set2 .body .box {
    height: 260px;
    padding-top: 3vw;
    background: #fff;
    text-align: left;
}
.hosting-set2 .body .t {
    padding-left: 45px;
    font-size: 24px;
    line-height: 1.5;
    position: relative;
}
.hosting-set2 .body .t:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-image: -moz-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
}
.hosting-set2 .body .p {
    padding-left: 45px;
    margin-top: 15px;
    color: #666;
    font-size: 16px;
    line-height: 2;
}

.hosting-set3 .body .img {
    width: 16vw;
}
.hosting-set3 .body .img img {
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.hosting-set6 {
    padding-bottom: 90px;
}
.hosting-set6 .body {
    padding: 40px 60px 50px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hosting-set6 .body .info input {
    width: 100%;
    padding: 16px;
    line-height: 1;
    border: 1px solid #e9e9e9;
    font-size: 16px;
    background: #fff;
}
.hosting-set6 .body .info input:placeholder {
    color: #8c8c8c;
}
.hosting-set6 .body .sub {
    width: 220px;
    padding: 16px 0;
    margin-left: 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background-image: -moz-linear-gradient( 0deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(37,198,252) 0%, rgb(255,43,93) 100%);
    cursor: pointer;
}


.page {
    text-align: center;
    margin-top: 20px
}

.page a,
.page span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #ffffff;
    vertical-align: middle;
    text-align: center;
    line-height: 50px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    margin: 0 5px;
    position: relative;
}

.page .current,
.page a:hover,
.page span:hover {
    background: #ff2b5d;
    color: #fff;
}

.prev_disabled::after,
.prev::after {
    content: "<";
}

.next_disabled::after,
.next::after {
    content: ">";
}