html{margin:0 auto;padding:0;font-size:0.52083vw; overflow-y:scroll;overflow-x:hidden;font-family:'微软雅黑'; box-sizing:border-box;}
body{color:#555; margin:0 auto;padding:0; font-size:12px; font-size:1.2rem;
font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}

@font-face {
  font-family: 'iconfont';  /* Project id 591377 */
  src: url('//at.alicdn.com/t/c/font_591377_habc19nwax6.woff2?t=1683882596601') format('woff2'),
       url('//at.alicdn.com/t/c/font_591377_habc19nwax6.woff?t=1683882596601') format('woff'),
       url('//at.alicdn.com/t/c/font_591377_habc19nwax6.ttf?t=1683882596601') format('truetype');
}


/*******banner条***/

.banner{ padding:3% 10%; background:#f5f8f9;}
.banner .banner-text{ width:60rem; float:left; padding-top:3rem;  position:relative;}
.banner .banner-text h2{ font-size:5rem; color:#000; font-weight:500;  }
.banner .banner-text p{ font-size:2rem;  color:#888;text-align:left; line-height:2; margin:5rem 0 10rem 0;}
.banner-sub{ text-align:left; margin-top:5rem;}
.banner-sub h3{ color:#5055f1; font-size:2.8rem; display:block; margin-bottom:7rem;}
.banner-sub img{ display:block; height:4rem; float:left; margin-right:1rem;}
.banner-sub a{ display:block; border:1px solid #565bf1; border-radius:1rem; position:relative; float:left; text-align:center; line-height:8rem; height:8rem; color:#565bf1 ; width:27.5rem; font-size:2.5rem; cursor:pointer; z-index:100; overflow:hidden;}
.banner-sub a.reg-sub{ background:#565bf1; color:#fff; float:right;}
.banner-sub a .b-kefu{  position:absolute; width:100%; padding:1.5rem; bottom:16rem; opacity:0;  line-height:2; background:#fff color:#565bf1; z-index:0;border-radius:1rem;transition: all ease .3s;}
.banner-sub a .b-kefu img{ display:block; width:100%; height:auto; border-radius:1rem;}
.banner-sub a .b-kefu span{ font-size:1.6rem;}
.banner-sub a:hover{ overflow:inherit !important;}
.banner-sub a:hover .b-kefu{  background:#565bf1;  color:#fff; opacity:1;bottom:9rem; box-shadow:0 0 1rem rgba(0,0,0,0.2); }



.banner .banner-img{ float:right; width:66rem;}
.banner .banner-img img{ display:block; max-width:100%; width:66rem;}

/******************/

.index-mingpian{ padding:3% 10%;}
.index-mingpian-text{ width:60rem; float:left;  font-size:3.8rem; color:#000; line-height:1.8; padding:5rem 0;}
.index-mingpian-text p{ font-weight:bold;}
.index-mingpian-text p:nth-child(2){ color:#565bf1;}
.index-mingpian-text .sub { margin:8rem 0;}
.index-mingpian-text .sub span{ display:inline-block; margin-right:2rem; background:#565bf1; color:#fff; font-size:2.4rem; padding:1rem 3rem; border-radius:1rem;}
.index-mingpian-list{width:66rem; float:right;}
.index-mingpian-list li{ border-bottom:1px solid #eee; padding:5rem 0;}
.index-mingpian-list li h2{ font-size:2.8rem; color:#000; margin-bottom:2rem;}
.index-mingpian-list li h2 img{ display:inline-block; vertical-align:middle; margin-right:2rem; width:7rem;}
.index-mingpian-list li p{ color:#777; line-height:2; font-size:1.6rem;}
.index-mingpian-list li:last-child{ border-bottom:0;}
/******************/
.index-youshi{ margin:0 10%; overflow:hidden;}

.index-youshi-tabs{ width:42rem; margin:4rem auto; background:#f2f2f2;border-radius:7rem; overflow:hidden;}
.index-youshi-tabs ul{ display:flex;}
.index-youshi-tabs li{ flex:1; height:7rem; line-height:7rem; font-size:2.6rem; text-align:center;}
.index-youshi-tabs li a{ display:block;}
.index-youshi-tabs li.active{  background-image: linear-gradient(to  right, #5b60f1, #8185f4); border-radius:7rem; color:#fff; box-shadow:0 0 1rem rgba(0,0,0,0.1);}
.index-youshi-tabs li.active a{ color:#fff;}

.index-youshi .swiper-wrapper{ padding:5rem 1rem; }
.index-youshi .swiper-slide{display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none; padding-inline-start: 0;}
.index-youshi .swiper-slide li{  width:13%; margin-right:8.75%; margin-bottom:3%;}
.index-youshi .swiper-slide li:nth-child(5n){ margin-right:0;}
.index-youshi .swiper-slide li img{ width:4.5rem;}
.index-youshi .swiper-slide li h2{ font-size:2.6rem; margin:1.5rem 0; color:#000;}
.index-youshi .swiper-slide li p{ font-size:1.8rem; line-height:1.8;}

.index-youshi .swiper-slide li:hover img{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
/******************/

.index-fenxiang{ padding:3% 10%;}
.index-fenxiang-list{ padding:3% 0; display:flex;}
.mySwiper3{width:71.5%; float:right; overflow:hidden; flex:7; }
.index-fenxiang-tabs{ float:left;  width:20%; border-right:1px solid #eee; font-size:2rem; flex:2; margin-right:8%; position:relative;}
.index-fenxiang-tabs ul{ position:absolute; width:100%; top:50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.index-fenxiang-tabs li{ height:12rem; line-height:12rem;}
.index-fenxiang-tabs li a{ display:block;}
.index-fenxiang-tabs li a i{ content:'\e729'; font-family:'iconfont'; line-height:6rem; text-align:center; width:6rem; height:6rem; font-size:2.4rem; display:inline-block;  margin-right:2rem;vertical-align:middle;}
.index-fenxiang-tabs li.active{ border-right:3px solid #7278f6; font-size:3rem; color:#000;}
.index-fenxiang-tabs li.active a{ color:#000;}
.index-fenxiang-tabs li.active a i{ font-size:2rem;  color:#fff; border-radius:0.8rem; background-image: linear-gradient(to bottom right, #6267f3, #747bf7);}

.index-fenxiang .swiper-slide{ width:100% !important; background:#e2f4ff; border-radius:1rem;padding:2% 3%; display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none;}
.index-fenxiang .swiper-slide .img{ width:100%;}
.index-fenxiang .swiper-slide .img img{ display:block; max-width:100%;}
.index-fenxiang .swiper-slide .text{ width:35%; padding:1rem 2.5%;}
.index-fenxiang .swiper-slide .text p{ background:#9dd5f7; font-size:2.4rem; color:#000; line-height:1.6; border-radius:1rem; padding:4rem 2rem; text-align:center; margin:3% 0;}

/******************/

.index-qudao{ padding:0 10% 3% 10%;}
.index-qudao-list{ display:flex; margin:3% auto;}
.index-qudao-list li{ flex:1; position:relative; overflow:hidden;}
.index-qudao-list li img{ display:block; width:100%;}
.index-qudao-list li:hover img{-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/}
.index-qudao-list li p{ display:block;position:absolute; display:block; width:100%; bottom:0;background:rgba(255,255,255,0.8); height:30%; text-align:center;transition: all 0.5s ease-in-out;}
.index-qudao-list li span{ position:absolute; display:block; width:100%; font-size:2rem; color:#000; line-height:1.6; top:50%; -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.index-qudao-list li:hover p{ height:100%;}
/******************/
.index-case{ padding:0 10%;}
.index-case-list{display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none; padding-inline-start: 0; margin:5% 0;}
.index-case-list li{ width:9%; margin-right:4%; margin-bottom:2%; border:1px solid #f5f5f5; overflow:hidden;}
.index-case-list li img{ display:block; width:100%;}
.index-case-list li:nth-child(8n){ margin-right:0;}
/*首页标题*/


.indextitle{ text-align:center; line-height:1.8;}
.indextitle h2{ font-size:4rem; color:#000; font-weight:bold;}
.indextitle p{ font-size:2rem; color:#888; font-family:'微软雅黑'}



@media (max-width:640px){

html{font-size:12px;}
/*******banner条***/

.banner{ padding:4%; background:#f5f8f9; position:relative; overflow:hidden;}
.banner .banner-text{ width:70%; float:left; padding-top:0;  position:relative; z-index:100;}
.banner .banner-text h2{ font-size:1.6rem; color:#000; font-weight:500;  }
.banner .banner-text p{ font-size:1rem;  color:#000;text-align:left; line-height:2; margin:2rem 0 2rem 0;}
.banner-sub{ text-align:left; margin-top:1rem;}
.banner-sub h3{ color:#5055f1; font-size:1.6rem; display:block; margin-bottom:2rem;}
.banner-sub img{ display:block; height:2.2rem; float:left; margin-right:1rem;}
.banner-sub a{ display:block; border:1px solid #565bf1; margin-right:0.6rem; border-radius:0.3rem; float:left; text-align:center; line-height:3rem; height:3rem; color:#565bf1 ; width:7.4rem; font-size:1rem; }
.banner-sub a.reg-sub{ background:#565bf1; color:#fff; float:left; margin:0;}

.banner-sub a .b-kefu{  position:absolute; width:180px; padding:0.8rem; bottom:8rem; opacity:0;  line-height:2; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,0);  color:#565bf1; z-index:0;border-radius:1rem;transition: all ease .3s;}
.banner-sub a .b-kefu img{ display:block; width:100%; height:auto; border-radius:1rem;}
.banner-sub a .b-kefu span{ font-size:1rem;}
.banner-sub a:hover{ overflow:inherit !important;}
.banner-sub a:hover .b-kefu{  background:#565bf1;  color:#fff; opacity:1;bottom:4rem; box-shadow:0 0 1rem rgba(0,0,0,0);}


.banner .banner-img{ float:right; width:70%; position:absolute; bottom:0; right:-30%; z-index:10;}
.banner .banner-img img{ display:block; max-width:100%; width:66rem;}

/******************/

.index-mingpian{ padding:3%; overflow:hidden;}
.index-mingpian-text{ width:100%; float:none; font-size:1.8rem; text-align:center; color:#000; line-height:1.8; padding:2rem 0;}
.index-mingpian-text p:nth-child(2){ color:#565bf1;}
.index-mingpian-text .sub { margin:3rem 0 0 0;}
.index-mingpian-text .sub span{ display:inline-block; margin:0 1rem; background:#565bf1; color:#fff; font-size:1.2rem; padding:1rem 2rem; border-radius:0.5rem;}
.index-mingpian-list{width:100%; float:none;}
.index-mingpian-list li{ border-bottom:1px solid #eee; padding:1rem 0;}
.index-mingpian-list li h2{ font-size:1.6rem; color:#000; margin-bottom:1rem;}
.index-mingpian-list li h2 img{ display:inline-block; vertical-align:middle; margin-right:1rem; width:3rem;}
.index-mingpian-list li p{ color:#999; line-height:1.8; font-size:1.2rem;}
.index-mingpian-list li:last-child{ border-bottom:0;}
/******************/
.index-youshi{ margin:3%; overflow:hidden;}

.index-youshi-tabs{ width:80%; margin:2rem auto; background:#f2f2f2;border-radius:4rem; overflow:hidden;}
.index-youshi-tabs ul{ display:flex;}
.index-youshi-tabs li{ flex:1; height:4rem;  line-height:4rem; font-size:1.5rem; text-align:center;}
.index-youshi-tabs li a{ display:block;}
.index-youshi-tabs li.active{ background:#7d81f3; border-radius:4rem; color:#fff;}
.index-youshi-tabs li.active a{ color:#fff;}

.index-youshi .swiper-wrapper{ padding:0; }
.index-youshi .swiper-slide{display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none; padding-inline-start: 0;border-bottom:1px solid #f5f5f5;border-right:1px solid #f5f5f5;}
.index-youshi .swiper-slide li{  width:50%; text-align:center; border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5; margin:0; padding:3%;}
.index-youshi .swiper-slide li:nth-child(2n){ margin-right:0; }
.index-youshi .swiper-slide li img{ width:2.5rem;}
.index-youshi .swiper-slide li h2{ font-size:1.4rem; margin:0.8rem 0; color:#000;}
.index-youshi .swiper-slide li p{ font-size:1.2rem; line-height:1.8;}

.index-youshi .swiper-slide li:hover img{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
/******************/

.index-fenxiang{ padding:0 3%;overflow:hidden;}
.index-fenxiang-list{ padding:3% 0; display:block;}
.mySwiper3{width:100%; float:none; overflow:hidden; flex:7; }
.index-fenxiang-tabs{ float:none;  width:100%; border-right:0;  font-size:1rem;  margin:1rem 0;}
.index-fenxiang-tabs ul{ display:flex;}
.index-fenxiang-tabs li{ height:6rem; line-height:2.4; flex:1; text-align:center;}
.index-fenxiang-tabs li a{ display:block; font-size:1rem; }
.index-fenxiang-tabs li a i{  line-height:3rem; text-align:center; width:3rem; height:3rem; margin:0 auto; display:block;font-size:1.4rem;  }
.index-fenxiang-tabs li.active{ font-size:3rem; color:#000; border:0;border-bottom:3px solid #7278f6;}
.index-fenxiang-tabs li.active a{ color:#6e74f5;}
.index-fenxiang-tabs li.active a i{ font-size:1.4rem; background:#6e74f5; color:#fff; border-radius:0.8rem;}

.index-fenxiang .swiper-slide{ width:100% !important; background:#e2f4ff; border-radius:1rem;padding:2% 3%; display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none;}
.index-fenxiang .swiper-slide .img{ width:100%;}
.index-fenxiang .swiper-slide .img img{ display:block; max-width:100%;}
.index-fenxiang .swiper-slide .text{ width:100%; padding:0 0; }
.index-fenxiang .swiper-slide .text p{ background:#9dd5f7; flex:1; font-size:1.2rem; color:#000; line-height:1.6; border-radius:1rem; padding:1rem; text-align:center; margin:3% 0;}

/******************/

.index-qudao{ padding:3%; overflow:hidden;}
.index-qudao-list{ display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none; padding-inline-start: 0; margin:5% auto;}
.index-qudao-list li{ flex:auto; width:33.333%; position:relative; overflow:hidden;}
.index-qudao-list li img{ display:block; width:100%;}
.index-qudao-list li:hover img{-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/}
.index-qudao-list li p{ display:block;position:absolute; display:block; width:100%; bottom:0;background:rgba(255,255,255,0.8); height:30%; text-align:center;transition: all 0.5s ease-in-out;}
.index-qudao-list li span{ position:absolute; display:block; width:100%; font-size:1.1rem; color:#000; line-height:1.4; top:50%; -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.index-qudao-list li:hover p{ height:100%;}
/******************/
.index-case{ padding:3%;overflow:hidden;}
.index-case-list{display: flex; flex-wrap: wrap; justify-content: space-around; list-style: none; padding-inline-start: 0; margin:3% 0;border-bottom:1px solid #f5f5f5;border-right:1px solid #f5f5f5;}
.index-case-list li{ width:25%; margin:0; border:0; border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5; overflow:hidden;}
.index-case-list li img{ display:block; width:100%;}
.index-case-list li:nth-child(8n){ margin-right:0;}
/*首页标题*/


.indextitle{ text-align:center; line-height:1.8;}
.indextitle h2{ font-size:1.4rem; color:#000; line-height:1.5; font-weight:bold; margin:0.5rem auto;}
.indextitle p{ font-size:1rem; color:#888;}
}