@charset "utf-8";
/* CSS Document */

/*核心技术*/
.jishu1{ padding:0 0 80px;}
.jishu1 .attr>img{ display:block; width:100%;}
.jishu1 img.pc{ display:block;}
.jishu1 img.wap{ display:none;}
.jishu1 ul{ display:flex; justify-content:space-between; font-size:16px; overflow:hidden;}
.jishu1 ul li{ display:block; width:406px; flex-shrink:0; box-sizing:border-box;}
.jishu1 ul li p.step{ display:flex; justify-content:space-evenly; align-items:center; width:100%; height:4.375em; padding:0 2.5em 0 4em; background-size:100% 100% !important; box-sizing:border-box;}
.jishu1 ul li:nth-child(1) p.step{ background:url(../png/js01.png) center no-repeat;}
.jishu1 ul li:nth-child(2) p.step{ background:url(../png/js02.png) center no-repeat;}
.jishu1 ul li:nth-child(3) p.step{ background:url(../png/js03.png) center no-repeat;}
.jishu1 ul li p.step em{ display:block; line-height:1.8; font-size:0.9375em; cursor:pointer;}
.jishu1 ul li p.step em img{ display:block; height:1.8em; float:left; margin-right:0.25em;}
.jishu1 ul li p.step em.on{ font-weight:bold;}
.jishu1 ul li:nth-child(1) p.step em.on{ color:#72bf44;}
.jishu1 ul li:nth-child(2) p.step em.on{ color:#30beb8;}
.jishu1 ul li:nth-child(3) p.step em.on{ color:#007dbe;}
.jishu1 ul li i{ display:block; width:0; height:0; border:1px solid #fff; border-width:10px 12px 0; opacity:0.4; margin:1em auto 1.5em;}
.jishu1 ul li:nth-child(1) i{ border-color:#c1e8ae transparent;}
.jishu1 ul li:nth-child(2) i{ border-color:#b0ede1 transparent;}
.jishu1 ul li:nth-child(3) i{ border-color:#97c5ec transparent;}
.jishu1 ul li h4{ display:block; line-height:2.5; color:#fff; font-size:1.25em; text-align:center; border-radius:1.25em; margin:0 3em -0.6em; position:relative;}
.jishu1 ul li:nth-child(1) h4{ background:#72bf44;}
.jishu1 ul li:nth-child(2) h4{ background:#30beb8;}
.jishu1 ul li:nth-child(3) h4{ background:#007dbe;}
.jishu1 ul li p.info{ display:block; min-height:25em; padding:1.625em 2em 0; box-sizing:border-box; border:2px solid #fff; border-radius:0.625em; margin:0 1.5em;}
.jishu1 ul li:nth-child(1) p.info{ border-color:#dbecce;}
.jishu1 ul li:nth-child(2) p.info{ border-color:#d1ebe6;}
.jishu1 ul li:nth-child(3) p.info{ border-color:#bcd4e9;}
.jishu1 ul li p.info span{ display:block; line-height:1.6; color:#666; font-size:0.9375em; padding:0.86em 0; padding-left:2.6em; background-size:1.8em auto !important; cursor:pointer;}
.jishu1 ul li p.info span.tag11{ background:url(../png/js11.png) left center no-repeat;}
.jishu1 ul li p.info span.tag12{ background:url(../png/js12.png) left center no-repeat;}
.jishu1 ul li p.info span.tag13{ background:url(../png/js13.png) left center no-repeat;}
.jishu1 ul li p.info span.tag21{ background:url(../png/js21.png) left center no-repeat;}
.jishu1 ul li p.info span.tag22{ background:url(../png/js22.png) left center no-repeat;}
.jishu1 ul li p.info span.tag23{ background:url(../png/js23.png) left center no-repeat;}
.jishu1 ul li p.info span.tag31{ background:url(../png/js31.png) left center no-repeat;}
.jishu1 ul li p.info span.tag32{ background:url(../png/js32.png) left center no-repeat;}
.jishu1 ul li:nth-child(1) p.info span:hover{ color:#72bf44;}
.jishu1 ul li:nth-child(2) p.info span:hover{ color:#30beb8;}
.jishu1 ul li:nth-child(3) p.info span:hover{ color:#007dbe;}

.jishu2{ background:url(../jpg/js_bg2.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.jishu2 .zhishi{ font-size:16px; overflow:visible; margin:-20px 0 0;}
.jishu2 .zhishi>.swiper-pagination{ width:auto; text-align:center; position:static; padding:0 0 20px;}
.jishu2 .zhishi>.swiper-pagination span.swiper-pagination-bullet{ width:11.33em; height:auto; line-height:2.77; color:#fff; font-size:1.125em; background:#bdd3dd; border-radius:1.385em; opacity:1; margin:0 1em; position:relative;}
.jishu2 .zhishi>.swiper-pagination span.swiper-pagination-bullet-active{ font-weight:bold; background:#6eb92b;}
.jishu2 .inner{ visibility:hidden; position:relative;}
.jishu2 .inner.swiper-slide-active{ visibility:visible;}
.jishu2 .inner .swiper-slide{ position:relative; cursor:pointer; pointer-events:auto;}
.jishu2 .inner .swiper-slide a{ display:block; overflow:hidden; position:relative; box-shadow:0 0 16px rgba(147,147,147,0.2); margin:16px 0;}
.jishu2 .inner .swiper-slide a img{ display:block; width:100%; transition:all ease 0.4s;}
.jishu2 .inner .swiper-button-prev,
.jishu2 .inner .swiper-button-next{ width:66px; height:66px; border:1px dashed #0f94d0; border-radius:50%; margin-top:-33px; background-size:contain !important; top:50%;}
.jishu2 .inner .swiper-button-prev{ background:url(../png/prev3.png) center no-repeat; left:-110px;}
.jishu2 .inner .swiper-button-next{ background:url(../png/next3.png) center no-repeat; right:-110px;}
.jishu2 .inner .swiper-button-prev:hover,
.jishu2 .inner .swiper-button-next:hover{ border-style:solid; border-color:#6eb92b; background-color:#6eb92b;}
.jishu2 .inner .swiper-button-prev:hover{ background-image:url(../png/prev3_h.png);}
.jishu2 .inner .swiper-button-next:hover{ background-image:url(../png/next3_h.png);}

.jishu3{ background:url(../jpg/js_bg3.jpg) center no-repeat; background-size:cover; padding:0 0 70px;}
.jishu3 h2.title em{ color:#fff !important;}
.jishu3 h2.title span{ color:#fff !important;}
.jishu3 h2.title i{ background:#fff !important;}
.jishu3 ul{ display:block; font-size:16px; margin:0 -18px;}
.jishu3 ul::before,
.jishu3 ul::after{ content:''; display:block; width:100%; height:0; overflow:hidden; clear:both;}
.jishu3 ul li{ display:block; width:50%; float:left;}
.jishu3 ul li a{ display:block; background:#fff; overflow:hidden; border-radius:0.5em; margin:0 18px 28px; box-shadow:0 4px 16px rgba(0,0,0,0.2);}
.jishu3 ul li a img{ display:block; height:6.25em; float:left;}
.jishu3 ul li a p{ display:block; height:6.25em; overflow:hidden; padding:0 1.875em;}
.jishu3 ul li a p span{ display:block; line-height:1.875; color:#444; margin:3.125em 0 -3.125em; transform:translateY(-50%);}

.jishu4{ background:#eaf5fa; padding:0 0 80px;}
.jishu4 ul{ display:block; font-size:20px;}
.jishu4 ul::before,
.jishu4 ul::after{ content:''; display:block; width:100%; height:0; overflow:hidden; clear:both;}
.jishu4 ul li{ display:block; width:33.33%; float:left;}
.jishu4 ul li a{ display:block; overflow:hidden;}
.jishu4 ul li a em{ display:block; background:url(../png/bg_ico.png) center no-repeat; background-size:auto 100%; transition:all ease 0.4s;}
.jishu4 ul li a img{ display:block; height:9.1em; margin:0 auto;}
.jishu4 ul li a p{ display:block; max-width:16em; line-height:1.7; color:#555; text-align:center; padding:1.2em 0 0; margin:0 auto; transition:all ease 0.4s;}
.jishu4 ul li a:hover em{ background-image:url(../png/bz_h.png);}
.jishu4 ul li a:hover p{ color:#6eb92b;}

.jishu5{ background:linear-gradient(#fff, #fbfbfd); padding:0 0 80px;}
.paper{ font-size:16px; position:relative;}
.paper .swiper-container{}
.paper .swiper-slide{ position:relative; cursor:pointer; pointer-events:auto;}
.paper .swiper-slide a{ display:block; border:1px solid #ddd; overflow:hidden; position:relative; transition:all ease 0.4s; transform:scale(0.68);}
.paper .swiper-slide a img{ display:block; width:100%; margin:0 auto;}
.paper .swiper-slide-active a{ transform:scale(1);}
.paper .swiper-button-prev,
.paper .swiper-button-next{ width:66px; height:66px; border:1px dashed #0f94d0; border-radius:50%; margin-top:-33px; background-size:contain !important; top:50%;}
.paper .swiper-button-prev{ background:url(../png/prev3.png) center no-repeat; left:-110px;}
.paper .swiper-button-next{ background:url(../png/next3.png) center no-repeat; right:-110px;}
.paper .swiper-button-prev:hover,
.paper .swiper-button-next:hover{ border-style:solid; border-color:#6eb92b; background-color:#6eb92b;}
.paper .swiper-button-prev:hover{ background-image:url(../png/prev3_h.png);}
.paper .swiper-button-next:hover{ background-image:url(../png/next3_h.png);}



@media only screen and (max-width:1575px){
.jishu2 .inner{ padding:0 0 90px;}
.jishu2 .inner .swiper-button-prev,
.jishu2 .inner .swiper-button-next{ top:auto; bottom:0;}
.jishu2 .inner .swiper-button-prev{ left:50%; margin-left:-90px;}
.jishu2 .inner .swiper-button-next{ right:50%; margin-right:-90px;}

.paper{ padding:0 0 100px;}
.paper .swiper-button-prev,
.paper .swiper-button-next{ top:auto; bottom:0;}
.paper .swiper-button-prev{ left:50%; margin-left:-90px;}
.paper .swiper-button-next{ right:50%; margin-right:-90px;}
}



@media only screen and (max-width:768px){
.main ul.menu li{ width:20%;}

.jishu1{ padding:0 0 40px;}
.jishu1 img.pc{ display:none;}
.jishu1 img.wap{ display:block;}
.jishu1 ul{ display:block; font-size:15px; margin:0 0 -10px;}
.jishu1 ul li{ width:22.4em; margin:0 auto; padding:0 0 20px;}
.jishu1 ul li p.step{ height:3.86em; padding:0 1em 0 3em;}
.jishu1 ul li i{ margin:0.75em auto;}
.jishu1 ul li h4{ font-size:1.125em;}
.jishu1 ul li p.info{ min-height:0; padding:1em 1.5em; margin:0 1em;}

.jishu2{ padding:0 0 40px;}
.jishu2 .zhishi{ font-size:14px; margin:0 10px 0;}
.jishu2 .zhishi>.swiper-pagination{ padding:0 0 10px;}
.jishu2 .zhishi>.swiper-pagination span.swiper-pagination-bullet{ font-size:1em; width:9em;}
.jishu2 .inner{ padding:0 0 60px;}
.jishu2 .inner .swiper-button-prev,
.jishu2 .inner .swiper-button-next{ width:40px; height:40px;}
.jishu2 .inner .swiper-button-prev{ margin-left:-60px;}
.jishu2 .inner .swiper-button-next{ margin-right:-60px;}

.jishu3{ padding:0 0 40px;}
.jishu3 ul{ font-size:13px; margin:0;}
.jishu3 ul li{ width:100%;}
.jishu3 ul li a{ margin:0 0 12px;}
.jishu3 ul li a img{ height:6em;}
.jishu3 ul li a p{ height:6em; padding:0 0.75em;}
.jishu3 ul li a p span{ line-height:1.65; margin:3em 0 -3em;}

.jishu4{ padding:0 0 40px;}
.jishu4 ul{ font-size:12px;}
.jishu4 ul li{ width/:100%;}
.jishu4 ul li a img{ height:5em;}
.jishu4 ul li a p{ padding:0.8em 0.5em 0;}
.jishu4 ul li a p br{ display:none;}

.jishu5{ padding:0 0 40px;}
.paper{ margin:0 20px; padding:0 0 70px;}
.paper .swiper-slide a{ transform:scale(1);}
.paper .swiper-button-prev,
.paper .swiper-button-next{ width:40px; height:40px;}
.paper .swiper-button-prev{ margin-left:-60px;}
.paper .swiper-button-next{ margin-right:-60px;}
}











/**/