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

.box2 dl dt a{ display:block; width:302px; height:280px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.box2 dl dd.wap{ display:none;}

.solution13 dl.pro dd p span.wap{ display:none;}
.solution13 a.btn{ display:none;}

.mjs1{ display:none;}

.solution43 .yingyong{ display:none;}

.fangan{ display:none;}

.jikong{ display:none;}

@media only screen and (max-width: 768px){
.box2 dl dd.wap{ display:block;}
.box2 dl dt{ display:none;}

.about1 a.open{ font-size:14px; color:#fff; width:120px; line-height:38px; border-radius:19px; text-align:center; background:#6eb92b; margin:1.2em 0 1em; float:none;}
.about1 a.open::after{ content:'查看详情>>';}
.about1 a.open.show::after{ content:'点击收起 ↑';}

.main ul.newsList li{ border-color:#555; padding:28px 0 20px;}
.main ul.newsList li .txt{ border-color:#ddd;}

.solution13 dl.pro dd p span.wap{ display:block;}
.solution13 dl.pro dd p span.wap ~ span{ display:none;}
.solution13 dl.pro dd.open p span.wap{ display:none;}
.solution13 dl.pro dd.open p span.wap ~ span{ display:block;}
.solution13 a.btn{ display:block; width:104px; line-height:34px; color:#fff; font-size:13px; text-align:center; background:#6eb92b; border-radius:17px; margin:1em auto 0;}
.solution13 a.btn::after{ content:'查看更多>>';}
.solution13 a.btn.show::after{ content:'点击收起 ↑';}

.jishu1 ul{ display:none;}
.mjs1{ display:block; width:336px; font-size:15px; position:relative; margin:0 auto; padding:0 0 64px;}
.mjs1 .swiper-slide{ display:block;}
.mjs1 .swiper-slide p.step{ display:flex; justify-content:space-evenly; align-items:center; width:100%; height:3.86em; padding:0 0.5em; background-size:100% 100% !important; box-sizing:border-box;}
.mjs1 .swiper-slide.s1 p.step{ background:url(../png/js01.png) center no-repeat;}
.mjs1 .swiper-slide.s2 p.step{ background:url(../png/js02.png) center no-repeat;}
.mjs1 .swiper-slide.s3 p.step{ background:url(../png/js03.png) center no-repeat;}
.mjs1 .swiper-slide p.step em{ display:block; overflow:hidden; cursor:pointer; line-height:1.59; font-size:1.0625em; font-size:1em; height:1.59em; padding-left:2em;}
.mjs1 .swiper-slide p.step em img{ display:block; float:left; width:1.588em; height:1.588em; margin-left:-2em; margin-right:0.412em;}
.mjs1 .swiper-slide p.step em font{ display:block; overflow:hidden;}
.mjs1 .swiper-slide p.step em.on{ font-weight:bold;}
.mjs1 .swiper-slide p.step em.on font{ transform:translateY(-50%); transition:all ease 0.4s;}
.mjs1 .swiper-slide.s1 p.step em.on{ color:#72bf44;}
.mjs1 .swiper-slide.s2 p.step em.on{ color:#30beb8;}
.mjs1 .swiper-slide.s3 p.step em.on{ color:#007dbe;}
.mjs1 .swiper-slide i{ display:block; width:0; height:0; border:1px solid #fff; border-width:10px 12px 0; opacity:0.4; margin:0.75em auto;}
.mjs1 .swiper-slide.s1 i{ border-color:#c1e8ae transparent;}
.mjs1 .swiper-slide.s2 i{ border-color:#b0ede1 transparent;}
.mjs1 .swiper-slide.s3 i{ border-color:#97c5ec transparent;}
.mjs1 .swiper-slide h4{ display:block; line-height:2.5; color:#fff; font-size:1.125em; text-align:center; border-radius:1.25em; margin:0 3em -0.6em; position:relative;}
.mjs1 .swiper-slide.s1 h4{ background:#72bf44;}
.mjs1 .swiper-slide.s2 h4{ background:#30beb8;}
.mjs1 .swiper-slide.s3 h4{ background:#007dbe;}
.mjs1 .swiper-slide h4 img{ display:inline-block; vertical-align:top; height:2.5em;}
.mjs1 .swiper-slide h4 font{ display:inline-block; vertical-align:top; width:1px; height:1.3em; background:#fff; margin:0.6em 0.75em 0; opacity:0.6;}
.mjs1 .swiper-slide p.info{ display:block; padding:1em 1.5em; box-sizing:border-box; border:2px solid #fff; border-radius:0.625em; margin:0 0.5em; height:352px;}
.mjs1 .swiper-slide.s1 p.info{ border-color:#dbecce;}
.mjs1 .swiper-slide.s2 p.info{ border-color:#d1ebe6;}
.mjs1 .swiper-slide.s3 p.info{ border-color:#bcd4e9;}
.mjs1 .swiper-slide 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;}
.mjs1 .swiper-slide.s1 p.info span{}
.mjs1 .swiper-slide.s2 p.info span{ margin:5px 0 12px;}
.mjs1 .swiper-slide.s3 p.info span{ margin:4px 0 8px;}
.mjs1 .swiper-slide p.info span.tag11{ background:url(../png/js11.png) left center no-repeat;}
.mjs1 .swiper-slide p.info span.tag12{ background:url(../png/js12.png) left center no-repeat;}
.mjs1 .swiper-slide p.info span.tag13{ background:url(../png/js13.png) left center no-repeat;}
.mjs1 .swiper-slide p.info span.tag21{ background:url(../png/js21.png) left center no-repeat;}
.mjs1 .swiper-slide p.info span.tag22{ background:url(../png/js22.png) left center no-repeat;}
.mjs1 .swiper-slide p.info span.tag23{ background:url(../png/js23.png) left center no-repeat;}
.mjs1 .swiper-slide p.info span.tag31{ background:url(../png/js31.png) left center no-repeat;}
.mjs1 .swiper-slide p.info span.tag32{ background:url(../png/js32.png) left center no-repeat;}
.mjs1 .swiper-slide.s1 p.info span:hover{ color:#72bf44;}
.mjs1 .swiper-slide.s2 p.info span:hover{ color:#30beb8;}
.mjs1 .swiper-slide.s3 p.info span:hover{ color:#007dbe;}
.mjs1 .swiper-button-prev,
.mjs1 .swiper-button-next{ width:40px; height:40px; border:1px dashed #0f94d0; border-radius:50%; margin-top:-33px; background-size:contain !important; top:auto; bottom:0;}
.mjs1 .swiper-button-prev{ background:url(../png/prev3.png) center no-repeat; left:50%; margin-left:-60px;}
.mjs1 .swiper-button-next{ background:url(../png/next3.png) center no-repeat; right:50%; margin-right:-60px;}
.mjs1 .swiper-button-prev:hover,
.mjs1 .swiper-button-next:hover{ border-style:solid; border-color:#6eb92b; background-color:#6eb92b;}
.mjs1 .swiper-button-prev:hover{ background-image:url(../png/prev3_h.png);}
.mjs1 .swiper-button-next:hover{ background-image:url(../png/next3_h.png);}

.solution43 p.tab{ display:none;}
.solution43 .tbox{ display:none !important;}

.solution43 .yingyong{ display:block; font-size:14px; overflow:visible;}
.solution43 .yingyong>.swiper-wrapper{ height:auto !important;}
.solution43 .yingyong>.swiper-pagination{ width:auto; text-align:center; position:static; padding:0 0 20px;}
.solution43 .yingyong>.swiper-pagination span.swiper-pagination-bullet{ width:98px; height:auto; line-height:35px; color:#fff; background:#bdd3dd; border-radius:18px; opacity:1; margin:0 4px; position:relative;}
.solution43 .yingyong>.swiper-pagination span.swiper-pagination-bullet-active{ background:#6eb92b;}
.solution43 .inner{ visibility:hidden; position:relative; padding:0 0 60px; z-index:1; opacity:0; transition:all ease 0.4s;}
.solution43 .inner.swiper-slide-active{ visibility:visible; z-index:3; opacity:1;}
.solution43 .inner .swiper-slide{ position:relative; cursor:pointer; pointer-events:auto;}
.solution43 .inner .swiper-slide a{ display:block; overflow:hidden; position:relative;}
.solution43 .inner .swiper-slide a img{ display:block; width:100%; transition:all ease 0.4s; margin:0 0 2px;}
.solution43 .inner .swiper-button-prev,
.solution43 .inner .swiper-button-next{ width:40px; height:40px; border:1px dashed #0f94d0; border-radius:50%; background-size:contain !important; top:auto; bottom:0;}
.solution43 .inner .swiper-button-prev{ background:url(../png/prev3.png) center no-repeat; left:50%; margin-left:-60px;}
.solution43 .inner .swiper-button-next{ background:url(../png/next3.png) center no-repeat; right:50%; margin-right:-60px;}
.solution43 .inner .swiper-button-prev:hover,
.solution43 .inner .swiper-button-next:hover{ border-style:solid; border-color:#6eb92b; background-color:#6eb92b;}
.solution43 .inner .swiper-button-prev:hover{ background-image:url(../png/prev3_h.png);}
.solution43 .inner .swiper-button-next:hover{ background-image:url(../png/next3_h.png);}

.fangan{ display:block; font-size:14px; position:relative; margin:0 0 4px; padding:0 0 50px;}
.fangan .swiper-container{ width:640px; margin:0 0 2px 50%; transform:translateX(-50%); overflow:visible;}
.fangan .swiper-slide{ width:200px; position:relative; cursor:pointer; pointer-events:auto;}
.fangan .swiper-slide a{ display:block; overflow:hidden;}
.fangan .swiper-slide a img{ display:block; width:100%;}
.fangan .swiper-pagination{ height:4px; left:50%; bottom:20px; transform:translate(-50%,50%);}
.fangan .swiper-pagination-bullet{ vertical-align:top; width:12px; height:4px; background:#148cc2; border-radius:0; margin:0 2px !important; opacity:1;}
.fangan .swiper-pagination-bullet-active{ background:#70b344;}
.fangan .swiper-button-prev,
.fangan .swiper-button-next{ width:40px; height:40px; border:1px dashed #0f94d0; border-radius:50%; top:auto; bottom:0; margin-top:0; background-size:contain !important;}
.fangan .swiper-button-prev{ background:url(../png/prev3.png) center no-repeat; left:50%; margin-left:-100px;}
.fangan .swiper-button-next{ background:url(../png/next3.png) center no-repeat; right:50%; margin-right:-100px;}
.fangan .swiper-button-prev:hover,
.fangan .swiper-button-next:hover{ border-style:solid; border-color:#6eb92b; background-color:#6eb92b;}
.fangan .swiper-button-prev:hover{ background-image:url(../png/prev3_h.png);}
.fangan .swiper-button-next:hover{ background-image:url(../png/next3_h.png);}

.jikong{ display:block; font-size:14px; position:relative; margin:0 0 12px; padding:0 0 60px;}
.jikong .swiper-container{ width:640px; margin:0 0 0 50%; transform:translateX(-50%); overflow:visible;}
.jikong .swiper-slide{ width:200px; position:relative; cursor:pointer; pointer-events:auto;}
.jikong .swiper-slide a{ display:block; overflow:hidden;}
.jikong .swiper-slide a img{ display:block; width:100%;}
.jikong .swiper-pagination{ height:4px; left:50%; bottom:20px; transform:translate(-50%,50%);}
.jikong .swiper-pagination-bullet{ vertical-align:top; width:12px; height:4px; background:#148cc2; border-radius:0; margin:0 2px !important; opacity:1;}
.jikong .swiper-pagination-bullet-active{ background:#70b344;}
.jikong .swiper-button-prev,
.jikong .swiper-button-next{ width:40px; height:40px; border:1px dashed #0f94d0; border-radius:50%; top:auto; bottom:0; margin-top:0; background-size:contain !important;}
.jikong .swiper-button-prev{ background:url(../png/prev3.png) center no-repeat; left:50%; margin-left:-100px;}
.jikong .swiper-button-next{ background:url(../png/next3.png) center no-repeat; right:50%; margin-right:-100px;}
.jikong .swiper-button-prev:hover,
.jikong .swiper-button-next:hover{ border-style:solid; border-color:#6eb92b; background-color:#6eb92b;}
.jikong .swiper-button-prev:hover{ background-image:url(../png/prev3_h.png);}
.jikong .swiper-button-next:hover{ background-image:url(../png/next3_h.png);}











}