/*base*/
*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}

img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{ font-family:'Microsoft YaHei';}
.wrap{width: 100%;overflow-x: hidden;}

/*head*/
.head{width: 100%;padding: 0.7rem 0; background: #f1f1f1;}
.header{width: 17.75rem;margin: 0 auto;}
.header h1{width: 3.8rem;height: 1.125rem;}
.header h1 a{width: 100%;height: 100%;background: url(../img/logo.png) no-repeat;background-size: 100% 100%;display: block;text-indent: -999em;}
.header div{height: 1.25rem;border-left: 1px solid #bfbfbf;margin-left: 0.25rem;padding-left: 0.15rem;color: #848484;font-size: 0.5rem;}
.header div p{line-height: 0.6rem;}
.header div p span{font-size: 0.575rem;}
.header .tel{background: url(../img/tel.png) no-repeat;background-size: 0.65rem 0.6rem;padding-left: 0.7rem;font-size: 0.6rem;font-family: arial;color: #848484;margin-top: 0.25rem;line-height: 0.6rem;}

/*nav*/
.nav{width:100%;height: 1.5rem;margin-left: 0.2rem; text-align: center;}
.nav li{line-height: 1.5rem;font-size: 0.65rem;width: 3rem;}
.nav li.last{margin-right: 0rem;}
.nav li a{color: #848484;}
.nav li.active{width: 3.25rem;background: url(../img/nav.png) no-repeat center;background-size:3.25rem 1rem;}
.nav li.active a{color: #fff;}
/*banner*/
#swiper1{height: 17.45rem;}
.banner{width: 100%;}
.banner img{width: 100%;height: 17.5rem;}
/*part1*/
.part1{padding: 1.15rem 0;}
.bg{background: #0c045e;}
.part1 h1{font-size: 1.15rem;}
.part1 .title{width: 100%;height: 1.75rem;position: relative;}
.part1 .title h1{background: url(../img/border.png) no-repeat;width: 11.26rem;height: 1.75rem;background-size: 100% 100%;position: absolute;left: 50%;top: 50%;margin-left: -5.625rem;margin-top: -0.875rem;}
.part1 .title h1 p{width: 8.05rem;font-weight: bold; background: linear-gradient(to right, #00d7ff, #00f6bc);-webkit-background-clip: text;color: transparent;background-size: 100%;margin: 0 auto;line-height: 1.75rem;}
.part1 .title .wave{position: absolute;top: 0.3rem;}
.part1 .title .waveL{left: 0.5rem;}
.part1 .title .waveR{right: 0.5rem;}
.part1 .title .wave li{width: 0.05rem;height: 1.25rem;background: url(../img/line.jpg) no-repeat;margin-right:0.2rem;}

.part1 .title .wave li:nth-child(1){animation: animate 1s infinite 1.2s;-webkit-animation: animate 1s infinite 1.2s;}
.part1 .title .wave li:nth-child(2){animation: animate 1s infinite 1.4s;-webkit-animation: animate 1s infinite 1.4s;}
.part1 .title .wave li:nth-child(3){animation: animate 1s infinite 1.6s;-webkit-animation: animate 1s infinite 1.6s;}
.part1 .title .wave li:nth-child(4){animation: animate 1s infinite 1.8;-webkit-animation: animate 1s infinite 1.8s;}
.part1 .title .wave li:nth-child(5){animation: animate 1s infinite 2s;-webkit-animation: animate 1s infinite 2s;}
.part1 .title .wave li:nth-child(6){animation: animate 1s infinite 2.2s;-webkit-animation: animate 1s infinite 2.2s;}
.part1 .title .wave li:nth-child(7){animation: animate 1s infinite 2.4s;-webkit-animation: animate 1s infinite 2.4s;}
.part1 .title .wave li:nth-child(8){animation: animate 1s infinite 2.6s;-webkit-animation: animate 1s infinite 2.6s;}
.part1 .title .wave li:nth-child(9){animation: animate 1s infinite 2.8s;-webkit-animation: animate 1s infinite 2.8s;}
.part1 .title .wave li:nth-child(10){animation: animate 1s infinite 3s;-webkit-animation: animate 1s infinite 3s;}
.part1 .title .wave li:nth-child(11){animation: animate 1s infinite 3.2s;-webkit-animation: animate 1s infinite 3.2s;}
.part1 .title .wave li:nth-child(12){animation: animate 1s infinite 3.4s;-webkit-animation: animate 1s infinite 3.4s;}

.part1 .cir{background: url(../img/cir.png) no-repeat;width:13.275rem;height:16.505rem;background-size: 100% 13rem;position: relative;margin: 0.85rem auto 0;}
.part1 .cir .robR{position: absolute;bottom: 4.13rem;right:-1.09rem;width: 6.05rem;height: 7.3rem;}
.part1 .cir .right{background: url(../img/rob2.png) no-repeat;width: 11.65rem;height: 9.5rem;background-size: 11.575rem 9.475rem;position: absolute;bottom:4rem;right: -1.25rem;z-index: 2;}
.part1 .cir p{font-size: .55rem;color: #fff;position: absolute;bottom: -1rem;right: 2rem;}
.part1 .cir .left{width: 6.25rem;height: 8.5rem;position: absolute;top: 1.3rem;left: -0.8rem;z-index: 3;}
.part1 .cir .left img{width: 100%;height: 7.5rem;}
.part1 .cir .left p{bottom: 0rem;right: 1.8rem;}
.part1 .cir h3{width: 13.8rem;position: absolute;bottom: 0rem;left: 50%;margin-left: -6.9rem;font-size: 0.7rem;color: #fff;text-align: justify;line-height: 1.1rem;}
.part1 .cir h3 span{color: #00d7fe;font-size: 0.85rem;}
@-webkit-keyframes animate {
  50% {
    -webkit-transform: scaleY(0);
	  }
}
@keyframes animate {
  50% {
    transform: scaleY(0);
	  }
}
/*part2*/
.part2 .title1{width: 18.75rem;height: 1.75rem;background: url(../img/line2.png) no-repeat;background-size: 100% 100%;}
.part2 h1{color: #0187e6;text-align: center;font-weight: bold;}
.part2 .list{width: 16.25rem;height: 18.5rem;margin: 0.9rem auto 0;}
.part2 .list li:nth-child(1){background: url(../img/imgbg1.jpg) no-repeat;background-size: 100% 5.5rem;}
.part2 .list li:nth-child(2){background: url(../img/imgbg2.jpg) no-repeat;background-size: 100% 5.5rem;}
.part2 .list li:nth-child(3){ background: url(../img/imgbg3.jpg) no-repeat;background-size: 100% 5.5rem;}
.part2 .list li{width: 100%;height: 5.5rem;color: #fff;margin-bottom: 0.5rem;}
.part2 .list li h3{font-size: 0.7rem;padding-top: 1.75rem;}
.part2 .list li h3,.part2 .list li span{margin-left: 0.5rem;}
.part2 .list li strong{font-size: 0.6rem;}
.part2 .list li span{display: block;width: 0.65rem;height: 0.65rem;background: url(../img/arrow.png) no-repeat;background-size:100% 100%;margin-top: 0.5rem;}
.part2 .list li:nth-child(2) h3{text-align: right;margin-right: 0.5rem;}
.part2 .list li:nth-child(2) span{margin-left: 15rem;transform: rotate(180deg);}
.btn {width: 10rem;height: 1.75rem;font-size: 0.85rem;text-align: center;line-height: 1.75rem;border-radius: 0.85rem;background: #0187e6;display: block;margin: 0 auto;color: #fff;}
/*part3*/
.part3 .title h1 p{width: 9.8rem;background-size: 100%;}
.part3 .table1{width: 14.7rem;margin: 0.95rem auto 1rem;}
.part3 .table1 ul{width: 3.55rem;font-size: 0.55rem;color: #fff;text-align: right;line-height: 0.75rem;}
.part3 .table1 ul li{margin-bottom: 0.58rem;}
.part3 .table1 img{width: 10.025rem;height: 7rem;}
.part3 .table2{width: 17.75rem;margin: 0 auto 1.4rem;}
.part3 .table2 .left{background: url(../img/border2.png) no-repeat;width: 6rem;height: 7rem;background-size: 100% 100%;text-align: center;font-size: 0.7rem;color: #fff;}
.part3 .table2 .left h3{padding: 0.45rem 0;}
.part3 .table2 .left p{font-size: 0.5rem;text-align: left;padding-left: 0.25rem;line-height: 1.25rem;}
.part3 .table2 .left p span{color: #00d7ff;}
.part3 .table2 .left a{display: block;width: 3.75rem;height: 1.15rem;background: #fff;border-radius: 0.5rem;margin: 0.5rem auto 0;color: #0c045e;line-height: 1.15rem;}
.part3 .table2 img{width: 10.9rem;height: 6.825rem;}
/*part4*/
.part4 .box{width: 16.25rem;margin: 1.5rem auto;}
.part4 .box .con{width: 100%;height: 8.25rem;}
.part4 .box .con .left{width: 6.5rem;padding-left: 0.5rem; height: 8.25rem;background: #0187e6;color: #fff;}
.part4 .box .left h3{font-size: 0.85rem;width: 6.05rem;border-bottom: 1px solid #fff;padding: 1.25rem 0 0.25rem;position: relative;}
.part4 .box .left h3 i{position: absolute;right: 0;bottom: 0rem;width: 1.5rem;height: 0.1rem;background: #fff;}
.part4 .box .left p{font-size: 0.55rem;line-height: 1.15rem;margin: 0.5rem 0;}
.part4 .box .left p span{font-size: 0.75rem;}
.part4 .box .left strong{width: 3.2rem;height: 0.95rem;border: 1px solid #fff;line-height: 0.95rem;display: block;font-family: arial;font-size: 0.85rem;text-align: center;}
.part4 .box img{width: 9.25rem;height: 8.25rem;}
#swiper4{height: 8.25rem;}
.part4 .box .con2{text-align: right;}
.part4 .box .con2 .left p{padding-right: 0.5rem;}
.part4 .box .con2 .left h3 i{left: 0;}
.part4 .box .con2 .left strong{margin-left: 2.7rem;}

/*part5*/
.part5 .title h1 p{width: 9.8rem;background-size: 100%;}
.company{background: url(../img/border3.png) no-repeat;width: 16.25rem;height: 16.25rem;background-size: 100% 12.15rem;margin: 1rem auto 0;color: #fff;font-size: 0.55rem;}
.company li{margin-left: 0.9rem;padding-top: 0.8rem;}
.company img{width: 2.5rem;height: 2.5rem;margin-right: 0.8rem;}
.company p{padding-top: 0.3rem;line-height: 1rem;}
.company span{font-size:0.85rem;color: #00fffc;}
.company li:nth-child(2),.company li:nth-child(4){margin-left: 3rem;text-align: right;margin-top: 0.8rem;}
.company li:nth-child(2) img,.company li:nth-child(4) img{margin-right: 0;margin-left: 0.8rem;}
.company li:nth-child(2) p,.company li:nth-child(3) p{padding-top: 0;line-height: 0.8rem;}
.company li:nth-child(3){margin-top: 0.5rem;}
.company li:nth-child(4){margin-left: 1.81rem;}
.company li:nth-child(4) p{line-height: 1.8rem;}
/*part6*/
.part6 .title1,.part8 .title1{background: url(../img/line3.png) no-repeat;background-size: 100% 100%;}
.part6 .imgBox{width: 17.75rem;margin: 1rem auto 0;}
.part6 .imgBox li{margin-bottom: 0.25rem;}
.part6 .imgBox .left li img{width: 8rem;}
.part6 .left li:nth-child(1) img{height: 5rem;}
.part6 .left li:nth-child(2) img{height: 6rem;}
.part6 .imgBox .right li{width: 9.5rem;}
.part6 .imgBox .right img{width: 9.5rem;height: 6rem;}
.part6 .imgBox .right li:nth-child(2){height: 5rem;background: #0187e6;}
.part6 li p{font-size: 0.45rem;color: #fff;padding-left: 0.65rem;perspective: 10rem;line-height: 0.85rem;}
.part6 li p:nth-child(1){padding-top: 0.9rem;}
.part6 li p span{
		width: 7.5rem;
		display: block;
		animation: move 6s backwards infinite;
 	 transform-origin: top;
  }


@keyframes move {
  0% {
    transform: rotateX(-90deg);
  }
  10% {
    transform: rotateX(82deg);
  }
  20% {
    transform: rotateX(-74deg);
  }
  30% {
    transform: rotateX(66deg);
  }
  39% {
    transform: rotateX(-58deg);
  }
  48% {
    transform: rotateX(50deg);
  }
  56% {
    transform: rotateX(-42deg);
  }
  63% {
    transform: rotateX(35deg);
  }
  70% {
    transform: rotateX(-28deg);
  }
  77% {
    transform: rotateX(21deg);
  }
  83% {
    transform: rotateX(-15deg);
  }
  89% {
    transform: rotateX(9deg);
  }
  95% {
    transform: rotateX(-4deg);
  }
  100% {
    transform: none;
  }
}
/*part7*/
.part7{height: 20.5rem;}
.part7 .title h1 p{width:10rem;background-size: 100%;}
.part7 .slidBox{width: 17.15rem;height: 8.15rem;background: #080342; margin: 2.5rem auto 0;position: relative;}
.part7 .slidBox em{position: absolute;left: 0;top: 0;width: 100%;height: 0.125rem;background: linear-gradient(to right, #00d7ff, #00f6bc);}
#slidBox{width: 15.15rem;height: 15rem;position: absolute;left: 50%;top: -1.4rem;margin-left: -7.575rem;}

#swiper2{height: 15rem;color: #fff;}
#swiper2 .top{width: 13.75rem; margin: 0 auto;}
#swiper2 h3{background: url(../img/bg.jpg) no-repeat;width: 13rem;height: 2rem;background-size: 100% 100%;padding-left: 0.75rem;line-height: 2rem;font-size: 0.85rem;}
#swiper2 .top img{width: 100%;height: 8.5rem;}
#swiper2 p{font-size: 0.5rem;text-align: justify;width: 100%;line-height: 0.9rem;margin-top: 0.9rem;}
#part7 .btn{margin-top: 6rem;}
/*part8*/
.part8{padding-bottom: 0;}
.part8 .top{width: 100%;height: 2.5rem;background: #0187e6;margin: 1rem auto;color: #fff;}
.part8 h3{font-size: 1.15rem;line-height: 2.5rem;text-align: center;position: relative;}
.part8 h3 a{font-size: 0.7rem;position: absolute;right: 0.5rem;top: 0;color: #fff;}
.part8 .input{width: 100%;height: 2.2rem;line-height: 2.2rem; border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;display: block;background: url(../img/search.png) no-repeat 1.25rem center #fff;background-size: 0.975rem 0.95rem;color: #b4b4b4;font-size: 0.7rem;padding-left: 2.5rem;}
.part8 #bgbox{background: #efeff5;padding-bottom: 1.15rem;}
.part8 ul{width: 100%;border-top: 1px solid #d5d5d5;margin-top: 0.95rem;background: #fff;}
.part8 ul img{width:2.25rem;height: 2.25rem;margin-left: 0.75rem;margin-right: 0.5rem;}
.part8 ul li{border-bottom: 1px solid #d5d5d5;padding: 0.225rem 0;color: #b4b4b4;font-size: 0.55rem;padding-right: 0.75rem;}
.part8 ul li span{font-size: 0.7rem;color: #303030;}
.part8 ul li p{line-height: 0.9rem;padding-top: 0.24rem;}
.part8 ul li a{width: 3.75rem;height: 1.1rem;line-height: 1.1rem;border-radius: 0.55rem;color: #fff;font-size: 0.7rem;background: #0187e6;text-align: center;margin-top: 0.55rem;position: relative;overflow: hidden;}

.part8 ul li a i{ background: #fff;  position: absolute;  width: 4rem;height:4rem; left:0rem;  right: 0;  top: 0;  bottom: 0;  opacity: 0;  margin: auto;  border-radius:50%;  transform: scale(1);  animation:1.5s btn ease-in-out infinite;  }

@keyframes btn {
	0%{transform:scale(0);opacity: 1;}
	100%{transform:scale(1);opacity: 0;}
}
/*part9*/
.part9{height: 14.5rem;}
.part9 #slid{width: 17.85rem;margin: 1rem auto 0rem;position: relative;}

#left{width:5.5rem;margin-top: 1rem;position: absolute;left: 0;top: 0;z-index: 99;}
#left li{ height: 1rem;line-height: 1rem; font-size: 0.5rem;color: #fff;margin-top: 1px;}
#left li p{padding-left: 0.75rem;}

#right{background: url(../img/computer.png) no-repeat;width: 13.15rem;height: 8.075rem;background-size: 100% 100%;position: absolute;right: 0;top: 0;}
#right .rWrap{width:10.25rem;height: 6.45rem;position: absolute;left: 1.5rem;top: 0.4rem;overflow-y: hidden;}
#right .rWrap .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 99;}
#right .rWrap img{width:10.25rem;height: 6.45rem;}

#btn{width: 5.5rem;top:1rem; right: 12.5rem;border-top: 1px solid #0187e6;}
#btn span{width: 100%;margin: 0;height: 1rem;border:none;border-bottom: 1px solid #0187e6;}
#btn .swiper-pagination-bullet-active{background: #0187e6;height: 1rem;width: 6.25rem;height: 1.025rem;margin-top: -1px;}
.part9 .btn{margin-top: 10.5rem;}
.part9 .title h1 p{width:9.8rem;background-size: 100%;}
/*part10*/
.part10 .title1{background: url(../img/border4.png) no-repeat;background-size: 100% 100%;}
.part10 ul{width: 17.75rem;margin: 1rem auto;}
.part10 ul li{width: 8.5rem;height: 5.875rem;background: url(../img/bg1.jpg) no-repeat;background-size: 100% 100%;margin-bottom: 0.75rem;}
.part10 ul li img{margin-top: 0.7rem;display: block;margin-left: 0.5rem;}
.part10 ul li:nth-child(1) img{width: 1.875rem;height: 2.25rem;margin-left: 0.7rem;}
.part10 ul li:nth-child(2) img{width: 2.125rem;height: 2.125rem;}
.part10 ul li:nth-child(3) img{width: 2.375rem;height: 1.875rem;}
.part10 ul li:nth-child(4) img{width: 2.325rem;height: 2.375rem;margin-top: 0.25rem;}
.part10 ul li p{font-size: 0.7rem;color: #fff;margin-left: 2.6rem;margin-top: 1.65rem;}


.footer{
  padding:20px 5% 50px;
  background:#000;
}
.footer p{
  font-size:12px;
  line-height:20px;
  text-align:center;
  color:#ffffff;
}


.from {
  width:100%;
  height:14rem;
  background: url("../img/from_bg.jpg") no-repeat top center;
  background-size:100%;
  overflow:hidden;
}
.from p {
  color: #fff;
  font-size: 0.9rem;
  text-align: center;
  line-height: 1;
  margin: 1.5rem auto;
}
.from p span {
  color: #0187e6;
}
.from form{
  width:100%;
}
.from form input {
  margin:0 auto 0.5rem;
  width: 80%;
  display: block;
  background: none;
  border:1px solid #fff;
  height: 2.475rem;
  font-size:0.875rem;
  border-radius: 10px;
  text-indent:2.25rem;
  outline: none;
  color: #fff;
}
.from form input.name {
  background: url("../img/form_icon_ren.png") no-repeat 0.75rem center;
  background-size: auto 70%;
}
.from form input.phone {
  background: url("../img/form_icon_dianhua.png") no-repeat 0.75rem center;
  background-size: auto 70%;
}
.from form button {
  margin:0 auto;
  width: 80%;
  display: block;
  background: none;
  text-align: center;
  height: 2.475rem;
  border-radius: 10px;
  border: none;
  background: #0187e6;
  outline: none;
  color: #fff;
}