.slide{position:relative;width:100%;z-index:1;height:auto;overflow:hidden;}
.swiper-slide{position:relative;width:auto;height:650px;overflow:hidden;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-position: center center; background-repeat: no-repeat;background-size: cover;}
.swiper-pagination{position:absolute;z-index:999;bottom:30px!important;left:0;width:100%;text-align:center;}
.swiper-pagination-bullet{display:inline-block;width:10px;height:10px;margin:0 8px!important;background:#fff;border-radius:10px;cursor:pointer;opacity:.9;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.swiper-pagination-bullet-active{width:30px;opacity:.9;background:#4581fb;}
.swiper-slide .swiper-w{z-index:999;width:500px;height:300px;position: absolute;top:50%;margin-top:-150px;left:10%;text-align: left;color: #333333}
.swiper-slide .swiper-w h4{font-size:38px;font-weight: 700}
.swiper-slide .swiper-w p.sw-p{font-size: 20px;margin-top:60px;margin-bottom:50px;}
.tit{position: relative;text-align:left;line-height:45px;height:45px;padding:50px 0;}
.tit .tit-h2{position: relative;float: left;font-size:26px;padding-left: 15px;font-weight: 600;color:#333}
.tit .tit-h2:before { position: absolute; top:12.5px; left:0; content: ""; width:5px; height:20px; background: #4581fb; }
.tit .tit-p{font-size:16px;line-height:45px;color: #666;float: left;margin-left: 30px;}
.ser{background: #f5f8ff;padding-bottom: 30px;}
.ser_l{display: flex;flex-wrap: wrap;justify-content:space-between;}
.ser_l .ser_item{width:28%;border-radius: 10px;padding:3% 2%;margin-bottom:30px;background: #ffffff;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -o-box-shadow: 1px 1px 12px rgba(0,0,0,.08); box-shadow: 1px 1px 12px rgba(0,0,0,.08); -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear;}
.ser_l .ser_item a{display: flex;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.ser_l .ser_item .ser_i img{width:150px;}
.ser_l .ser_item .ser_w{margin-left: 10px;margin-top:0;}
.ser_l .ser_item .ser_w h3{font-size: 18px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.ser_l .ser_item .ser_w p{font-size: 14px;margin-top: 10px;color: #666;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.plan{padding-bottom: 30px;}
.plan_l{display: flex;flex-wrap: wrap;justify-content:space-between;}
.plan_l .plan_item{width:24%;border-radius: 10px;margin-bottom:30px;background: #f5f8ff;overflow: hidden;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -o-box-shadow: 1px 1px 12px rgba(0,0,0,.08); box-shadow: 1px 1px 12px rgba(0,0,0,.08); -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear;}
.plan_l .plan_item .plan_i img{width:100%;}
.plan_l .plan_item .plan_w{padding: 20px;}
.plan_l .plan_item .plan_w h3{font-size:16px;font-weight: normal;padding-bottom: 15px;border-bottom: 1px #e0e0e0 solid;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.plan_l .plan_item .plan_w p{font-size: 14px;margin-top:12px;color: #666;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.about{background: #ffffff url(../images/bg-homeabout.jpg) no-repeat right center / 100% 100%;padding:80px 0;overflow: hidden;}
.about .about_l{width:60%;float: left}
.about .about_l h3{position: relative;font-size:30px;line-height:35px;margin-bottom:50px;color: #333333;padding-left:15px;}
.about .about_l h3:before { position: absolute; top:7.5px; left:0; content: ""; width:5px; height:20px; background: #4581fb; }
.about .about_l .about_c{font-size:18px;color: #808080;line-height:2;}
.about .about_l .about_c p{margin-bottom:10px;}
.about .about_l .zyyw{font-size:18px;line-height:40px;margin-top: 50px;color: #2258d0}
.about .about_l .zyyw a{display: inline-block;border:1px #cccccc solid;padding:0 10px;border-radius:10px;font-size: 14px;color: #666}
.about .about_l .zyyw a:hover{border:1px #2258d0 solid;color: #2258d0}
.about .about_l .more{margin-top:50px;}
.about .about_l .anniu{width:120px;margin-left: 30px;}
.about .about_l .more a{display: inline-block;width:120px;font-size: 15px; text-align: center; padding: 0 30px;line-height:40px; border-radius:10px;border:1px #2258d0 solid; color: #2258d0;}
.about .about_r{width:30%;float: right}
.about .about_r img{width:100%;}
.case{padding-bottom: 30px;background: #f5f8ff;}

.news{padding-bottom: 30px;overflow: hidden;}
.news .new{display: flex;flex-wrap: wrap;justify-content:space-between;}
.news_l{width: 36%;background: #f5f8ff;}
.news_l .news_img{position: relative; width: 100%; padding-top:75%; overflow: hidden;}
.news_l .news_img img{width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.news_l .news_info{padding:15px;}
.news_l .news_info h3{font: 24px/40px "Microsoft YaHei";height:40px;margin-bottom: 15px;border-bottom: 1px #e0e0e0 solid; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news_l .news_info p{font-size: 16px;margin-top:12px;line-height:24px;height:48px;color: #777;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news_l .news_info span{display: block;font-size: 14px;margin-top: 15px;color: #999;}
.new_t{line-height:40px;width: 100%;height:40px;margin-bottom:30px;}
.new_t span{font-size:20px;float: left}
.new_t a{font-size:16px;float: right;color: #2258d0}
.news_c{width: 27%;background: #f5f8ff;padding:1.5%;}
.new_it {display: flex;flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;margin-bottom: 30px;}
.new_it .new_img{position: relative;width:28%;height:0;padding-top: 21%;}
/*.new_it .new_img a{display:block;overflow: hidden; padding-bottom:75%; position: relative; width: 100%;}*/
.new_it .new_img img{object-fit: cover; height: 100%; width: 100%; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0);}
.new_it .new_info{width:68%}
.new_it .new_info h3{font:16px/20px "Microsoft YaHei";overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.new_it .new_info p{margin-top:12px;color: #888888}
.news_r{width: 30%;background: #f5f8ff;}
@media (max-width:900px) {
.swiper-slide{height:300px;}
.swiper-slide .swiper-w{width:80%;height:200px;top:80px;margin-top:0;left:10%;}
.swiper-slide .swiper-w h4{font-size:24px;}
.swiper-slide .swiper-w p.sw-p{font-size: 14px;margin-top:20px;margin-bottom:20px;}
.tit{line-height:45px;height:auto;padding:20px 0 20px;overflow:hidden}
.tit .tit-h2{font-size:24px;padding-left: 15px;}
.tit .tit-h2:before { top:12.5px; left:0; }
.tit .tit-p{font-size:12px;height:20px;line-height:20px;margin-left: 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.ser_l .ser_item{width:96%;border-radius: 10px;padding:3% 2%;margin-bottom:10px;}
.ser_l .ser_item .ser_i img{width:80px;}
.ser_l .ser_item .ser_w{margin-left: 10px;margin-top:10px;}
.ser_l .ser_item .ser_w h3{font-size:16px;}
.ser_l .ser_item .ser_w p{font-size: 14px;margin-top:5px;}
.plan{padding-bottom: 30px;}
.plan_l .plan_item{width:100%;border-radius: 10px;margin-bottom:10px;display: flex;flex-wrap: wrap;justify-content:space-between;}
.plan_l .plan_item .plan_i{width:35%}
.plan_l .plan_item .plan_i img{width:100%;}
.plan_l .plan_item .plan_w{width:58%;padding:2%;}
.plan_l .plan_item .plan_w h3{font-size:16px;line-height:30px;padding-bottom:0;}
.plan_l .plan_item .plan_w p{font-size: 12px;margin-top:8px;height:27px;}
.about{padding:30px 0;}
.about .about_l{width:100%;}
.about .about_l h3{font-size:24px;margin-bottom:20px;}
.about .about_l .about_c{font-size:14px;line-height:1.5;}
.about .about_l .zyyw{font-size:14px;line-height:30px;margin-top:20px;}
.about .about_l .zyyw a{font-size: 14px;margin-right:10px;margin-bottom:6px;}
.about .about_l .more{margin-top:20px;}
.about .about_l .anniu{width:45%;margin-left:4%;padding: 0 0;}
.about .about_l .more a{width:48%;font-size: 15px;padding: 0 0;}
.about .about_r{width:100%;float: right}
.about .about_r img{width:100%;}
.news_l{width: 100%;margin-bottom:10px;}
.news_l .news_info{padding:10px 15px;}
.news_l .news_info h3{font:14px/30px "Microsoft YaHei";height:30px;margin-bottom:6px;}
.news_l .news_info p{font-size: 12px;margin-top:6px;line-height:20px;height:40px;}
.news_l .news_info span{font-size: 12px;margin-top:6px;}
.new_t{line-height:40px;height:40px;margin-bottom:20px;border-bottom: 1px #e0e0e0 solid;}
.new_t span{font-size:20px;font-weight:700;float: left}
.new_t a{font-size:14px;}
.news_c{width:92%;padding:2% 4%;margin-bottom:10px}
.new_it {margin-bottom:10px;}
}