@charset "utf-8";
/* CSS Document */
.ban{ margin:0 auto; z-index:1; margin-bottom:50px  }
.fullSlide {position:relative; background:url(ban.png) repeat-x 0 0; }
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;  }
.fullSlide .bd ul { margin:0 auto; width:1200px; overflow:hidden}
.fullSlide .bd li { text-align:center; width:100%; float:left; overflow:hidden }
.fullSlide .bd li img{ width:100%; height:500px }

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:3px;line-height:3px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:50px;height:3px;margin-right:5px;overflow:hidden;background:#000;filter:alpha(opacity=70);opacity:0.7;line-height:999px;}
.fullSlide .hd ul .on {background:#f60;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-50px;left:1%;z-index:1;width:45px;height:100px;background:url(arrleft.png) no-repeat 0 0; cursor:pointer;filter:alpha(opacity=70);opacity:0.7;display:none;}
.fullSlide .next {left:auto;right:1%; background:url(arrright.png) no-repeat 0 0;}

.service{ background:url(fuwu_bg2.gif) repeat-x 0 380px;}
.service ul{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:30px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.25)}
.service ul img{ max-width:80%}
.service2{ width:100%; float:left; overflow:hidden; display:flex; justify-content:space-between;flex-wrap:wrap; }
.h201{ width:100%; float:left; overflow:hidden; line-height:36px; font-weight:normal; font-size:27px; color:#2d2d2d; text-align:center;  margin-bottom:15px }
.h401{ width:100%; float:left; overflow:hidden; line-height:20px; font-weight:normal; font-size:18px; color:#666; text-align:center;}
.h201 span{  color:#4d9400}
.dl01 dd a em{background:#4d9400;}

/* 小程序 */
.wechat{background:url(fuwu_bg.gif) repeat-x 0 450px;}
.h202{ width:100%; float:left; overflow:hidden; line-height:36px; text-align:center; margin-bottom:30px}
.h202 a{  color:#222; font-weight:normal;font-size:36px; }
.h202 span:first-child{ padding-right:30px}
.h202 span:last-child{ padding-left:30px}
.wechat .h201 span{ color:#277ac7;}
.wechat .dl01 dd a em{background:#31a5e7}
/* 软件开发 */

.scsoft{background:url(fuwu_bg3.gif) repeat-x 0 450px;}
.scsoft .h201 span{ color:#ba8b2e;}
.scsoft .dl01 dd a em{background:#d4a038}

.dl01{width:21%;}
.dl01 dt{ width:100%; float:left; overflow:hidden; line-height:25px; text-align:center; margin-bottom:10px;}
.dl01 dt a{ font-size:21px; color:#fff; }
.dl01 dt a:hover{ color:#ff0}
.dl01 dt span{ font-size:12px; color:#fff}
.dl01 h5{ width:100%; float:left; overflow:hidden; line-height:25px; color:#fff; font-size:14px; font-weight:normal; text-align: justify;}
.dl01 dd{ width:100%; float:left; overflow:hidden; margin-bottom:10px; display:flex;justify-content:space-between;flex-wrap:wrap }
.dl01 dd a{display: inline-block;position: relative; float: left; display:inline; font-size: 16px; width:47%; text-align:center; border: 1px solid rgba(255,255,255,.6); color: #fff; height: 40px;line-height: 40px;margin: 5px 0 10px; box-sizing:border-box}
.dl01 dd a span{position: relative; z-index: 1;transition: 0.5s all;}
.dl01 dd a em{position: absolute; top: 0; left: 0; width: 0; height: 100%; transition: 0.5s all;}
.dl01 dd a:hover span{color: #fff;}
.dl01 dd a:hover em{width: 100%;}

.case2{ width:100%; float:left; overflow:hidden; display:flex;flex-wrap:wrap}
.dl02{ width:25%; margin-bottom:10px}
.dl02 dd{ width:100%; float:left; overflow:hidden; display:flex}
.dl02 dd img{ width:100%; cursor: pointer; transition: all 0.6s; height:100%}
.dl02 dd:hover img{transform: scale(1.1); }
.dl02 dt{ width:100%; float:left; overflow:hidden; line-height:30px; padding:5px 0; text-indent:10px}
.dl02 dt a{ font-size:16px; color:#666}
.dl02 dt a:hover{ color:#4d9400; text-decoration:underline}
.praise{  padding:30px 0;  background:#f7f7f7 url(bg1.jpg) no-repeat center bottom }

/* 首页滚动图片 */
.rollBox{width:1500px;overflow:hidden; float:left; }
.an_left{width:26px; padding-right:24px;overflow:hidden;float:left; }
.rollBox .leftBotton{height:49px;width:26px;overflow:hidden; margin-top:166px;float:left;cursor:pointer;}
.an_right{width:26px; padding-left:24px;float:left;overflow:hidden;  }
.rollBox .RightBotton{height:49px;width:26px;overflow:hidden;float:left;cursor:pointer;margin-top:166px;  }
.rollBox .Cont{width:1400px; overflow:hidden;float:left; display:inline;}
<!-- .rollBox .ScrCont{width:10000000px;} -->
.rollBox .Cont .pic a:hover img{ border:2px solid #3aa400; padding:3px}
.rollBox #List1,.rollBox #List2{float:left;}
/* 首页滚动图片结束 */

.dl05{ width:329px; float:left; overflow:hidden; margin-right:28px; background:#e8e8e8; padding:20px 0 0}
.dl05 h5{ width:104px; padding:0px 118px; float:left; overflow:hidden; text-align:center; margin-bottom:10px}
.dl05 h5 img{ width:100px; height:100px; border-radius:50%; float:left; overflow:hidden; display:block; border:2px solid #ddd}
.dl05 dt{ width:100%; float:left; overflow:hidden; line-height:20px; font-size:16px; color:#4d9400; text-align:center; margin-bottom:5px}
.dl05 dt a{font-size:16px; color:#4d9400;}
.dl05 dt a:hover{ text-decoration:underline}
.dl05 dd{  width:100%; float:left; overflow:hidden; line-height:20px; font-size:14px; color:#272727; text-align:center; margin-bottom:20px}
.dl05 h4{ width:289px; padding:10px 20px 0; background:#4d9400; float:left; overflow:hidden; line-height:25px; font-weight:normal; font-size:14px; color:#fff; height:100px }
.dl05 h4 span{ font-size:21px; font-family:"黑体"}

.dl05 h6{width:100%;background:#4d9400; float:left; overflow:hidden; line-height:30px; font-weight:normal; text-align:center; padding:20px 0 25px 0}
.dl05 h6 a{ border:1px solid #fff; padding:3px 10px; color:#fff; font-size:14px}
.dl05 h6 a:hover{ background:#1e95d9;}

/* 新闻 */
.news{ width:100%; float:left; overflow:hidden; display:flex; flex-wrap:wrap;justify-content:space-between}
.dl06{ width:49%;  margin-bottom:20px; display:flex}

.dl06 img{ width:200px; overflow:hidden;}
.dl06 ul{flex:1; border:1px solid #ddd; border-left:none; overflow:hidden; height:100%; padding:10px 15px 0; box-sizing:border-box}
.dl06 dt{ width:100%; float:left; overflow:hidden; line-height:26px; height:26px; margin-bottom:10px}
.dl06 dt a{ font-size:17px; color:#333; font-weight:bold }
.dl06 dt a:hover{ text-decoration:underline; color:#468601}
.dl06 dt a font,.dl06 dt a b{ font-weight:normal; font-size:16px}
.dl06 dd{ width:100%; float:left; overflow:hidden; line-height:23px; color:#666; font-size:14px; height:46px; margin-bottom:8px}
.dl06 h6,.dl06 h5{width:100%; float:left; overflow:hidden; line-height:20px; font-size:12px; color:#888; font-weight:normal}
.dl06 h6 a,.dl06 h5 a{ color:#4d9400}
.dl06 h6 span,.dl06 h5 span{ color:#4d9400}
.dl06 h5{ display:none}

.news2{ width:100%; float:left; overflow:hidden; }
.news2 h4{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:10px }
.news2 h4 a{ font-weight:normal; font-size:20px; font-weight:bold; color:#4d9400}
.ul01{ width:100%; float:left; overflow:hidden; display:flex;flex-wrap:wrap;justify-content:space-between}
.ul01 li{ width:49%; line-height:36px; height:36px; background:url(dot_01.png) no-repeat 0 11px; text-indent:25px}
.ul01 li.m_r0{ margin-right:0}
.ul01 li a{ font-size:16px; color:#666}
.ul01 li a:hover{ color:#4d9400; text-decoration:underline}
.ul01 li span{ float:right; line-height:30px; color:#999; font-size:12px; margin-right:10px}

.work{ background:#eee url(work.png) no-repeat center bottom; background-size:100% }
.work2{ background:url(work01.png) no-repeat right 80px; width:100%; padding:50px 675px 50px 0; float:left; overflow:hidden; box-sizing:border-box;}
.work2 h2{ width:100%; float:left; overflow:hidden; line-height:46px; font-weight:normal; font-size:27px; color:#2d2d2d;  margin-bottom:5px}
.work2 h2 span{color:#4d9400; }
.work2 h4{ width:100%; float:left; overflow:hidden; line-height:25px; font-weight:normal; font-size:21px; color:#666; margin-bottom:20px}
.work2 h5{width:100%; float:left; overflow:hidden; line-height:22px; font-weight:normal; font-size:16px; color:#666; margin-bottom:20px}
.work2 ul{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:14px; color:#4d4d4d}
.work2 ul span{ color:#4d9400; font-size:16px}

.dl08{ width:100%; float:left; overflow:hidden;}
.dl08 dt,.dl08 dd{ width:172px; height:42px; float:left; overflow:hidden;}
.dl08 dt{ margin-right:20px}
.dl08 a{ display:block; width:100%; float:left; overflow:hidden; height:42px; text-align:center; line-height:42px; color:#fff; font-size:16px}
.dl08 dt a{ background:#4d9400; background:#1e95d9 url(qq.png) no-repeat 15px 5px}
.dl08 dt a:hover{ background:#4d9400 url(qq.png) no-repeat 15px 5px}
.dl08 dd a{ background:#555 url(sub.png) no-repeat 15px 9px}
.dl08 dd a:hover{background:#4d9400 url(sub.png) no-repeat 15px 9px}

.advantage {width:100%; padding:0 0 35px;position:relative;z-index:1; float:left; display:flex; flex-wrap:wrap; justify-content:space-between}
.advantage li{width:23.8%; background:#fff; text-align:center; padding:36px 0; box-sizing:border-box; cursor:pointer; -webkit-transition:0.3s ease-in;}
.advantage li h3 {font-size:21px; font-weight:normal; color:#333; line-height:30px}
.advantage li h3 span{font-size:23px}
.advantage li p {text-indent:0;font-size:16px;font-family:microsoft yahei;color:#666}
.advantage li img {margin-bottom:20px;margin-top:20px;height:128px;width:128px;vertical-align:middle; border-radius:100%;-moz-border-radius:100%;-webkit-transition:0.3s linear;-moz-transition:0.3s ease-in;-o-transition:0.3s ease-in;-ms-transition:0.3s ease-in;}
.advantage li img.a1 {background-color:#3498DB;}
.advantage li img.a2 {background-color:#16A085;}
.advantage li img.a3 {background-color:#c00;}
.advantage li img.a4 {background-color:#6666FF;}
.advantage li:hover{background:#e3e3e3;}
.advantage li:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-webkit-transition:0.3s ease-in;}

/******** 手机版 ********/
@media (max-width:767px){
	
.ban{ margin-top:60px; margin-bottom:20px}
.fullSlide .bd ul {width:100%; }
.fullSlide .bd li img{ width:100%; height:41vw }
.fullSlide .hd {bottom:10px;}
.fullSlide .hd ul li{width:30px;height:2px;margin-right:3px;}

.h202{  line-height:30px; margin-bottom:5px; display:flex; justify-content:center;}
.h202 a{ font-size:24px; }
.h202 span{width:20%}
.h202 span img{ max-width:100%}
.h202 span:first-child{ padding-right:10px;}
.h202 span:last-child{ padding-left:10px;}
	
.service{  margin-top:20px; background-position:0 200px}
.wechat{ background-position:0 200px}

.service ul{ margin-bottom:20px; padding-bottom:10px;}
.service ul img{ max-width:70%}
.h201{  line-height:22px; font-size:16px; margin-bottom:18px }
.h401{line-height:18px; font-size:12px; color:#888; display:none}
.dl01{width:48%; margin-bottom:20px}
.dl01 dt{line-height:18px; margin-bottom:10px;}
.dl01 dt a{ font-size:17px; height:18px; overflow:hidden; display:inline-block; white-space: nowrap; text-overflow:ellipsis;   }
.dl01 dd a{ font-size: 12px; width:46%; height:30px;line-height:30px; margin: 5px 0; border: 1px solid rgba(255,255,255,.6); }
.dl01 h5{ display:none}

.dl02{ width:50%;}
.dl02 dt{  line-height:20px; text-indent:0px}
.dl02 dt a{ font-size:12px;}

.dl06{ width:100%; padding-bottom:0px; margin-bottom:10px;}
.dl06 img{ width:120px;overflow:hidden; margin-right:0px; padding:0px; border:none }
.dl06 h6{ display:none }
.dl06 h5{ display:block;}
.dl06 dt{margin-bottom:5px; margin-top:3px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height:44px}
.dl06 dt a{ font-size:14px;}
.dl06 dt a font,.dl06 dt a b{ font-size:17px;}
.dl06 dd{ display:none}
.ul01 li{ width:100%; line-height:26px; height:26px; background:url(dot_01.png) no-repeat 0 7px; text-indent:25px; margin-bottom:3px; white-space: nowrap; text-overflow:ellipsis; }
.ul01 li a{ font-size:12px;}
.ul01 li span{ display:none}

.work2{ background:none; padding:15px 0;; float:left;}
.work2 h2{line-height:25px; font-size:21px;  margin-bottom:5px}
.work2 h4{ line-height:20px; font-size:14px; margin-bottom:10px}
.work2 h5{line-height:18px;font-size:12px; margin-bottom:10px}
.work2 ul{line-height:20px; font-size:12px;}
.work2 ul span{ font-size:14px}


.dl08 dt,.dl08 dd{ width:49%; }
.dl08 dt{ margin-right:2%}

.advantage { padding-bottom:0px}
.advantage li{ width:49%; margin-bottom:10px; padding:20px 10px; box-sizing:border-box;}
.advantage li h3 {font-size:14px;  line-height:20px}
.advantage li h3 span{font-size:17px}
.advantage li img {margin-bottom:20px;margin-top:20px;height:70px;width:70px;}
.m_60{ margin-bottom:20px}
.m_50{ margin-bottom:20px}
.m_40{ margin-bottom:20px}
.m_t20{ margin-top:5px}
.praise,.news2{ display:none}
.m_10{ margin-bottom:10px}
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.fullSlide .bd ul {width:750px; }
.fullSlide .bd li img{height:313px }

.service ul{ margin-bottom:20px; padding-bottom:10px;}
.h201{  line-height:25px; font-size:21px; margin-bottom:5px; font-weight:bold }
.h401{line-height:18px; font-size:12px; color:#888;}
.dl01{width:48%; margin-bottom:20px}
.dl01 dt{line-height:18px; margin-bottom:10px;}
.dl01 dt a{ font-size:17px; height:18px; overflow:hidden; display:inline-block; white-space: nowrap; text-overflow:ellipsis;   }
.dl01 dd a{ font-size: 12px; width:46%; height:30px;line-height:30px; margin: 5px 0; border: 1px solid rgba(255,255,255,.6); }
.dl01 h5{ display:none}

.dl02{ width:50%;}
.dl02 dt{  line-height:20px; text-indent:0px}
.dl02 dt a{ font-size:12px;}

.dl06{ width:100%; padding-bottom:0px; margin-bottom:10px;}
.dl06 img{ width:120px;overflow:hidden; margin-right:0px; padding:0px; border:none }
.dl06 h6{ display:none }
.dl06 h5{ display:block;}
.dl06 dt{margin-bottom:5px; margin-top:3px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height:44px}
.dl06 dt a{ font-size:14px;}
.dl06 dt a font,.dl06 dt a b{ font-size:17px;}
.dl06 dd{ display:none}
.ul01 li{ width:100%; line-height:26px; height:26px; background:url(dot_01.png) no-repeat 0 7px; text-indent:25px; margin-bottom:3px; white-space: nowrap; text-overflow:ellipsis; }
.ul01 li a{ font-size:12px;}
.ul01 li span{ display:none}

.work2{ background:none; padding:30px 0 20px;; float:left;}
.work2 h2{line-height:25px; font-size:21px;  margin-bottom:5px; font-weight:bold}
.work2 h4{ line-height:20px; font-size:14px; margin-bottom:10px}
.work2 h5{line-height:18px;font-size:12px; margin-bottom:10px}
.work2 ul{line-height:20px; font-size:12px;}
.work2 ul span{ font-size:14px}

.advantage li{ width:49%; margin-bottom:10px; padding:20px 10px; box-sizing:border-box;}
.advantage li h3 {font-size:14px;  line-height:20px}
.advantage li h3 span{font-size:17px}
.advantage li img {margin-bottom:20px;margin-top:20px;height:70px;width:70px;}
.m_60{ margin-bottom:20px}
.m_50{ margin-bottom:20px}
.m_40{ margin-bottom:20px}
.m_t20{ margin-top:5px}
.praise,.news2{ display:none}
.m_10{ margin-bottom:10px}

.tel{ padding-top:20px}
.m_0{ margin-bottom:0}
}

/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.fullSlide .bd ul {width:970px; }
.fullSlide .bd li img{height:404px }
.service{ padding-bottom:35px}
.dl01 dd a{ font-size:14px;}
.dl01 h5{  line-height:22px; font-size:13px;}

.work2{ background:url(work01.png) no-repeat right 80px; width:100%; padding:30px 400px 50px 0; float:left; overflow:hidden; box-sizing:border-box; background-size:40%}
.advantage li h3 {font-size:17px; font-weight:normal; line-height:26px; color:#888}
.advantage li h3 span{font-size:19px; color:#333; }
}

/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.fullSlide .bd ul {width:1160px; }
.fullSlide .bd li img{height:483px }
.service{ padding-bottom:35px}
.m_60{ margin-bottom:40px}
}

/******** 1400px ********/
@media (min-width:1440px){
.service{ height:1030px;}
.wechat{ height:1130px;}
.scsoft{ height:1050px}
.dl06 img{  height:134px;}
}

.more01{ width:100%; float:left; overflow:hidden;}
.more01 dt{ width:100%; display:flex; justify-content:center; margin-bottom:10px}
.more01 dt a{width:130px; border:1px solid #ddd; line-height:36px; text-align:center; color:#666; font-size:14px}
.more01 dt a:hover{ background:#4d9400; color:#fff; border:1px solid #4d9400}
.more01 dd{ width:100%; height:20px;  background:url(more01.gif) no-repeat center center; float:left; overflow:hidden}
.praise .more01 dt a{ border:1px dashed #4d9400;  color:#4d9400}
.praise .more01 dt a:hover{ background:#4d9400; border:1px solid #4d9400; color:#fff}
.praise .more01 dd{ background:url(more02.gif) no-repeat center center}