.ccc{ clear:both;}
.gy2{ width:86%; margin:auto; overflow:hidden;  padding-top:80px;}

/*专题*/
.service-wrap1{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/seobj.jpg);  color:#fff; padding-top:40px;}
.service-wrap1 .imgs{ float:right; width:50%;}
.service-wrap1 .imgs img{ position:relative; width:100%;}
.service-wrap1.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap1 .txts{ float:left; width:50%; margin-top:120px;}
.service-wrap1 .txts h2{ font-size:42px; font-weight:bold; height:125px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#222222;}
.service-wrap1 .txts h2 span{ display:block; height:50px; line-height:50px; font-size:30px; font-weight:normal; color:#9d9d9c;}
.service-wrap1 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; color:#9d9d9c;opacity:0;filter:Alpha(opacity=0);}
.list_appsoft1{ width:100%; height:auto;}
.list_appsoft1 dl{ width:48%; float:left; margin: 2% 2% 2% 0%;}
.list_appsoft1 dl dt{ width:90%; height:40px; line-height:40px; color:#222; font-size:22px;font-weight:normal;}
.list_appsoft1 dl dd{ width:90%; height:auto; line-height:28px; font-size:16px; color:#888888;}
.service-wrap1 .txts .a{ overflow:hidden; margin-top:24px;}
.service-wrap1 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #9d9d9c; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:16px; height:46px; line-height:46px; color:#9d9d9c; margin-right:18px; position:relative;}
.service-wrap1 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap1 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:46px;  width:0;background:url(../images/zhanti_ico1_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap1 .txts .a a:hover:before{  width:100%;}
.service-wrap1 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap1.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap1.active .txts .a.fadeInUp{animation-delay:0.8s;}

.service-wrap2{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/seobj2.jpg); color:#000; padding-top:80px;}
.service-wrap2 .txts{ width:100%; margin-top:10px;}
.service-wrap2 .biaoti{ font-size:42px; font-weight:bold; height:125px; background:url(../images/zhuanti2_ico1.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#fff;}
.service-wrap2 .biaoti span{ display:block; height:50px; line-height:50px; font-size:30px; color:#fff; font-weight:normal;}
.service-wrap2 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; color:#fff;opacity:0;filter:Alpha(opacity=0);}

.list_appsoft2{ width:100%; height:auto;}
.list_appsoft2 dl i img{ margin:20px;}
.list_appsoft2 dl{ width:23%; float:left; margin: 1% 1% 1% 1%; border-radius:1em;  height:250px; text-align:center; }
.list_appsoft2 dl div{ width:100%; float:left; margin: 1% 1% 1% 1%; border-radius:1em;  height:250px; text-align:center;  background:#222;filter:alpha(Opacity=10); -moz-opacity:0.1; opacity: 0.1; position:relative; top:-90%; z-index:-100;}
.list_appsoft2 dl dt{ width:96%; height:40px; line-height:40px; color:#fff; font-size:20px;font-weight:normal; text-align:center; margin:auto; font-weight:bold;}
.list_appsoft2 dl dd{ width:92%; height:auto; line-height:28px; font-size:16px; color:#fff; text-align:center; margin:auto;}

.service-wrap2 .txts .a{ overflow:hidden; margin-top:54px;}
.service-wrap2 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #fff; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:16px; height:46px; line-height:46px; color:#fff; margin-right:18px; position:relative;}
.service-wrap2 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap2 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:46px;  width:0;background:url(../images/zhanti_ico2_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap2 .txts .a a:hover:before{  width:100%;}
.service-wrap2 .txts .a a:hover label{color:#fff;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap2.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap2.active .txts .a.fadeInUp{animation-delay:0.8s;}
.service-wrap2 .imgs{ float:left; width:40%;}
.service-wrap2 .imgs img{ position:relative; width:100%; margin-top:15%;}


.service-wrap3{ background-repeat:no-repeat; background-position:center center; background-size:cover; background:#ecebea; color:#fff; padding-top:40px;}
.service-wrap3 .imgs{ float:right; width:50%;}
.service-wrap3 .imgs img{ position:relative; width:100%;}
.service-wrap3.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap3 .txts{ float:left; width:50%; margin-top:120px;}
.service-wrap3 .txts h2{ font-size:42px; font-weight:bold; height:125px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#222222;}
.service-wrap3 .txts h2 span{ display:block; height:50px; line-height:50px; font-size:30px; font-weight:normal; color:#9d9d9c;}
.service-wrap3 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; color:#9d9d9c;opacity:0;filter:Alpha(opacity=0);}
.list_appsoft3{ width:100%; height:auto;}
.list_appsoft3 dl{ width:48%; float:left; margin: 2% 2% 2% 0%;}
.list_appsoft3 dl dt{ width:90%; height:40px; line-height:40px; color:#222; font-size:22px;font-weight:normal;}
.list_appsoft3 dl dd{ width:90%; height:auto; line-height:28px; font-size:16px; color:#888888;}
.service-wrap3 .txts .a{ overflow:hidden; margin-top:24px;}
.service-wrap3 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #9d9d9c; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:16px; height:46px; line-height:46px; color:#9d9d9c; margin-right:18px; position:relative;}
.service-wrap3 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap3 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:46px;  width:0;background:url(../images/zhanti_ico1_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap3 .txts .a a:hover:before{  width:100%;}
.service-wrap3 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap3.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap3.active .txts .a.fadeInUp{animation-delay:0.8s;}



#fp-nav ul li, .fp-slidesNav ul li{ width:auto; height:50px; margin:0; margin-top:1px; margin-bottom:2px;}
#fp-nav.right{ right:auto; left:0;}
#fp-nav ul li a{ background:rgba(0,0,0,0.5); width:50px;transition:all 0.3s;}
#fp-nav ul li a.active{ background:#086bb2;}
#fp-nav ul li a:hover{background:#086bb2; width:180px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:50px; height:50px; border-radius:0%; margin:0; left:0px; top:0;transition:all 0.3s;}
#fp-nav ul li a label{ position:absolute; left:0; top:0;width:0px; height:50px; line-height:50px; color:#fff; text-align:right; font-size:14px; cursor:pointer; overflow:hidden;transition:all 0.3s;}
#fp-nav ul li a:hover label{ width:130px;}
#fp-nav ul li a:hover span{ left:130px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ width:50px; height:50px; margin:0; border-radius:0;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height: 50px;width: 50px;margin:0;border-radius: 0%;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{ width: 50px; height: 50px;margin: 0;}
#fp-nav ul li:last-child{ display:none;}
#fp-nav ul li:nth-child(1) span{ background:url(../images/tool_bg1.png) center center no-repeat;}
#fp-nav ul li:nth-child(2) span{ background:url(../images/tool_bg2.png) center center no-repeat;}
#fp-nav ul li:nth-child(3) span{ background:url(../images/tool_bg3.png) center center no-repeat;}
#fp-nav ul li:nth-child(4) span{ background:url(../images/tool_bg4.png) center center no-repeat;}
#fp-nav ul li:nth-child(5) span{ background:url(../images/tool_bg5.png) center center no-repeat;}
#fp-nav ul li:nth-child(6) span{ background:url(../images/tool_bg6.png) center center no-repeat;}
#fp-nav ul li:nth-child(7) span{ background:url(../images/tool_bg7.png) center center no-repeat;}




/*屏幕在320px到479之间（主要是手机屏幕）*/
@media screen and (min-width: 320px) and (max-width:479px){
.gy2{ width:92%; margin:auto;overflow:hidden; padding-top:50px;}
.service-wrap1{ background-repeat:no-repeat; background-position:center center; background-size:cover; background:#ecebea; color:#fff; padding-top:40px;}
.service-wrap1 .imgs{ float:right; width:100%; text-align:center;}
.service-wrap1 .imgs img{ position:relative; width:30%; text-align:center;}
.service-wrap1.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap1 .txts{ float:left; width:100%; margin-top:20px;}
.service-wrap1 .txts h2{ font-size:18px; font-weight:bold; height:75px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#222222;}
.service-wrap1 .txts h2 span{ display:block; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#9d9d9c;}
.service-wrap1 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; color:#9d9d9c;opacity:0;filter:Alpha(opacity=0);}
.list_appsoft1{ width:100%; height:auto;}
.list_appsoft1 dl{ width:48%; float:left; margin: 2% 2% 2% 0%;}
.list_appsoft1 dl dt{ width:90%; height:30px; line-height:30px; color:#222; font-size:14px;font-weight:normal;}
.list_appsoft1 dl dd{ width:90%; height:auto; line-height:22px; font-size:12px; color:#888888;}
.service-wrap1 .txts .a{ overflow:hidden; margin-top:4px;}
.service-wrap1 .txts .a a{ float:left; width:138px; border-radius:26px; border:1px solid #9d9d9c; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#9d9d9c; position:relative;}
.service-wrap1 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap1 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico1_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap1 .txts .a a:hover:before{  width:100%;}
.service-wrap1 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap1.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap1.active .txts .a.fadeInUp{animation-delay:0.8s;}

.service-wrap2{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/appbj.jpg); color:#000; padding-top:10px;}
.service-wrap2 .txts{ float:right; width:100%; margin-top:20px;}
.service-wrap2 .biaoti{ font-size:18px; font-weight:bold; height:75px; background:url(../images/zhuanti2_ico1.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#fff;}
.service-wrap2 .biaoti span{ display:block; height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:normal;}
.service-wrap2 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px;color:#fff;opacity:0;filter:Alpha(opacity=0);}

.list_appsoft2{ width:100%; height:auto;}
.list_appsoft2 dl i img{ margin:6px; width:26%;}
.list_appsoft2 dl{ width:48%; float:left; margin: 1% 1% 1% 1%; border-radius:1em;  height:100px; text-align:center; }
.list_appsoft2 dl div{ width:100%; float:left; margin: 1% 1% 1% 1%; border-radius:1em;  height:100px; text-align:center;  background:#222;filter:alpha(Opacity=10); -moz-opacity:0.1; opacity: 0.1; position:relative; top:-90%; z-index:-100;}
.list_appsoft2 dl dt{ width:96%; height:30px; line-height:30px; color:#fff; font-size:14px;font-weight:normal; text-align:center; margin:auto; font-weight:bold;}
.list_appsoft2 dl dd{ width:96%; height:auto; line-height:18px; font-size:12px; color:#fff; text-align:center; margin:auto; display:none;}

.service-wrap2 .txts .a{ overflow:hidden; margin-top:4px;}
.service-wrap2 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #fff; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#fff; position:relative;}
.service-wrap2 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap2 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico2_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap2 .txts .a a:hover:before{  width:100%;}
.service-wrap2 .txts .a a:hover label{color:#fff;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap2.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap2.active .txts .a.fadeInUp{animation-delay:0.8s;}
.service-wrap2 .imgs{ float:left; width:100%; text-align:center;}
.service-wrap2 .imgs img{ position:relative; width:30%; margin-top:15%; text-align:center; display:none;}


.service-wrap3{ background-repeat:no-repeat; background-position:center center; background-size:cover; background:#ecebea; color:#fff; padding-top:40px;}
.service-wrap3 .imgs{ float:right; width:100%; text-align:center;}
.service-wrap3 .imgs img{ position:relative; width:26%; text-align:center;}
.service-wrap3.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap3 .txts{ float:left; width:100%; margin-top:20px;}
.service-wrap3 .txts h2{ font-size:18px; font-weight:bold; height:75px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#222222;}
.service-wrap3 .txts h2 span{ display:block; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#9d9d9c;}
.service-wrap3 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:4px; color:#9d9d9c;opacity:0;filter:Alpha(opacity=0);}
.list_appsoft3{ width:100%; height:auto;}
.list_appsoft3 dl{ width:48%; float:left; margin: 2% 2% 2% 0%;}
.list_appsoft3 dl dt{ width:90%; height:30px; line-height:30px; color:#222; font-size:14px;font-weight:normal;}
.list_appsoft3 dl dd{ width:90%; height:auto; line-height:22px; font-size:12px; color:#888888;}
.service-wrap3 .txts .a{ overflow:hidden; margin-top:24px;}
.service-wrap3 .txts .a a{ float:left; width:138px; border-radius:26px; border:1px solid #9d9d9c; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#9d9d9c; position:relative;}
.service-wrap3 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap3 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico1_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap3 .txts .a a:hover:before{  width:100%;}
.service-wrap3 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap3.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap3.active .txts .a.fadeInUp{animation-delay:0.8s;}


}

/*屏幕在480px到767之间（主要是手机屏幕）*/
@media screen and (min-width: 480px) and (max-width:767px){
.gy2{ width:92%; margin:auto;overflow:hidden; padding-top:30px;}
.service-wrap1{ background-repeat:no-repeat; background-position:center center; background-size:cover; background:#ecebea; color:#fff; padding-top:40px;}
.service-wrap1 .imgs{ float:right; width:100%; text-align:center;}
.service-wrap1 .imgs img{ position:relative; width:30%; text-align:center;}
.service-wrap1.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap1 .txts{ float:left; width:100%; margin-top:20px;}
.service-wrap1 .txts h2{ font-size:18px; font-weight:bold; height:75px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#222222;}
.service-wrap1 .txts h2 span{ display:block; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#9d9d9c;}
.service-wrap1 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; color:#9d9d9c;opacity:0;filter:Alpha(opacity=0);}
.list_appsoft1{ width:100%; height:auto;}
.list_appsoft1 dl{ width:48%; float:left; margin: 2% 2% 2% 0%;}
.list_appsoft1 dl dt{ width:90%; height:30px; line-height:30px; color:#222; font-size:14px;font-weight:normal;}
.list_appsoft1 dl dd{ width:90%; height:auto; line-height:22px; font-size:12px; color:#888888;}
.service-wrap1 .txts .a{ overflow:hidden; margin-top:4px;}
.service-wrap1 .txts .a a{ float:left; width:138px; border-radius:26px; border:1px solid #9d9d9c; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#9d9d9c; position:relative;}
.service-wrap1 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap1 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico1_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap1 .txts .a a:hover:before{  width:100%;}
.service-wrap1 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap1.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap1.active .txts .a.fadeInUp{animation-delay:0.8s;}

.service-wrap2{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/appbj.jpg); color:#000; padding-top:10px;}
.service-wrap2 .txts{ float:right; width:100%; margin-top:20px;}
.service-wrap2 .biaoti{ font-size:18px; font-weight:bold; height:75px; background:url(../images/zhuanti2_ico1.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#fff;}
.service-wrap2 .biaoti span{ display:block; height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:normal;}
.service-wrap2 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px;color:#fff;opacity:0;filter:Alpha(opacity=0);}

.list_appsoft2{ width:100%; height:auto;}
.list_appsoft2 dl i img{ margin:6px; width:26%;}
.list_appsoft2 dl{ width:48%; float:left; margin: 1% 1% 1% 1%; border-radius:1em;  height:100px; text-align:center; }
.list_appsoft2 dl div{ width:100%; float:left; margin: 1% 1% 1% 1%; border-radius:1em;  height:100px; text-align:center;  background:#222;filter:alpha(Opacity=10); -moz-opacity:0.1; opacity: 0.1; position:relative; top:-90%; z-index:-100;}
.list_appsoft2 dl dt{ width:96%; height:30px; line-height:30px; color:#fff; font-size:14px;font-weight:normal; text-align:center; margin:auto; font-weight:bold;}
.list_appsoft2 dl dd{ width:96%; height:auto; line-height:18px; font-size:12px; color:#fff; text-align:center; margin:auto; display:none;}

.service-wrap2 .txts .a{ overflow:hidden; margin-top:4px;}
.service-wrap2 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #fff; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#fff; position:relative;}
.service-wrap2 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap2 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico2_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap2 .txts .a a:hover:before{  width:100%;}
.service-wrap2 .txts .a a:hover label{color:#fff;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap2.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap2.active .txts .a.fadeInUp{animation-delay:0.8s;}
.service-wrap2 .imgs{ float:left; width:100%; text-align:center;}
.service-wrap2 .imgs img{ position:relative; width:30%; margin-top:15%; text-align:center; display:none;}


.service-wrap3{ background-repeat:no-repeat; background-position:center center; background-size:cover; background:#ecebea; color:#fff; padding-top:40px;}
.service-wrap3 .imgs{ float:right; width:100%; text-align:center;}
.service-wrap3 .imgs img{ position:relative; width:26%; text-align:center;}
.service-wrap3.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap3 .txts{ float:left; width:100%; margin-top:20px;}
.service-wrap3 .txts h2{ font-size:18px; font-weight:bold; height:75px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#222222;}
.service-wrap3 .txts h2 span{ display:block; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#9d9d9c;}
.service-wrap3 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:4px; color:#9d9d9c;opacity:0;filter:Alpha(opacity=0);}
.list_appsoft3{ width:100%; height:auto;}
.list_appsoft3 dl{ width:48%; float:left; margin: 2% 2% 2% 0%;}
.list_appsoft3 dl dt{ width:90%; height:30px; line-height:30px; color:#222; font-size:14px;font-weight:normal;}
.list_appsoft3 dl dd{ width:90%; height:auto; line-height:22px; font-size:12px; color:#888888;}
.service-wrap3 .txts .a{ overflow:hidden; margin-top:24px;}
.service-wrap3 .txts .a a{ float:left; width:138px; border-radius:26px; border:1px solid #9d9d9c; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#9d9d9c; position:relative;}
.service-wrap3 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap3 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico1_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap3 .txts .a a:hover:before{  width:100%;}
.service-wrap3 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap3.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap3.active .txts .a.fadeInUp{animation-delay:0.8s;}

}

/*屏幕在768px到1023之间（小屏幕-pad）*/
@media screen and (min-width: 768px) and (max-width:1023px){
.gy2{ width:92%; margin:auto;overflow:hidden; padding-top:30px;}
.service-wrap1{ background-repeat:no-repeat; background-position:center center; background-size:cover; background:#ecebea; color:#fff; padding-top:40px;}
.service-wrap1 .imgs{ float:right; width:100%; text-align:center;}
.service-wrap1 .imgs img{ position:relative; width:60%; text-align:center;}
.service-wrap1.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap1 .txts{ float:left; width:100%; margin-top:20px;}
.service-wrap1 .txts h2{ font-size:18px; font-weight:bold; height:75px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#222222;}
.service-wrap1 .txts h2 span{ display:block; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#9d9d9c;}
.service-wrap1 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; color:#9d9d9c;opacity:0;filter:Alpha(opacity=0);}
.list_appsoft1{ width:100%; height:auto;}
.list_appsoft1 dl{ width:48%; float:left; margin: 2% 2% 2% 0%;}
.list_appsoft1 dl dt{ width:90%; height:30px; line-height:30px; color:#222; font-size:14px;font-weight:normal;}
.list_appsoft1 dl dd{ width:90%; height:auto; line-height:22px; font-size:12px; color:#888888;}
.service-wrap1 .txts .a{ overflow:hidden; margin-top:4px;}
.service-wrap1 .txts .a a{ float:left; width:138px; border-radius:26px; border:1px solid #9d9d9c; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#9d9d9c; position:relative;}
.service-wrap1 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap1 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico1_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap1 .txts .a a:hover:before{  width:100%;}
.service-wrap1 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap1.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap1.active .txts .a.fadeInUp{animation-delay:0.8s;}

.service-wrap2{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/appbj.jpg); color:#000; padding-top:10px;}
.service-wrap2 .txts{ float:right; width:100%; margin-top:20px;}
.service-wrap2 .biaoti{ font-size:18px; font-weight:bold; height:75px; background:url(../images/zhuanti2_ico1.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#fff;}
.service-wrap2 .biaoti span{ display:block; height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:normal;}
.service-wrap2 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px;color:#fff;opacity:0;filter:Alpha(opacity=0);}

.list_appsoft2{ width:100%; height:auto;}
.list_appsoft2 dl i img{ margin:6px; width:22%;}
.list_appsoft2 dl{ width:48%; float:left; margin: 1% 1% 1% 1%; border-radius:1em;  height:180px; text-align:center; }
.list_appsoft2 dl div{ width:100%; float:left; margin: 1% 1% 1% 1%; border-radius:1em;  height:180px; text-align:center;  background:#222;filter:alpha(Opacity=10); -moz-opacity:0.1; opacity: 0.1; position:relative; top:-90%; z-index:-100;}
.list_appsoft2 dl dt{ width:96%; height:30px; line-height:30px; color:#fff; font-size:14px;font-weight:normal; text-align:center; margin:auto; font-weight:bold;}
.list_appsoft2 dl dd{ width:80%; height:auto; line-height:18px; font-size:12px; color:#fff; text-align:center; margin:auto; overflow:hidden;}

.service-wrap2 .txts .a{ overflow:hidden; margin-top:4px;}
.service-wrap2 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #fff; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#fff; position:relative;}
.service-wrap2 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap2 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico2_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap2 .txts .a a:hover:before{  width:100%;}
.service-wrap2 .txts .a a:hover label{color:#fff;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap2.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap2.active .txts .a.fadeInUp{animation-delay:0.8s;}
.service-wrap2 .imgs{ float:left; width:100%; text-align:center;}
.service-wrap2 .imgs img{ position:relative; width:30%; margin-top:15%; text-align:center; display:none;}


.service-wrap3{ background-repeat:no-repeat; background-position:center center; background-size:cover; background:#ecebea; color:#fff; padding-top:40px;}
.service-wrap3 .imgs{ float:right; width:100%; text-align:center;}
.service-wrap3 .imgs img{ position:relative; width:50%; text-align:center;}
.service-wrap3.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap3 .txts{ float:left; width:100%; margin-top:20px;}
.service-wrap3 .txts h2{ font-size:18px; font-weight:bold; height:75px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#222222;}
.service-wrap3 .txts h2 span{ display:block; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#9d9d9c;}
.service-wrap3 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:4px; color:#9d9d9c;opacity:0;filter:Alpha(opacity=0);}
.list_appsoft3{ width:100%; height:auto;}
.list_appsoft3 dl{ width:48%; float:left; margin: 2% 2% 2% 0%;}
.list_appsoft3 dl dt{ width:90%; height:30px; line-height:30px; color:#222; font-size:16px;font-weight:normal;}
.list_appsoft3 dl dd{ width:90%; height:auto; line-height:22px; font-size:14px; color:#888888; overflow:hidden;}
.service-wrap3 .txts .a{ overflow:hidden; margin-top:24px;}
.service-wrap3 .txts .a a{ float:left; width:138px; border-radius:26px; border:1px solid #9d9d9c; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#9d9d9c; position:relative;}
.service-wrap3 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap3 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico1_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap3 .txts .a a:hover:before{  width:100%;}
.service-wrap3 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap3.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap3.active .txts .a.fadeInUp{animation-delay:0.8s;}

}

/*屏幕在1024px到1199之间（中屏幕电脑）*/ 
@media screen and (min-width: 1024px) and (max-width: 1199px){
.gy2{ width:92%; margin:auto;overflow:hidden; padding-top:30px;}
.service-wrap1{ background-repeat:no-repeat; background-position:center center; background-size:cover; background:#ecebea; color:#fff; padding-top:40px;}
.service-wrap1 .imgs{ float:right; width:100%; text-align:center;}
.service-wrap1 .imgs img{ position:relative; width:45%; text-align:center;}
.service-wrap1.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap1 .txts{ float:left; width:100%; margin-top:20px;}
.service-wrap1 .txts h2{ font-size:22px; font-weight:bold; height:75px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#222222;}
.service-wrap1 .txts h2 span{ display:block; height:40px; line-height:40px; font-size:18px; font-weight:normal; color:#9d9d9c;}
.service-wrap1 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px; color:#9d9d9c;opacity:0;filter:Alpha(opacity=0);}
.list_appsoft1{ width:100%; height:auto;}
.list_appsoft1 dl{ width:48%; float:left; margin: 2% 2% 2% 0%;}
.list_appsoft1 dl dt{ width:90%; height:30px; line-height:30px; color:#222; font-size:18px;font-weight:normal;}
.list_appsoft1 dl dd{ width:90%; height:auto; line-height:22px; font-size:16px; color:#888888;}
.service-wrap1 .txts .a{ overflow:hidden; margin-top:4px;}
.service-wrap1 .txts .a a{ float:left; width:138px; border-radius:26px; border:1px solid #9d9d9c; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#9d9d9c; position:relative;}
.service-wrap1 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap1 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico1_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap1 .txts .a a:hover:before{  width:100%;}
.service-wrap1 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap1.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap1.active .txts .a.fadeInUp{animation-delay:0.8s;}

.service-wrap2{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/appbj.jpg); color:#000; padding-top:60px;}
.service-wrap2 .txts{ float:right; width:100%; margin-top:10px;}
.service-wrap2 .biaoti{ font-size:22px; font-weight:bold; height:75px; background:url(../images/zhuanti2_ico1.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#fff;}
.service-wrap2 .biaoti span{ display:block; height:40px; line-height:40px; font-size:18px; color:#fff; font-weight:normal;}
.service-wrap2 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:44px;color:#fff;opacity:0;filter:Alpha(opacity=0);}

.list_appsoft2{ width:100%; height:auto;}
.list_appsoft2 dl i img{ margin:6px; width:26%;}
.list_appsoft2 dl{ width:31%; float:left; margin: 1% 1% 1% 1%; border-radius:1em;  height:180px; text-align:center; }
.list_appsoft2 dl div{ width:100%; float:left; margin: 1% 1% 1% 1%; border-radius:1em;  height:180px; text-align:center;  background:#222;filter:alpha(Opacity=10); -moz-opacity:0.1; opacity: 0.1; position:relative; top:-90%; z-index:-100;}
.list_appsoft2 dl dt{ width:96%; height:30px; line-height:30px; color:#fff; font-size:16px;font-weight:normal; text-align:center; margin:auto; font-weight:bold;}
.list_appsoft2 dl dd{ width:96%; height:auto; line-height:18px; font-size:12px; color:#fff; text-align:center; margin:auto;}

.service-wrap2 .txts .a{ overflow:hidden; margin-top:4px;}
.service-wrap2 .txts .a a{ float:left; width:188px; border-radius:26px; border:1px solid #fff; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#fff; position:relative;}
.service-wrap2 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap2 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico2_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap2 .txts .a a:hover:before{  width:100%;}
.service-wrap2 .txts .a a:hover label{color:#fff;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap2.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap2.active .txts .a.fadeInUp{animation-delay:0.8s;}
.service-wrap2 .imgs{ float:left; width:100%; text-align:center;}
.service-wrap2 .imgs img{ position:relative; width:35%; margin-top:6%; text-align:center;}


.service-wrap3{ background-repeat:no-repeat; background-position:center center; background-size:cover; background:#ecebea; color:#fff; padding-top:40px;}
.service-wrap3 .imgs{ float:right; width:100%; text-align:center;}
.service-wrap3 .imgs img{ position:relative; width:50%; text-align:center;}
.service-wrap3.active img.bounceInLeft{animation-delay:0.6s;}
.service-wrap3 .txts{ float:left; width:100%; margin-top:20px;}
.service-wrap3 .txts h2{ font-size:18px; font-weight:bold; height:75px; background:url(../images/zhanti_ico2.png) left bottom no-repeat;opacity:0;filter:Alpha(opacity=0); color:#222222;}
.service-wrap3 .txts h2 span{ display:block; height:40px; line-height:40px; font-size:16px; font-weight:normal; color:#9d9d9c;}
.service-wrap3 .txts .p{ line-height:30px; font-size:20px; overflow:hidden; margin-top:4px; color:#9d9d9c;opacity:0;filter:Alpha(opacity=0);}
.list_appsoft3{ width:100%; height:auto;}
.list_appsoft3 dl{ width:48%; float:left; margin: 2% 2% 2% 0%;}
.list_appsoft3 dl dt{ width:90%; height:30px; line-height:30px; color:#222; font-size:16px;font-weight:normal;}
.list_appsoft3 dl dd{ width:90%; height:auto; line-height:22px; font-size:14px; color:#888888;}
.service-wrap3 .txts .a{ overflow:hidden; margin-top:24px;}
.service-wrap3 .txts .a a{ float:left; width:138px; border-radius:26px; border:1px solid #9d9d9c; text-align:left; text-indent:30px; background:url(../images/zhanti_ico1.png) 138px center no-repeat; font-size:12px; height:36px; line-height:36px; color:#9d9d9c; position:relative;}
.service-wrap3 .txts .a a label{ display:block;  position:relative; cursor:pointer;}
.service-wrap3 .txts .a a:before{content: "";display: block;position: absolute;left: 0%;top: 0px;height:36px;  width:0;background:url(../images/zhanti_ico1_on.png) 138px center no-repeat;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border-radius:24px;}
.service-wrap3 .txts .a a:hover:before{  width:100%;}
.service-wrap3 .txts .a a:hover label{color:#027ffd;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.service-wrap3.active .txts .p.fadeInUp{animation-delay:0.5s;}
.service-wrap3.active .txts .a.fadeInUp{animation-delay:0.8s;}

}


/*屏幕大于1200排序（大屏幕电脑）*/
@media screen and (min-width: 1200px) and (max-width: 1365px){
.gy2{ width:92%; margin:auto;overflow:hidden; padding-top:30px;}
}