@charset "utf-8";
/*格式化样式*/
img {vertical-align:bottom;width:auto;max-width:100%;}
.align-center {text-align:center;}
.align-right {text-align:right;}

/*行业应用广泛*/
.ind-applicationbox {padding:10px;background:#F5F5F5}
.titles {padding:20px 0 30px;max-width:1200px;margin:0 auto;overflow:hidden;}
.titles h3 {font-size:24px;line-height:30px;font-weight:normal;padding:8px 0 10px;}
.titles p {font-size:14px;line-height:24px;}
.ind-application {position:relative;height:360px;overflow-y:hidden;max-width:740px;margin:0 auto;}
.ind-application .pic {margin:0 auto;position:relative;max-width:400px;}
.iofos {position:absolute;top:38%;width:55%;left:20%;background:#e5e5ea;padding:12px 2% 30px;border-radius:8px;font-size:16px;color:#413e3e;line-height:21px;z-index:55;display:none;}
.iofosdx {position:absolute;top:40%;width:55%;left:20%;background:#e5e5ea;padding:12px 2% 30px;border-radius:8px;font-size:16px;color:#413e3e;line-height:21px;z-index:55;display:none;}
.iofossx {position:absolute;top:42%;width:55%;left:20%;background:#ffffff;padding:12px 2% 30px;border-radius:8px;font-size:16px;color:#413e3e;line-height:21px;z-index:55;display:none;}
.iofoscx {position:absolute;top:36%;width:60%;left:18%;background:#e5e5ea;padding:12px 2% 15px;border-radius:8px;font-size:16px;color:#413e3e;line-height:21px;z-index:55;display:none;}
.ind-application .list {position:absolute;top:12%;width:100%;}
.ind-application .list li {width:40px;height:40px;line-height:40px;font-size:14px;color:#413e3e;text-align:center;overflow:hidden;margin-top:15px;}
.ind-application .list li a {color:#413e3e;border-radius:100%;display:block;background:#e1e1e1;height:40px;overflow:hidden;}
.ind-application img {display:block;margin:0 auto;}
.ind-application .list .active a {color:#fff;background:#008fe2;}
.ind-application .list .l1 {position:absolute;top:20px;left:0;}
.ind-application .list .l2 {position:absolute;top:20px;right:0;}
.ind-application .list .l3 {position:absolute;top:75px;left:0;}
.ind-application .list .l4 {position:absolute;top:75px;right:0;}
.ind-application .list .l5 {position:absolute;top:130px;left:0;}
.ind-application .list .l6 {position:absolute;top:130px;right:0;}
.ind-application .list .l7 {position:absolute;top:185px;left:0;}
.ind-application .list .l8 {position:absolute;top:185px;right:0;}
.ind-application .list .l9 {position:absolute;top:240px;left:0;}
.ind-application .list .l10 {position:absolute;top:240px;right:0;}
.ind-application .list .line {display:none;}

.ind-application .list li {width:40px;height:40px;line-height:40px;margin-top:0;}
.ind-application .list li a {display:block;height:40px;width:40px;}
.ind-application {height:480px;}
.ind-application .list .l1 {top:35px;}
.ind-application .list .l2 {top:35px;}
.ind-application .list .l3 {top:105px;}
.ind-application .list .l4 {top:105px;}
.ind-application .list .l5 {top:175px;}
.ind-application .list .l6 {top:175px;}
.ind-application .list .l7 {top:245px;}
.ind-application .list .l8 {top:245px;}
.ind-application .list .l9 {top:315px;}
.ind-application .list .l10 {top:315px;}

.ind-application {height:540px;}
.ind-application .list li {width:140px;}
.ind-application .list li a {border-radius:40px;width:auto;}
.ind-application .list .l1 {left:-160px;top:0;}
.ind-application .list .l2 {right:-160px;top:0;}
.ind-application .list .l3 {left:-160px;top:90px;}
.ind-application .list .l4 {right:-160px;top:90px;}
.ind-application .list .l5 {left:-160px;top:180px;}
.ind-application .list .l6 {right:-160px;top:180px;}
.ind-application .list .l7 {left:-160px;top:270px;}
.ind-application .list .l8 {right:-160px;top:270px;}
.ind-application .list .l9 {left:-160px;top:360px;}
.ind-application .list .l10 {right:-160px;top:360px;}

.ind-application {max-width:1020px;}
.ind-application .list li {overflow:inherit;width:240px;padding:0;overflow:hidden;}
.ind-application .list li a {width:150px;}
.ind-application .list .l1 {left:-240px;}
.ind-application .list .l2 {right:-240px;}
.ind-application .list .l3 {left:-240px;}
.ind-application .list .l4 {right:-240px;}
.ind-application .list .l5 {left:-240px;}
.ind-application .list .l6 {right:-240px;}
.ind-application .list .l7 {left:-240px;}
.ind-application .list .l8 {right:-240px;}
.ind-application .list .l9 {left:-240px;}
.ind-application .list .l10 {right:-240px;}
.ind-application .list .active .line {display:block;width:70px;border-bottom:1px solid #0d7ff6;position:absolute;right:-10px;top:20px;}
.ind-application .list .l2 .line {left:0;}
.ind-application .list .l4 .line {left:0;}
.ind-application .list .l6 .line {left:0;}
.ind-application .list .l8 .line {left:0;}
.ind-application .list .l10 .line {left:0;}
.ind-application .list .l2 a {float:right;}
.ind-application .list .l4 a {float:right;}
.ind-application .list .l6 a {float:right;}
.ind-application .list .l8 a {float:right;}
.ind-application .list .l10 a {float:right;}
.ind-application .list li .line i {display:block;width:7px;height:7px;border-radius:100%;background:#0d7ff4;position:absolute;left:-8px;top:-3px;}
.ind-application .list .l2 .line i {display:block;width:7px;height:7px;border-radius:100%;background:#0d7ff4;position:absolute;left:auto;right:-8px;top:-3px;}
.ind-application .list .l4 .line i {display:block;width:7px;height:7px;border-radius:100%;background:#0d7ff4;position:absolute;left:auto;right:-8px;top:-3px;}
.ind-application .list .l6 .line i {display:block;width:7px;height:7px;border-radius:100%;background:#0d7ff4;position:absolute;left:auto;right:-8px;top:-3px;}
.ind-application .list .l8 .line i {display:block;width:7px;height:7px;border-radius:100%;background:#0d7ff4;position:absolute;left:auto;right:-8px;top:-3px;}
.ind-application .list .l10 .line i {display:block;width:7px;height:7px;border-radius:100%;background:#0d7ff4;position:absolute;left:auto;right:-8px;top:-3px;}
@keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
.fadeInLeft {animation:fadeInLeft 1s;}
@keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
.fadeInRight {animation:fadeInRight 1s;}

@media screen and (min-width:1200px) {.titles {padding:30px 0 35px;}
/*行业应用广泛*/
.ind-application .list li {overflow:inherit;width:320px;padding:0;overflow:hidden;}
.ind-application .list li a {width:150px;}
.ind-application .list .l1 {left:-310px;}
.ind-application .list .l2 {right:-310px;}
.ind-application .list .l3 {left:-310px;}
.ind-application .list .l4 {right:-310px;}
.ind-application .list .l5 {left:-310px;}
.ind-application .list .l6 {right:-310px;}
.ind-application .list .l7 {left:-310px;}
.ind-application .list .l8 {right:-310px;}
.ind-application .list .l9 {left:-310px;}
.ind-application .list .l10 {right:-310px;}
.ind-application .list .active .line {width:140px;}

/*购买流程*/
.gmlcbox {padding-bottom:8px;overflow:hidden;}
.gmlcbox .titles p {line-height:28px;}
.gmlcbox .titles {padding:20px 10px;}
.zxxxbox {padding:0 0 48px;}
.zxxxbox a {display:inline-block;width:120px;height:34px;line-height:34px;color:#fff;border-radius:5px;text-align:center;margin:0 10px;font-size:13px;}
.zxhref {background:#f4a50d;}
.xxhref {background:#c5c5c5;}
.zxhref:hover {color:#fff;background:#db940c;}
.xxhref:hover {color:#fff;background:#b2b1b1;}
.gmlc li {display:inline-block;padding:0 12px 24px;width:50%;margin:0 -18px;*display:inline;cursor:pointer;}
.gmlc .l {display:none;}
.gmlc li .img {background:#f3f3f3;width:70px;border-radius:35px;margin:0 auto 18px;}
.gmlc li p {font-size:14px;color:#73777b;}
.gmlc li {display:inline-block;padding:0 12px 24px;width:33.333%;margin:0 -18px;}
}
@media screen and (max-width:765px) {/*首页服务*/.home_servicebox ul {max-width:95%;margin:0 auto;min-width:300px;max-width:450px;}
}
@media screen and (min-width:768px) {.titles h3 {font-size:30px;padding-bottom:12px;}

/*购买流程*/
.gmlc li {display:inline-block;padding:0;width:145px;height:145px;margin:0;margin-bottom:58px;background:#f3f3f3;border-radius:5px;vertical-align:text-bottom;}
.gmlc li p img {background:#fff;border-radius:35px;margin-top:25px;}
.gmlc .l {display:inline-block;width:85px;background:none;line-height:145px;}
.gmlc .l p img {vertical-align:middle;background:none;border-radius:0;margin:0 auto;}
.gmlc .l {width:67px;}
.titles p {font-size:16px;}