@charset "utf-8";
.head{padding:23px 15px 7px 10px;width:101.5%;}
.head .nav li ul {min-width:150px;}

.banner-mb{ height:456px;background:url(mb2.jpg) no-repeat center top;text-align:center;color:#FFF;padding-top:60px;line-height:250%;margin-bottom:20px}
.banner-mb h2{ font-size:40px}

.banner-xcx{ margin-top:82px;background:url(xcx.jpg) no-repeat center top;}
.banner-xcxapp{ background:url(xcxtopbg.png) no-repeat center top;height:230px;margin-bottom:0px}

.xtitle{ text-align:center;padding:35px 0 30px 0;}
.xtitle h2{ font-size:34px;}
.xtitle p{ color:#666}
.xtitle span{ color:#0098E0}
@media (max-width:766px){
	.xtitle{ padding-bottom:10px;}
	.xtitle h2{ font-size:20px;}
	.xtitle p{ font-size:12px;color:#888;}
}


/*小程序的优点*/
.xcxys{ text-align:center;width:90%;margin:0 auto;padding-bottom:20px;font-size:16px}
.xcxys div{ padding-bottom:20px}
.xcxys img{ margin:10px auto 20px}

/*小程序应用中心*/
.xcxyyzx{ background:#F8F8F8;padding:15px 0 30px 0}
.xcxyyzx .img{ width:90%;margin:10px auto;text-align:center;line-height:180%;color:#666}
.xcxyyzx figcaption{ font-size:18px;color:#403E3E;padding-top:20px;font-weight:bold}
.xcxyyzx .img p{ padding:10px 20px;height:70px}

/*案例展示*/
.xcxcase{ background:url(xcx-yd14.jpg) no-repeat center top/100% 100%;padding:50px 0 30px 0;}
.xcxcase p,.xcxcase h2{ color:#FFF}
.xcxcase_img{ width:90%;margin:0px auto;text-align:center;padding:10px 0px 50px}
.xcxcase_img div{ background:#FFF url(xcx_bg.png) no-repeat center 10px;border-radius:30px;width:18%;padding:40px 15px 15px;float:left;margin:20px 1%;}
.xcxcase_img1 div{ box-shadow:0px 0px 3px 3px #E9E9E9;/*firefox*/
-moz-box-shadow:0px 0px 3px 3px #E9E9E9;/*firefox*/
-webkit-box-shadow:0px 0px 3px 3px #E9E9E9;/*webkit*/
}
.xcxcase_img figcaption{ padding:15px 0px 10px;font-size:16px}

/*小程序知识*/
.xcxfaqd{ padding:20px 0px 0px}
.xcxfaq{ width:88%;margin:0px auto;padding:10px 0px}
.xcxfaq .bt{ background:#F6FBF5;border:1px solid #E4EDE1;line-height:36px;padding:10px;margin:3px auto;font-size:16px}
.xcxfaq span { display:block;width:30px;height:30px;border-radius:50%;background:#78cb5f;text-align:center;line-height:30px;font-size:20px;color:#fff;float:left;margin-right:10px}

/*开启微信时代*/
.xcxbottom{ background:url(news19.png) no-repeat center top/100% 100%;padding:60px 0px;text-align:center;}
.xcxbottom h4{ font-size:54px;color:#1CC894;padding:20px 0px}
.xcxbottom p{ font-size:34px;color:#3A92E7}
.xcxbottom a 
{ margin:0 auto;width:188px;height:48px;text-align:center;line-height:48px;border-radius:25px;font-size:16px;  background:#ff8779;color:#FFF;margin-top:40px;position:relative;display:block;box-shadow:0 0 10px rgba(255,124,108,0.5);}

.mbbj .lr .lm{ text-align:left;height:442px}
.mbbj> div{ width:16.6%;float:left;padding:0px 10px;color:#FFF}

@media (max-width:766px){
/*小程序的优点*/
.xcxys{  font-size:14px}
.xcxys div{ padding:0 10px 10px}
.xcxys div:nth-child(3n+1)
{ clear:both;}
.xcxys img{ width:90%;margin:0px auto}
.xcxys figcaption{ font-size:12px;padding:5px 0}

/*小程序应用中心*/
.xcxyyzx{  padding:0px 0px 10px}
.xcxyyzx .img{ margin:10px auto 0;overflow:hidden;}
.xcxyyzx .img>div{ width:48%;padding:0px;margin:0 4% 10px 0;}
.xcxyyzx .img>div:nth-child(2n){ margin-right:0px;}
.xcxyyzx figcaption{ font-size:15px;padding-top:5px;}
.xcxyyzx .img p{ font-size:12px;line-height:1.6;margin-bottom:0px;padding:0;height:70px;overflow:hidden;}	
	
/*案例展示*/
.xcxcase{ background-size:cover;padding:0px 0px 10px;}
.xcxcase p,.xcxcase h2{ color:#FFF}
.xcxcase_img{ padding:0px 0px 0px}
.xcxcase_img>div{ background:#FFF;border-radius:10px;width:48%;padding:15px 10px 0px;float:left;margin:0px 4% 15px 0;}
.xcxcase_img>div:nth-child(2n)
{ margin-right:0;}
.xcxcase_img>div:nth-child(5)
{ display:none;}
.xcxcase_img1{ padding:5px;}
.xcxcase_img1>div:nth-child(5)
{ display:block;}
.xcxcase_img1 div{ box-shadow:0px 0px 3px 3px #E9E9E9;/*firefox*/
-moz-box-shadow:0px 0px 3px 3px #E9E9E9;/*firefox*/
-webkit-box-shadow:0px 0px 3px 3px #E9E9E9;/*webkit*/
}
.xcxcase_img figcaption{ height:20px;padding:0;margin:10px 0px 15px;font-size:13px;overflow:hidden;}


/*小程序知识*/
.xcxfaqd{ padding:0px 0px 0px}
.xcxfaq{ width:90%;}
.xcxfaq .bt{ line-height:26px;padding:8px;margin:3px auto;font-size:14px}
.xcxfaq span 
{ display:block;width:26px;height:26px;line-height:26px;font-size:16px;}

/*开启微信时代*/
.xcxbottom{ background-size:cover;padding:30px 0px;}
.xcxbottom h4{ font-size:28px;padding:0px}
.xcxbottom p{ font-size:18px;}
.xcxbottom a 
{ width:130px;height:30px;line-height:30px;font-size:14px;margin-top:20px;}

}

/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width:767px) and (max-width:1240px){
.xcxyyzx .img{ line-height:140%;}
.xcxyyzx .img p{ font-size:12px}

}