﻿@media (max-width:560px) {.home-container .about-info div,.home-container .about-info .about-content article p{color: #000;}}
@media (min-width:1025px){.home-container .about-info .about-content{padding-bottom: 70px;}}
.home-praise{margin-top:3%;text-align:center;}
.l-wrap{margin-left:260px;margin-right:260px;}
@media (min-width: 1281px) and (max-width: 1520px){.l-wrap{margin-left:100px;margin-right:100px;}}
@media (min-width: 1081px) and (max-width: 1280px){.l-wrap{margin-left:50px;margin-right:50px;}}
@media (min-width: 769px) and (max-width: 1080px){.l-wrap{margin-left:25px;margin-right:25px;}}
@media (max-width: 768px){.l-wrap{margin-left:4vw;margin-right:4vw;}}

.home-container .welcome-info.welcome-info2{margin-top:0;}
.home-howto h3{font-size:40px;text-align: center;font-weight: var(--fontbold7);}
.home-howto h3+p{color:var(--color);text-align: center;max-width:1200px;margin:10px auto 0;}
.home-howto ul{margin-top:30px;display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-howto ul li{width:48%;border:1px solid #000;border-radius: 20px;box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.5);padding:2%;}
.home-howto ul li:nth-child(n+3){margin-top:3%;}
.home-howto ul li .item-top{display:flex;align-items:center;}
.home-howto ul li .item-top .icon{width:100px;}
.home-howto ul li .item-top p{color:var(--color);font-weight: var(--fontbold7);width:calc(100% - 100px);padding-left:10px;font-size:30px;line-height: 1.3;}
.home-howto ul li .howto-des{text-indent: 2em;margin-top:15px;}
.home-howto ul li .howto-des strong{color:var(--color)}
.home-praise img{width:100%;display:block;}
.home-praise .img2{margin-top:30px;}

.home-roll{margin:50px 0;}
.home-roll h3{text-align: center;font-size:40px;font-weight: var(--fontbold7);color:var(--color)}
.home-roll ul{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:30px;}
.home-roll ul li{width:24%;display:flex;flex-direction: column;position: relative;}
.home-roll ul li:nth-child(n+5){margin-top:2%;}
.home-roll ul li .img img{max-width:100%;display:block;margin:0 auto}
.home-roll ul li .title{text-align:center;position: relative;}
.home-roll ul li .title span{position: absolute;top:50%;left:0;width:100%;transform: translateY(-50%);color:#fff;display:block;font-size:18px;}

.home-about{padding:0 50px;margin-bottom:50px;background: url(/uploads/26732/index/homeabout-bg.jpg) no-repeat left/cover;display:flex;justify-content: space-between;flex-wrap:wrap;}
.home-about .about-left{width:40%;}
.home-about .about-left .about-title{border-left:10px solid var(--color);padding-left:10px;margin-bottom:20px;}
.home-about .about-left .about-title p{font-size:30px;font-weight: var(--fontbold7);line-height: 1.4;}
.home-about .about-left .about-title p span{color:var(--color)}
.home-about .about-left .about-des strong{color:var(--color)}
.home-about .about-left .about-des p{text-indent: 2em;margin-top:15px;}
.home-about .about-right{width:55%;display:flex;align-items: flex-end;}
.home-about .about-right ul{display:flex;justify-content: space-between;flex-wrap:wrap;}
.home-about .about-right ul li{width:32%;position: relative;}
.home-about .about-right ul li .img{position: relative;}
.home-about .about-right ul li .img img{width:100%;display:block;}
.home-about .about-right ul li .img p{position: absolute;left:50%;transform: translateX(-50%);color:#fff;bottom:6%;text-align: center;white-space: nowrap;}
.home-about .about-right ul li.item2 .img p{left:53%;}
.home-about .about-right ul li.item3 .img p{left:55%;}
.home-about .about-right ul li .img p span{display:block;font-weight: var(--fontbold7);font-size:30px;}
@media (max-width:1600px){.home-about .about-right ul li .img p span{font-size:1.8vw;}
.home-about .about-right ul li .img p{font-size:0.8vw;}
.home-about .about-left .about-des p{font-size:14px;}}
@media (max-width:1440px){.home-about{align-items: center;}
.home-container .welcome-info h3 span{font-size:20px}}
@media (max-width:1280px){.home-container .welcome-info h3,.home-howto h3,.home-roll h3{font-size:34px;}
.home-howto ul li .item-top p{font-size:24px;}}
@media (max-width:1024px){.home-about .about-left{width:100%;}
.home-about .about-right{width:100%;margin-top:20px;}
.home-about .about-right ul li .img p{bottom:8%;}}
@media (max-width:768px){.home-about{padding:0 4vw;}
.home-howto ul li .item-top p{font-size:20px;}
.home-roll ul li{width:49%;}
.home-roll ul li:nth-child(n+3){margin-top:2%;}}
@media (max-width:550px){.home-container .welcome-info h3, .home-howto h3, .home-roll h3,.home-about .about-left .about-title p{font-size:4.8vw}
.home-container .welcome-info h3 span,.home-howto h3+p{font-size:3.8vw}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .icon{max-width:40px;}
.home-howto ul li{width:100%;}
.home-howto ul li:nth-child(n+2){margin-top:10px;}
.home-howto ul li .item-top .icon{width:70px;}
.home-howto ul li .howto-des,.home-roll ul li .title span{font-size:14px;}
.home-about .about-left .about-des p{word-break: break-word;}
.home-about .about-right ul li{width:100%;}
.home-about .about-right ul li .img p span{font-size:18px}
.home-about .about-right ul li .img p{font-size:12px;}}
.home-container .part-title h3 em {font-style: normal;color: var(--color); }
.home-about .content{ display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-title{color:var(--fontcolor)}
.home-title em{font-style:normal;color:var(--color)}
.home-roll h3{color: var(--fontcolor);}
.home-about h3,.home-praise h3{font-size:40px;text-align:center;font-weight:var(--fontbold7)}
.home-about {justify-content:center}
@media (max-width:1280px){.home-aboutl h3 ,.home-praise h3{font-size:34px}
}@media (max-width:550px){.home-about h3 ,.home-praise h3{font-size:4.8vw}}
  .home-praise h3{padding-bottom:20px;position:relative;margin:2% 0}
.home-praise h3:after{content:'';width:120px;height:3px;background:var(--color);display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.home-praise .img2{margin-top:0}