﻿@import url('https://js01.v15cdn.com/single-template/font/iconfont.css');
.wmpage40-page1 .wpmage40-main{display:flex;align-items:center}
.wmpage40-page1-left{flex:1;padding-right:80px}
.wmpage40-page1-right{width:45%;margin:0 auto;margin-right:0}
.wmpage40-page1-title h5{font-size:var(--wmpage-font40);font-weight:var(--fontbold7);font-style:normal;line-height:58px;color:#202231;padding-bottom:10px}
.wmpage40-page1-title p{margin-bottom:20px;font-weight:var(--fontbold3);font-style:normal;line-height:24px}
.wmpage40-page1-li{display:flex;margin-top:10px;font-weight:var(--fontbold4);line-height:1.5;transition:all .3s ease-in-out;cursor:pointer;align-items:baseline}
.wmpage40-page1-li span{color:var(--color,#1d45f5);font-size:var(--wmpage-font18);font-weight:var(--fontbold9);margin-right:10px;}
.wmpage40-page1-li:hover{transform:translateY(-5px)}
@media (max-width:1366px){.wmpage40-page1-left{padding-right:50px}
}
@media (max-width:1024px){.wmpage40-page1-title h5{line-height:1.25}
.wmpage40-page1-left{padding-right:30px}
.wmpage40-page1-right{width:50%}
.wmpage40-page1-left{width:48%}
.wmpage40-page1-li{margin-top:6px}
.wmpage40-page1-title p{font-size:var(--wmpage-font14)}
.wmpage40-page1-li span{margin-right:4px;font-size:var(--wmpage-font16)}
.wmpage40-page5{padding:0}
}
@media (max-width:768px){.wmpage40-page1 .wpmage40-main{flex-direction:column}
.wmpage40-page1-left{padding-right:0}
.wmpage40-page1-left,.wmpage40-page1-right{width:100%;max-width:100%}
.wmpage40-page1-right img{margin:0 auto}
.wmpage40-page1-right{margin-top:20px}
}

.wmpage40-page2{border-bottom:1px solid #cfd6e5}
.wmpage40-page2-title h5{font-weight:var(--fontbold7);font-size:var(--wmpage-font40);color:#202231}
.wmpage40-page2-item{display:flex;justify-content:space-between;padding:0 5px;text-align:center;margin-top:40px}
.wmpage40-page2-box{font-style:normal;font-size:var(--wmpage-font16);line-height:24px;width:23%;overflow:hidden}
.wmpage40-page2-box img{width: 100%;}
.wmpage40-page2-box p{font-size:var(--wmpage-font20);color:#202231;margin-top:20px;font-weight:var(--fontbold9)}
@media (max-width:1200px){.wmpage40-page2-item{margin-top:25px}
.wmpage40-page2-box p{font-size:var(--wmpage-font18)}
}
@media (max-width:1024px){.wmpage40-page2-box p{margin-top:10px}
}
@media (max-width:768px){.wmpage40-page2-item{flex-wrap:wrap}
.wmpage40-page2-box{width:48%;margin-bottom:2%}
.wmpage40-page2-box img{width:100%}
.wmpage40-page2-box p{font-size:var(--wmpage-font16)}
}
.wmpage40-page3{border-bottom:1px solid #cfd6e5}
.wmpage40-page3-title h5{font-weight:var(--fontbold7);font-size:var(--wmpage-font40);color:#202231;line-height:1}
.wmpage40-page3-next,.wmpage40-page3-prev{width:58px;height:53px;border-radius:4px;background-color:#f2f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out}
.wmpage40-page3-next i,.wmpage40-page3-prev i{font-weight:var(--fontbold7);color:#bfc8d3;transition:all .3s ease-in-out}
.wmpage40-page3-prev{margin-right:10px}
.wmpage40-page3-btn{display:flex}
.wmpage40-page3-title{display:flex;justify-content:space-between;align-items:center}
.wmpage40-page3-swiper{margin-top:40px}
.wmpage40-Swiperpage3 .swiper-slide img{width:100%}
.wmpage40-page3-btn div:hover{background:var(--color);color:#fff}
.wmpage40-page3-btn div:hover i{color:#fff}
@media (max-width:1366px){.wmpage40-page3-next,.wmpage40-page3-prev{width:45px;height:45px}
.wmpage40-page3-next i,.wmpage40-page3-prev i{font-size:var(--wmpage-font14);line-height:1}
}
@media (max-width:1024px){.wmpage40-Swiperpage3 .swiper-slide img{width:100%}
.wmpage40-page3-swiper{margin-top:25px}
}

.wmpage40-page4{border-bottom:1px solid #cfd6e5}
.wmpage40-page4-title h5{font-weight:var(--fontbold7);font-size:var(--wmpage-font40);color:#202231;line-height:1}
.wmpage40-page4-next,.wmpage40-page4-prev{width:58px;height:53px;border-radius:4px;background-color:#f2f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out}
.wmpage40-page4-next i,.wmpage40-page4-prev i{font-weight:var(--fontbold7);color:#bfc8d3;transition:all .3s ease-in-out}
.wmpage40-page4-prev{margin-right:10px}
.wmpage40-page4-btn{display:flex}
.wmpage40-Swiperpage4 .swiper-slide img{width:100%}
.wmpage40-page4-title{display:flex;justify-content:space-between;align-items:center}
.wmpage40-page4-swiper{margin-top:40px}
.wmpage40-page4-btn div:hover{background:var(--color);color:#fff}
.wmpage40-page4-btn div:hover i{color:#fff}
@media (max-width:1366px){.wmpage40-page4-next,.wmpage40-page4-prev{width:45px;height:45px}
.wmpage40-page4-next i,.wmpage40-page4-prev i{font-size:var(--wmpage-font14);line-height:1}
}
@media (max-width:1024px){.wmpage40-Swiperpage4 .swiper-slide img{width:100%}
.wmpage40-page3-swiper{margin-top:25px}
}

.wmpage40-page5 .wpmage40-main{max-width:var(--wmpage-container2,1180px);margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.wmpage40-page5-left h5{font-weight:var(--fontbold7);font-style:normal;font-size:var(--wmpage-font42);line-height:58px}
.wmpage40-page5-right a{font-size:var(--wmpage-font16);border-radius:30px;text-align:center;cursor:pointer;padding:15px 42px;background-repeat:no-repeat;background-position:center;box-shadow:0 15px 30px 0 #b8bde9;color:#fff;background:var(--color)}
.wmpage40-page5-left p{max-width:var(--fontbold6);font-weight:var(--fontbold3);font-size:var(--wmpage-font16);line-height:24px;margin-top:15px}
.wmpage40-page5{background:url(https://img01.v15cdn.com/singletem/wmpage40/wmpage40-common.webp) center no-repeat;background-size:cover;padding:50px 0;margin-top:50px}
.wmpage40-page5-left{flex:1;padding-left:5%}
.wmpage40-page5-right{display:flex}
@media (max-width:1100px){.wmpage40-page5{padding:20px 0;margin-top:0;background-size:contain}
}
@media (max-width:768px){.wmpage40-page5 .wpmage40-main{flex-direction:column}
.wmpage40-page5{padding:0}
.wmpage40-page5-left{padding-left:0;text-align:center}
.wmpage40-page5-right{margin-top:30px}
}
@media (max-width:500px){.wmpage40-page5-right a{padding:12px 35px;line-height:1}
.wmpage40-page5-right a{padding:10px 30px}
}
.wmpage40-page4-btn div em,.wmpage40-page3-btn div em{color: #000;}
.wmpage40-page4-btn div:hover em,.wmpage40-page3-btn div em:hover{color: #fff;}
