@charset "utf-8";

/*picshow*/

.picshow{width:100%;height:21.5rem;overflow:hidden;position:relative;}

.picshow img{width:100%;height:100%;}

.main_image{width:100%;height:21.5rem;overflow:hidden;margin:0 auto;position:relative;z-index:100;}

.main_image ul{width:9999px;height:21.5rem;overflow:hidden;position:absolute;top:0;left:0}

.main_image li{float:left;width:100%;height:21.5rem;}

.main_image li span{display:block;width:100%;height:21.5rem;}

.main_image li a{display:block;width:100%;height:21.5rem;}

div.flicking_con {width:100%;margin:0 auto;position:relative}

div.flicking_con .flicking_inner{position:absolute;bottom:-20.5rem;left:42%;text-align:center;height:12px;overflow:hidden;z-index:101;margin-left:-1.75rem;}

div.flicking_con a{float:left;width:9px;height:9px;margin:0 6px;padding:0;display:block;text-indent:-1000px;background:#fff;border-radius:100%}

div.flicking_con a.on{background:#e50000}

.main{width:100%;}

.step{width:100%;padding:1.5rem 3% 2rem 3%;border-bottom:1rem solid #f8f8f8}

.step li{float:left;padding:0 3%;width:50%;text-align:center;border-right:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6;}

.step li img{width:6.5rem;height:6.5rem;}

.step li:nth-child(2n){border-right:none;}

.step li:nth-child(3n){border-bottom:none;padding-top:1.5rem}

.step li:nth-child(4n){border-bottom:none;padding-top:1.5rem}

.step li p{overflow:hidden;color:#666;font-size:1.15rem;padding-top:0.2rem;padding-bottom:1.2rem}

.step li p strong{color:#333;font-size:1.3rem;font-family:Arial;}

.step li p span{display:block;position:relative;padding-top:0.3rem}

.step li p em{position:absolute;color:#333;font-size:1.2rem;top:0} 

.step li:nth-child(3n) p,.step li:nth-child(4n) p{padding-bottom:0}

.title{text-align:center;}

.title img{width:auto;height:1.8rem;}

.step2{width:100%;padding:2rem 3% 2rem 3%;border-bottom:1rem solid #f8f8f8}

.title h1{color:#333;font-size:1.8rem}

.title h1 span{display:block;color:#aaa;font-size:1.3rem;padding-top:0.2rem}

.step2 .step02{padding-top:1.5rem}

.step02 img{width:100%;height:auto}

.step2 p{color:#666;font-size:1.15rem;line-height:1.8rem;text-align:center;padding-top:0.5rem;text-indent: 2rem;}

.step2 .more{display:block;border:1px solid #ddd;text-align:center;color:#999;font-size:1.2rem;width:30%;margin:1.6rem auto 0 auto;height:2.8rem;line-height:2.9rem}

.step3{width:100%;padding:2rem 3% 2rem 3%;border-bottom:1rem solid #f8f8f8}

.step3 .box1 li{float:left;padding:0 1% 1.5rem 1%;width:50%;text-align:center;border-right:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6;}

.step3 .box1 li img{width:100%;height:auto}

.step3 .box1 li:nth-child(2n){border-right:none;}

.step3 h2 a{display:block;color:#333;font-size:1.25rem;margin-bottom:1rem}

.step3 .box1 li p{color:#999;font-size:1.15rem;line-height:1.8rem;}

.step3 .step03{padding-top:2rem}

.step3 .wz{padding:0 5%}

.step3 .wz em,.step3 .wz2 em{display:block;width:30px;background:#eee;height:5px;margin:1.2rem auto}

.step3 .box2 li{float:left;width:50%;border-right:1px solid #f6f6f6;padding-top:2rem}

.step3 .box2 li:nth-child(2n){border-right:none;}

.step3 .box2 li .tp{width:48%}

.step3 .box2 li img{width:100%;height:auto}

.step3 .box2 li .wz2{width:47%;color:#333;font-size:1.25rem;line-height:1.8rem;}

.step3 .wz2 em{margin:0 0 1.5rem 0}

.step4{width:100%;padding:2rem 3% 2rem 3%;border-bottom:1rem solid #f8f8f8}

.step5{width:100%;padding:2rem 3% 2rem 3%;border-bottom:1rem solid #f8f8f8}

.step5 .step05{position:relative;padding-top:2rem}

.step5 .flex-direction-nav a{width:3rem;height:5rem;margin-top:-1rem;display:block;position:absolute;top:50%;background-repeat:no-repeat;text-indent:-9000px;}

.step5 .flex-direction-nav a.flex-prev{left:0rem;background:url(../images/left.png) no-repeat left 0;background-size:auto 5rem}

.step5 .flex-direction-nav a.flex-next{right:0rem;background:url(../images/right.png) no-repeat right 0;background-size:auto 5rem}

.step5 .flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

	list-style-type: none;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.step5 .flexslider .slides img{width:100%;display:block;margin:0 auto;height:auto}

.flex-control-paging{display:none}

.step5 .flex-direction-nav{display:block}

.step5 li .wz{border:1px solid #ddd;border-top:none;text-align:center;padding:1rem 5%; height:18rem;}

.step5 li h3{color:#333;font-size:1.25rem;margin-bottom:0.5rem}

.step5 li p{color:#999;font-size:1.15rem;line-height:1.8rem;}

.step5 li .look{display:block;background:url(../images/more.png) no-repeat center 0;background-size:2.5rem 2.5rem;width:2.5rem;height:2.5rem;margin:1.5rem auto 1rem auto}

.step5 li:hover .look{display:block;background:url(../images/more2.png) no-repeat center 0;background-size:2.5rem 2.5rem;width:2.5rem;height:2.5rem;margin:1.5rem auto 1rem auto}

.step6{width:100%;padding:2rem 3% 5rem 3%;border-bottom:1rem solid #f8f8f8}

.step6 .slide{text-align:center;border:1px solid #bbb;padding:1rem 5%}

.step6 h4{color:#333;font-size:1.25rem;margin-bottom:0.7rem;padding-top:0.9rem}

.step6 p{color:#999;font-size:1.15rem;line-height:1.8rem;height:7.5rem;text-indent: 2rem;}

.step6 .slide .tp1{background:url(../images/ico.png) no-repeat;background-size:6.5rem 6.5rem;width:6.5rem;height:6.5rem;margin:1.2rem auto}

.step6 .slide:hover .tp1{background:url(../images/ico_1.png) no-repeat;background-size:6.5rem 6.5rem;width:6.5rem;height:6.5rem;margin:1.2rem auto}

.step6 .slide:hover{border:1px solid #e70000}

.step6 .slide .tp2{background:url(../images/ico2.png) no-repeat;background-size:6.5rem 6.5rem;width:6.5rem;height:6.5rem;margin:1.2rem auto}

.step6 .slide:hover .tp2{background:url(../images/ico_2.png) no-repeat;background-size:6.5rem 6.5rem;width:6.5rem;height:6.5rem;margin:1.2rem auto}

.step6 .slide .tp3{background:url(../images/ico3.png) no-repeat;background-size:6.5rem 6.5rem;width:6.5rem;height:6.5rem;margin:1.2rem auto}

.step6 .slide:hover .tp3{background:url(../images/ico_3.png) no-repeat;background-size:6.5rem 6.5rem;width:6.5rem;height:6.5rem;margin:1.2rem auto}

.step6 .slide .tp4{background:url(../images/ico4.png) no-repeat;background-size:6.5rem 6.5rem;width:6.5rem;height:6.5rem;margin:1.2rem auto}

.step6 .slide:hover .tp4{background:url(../images/ico_4.png) no-repeat;background-size:6.5rem 6.5rem;width:6.5rem;height:6.5rem;margin:1.2rem auto}

.step6 .slide .tp5{background:url(../images/ico5.png) no-repeat;background-size:6.5rem 6.5rem;width:6.5rem;height:6.5rem;margin:1.2rem auto}

.step6 .slide:hover .tp5{background:url(../images/ico_5.png) no-repeat;background-size:6.5rem 6.5rem;width:6.5rem;height:6.5rem;margin:1.2rem auto}

.step6 .step06{padding-top:0.5rem; padding-bottom:1rem; height:24.5rem;  box-sizing: border-box;}



.conbox .flex-direction-nav a{width:3rem;height:5rem;margin-top:-1rem;display:block;position:absolute;top:30%;background-repeat:no-repeat;text-indent:-9000px;}

.conbox .flex-direction-nav a.flex-prev{left:0rem;background:url(../images/left.png) no-repeat left 0;background-size:auto 5rem}

.conbox .flex-direction-nav a.flex-next{right:0rem;background:url(../images/right.png) no-repeat right 0;background-size:auto 5rem}

.conbox .flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

	list-style-type: none;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.conbox .flexslider .slides img{width:100%;display:block;margin:0 auto;height:auto}

.flex-control-paging{display:none}

.conbox .flex-direction-nav{display:block}

.conbox li .wz{border:1px solid #ddd;border-top:none;text-align:center;padding:1rem 5%}

.conbox li h3{color:#333;font-size:1.25rem;margin-bottom:0.5rem}

.conbox li p{color:#999;font-size:1.15rem;line-height:1.8rem;height:6rem}

.step4 .con{display:none;position:relative;margin-top:0.8rem}

.step4 .tab_title li{float:left;margin-right:1%;width:32.6%;text-align:center;height:2.8rem;line-height:2.8rem;margin-bottom:0.25rem}

.step4 .tab_title li:nth-child(3n){margin-right:0;}

.step4 .tab_title li a{display:block;background:#f6f6f6;color:#666;font-size:1.2rem;letter-spacing:-0.1rem}

.step4 .tab_title li a.on{color:#fff;background:#e70000}

.step4 .step04{padding-top:2rem}

.step4 .con iframe{height:27.5rem}

/*关于我们*/

.content{padding:2rem 0}

.about{padding:1rem 3%}

.about h2{color:#333;font-size:1.25rem;text-align:center;padding:0.8rem 0 1.2rem}

.about p{color:#666;font-size:1.15rem;line-height:1.8rem;}

.about p strong{color:#333;}

.about img{width:100%;height:auto;padding:0.5rem 0}

/*产品介绍*/

.nav{padding:0 3%}

.nav a{display:block;float:left;width:32.6%;margin-right:1%;background:#f6f6f6;height:2.8rem;line-height:2.8rem;text-align:center;color:#333;font-size:1.2rem;margin-bottom:0.4rem;letter-spacing:-0.1rem}

.nav a:nth-child(3n){margin-right:0;}

.nav a.move{color:#fff;background:#e40000}

.product{padding:1rem 3%}

.product li{float:left;margin:0 2%;width:46%;text-align:center;}

.product li img{width:100%;height:auto;}

.product li p{color:#333;font-size:1.15rem;line-height:1.8rem;letter-spacing:-0.1rem;padding:1rem 0}

.product .detail p{color:#666;font-size:1.15rem;line-height:1.8rem;}

.product .pp_list{padding:2rem 0}

.product2{padding:1rem 3%}

.product2 li{padding:2rem 0}

.product2 li img{width:100%;height:auto;}

.product2 li h2{color:#333;font-size:1.25rem;padding:0.7rem 0;font-weight:600}

.product2 li p{color:#666;font-size:1.15rem;line-height:1.8rem;}

.product3{padding:1rem 3%}

.product3 h2{text-align:center;color:#333;font-size:1.25rem;padding:1.2rem 0 0 0}

.product3 h3{text-align:center;color:#333;font-size:1.2rem;padding:1rem 0}

.product3 table{margin-bottom:1rem;border:1px solid #ddd;}

.product3 td{border-left:1px solid #ddd;height:100%;padding:0.5rem 1rem;line-height:2rem;color:#999;font-size:1.15rem;text-align:center;border-bottom:1px solid #ddd;}

.product3 td.td{background:#eee;color:#666;width:45%}

.product3 td.red{color:#fff;background:#e70000}

.product3 td span{color:#666;}

.product3 th{ border-bottom:1px solid #ddd; border-right:1px solid #ddd;}

/*合作模式*/

.ny_banner img{width:100%; height:16.5rem;}

.partner{padding:1rem 3%}

.partner li{padding-top:2.8rem;padding-bottom:0.3rem}

.partner li .tu{display:inline-block;float:left;width:24%;margin-right:3%}

.partner li .wz{overflow:hidden}

.partner li .tu img{width:100%;height:auto}

.partner li h2{color:#333;font-size:1.25rem;padding:0.3rem 0 0.55rem 0} 

.partner li p{color:#666;font-size:1.15rem;line-height:1.8rem;}

/*尖端技术*/

.technology{padding:2rem 3%}

.technology li{padding-bottom:1.2rem}

.technology li img{width:100%;height:auto;}

.technology li h2{color:#333;font-size:1.25rem;padding:0.55rem 0}

.technology li p{color:#666;font-size:1.15rem;line-height:1.8rem; text-indent:2rem;}

/*市场空间*/

.space{padding:2rem 3%}

.space .step{border-bottom:none}

.space .ss_list li{padding-top:1.5rem}

.space .ss_list li img{width:100%;height:auto}

.space .ss_list li h2{color:#333;font-size:1.25rem;padding:0.55rem 0}

.space .ss_list li p{color:#666;font-size:1.15rem;line-height:1.8rem;}

/*应用场景*/

.contain{padding:1.5rem 3%}

.contain h2{color:#333;font-size:1.25rem;padding:0.55rem 0 0.65rem 0}

.contain p{color:#666;font-size:1.15rem;line-height:1.8rem;}

.contain img{width:100%;height:auto}

.contain .images{padding-top:0.5rem}

/*联系我们*/

.contact{padding:2rem 3%}

.contact .way img{width:100%;height:auto}

.contact .way h2{color:#333;font-size:1.3rem;padding:0.8rem 0 1rem 0}

.contact .way p{color:#666;font-size:1.15rem;line-height:1.8rem;}

.contact h3{color:#333;font-size:1.25rem;padding:2rem 0 1rem 0}

@media screen and (max-width: 375px) {
	.step4 .tab_title li a,.nav a{font-size:1.05rem;letter-spacing:-0.15rem}
	.picshow{width:100%;height:19rem;overflow:hidden;position:relative;}
	.main_image{width:100%;height:19rem;overflow:hidden;margin:0 auto;position:relative;z-index:100;}
	.main_image ul{width:9999px;height:19rem;overflow:hidden;position:absolute;top:0;left:0}
	.main_image li{float:left;width:100%;height:19rem;}
	.main_image li span{display:block;width:100%;height:19rem;}
	.main_image li a{display:block;width:100%;height:19rem;}
	div.flicking_con .flicking_inner{bottom:-18rem;left:41.5%;}
	.conbox li p{height:7rem}
	.step4 .con iframe{height:27rem}
	.product3 td{padding:0.5rem}
	.nav a{margin-bottom:0.3rem}

	
}
@media screen and (max-width: 320px) {
	.step4 .tab_title li a,.nav a{font-size:0.9rem;letter-spacing:-0.15rem}
	.picshow{width:100%;height:18rem;overflow:hidden;position:relative;}
	.main_image{width:100%;height:18rem;overflow:hidden;margin:0 auto;position:relative;z-index:100;}
	.main_image ul{width:9999px;height:18rem;overflow:hidden;position:absolute;top:0;left:0}
	.main_image li{float:left;width:100%;height:18rem;}
	.main_image li span{display:block;width:100%;height:18rem;}
	.main_image li a{display:block;width:100%;height:18rem;}
	div.flicking_con .flicking_inner{bottom:-17rem;left:40%;}
	.step4 .con iframe{height:25rem;}
	.conbox .flexslider .slides > li .box{width:300px}
	.step6 p{height:9rem}
	.nav a{margin-bottom:0.3rem}
	
}
.product_cent img{ width:100%; height:auto }