/*轮播图*/
.xiaochengxu-bann.swiper-container {
}
.xiaochengxu-bann .swiper-slide {background: no-repeat center / cover; height: 500px; cursor: pointer;}

.bann-xiaochengxu-title {height: 70px; line-height: 70px; font-size: 44px; margin-top: 60px;}
.bann-xiaochengxu-title-txt {font-size: 20px; background-color: #20B09F; border-radius: 20px; padding: 2px 10px; margin-left: 5px;}
.bann-xiaochengxu-descrip {width: 400px; font-size: 14px; line-height: 200%;}
.bann-xiaochengxu-btns {padding: 20px 0 0;}
.layui-carousel-ind {
    top: -90px;
}


/*小程序定制开发*/
.xcx-dzkf {background-color: #1B95D4; width: 100%; padding: 40px 0}
.xcx-dzkf .dyui-main-header .header-title legend {color: #fff}
.xcx-dzkf .dyui-main-header .header-title p {color: #fff}
.xcx-dzkf .dyui-main-header .header-title:after {border-top:solid 3px #DBEFFE;}
.xcx-dzkf .dyui-main-body {padding: 30px 0 0}
.xcx-dzkf ul li .box {background-color: #fff; padding: 20px; text-align: center;}
.xcx-dzkf ul li .box:after {content: ''; display: inline-block; background-color: #FFC600; height: 5px; width: 50px;}
.xcx-dzkf ul li .box i {height: 70px; font-size: 40px; color: #108BEC; margin: 20px 0; background-color: #DBEFFE; border-radius: 100px; padding: 15px; width: 60px; height: 60px; line-height: 60px; text-align: center}
.xcx-dzkf ul li .box h3 {font-size: 18px; color: #000; height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 10px;}
.xcx-dzkf ul li .box p {color: #666; font-size: 16px; line-height: 20px; height: 140px; overflow: hidden; display: none}
.xcx-dzkf ul li:hover .box {background-color: #DBEFFE; color: #fff;}
.xcx-dzkf ul li:hover .box i,
.xcx-dzkf ul li:hover .box:after {background-color: #fff;}




.xcx-bk-ys {background-size: cover; overflow: hidden; padding: 50px 0 20px;}


.xcx-bk-ys ul li:nth-child(5) {margin-right: 0;}

.xcx-bk-ys ul li i {color: #fff; font-size: 40px; width: 100px; height: 100px; line-height: 100px; display: inline-block; border-radius: 50px;}
.xcx-bk-ys ul li i {background-color: #68bb68;}
.xcx-bk-ys ul li:nth-child(2) i {background-color: #eb8651;}
.xcx-bk-ys ul li:nth-child(3) i {background-color: #e65149;}
.xcx-bk-ys ul li:nth-child(4) i {background-color: #9471f3;}
.xcx-bk-ys ul li:nth-child(5) i {background-color: #6997fa;}
.xcx-bk-ys ul li:nth-child(6) i {background-color: #7575fb;}
.xcx-bk-ys ul li:nth-child(7) i {background-color: #ca4ef5;}
.xcx-bk-ys ul li:nth-child(8) i {background-color: #6d9bfa;}
.xcx-bk-ys ul li:nth-child(9) i {background-color: #5aa5c0;}
.xcx-bk-ys ul li:nth-child(10) i {background-color: #e85478;}

.xcx-bk-ys ul li span {display: block; height: 40px; line-height: 40px; margin-top: 10px; font-size: 18px; font-weight: bold;}

.xcx-bk-ys ul li p {font-size: 14px;}


/*小程序开发优势*/
.xcx-vs-youshi {background-color: #F7F7F7; overflow: hidden; padding: 40px 0 60px}




.xcx-vs-youshi .dyui-main-body {padding: 20px 0 0}
.xcx-vs-youshi ul li {text-align: center}
.xcx-vs-youshi ul li .box {background-color: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.1); padding: 30px; border-radius: 10px}
.xcx-vs-youshi ul li .box i {color: #fff; width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 100px; font-size: 38px;
    background: linear-gradient(top left, #F48757, #EF3549);
    background: -ms-linear-gradient(top left, #F48757, #EF3549);
    background: -webkit-linear-gradient(top left, #F48757, #EF3549);
    background: -moz-linear-gradient(top left, #F48757, #EF3549);
}
.xcx-vs-youshi ul li:nth-child(2) .box i {
    background: linear-gradient(top left, #F6C25C, #F39622);
    background: -ms-linear-gradient(top left, #F6C25C, #F39622);
    background: -webkit-linear-gradient(top left, #F6C25C, #F39622);
    background: -moz-linear-gradient(top left, #F6C25C, #F39622);
}
.xcx-vs-youshi ul li:nth-child(3) .box i {
    background: linear-gradient(top left, #26DD88, #09AD71);
    background: -ms-linear-gradient(top left, #26DD88, #09AD71);
    background: -webkit-linear-gradient(top left, #26DD88, #09AD71);
    background: -moz-linear-gradient(top left, #26DD88, #09AD71);
}
.xcx-vs-youshi ul li:nth-child(4) .box i {
    background: linear-gradient(top left, #30AFFA, #488AEE);
    background: -ms-linear-gradient(top left, #30AFFA, #488AEE);
    background: -webkit-linear-gradient(top left, #30AFFA, #488AEE);
    background: -moz-linear-gradient(top left, #30AFFA, #488AEE);
}
.xcx-vs-youshi ul li .t {font-size: 20px; color: #000; height: 50px; line-height: 50px; overflow: hidden;}
.xcx-vs-youshi ul li p {height: 40px; line-height: 20px; font-size: 14px; color: #999; overflow: hidden}




.xcx-main-news {padding: 20px 0 50px; overflow: hidden;}

.xcx-main-news h2 {margin-bottom: 20px;}

.xcx-main-news dl {height: auto; overflow: hidden;}

.xcx-main-news dt {height: 150px; border-radius: 6px; line-height: 150px; text-align: center; color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 5px;}

.xcx-main-news dt a {color: #fff;}

.xcx-main-news dl:nth-child(1) dt {background: url(../images/xcx/news-1.jpg);}
.xcx-main-news dl:nth-child(2) dt {background: url(../images/xcx/news-2.jpg);}
.xcx-main-news dl:nth-child(3) dt {background: url(../images/xcx/news-3.jpg);}

.xcx-main-news dd {height: 36px; line-height: 36px; overflow: hidden; border-bottom: dotted #ddd 1px}

.xcx-main-news dd .time {float: right; color: #888;}

.baidu-bann {height: 300px}
.bann-baidu-title {height: 70px; line-height: 70px; font-size: 44px; margin-top: 60px;}
.bann-baidu-title-txt {font-size: 20px; background-color: #20B09F; border-radius: 20px; padding: 2px 10px; margin-left: 5px;}
.bann-baidu-descrip {width: 400px; font-size: 14px; line-height: 200%;}
.bann-baidu-btns {padding: 20px 0 0;}

/*小程序种类*/
.xcx-zl {background-color: #F5F5F5; padding: 40px 0; overflow: hidden}
.xcx-zl .dyui-main-body {padding: 20px 0 0}
.xcx-zl-list li .box {display: block; background-color: #fff; padding: 20px; overflow: hidden}
.xcx-zl-list li .fa {float: left; width: 80px; height: 80px}
.xcx-zl-list li .fa img {width: 80px; height: 80px}
.xcx-zl-list li .info {padding: 0 0 0 100px}
.xcx-zl-list li .info .t {font-size: 18px; font-weight: bold; height: 40px; line-height: 40px}
.xcx-zl-list li .info p {height: 40px; line-height: 20px; overflow: hidden; color: #666; font-size: 14px}

/*小程序产品*/
.product-list li {}
.product-list li .t {text-align: center; height: 40px; line-height: 40px; font-size: 16px}

/*小程序特色*/
.xcx-baidu-tsll ul li .box {display: block; text-align: center; padding: 20px}
.xcx-baidu-tsll ul li img {max-width: 100%}
.xcx-baidu-tsll ul li h3 {font-size: 18px; font-weight: bold; height: 40px; line-height: 40px}
.xcx-baidu-tsll ul li p {font-size: 16px; color: #999; line-height: 150% }

.baidu-llzc .layui-tab-title {text-align: center}
.baidu-llzc .layui-tab-item img {max-width: 100%;}

/*小程序方案*/
.xcx-fangan {padding: 40px 0; overflow: hidden}
.xcx-fangan .dyui-main-body {padding: 20px 0}
.xcx-fangan-list li.layui-col-md2 {width: 20%}
.xcx-fangan-list li .box {position: relative; display: block; text-align: center; color: #fff}
.xcx-fangan-list li .box img {width:100%; border-radius: 5px; }
.xcx-fangan-list li .box .t {position: absolute; top: 70px; width: 100%; font-size: 28px; z-index: 3}
.xcx-fangan-list li .box .desc {display: none; position: absolute; top: 110px; width: 100%; font-size: 16px; z-index: 3}
.xcx-fangan-list li .box .bg {display: none}
.xcx-fangan-list li:hover .bg {display: block; position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.2);}
.xcx-fangan-list li:hover .box .t {top: 50px;transition: all .3s;}
.xcx-fangan-list li:hover .box .desc {display: block; top: 90px; transition: all .3s;}



/*移动端-手机
//               ::::::::                   ::
//              :::::::::::                ::::
//             ::::'    ::::              ::::::
//            .::::      ::::            ::::::::
//           .:::'         ::::         :::::' :::
//          .::'            ::::       :::::'   ::::
//         .::'              ::::     ::::'      ::::
//        :::                 ::::   ::::'        ::::
//       :::                  ':::::::::'          ::::
//      :::                    '.:::::'             ::::
*/
@media screen and (max-width: 750px) {

    .layui-container {padding: 0 15px}
    .layui-col-space20,
    .layui-col-space30 {margin: -5px}
    .layui-col-space20>*,
    .layui-col-space30>* {padding: 5px}

    /*轮播图*/
    .xiaochengxu-bann .swiper-slide {height: 150px;}
    .xiaochengxu-bann .swiper-button-prev,
    .xiaochengxu-bann .swiper-button-next{display: none !important;}

    .xiaochengxu-ziyuan ul {padding: 10px 0; overflow: hidden}
    .xiaochengxu-ziyuan ul li a {padding: 10px 0}
    .xiaochengxu-ziyuan .adc-icon {left: 0; top: 8px}
    .xiaochengxu-ziyuan .adc-desc {padding-left: 60px}

    .xcx-vs-youshi ul li .box {padding: 20px 10px}

    /*优势*/
    .xcx-bk-ys {display: none}
    .xcx-vs-youshi ul li .t {font-size: 15px; height: 40px; line-height: 40px}

    .xcx-fangan-list li.layui-col-md2 {width: 50%; float: left}

}