/* base公共样式 */


*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li{ margin: 0; padding: 0; list-style: none;}
html{ background:#fff;} 
li {list-style: none;}
a {text-decoration: none;}
body,html {width: 100%;font-size: 14px;}


.icen {width: 100%; max-width:1250px; padding:0 15px; margin:0 auto;}
 
/* i01 */
.i01 {width:100%;position: relative; margin-top:70px;}
.i01 .tit{ width:100%; position:relative; text-align:center;}
.i01 .tit h1{ font-size:30px; font-weight:700; color:#333;}
.i01 .tit h2{ font-size:18px; font-weight:500; color:#666; margin-top:15px;}
.i01 .con{width:100%;position: relative; margin-top:60px;}
.i01 .con ul{ width:100%;display: flex;flex-wrap:wrap; justify-content: space-between;}
.i01 .con ul li{ width:23%; position:relative; margin-bottom:20px;box-shadow: 0 0 10px 0 #ddd; background:#f9fafb; padding:30px; border-radius:10px;}
.i01 .con ul li .img{ width:100%; position:relative;}
.i01 .con ul li .img img{ width:55px; height:55px;}
.i01 .con ul li .txt{ width:100%; position:relative;}
.i01 .con ul li .txt h1{ font-size:20px; font-weight:700; color:#333; margin-top:20px; position:relative;}
.i01 .con ul li .txt h2{ font-size:16px; font-weight:500; color:#666; margin-top:10px; line-height:25px; position:relative;}
.i01 .con ul li:hover{box-shadow: 0 0 10px 0 #ccc;} 

/* i02 */
.i02 {width:100%;position: relative; margin-top:60px;}
.i02 .icen{display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center; background:#eff6fe; padding:30px; border-radius:20px;}
.i02 .con{width:60%;position: relative;}
.i02 .con h1{ font-size:24px; font-weight:700; color:#333; position:relative;}
.i02 .con h2{ font-size:16px; font-weight:500; color:#666; margin-top:20px; line-height:25px; position:relative;}
.i02 .img{ width:35%; position:relative;}
.i02 .img img{ width:100%; border-radius:10px;}
 
/* i03 */
.i03 {width:100%;position: relative; margin-top:60px; background:#f9fafc; padding:60px 0;}
.i03 .tit{ width:100%; position:relative; text-align:center;}
.i03 .tit h1{ font-size:30px; font-weight:700; color:#333;}
.i03 .tit h2{ font-size:18px; font-weight:500; color:#666; margin-top:15px;}
.i03 .con{width:100%;position: relative; margin-top:40px;}
.i03 .con ul{ width:100%;display: flex;flex-wrap:wrap; justify-content: space-between;}
.i03 .con ul li{ width:31.5%; position:relative; margin-bottom:30px;box-shadow: 0 0 10px 0 #ddd; background:#fff; border-radius:10px; transition:.5s;}
.i03 .con ul li .img{ position:relative; width:100%; overflow:hidden; border-radius:10px 10px 0 0;} 
.i03 .con ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.6s;}
.i03 .con ul li .img .hezi{padding-bottom: 50% !important;}
.i03 .con ul li .bot{ width:100%; position:relative; padding:20px 15px 25px; background:#fff;}
.i03 .con ul li .bot .icon{ width:100%; position:relative;}
.i03 .con ul li .bot .icon img{ width:55px; height:55px;}
.i03 .con ul li .bot .txt{ width:100%; position:relative;}
.i03 .con ul li .bot .txt h1{ font-size:20px; font-weight:700; color:#333; margin-top:20px; position:relative;}
.i03 .con ul li .bot .txt h2{ font-size:16px; font-weight:500; color:#666; margin-top:10px; height:75px; line-height:25px; position:relative;}
.i03 .con ul li:hover{box-shadow: 0 0 10px 0 #999; margin-top:-10px; transition:.5s;} 

/* i04 */
.i04 {width:100%;position: relative; margin-top:60px;}
.i04 .tit{ width:100%; position:relative; text-align:center;}
.i04 .tit h1{ font-size:30px; font-weight:700; color:#333;}
.i04 .tit h2{ font-size:18px; font-weight:500; color:#666; margin-top:15px;}
.i04 .con{width:100%;position: relative; margin-top:40px; background:#eff6fe; padding:30px; border-radius:10px;}
.i04 .con ul{ width:100%;display: flex;flex-wrap:wrap; justify-content: space-between;}
.i04 .con ul li{ width:32%; position:relative; margin-bottom:20px; border:1px solid #cfe4fc; padding:30px; border-radius:10px; background:#fff;}
.i04 .con ul li .img{ width:100%; position:relative;display: flex;align-items: center; margin-bottom:20px;}
.i04 .con ul li .img img{ width:25px; height:25px; margin-right:5px;}
.i04 .con ul li .img h1{ font-size:20px; font-weight:700; color:#2563eb;}
.i04 .con ul li .txt{ width:100%; position:relative;display: flex;align-items: center; margin-bottom:15px;}
.i04 .con ul li .txt img{ width:20px; height:20px; margin-right:5px;}
.i04 .con ul li .txt h1{ font-size:16px; font-weight:500; color:#666;}

/* i05 */
.i05 {width:100%;position: relative; margin-top:60px; background:#f9fafc; padding:60px 0;}
.i05 .tit{ width:100%; position:relative; text-align:center;}
.i05 .tit h1{ font-size:30px; font-weight:700; color:#333;}
.i05 .tit h2{ font-size:18px; font-weight:500; color:#666; margin-top:15px;}
.i05 .swiper1{ width:100%; position:relative; overflow:hidden; margin-top:40px; padding-bottom:40px;}
.i05 .swiper1 .swiper-slide{ width:100%; position:relative; box-shadow: 0 0 10px 0 #ddd; background:#f9fafc; border-radius:10px; transition:.5s;} 
.i05 .swiper1 .swiper-slide .top{ position:relative; width:100%; padding:0 40px; overflow:hidden; border-radius:10px 10px 0 0; background:#f3f4f6;} 
.i05 .swiper1 .swiper-slide .top .img{ position:relative; width:100%; overflow:hidden;} 
.i05 .swiper1 .swiper-slide .top .img img{position:absolute;top:10%;left:10%;width:80%;height:80%;transition: 0.6s;}
.i05 .swiper1 .swiper-slide .top .img .hezi{padding-bottom: 100% !important;}
.i05 .swiper1 .swiper-slide .bot{ width:100%; position:relative; padding:15px 15px 25px; background:#fff;}
.i05 .swiper1 .swiper-slide .bot .icon{ width:100%; position:relative;}
.i05 .swiper1 .swiper-slide .bot .icon img{ width:35px; height:35px;}
.i05 .swiper1 .swiper-slide .bot .txt{ width:100%; position:relative;}
.i05 .swiper1 .swiper-slide .bot .txt h1{ font-size:20px; font-weight:700; color:#333; position:relative;}
.i05 .swiper1 .swiper-slide .bot .txt h2{ font-size:14px; font-weight:500; color:#666; margin-top:5px; height:100px; line-height:22px; position:relative;}
.i05 .swiper1 .swiper-slide:hover{box-shadow: 0 0 10px 0 #999; margin-top:-10px; transition:.5s;} 
.i05 .i05-pagination {bottom:0px !important;}
.i05 .i05-pagination .swiper-pagination-bullet {width:12px;height:12px;border-radius:50%;background:#333;opacity:1;margin:0 5px;}
.i05 .i05-pagination .swiper-pagination-bullet-active {background:#1d6bb6;}

/* i06 */
.i06 {width:100%;position: relative; padding:60px 0;}
.i06 .tit{ width:100%; position:relative; text-align:center;}
.i06 .tit h1{ font-size:30px; font-weight:700; color:#333;}
.i06 .tit h2{ font-size:18px; font-weight:500; color:#666; margin-top:15px;}
.i06 .swiper2{ width:100%; position:relative; overflow:hidden; margin-top:40px; padding:0 10px 40px;}
.i06 .swiper2 .swiper-slide{ width:100%; position:relative; box-shadow: 0 0 10px 0 #ddd; background:#f9fafc; border-radius:10px; transition:.5s;} 
.i06 .swiper2 .swiper-slide .top{ position:relative; width:100%; overflow:hidden; border-radius:10px 10px 0 0; background:#f3f4f6;} 
.i06 .swiper2 .swiper-slide .top .img{ position:relative; width:100%; overflow:hidden;} 
.i06 .swiper2 .swiper-slide .top .img img{position:absolute;top:0;left:0;width:100%;height:100%;transition: 0.6s;}
.i06 .swiper2 .swiper-slide .top .img .hezi{padding-bottom: 76% !important;}
.i06 .swiper2 .swiper-slide .bot{ width:100%; position:relative; padding:0 15px 25px; background:#fff;}
.i06 .swiper2 .swiper-slide .bot .icon{ width:100%; position:relative;}
.i06 .swiper2 .swiper-slide .bot .icon img{ width:35px; height:35px;}
.i06 .swiper2 .swiper-slide .bot .txt{ width:100%; position:relative;}
.i06 .swiper2 .swiper-slide .bot .txt h1{ font-size:20px; font-weight:700; color:#333; margin-top:20px; position:relative;}
.i06 .swiper2 .swiper-slide .bot .txt h2{ font-size:16px; font-weight:500; color:#666; margin-top:10px; height:75px; line-height:25px; position:relative;}
.i06 .swiper2 .swiper-slide:hover{box-shadow: 0 0 10px 0 #999; margin-top:-10px; transition:.5s;} 
.i06 .i06-pagination {bottom:0px !important;}
.i06 .i06-pagination .swiper-pagination-bullet {width:12px;height:12px;border-radius:50%;background:#333;opacity:1;margin:0 5px;}
.i06 .i06-pagination .swiper-pagination-bullet-active {background:#1d6bb6;}

/* i07 */
.i07{ width:100%; position:relative;padding:60px 0;background:#1d6bb6;}
.i07 .tit{ width:100%; position:relative; text-align:center;}
.i07 .tit h1{ font-size:30px; font-weight:700; color:#fff;}
.i07 .tit h2{ font-size:18px; font-weight:500; color:#fff; margin-top:15px;}
.i07 .con{ width:100%; position:relative; z-index: 6;}
.i07 .con dl { padding-top:70px; margin-bottom:30px;display: flex;justify-content: center;align-items: center;}
.i07 .con dl dd{ width:25%; text-align:center;}
.i07 .con dl dd h3 { margin-bottom:20px;}
.i07 .con dl dd h4 {display: flex;justify-content: center;align-items: flex-end;}
.i07 .con dl dd h4 strong { font-weight: bold; font-size:46px;margin-right: 0.8rem;color:#fff; line-height: 1em; }
.i07 .con dl dd h4 span{ font-size:18px; position:relative; top:-10px; color: #fff;}
.i07 .con dl dd h5{font-size: 16px; position: relative; margin-top:0; padding-top: 6px; color: #fff; }