/* 
    Created on : 2015-8-27, 21:51:41
    Author     : fighter
*/
img{border:0;}
#top{width:988px; margin:auto;height:80px;}
#top .logo{float:left;width:178px;height:80px;}
#top .m{float:right;line-height:80px;width:580px;}
#top .m a{color:#333;float:left; text-decoration:none;margin-left:50px;font-size:20px;}
#top .m a:hover{ opacity:0.9;}
#top .m .a{color:#169bfd;}
.DB_tab25 {width:100%;height:320px;position:relative;overflow:hidden;cursor:pointer;}

#full-screen-slider { width:100%; height:320px; float:left; position:relative}
#slides { display:block; width:100%; height:320px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:300px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

/* 品牌 */
.brand{width:1140px; height:120px; line-height:120px; margin: 20px auto; font-family:"微软雅黑";font-size:30px; text-align:center;  }
.brand_tit{width:1140px; height:60px; line-height:60px; margin:0 auto 0px; font-family:"微软雅黑";font-size:30px; text-align:center;  }
.brand_li{ width:270px; height:100px; float:left; margin-right:20px; overflow:hidden;}
.brand_li2{ width:270px; height:100px; float:left; overflow:hidden;}

/* 平台数据 */
.data {width:1140px; height:240px;  margin: 20px auto; font-family:"微软雅黑";  }
.data h3 {width:1140px;font-size:20px;font-weight:bolder; border-bottom:solid 1px #CDCDC1; display:inline-block;  padding:10px 10px 10px 10px; color:#333333; }
.data .left { width:1140px;height:230px;float:left;border:0  px solid #EAEAEA; margin-right:10px;}
.data .content { font-size:14px; line-height:25px;}
.data .content .new { padding-top:20px;width:155px; height:160px; float:left; margin-left:17px;margin-right:17px; overflow:hidden; }
.data .content .new .kuai1 { z-index: 100;position:absolute;height:30px;width: 152px; line-height: 30px;text-align: center;background: #E0EEE0; color: #000000; font-weight: bold; }
.data .content .new .kuai2 { z-index: 100;position:relative;top:130px;height:30px;width: 152px; line-height: 30px;text-align: center;background: rgba(0,0,0,0.4); color: white; font-weight: bold; }
.data .content .new .kuai3 { z-index: 100;position:relative;top:0px;height:30px;width: 152px; line-height: 30px;text-align: center;background: rgba(0,0,0,0.4); color: white; font-weight: bold; }
.data .content .new img {border: solid 1px #d2d2d2; padding:5px; width:140px; height:140px;}
.data .number { font-size:18px; padding-left:2px; padding-right:2px; color:#8E8E38; }
.data .right { width:558px;height:240px;;float:left;border:0px solid #EAEAEA;margin-left:10px; }

/* 排行 */
.paihang { height:500px;  margin: 20px auto; font-family:"微软雅黑"; background-color: #f2f2f2; }
.paihang h3 {width:1140px;font-size:20px;font-weight:bolder; border-bottom:solid 1px #CDCDC1; display:inline-block;  padding:10px 10px 10px 10px; color:#333333; }
.paihang .content { width:1140px;font-size:14px; line-height:25px;margin:0 auto;}
.paihang .content .new { padding-top:20px;width:140px; height:160px; float:left; margin-left:10px;margin-right:10px; overflow:hidden; }
.paihang i { position:absolute; width:25px; height:25px; line-height:25px; background-color:#ff8a00; font-size:14px; color:#fff; text-align:center; font-style:normal; font-weight:bold; }
.paihang .content .new img {border: solid 1px #d2d2d2; padding:5px; width:120px; height:120px;}
.paihang .content .new p { font-size:14px; text-align:center; padding-top:0px; line-height:20px;}
.paihang .number { font-size:18px; padding-left:2px; padding-right:2px; color:#EE4000; }

/* 评论 */
.pinglun {width:1140px; height:330px; margin: 20px auto; font-family:"微软雅黑";font-size:30px;  }
.pinglun_tit { width:1140px; border-bottom:solid 1px #CDCDC1;height:60px; line-height:60px; margin:0 auto 0px; font-family:"微软雅黑";font-size:30px; text-align:center;  }
.pinglun h3 { width:1140px; display:inline-block; font-size:20px;font-weight:bolder; border-bottom:solid 1px #CDCDC1; display:inline-block;  padding:10px 10px 10px 10px; color:#333333; }
.pinglun_li { width:355px; height:130px; float:left; margin-left:10px;margin-right:10px; overflow:hidden; }
.pinglun_li img { float:left;width:110px; height:110px;border:solid 1px #d2d2d2;}
.pinglun_li .pinglun_text { padding-top:0px; padding-left:10px; padding-right:5px; width:220px; height:130px; float:left;}
.pinglun_li .pinglun_text h4 { color:gray; font-size:16px; background-color:#E0EEE0; padding-top:5px; padding-left:5px; padding-bottom: 5px; }
.pinglun_li .pinglun_text span { color:gray; font-size:12px; padding-top:5px; display: block;}
.pinglun_li .pinglun_text p { color:#000000; line-height: 22px; font-size:14px; padding-top:5px; }

/* 新css通用 */
.wrapper{width:1140px;margin:0 auto;position:relative}

/* 功能1 */
.gongneng1 { width:1140px; height:520px; margin: 20px auto; font-family:"微软雅黑";font-size:30px;  }
.gongneng1 h3 { font-size:30px;font-weight:800;text-align:center;margin-top:20px;color:#000000 }
.gongneng1 .sub-title { font-size:16px;color:#666;text-align:center;line-height:40px }
.gongneng1 .zhuti {width:400px;float:left;padding-top:30px;margin-left:0px;padding-left:30px;}
.gongneng1 li { height:80px;margin-top:15px;}
.gongneng1 li img { float:left; }
.zhuti li h3 { margin-top:10px;margin-left:15px;font-size:20px;font-weight:600;float:left;color:#000000;}
.zhuti li p { margin-top:5px;margin-left:15px;float:left;font-size:16px;display:block; }

/* 功能2 */
.gongneng2 { background:url(/Public/imgs/advantage.jpg) no-repeat center center;width:100%;height:520px}
.gongneng2 h3 { font-size:30px;font-weight:800;text-align:center;padding-top:40px; color:#ffffff; }
.gongneng2 .sub-title { font-size:16px;color:#ffffff;text-align:center;line-height:40px }
.advantage-item { width:1140px;margin:30px auto 30px auto;position:relative }
.advantage-item ul{ margin-right:-50px;overflow:hidden;clear:both }
.advantage-item ul li { width:20%;float:left;margin:0 20px;}
.advantage-item ul li i{ margin:20px auto;display:block;text-align:center;width:100px;height:100px }
.advantage-item ul li i.ad-icon1 {background:url(/Public/imgs/advantage-icon1.png) no-repeat;width:100px;height:100px }
.advantage-item ul li i.ad-icon2 {background:url(/Public/imgs/advantage-icon2.png) no-repeat;width:100px;height:100px }
.advantage-item ul li i.ad-icon3 {background:url(/Public/imgs/advantage-icon3.png) no-repeat;width:100px;height:100px }
.advantage-item ul li i.ad-icon4 {background:url(/Public/imgs/advantage-icon4.png) no-repeat;width:100px;height:100px }
.advantage-item ul li h3 { font-size:24px;color:#fff;text-align:center;padding-top:0px; }
.advantage-item ul li p{ font-size:16px;color:rgba(255,255,255,0.7);line-height:30px;margin-top:15px;text-align:center; }

/* 公告 */
.gonggao{ position: relative; width:100%; height:50px; line-height:50px;  text-align:left;background-color:#f2f2f2; }
.page-title { font-size:30px;font-weight:800;text-align:center;padding-top:10px; color:#000000; }
.gonggao .ntit{float:left; width:100px; height:30px; line-height:30px; background-color:#2aca8d; color:#fff; font-size:14px; font-weight:bold; text-align:center; margin-top:10px; border-radius:5px;}
.gonggao ul{ float:left; width:940px; height:50px; line-height:50px; margin-left:15px;}
.gonggao ul li{ float:left; margin-right:30px;}

/* 全面覆盖 */
.four-bg{background:#f5f5fa;padding:40px 0;overflow:hidden;clear:both;margin-top:-5px;}
.four-bg .sub-title { font-size:16px;color:#666;text-align:center;line-height:40px }
.four-bg .four-item{ margin-top:10px;overflow:hidden;clear:both; border:0px solid red;}
.four-bg .four-item ul{margin-right:0px}
.four-bg .four-item ul li{width:240px;height:267px;border-radius:0 0 10px 10px;background:#fff;margin-top:20px;position:relative;float:left;margin-left:22px;margin-right:22px}
.four-bg .four-item ul li img{width:240px;height:134px}
.four-bg .four-item ul li h3{font-size:20px;padding:20px 20px 0 20px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.four-bg .four-item ul li p{font-size:14px;color:#999;line-height:24px;padding:10px 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px}
.four-bg .four-item ul li .num{position:absolute;bottom:70px;right:20px;color:#dff4eb;font-size:48px;font-family:arial;font-style:normal;font-weight:bold}

/* 操作方便 */
.opert-w{width:100%;padding-top:30px;padding-bottom:0px;}
.opert-w .opert-item{margin:20px auto 0 auto;overflow:hidden;clear:both;height:420px;padding-top:0px;; }
.opert-w .sub-title { font-size:16px;color:#666;text-align:center;line-height:40px }
.picScroll-left{ width:1140px;  overflow:hidden; position:relative; margin: 0 auto;border:0px solid red  }
.picScroll-left .bd{ height: 410px; overflow: hidden; width: 1140px; margin: 0 auto;}
.picScroll-left .bd .picList {  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1;width:100%}
.picScroll-left .bd ul li{ background: #f5f5fa; border-radius: 10px; margin:10px 20px; width: 150px; height: 173px; float: left; }
.picScroll-left .bd ul li i { width: 60px; height: 60px; margin: 30px auto 0 auto; display: block;}
.picScroll-left .bd ul li i.pic-icon1 { background: url(/Public/imgs/oper-icon1.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon2 { background: url(/Public/imgs/oper-icon2.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon3 { background: url(/Public/imgs/oper-icon3.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon4 { background: url(/Public/imgs/oper-icon4.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon5 { background: url(/Public/imgs/oper-icon5.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon6 { background: url(/Public/imgs/oper-icon6.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon7 { background: url(/Public/imgs/oper-icon7.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon8 { background: url(/Public/imgs/oper-icon8.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon9 { background: url(/Public/imgs/oper-icon9.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon10 { background: url(/Public/imgs/oper-icon10.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon11 { background: url(/Public/imgs/oper-icon11.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li i.pic-icon12 { background: url(/Public/imgs/oper-icon12.png) no-repeat;width: 60px; height: 60px;}
.picScroll-left .bd ul li h3 { font-size: 18px; text-align: center; font-weight: bold; line-height: 50px;}

/* 选择我们 */
.choose-info-us { width:560px; float: left;height:358px;}
.choose-info-us h3 { font-size: 42px; font-weight: bold; margin-bottom: 20px; margin-top: 50px; padding-left:40px; }
.choose-info-us p { font-size: 16px; line-height: 30px; color: #666; padding-left:40px; }
.choose-info-us a { width: 360px; height: 66px; border-radius: 48px;background: linear-gradient(to right,#ff7d23,#fd9d42); line-height: 66px; font-size: 24px; 
font-weight: bold; color: #fff; display: block; text-align: center; margin-top: 30px; margin-left:40px; box-shadow: 0 10px 20px rgba(255,126,36,0.2);}
.choose-info-us a :hover { background: #ff7d23;}
.choose-pic { background: url(/Public/imgs/choose.png) no-repeat; width: 550px; height: 358px; float: right; margin-top:40px;}

/* 数据统计 */
.total-bg { background: url(/Public/imgs/total-bg.jpg) no-repeat center center; width: 100%; height: 190px;}
.total-bg .line {padding-top:30px;font-family:'微软雅黑';font-size:18px;font-weight:800;margin:0 auto;text-align: left;color:#a0ecd0 }
.total-bg .total-item { padding:20px 0 20px 0; overflow: hidden; clear: both;}
.total-bg .total-item li { width: 25%; float: left; text-align: center;}
.total-bg .total-item li h4{  font-size: 16px; font-weight: normal; color: #fff; margin-left: 5px; padding-bottom: 10px;}
.total-bg .total-item li h4 em {font-size: 32px; font-weight: bold; font-family: arial; font-style: normal;}
.total-bg .total-item li p{ font-size: 18px; color: #fff;}

/* 关于我们 */
.footer-bg { background: #fff; overflow: hidden; clear: both; padding:30px 0 0 0;}
.footer-bg .foot-info { width: 400px; float: left;}
.footer-bg .foot-info h5 { font-size: 20px;}
.footer-bg .foot-info p { font-size: 16px; color: #666; padding-top: 10px; line-height: 26px;}
.footer-bg .foot-info a { width: 200px; height: 40px; line-height: 40px; display: block; text-align: center;background:#21c58e;
border-radius: 28px; color: #fff; font-size: 16px; font-weight: bold; margin-top: 15px; box-shadow: 0 5px 10px rgba(33,197,142,0.3);}
.footer-bg .foot-item { float: right; width: 668px;}
.footer-bg .foot-item ul {}
.footer-bg .foot-item ul li { float: left; width: 30%; float: left; margin-left: 20px;}
.footer-bg .foot-item ul li h5{ font-size: 20px; padding-bottom: 10px;}
.footer-bg .foot-item ul li a { line-height: 30px; display: block; color: #666; font-size: 16px;}
.footer-bg .foot-item ul li a:hover { color: #333;}
.footer-bg .foot-copy { width: 1140px; margin:30px auto 0px auto;  border-top: 1px solid #f6f6f6; padding-top: 10px; padding-bottom:10px; }
.footer-bg .foot-copy p { text-align: center; line-height: 30px; color: #666;}

/* 客服 */
.kefu { position:fixed;right:30px;bottom:10px;}
.kefu .xixi { display:none }
.kefu:hover .xixi { position:absolute;display:block;right:-20px;bottom:110px;z-index:9 }

/* 头部导航 */
.header-Fixed{position:fixed;z-index:999999;width:100%}
.head{width:100%;position:relative;height:80px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.head .navbox{width:95vw;position:relative;height:66px;overflow:visible;margin:0 auto}
.head .nav-logo{float:left;margin-top:10px}
.head .nav-logo img{height:60px;display:block}
.head .nav{display:block;float:right}
.head .nav .nav_pc{width:100%}
.head .nav ul li{float:left;position:relative;box-sizing:border-box;z-index:999;color:#333}
.head .nav ul li .f_a{line-height:30px;display:block;text-align:center;font-size:18px;color:#333;margin:0 30px;margin-top:25px}
.head .nav ul li:hover .f_a,.head .nav ul li.hover .f_a{color:#21c58e;border-bottom:3px solid #21c58e;transition:all .3s;font-weight:bold}
.head .nav ul li .s_navbox{display:none;position:absolute;left:0;width:100%;background:#fff;z-index:9999;box-sizing:border-box;box-shadow:0 5px 10px rgba(0,0,0,0.2)}
.head .nav ul li .s_navbox .s_a a{color:#333;font-size:14px;text-transform:uppercase;display:block;text-align:center;padding:10px 0;border-top:1px solid #fff}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#21c58e;color:#fff}
.head .nav-btn { float: right; margin-top: 20px;}
.head .nav-btn a { margin-right: 20px;}
.head .nav-btn a.btn-empty { background: #fff; width: 130px; height: 40px; display: inline-block; line-height: 40px; border:1px solid #21c58e; text-align: center;
font-size: 16px; color: #21c58e;cursor: pointer; border-radius: 28px;}
.head .nav-btn a.btn-fill {background: #21c58e; width: 130px; height: 40px; display: inline-block; line-height: 40px; border:1px solid #21c58e; text-align: center;
font-size: 16px; color: #fff;cursor: pointer;border-radius: 28px;}
.m_nav{display:none}
.headlf .m_logo{display:none}
.headrg .m_menuimg{display:none}

/* 视频轮显 */
.slide-title1 {font-size: 30px;text-align:center; font-weight: 800; margin-top:20px;color:#000000 }
.slide-sec2 { font-size: 16px; font-weight: normal;color:#666;text-align:center;line-height:40px }
.slideTxtBox1{ width:1140px;margin: 0 auto; overflow: hidden; clear: both;}
.slideTxtBox1 .hd{ margin-top: 0px; }
.slideTxtBox1 .hd ul{ margin-right: -80px;}
.slideTxtBox1 .hd ul li{ width: 30%; margin-right: 20px; border-top: 2px solid #dcdcdc; position: relative;
 padding-top: 0px; float: left; height: 140px;}
.slideTxtBox1 .hd ul li h3 { font-size: 26px; color: #999; margin-bottom: 10px;}
.slideTxtBox1 .hd ul li.on h3 { color: #333;}
.slideTxtBox1 .hd ul li.on p {color: #333;}
.slideTxtBox1 .hd ul li p { font-size: 14px; color: #999;}
.slideTxtBox1 .hd ul li.on {  font-weight: bold; cursor: pointer;}
.slideTxtBox1 .hd ul li.on::after {background: #333;top:-2px;content: "";
 height: 2px;left:0; position: absolute;cursor: pointer; z-index: 9999;width: 100%;
  animation: myanimation 1s ease-in-out ;}
.slideTxtBox1 .bd ul{ zoom:1; position: relative;}
.slideTxtBox1 .bd ul .slide-img { width: 100%; margin-top: 0px; position: relative; height: 440px;}
.slideTxtBox1 .bd ul .slide-img .vedio { position: absolute; width: 100%;height: 100%;-o-object-fit: fill; object-fit: fill; border-radius: 16px;}

/* 绘本推荐 */
.tuijian {width:1140px; height:420px; margin: 20px auto; font-family:"微软雅黑";font-size:30px;  }
.tuijian_tit { width:1140px; border-bottom:solid 1px #CDCDC1;height:60px; line-height:60px; margin:0 auto 0px; font-family:"微软雅黑";font-size:30px; text-align:center;  }
.tuijian h3 { width:1140px; display:inline-block; font-size:20px;font-weight:bolder; border-bottom:solid 1px #CDCDC1; display:inline-block;  padding:10px 10px 10px 10px; color:#333333; }
.tuijian_li { width:550px; height:154px; float:left; margin-left:10px;margin-right:10px; overflow:hidden; }
.tuijian_li .kuai { z-index: 100;position:absolute;height:30px;width: 40px; line-height: 30px;text-align: center;background: #EE5C42; color: #ffffff; font-weight: bold;}
.tuijian_li img { float:left;width:150px; height:150px;border:solid 1px #d2d2d2;}
.tuijian_li .pinglun_text { padding-top:0px; padding-left:10px; padding-right:5px; width:380px; height:130px; float:left;}
.tuijian_li .pinglun_text h4 { color:gray; font-size:16px; font-weight:bolder; padding-left:5px; padding-bottom: 10px; }
.tuijian_li .pinglun_text h4 a { font-size:16px; color:#6e6567; }
.tuijian_li .pinglun_text span { background-color:#EDEDED; color:#EE6363; font-size:12px;padding-left:10px;  padding-top:5px; padding-bottom: 5px; display: block; }
.tuijian_li .pinglun_text p { color:#000000; line-height: 30px; font-size:14px; padding-top:5px; padding-left: 5px; }

/* 微信公众号文章 */
.weixin {width:1140px; height:169px; line-height:120px; margin: 20px auto; font-family:"微软雅黑";font-size:30px; text-align:center;  }
.weixin_tit { width:1140px; border-bottom:solid 1px #CDCDC1;height:60px; line-height:60px; margin:0 auto 0px; font-family:"微软雅黑";font-size:30px; text-align:center;  }
.weixin_li { width:245px; height:169px; float:left; margin-left:10px;margin-right:30px; overflow:hidden;}
.weixin_li2 { width:250px; height:169px; float:left; overflow:hidden;}

/* 帮助 */
.help{ width:1140px; height:300px; line-height:50px;  text-align:left; margin:20px auto 0; }
.help_tit{width:1100px; height:60px; line-height:60px; margin:0 auto 0px; font-family:"微软雅黑";font-size:30px; text-align:center; border-bottom:#d0d0d0 1px solid;  }
.help ul{width:1140px; float:left; height:50px; line-height:50px; margin-top:25px; text-align:center;  }
.help ul li{ float:left;  width:102px; margin:0 20px; font-size:16px;background:#efefef;text-align:center;   }
.help ul li a{ font-size:16px;}
.faq{width:1140px;}
.faq ul{width:1140px; float:left; height:50px; line-height:30px; text-align:center;  }
.faq ul li{ float:left;  width:320px; margin:0 20px 0 40px; padding:0 0px; font-size:13px;text-align:left;background:#fff; list-style-type:square  }
.faq ul li a{ font-size:13px;}

/* 公告列表页 */
.pro-price-bg { background: #f5f5fa; width: 100%; overflow: hidden; clear: both; padding-bottom: 40px;}
.pro-price-bg .sub-title { font-size:16px;color:#666;text-align:center;line-height:40px }
.notice-item{margin-top:30px;overflow:hidden;clear:both}
.notice-item ul{margin-right:-50px}
.notice-item ul li{width:350px;height:260px;border-radius:0 0 10px 10px;background:#fff;margin-bottom:40px;position:relative;float:left;margin-right:44px}
.notice-item ul li img{width:100%;height:175px}
.notice-item ul li h3{font-size:16px;color:#999;line-height:20px;padding:10px 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:28px}
.notice-item ul li p{font-size:14px;padding:0px 20px 0 20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* .notice-item ul li a { width: 120px; display: block; height: 36px; line-height: 36px; border: 1px solid #21c58e;color: #21c58e; text-align: center; border-radius: 24px;
 margin-left: 20px;}*/
/*.notice-item ul li a:hover {background-color: #21c58e; transition: .5s; color: #fff; border:1px solid #21c58e;}*/
.page-num { width: 300px; margin: 0 auto 40px auto; overflow: hidden; clear: both;}
.page-num a { width: 30px; height: 30px; background: #fff; border-radius: 6px; margin: 0 5px; font-size: 14px; font-family: arial;
color: #666; display: inline-block; line-height: 30px; text-align: center;}
.page-num a:hover,.page-num a:hover { background:#21c58e; color: #fff;}

/* 公告详情页 */
.notice-content { padding:50px; background: #fff; overflow: hidden; clear: both;}
.notice-content .button { background-color: orange;width: 100px; display: block; height: 32px; line-height: 32px; border: 1px solid #ffffff; text-align: center; border-radius: 24px;margin-left: 0px;color:#ffffff}
.notice-content h1 { font-size: 24px; font-weight: bold; text-align: center; line-height: 50px;}
.notice-content h5 { font-size: 14px; color: #999; border-bottom: 1px solid #f5f5f5; text-align: center; line-height: 40px;}
.notice-content p { padding-top: 15px; text-indent: 0em; line-height: 30px; font-size: 16px;}

/* 产品价格页 */
.pricing-block{margin-top:50px;overflow:hidden;clear:both;}
.pricing-block .inner-box {position: relative;box-shadow: 0px 10px 20px 0px rgba(37, 59, 112, 0.1); margin-bottom: 30px;width: 220px; float: left; margin-left: 20px; 
padding: 20px 20px;border-radius: 10px; background: #fff;}
.pricing-block .inner-box:before { position: absolute;left: 5px; top: 0;content: '';height: 4px;width: 120px;border-radius: 3.5px;background-color: #21c58e;}
.pricing-block .inner-box h4 { font-size: 20px;line-height: 30px;color: rgba(0, 0, 0, 0.85);margin-bottom: 8px;font-weight: normal;}
.pricing-block .inner-box h5 {color: rgba(0, 0, 0, 0.65);font-size: 12px;line-height: 18px; margin-bottom: 16px; white-space: nowrap;}
.pricing-block .inner-box .inner-price { font-size: 14px; color: #666;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;
overflow: hidden;clear: both;}
.pricing-block .inner-box .inner-price em {font-size: 40px;line-height: 1;color: #333; font-weight: bold;vertical-align: text-bottom; font-family: arial;
font-style: normal;}
.pricing-block .inner-box .price-con { margin-top: 15px; overflow: hidden; clear: both; height: 320px; border-bottom: 1px solid #f2f2f2; padding-bottom: 15px;}
.pricing-block .inner-box .price-con ul li {margin-bottom: 15px;font-size: 14px; color: #383838; line-height: 1.5; text-align: left;
position: relative; padding-left: 10px;}
.pricing-block .inner-box .price-con ul li:before {content: ""; position: absolute; top: 7px;left: 0; width: 4px; height: 4px; border-radius: 50%;
background-color: #9b9ba3;}
.pricing-block .inner-box .price-btn { background-color: #21c58e; border: 1px solid #21c58e; padding: 12px 30px;color: #ffffff;  display: block; margin-top: 20px;
border-radius: 28px; text-align: center; font-size: 16px;}
.pricing-block .inner-box .price-btn:hover {background-color: #21c58e; transition: .5s; color: #fff; border:1px solid #21c58e;}

/* 关于我们页_老 */
.about-bg { background: #f5f5fa; width: 100%; overflow: hidden; clear: both;height:1300px; }
.about-bg .about-info { background: #fff; padding:20px 50px 50px 50px; margin-top: 80px;}
.about-bg .about-info h3 { font-size: 20px; color: #333; font-weight: bold;padding-top: 30px;}
.about-bg .about-info h5 { font-size: 16px; color: #333; padding-top:30px;}
.about-bg .about-info p { line-height: 30px; font-size: 16px; color: #666; padding-top: 10px;}
.about-bg .about-info ul { list-style: square;} 
.about-bg .about-info ul li { list-style: square;line-height: 22px; font-size: 16px; color: #666; margin-left:20px;padding-top: 10px;} 
.about-bg .about-info p img { width: 200px; height: 200px;}
.about-bg .number {color:#2dcb91;font-weight:bolder;padding-left:2px;padding-right:2px;font-size:16px;}

/* 关于我们页_新 */
.about-bannerbg { position: relative;background: url(/Public/imgs/aboutbg.jpg) no-repeat center center; width: 100%; top:81px;height: 460px;}
.about-bannerbg h1 { font-size: 60px; color: #fff; text-align: center; padding-top: 160px;}
.about-bannerbg p {font-size: 24px; color: #fff; text-align: center; margin-top: 20px; font-weight: normal;}
.about-intro { width: 1140px; margin: 30px auto 0 auto; overflow: hidden; clear: both;}
.about-intro .con-us-l { width: 580px; float: left;}
.about-intro .con-us-l p { font-size: 18px; line-height: 30px; margin-top: 10px;}
.about-intro .con-us-r { width: 500px; float: right;}
.about-intro .con-us-r img { width: 500px; height: 300px; border-radius: 0 20px 0 20px;}
.about-history { background: url(/Public/imgs/bg.jpg) no-repeat center center; width: 100%;  overflow: hidden; clear: both;}
.event_box{width:1140px;margin:3% auto 0;position:relative;min-height:420px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto; width: 82.5% !important;}
.parHd .tempWrap:after{content:'';width:100%;height:1px;background:#7adcbb;position:absolute;/* top:33%;*//* right:-140%;*/right:0;top:30%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:34px;color:#7adcbb;margin:0 30px;position:relative;}
.parHd li p { font-size:20px;}
.parHd li.act p { font-size: 26px; color: #21c58e; font-weight: bold;}
.parHd li:after{content:'';background:url(/Public/imgs/dot_ico.png) no-repeat;width:30px;height:30px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{margin-top:60px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.05); border-radius: 10px; padding: 30px; }
.parBd .his-intro { padding: 60px 0; display: flex; align-items: center;}
.parBd .his-intro .his-num { float: left; width: 350px; }
.parBd .his-intro .his-num h4{ font-size: 130px; color: #f0f0f2; line-height: 130px;  align-items: center; font-family: arial; }
.parBd .his-intro .his-item {  float: left; width: 770px;}
.parBd .his-intro .his-item p{font-size:20px; line-height: 36px; color: #666;}
.parBd .his-intro .his-item p::before { content: ""; width: 5px; height: 5px; 
background:#333; margin-right: 10px; vertical-align: middle; border-radius: 100%; display: inline-block;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px; cursor: pointer;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:30px;height:30px;overflow:hidden;background:url(/Public/imgs/dot-on.png) no-repeat;position:absolute;top:-12px;left:17px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}

/* 我要试用页 */
.trial-w { overflow: hidden; clear: both;padding-top:40px;}
.trial-w .trial-bg { background: url(/Public/imgs/applets-bg.png) no-repeat center center; width: 100%; height: 620px; display: block; margin-top: 40px; }
.trial-w .trial-bg .trial-main { width: 450px; padding-top:80px; height: 450px; display: block; overflow: hidden; clear: both; margin: 0 auto;}
.trial-w .trial-bg .trial-main .img { width: 320px; height: 400px; margin: 0 auto;box-shadow: 0 0 10px rgba(33,197,142,0.2); 
 background: #fff; border-radius: 20px;}
.trial-w .trial-bg .trial-main .img img { width: 240px; height: 240px; display: block; text-align: center; padding: 40px 40px 30px 40px;}
.trial-w .trial-bg .trial-main .img p {   border-radius: 4px; line-height: 30px; text-align: center; font-size: 16px; color: #21c58e;
margin-top: 20px; display: block; margin:0 50px;padding-left:10px; padding-right:10px;font-weight:bolder; }

/* 客户页 */
.kehu-bg { background: #f5f5fa; width: 100%; overflow: hidden; clear: both;height:1050px; }
.kehu-bg .kehu-info { background: #fff; padding:20px 50px 50px 50px; margin-top: 80px;}
.kehu-bg .kehu-info h3 {font-size:30px;font-weight:800;text-align:center;padding-top:40px; color:#000000;}
.kehu-bg .kehu-info .sub-title { font-size:16px;color:#666;text-align:center;line-height:40px }
.kehu_list { width:100%;  overflow:hidden; position:relative; margin: 0 auto;border:0px solid red;padding-top:30px; }
.kehu_list .picList {  } 
.kehu_list ul{ overflow:hidden; zoom:1;width:100%}
.kehu_list ul li{ background: #ffffff; border-radius: 10px; margin:10px 10px; width: 60px; height: 60px; float: left; }
.kehu_list ul li img {float:left;width:60px;height:60px;border-radius: 40px;border:1px solid #e1e1e1; } 
.more_button { margin:0 auto;width: 300px; height: 40px; line-height: 40px; display: block; text-align: center;background:#edaf8d;border-radius: 28px; color: #fff; font-size: 16px; font-weight: bold;
              margin-top: 25px; box-shadow: 0 5px 10px rgba(33,197,142,0.3);}

/* 小程序页 */
.mini { background: #f5f5fa; width: 100%; overflow: hidden; clear: both;height:900px; }
.slide-title {font-size: 30px;color: #333;text-align: center; font-weight: 800; padding-bottom: 26px;padding-top:40px }
.slideTxtBox{ width:1140px;margin: 0px auto; overflow: hidden; clear: both; }
.slideTxtBox .hd{ border-bottom: 3px solid #efefef;border-radius: 2px;color: #000;font-size: 20px;
text-align: center; width: 600px; margin: 0 auto; height: 42px;}
.slideTxtBox .hd ul{ }
.slideTxtBox .hd ul li{ font-size:20px;padding-bottom: 12px; position: relative; float: left; width: 200px; }
.slideTxtBox .hd ul li.on { color: #21C58E; font-weight: bold; cursor: pointer;}
.slideTxtBox .hd ul li.on:after {background: #21c58e;border-radius: 3px;bottom: -3px;content: "";
 height: 3px;left: 50%; position: absolute;transform: translateX(-50%); width: 48px;cursor: pointer;}
.slideTxtBox .bd ul{ zoom:1; position: relative;}
.slide-item {  margin: 0 auto; overflow: hidden; clear: both; display: flex;}
.item-w1 {width: 800px;}
.slide-item .list{flex: 1;height: 100%;margin-right: 0; padding: 33px 27px 0 28px;width: 295px; float: left;} 
.slide-item .list .img {height: 397px;text-align: center;width: 100%;}
.slide-item .list .img img { height: 100%;}
.slide-item .list .tab-tit {color: #000;font-size: 26px;font-weight: 500;line-height: 26px; margin-top: 30px;
text-align: center;}
.slide-item .list .tab-desc { color: #666;font-size: 14px;line-height: 24px; margin: 13px auto 0;
text-align: center;}

/* 功能大全 */
.navigation {border-bottom: 1px solid #EEEEEE;width: 100%;background:#ffffff;text-align: center;height:60px; }
.navigation .tab-list { width: 1140px; margin: 0 auto;}
.navigation .tab-list a {width: 24%;display: inline-block;text-align: center;cursor: pointer;}
.navigation .tab-list a:last-child {padding: 0;}
.navigation .tab-list a span {font-size: 15px;color: #000000;padding: 19px 10px; display: inline-block;}
.navigation .tab-list a:hover span {border-bottom: 2px solid #21c58e;color: #21c58e;}
.sys-bg { background: #f5f5fa;}
.sys-section {padding: 50px 0 50px 0; overflow: hidden; clear: both;}
.sys-section-title {text-align: center;padding-top: 30px; margin-bottom: 30px;position: relative;}
.sys-section-title .sys-first-title {font-size: 22px;padding-bottom: 20px;margin-bottom: 15px;position: relative;}
.sys-section-title .sys-first-title::after {content: '';position: absolute;width: 26px;height: 3px;
display: inline-block;background: linear-gradient(90deg, #1ae0a4, #21c58e);bottom: 0;
left: 0;right: 0;margin: 0 auto;}
.sys-section-title .sys-sec-title {font-weight: bold;font-size: 36px;color: #333; margin-bottom: 15px;
display: inline-block;}
.sys-sec-content {background: #FFFFFF;box-shadow: 0px 10px 30px 0px #00000014; width: 1140px; 
margin: 0 auto;padding: 10px; overflow: hidden; clear: both;}
.sys-sec-content .left-con { width: 560px; height: 360px; float: left;}
.sys-sec-content .left-con .img { width: 560px;margin-top: 20px; }
.sys-sec-content .left-con .img img { width: 100%; height: auto;}
.sys-sec-content .right-con { width: 540px; float: right;}
.sys-sec-content .right-con h3 { font-size: 28px;color: #333333;font-weight: bold; margin-top: 25px;}
.sys-sec-content .right-con p{ color: #888888;font-size: 16px;margin-top: 6px;display: inline-block;}
.sys-sec-content .right-con ul { margin-top: 20px;}
.sys-sec-content .right-con ul li {color: #333333;font-size: 14px;width: 120px;height: 40px; border: 1px solid #E5E5E5;
line-height: 40px;text-align: center;display: inline-block;margin-bottom: 12px; margin-right: 7px;
box-sizing: border-box;}
.sys-sec-content .right-con a {background: linear-gradient(90deg, #1ae0a4, #21c58e);padding: 13px 20px;color: #fff;display: block;
 margin-top: 15px; border-radius: 28px;text-align: center;font-size: 16px; width: 150px; text-decoration: none; }
.sys-sec-content .right-con a:hover { background:#21c58e ;}
.sys-xc-img { width: 800px; margin: 30px auto;}
.sys-xc-btn a {background: linear-gradient(90deg, #1ae0a4, #21c58e);padding: 13px 20px;color: #fff;display: block;
 margin: 15px auto; border-radius: 28px;text-align: center;font-size: 16px; width: 150px; text-decoration: none; }
.sys-xc-btn a:hover { background:#21c58e ;}
.sys-item { margin: 30px auto; overflow: hidden; clear: both;  width: 1140px;}
.sys-item ul { margin-right: -30px;padding: 0 20px;}
.sys-item ul li {width: 216px;height: 240px;float: left;background: #fff;margin: 0 26px 0 0;
overflow: hidden; text-align: center;padding: 0 20px;border-radius: 5px; box-shadow: 0px 5px 20px 0px #00000014;}
.sys-item ul li .img {width: 105px;height: 92px;margin: 45px auto 5px;}
.sys-item ul li h3 {font-size: 20px;color: #333;font-weight: bold;margin: 30px 0 10px 0;}
.sys-demo {margin: 30px auto 0 auto; overflow: hidden; clear: both;  width: 1140px;}
.sys-demo .demo-con { width: 550px; float: left;}
.sys-demo .demo-con .img { float: left; margin-right: 20px; width: 234px;}
.sys-demo .demo-con .content { float: left;width: 290px;}
.sys-demo .demo-con .content h3 { font-size: 22px;color: #000;font-weight: 600;
position: relative; margin-top: 50px;}
.sys-demo .demo-con .content p {font-size: 14px;color: #666;line-height: 24px;
display: inline-block;margin: 10px 0 20px 0;}
.sys-demo .demo-con .content .smcode { margin-top: 10px;}
.sys-demo .demo-con:nth-child(2) { margin-left: 40px;}

/* 后台功能介绍 */
.sys-table-wrap { width: 1140px; margin: 20px auto; overflow: hidden; clear: both;}
.sys-table-wrap table { border-collapse: collapse;font-size: 16px;
background: #fff;width: 100%;border-top: 2px solid #21c58e;}
.sys-table-wrap table tr th {height: 58px;line-height: 58px;font-size: 20px;font-weight: bold;
color: #333;border: 1px solid #dcdcdc; border-bottom: 2px solid #dcdcdc;}
.sys-table-wrap table .th1 {width: 400px;}
.sys-table-wrap table .td1 { width: 68px;vertical-align: middle; }
.sys-table-wrap table .td2 {text-align: left;padding-left: 30px;color: #333;background: #fff9f5;}
.sys-table-wrap table .td3 {width: 165px;}
.sys-table-wrap table .td4 {text-align: left;padding-left: 30px;padding-right: 10px;}
.sys-table-wrap table .red{ color:#FF0000 ;}
.sys-table-wrap table td .row1 {width: 20px;display: block;line-height: 20px;padding:10px 24px;font-size: 20px; color: #333;}
.sys-table-wrap table tr td { border: 1px solid #dcdcdc;height: 45px;line-height: 45px;
text-align: center; font-weight: normal; color: #333;}

/* 后台、前台小程序功能介绍 */
.sys-wrap { width:100%; background: #fff; padding: 80px 0 100px 0; overflow: hidden; clear: both;}
.sys-wrap .sys-banner { width: 1140px; margin: 0 auto;}
.sys-wrap .sys-banner .con-left { width: 500px; float: left; margin-top: 60px; }
.sys-wrap .sys-banner .con-left h1 { font-size:60px;}
.sys-wrap .sys-banner .con-left p { font-size: 18px; color: #666; line-height: 30px; margin-top: 24px;}
.sys-wrap .sys-banner .con-right { width: 567px; float: right;}
.sys-wrap .sys-banner .con-right img { width: 567px; height: auto;}
.section-slide{ width: 1140px; margin: 0 auto; overflow: hidden; clear: both; padding: 60px 0;}
.section-slide .hd{  }
.section-slide .hd h2 { font-size: 36px; margin-top: 40px; margin-left: 15px;}
.section-slide .hd ul { margin-top: 20px;}
.section-slide .hd ul li{ display: block; background: transparent; padding: 15px; margin-bottom: 10px;}
.section-slide .hd ul li h4 { font-size: 20px;}
.section-slide .hd ul li h4 i { width: 30px; height: 30px; display:inline-block; margin-right: 5px; font-size: 24px; color: #ccc;
font-weight: normal;}
.section-slide .hd ul li p { display:none; font-size: 16px; line-height: 28px; padding-left: 35px;}
.section-slide .hd ul li.on{ background: #e8e8ec;padding: 15px; cursor: pointer;}
.section-slide .hd ul li.on h4 {font-size: 20px;}
.section-slide .hd ul li.on h4 i { color:#21c58e;}
.section-slide .hd ul li.on p { display: block;}
.section-slide .bd ul{ padding:0;  zoom:1;}
.section-slide .bd li{ }
.section-slide .bd li .img{ width: 260px; margin: 0 auto;}
.section-slide .bd li .img img { width: 100%; height: auto;}
.left-w { width: 400px;}
.right-w { width: 640px;}
.left-l { float: left;}
.right-r { float: right;}

/* 首页客户列表 */
.honner-bg{background:#f5f5fa;}
.picMarquee-left{ width:100%;  overflow:hidden; position:relative; padding: 10px 0 0 0; }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .bd{ padding-bottom:10px;  }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ background: linear-gradient(270deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.9));
border: 1px solid #fff;box-sizing: border-box;cursor: pointer;border-radius: 10px;
height: 140px;margin-right: 20px;opacity: 1;width: 140px;}
.picMarquee-left .bd ul li .pic{ text-align:center;width: 140px;height: 140px; }
.picMarquee-left .bd ul li .pic img{ width: 80%;height: 80%;padding-top:10%;object-fit: contain; }
.picMarquee-left .tempWrap { width: 9999999px !important;}