/* banner */
.jiaoyulist_banner{height: 320px;position: relative;color:#fff; width:100%; min-width:1190px;}
.jiaoyulist_banner div{ width:1162px; padding:75px 14px 0px; height:245px; margin:0px auto;}
.jiaoyulist_banner dd{ font-size:40px; margin-bottom:20px;}
.jiaoyulist_banner ol{ font-size:15px; line-height:25px;}
.jiaoyulist_banner p{  margin-top:35px; width:138px; height:42px; position:relative; overflow:hidden; border:1px solid #fff; border-radius:3px;}
.jiaoyulist_banner p a{color:#fff; position:absolute; width:138px; height:42px;line-height:42px; text-align:center; }
.jiaoyulist_banner p:hover{ border:1px solid #ff2c00;}
.jiaoyulist_banner p:hover a{color:#ff2c00;}

/*栏目*/
.xcx_lm{ height:100px; width:1190px; padding-top:50px; overflow: hidden; margin:0px auto;}
.xcx_lm li{ float:left; padding-left:65px; margin-left:10px; background-image:url(../img/xiaochengxu/xcx_lm.png); background-repeat:no-repeat;}
.xcx_lm li dd{ font-size:18px; color:#323232; font-weight:bold;}
.xcx_lm li ol{ font-size:14px; color:#7d7d7d;}
.xcx_lm li.xcx_lm1{width:220px; background-position:0px 2px;}
.xcx_lm li.xcx_lm2{width:250px; background-position:-304px 2px;}
.xcx_lm li.xcx_lm3{width:230px; background-position:-625px 2px;}
.xcx_lm li.xcx_lm4{width:200px; padding-left:40px; background-position:-942px 2px;}
.xcx_lm li.xcx_lm1:hover{background-position:5px 2px;}
.xcx_lm li.xcx_lm2:hover{background-position:-300px 2px;}
.xcx_lm li.xcx_lm3:hover{background-position:-620px 2px;}
.xcx_lm li.xcx_lm4:hover{background-position:-937px 2px;}

/* 标题 */
.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;max-width:100%}
.xcx_ul li{ float:left; margin:0px 5px 20px; background-color:#fff; width:280px; height:280px; text-align:center;}
.xcx_ul li dd{background:url(xcx_ul.png);display:block; background-repeat:no-repeat;width:77px; font-size:18px; color:#323232; height:81px; margin-bottom:28px;position:relative;left:50%;-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.xcx_ul li ol{ font-size:14px; color:#646464; line-height:25px;}
.xcx_ul li.xcx_ul_li1 dd{ background-position:2px 6px;}
.xcx_ul li.xcx_ul_li2 dd{ background-position: -296px 4px;}
.xcx_ul li.xcx_ul_li3 dd{ background-position: -596px 4px;}
.xcx_ul li.xcx_ul_li4 dd{ background-position:-894px 4px;}
.xcx_ul li.xcx_ul_li5 dd{ background-position:0px -296px;}
.xcx_ul li.xcx_ul_li6 dd{ background-position:-298px -296px;}
.xcx_ul li.xcx_ul_li7 dd{ background-position:-596px -296px;}
.xcx_ul li.xcx_ul_li8 dd{ background-position:-894px -296px;}
.xcx_ul li:hover dd{ top:-4px;}


/* 微信小程序适用领域 */
.wx_xcx{ width:1192px; margin:60px auto; overflow: hidden;max-width:100%;}
.wx_xcx_ul{ overflow:hidden; margin-top:60px;}
.wx_xcx_ul li{ float:left; width:260px; text-align:center; margin:0px 15px;height:480px;}
.wx_xcx_ul li dd{ font-size:20px; color:#323232; height:40px; 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_anli{ background:url(../img/xiaochengxu/xcx_anli.jpg) no-repeat scroll center; height:690px; padding-top:60px;}
.xcx_anli .dd_t,.xcx_anli .ol_t{ color:#fff;}
.xcx_anli .ol_t{ margin-top:20px;}
#wrapper{width:1380px; margin:40px auto 0px; height:510px;}
#LeftButton,#RightButton{background-color:rgba(62,65,70,0.8);width:40px;height:60px;line-height:60px;text-align:center;margin-top:222px;}
#LeftButton:hover,#RightButton:hover,.main_news_nav ol:hover{background-color:rgba(255,40,0,0.8);}
#CSSBox{ margin-left:65px;}
#CSSBox li{ width:1141px; height:508px;overflow:hidden;}

/* 十年技术积累 致力微信小程序定制开发 */
.xcx_kf{ width:1190px; margin:80px auto; overflow:hidden;}
.xcx_kf_ul{ overflow:hidden; margin-top:75px;}
.xcx_kf_ul li{ float:left; width:250px; text-align:center; margin:0px 23px;}
.xcx_kf_ul li dd{background-image:url(../img/xiaochengxu/xcx_kf_ul.png); background-repeat:no-repeat; padding-top:105px; font-size:18px; color:#323232; height:45px;}
.xcx_kf_ul li ol{ font-size:14px; color:#646464; line-height:20px;}
.xcx_kf_ul li.xcx_kf_ul_li1 dd{ background-position:95px 0px;}
.xcx_kf_ul li.xcx_kf_ul_li2 dd{ background-position:-208px 0px;}
.xcx_kf_ul li.xcx_kf_ul_li3 dd{ background-position:-504px 0px;}
.xcx_kf_ul li.xcx_kf_ul_li4 dd{ background-position:-800px 0px;}
.xcx_kf_ul li.xcx_kf_ul_li1:hover dd{ background-position:95px 5px;}
.xcx_kf_ul li.xcx_kf_ul_li2:hover dd{ background-position:-208px 5px;}
.xcx_kf_ul li.xcx_kf_ul_li3:hover dd{ background-position:-504px 5px;}
.xcx_kf_ul li.xcx_kf_ul_li4:hover dd{ background-position:-800px 5px;}

/* 文章 */
.xcx_news_bg{overflow:hidden; width:100%; min-width:1190px; background-color:#f2f2f2; padding:85px 0px 80px;}
.xcx_news{ overflow:hidden; width:1190px; margin:0px auto;}
.xcx_news div.left{ float:left; overflow:hidden; width:565px;}
.xcx_news div.right{ float:right; overflow:hidden; width:565px;}
.xcx_news h5{ font-size:26px; color:#323232; height:42px; position:relative;}
.xcx_news h5 i{ position:absolute; width:40px; height:2px; background-color:#ff2c00; bottom:0px; left:0px;}
.xcx_news_ul{ overflow:hidden; margin-top:32px;}
.xcx_news_ul li{ overflow:hidden;}
.xcx_news_ul li.top{ height:140px; margin-bottom:20px;}
.xcx_news_ul li.top img{ float:left; height:140px;}
.xcx_news_ul li.top div{ float:right; width:332px; height:140px;}
.xcx_news_ul li.top div dd{ font-size:16px; color:#ff2c00; height:30px;}
.xcx_news_ul li.top div ol{ font-size:14px; color:#646464; line-height:25px; height:90px;}
.xcx_news_ul li.top div p i{ float:left; font-size:12px; color:#646464;}
.xcx_news_ul li.top div p a{ float:right; font-size:14px; color:#ff2c00;}
.xcx_news_ul li.top div p a:hover{ text-decoration:underline;} 
.xcx_news_ul li.con{ height:40px; line-height:40px;}
.xcx_news_ul li.con a div{ height:40px; padding-left:20px; background:url(../img/xiaochengxu/dian.jpg) no-repeat scroll 0px center;}
.xcx_news_ul li.con a div i.left{ float:left; font-size:14px; color:#323232;}
.xcx_news_ul li.con a div i.right{ float:right; font-size:12px; color:#646464;}
.xcx_news_ul li.con a:hover div i{ color:#ff2c00;}
.xcx_news a ol{ width:100px; padding-left:20px; height:40px; line-height:40px; margin-top:40px; font-size:14px; color:#646464; border:1px solid #c3c3c3;}
.xcx_news a:hover ol{color:#ff2c00;border:1px solid #ff2c00;}