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');
}



.gongju{ background:#f9fdfd; padding:50px 10%;}
.gongju-list{ display:flex;}
.gongju-list li{ flex:1; text-align:center; padding:50px 0; color:#000; line-height:2;}
.gongju-list li h2{ font-size:2.5rem; font-weight:bold;}
.gongju-list li p{ font-size:1.8rem;}
.gongju-list li img{ display:block; height:8rem; margin:1rem auto;}

/******************/
.hetong{ padding:50px 10%;background:#ecf6fa;}
.hetong-list{ overflow:hidden; padding:30px 0 0 0;}
.hetong-list-tabs{ border-bottom:3px solid #eee;}
.hetong-list-tabs ul{ display:flex;}
.hetong-list-tabs ul li{ flex:1; text-align:center; font-size:3rem; line-height:2; position:relative;}
.hetong-list-tabs ul li.active a{ color:#0089e1;}
.hetong-list-tabs ul li.active a:after{ content:''; left:50%; height:3px; width:16rem; display:block; position:absolute; bottom:-3px;-webkit-transform: translate(-50%,0);transform: translate(-50%,0); background:#0089e1;}

.hetong-list .swiper-slide{ padding:100px 0 50px 0; font-size:1.8rem; color:#000;}
.hetong-list .swiper-slide strong{ font-size:2.5rem; margin-bottom:1rem; display:block;}
.hetong-list .swiper-slide img{ display:block; float:right; width:50%; margin-left:5%; margin-top:-30px;}




/******************/
.rengzheng{ padding:50px 10%;}
.rengzheng-c{ display:flex;padding:50px 0;}
.rengzheng-c .img{flex:1.4;}
.rengzheng-c .img img{ display:block; max-width:100%;}
.rengzheng-c .rz-list{ flex:1; padding:5rem;}
.rengzheng-c .rz-list li{ line-height:2; margin-bottom:6rem;}
.rengzheng-c .rz-list li h2{ font-size:2.5rem; font-weight:bold; color:#000;}
.rengzheng-c .rz-list li h2 img{ width:3rem; margin-right:1rem; display:block; float:left; padding-top:1.3rem;}
.rengzheng-c .rz-list li p{ padding-left:4rem; font-size:1.8rem; color:#000; padding-right:0;}
/******************/
.yingyong{ background:#f9fdfd; padding:80px 10%;}
.yingyong-list{ overflow:hidden;}
.yingyong-list-tabs{ border-bottom:3px solid #eee;}
.yingyong-list-tabs ul{ display:flex;}
.yingyong-list-tabs ul li{ flex:1; text-align:center; font-size:3rem; line-height:2; position:relative;}
.yingyong-list-tabs ul li.active a{ color:#0089e1;}
.yingyong-list-tabs ul li.active a:after{ content:''; left:50%; height:3px; width:16rem; display:block; position:absolute; bottom:-3px;-webkit-transform: translate(-50%,0);transform: translate(-50%,0); background:#0089e1;}

.yingyong .swiper-wrapper{ margin:50px auto;  }
.yingyong .swiper-slide{ display:flex; }
.yingyong .swiper-slide .img{ flex:1.2; padding:5px;}
.yingyong .swiper-slide .img img{ display:block; max-width:100%; border-radius:2rem;}
.yingyong .swiper-slide .text{ flex:1; padding:8rem; font-size:2rem; color:#000; line-height:1.6;}
.yingyong .swiper-slide .text i{ font-size:2.5rem; margin-left:-3rem; color:#0089e1; margin-right:0.5rem;}
.yingyong .swiper-slide .text h2{ font-size:3rem; font-weight:bold; color:#000; font-weight:bold; margin-bottom:2rem;}
.yingyong .swiper-slide .text .tiyan{ display:block; cursor:pointer; width:15rem; height:5rem; line-height:5rem; text-align:center; color:#fff; border-radius:1rem; background:#0089e1; margin-top:3rem;}

/******************/
.hezuo{ background:#ecf6fa; padding:80px 10%;}
.hezuo .hezuo-list{ display:flex; margin:50px auto;}
.hezuo .hezuo-list li{ flex:1; background:#fff; border-radius:20px; text-align:center; line-height:2; padding:50px 0; margin-right:3%;}
.hezuo .hezuo-list li:last-child{ margin-right:0;}
.hezuo .hezuo-list li img{ display:block; width:80px; margin:0 auto;}
.hezuo .hezuo-list li h2{ font-size:2.5rem; font-weight:bold; color:#000;}
.hezuo .hezuo-list li p{ font-size:1.4rem; color:#0089e1; cursor:pointer;}
/******************/


/*首页标题*/


.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;}


.gongju{ background:#f9fdfd; padding:20px 0;}
.gongju-list{ display:flex;}
.gongju-list li{ flex:1; text-align:center; padding:10px 3%; color:#000; line-height:2;}
.gongju-list li h2{ font-size:15px; font-weight:bold; margin-bottom:10px;}
.gongju-list li p{ font-size:12px; line-height:1.7;}
.gongju-list li img{ display:block; width:auto; height:40px; margin:10px auto;}

/******************/
.hetong{ padding:20px 3%;background:#ecf6fa;}
.hetong-list{ overflow:hidden; padding:10px 0 0 0;}
.hetong-list-tabs{ border-bottom:3px solid #eee;}
.hetong-list-tabs ul{ display:flex;}
.hetong-list-tabs ul li{ flex:1; text-align:center; font-size:16px; line-height:2; position:relative;}
.hetong-list-tabs ul li.active a{ color:#0089e1;}
.hetong-list-tabs ul li.active a:after{ content:''; left:50%; height:3px; width:120px; display:block; position:absolute; bottom:-3px;-webkit-transform: translate(-50%,0);transform: translate(-50%,0); background:#0089e1;}

.hetong-list .swiper-slide{ padding:30px 0; font-size:14px; color:#000;}
.hetong-list .swiper-slide strong{ font-size:18px; margin-bottom:1rem; display:block;}
.hetong-list .swiper-slide img{ display:block; float:none; width:80%; margin:0 auto 20px auto; }




/******************/
.rengzheng{ padding:20px 3%;}
.rengzheng-c{ display:block;padding:10px 0;}
.rengzheng-c .img{flex:1.4; margin-bottom:15px;}
.rengzheng-c .img img{ display:block; max-width:100%;}
.rengzheng-c .rz-list{ flex:1; padding:0;}
.rengzheng-c .rz-list li{ line-height:2; margin-bottom:20px;}
.rengzheng-c .rz-list li h2{ font-size:18px; font-weight:bold; color:#000;}
.rengzheng-c .rz-list li h2 img{ width:18px; margin-right:10px; display:block; float:left; padding-top:10px;}
.rengzheng-c .rz-list li p{ padding-left:28px; font-size:14px; color:#000; padding-right:0;}
/******************/
.yingyong{ background:#f9fdfd; padding:20px 3%;}
.yingyong-list{ overflow:hidden;}
.yingyong-list-tabs{ border-bottom:3px solid #eee;}
.yingyong-list-tabs ul{ display:flex;}
.yingyong-list-tabs ul li{ flex:1; text-align:center; font-size:18px; line-height:2; position:relative;}
.yingyong-list-tabs ul li.active a{ color:#0089e1;}
.yingyong-list-tabs ul li.active a:after{ content:''; left:50%; height:3px; width:80px; display:block; position:absolute; bottom:-3px;-webkit-transform: translate(-50%,0);transform: translate(-50%,0); background:#0089e1;}

.yingyong .swiper-wrapper{ margin:10px auto;  }
.yingyong .swiper-slide{ display:block; }
.yingyong .swiper-slide .img{ flex:1.2; padding:15px;}
.yingyong .swiper-slide .img img{ display:block; max-width:100%; border-radius:10px;}
.yingyong .swiper-slide .text{ flex:1; padding:15px 25px; font-size:14px; color:#000; line-height:1.6;}
.yingyong .swiper-slide .text i{ font-size:18px; margin-left:-25px; color:#0089e1; margin-right:8px;}
.yingyong .swiper-slide .text h2{ font-size:18px; font-weight:bold; color:#000; font-weight:bold; margin-bottom:2rem; line-height:1;}
.yingyong .swiper-slide .text .tiyan{ display:block; cursor:pointer; width:110px; height:35px; line-height:35px; text-align:center; color:#fff; border-radius:5px; background:#0089e1; margin-top:20px;}

/******************/
.hezuo{ background:#ecf6fa; padding:20px 2%;}
.hezuo .hezuo-list{ display:flex; margin:10px auto;}
.hezuo .hezuo-list li{ flex:1; background:#fff; border-radius:10px; text-align:center; line-height:2; padding:16px 0; margin-right:2%;}
.hezuo .hezuo-list li:last-child{ margin-right:0;}
.hezuo .hezuo-list li img{ display:block; width:36px; margin:10px auto;}
.hezuo .hezuo-list li h2{ font-size:14px; font-weight:bold; color:#000;}
.hezuo .hezuo-list li p{ font-size:12px; color:#0089e1; cursor:pointer;}
/******************/



/*首页标题*/


.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;}
}