/*栏目*/
.xcx_lm{width:1190px; padding:50px 0; overflow: hidden; margin:0px auto; display: flex;justify-content:space-between;}
.xcx_lm dl{width:25%;}
.xcx_lm dl dt{ float: left; padding-right: 20px;}
.xcx_lm dl dd{ font-size:18px; color:#323232; font-weight:bold;}
.xcx_lm dl dd:nth-of-type(2){ font-size:14px; color:#7d7d7d;font-weight: 100;}

/* 标题 */
.dd_t{ font-size:30px; text-align:center;}
.ol_t{ font-size:15px; text-align:center;}

/* 小程序，大作为 */
.xcx_bg{ background-color:#f2f2f2; overflow:hidden; padding:45px 0px 50px;}
.xcx_ul{ overflow:hidden; width:1192px; margin:50px auto 0px;overflow: hidden;display: flex;justify-content:space-between;flex-wrap: wrap}
.xcx_ul dl{ background-color:#fff; width:280px; height:280px; padding:0 20px; text-align:center; margin-bottom: 20px;}
.xcx_ul dl dt{padding:30px 0}
.xcx_ul dl dd{font-size:18px; color:#323232; line-height: 2;}
.xcx_ul dl ol{ font-size:14px; color:#646464; line-height:25px;}

/* 微信小程序适用领域 */
.wx_xcx{ width:1192px; margin:60px auto; overflow: hidden;}
.wx_xcx_ul{ overflow:hidden; margin-top:60px;}
.wx_xcx_ul li{ float:left; width:260px; text-align:center; margin:0px 19px;}
.wx_xcx_ul li dd{ font-size:20px; color:#323232;line-height:40px; padding-top:20px;}
.wx_xcx_ul li ol{ font-size:14px; color:#646464; line-height:25px;}
.wx_xcx_ul li:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}


/* 十年技术积累 致力微信小程序定制开发 */
.xcx_kfbg{ background-color:#f2f2f2; overflow:hidden; padding:45px 0px 50px;}
.xcx_kf{ width:1190px; margin:30px auto; overflow:hidden;}
.xcx_kf_ul{ overflow:hidden; margin-top:75px;}
.xcx_kf_ul dl{ float:left; width:250px; text-align:center; margin:0px 23px;}
.xcx_kf_ul dl dd{font-size:18px; color:#323232; line-height: 3;}
.xcx_kf_ul dl ol{ font-size:14px; color:#646464; line-height:20px;}


@media screen and (max-width: 768px){
    .dd_t{text-align: center;font-size: .35rem;color: #212121;margin-bottom: 0.15rem;}
    .ol_t{text-align: center;font-size: 0.2rem;color: #828282;}

    .banner_xcx{width:100%;max-height:250px;background:url(../images/bannerxcx.jpg) no-repeat;display:flex;align-items:center; font-size: 0.3rem;}
    .banner_xcx div{width:100%;margin:0px auto;overflow:hidden;color:#ffffff; padding: 35px 14px 0px;}
    .banner_xcx div dd{font-size:0.375rem;margin-bottom:0.5rem;}
    .banner_xcx div dl{font-size:0.875rem;}

    .xcx_lm{width:100%; padding:30px 0; overflow: hidden; flex-wrap:wrap;}
    .xcx_lm dl{width:50%; text-align: center;}
    .xcx_lm dl dt{padding-right: 0px; display: block; float: none;}
    .xcx_lm dl dd{ font-size:18px; color:#323232; font-weight:bold;}
    .xcx_lm dl dd:nth-of-type(2){ font-size:14px; color:#7d7d7d;font-weight: 100;}

    .xcx_ul{ overflow:hidden; width:96%; margin: .8rem auto 0;overflow: hidden;}
    .xcx_ul dl{ background-color:#fff; width:100%; padding:0; text-align:left; height: auto; margin-bottom:10px;}
    .xcx_ul dl dt{padding: .15rem .1rem 0; float: left;}
    .xcx_ul dl dd{font-size:0.25rem; color:#323232; line-height: 2;}
    .xcx_ul dl ol{ font-size:0.2rem; color:#646464; line-height:2;}

    .wx_xcx{ width:100%; margin:20px auto; overflow: hidden;}
    .wx_xcx_ul{ overflow:hidden; margin-top:30px;}
    .wx_xcx_ul li{overflow: hidden;margin-bottom: 1.25rem;width: 47%;margin:0.2rem 1.5%}
    .wx_xcx_ul li img{width: 100%;}
    .wx_xcx_ul li dd{text-align: center;font-size: .3rem;color: #212121;margin: 0px 0px 5px; line-height: 1.5; padding:0}
    .wx_xcx_ul li ol{text-align: center;font-size: 0.175rem;color: #828282;}

    .xcx_kfbg{ background-color:#f2f2f2; overflow:hidden; padding:20px 0px 0px;}
    .xcx_kf{ width:96%; margin:10px auto; overflow:hidden;}
    .xcx_kf_ul{ overflow:hidden; margin-top:25px;}
    .xcx_kf_ul dl{background-color: #ffffff;margin:0 0 .25rem;overflow: hidden; width: 100%; text-align: left;}
    .xcx_kf_ul dl dt{ float: left; padding:0 0.1rem;}
    .xcx_kf_ul dl dt img{transform: scale(0.7);}
    .xcx_kf_ul dl dd{font-size:0.25rem; color:#323232; line-height:2;}
    .xcx_kf_ul dl ol{ font-size:0.2rem; color:#646464; line-height:20px;}
}