@font-face {
	font-family: 'DINPRO';
    src:url('../style/DINPRO-CONDBOLD.OTF') format('truetype');
}




*,
*:after,
*:before {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.xypt-head {
    height: 70px;
    background: #222222;
}

.wrap {
    max-width: 1390px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.logo {
    line-height: 70px;
    float: left;
}

.xypt-head .menu {
    width: 82%;
    float: right;
    padding-right: 275px;
    position: relative;
}

.xypt-head .menu .navv {
    text-align: right;
}

.xypt-head .menu .navv li {
    padding: 0 1.6vw;
    display: inline-block;
    position: relative;
}

.xypt-head .menu .navv > li > a {
    display: block;
    line-height: 70px;
    font-size: 14px;
    color: #fff;
}

.xypt-head .menu .navv > li > a:hover {
    color: #00ade9
}
.xypt-head .menu .navv > li.active a{
    color: #00ade9
}

.xypt-head .menu .navv > li .sec{
    width: 120px;
    position: absolute;
    top: 70px;
    left: 50%;
    background: #1c1c1c;
    height: 0;
    overflow: hidden;
    transition: 0s;
    margin-left: -60px;
    z-index: 9999;

}

.xypt-head .menu .navv > li .sec a{
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid hsla(0,0%,90%,.1);
    line-height: 45px;
}
.xypt-head .menu .navv > li .sec a:last-child{
    border: none;
}
.xypt-head .menu .navv > li .sec a:hover{
    color: #00ade9
}
.xypt-head .menu>a.zx-btn {
    display: block;
    width: 90px;
    height: 34px;
    background: #00ade9;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    position: absolute;
    top: 18px;
    right: 0;
}

.xypt-head .menu .head-tel {
    font-size: 16px;
    color: #fff;
    padding-left: 35px;
    line-height: 70px;
    background: url(../images/htel.png) no-repeat left center;
    position: absolute;
    top: 0;
    right: 120px;
}


/*首页第一部分*/
.index-box1{
    background: #f6f8fb;
    padding-bottom: 85px;
}
.index-tlt{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.index-tlt h2{
    font-size: 30px;
    color: #333333;
    line-height: 1.8;
}
.index-tlt h3{
    font-size: 16px;
    color: #888;
    line-height: 1.8;
}
.box1-cont{
    background: #fff;
}
.box1-cont .box1-left{
    width: 27.2%;
    float: left;
    position: relative;
    overflow: hidden;
}
.box1-cont .box1-left img{
    width: 100%;
}
.box1-cont .box1-left .marks{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 15% 10%;
    box-sizing: border-box;
}
.box1-cont .box1-left .marks .info{
    font-size: 13px;
    color: #fff;
    line-height: 2;
    min-height: 140px;

}
.box1-cont .box1-left .marks h3{
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    padding-left: 55px;
    margin-bottom: 10%;
}
.box1-cont .box1-left .marks a{
    display: block;
    width: 124px;
    height: 36px;
    border: 1px solid #fff;
    font-size: 13px;
    text-align: center;
    line-height: 34px;
    color: #fff
}
.box1-cont .box1-left .marks a:hover{
    background: #fff;
    color: #333;
}
.box1-cont .box1-left:hover img{
    transform: scale(1.2);
}

.box1-cont1 .box1-left .marks{
    background: rgba(10, 44, 106, 0.8);
}
.box1-cont1 .box1-left .marks h3{
    background: url(../images/c1-1.png) no-repeat left center;
}
.box-right{
    border: 1px solid #ededed;
    position: relative;
    width: 72.8%;
    float: right;
    height: 100%;
}
.box1-right::before{
    content: "";
    width: 100%;
    height: 1px;
    background: #ededed;
    position: absolute;
    left: 0;
    top: 50%;
}
.box1-right::after{
    content: "";
    height: 100%;
    width: 1px;
    background: #ededed;
    position: absolute;
    top: 0;
    left: 50%;
}
.box1-right ul li{
    position: relative;
    width: 50%;
    float: left;
    overflow: hidden;
}
.box1-right ul li .cont{
    padding: 5% 8%;
}
.box-right ul li .tlt{
    position: relative;

}
.box-right ul li .tlt h3{
    font-size: 18px;
    color: #0f0f0f;
    line-height: 24px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.box-right ul li .tlt .labe{
    position: absolute;
    right: 0;
    top: 0;
}
.box-right ul li .tlt .labe span{
    display: inline-block;
    width: 86px;
    height: 24px;
    border: 1px solid #999;
    line-height: 22px;
    font-size: 12px;
    color: #999;
    text-align: center;
}
.box-right ul li .tlt .labe span:nth-child(1){
    margin-right: 10px;
}
.box-right ul li .summ{
    font-size: 13px;
    color: #888;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 20px 0
}
.box-right ul li .price{
    font-size: 14px;
    color: #333;
}
.box-right ul li .price i{
    color: #ff7f00;
    font-style: normal;
}
.box-right ul li .price em{
    font-size: 26px;
    color: #ff7f00;
    font-style: normal;
    padding: 0 5px
}
.box-right ul li .tc{
    width: 100%;
    border: 1px solid #00ade9;
    position: absolute;
    bottom: -54px;
    font-size: 0;
    background: #fff
}
.box-right ul li .tc a{
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 13px;
    line-height: 52px;
    color: #00ade9
}
.box-right ul li .tc a.ljgd{
    background: #00ade9;
    color: #fff
}
.box-right ul li:hover .tc{
    bottom: 0;
}
.box-right ul li:hover{
    box-shadow: 0 0 15px #ddd;
}
.box1-right ul li .tlt{
    padding-right: 182px;
}


.box1-cont2{
    margin-top: 40px;
}
.box1-cont2 .box1-left .marks{
    background: rgba(5, 56, 73, 0.8);
}
.box1-cont2 .box1-left .marks h3{
    background: url(../images/c1-2.png) no-repeat left center;
}
.box1-cont2 .box1-right ul li{
    width: 33.3333%;
}
.box1-cont2 .box1-right::after{
    left: 33.333%;
}
.box1-cont2 .box1-right ul::before{
    content: "";
    height: 100%;
    width: 1px;
    background: #ededed;
    position: absolute;
    top: 0;
    left: 66.666%;
}
.box1-cont2 .box1-right ul li .cont{
    padding: 7.5%
}
.box1-cont2 .box1-right ul li .tlt{
    padding-right: 0
}

.box1-cont3{
    margin-top: 40px;
}
.box1-cont3 .box1-left .marks{
    background: rgba(7, 79, 55, 0.8);
}
.box1-cont3 .box1-left .marks h3{
    background: url(../images/c1-3.png) no-repeat left center;
}
.box1-cont3 .box1-right ul li{
    width: 33.3333%;
}
.box1-cont3 .box1-right::after{
    left: 33.333%;
}
.box1-cont3 .box1-right ul::before{
    content: "";
    height: 100%;
    width: 1px;
    background: #ededed;
    position: absolute;
    top: 0;
    left: 66.666%;
}
.box1-cont3 .box1-right ul li .cont{
    padding: 10% 7.5% 7%
}
.box1-cont3 .box1-right ul li .tlt{
    padding-right: 0
}
.box1-cont3 .box1-right::before{
    display: none;
}
.box1-cont3 .box-right ul li .tlt h3{
    padding-right: 110px;
}
.box1-cont3 .box-right ul li .tlt .labe span{
    width: 110px;
    margin: 0;
}
.box1-cont3 .box-right ul li .summ{
    -webkit-line-clamp: 3;
    margin: 40px 0 51px;
}
.box1-cont3 .box-right ul li .price{


}

/*首页客户案例*/
.index-box2{
   padding-bottom: 30px;
}
.box2-con{
    position: relative;

}
.box2-slick{
    padding-bottom: 50px;
}
.box2-slick .slick-con{
    padding: 1.5%;
    margin-bottom: 15px;
}
.box2-slick .slick-con .img{
    overflow: hidden;
    position: relative;
}
.box2-slick .slick-con .img a > img{
    width: 100%;
}
.box2-slick .slick-con:hover .img a >img{
    transform: scale(1.2);
}
.box2-slick .slick-con .img .er{
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0;
    bottom: -100px;
}
.box2-slick .slick-con .img .er img{
    width: 100px;
    height: 100px;
}
.box2-slick .slick-con .tlt{
    background: #f6f8fb;
    padding: 12px 6%;
    position: relative;
}
.box2-slick .slick-con .tlt h3{
    font-size: 16px;
    color: #555555;
    line-height: 45px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.box2-slick .slick-con .tlt h3 a{
    color: #555;
}
.box2-slick .slick-con .tlt .mobile{
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 45px;
    background: url(../images/c2-1.png) no-repeat center;
    top: 12px;
    right: 6%;
}
.box2-slick .slick-con:hover .tlt{
    background: #00ade9;
}
.box2-slick .slick-con:hover .tlt h3 a{
    color: #fff;
}
.box2-slick .slick-con:hover .tlt .mobile{
    background: url(../images/c2-2.png) no-repeat center;
}
.box2-slick .slick-con:hover .img .er{
    bottom: 0;

}

.box2-slick .slick-arrow{
    display: block;
    padding: 0;
    outline: none;
    width: 50px;
    height: 50px;
    border: 1px solid #f6f8fb;
    position: absolute;
    bottom: 0;
    text-indent: 100px;
    overflow: hidden;
}
.box2-slick .slick-prev{
    background: url(../images/left01.png) no-repeat center;
    left: calc(50% - 106px);
}
.box2-slick .slick-prev:not(.slick-disabled):hover{
    background: url(../images/left01_h.png) no-repeat center #00ade9;
}
.box2-slick .slick-next{
    background: url(../images/right01.png) no-repeat center;
    right: calc(50% - 106px);
}
.box2-slick .slick-next:not(.slick-disabled):hover{
    background: url(../images/right01_h.png) no-repeat center #00ade9;
}
.box2-con a.all{
    display: block;
    width: 92px;
    height: 50px;
    border: 1px solid #f6f8fb;
    position: absolute;
    bottom: 0;
    left: calc(50% - 46px);
    background: url(../images/c2-3.png) no-repeat center;
}
.box2-con a.all:hover{
    background: url(../images/c2-4.png) no-repeat center #00ade9;
}


/*首页新聞中心*/
.index-box3{
   background: #f6f8fb;
   padding-bottom: 80px;
}
.box3-left{
    width: 28.67%;
    float: left;
    position: relative;
    overflow: hidden;
}
.box3-left img{
    width: 100%;
}
.box3-left:hover img{
    transform: scale(1.2);
}
.box3-left .xwtj{
    width: 94%;
    background: #fff;
    position: absolute;
    bottom: 3%;
    left: 3%;
}
.box3-left .xwtj ul{
    padding: 3% 5%;
}
.box3-left .xwtj ul li a{
    display: block
}
.box3-left .xwtj ul li h4{
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}
.box3-left .xwtj ul li h3{
    font-size: 18px;
    color: #333333;
    line-height: 2;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.box3-left .xwtj ul li:hover h3{
    color: #00ade9;
}

.box3-right{
    background: #fff;
    padding: 2% 3%;
    float: right;
    width: 70%;
}
.box3-right ul li{
    width: 50%;
    float: left;
    margin-bottom: 3%
}
.box3-right ul li a{
    display: block;
}
.box3-right ul li h4{
    font-size: 14px;
    color: #666;
    line-height: 1.9;
}
.box3-right ul li h3{
    font-size: 18px;
    color: #333;
    line-height: 2.5;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.box3-right ul li:nth-child(n+7){
    margin-bottom: 0
}
.box3-right ul li:hover h3{
    color: #00ade9
}


/*首页底部數字*/
.index-box4{
    padding: 30px 0;
}
.index-box4 ul li{
    width: 20%;
    float: left;
    border-right: 1px solid #efefef;
    text-align: center;
}
.index-box4 ul li:last-child{
    border: none;
}
.index-box4 ul li dd{
    font-size: 42px;
    color: #333;
    font-family: 'DINPRO';
}
.index-box4 ul li dl{
    font-size: 15px;
    color: #666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

/*底部*/
.footbg{
    background: #222221;
}
.foot1{
    padding: 45px 0;
}
.foot1 .flogo{
    width: 25%;
    font-size: 14px;
    color: #999;
    line-height: 40px;
    letter-spacing: 1px;
    float: left;
}
.foot1 .flogo img{
    max-width: 100%;
}
.foot1 .fnav{
    width: 50%;
    float: left;
    padding-top: 10px;
}
.foot1 .fnav a{
    display: inline-block;
    font-size: 13px;
    line-height: 2.5;
    color: #999999;
    padding-right: 4vw;
}
.foot1 .fnav a:hover{
    color: #00ade9
}
.foot1 .ftel{
    width: 25%;
    text-align: right;
    padding-top: 10px;
    float: right;
}
.foot1 .ftel p{
    font-size: 14px;
    color: #999999;
    line-height: 2
}
.foot1 .ftel h3{
    font-size: 14px;
    font-family: Arial;
    color: #999;
    line-height: 1.4
}

.foot2{
    padding: 15px 0;
    font-size: 13px;
    color: #999;
    line-height: 30px;
    border-top: 1px solid #393938;
    display: none;
}
.foot2 a{
    color: #999
}
.foot2 a:hover{
    color: #00ade9
}

.foot3{
    padding: 15px 0;
    font-size: 13px;
    color: #999;
    line-height: 30px;
    border-top: 1px solid #393938;
}
.foot3 a{
    color: #999
}
.foot3 a:hover{
    color: #00ade9
}
.foot3 .copyr{
    float: left;
}
.foot3 .st{
    float: right;
}


/*右側懸浮 */

#newBridge{z-index: 999!important}
#newBridge .icon-right-center{top: 60%!important}

#toolbar {
    position: fixed;
    z-index: 2147483647999;
    right: 15px;
    top: 20%;
}
#toolbar ul li{
    width: 69px;
    height: 69px;
    border: 1px solid #f6f8fb;
    margin-bottom: 10px;
    background: #fff;
}
#toolbar ul li a{
    position: relative;
}
#toolbar ul li span{
    display: block;
}
#toolbar ul li span.icon-font{
    text-align: center;
    font-size: 12px;
    color: #333;
    height: 67px;
    padding-top: 40px;
}
#toolbar ul li span.icon-phone{
    background: url(../images/aa1.png) no-repeat center 10px;
}
#toolbar ul li:hover span.icon-font{
    color: #00ade9
}
#toolbar ul li:nth-child(1) .wz{
    position: absolute;
    height: 49px;
    background: #00ade9;
    width: 0px;
    right: 0px;
    font-size: 16px;
    color: #fff;
    text-indent: 20px;
    top: 10px;
    line-height: 49px;
    overflow: hidden;
}
#toolbar ul li:nth-child(1):hover .wz{
    width: 150px;
}

#toolbar ul li span.icon-message{
    background: url(../images/aa2.png) no-repeat center 10px;
}
#toolbar ul li span.icon-kf{
    background: url(../images/aa3.png) no-repeat center 10px;
}
#toolbar ul li span.icon-ewm{
    background: url(../images/aa4.png) no-repeat center 10px;
}
#toolbar ul li.ewm{
    position: relative;
}
#toolbar ul li.ewm .ewm-box{

    background: #fff;
    border: 1px solid #f6f8fb;
    width: 142px;
    height: 142px;
    position: absolute;
    right: 69px;
    top: 0;
    display: none;
}
#toolbar ul li.ewm .ewm-box img{
    max-width: 100%;
}
#toolbar ul li.ewm:hover .ewm-box{
    display: block
}

@media only screen and (max-width: 1400px) {
    .index-box1{
        padding-bottom: 50px;
    }
    .index-box1 .wrap{
        max-width: 1170px;
    }
    .box1-right ul li .cont{
        padding: 5%;
    }
    .box-right ul li .summ{
        margin: 10px 0;
    }
    .box-right ul li .price em{
        font-size: 23px;
    }
    .box1-cont2 .box-right ul li .summ{
        height: 46px;
    }
    .box1-cont3 .box1-right ul li .cont{
        padding: 5%
    }
    .index-box3{
        padding-bottom: 50px;
    }

    .box1-cont3 .box-right ul li .summ{
        margin: 40px 0;
    }

#newBridge .icon-right-center{top: 80%!important}


}

@media only screen and (max-width: 1200px) {
    .xypt-head .menu .navv li {
        padding: 0 0.8vw;
    }
    .box3-left .xwtj ul li h3{
        font-size: 16px;
    }
    .box3-right ul li h3{
        font-size: 16px;
    }
    .box3-right ul li{
        margin-bottom: 2%;
    }
    .index-box4 ul li dd{
        font-size: 30px;
    }
    .index-box4 ul li dl{
        font-size: 14px;
    }

    #toolbar{
        display: none;
    }
}

@media only screen and (max-width: 990px) {
    .mainer{
        padding-top: 60px;
    }
    .xypt-head {
        height: 60px;
        position: fixed;
        z-index: 999;
        width: 100%;
    }

    .logo {
        line-height: 60px;
    }

    .xypt-head .menu {
        position: fixed;
        top: 60px;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        padding-right: 0;
        float: none;
        z-index: 999999;
    }

    .xypt-head .menu .navv li {
        float: none;
        display: block;
        padding: 0;
        border-bottom: 1px solid #666;
    }

    .xypt-head .menu .navv li a {
        line-height: 50px;
        font-size: 14px;
    }

    .xypt-head .menu .navv {
        padding: 15px;
        text-align: center;
    }

    .xypt-head .menu .navv > li .sec{
        position: static;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0
    }

    .xypt-head .menu .navv > li .sec a{
        width: 100%;

    }
    .xypt-head .menu .navv li .sec-btn{display: block;width: 24px;height: 24px;position: absolute;right: 20px;top: 12px;background: url(../images/xl.png) no-repeat center;
        background-size: 50% 50%;}
    .menu_wrap {
        position: absolute;
        top: 10px;
        width: 40px;
        height: 40px;
        background: url(../images/menu.png) no-repeat center center #00ade9;
        background-size: 25px auto;
        right: 5px;
    }

    .h_menu .menu_wrap {
        background: url(../images/menu-1.png) no-repeat center center #00ade9;
        background-size: 25px auto;
    }

    .h_menu .menu {
        left: 0;
    }

    .banner .num{
        bottom: 10px;
    }
    .index-tlt{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .index-tlt h2{
        font-size: 24px;
    }
    .index-tlt h3{
        font-size: 13px;
    }

    .box1-cont .box1-left{
        width: 100%;
        float: none;
    }
    .box-right{
        float: none;
        width: 100%;
    }
    .box-m-cont{
        padding-bottom: 10px;
    }
    .box-m-cont h3{
        font-size: 20px;
        line-height: 1.6;
    }
    .box-m-cont .info{
        font-size: 13px;
    }
    .box1-cont2{
        margin-top: 0;
    }
    .box1-cont3{
        margin-top: 0;
    }
    .box3-right{
        width: 100%;
        float: none;
    }
    .index-box4 ul li{
        width: 33.333%;
        margin-bottom: 20px;
    }

    .foot1 .fnav{
        width: 100%;
        float: none;
    }
    .foot1 .flogo{
        width: 50%;
    }
    .foot1 .ftel{
        width: 50%;
        padding-top: 0
    }


}

@media only screen and (max-width: 760px) {
    .index-box1{
        padding-bottom: 30px;
    }
    .box1-right ul li{
        width: 100%;
        float: none;
        border-bottom: 1px solid #ededed;
    }
    .box1-right::before{
        display: none;
    }
    .box1-right::after{
        display: none;
    }
    .box1-cont2 .box1-right ul li{
        width: 100%;
        float: none;
        border-bottom: 1px solid #ededed;
    }
    .box1-cont2 .box1-right ul li .cont{
        padding: 5%
    }
    .box1-cont2 .box1-right ul::before{
        display: none;
    }

    .box1-cont3 .box1-right ul li{
        width: 100%;
        float: none;
        border-bottom: 1px solid #ededed;
    }
    .box1-cont3 .box1-right ul li .cont{
        padding: 5%
    }
    .box1-cont3 .box1-right ul::before{
        display: none;
    }
    .index-box4 ul li{
        width: 50%;
        margin-bottom: 20px;
    }
    .index-box4 ul li dd{
        font-size: 24px;
    }
    .index-box4 ul li dl{
        font-size: 13px;
    }

}

@media only screen and (max-width: 480px) {
    .box3-right ul li{
        width: 100%;
    }
    .box3-right ul li:nth-child(n+7){
        margin-bottom: 2%
    }
}






/* 企业建站页 */
.xypt-nbanner{
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.xypt-nbanner .nbanner-wz{
    padding: 7% 0;
}
.xypt-nbanner .nbanner-wz h3{
    font-size: 36px;
    color: #fff;
}
.xypt-nbanner .nbanner-wz h4{
    font-size: 16px;
    color: #fff;
    line-height: 3;
}
.xypt-nbanner .nbanner-wz a{
    display: block;
    width: 156px;
    height: 40px;
    background: #00ade9;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    font-size: 14px;
    line-height: 40px;
    margin-top: 30px
}

.qyjz-box1{
    position: relative;
    border-left: 1px solid #f6f8fb;
    border-right: 1px solid #f6f8fb;
    padding-bottom: 85px;
}
.qyjz-box1 .line1{
    width: 1px;
    height: 100%;
    background: #f6f8fb;
    position: absolute;
    left: 25%;
}
.qyjz-box1 .line2{
    width: 1px;
    height: 100%;
    background: #f6f8fb;
    position: absolute;
    left: 50%;
}
.qyjz-box1 .line3{
    width: 1px;
    height: 100%;
    background: #f6f8fb;
    position: absolute;
    left: 75%;
}
.qyjz-box1 ul{
    font-size: 0;
}
.qyjz-box1 ul li{
    width: 25%;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.qyjz-box1 ul li .img{
    padding: 10px 0;
}
.qyjz-box1 ul li .img img{
    max-width: 100%;
    transition: none;
}
.qyjz-box1 ul li h3{
    font-size: 24px;
    color: #333;
    line-height: 3;
}
.qyjz-box1 ul li p{
    font-size: 15px;
    color: #888888;
    line-height: 1.8;
}
.qyjz-box1 ul li:hover img{
    filter: invert(50%) sepia(99%) saturate(2314%) hue-rotate(162deg) brightness(98%) contrast(102%);

}
.qyjz-box1 ul li:hover h3{
    color: #00ade9;
}

.qyjz-box2{
    width: 100%;
    background-image: url(../images/qyjz-box2-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.qyjz-box2 > div{
    padding-top: 4%;
    padding-bottom: 4%;
}
.qyjz-box2 > div > h3{
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}
#formsearch1{
    max-width: 604px;
    height: 50px;
    background: #fff;
    margin: 0 auto;
    line-height: 50px;
    border-radius: 25px;
    overflow: hidden;
}
#formsearch1 input{
    outline: none;
    border: none;
}
#formsearch1 #keyword1{
    width: calc(100% - 50px);
    box-sizing: border-box;
    padding-left: 30px;
    float: left;
    font-size: 16px;
}
#formsearch1 #s_btn{
    width: 50px;
    height: 50px;
    background: url(../images/ss.png) no-repeat center;
    float: right;
}

.qyjz-tong ul{
    margin-left: -12px;
    margin-right: -12px;
}
.qyjz-tong ul li{
    margin-left: 12px;
    margin-right: 12px;
    width: calc(25% - 24px);
    float: left;
    text-align: center;
    margin-bottom: 34px;
}
.qyjz-tong ul li a.img{
    display: block;
    overflow: hidden;
    height: 246px;
    position: relative;

}

.qyjz-tong ul li a.img img{
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    transition: 3s;
}
.qyjz-tong ul li h3{
    font-size: 14px;
    color: #999;
    line-height: 50px;
}
.qyjz-tong ul li h3 span{
    font-size: 16px;
    color: #555;
}
.qyjz-tong ul li a.ljzx{
    display: inline-block;
    width: 100px;
    height: 28px;
    background: #00ade9;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    border-radius: 15px;
    margin: 0 auto;
}

.qyjz-tong a.ckqb{
    display: block;
    width: 198px;
    height: 44px;
    border: 1px solid #dee3ea;
    position: relative;
    margin:20px auto;
}
.qyjz-tong a.ckqb span{
    display: block;
    position: relative;
    z-index: 999;
    font-size: 14px;
    color: #92969c;
    line-height: 42px;
    text-align: center;
}
.qyjz-tong a.ckqb::before{
    content: '';
    background: #00ade9;
    width: 0;
    height: 42px;
    position: absolute;
    z-index: 99;
}
.qyjz-tong a.ckqb:hover::before{
    width: 100%;
}
.qyjz-tong a.ckqb:hover span{
    color: #fff;
}



.qyjz-box3{
    background: #f6f8fb;
    padding-bottom: 30px;
}

.qyjz-box4{
    padding-bottom: 30px;
}

.qyjz-box5{
    background: #f6f8fb;
    padding-bottom: 30px;
}

.qyjz-box6{
    padding-bottom: 30px;
}

.qyjz-box7{
    background: #f6f8fb;
    padding-bottom: 30px;
}
.qyjz-box7 ul li a.img img{
    transition: 5s;
}

.qyjz-box8{
    padding-bottom: 72px;
}
.qyjz-box8 ul li{
    width: 18%;
    margin-right: 2.25%;
    float: left;
    text-align: center;
    padding: 3% 0;
}
.qyjz-box8 ul li:last-child{
    margin-right: 0;
}
.qyjz-box8 ul li:nth-child(1){
    border: 1px solid #a759fe;
}
.qyjz-box8 ul li:nth-child(2){
    border: 1px solid #f9ad5d;
}
.qyjz-box8 ul li:nth-child(3){
    border: 1px solid #619dff;
}
.qyjz-box8 ul li:nth-child(4){
    border: 1px solid #34d8a7;
}
.qyjz-box8 ul li:nth-child(5){
    border: 1px solid #25dbfe;
}
.qyjz-box8 ul li .img img{
    max-width: 100%
}
.qyjz-box8 ul li h3{
    font-size: 18px;
    color: #555;
    line-height: 3;
    padding-top: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.qyjz-box9{
    background: url(../images/qyjz-box9-bg.png) no-repeat center;
    background-size: cover;
    padding-top: 3%;
    padding-bottom: 4%;
    text-align: center;
}
.qyjz-box9 h3{
    font-size: 36px;
    color: #fff;
    line-height: 2;
}
.qyjz-box9 h4{
    font-size: 16px;
    color: #fff;
    line-height: 3;
}
.qyjz-box9 a.ljzx{
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 36px;
    background: #00ade9;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    margin-top: 3%;
}

@media only screen and (max-width: 1400px) {
    .xypt-nbanner .nbanner-wz{
        padding: 5% 0;
    }
    .xypt-nbanner .nbanner-wz h3{
        font-size: 30px;
    }
    .xypt-nbanner .nbanner-wz h4{
        font-size: 14px;
    }



}
@media only screen and (max-width: 1200px) {
    .xypt-nbanner .nbanner-wz{
        padding: 4% 0;
    }
    .xypt-nbanner .nbanner-wz h3{
        font-size: 24px;
    }
    .xypt-nbanner .nbanner-wz h4{
        font-size: 12px;
    }
    .xypt-nbanner .nbanner-wz a{
        width: 120px;
        height: 32px;
        line-height: 32px
    }
    .qyjz-box8 ul li h3{
        font-size: 16px;
    }


}
@media only screen and (max-width: 990px) {
    .qyjz-box1{
        padding-bottom: 50px;
    }
    .qyjz-box1 ul li .img img{
        max-width: 50px;
    }
    .qyjz-box1 ul li h3{
        font-size: 20px;
    }
    .qyjz-box1 ul li p{
        font-size: 14px;
    }
    .qyjz-box2 > div > h3{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .qyjz-tong ul li{
        width: calc(50% - 24px);
    }
    .qyjz-tong ul li a.img{
        height: 180px;
    }
    .qyjz-tong ul li a.img img{
        top: 0!important;
    }
    #formsearch1{
        height: 40px;
        line-height: 40px;
    }
    #formsearch1 #keyword1{
        font-size: 14px;
    }
    #formsearch1 #s_btn{
        height: 40px;
        line-height: 40px;
    }
    .qyjz-box8 {
        padding-bottom: 40px;
    }
    .qyjz-box9 h3{
        font-size: 24px;
    }
    .qyjz-box9 h4{
        font-size: 14px;
    }

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

    .qyjz-box1{
        padding-bottom: 20px;
        border: none;
    }
    .xypt-nbanner{
        background-size: cover;
    }
    .qyjz-box1 .line1{
        display: none;
    }
    .qyjz-box1 .line2{
        display: none;
    }
    .qyjz-box1 .line3{
        display: none;
    }
    .qyjz-box1 ul li{
        width: 50%;
        margin-bottom: 20px;
    }
    .qyjz-box2 > div{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .qyjz-box8 ul li{
        width: 31.333%;
        margin-bottom: 20px;
        margin-right: 2.5%;
    }
    .qyjz-box8 ul li:nth-child(3){
        margin-right: 0;
    }
    .qyjz-box8 ul li:nth-child(5){
        margin-right: 0;
    }
    .qyjz-box8 ul li .img img{
        max-width: 60px;
    }
    .qyjz-box8 ul li h3{
        font-size: 14px;
    }

}
@media only screen and (max-width: 500px) {
    .xypt-nbanner .nbanner-wz{
        padding: 40px 0;
    }
    .qyjz-box1 ul li h3{
        font-size: 18px;
    }
    .qyjz-box1 ul li p{
        font-size: 13px;
    }
    .qyjz-tong ul li a.img{
        height: 160px;
    }
    .qyjz-tong ul li a.img img{
        top: 0!important;
    }
    .qyjz-box9 h3{
        font-size: 20px;
    }
    .qyjz-box9 h4{
        font-size: 13px;
    }


}



/* 网络推广页 */
.wltg-boxx{
    font-size: 0
}
.wltg-boxx .wltg-img{
    display: inline-block;
    vertical-align: middle;
}
.wltg-boxx .wltg-img img{
    max-width: 100%;
}
.wltg-boxx .wltg-text{
    display: inline-block;
    vertical-align: middle;
}
.wltg-boxx .wltg-text h3{
    font-size: 36px;
    color: #333;
    line-height: 1.5;
}
.wltg-boxx .wltg-text h3 span{
    padding-left: 12%;
    font-size: 16px;
    color: #333333
}
.wltg-boxx .wltg-text h3 span em{
    font-size: 24px;
    color: #ff7f00;
    font-family: 'Arial';
    font-style: normal;
}
.wltg-boxx .wltg-text h3 span i{
    font-size: 48px;
    color: #ff7f00;
    font-family: 'Arial';
    font-style: normal;
}
.wltg-boxx .wltg-text p{
    font-size: 20px;
    line-height: 1.8;
    color: #333;
    padding: 6% 0;
}
.wltg-boxx .wltg-text dl{
    font-size: 0;
}
.wltg-boxx .wltg-text dl dt{
    display: inline-block;
    font-size: 16px;
    line-height: 2.5;
    color: #333;
    padding-left: 28px;
    background: url(../images/gou.png) no-repeat left center;
    font-weight: normal;
    margin-right: 8%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.wltg-boxx .wltg-text dl dt:nth-child(3n){
    margin-right: 0;
}
.wltg-boxx .wltg-text a.ljzx{
    display: block;
    width: 156px;
    height: 40px;
    background: #00ade9;
    text-align: center;
    border-radius: 20px;
    margin-top: 12%;
}
.wltg-boxx .wltg-text a.ljzx span{
    display: inline-block;
    padding-left: 28px;
    background: url(../images/taobao.png) no-repeat left center;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
}

.wltg-box1{
    padding: 60px 0;
}
.wltg-box1 .wltg-img{
    width: 51%;
    margin-right: 5%;
}
.wltg-box1 .wltg-text{
    width: 41%;
    margin-right: 3%;
}

.wltg-box2{
    padding: 90px 0;
    background: #f6f8fb
}
.wltg-box2 .wltg-img{
    width: 47%;
    text-align: right;
}
.wltg-box2 .wltg-text{
    width: 41%;
    margin-right: 12%;
}
.wltg-box2 .wltg-text dl dt{
    width: 31.333%;
    margin-right: 3%;
}

.wltg-box3{
    padding: 90px 0;
}
.wltg-box3 .wltg-img{
    width: 46%;
    margin-right: 7%
}
.wltg-box3 .wltg-text{
    width: 44%;
    margin-right: 3%
}
.wltg-box3 .wltg-text a.ljzx{
    margin-top: 4%;
}

.wltg-box4{
    padding: 90px 0;
    background: #f6f8fb
}
.wltg-box4 .wltg-text{
    width: 48%;
    margin-right: 4%
}
.wltg-box4 .wltg-img{
    width: 48%;
}

.wltg-box4 .wltg-text a.ljzx{
    margin-top: 0;
}

.wltg-box5{
    padding: 90px 0;
}
.wltg-box5 .wltg-img{
    width: 42%;
    margin-left: 2%;
    margin-right: 8%;
}
.wltg-box5 .wltg-text{
    width: 42%;
    margin-right: 6%
}
.wltg-box5 .wltg-text a.ljzx{
    margin-top: 0;
}
.wltg-box6{
    background: #f6f8fb;
    padding-bottom: 30px;
}
.wltg-box6 h2{
    font-size: 36px;
    padding: 60px 0;
    text-align: center;
    color: #333;
}


.slideTxtBox2{
    position: relative;
}
.slideTxtBox2 .hd{
    position: absolute;
    bottom: 20%;
    left: 62%;
}
.slideTxtBox2 .hd ul li{
    display: inline-block;
    width: 52px;
    height: 3px;
    background: #acadaf;
    margin-right: 18px;
}
.slideTxtBox2 .hd ul li.on{
    height: 5px;
    background: #00ade9;
    cursor: pointer;
}
.slideTxtBox2 .bd ul li .img{
    width: 62%;
    margin-left: -5%;
    padding: 15px 7% 7%;
    background: url(../images/dn.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
}
.slideTxtBox2 .bd ul li .img img{
    width: 100%;
}
.slideTxtBox2 .bd ul li .wz{
    width: 38%;
    float: right;
}
.slideTxtBox2 .bd ul li .wz h3{
    font-size: 24px;
    color: #333333;
    line-height: 4;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.slideTxtBox2 .bd ul li .wz .info{
    font-size: 16px;
    color: #666666;
    line-height: 2.2;
}
.slideTxtBox2 .bd ul li .wz a.ljzx{
    display: block;
    width: 170px;
    height: 48px;
    background: #333333;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 48px;
    margin-top: 8%
}

.wltg-box7{
    background: url(../images/wltg-box7-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 5.5% 0;
}

.wltg-box7-cont{
    background: url(../images/line01.png) no-repeat center bottom;
    text-align: center;
}
.wltg-box7-cont h2{
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
}
.wltg-box7-cont h2 span{
    color: #ff6c00
}
.wltg-box7-cont h3{
    font-size: 24px;
    color: #fff;
    line-height: 4.8;
}


.wltg-box8{
    padding: 50px 0 60px;
    background: #f6f8fb;
}

.wltg-box8-cont{
    font-size: 0
}
.wltg-box8-cont .wltg-box8-left{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.wltg-box8-cont .wltg-box8-right{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.wltg-box8-cont .wltg-box8-left > h3{
    font-size: 32px;
    color: #333;
    line-height: 1.5;
}
.wltg-box8-cont .wltg-box8-left > h3 span{
    display: block;
    font-weight: bold;
    color: #00ade9;
}

.wltg-box8-cont .wltg-box8-left > h4{
    font-size: 18px;
    line-height: 4;
    color: #777777;
    position: relative;
    margin-top: 10px;
}
.wltg-box8-cont .wltg-box8-left > h4::after{
    content: '';
    width: 28px;
    height: 4px;
    background: #00ade9;
    position: absolute;
    bottom: 0;
    left: 0;
}

#form1 input{
    display: block;
    width: 100%;
    height: 48px;
    line-height: 46px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 14px;
    color: #dddddd;
    outline: none;
}
#form1 input::-webkit-input-placeholder{
    color: #dddddd
}
#form1 input::-moz-placeholder{
    color: #dddddd
}
#form1 input:-moz-placeholder{
    color: #dddddd
}
#form1 input:-ms-input-placeholder{
    color: #dddddd
}
#form1 span.tlt{
    display: block;
    font-size: 16px;
    color: #555;
    line-height: 2.5;
}
#form1 span.tlt em{
    font-style: normal;
    color: #ff0000
}
#form1 .code #checkcode{
    width: calc(100% - 120px);
    display: inline-block
}
#form1 .code #checkCodeImg{
    height: 45px;
    width: 120px;
}
#form1 .msgbtn{
    padding: 0;
    background: #00ade9;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 25px;
}

@media only screen and (max-width: 1400px){
    .wltg-boxx .wltg-text dl dt{
        margin-right: 15px;
    }
    .wltg-box2 .wltg-text dl dt{
        width: 48%;
        margin-right: 2%!important
    }
}

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

    .slideTxtBox2 .hd{
        bottom: 5%
    }

}
@media only screen and (max-width: 990px){
    .wltg-boxx .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .wltg-boxx .wltg-img{
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .wltg-boxx .wltg-text{
        width: 100%;
        margin: 0;
        margin-top: 20px;
    }
    .wltg-boxx .wltg-text h3{
        font-size: 24px;
    }
    .wltg-boxx .wltg-text h3 span i{
        font-size: 30px;
    }
    .wltg-boxx .wltg-text p{
        font-size: 15px;
    }
    .wltg-boxx .wltg-text dl dt{
        font-size: 15px;
    }
    .wltg-boxx .wltg-text a.ljzx{
        margin-top: 30px;
    }
    .wltg-box1{
        padding: 40px 0;
    }
    .wltg-box2{
        padding: 40px 0;
    }
    .wltg-boxx .wltg-img{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .wltg-boxx .wltg-text{
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .wltg-box3{
        padding: 40px 0;
    }
    .wltg-box4{
        padding: 40px 0;
    }
    .wltg-box5{
        padding: 40px 0;
    }
    .slideTxtBox2 .bd ul li .wz h3{
        font-size: 20px;
        line-height: 3;
    }
    .slideTxtBox2 .bd ul li .wz .info{
        font-size: 15px;
        line-height: 2;
    }
    .slideTxtBox2 .hd{
        bottom: 0;
    }
    .slideTxtBox2 .hd ul li{
        width: 40px;
        margin-right: 10px;
    }
    .wltg-box7-cont{
        background: none;
    }
    .wltg-box7-cont h2{
        font-size: 24px;
    }
    .wltg-box7-cont h3{
        font-size: 18px;
    }

    .wltg-box8{
        padding: 40px 0;
    }

    .wltg-box8-cont .wltg-box8-left{
        width: 100%;
        float: none;
    }

    .wltg-box8-cont .wltg-box8-right{
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .wltg-box8-cont .wltg-box8-left > h3{
        font-size: 24px;
    }
    .wltg-box8-cont .wltg-box8-left > h3 span{
        font-size: 24px;
    }
    .wltg-box8-cont .wltg-box8-left > h4{
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 15px;
    }

}
@media only screen and (max-width: 768px){
    .wltg-box6 h2{
        font-size: 24px;
        padding: 40px 0;
    }

    .slideTxtBox2 .hd{
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
    }


    .slideTxtBox2{
        max-width: 600px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    .slideTxtBox2 .bd ul li .img{
        width: 100%;
        margin: 0 auto;
        float: none;
        padding: 15px 11% 11% 11%
    }
    .slideTxtBox2 .bd ul li .wz{
        width: 100%;
        margin: 0;
        float: none;
        padding: 0 5%
    }
    .slideTxtBox2 .bd ul li .wz h3{
        font-size: 18px;
    }

    .wltg-box7{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .wltg-box7-cont h3{
        font-size: 15px;
        line-height: 1.8;
        padding-top: 20px;
    }

}
@media only screen and (max-width: 480px){
    .wltg-box7-cont h2{
        font-size: 20px;
    }


}



/* 企业应用页 */

.qyyy-box1{
    padding-top: 50px;
    padding-bottom: 50px;
}
.qyyy-tlt{
    text-align: center;
}
.qyyy-tlt h2{
    font-size: 30px;
    color: #333333;
    line-height: 1.5;
}
.qyyy-tlt h3{
    font-size: 18px;
    color: #555555;
    line-height: 1.5;
    padding-top: 30px;
}
.qyyy-price{
    text-align: center;
    font-size: 16px;
    color: #333;
    padding: 30px 0 50px;
}
.qyyy-price em{
    font-size: 24px;
    font-family: Arial;
    color: #ff7f00;
    font-style: normal;
}
.qyyy-price span{
    font-size: 48px;
    color: #ff7f00;
    font-family: Arial;
}
.qyyy-box1 ul{
    font-size: 0;
}
.qyyy-box1 ul li{
    width: 24%;
    margin-right: 1.3333%;
    position: relative;
    float: left;
    border: 1px solid #eeeeee;
}
.qyyy-box1 ul li:last-child{
    margin-right: 0;
}
.qyyy-box1 ul li .cont{
    box-sizing: border-box;
    text-align: center;
    padding: 50px 2% 30px;
    cursor: pointer;
}

.qyyy-box1 ul li .img img{
    max-width: 100%;
}
.qyyy-box1 ul li h3{
    font-size: 20px;
    color: #333333;
    font-weight: lighter;
    margin-top: 20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height: 2
}
.qyyy-box1 ul li:hover{
    margin-top: -10px;
    border-color: #fff;
}
.qyyy-box1 ul li:nth-child(1):hover{
    box-shadow: 0 0 15px rgba(39, 112, 225, 0.2);
}
.qyyy-box1 ul li:nth-child(2):hover{
    box-shadow: 0 0 15px rgba(35, 194, 195, 0.2);
}
.qyyy-box1 ul li:nth-child(3):hover{
    box-shadow: 0 0 15px rgba(246, 103, 115, 0.2);
}
.qyyy-box1 ul li:nth-child(4):hover{
    box-shadow: 0 0 15px rgba(97, 117, 255, 0.2);
}

a.qyyy-ljzx{
    display: block;
    width: 156px;
    height: 40px;;
    border-radius: 20px;
    background: #00ade9;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    margin: 0 auto;
    margin-top: 70px;
    box-shadow: 0 5px 10px rgba(0, 173, 233, 0.3);
    position: relative;
    overflow: hidden;
    transition: 0s;
}
a.qyyy-ljzx span{
    display: block;
    position: relative;
    z-index: 9999;
}
a.qyyy-ljzx::before{
    content: '';
    width: 0;
    height: 40px;
    background: #0198cd;
    position: absolute;
    left: 50%;
    top: 0
}
a.qyyy-ljzx:hover::before{
    width: 52%;
    left: 0;
}
a.qyyy-ljzx::after{
    content: '';
    width: 0;
    height: 40px;
    background: #0198cd;
    position: absolute;
    right: 50%;
    top: 0
}
a.qyyy-ljzx:hover::after{
    width: 52%;
    right: 0;
}


.qyyy-box2{
    background: url(../images/qyyy-box2-bg.png) no-repeat center top;
    padding: 50px 0;
}

.qyyy-box2 ul li{
    width: 12.2857%;
    margin-right: 2.16666%;
    float: left;
    cursor: pointer;
}
.qyyy-box2 ul li:last-child{
    margin-right: 0;
}
.qyyy-box2 ul li .cont{
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 30px 5px;
    box-shadow: 0 0 10px rgba(85,85,85,0.1);
}
.qyyy-box2 ul li .img img{
    max-width: 100%;
    transition: 0s;
}
.qyyy-box2 ul li h3{
    font-size: 15px;
    color: #333333;
    padding-top: 20px;
    line-height: 2;
    transition: 0s;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.qyyy-box2 ul li:hover img{
    filter: invert(49%) sepia(61%) saturate(1755%) hue-rotate(160deg) brightness(96%) contrast(101%);
}
.qyyy-box2 ul li:hover h3{
    color: #00ade9;
}

.qyyy-box3{
    padding-top: 30px;
    padding-bottom: 60px;
    border-bottom: 1px solid #efefef
}
.qyyy-box3 .lc{
    position: relative;
    padding-left: 190px;
}
.qyyy-box3 .zclc{
    width: 190px;
    height: 210px;
    position: absolute;
    left: 0;
    left: 0;
}
.qyyy-box3 .zclc img{
    width: 190px;
    height: 210px;
}
.qyyy-box3 .lc ul{
    background: #f6f8fb
}
.qyyy-box3 .lc ul li{
    width: 25%;
    float: left;
    padding: 50px 0;
    cursor: pointer;
}
.qyyy-box3 .lc ul li .cont{
    text-align: center;
    border-right: 1px solid #ededed;
}
.qyyy-box3 .lc ul li:last-child .cont{
    border-right: none;
}
.qyyy-box3 .lc ul li h3{
    font-size: 18px;
    color: #0f0f0f;
    line-height: 2;
    padding-top: 15px;
}

.qyyy-box3 a.qyyy-ljzx{
    margin-top: 50px;
}

.qyyy-box3 .lc ul li .cont img{
    max-width: 100%;
}

@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}

10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}

30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}

40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}

100%{-webkit-transform:scale(1) rotate(0);}}

@-moz-keyframes tada{0%{-moz-transform:scale(1);}

10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}

30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}

40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}

100%{-moz-transform:scale(1) rotate(0);}}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);

opacity:0;}

40%{-webkit-transform:perspective(400px) rotateY(-10deg);}

70%{-webkit-transform:perspective(400px) rotateY(10deg);}

100%{-webkit-transform:perspective(400px) rotateY(0deg);

opacity:1;}}

@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);

opacity:0;}

40%{-moz-transform:perspective(400px) rotateY(-10deg);}

70%{-moz-transform:perspective(400px) rotateY(10deg);}

100%{-moz-transform:perspective(400px) rotateY(0deg);

opacity:1;}}

.qyyy-box3 .lc ul li .cont:hover img{
    -webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;
}



#container3{
    padding: 50px 0;
}


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

}

@media only screen and (max-width: 1200px){
    .qyyy-tlt h3{
        padding-top: 20px;
    }
    .qyyy-price{
        padding: 20px 0 40px;
    }

}

@media only screen and (max-width: 990px){
    .qyyy-box1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .qyyy-tlt h2{
        font-size: 24px;
    }
    .qyyy-tlt h3{
        font-size: 14px;
    }
    .qyyy-price span{
        font-size: 32px;
    }
    .qyyy-price{
        padding: 20px 0;
    }
    .qyyy-box1 ul li h3{
        font-size: 16px;
    }
    a.qyyy-ljzx{
        margin-top: 40px;
    }
    .qyyy-box2 ul li{
        width: 24%;
        margin-right: 1.3333%;
        float: left;
        margin-bottom: 15px;
    }
    .qyyy-box2 ul li:nth-child(4n){
        margin-right: 0;
    }

    #container3{
        padding: 30px 0;
    }


}

@media only screen and (max-width: 768px){
    .qyyy-box1 ul li{
        width: 49%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .qyyy-box1 ul li:nth-child(2n){
        margin-left: 2%;
    }
    .qyyy-box1 ul li:hover{
        margin-top: 0px;
    }
    .qyyy-box2{
        padding: 30px 0;
    }
    .qyyy-box2 ul li{
        width: 32.3333%;
        margin-right: 1.5%;
        float: left;
        margin-bottom: 15px;
    }
    .qyyy-box2 ul li:nth-child(2n){
        margin-right: 0;
    }
    .qyyy-box2 ul li:last-child{
        margin-right: 2%;
        display: none;
    }
    .qyyy-box2 ul li .img img{
        max-width: 50px;
    }
    .qyyy-box3 .lc{
        padding-left: 0;
    }
    .qyyy-box3 .lc ul li{
        padding: 40px 0;
        width: 50%;
    }
    .qyyy-box3 .lc ul li:nth-child(2) .cont{
        border-right: none;
    }
    .qyyy-box3 .lc ul li h3{
        font-size: 16px;
    }
    .qyyy-box3 .lc ul li .cont img{
        max-width: 50px;
    }
}

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

}



/* 客户案例页 */
.case_list1{
    margin-left: -1%;
    margin-right: -1%;
    font-size: 0;
}
.case_list1 li{
    width: 31.333%;
    margin: 0 1% 30px;
    display: inline-block;
}

.case_list1 li .img{
    overflow: hidden;
    position: relative;
}
.case_list1 li .img a > img{
    width: 100%;
}
.case_list1 li:hover .img a >img{
    transform: scale(1.2);
}
.case_list1 li .img .er{
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0;
    bottom: -100px;
}
.case_list1 li .img .er img{
    width: 100px;
    height: 100px;
}
.case_list1 li .tlt{
    background: #f6f8fb;
    padding: 12px 6%;
    position: relative;
}
.case_list1 li .tlt h3{
    font-size: 16px;
    color: #555555;
    line-height: 45px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case_list1 li .tlt h3 a{
    color: #555;
}
.case_list1 li .tlt .mobile{
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 45px;
    background: url(../images/c2-1.png) no-repeat center;
    top: 12px;
    right: 6%;
}
.case_list1 li:hover .tlt{
    background: #00ade9;
}
.case_list1 li:hover .tlt h3 a{
    color: #fff;
}
.case_list1 li:hover .tlt .mobile{
    background: url(../images/c2-2.png) no-repeat center;
}
.case_list1 li:hover .img .er{
    bottom: 0;

}


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

}

@media only screen and (max-width: 990px){
    .case_list1 li{
        width: 48%;
    }

}

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

}

@media only screen and (max-width: 480px){
    .case_list1 li{
        width: 98%;
        float: none;
    }

    .foot1 .fnav a{
        font-size: 12px;
        margin-right: 0;
        padding-right: 3vw;
    }

}



/* 新闻中心页 */
.xypt-n-menu{
    float: left;
}
.xypt-sort ul li{
    display: inline-block;
    margin-right: 3vw;
}
.xypt-sort ul li a{
    display: block;
    font-size: 16px;
    line-height: 90px;
    color: #555555;
}
.xypt-sort ul li:hover a{
    color: #00ade9
}
.xypt-site{
    float: right;
    font-size: 14px;
    line-height: 90px;
    color: #999999;
}
.xypt-site a{
    color: #999999;
}
.xypt-site a:hover{
    color: #00ade9
}
.xypt_news_list li{
    width: 49%;
    float: left;
    margin-bottom: 32px;
}
.xypt_news_list li:nth-child(2n){
    margin-left: 2%;
}
.xypt_news_list li a{
    padding: 4%;
    background: #fff;
    display: block;
}
.xypt_news_list li .date{
    width: 100px;
    box-sizing: border-box;
    border-right: 1px solid  #eeeeee;
    text-align: right;
    padding: 15px 20px 15px 0;
    float: left;
}
.xypt_news_list li .date .date1{
    font-size: 46px;
    font-weight: bold;
    color: #555555;
    font-family: Arial;
}
.xypt_news_list li .date .date2{
    font-size: 18px;
    color: #999;
    font-family: Arial;
    margin-top: 10px;
}
.xypt_news_list li .wz{
    width: calc(100% - 120px);
    float: right;
}
.xypt_news_list li .wz h3{
    font-size: 18px;
    color: #333;
    line-height: 2;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: 0s;
}
.xypt_news_list li .wz .info{
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    height: 28px;
}
.xypt_news_list li .wz .info p{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.xypt_news_list li .wz dt{
    font-size: 14px;
    color: #999;
    font-weight: normal;
    margin-top: 10px;
    line-height: 28px;
}
.xypt_news_list li .wz dt span{
    display: block;
    line-height: 28px;
    width: 0;
    overflow: hidden;
    float: left;
}
.xypt_news_list li:hover .wz dt span{
    width: 25px;
}
.xypt_news_list li:hover .wz h3{
    font-weight: bold;
    color: #00ade9
}
.xypt_news_list li:hover{
    box-shadow: 0 5px 20px #ddd;
}
.share #bdshare a{
    box-sizing: content-box
}
.share #bdshare span{
    box-sizing: content-box
}


.xypt_product_list{
    margin-left: -1%;
    margin-right: -1%;
}
.xypt_product_list li{
    width: 23%;
    margin: 0 1%;
    margin-bottom: 30px;
    float: left;
}
.xypt_product_list li a.img{
    display: block;
    height: 300px;
    position: relative;
    overflow: hidden;
}
.xypt_product_list li a.img img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.xypt_product_list li  h3{
    text-align: center;
    font-size: 16px;
    color: #333;
    margin-top: 20px;
}
.xypt_product_list li h3 a{
    color: #333;
}
.xypt_product_list li:hover h3 a{
    color: #00ade9
}

.xypt_product_list li a.ljzx{
    display: inline-block;
    width: 100px;
    height: 28px;
    background: #00ade9;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    border-radius: 15px;
    margin: 0 auto;
}


@media only screen and (max-width: 1200px){
    .xypt_product_list li a.img{
        height: 240px;
    }
}
@media only screen and (max-width: 990px){
    .xypt-n-menu{
        float: none;
    }
    .xypt-site{
        display: none
    }
    .xypt_news_list li{
        width: 100%;
        margin-left: 0!important;
        float: none;
    }
    .xypt_product_list li a.img{
        height: 200px;
    }
    .xypt-sort ul li a{
        line-height: 50px;
        font-size: 14px;
    }
    .xypt_product_list li{
        width: 48%;
    }
    .xypt_product_list li a.img{
        height: 220px;
    }
}

@media only screen and (max-width: 768px){
    .xypt_news_list li a{
        padding: 3%
    }
    .xypt_news_list li .date{
        width: 65px;
        padding: 10px 10px 10px 0;
    }
    .xypt_news_list li .date .date1{
        font-size: 32px;
    }
    .xypt_news_list li .date .date2{
        font-size: 14px;
    }
    .xypt_news_list li .wz{
        width: calc(100% - 75px);
    }
    .xypt_news_list li .wz h3{
        font-size: 16px;
    }
    .xypt_news_list li .wz .info{
        font-size: 12px;
    }
    .xypt_news_list li .wz dt{
        margin-top: 0;
    }
    .info_title{
        display: none;
    }

    .xypt_product_list li a.img{
        height: 180px;
    }

}

@media only screen and (max-width: 480px){
    .xypt_product_list li a.img{
        height: 160px;
    }

}


.form-group {
    margin-bottom: 15px;
}

.message1 .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
.message1{
  font-size: 0;
}


.message1 label {
  font-size: 14px;
  text-align: right
}

.message1 textarea {
  resize: none;
}

.message1 #checkcode {
  display: inline-block;
  width: 30%;
  font-size:12px;
}

.message1 #checkCodeImg {
  vertical-align: top;
  margin-left: 10px;
}

.message1 #change_code {
  line-height: 34px;
  padding: 0 10px;
  color: #292e39;
  font-size: 14px;
}



@media (max-width: 768px) {
 .message1 .form-group {
    margin-bottom: 25px;
  }
  .message1 #change_code + .error-info {
    padding-left: 0px;
    margin-left: -7px;
  }
}

.message1.n-default .msg-wrap {
  position: static;
}




/* 关于祥云页 */
.about-box1{
    padding-top: 90px;
    padding-bottom: 100px;
}
.about-box1-left{
    width: 37.5%;
    float: left;
}
.about-box1-left img{
    width: 100%;
}
.about-box1-right{
    width: 58%;
    float: right;
}
.about-box1-right > h3{
    font-size: 30px;
    color: #333333;
    line-height: 3;
    font-weight: bold;
}
.about-box1-right .jj{
    font-size: 15px;
    color: #666666;
    line-height: 2;
}
.about-box2{
    padding-top: 80px;
    padding-bottom: 100px;
    background: url(../images/about-box2-bg.jpg) no-repeat center;
    background-size: cover;
}
.about-box2-1{
    max-width: 1020px;
    margin: 0 auto;
}
.about-box2-1 > h3{
    font-size: 30px;
    color: #fff;
    text-align: center;
}
.about-box2-1 .wz{
    font-size: 16px;
    color: #fff;
    line-height: 2;
    text-align: center;
    margin-top: 40px;
}
.about-box2-2{
    margin-top: 7%
}
.about-box2-2 ul li{
    width: 19%;
    margin-right: 1.25%;
    float: left;
}
.about-box2-2 ul li:last-child{
    margin-right: 0;
}
.about-box2-2 ul li .cont{
    border: 1px solid rgba(255,255,255,0.5);
    padding: 30px 0;
    text-align: center;
}
.about-box2-2 ul li .cont img{
    max-width: 100%;
}
.about-box2-2 ul li .cont h3{
    font-size: 16px;
    color: #fff;
    line-height: 2;
    margin-top: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.about-box3{
    padding-top: 100px;
    padding-bottom: 80px;
}
.about-box3-1{
    max-width: 1080px;
    margin: 0 auto
}
.about-box3-1 > h3{
    font-size: 30px;
    color: #333333;
    text-align: center;
}
.about-box3-1 .wz{
    font-size: 16px;
    color: #666;
    line-height: 2;
    text-align: center;
    margin-top: 40px;
}
.map-content{
    margin-top: 60px;
}
.map-content .map-img {
    width: 930px;
    height: 621px;
    position: relative;
    margin: 0 auto;
}

.map-content .map-img .point-area {
	position:absolute;
	-webkit-transition:opacity .5s ease-out;
	transition:opacity .5s ease-out;
	width:34px;
	height:34px;
	visibility:visible;
	opacity:1
}
.map-content .map-img .point-area span {
	position:absolute;
	width:50px
}
.map-content .map-img .point-area .point-dot {
	z-index:1;
	background-color:#3bbdf7;
	display:block;
	border:1px solid rgba(59,189,247,.37)
}
.map-content .map-img .point-area .point-dot.suzhou {
	background-color:#fd6e2e;
	border:1px solid rgba(253,110,46,.37)
}
.map-content .map-img .point-area .point {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:8px;
	height:8px;
	margin:auto;
	border-radius:50%
}
.map-content .map-img .point-area div.point {
	width:100%;
	height:100%
}
.map-content .map-img .point-area div.point:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #00cdec;
	opacity:0;
	-webkit-animation:ripple 4.5s ease-out 225ms infinite;
	animation:ripple 4.5s ease-out 225ms infinite
}
.map-content .map-img .point-area div.suzhou:after {
	border-color:#f0082f
}
.map-content .map-img .point-area div.point-70:after {
	-webkit-animation:ripple 4.5s ease-out 1.57s infinite;
	animation:ripple 4.5s ease-out 1.57s infinite
}
.map-content .map-text {
	padding:10px 0;
	text-align:right;
	float:right
}
.map-content .map-text li {
	padding:20px 10px;
	position:relative
}
.map-content .map-text li .num {
	position:relative;
	font-size:44px;
	font-weight:700;
	height:44px;
	padding-right:20px
}
.map-content .map-text li span {
	position:absolute;
	top:15px;
	right:6px;
	font-size:31px;
	font-weight:400
}
.map-content .map-text li .txt {
	font-size:16px;
	line-height:74px
}
@-webkit-keyframes ripple {
	0% {
	opacity:0;
	-webkit-transform:scale(.1)
}
5% {
	opacity:1
}
to {
	opacity:0;
	-webkit-transform:scale(1)
}
}@keyframes ripple {
	0% {
	opacity:0;
	-webkit-transform:scale(.1);
	transform:scale(.1)
}
5% {
	opacity:1
}
to {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1)
}
}



.about-box4{
    background: url(../images/about-box4-bg.png) top center no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.about-box4 h3{
    font-size: 30px;
    color: #fff;
    text-align: center;
}
.about-box4 .wz{
    font-size: 16px;
    color: #fff;
    line-height: 2;
    max-width: 960px;
    margin:50px auto;
    text-align: center;
}
.about-box4 a.ljzx{
    display: block;
    width: 156px;
    height: 40px;
    margin: 0 auto;
    background: #00ade9;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    line-height: 40px;
    font-size: 14px;
}



@media (max-width: 1400px){

}

@media (max-width: 1200px){
    .map-content .map-text {
	width:100%;
	text-align:left;
	padding-top:30px
   }
   .map-content .map-text li {
	float:left;
	width:25%;
	padding-bottom:0
    }
    .map-content .map-text li .num span {
	position:static;
	margin-top:-15px
   }

}

@media (max-width: 990px){
    .about-box1 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-box1-right > h3{
        font-size: 24px;
        line-height: 2;
    }
    .about-box1-right .jj{
        font-size: 13px;
    }
    .about-box2{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-box2-1 > h3{
        font-size: 24px;
    }
    .about-box2-1 .wz{
        font-size: 13px;
        margin-top: 30px;
    }
    .about-box2-2 ul li .cont h3{
        font-size: 14px;
    }
    .about-box3 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-box3-1 > h3{
        font-size: 24px;
    }
    .about-box3-1 .wz{
        font-size: 13px;
        margin-top: 30px;
    }
    .about-box4{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-box4 h3{
        font-size: 24px;
    }
    .about-box4 .wz{
        font-size: 13px;
        margin: 30px auto;
    }

}

@media (max-width: 768px){
    .about-box1-left{
        width: 100%;
        float: none;
    }
    .about-box1-right{
        width: 100%;
        float: none;
    }
    .about-box1-right > h3{
        font-size: 20px;
        padding-top: 20px;
    }
    .about-box2-2 ul li{
        width: 32.333%;
        margin-right: 1.3333%;
        margin-top: 10px;
    }
    .about-box2-2 ul li:nth-child(3n){
        margin-right: 0;
    }

}

@media (max-width: 480px){

}

/* 软件著作权页 */
.ryzz-box1{
    padding: 80px 0;
}
.ryzz-box1 ul{
    margin-left: -2%;
    margin-right: -2%;
}
.ryzz-box1 ul li{
    width: 21%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 40px;
    float: left;
}
.ryzz-box1 ul li .img{
    padding: 10px;
    background: #fff;
    border: 1px solid #cde7ef;
    box-shadow: 0 0 10px #efefef;
    display: block;
}
.ryzz-box1 ul li .img img{
    width: 100%;
}
.ryzz-box1 ul li h3{
    font-size: 16px;
    color: #666;
    line-height: 2;
    text-align: center;
    padding-top: 20px;
    transition: 0s;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.ryzz-box1 ul li:hover h3{
    color: #00ade9
}
.ryzz-box1 ul li:hover .img{
    border-color: #00ade9;
}
@media (max-width: 990px){
    .ryzz-box1 {
        padding: 40px 0;
    }
    .ryzz-box1 ul li{
        margin-bottom: 20px;
    }
    .ryzz-box1 ul li h3{
        font-size: 14px;
        padding-top: 10px;
    }

}

@media (max-width: 768px){
    .ryzz-box1 ul li{
        width: 46%;
    }

}


/* 联系我们页 */
.contact-box1-1{
    padding: 60px 15px;
    text-align: center;
}
.contact-box1-1 h3{
    font-size: 30px;
    color: #333333;
    margin-bottom: 20px;
}
.contact-box1-1 p{
    font-size: 16px;
    color: #666666;
}
.contact-box1-2{
    background: #f6f8fb;
}
.contact-box1-2 .ditu{
    width: 50%;
    float: left;
}
.contact-box1-2 .lxfs{
    max-width: 610px;
    float: left;
    margin-left: 5%;
    margin-top: 80px;
}
.contact-box1-2 .lxfs .fwrx{
    font-size: 16px;
    color: #666;
}
.contact-box1-2 .lxfs .fwrx span{
    font-size: 30px;
    color: #333;
    font-weight: bold;
    font-family: Arial;
}
.contact-box1-2 .lxfs .dasd{
    font-size: 16px;
    color: #666;
    line-height: 2;
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
}
.contact-box1-2 .lxfs .js-write{
    margin-top: 20px;
}
.contact-box1-2 .lxfs .js-write p {
    font-size: 16px;
    color: #666;
    line-height: 2.5;
}
.js-write p>span {
    display: inline-block;
    width: 120px;
    font-weight: 700;
}

.contact-box1-2 .lxfs .js-write p a {
    display: inline-block;
    margin-left: 10px;
}

.contact-box2{
    max-width: 1030px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px;
}
.contact-box2-1{
    padding: 60px 15px;
    text-align: center;
}
.contact-box2-1 h3{
    font-size: 30px;
    color: #333333;
    margin-bottom: 20px;
}
.contact-box2-1 p{
    font-size: 16px;
    color: #666666;
}
.message2 .form-group2{
    margin-bottom: 20px;
}
.message2 .form-group2 .form-control2{
    width: 100%;
    border: 1px solid #eceef1;
    padding-left: 18px;
    line-height: 62px;
    font-size: 16px;
    outline: none;

}
.message2 .form-group2 #checkcode{
    border: 1px solid #eceef1;
    padding-left: 18px;
    line-height: 62px;
    font-size: 16px;
    width: calc(100% - 110px);
    outline: none;
}
.message2 .form-group2 #checkCodeImg{
    width: 100px;
    height: 35px;
}

.message2 input::-webkit-input-placeholder{
    color: #cacaca
}
.message2 input::-moz-placeholder{
    color: #cacaca
}
.message2 input:-moz-placeholder{
    color: #cacaca
}
.message2 input:-ms-input-placeholder{
    color: #cacaca
}
.message2 .form-group2 .btn2{
    width: 100%;
    height: 64px;
    line-height: 64px;
    border: none;
    outline: none;
    font-size: 16px;
    color: #fff;
    background: #00ade9;
    text-align: center;
    margin-top: 10px;
}



@media (max-width: 990px){
    .contact-box1-2 .ditu{
        width: 100%;
        float: none;
    }
    .contact-box1-2 .lxfs{
        width: 100%;
        float: none;
        padding-bottom: 50px;
    }

}

@media (max-width: 768px){
    .contact-box1-2 .ditu > div{
        height: 280px !important;
    }
    .contact-box1-1 {
        padding: 40px 15px;
    }
    .contact-box1-1 h3{
        font-size: 24px;
    }
    .contact-box1-1 p{
        font-size: 14px;
    }
    .contact-box1-2 .lxfs{
        padding: 30px 15px;
        margin: 0;

    }
    .contact-box1-2 .lxfs .fwrx{
        font-size: 14px;
    }
    .contact-box1-2 .lxfs .fwrx span{
        font-size: 24px;
    }
    .contact-box1-2 .lxfs .dasd{
        font-size: 14px;
    }
    .contact-box1-2 .lxfs .js-write p{
        font-size: 14px;
    }
    .js-write p>span{
        width: 90px;
    }
    .contact-box1-2 .lxfs .js-write p a{
        margin-left: 0
    }

    .contact-box2-1{
        padding: 40px 0;
    }
    .contact-box2-1 h3{
        font-size: 24px;
    }
    .contact-box2-1 p{
        font-size: 14px;
    }
    .message2 .form-group2 {
        margin-bottom: 0px;
    }
    .message2 .form-group2 .form-control2{
        line-height: 40px;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .message2 .form-group2 #checkcode{
        line-height: 40px;
    }
    .message2 .form-group2 .btn2{
        line-height: 42px;
        height: 42px;
        font-size: 15px;
        margin-top: 30px;
    }

}



/* 支付方式页 */

.page-pay-list {
    padding-bottom: 60px;
}

.page-pay-list li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: 50px 0;
}
.page-pay-list li .pay-title {
    padding-bottom: 20px;
}
.page-pay-list li .pay-title img {
    max-width: 100%;
}
.page-pay-list li .wz {
    font-size: 0;
    margin-bottom: 25px;
}
.page-pay-list li .wz span {
    display: inline-block;
    font-size: 16px;
}
.page-pay-list li .wz span:first-of-type, .page-pay-list li .wz span:nth-of-type(2) {
    width: 36%;
}

@media (max-width: 1200px){
    .page-pay-list li .wz span{
        font-size: 14px;
    }
}

@media (max-width: 990px){
    .page-pay-list {
        padding-bottom: 40px;
    }
    .page-pay-list li .wz span{
        display: block;
        width: 100%!important;
        line-height: 2
    }

}



.case-banner {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover!important;
    height: 350px;
    position: relative;
}

.case-banner .wz {
    position: absolute;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    height: 110px;
    top: 40%;
    right: 0;
    left: 0;
    margin: auto;
    color: #fff;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.case-banner .wz h3 {
    font-size: 34px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 30px;
    line-height: 1.3
}

.case-banner .wz a {
    display: block;
    width: 120px;
    height: 34px;
    border: 1px solid #a8a8a8;
    border-radius: 3px;
    line-height: 31px;
    text-align: center;
    font-size: 16px;
    color: #a8a8a8;
    margin: 0 auto;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.case_detail{
    padding-top: 50px;
    padding-bottom: 50px;
    background: #f6f6f6
}

@media (max-width: 990px){
.case-banner {
    height: 250px;
}
.case-banner .wz h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 30px;
}
.case-banner .wz {
    width: 95%;
    height: 60px;
    top: 28%;
}
}



#preview-bar {
    position: fixed;
    z-index: 99999;
    top: 0;
    width: 100%;
    height: 58px;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.1);
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}

#preview-bar .response-icon {
    float: left;
    width: 30%;
    padding: 0 2.5%;
    line-height: 56px;
}

#preview-bar .response-icon a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    font-size: 14px;
    background: url(../images/pc.jpg) no-repeat center;
    width: 40px;
    height: 56px;

}
#preview-bar .preview-info {
    float: right;
    margin-top: 17px;
    margin-right: 5.72916667%;
}

#preview-bar .preview-info .number {
    color: #111;
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 25px;
}

#preview-bar .preview-info .web-tag {
    position: relative;
    line-height: 25px;
    padding: 0 10px;
    border-right: 2px;
    font-size: 13px;
    color: #747474;
}

#preview-bar .preview-toggle {
    position: absolute;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    right: 2.08333333%;
}

#preview-bar .preview-toggle .hidden-iocn {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    cursor: pointer;
}

#preview-bar .preview-toggle .hidden-iocn .icon-shangjiantou{
	display: block;
	background: url(../images/shang.jpg) no-repeat center;
	height: 40px;
}


#preview-bar .preview-toggle .show-icon {
    position: absolute;
    z-index: 999;
    top: 49px;
    right: -100%;
    width: 58px;
    height: 58px;
    background: url(../images/preview-bg.png);
    text-align: right;
    display: none;
    cursor: pointer;
}

#preview-bar .preview-toggle .show-icon .icon-xiajiantou{
	background: url(../images/xia.png) no-repeat center;
	display: block;
	width: 20px;
	height: 20px;
	background-size: 100% 100%;
	margin-top:10px;
	margin-left: 30px;
}

#preview-bar .preview-info .number:after {
    content: "|";
    color: #999;
    margin-left: 25px;
}

#preview-iframe {
    position: relative;
    z-index: 50;
    top: 58px;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}