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

.footer dl{ margin-left:5em;}
.footer dl:last-child{ margin-right:-2em;}
.footer dl dt{ min-width:7em;}

.pages li.disabled span{ color:#999; background:none; border:0; margin:0;}
.pages li.disabled:first-child span{ background:#f2f2f2; border:1px solid #f2f2f2;}

.main .attr h2.title{ overflow:hidden;}

.box1 .txt{ margin-top:-1.5em;}
.box1 a.view{ display:block; width:8.5em; line-height:2.75; color:#fff; font-size:14px; text-align:center; background:#6eb92b; border-radius:1.5em; transition:transform ease 1s, background ease 0.4s; margin:2.5em 0 -1em;}
.box1 a.view:hover{ background:#148cc2;}

.shadow{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:9998; opacity:0; visibility:hidden; transition:all ease 0.2s;}
.shadow.show{ opacity:1; visibility:visible;}
.picShow{ position:fixed; left:50vw; top:50%; top:0; transform:translate(-50%,0); z-index:9999; opacity:0; visibility:hidden;}
.picShow.show{ opacity:1; visibility:visible;}
.picShow .pic{ display:flex; justify-content:center; align-items:center; width:80vw; height:80vh; height/:750px; max-height/:82vh; width:90vw; height:100vh; background-size:contain !important; background-position:center; background-repeat:no-repeat; transform:scale(0.8); opacity:0; transition:all ease 0.4s;}
.picShow .pic img{ display:block; max-width:100%; max-height:100%;}
.picShow.show .pic{ transform:scale(1); opacity:1;}
.picShow a.close{ width:24px; height:24px; background:url(../png/close.png) center no-repeat; background-size:contain; position:absolute; left:100%; bottom/:100%; top:2%; cursor:pointer;}

.jishu1 ul li p.step em{ height:1.8em; overflow:hidden; padding-left:2.05em;}
.jishu1 ul li p.step em img{ width:1.8em; margin-left:-2.05em;}
.jishu1 ul li p.step em font{ display:block; overflow:hidden;}
.jishu1 ul li p.step em.on font{ transform:translateY(-50%); transition:all ease 0.4s;}

.jishu1 ul li p.step{ padding:0 1em; color:#333;}
.jishu1 ul li i{ border-width:0 12px 10px; margin:1.25em auto;}
.jishu1 ul li p.info{ margin:0 0.875em;}

.jishu1 ul li p.step em{ line-height:1.59; font-size:1.0625em; height:1.59em; padding-left:2em;}
.jishu1 ul li p.step em img{ width:1.588em; height:1.588em; margin-left:-2em; margin-right:0.412em;}

.jishu1 ul li h4 img{ display:inline-block; vertical-align:top; height:2.5em;}
.jishu1 ul li h4 font{ display:inline-block; vertical-align:top; width:1px; height:1.3em; background:#fff; margin:0.6em 0.75em 0; opacity:0.6;}

.solution44{ background:url(../jpg/slt_bg44.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.solution44 h2.title{ padding-bottom:0 !important;}
.solution44 img.pc{ display:block; width:100%;}
.solution44 img.wap{ display:none; width:100%;}

.solution45{ background:url(../jpg/slt_bg45.jpg) center no-repeat; background-size:cover; padding:0 0 60px; margin:60px 0 0;}
.solution45 .txt{ line-height:2.25; color:#333; font-size:16px; text-align:center; overflow:hidden; margin:-1.5em 0 2em;}
.solution45 dl{ display:block; font-size:16px; overflow:hidden;}
.solution45 dl dt{ display:block; width:42%; box-sizing:border-box; padding:0 1.875em; overflow:hidden; float:left; margin:0 29% -14.875em;}
.solution45 dl dt em{ display:block; width:16.5em; height:16.5em; margin:1.875em auto; position:relative;}
.solution45 dl dt em::before,
.solution45 dl dt em::after{ content:''; display:block; width:100%; height:100%; background:rgba(0,117,187,0.07); border-radius:50%; position:absolute; top:0; left:0; z-index:1; animation:playBtn999 2s linear infinite; opacity:0;}
.solution45 dl dt em::after{ animation-delay:1s;}
.solution45 dl dt em img{ display:block; width:16.5em; height:16.5em; margin:0 auto; position:relative; z-index:3;}
@keyframes playBtn999{
	0%{ opacity:0; transform:scale(1);}
	20%{ opacity:1;}
	80%{ opacity:1;}
	100%{ opacity:0; transform:scale(1.25);}
}
.solution45 dl dd{ display:block; width:29%; padding:1.75em 0;}
.solution45 dl dd:nth-child(2),
.solution45 dl dd:nth-child(4){ float:left; margin-right:21%;}
.solution45 dl dd:nth-child(3),
.solution45 dl dd:nth-child(5){ float:right; margin-left:21%;}
.solution45 dl dd:nth-child(6){ float:left; margin:0 35.5%;}
.solution45 dl dd a{ display:block; line-height:2.72; color:#0075bb; font-size:1.375em; text-align:center; border:2px solid #0075bb; border-radius:1.5em;}


@media only screen and (min-width:1025px){
.jishu2 .zhishi{ margin:0;}
.jishu2 .zhishi>.swiper-pagination{ padding:0 0 50px;}

.jishu3{ padding:0 0 80px;}
.jishu3 ul li a{ margin-top:8px; margin-bottom:36px;}

.product2{ padding:20px 0 120px;}

.product3{ padding:20px 0 120px;}

.guwen ul li a{ padding:2.5em 2em 3.5em;}

.honor .swiper-slide a.box em,
.honor .swiper-slide-active a.box img{ height:360px;}
.honor .swiper-slide-active a.box img{ cursor:pointer;}
}

@media only screen and (max-width:768px){
.box1 a.view{ margin:1.2em 0 1em;}

.jishu1 ul{ margin-bottom:-16px;}
.jishu1 ul li{ padding:0 0 24px;}
.jishu1 ul li i{ margin:0.75em auto;}
.jishu1 ul li p.info{ margin:0 0.5em;}
.jishu1 ul li p.step{ padding:0 0.5em;}
.jishu1 ul li p.step em{ font-size:1em;}

.picShow{ top:5%;}
.picShow .pic{ width:100vw; height:90vh;}
.picShow a.close{ top:auto; bottom:100%; left:auto; right:3%; margin-bottom:-6px;}

.box2 dl{ margin:0 -12px; padding:0 12px;}

.solution44{ padding:0 0 40px;}
.solution44 img.pc{ display:none;}
.solution44 img.wap{ display:block;}

.solution45{ margin:0; padding:0 0 40px;}
.solution45 .txt{ font-size:13px; margin:-0.5em 0 1em;}
.solution45 dl{ font-size:14px;}
.solution45 dl dt{ margin-bottom:0; padding:0 0 0.5em; margin:0; width:100%;}
.solution45 dl dt em{ width:42%; height:auto; margin:5.25% auto;}
.solution45 dl dt em img{ width:100%; height:auto;}
.solution45 dl dd{ width:48%; padding:0.5em 0;}
.solution45 dl dd:nth-child(2),
.solution45 dl dd:nth-child(4){ margin-right:2%;}
.solution45 dl dd:nth-child(3),
.solution45 dl dd:nth-child(5){ margin-left:2%;}
.solution45 dl dd:nth-child(6){ margin:0 26%;}
.solution45 dl dd a{ font-size:1em; border-width:1px;}

}


















/**/