@charset "utf-8";
.indtitle{ text-align:center; line-height:1.5; padding:10px 0; margin:30px 0 15px;}
.infoblock{ height:70px;}


.myclass{ overflow:hidden; position:relative;}
.myclass a{ display:block; text-align:center;}

.myclass a .classimg{ border-radius:24px; overflow:hidden; margin-bottom:10px;}
.myclass a .classimg img{ display:block; width:100%;  transform:scale(1,1);}
.myclass a .bigtitle{ color:#555; line-height:25px;}
.myclass a .smalltit{ color:#888;}
.myclass .class-next{ position:absolute; z-index:10; top:10px; right:10px; width:40px; height:40px; background:url(../images/rig1.png) rgba(0,0,0,0.1) center no-repeat; cursor: pointer;}
.myclass .class-prev{ position:absolute; z-index:10; top:10px; right:52px; width:40px; height:40px; background:url(../images/lt1.png) rgba(0,0,0,0.1) center no-repeat; cursor: pointer;}

.indabout{ text-align:center; border-radius:24px; background:#fff; overflow:hidden; padding:40px 30px; margin:3% auto;}
.indabout h2{ max-width:734px; margin:0 auto;}

.indpro{ overflow:hidden; position:relative;}

.indpro .pro-next{ position:absolute; z-index:10; top:10px; right:10px; width:40px; height:40px; background:url(../images/rig1.png) rgba(0,0,0,0.1) center no-repeat; cursor: pointer;}
.indpro .pro-prev{ position:absolute; z-index:10; top:10px; right:52px; width:40px; height:40px; background:url(../images/lt1.png) rgba(0,0,0,0.1) center no-repeat; cursor: pointer;}
.slideTxtBox { position:relative; background:#fff; border-radius:26px; overflow:hidden; padding:20px;}

.slideTxtBox .bd{ width:100%;}
.slideTxtBox .bd ul { zoom: 1; }
.slideTxtBox .bd ul img{ display:block; width:100%; transform:scale(1,1);}
.indprotxt{ color:#555; line-height:30px; text-align:center; margin:15px 0;}
.slideTxtBox .hd { width:100%;}
.slideTxtBox .hd ul{display:flex; justify-content: center;}
.slideTxtBox .hd ul li { width:40px; height:40px; box-sizing: border-box; padding:5px; cursor: pointer; display:inline; border-radius:50%; overflow:hidden; border:1px #ddd solid; margin:0 3px;}
.slideTxtBox .hd ul li img{ display:block; width:30px;}
.slideTxtBox .hd ul li.on {border:1px #aaa solid;}
.slideTxtBox .prev{ display:none; width:35px; height:35px; background: url(../images/lt1.png) rgba(0,0,0,0.05) no-repeat center; position: absolute; left:10px; top:40%; z-index:115;}
.slideTxtBox .next{ display:none; width:35px; height:35px; background: url(../images/rig1.png) rgba(0,0,0,0.05) no-repeat center; position: absolute; right:10px; top:40%; z-index:151;}
.slideTxtBox:hover .prev{ display:block;}
.slideTxtBox:hover .next{ display:block;}

.listpro{ display:block;}
.listpro ul{display: flex; flex-wrap: wrap;}
@media screen and (min-width:1060px) {
.listpro li{ width: calc(20% - 10px); margin:5px;}
}
@media screen and (max-width:1060px) and (min-width:760px) {
.listpro li{ width: calc(33.33% - 10px); margin:5px;}
}
@media screen and (max-width:760px){
.listpro li{ width: calc(50% - 10px); margin:5px;}
}
.appimg{ display:block;}
.appimg img{ display:block; width:100%; }

.infocon{ display:block;}
.infocon a{ text-decoration:underline;}
.infocon img{ max-width:100% !important; height:auto !important; border-radius:24px; display: block; margin: 0 auto;}

.contactban{ height:500px; border-radius:24px; overflow:hidden; position:relative;}
.contactban img{ display:block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.contact_body{ max-width: 800px; margin:auto; padding:30px 0; color:#404040;}
@media screen and (max-width:760px){
.contact_body{ padding:30px 20px;}
}
.contact_body h3{font-family: Futura, sans-serif; font-weight: 700;  font-style: normal; color: #141414; line-height: 1.2;  margin-bottom: 10px;}
.contact_body a{text-decoration:underline;}


.help{ color: #1A4B6B; max-width: 1070px; margin-left: auto; margin-right: auto; padding:16px; margin-top:2%;}

.helpcen_tit{ text-transform:uppercase; color: #1A4B6B; font-weight: 400; padding-left: 50px; margin-bottom: 10px; margin-top: 25px; position: relative; min-height: 40px; font-family: Futura, sans-serif;}
.helpcen_body{ position: relative;  border: 1px solid #e0e0e0; border-radius: 5px; padding: 30px 50px; }
.helpcen_body input { -webkit-appearance: none; box-sizing: border-box; border: 1px solid #e0e0e0;border-radius: 3px;font-size: 14px; width: 100%; padding: 10px;}

.helptit{border-bottom: 1px solid #e0e0e0; padding:30px 0;}
.helptit span{color: #1A4B6B !important; padding-left: 50px; font-weight:bold;}
.helpbody_tit{ padding:20px 50px; border-bottom: 1px solid #e0e0e0;}
@media screen and (max-width:760px){
.helptit span{ padding-left:0px;}
.helpbody_tit{ padding:20px; }
}
.helpbody_tit h3{ color:#E63A2E;}
.helpbody_con{ display:block;}
.helpbody_con.active{ display:none;}

.helpbody_cons{ padding:0 50px; border-bottom: 1px solid #e0e0e0;}
@media screen and (max-width:760px){
.helpbody_cons{ padding:0 20px; }
}
.helpbody_cons h4{ padding:15px 20px; background:url(../images/rig2.png) left no-repeat; font-weight:100;}
.helpbody_cons.on h4{ color:#E63A2E; background:url(../images/bot2.png) left no-repeat; font-weight:700;}
.helpbody_cons p{ display:none; padding:10px 20px 15px; color:#1A4B6B}
.helpbody_cons.on p{ display:block;}

.proview{ max-width:1240px; margin:0 auto 35px;}
@media screen and (min-width:1260px) {
.proview{ max-width:1240px;}
}
@media screen and (max-width:1260px) {
.proview{ padding:20px;}
}

@media screen and (min-width:960px) {
.proviewimg{ width:50%; float:left;}
.proviewcon{ width:50%; float:right; padding:5%;}
}
@media screen and (max-width:960px) {
.proviewimg{ width:100%;}
.proviewcon{ width:100%; padding:5% 0;}
}

.proviewimg .planImgs{ display:none; position:relative;}

.proviewcon h1{font-family: Futura, sans-serif; font-weight: 700; font-style: normal; color: #141414; line-height: 1.2;  margin-bottom: 10px;}
.proviewcon hr { border: none; width: 100%; color: transparent; border-bottom: 1px solid #e2e2e2; height: 1px; margin: 20px 0; }
.proviewcon em{ font-style:normal; line-height:2;}
.proviewcon ul{ display:block;}
.proviewcon ul li{ display:inline-block; margin-right:10px; border:1px #c5c5c5 solid; cursor: pointer; line-height:25px; margin-bottom:10px;}
.proviewcon ul li p{ display: flex; align-items: center; padding:12px 30px 12px 12px;}
.proviewcon ul li.active{ border:1px #404040 solid;}
.proviewcon ul li p img{ width:25px; height:25px; border:1px #ddd solid; border-radius:50%; margin-right:12px;}

.planImgs .bd{ width:100%; background:#fff;}
.planImgs .bd ul { zoom: 1; }
.planImgs .bd ul img{ display:block; width:100%; transform:scale(1,1);}
.planImgs .hd { width:100%;}
.planImgs .hd ul{display:flex; margin-top:20px;}
.planImgs .hd ul li { width:100px; height:100px; box-sizing: border-box; cursor: pointer; display:inline; overflow:hidden; border:1px #ddd solid; margin-right:10px; background:#fff;}
.planImgs .hd ul li img{ display:block; width:100%;}
.planImgs .hd ul li.on {border:1px #aaa solid;}
.planImgs .prev{ width:35px; height:35px; background: url(../images/lt1.png) rgba(0,0,0,0.05) no-repeat center; position: absolute; left:10px; top:40%; z-index:8;}
.planImgs .next{ width:35px; height:35px; background: url(../images/rig1.png) rgba(0,0,0,0.05) no-repeat center; position: absolute; right:10px; top:40%; z-index:8;}

.probody{ margin:0 auto 3%; line-height:2; color:#404040;}
@media screen and (min-width:1260px) {
.probody{ max-width:1240px;}

.probody img{ max-width:1240px;}

}
@media screen and (max-width:1260px) {
.probody{ padding:20px;}
}
.probody hr { border: none; width: 100%; color: transparent; border-bottom: 1px solid #e2e2e2; height: 1px; margin: 20px 0; }
.probody h3{ line-height:2; font-weight:700; color:#222; margin-bottom:15px;}






@media screen and (max-width:660px) {
.probody{ }

.probody img{ max-width:100%;}

}












.banner{ margin-top:85px; position:relative; border-radius:24px; overflow:hidden; max-height:760px;}

.banner img{ display:block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.banner video{ width:100%;}
.swiper-slide img{ transition:1s linear 2s; transform:scale(1.1,1.1);}
.swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:6s linear; transform:scale(1,1); }


.banner .swiper-container .swiper-wrapper .swiper-slide {
  overflow: hidden;
  height: 0;
  padding-bottom: 49%;
  position: relative;
}
.banner .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.banner .swiper-container .swiper-wrapper .swiper-slide video {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  height: 100% !important;
  object-fit: cover;
}

.banner .swiper-container .swiper-button-prev {
  width: 2.8rem;
  height: 2.8rem;
  background: none;
  margin-top: 0;
  left: 2%;
  top: 46%;
}
.banner .swiper-container .swiper-button-prev:before {
  content: '\e601';
  font-family: iconfont;
  font-size: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
}
.banner .swiper-container .swiper-button-prev:hover:before {
  color: #31a338;
}
.banner .swiper-container .swiper-button-next {
  width: 2.8rem;
  height: 2.8rem;
  background: none;
  margin-top: 0;
  right: 2%;
  top: 46%;
}
.banner .swiper-container .swiper-button-next:before {
  content: '\e683';
  font-family: iconfont;
  font-size: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
}
.banner .swiper-container .swiper-button-next:hover:before {
  color: #31a338;
}

.banner .swiper-container .swiper-pagination {
  position: relative;
  display: inline-block;
  text-align: left;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 2rem;
  height: 4px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.7);
  opacity: 1;
  margin: 0 0.2rem;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #31a338;
}