.wp{max-width:1392px; margin:0 auto;}
*{font-family: '微软雅黑';box-sizing: border-box;}

/* 头部 */ 
#web_head{position: absolute;top:53px;left: 50%;background-color: #fff;height: 90px;line-height: 90px;
	z-index: 999;width: 1520px;transform: translateX(-50%);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#web_head .logo{float: left;}
#web_head .logo img{width:158px;vertical-align: middle;}
#web_head .nav{float: right;font-size: 0;position: relative;height: 100px;font-size: 0;}
#web_head .nav .item{display: inline-block;position: relative;
   margin-left: 64px;
}
#web_head .nav .item>em{position: absolute;width: 0px;height: 6px;
   border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background-color: #3EACF8;
   top: 0;left: 50%;margin-left: -0px;  transition: .3s;
}
#web_head .nav .item:hover>em{width: 34px;margin-left: -17px; transition: .3s;}
#web_head .nav .item.on>em{width: 34px;margin-left: -17px; transition: .3s;}



#web_head .nav .item .down_nav{position: absolute;background-color: #fff;
   top: 94px;left: 0;display: none;text-align: center;z-index: 999;
   border: 1px solid #ddd;border-top: none;margin-left: -25px;
}
#web_head .nav .item:hover .down_nav{display: block;}
#web_head .nav .item .down_nav a{line-height: 1;display: block;font-size: 16px;color: #000;white-space: nowrap;
   width: 135px;text-align: center;height: 52px;line-height: 51px;border-bottom: 1px solid rgba(62, 172, 248, 0.3);
}
#web_head .nav .item .down_nav a:last-child{border-bottom: none;}
#web_head .nav .item .down_nav a:hover{color: #3EACF8;}
#web_head .nav .item a{display: inline-block;font-size: 18px;color: #707070;text-align: center;height: 90px;
   text-align: left;
}
#web_head .nav .item:hover>a{color: #3EACF8;}
#web_head .nav .item.on>a{color: #3EACF8;}

#web_head .nav .news_down{position: absolute;top: 100px;width: auto;padding-top: 10px;padding-left: 35px;
   
}
#web_head .nav .news_down .con{line-height: 60px;height: auto;background-color: #fff;
   width: 100%;
}
#web_head .nav .news_down .con a{font-size: 16px;line-height: 60px;margin-left: 0;}
.pic{background-repeat: no-repeat;}
#web_head .nav .news_down.news_down_one{padding-left: 0;padding-top: 0;}







/* 首页 */
.index_banner{position: relative;width: 100%;overflow: hidden;}
.index_banner img{max-width: 100%;vertical-align: middle;}
.index_banner .swiper-pagination{z-index: 9;}
.index_banner  .swiper-pagination-bullet{background-color: #fff;opacity: 1;width: 16px;height: 8px;
   border-radius: 5px;
}
.index_banner  .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;
  background-color: #3EACF8;
}
.index_banner .swiper-pagination{bottom: 25px !important;position: absolute;width: auto !important;
   background-color: rgba(255, 255, 255, 0.2);padding: 8px 15px;border-radius: 5px;left: 50% !important;
   transform: translateX(-50%);
}
.index_banner .banner_mass{position: absolute;z-index: 99;width: 1392px;left: 50%;
   transform: translateX(-50%);height: 53px;line-height: 53px;overflow: hidden;
}
.index_banner .banner_mass .left{float: left;overflow: hidden;}
.index_banner .banner_mass .left .item{float: left;margin-right: 35px;}
.index_banner .banner_mass .left .item img{width: 32px;vertical-align: middle;}
.index_banner .banner_mass .left .item span{color: #FFFFFF;
   opacity: 0.8;font-size: 16px;margin-left: 4px;vertical-align: middle;
}
.index_banner .banner_mass .right{float: right;} 
.index_banner .banner_mass .right img{width: 30px;vertical-align: middle;}
.index_banner .banner_mass .right a{margin-left: 15px;}
.index_banner .swiper-slide{position: relative;}

.index_banner .swiper-slide{position: relative;}
.index_banner .swiper-slide .text{position: absolute;z-index: 99;top: 50%;
   width: 1392px;left: 50%;
   transform: translate(-50%,-50%);
   text-align:center;
}
.index_banner .swiper-slide .text h4{font-size: 46px;color: #fff;font-weight: normal;}
.index_banner .swiper-slide .text p{font-size: 20px;color: #fff;margin-top: 15px;}
.index_banner .swiper-slide .text a{width: 210px;height: 46px;text-align: center;display: block;
   border: 1px solid #fff;margin-top: 60px;line-height: 46px;border-radius: 5px;
   font-size: 16px;color: #fff;
}
.index_banner .swiper-slide .text a:hover{background-color: #fff;color: #3EACF8;}


.index_about{background-color: #fff;}
.index_about .wp{background-image: url(../images/bg1.png);background-size: contain;background-position: center bottom;
   padding-top: 60px;padding-bottom: 180px;background-repeat: no-repeat;
}

.index_about .about_con{display: flex;align-items: center;justify-content: space-between;}
.index_about .about_con .left{width: 46%;}
.index_about .about_con .left img{width: 100%;vertical-align: middle;border-bottom-left-radius: 50px;
   border-top-right-radius: 50px;
}
.index_about .about_con .text{width: 46%;}
.index_about .about_con .text h4{font-size: 28px;color: #333;margin-bottom: 40px;position: relative;
   font-weight: normal;
}
.index_about .about_con .text h4 em{position: absolute;left: 0;bottom: -12px;
   width: 32px;height: 5px;background-color: #3EACF8;border-radius: 3px;
}
.index_about .about_con .text p{font-size: 16px;color: #333;margin-top: 12px;line-height: 1.9;}

.index_about .about_con .more{text-align: left;margin-top: 40px;}
.index_about .about_con .more a{display: inline-block;font-size: 0;position: relative;
   height: 56px;font-size: 16px;color: #fff;background-color: #3EACF8;border-bottom-left-radius: 12px;
   border-top-right-radius: 12px;width: 170px;line-height: 56px;text-align: center;
}
.index_about .about_con .more a:hover{opacity: 0.8;}

.index_trade_list{background-color: #f8f8f8;padding: 60px 0;}
.index_trade_list .title{overflow: hidden;}
.index_trade_list .title h4{float: left;font-size: 28px;color: #333;font-weight: normal;}
.index_trade_list .title .index_re_nav{float: right;overflow: hidden;}
.index_trade_list .title .index_re_nav .item{float: left;margin-left: 30px;position: relative;}

.index_trade_list .title .index_re_nav .item a{height: 50px;line-height:50px;font-size: 18px;color: #333;}
.index_trade_list .title .index_re_nav .item>em{position: absolute;width: 0px;height: 6px;
   border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background-color: #3EACF8;
   top: 0;left: 50%;margin-left: -0px;  transition: .3s;
}
.index_trade_list .title .index_re_nav .item:hover>em{width: 30px;margin-left: -15px; transition: .3s;}
.index_trade_list .title .index_re_nav .item.on>em{width: 30px;margin-left: -15px; transition: .3s;}

.index_trade_list .title .index_re_nav .item:hover>a{color: #3EACF8;}
.index_trade_list .title .index_re_nav .item.on>a{color: #3EACF8;}
.index_trade_list .list_one{overflow: hidden;margin-left: -25px;margin-bottom: 25px;margin-top: 25px;} 
.index_trade_list .list_one .item{width: 50%;float: left;padding-left: 25px;}
.index_trade_list .list_one .item .con{overflow: hidden;width: 100%;padding-top: 47%;position: relative;}
.index_trade_list .list_one .item .pic{background-size: cover;
   background-position: center center;position: absolute;transition:.3s;
   left: 0;width: 100%;top: 0;height: 100%;
}
.index_trade_list .list_one .item:hover .pic{transform: scale(1.1);transition:.3s;}
.index_trade_list .list_one .item p{position: absolute;width: 100%;left: 0;bottom: 0;height: 60px;
   line-height: 60px;padding: 0 25px;font-size: 22px;color: #fff;
   background-image: linear-gradient(rgba(72, 72, 72, 0), rgba(72, 72, 72, 1));
}
.index_trade_list .list_one .item p span{position: absolute;right: 25px;top: 50%;
   transform: translateY(-50%);font-size: 16px;
}

.index_trade_list .list_two{overflow: hidden;margin-left: -25px;margin-bottom: 25px;margin-top: 25px;} 
.index_trade_list .list_two .item{width: 33.3333%;float: left;padding-left: 25px;}
.index_trade_list .list_two .item .con{overflow: hidden;width: 100%;padding-top: 67%;position: relative;}
.index_trade_list .list_two .item .pic{background-size: cover;
   background-position: center center;position: absolute;transition:.3s;
   left: 0;width: 100%;top: 0;height: 100%;
}
.index_trade_list .list_two .item:hover .pic{transform: scale(1.1);transition:.3s;}
.index_trade_list .list_two .item p{position: absolute;width: 100%;left: 0;bottom: 0;height: 60px;
   line-height: 60px;padding: 0 25px;font-size: 22px;color: #fff;
   background-image: linear-gradient(rgba(72, 72, 72, 0), rgba(72, 72, 72, 1));
}
.index_trade_list .list_two .item p span{position: absolute;right: 25px;top: 50%;
   transform: translateY(-50%);font-size: 16px;
}

.index_butler_list{background-color: #fff;padding: 60px 0;}
.index_butler_list h4{text-align: center;font-size: 28px;color: #333;font-weight: normal;
   margin-bottom: 40px;
}
.index_butler_list .list{padding: 12px 0;margin-left: -25px;}
.index_butler_list .list.list_one .item{width: 25%;float: left;padding-left: 25px;}
.index_butler_list .list .con{box-shadow: 0px 3px 12px rgba(156, 171, 178, 0.16);
   border-radius: 8px;padding: 55px 35px;text-align: center;
}
.index_butler_list .list.list_one .con img{width: 114px;vertical-align: middle;}
.index_butler_list .list .con h6{font-size: 24px;color: #333;font-weight: normal;margin-top: 20px;}
.index_butler_list .list .con p{font-size: 14px;color: #333;line-height: 1.6;
   margin-top: 20px;height: 44px;overflow: hidden;
}
.index_butler_list .list.list_one .con span{display: inline-block;width: 146px;height: 38px;text-align: center;
   line-height: 37px;cursor: pointer;font-size: 16px;border-radius: 50px;margin-top: 28px;
}
.index_butler_list .list.list_one .con span:hover{color: #fff !important;}
.index_butler_list .list.list_one .con span.span1{color: #FE799C;border: 1px solid #FE799C;}
.index_butler_list .list.list_one .con span.span1:hover{background-color: #FE799C;}
.index_butler_list .list.list_one .con span.span2{color: #3EACF8;border: 1px solid #3EACF8;}
.index_butler_list .list.list_one .con span.span2:hover{background-color: #3EACF8;}
.index_butler_list .list.list_one .con span.span3{color: #F02915;border: 1px solid #F02915;}
.index_butler_list .list.list_one .con span.span3:hover{background-color: #F02915;}
.index_butler_list .list.list_one .con span.span4{color: #F2A723;border: 1px solid #F2A723;}
.index_butler_list .list.list_one .con span.span4:hover{background-color: #F2A723;}

.index_butler_list .list.list_two{margin-top: 10px;}
.index_butler_list .list.list_two .item{width: 50%;float: left;padding-left: 25px;}
.index_butler_list .list.list_two .con{overflow: hidden;position: relative;padding-left: 160px;}
.index_butler_list .list.list_two .con .pic{position: absolute;width: 106px;height: 106px;
   left: 30px;top: 50%;transform: translateY(-50%);
}
.index_butler_list .list.list_two .con .pic img{width: 100%;}
.index_butler_list .list.list_two .con .pic img.img2{display: none;}
.index_butler_list .list.list_two .con .txt{text-align: left;}
.index_butler_list .list.list_two .con .txt h6{margin-top: 0;}
.index_butler_list .list.list_two .con .txt p{margin-top: 10px;}
.index_butler_list .list.list_two .con:hover{background-color: #6F74F4;}
.index_butler_list .list.list_two .con:hover .txt h6{color: #fff;}
.index_butler_list .list.list_two .con:hover .txt p{color: #fff;}
.index_butler_list .list.list_two .con:hover .pic img.img1{display: none;}
.index_butler_list .list.list_two .con:hover .pic img.img2{display: block;}

.index_butler_list .list.list_two.list_three .item{width: 33.3333%;float: left;padding-left: 25px;}
.index_butler_list .btn{text-align: center;margin-top: 50px;}
.index_butler_list .btn a{display: inline-block;margin: 0 20px;width: 172px;height: 48px;line-height: 48px;
   border-radius: 50px;font-size: 16px;
}
.index_butler_list .btn a:hover{opacity: 0.8;}
.index_butler_list .btn a.a1{background: linear-gradient(220deg, #E98441 0%, #F28B4F 0%, #F6A73F 100%);
   color: #fff;
}
.index_butler_list .btn a.a2{border: 1px solid #3EACF8;
   color: #3EACF8;
}


.index_out_list{background-color: #f8f8f8;padding: 60px 0;}
.index_out_list h4{text-align: center;font-size: 28px;color: #333;font-weight: normal;
   margin-bottom: 30px;
}

.index_out_swiper{overflow: hidden;position: relative;}
.index_out_swiper .swiper-slide{overflow: hidden;position: relative;}
.index_out_swiper .pic{width: 50%;}
.index_out_swiper .pic img{width: 100%;vertical-align: middle;}
.index_out_swiper .text{width: 50%;position: absolute;right: 0;top: 0;background-color: #fff;height: 100%;
   background-image: url(../images/bg2.png);background-size: cover;background-position: center bottom;
   padding: 32px;
}
.index_out_swiper .text span{display: block;font-size: 20px;color: #333;}
.index_out_swiper .text h5{font-size:30px;color: #333;margin-top: 18px;}
.index_out_swiper .text p{font-size: 18px;color: #333;margin-top: 10px;}
.index_out_swiper .text p em{color: #3EACF8;}
.index_out_swiper .text a{display: block;width: 172px;height: 48px;line-height: 48px;
   border-radius: 50px;font-size: 16px;border: 1px solid #3EACF8;color: #3EACF8;
   text-align: center;margin-top: 50px;
}
.index_out_swiper .out_btn{position: absolute;width: 32px;height: 32px;top: 32px;font-size: 22px;color: #333;
   z-index: 99;border: 1px solid #999;text-align: center;line-height:28px;cursor: pointer;
}
.index_out_swiper .out_btn:hover{background-color: #3EACF8;border: 1px solid #3EACF8;color: #fff;}
.index_out_swiper .out_btn.out_prev{right:75px;}
.index_out_swiper .out_btn.out_next{right: 32px;}

/* 底部 */
#web_food{background-color: #074476;padding:60px 0;overflow: hidden;}
#web_food .left{width: 50%;float: left;display: flex;justify-content: space-between;padding-right: 180px;
   border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#web_food .left dt{font-size: 16px;color: #fff;}
#web_food .left dd{margin-top: 18px;}
#web_food .left dd a,#web_food .left dd{font-size: 14px;color: #fff;opacity: 0.6;}
#web_food .left dd a:hover{color: #F5A043;opacity: 1;}
#web_food .right{padding-left: 130px;float: right;width: 50%;}
#web_food .right .top{display: flex;justify-content: space-between;}
#web_food .right .top p{margin-bottom: 25px;}
#web_food .right .top p img{width: 26px;vertical-align: middle;}
#web_food .right .top p span{font-size: 24px;vertical-align: middle;color: #fff;margin-left: 10px;}
#web_food .right .top .code{width: 140px;}
#web_food .right .top .code img{width: 140px;}
#web_food .right .top .code em{display: block;width: 140px;text-align: center;font-size: 14px;color: #fff;
   opacity: 0.8;margin-top: 12px;
}
#web_food .right .copy{text-align: center;margin-top: 170px;}
#web_food .right .copy p{font-size: 14px;color: #fff;opacity: 0.8;margin-top: 8px;}

/* 关于我们 */
.web_about_con{padding: 30px 0;padding-bottom: 70px;}
.web_about_con .about_con{display: flex;align-items: center;justify-content: space-between;}
.web_about_con .about_con .left{width: 40%;}
.web_about_con .about_con .left img{width: 100%;vertical-align: middle;border-bottom-left-radius: 50px;
   border-top-right-radius: 50px;
}
.web_about_con .about_con .text{width: 55%;}
.web_about_con .about_con .text h4{font-size: 28px;color: #333;margin-bottom: 40px;position: relative;
   font-weight: normal;
}
.web_about_con .about_con .text h4 em{position: absolute;left: 0;bottom: -12px;
   width: 32px;height: 5px;background-color: #3EACF8;border-radius: 3px;
}
.web_about_con .about_con .text p{font-size: 16px;color: #333;margin-top: 12px;line-height: 1.9;}
.web_about_con .pic_list_ab{margin-top:30px;display: flex;align-items: center;justify-content: space-between;}
.web_about_con .pic_list_ab img{width: 32%;vertical-align: middle;}

.er_nav_con{background-color: #fff;box-shadow: 0px 6px 12px rgba(188, 201, 207, 0.6);}
.now_con{display: flex;justify-content: space-between;padding: 30px 0;}
.now_con span{font-size: 16px;color: #333;vertical-align: middle;}
.now_con .right img{width: 18px;vertical-align: middle;margin-right: 5px;}
.now_con a{font-size: 16px;color: #333;vertical-align: middle;}
.now_con a:hover{text-decoration: underline;}
.now_con em{font-size: 16px;color: #333;vertical-align: middle;margin: 0 5px;}
.now_con .left em{margin: 0 20px;opacity: 0.8;}
.now_con .left span.on{color: #3EACF8;}
.now_con .left a:hover{text-decoration: none;color: #3EACF8;}
.now_con .left a:hover span{color: #3EACF8;}

/* 商业 */
.commerce_con{background-color: #f8f8f8;padding: 50px 0;}

.commerce_list{overflow: hidden;margin-left: -24px;}
.commerce_list .item{width: 33.3333%;float: left;padding-left: 24px;margin-bottom: 24px;}
.commerce_list .item .con{background-color: #fff;}
.commerce_list .item .pic{padding-top: 67%;background-size: cover;}
.commerce_list .item .text{height: 78px;line-height: 78px;padding-left: 24px;padding-right: 110px;
   position: relative;
}
.commerce_list .item .text p{width: 100%;font-size: 22px;color: #333;}
.commerce_list .item .text span{position: absolute;right: 24px;top: 50%;transform: translateY(-50%);
   font-size: 16px;color: #333;
}
.commerce_list .item .con:hover .text span{color: #3EACF8;}
.commerce_list .item .con .text em{display: block;position: absolute;left: 0;bottom: 0;
   height: 2px;background-color: #3EACF8;width: 0;transition: 0.3s;
}
.commerce_list .item .con:hover .text em{width: 100%;transition: 0.3s;}

#page{text-align: center;margin-top: 60px;margin-bottom: 60px;}
#page li{display: inline-block; height: 35px; padding: 0 14px; border: 1px solid #ddd; line-height: 35px; font-size: 14px; 
   color: #333;
	margin: 0 5px;cursor: pointer;background-color: #fff;border-radius: 3px;
}
#page li a{color: #333;}
#page li:hover,#page li.active{border: 1px solid #3EACF8; background-color: #3EACF8;color: #fff;}
#page li:hover a,#page li.active a{color: #fff;}


.web_deta{margin: 60px 0;}
.web_deta .deta{margin-top: 30px;}
.web_deta .deta p{font-size: 16px;color: #333;line-height: 1.8;margin-bottom: 15px;}
.web_deta .deta .pic{margin-top: 30px;}
.web_deta .title2{text-align: center;border-bottom: 1px solid #f0f0f0;padding-bottom: 25px;}
.web_deta .title2 h4{font-size: 22px;color: #000;}
.web_deta .title2 span{font-size: 14px;color: #666;margin: 0 10px;margin-top: 15px;display: inline-block;}
.web_deta .back{margin-top: 40px;padding-top: 40px;border-top: 1px solid #f0f0f0;text-align: center;}
.web_deta .back a{display: inline-block;width: 166px;height: 50px;text-align: center;line-height: 48px;border: 1px solid #ccc;
	font-size: 14px;color: #333;transition: .3s;
}
.web_deta .back a:hover{background-color: #3EACF8;border: 1px solid #3EACF8;color: #fff;transition: .3s;}

/* 管家 */
.butler_con{padding: 70px 0;}

.index_butler_list2{background-color: transparent;}
.index_butler_list2 .item{margin-bottom: 25px;}
.index_butler_list.index_butler_list2 .list.list_two .con:hover{background-color: #fff;}

.index_butler_list.index_butler_list2 .list.list_two .con:hover .txt h6{color: #3EACF8;}
.index_butler_list.index_butler_list2 .list.list_two .con:hover .txt p{color: #333;}


.butler_deta_flow{background-color: #f8f8f8;padding: 60px 0;}
.butler_deta_flow h4{text-align: center;font-size: 28px;color: #333;font-weight: normal;}
.butler_deta_flow img{max-width: 100%;vertical-align: middle;margin-top: 40px;}

.butler_deta_pic{background-color: #fff;padding: 60px 0;}
.butler_deta_pic h4{text-align: center;font-size: 28px;color: #333;font-weight: normal;}
.butler_deta_pic img{max-width: 100%;vertical-align: middle;}
.butler_deta_pic .pic1{margin-top: 40px;position: relative;}
.butler_deta_pic .pic1 .text{position: absolute; padding: 65px 45px;left: 0;top: 0;width: 100%;height: 100%;}
.butler_deta_pic .pic1 h5{font-size: 24px;color: #fff;font-weight: normal;}
.butler_deta_pic .pic1 span{display: block;width: 2em;height: 2px;background-color: #fff;margin-top: 20px;}
.butler_deta_pic .pic1 p{font-size: 16px;color: #fff;line-height: 1.8;width: 385px;margin-top: 22px;}
.butler_deta_pic .pic1 a{width: 146px;display: block;text-align: center;line-height: 38px;font-size: 16px;color: #fff;
   height: 38px;background: linear-gradient(220deg, #E98441 0%, #F28B4F 0%, #F6A73F 100%);
   border-radius: 50px;margin-top: 40px;
}
.butler_deta_pic .pic1 a:hover{opacity: 0.8;}
.butler_deta_pic .pic2{display: flex;justify-content: space-between;margin-top: 25px;margin-left: -25px;}
.butler_deta_pic .pic2 .item{width: 50%;padding-left: 25px;}
.butler_deta_pic .pic2 .item .con{background-color: #f8f8f8;}
.butler_deta_pic .pic2 .item .text{padding: 38px;}
.butler_deta_pic .pic2 h5{font-size: 24px;color: #333;font-weight: normal;}
.butler_deta_pic .pic2 span{display: block;width: 2em;height: 2px;background-color: #707070;margin-top: 10px;}
.butler_deta_pic .pic2 p{font-size: 16px;color: #333;line-height: 1.8;width: 385px;margin-top: 12px;}

.web_info{padding: 60px 0;background-image: url(../images/f5.png);background-size: cover;
   background-position: center center;background-repeat: no-repeat;
}
.web_info .tit{text-align: center;}
.web_info .tit h4{font-size: 24px;color: #fff;text-align: center;font-weight: normal;line-height: 1;}
.web_info .tit h4 em{display: inline-block;width: 3em;height: 1px;background-color: #fff;vertical-align: middle;
   opacity: 0.6;
}
.web_info .tit h4 span{margin: 0 12px;vertical-align: middle;}
.web_info .tit p{font-size: 16px;color: #fff;margin-top: 12px;}
.web_info .fill_con{overflow: hidden;margin-top: 25px;width: 895px;margin-left: auto;margin-right: auto;}
.web_info .fill_con .list{margin-left: -25px;}
.web_info .fill_con .item {width: 50%;float: left;padding-left: 25px;}
.web_info .fill_con span{display: block;font-size: 18px;color: #fff;padding-left: 22px;}
.web_info .fill_con .item input{width: 100%;height: 54px;line-height: 54px;margin-top: 12px;
   border-radius: 50px;padding: 0 20px;border: none;outline: none;font-size: 16px;color: #333;
}
.web_info .fill_con .item2{width: 100%;margin-top:22px;}
.web_info .fill_con .item textarea{width: 100%;height: 112px;margin-top: 12px;
   border-radius: 12px;padding: 12px 20px;border: none;outline: none;font-size: 16px;color: #333;
   resize: none;
}
.web_info .fill_con .btn{text-align: center;margin-top: 48px;} 
.web_info .fill_con .btn input{display: inline-block;
   width: 172px;height: 48px;background: linear-gradient(220deg, #E98441 0%, #FF9D51 0%, #F6A73F 100%);
   border-radius: 28px;border: none;outline: none;cursor: pointer;font-size: 16px;color: #fff;
}
.web_info .fill_con .btn input:hover{opacity: 0.8;}

.butler_icon_list{margin-top: 30px;}
.butler_icon_list .item{border: 1px solid #e8e8e8;padding-left: 236px;position: relative;
   height: 342px;overflow: hidden;border-right: none;margin-bottom: 20px;
}
.butler_icon_list .item .left{position: absolute;width: 236px;height: 342px;left: 0;top: 0;
   border-right: 1px solid #e8e8e8;
}
.butler_icon_list .item .left img{vertical-align: middle;}
.butler_icon_list .item .right{overflow: hidden;}
.butler_icon_list .item .icon{width: 25%;height: 171px;border-right: 1px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;display: flex;justify-content: center;align-items: center;
   text-align: center;float: left;
} 
.butler_icon_list .item .icon img{width: 62px;vertical-align: middle;}
.butler_icon_list .item .icon p{font-size: 16px;color: #333;margin-top: 12px;}

.butler_deta_flow2{background-color: transparent;}
.butler_deta_flow2 .list{overflow: hidden;margin-left: -25px;margin-top: 40px;}
.butler_deta_flow2 .list .item{padding-left: 25px;width: 25%;float: left;}
.butler_deta_flow2 .list .item .con{border: 1px solid #e8e8e8;}
.butler_deta_flow2 .list .pic{text-align: center;background-color: #EDF0F6;padding: 24px;}
.butler_deta_flow2 .list .pic img{width: 58px;vertical-align: middle;margin-top: 0;}
.butler_deta_flow2 .list .pic h5{font-size: 18px;color: #333;margin-top: 8px;font-weight: normal;}
.butler_deta_flow2 .list .text{text-align: center;padding: 27px 0;} 
.butler_deta_flow2 .list .text p{font-size: 16px;color: #333;line-height: 2.2;}
.butler_deta_flow2 .list .text a{display: inline-block;width: 146px;
   height: 38px;text-align: center;line-height: 36px;margin-top: 15px;
   border: 1px solid #D2D2D2;font-size: 16px;color: #999;border-radius: 50px;
}
.butler_deta_flow2 .list .text a:hover{color: #3EACF8;border: 1px solid #3EACF8;}

.butler_deta_fanga{padding: 60px 0;background-image: url(../images/j5.png);background-size: cover;
   background-position: center center;background-repeat: no-repeat;padding-bottom: 0;
}
.butler_deta_fanga h4{text-align: center;font-size: 28px;color: #fff;font-weight: normal;}
.butler_deta_fanga .list{overflow: hidden;margin-left: -22px;display: flex; align-items: flex-end;margin-top: 45px;}
.butler_deta_fanga .list .item{padding-left: 22px;width: 20%;float: left;}
.butler_deta_fanga .list .item .con{background-color: #078DE9;text-align: center;}
.butler_deta_fanga .list .item.item1{width: 18%;}
.butler_deta_fanga .list .item.item1 .con{padding: 25px 18px;}
.butler_deta_fanga .list .item.item2{width: 20%;}
.butler_deta_fanga .list .item.item2 .con{padding:55px 48px;}
.butler_deta_fanga .list .item.item3{width: 24%;}
.butler_deta_fanga .list .item  img{width: 60px;vertical-align: middle;margin-top: 15px;}
.butler_deta_fanga .list .item h5{font-size: 22px;color: #fff;font-weight: normal;}
.butler_deta_fanga .list .item p{font-size: 14px;color: #fff;opacity: 0.6;margin-top: 15px;}
.butler_deta_fanga .list .item.item3 h5{height: 120px;line-height: 120px;background-image: url(../images/j10.png);
   background-size: cover;
}

.butler_deta_fanga .list .item.item3 .txt{background-color: #fff;padding: 35px;}
.butler_deta_fanga .list .item.item3 h6{font-size: none;font-size: 22px;color: #333;}
.butler_deta_fanga .list .item.item3 p{color: #333;}
.butler_deta_fanga .list .item.item3 a{width: 146px;height: 38px;background: #3EACF8;
   border-radius: 50px;font-size: 16px;color: #fff;display: inline-block;margin-top: 33px;line-height: 38px;
}
.butler_deta_fanga .list .item.item3 a:hover{opacity: 0.6;}

.butler_deta_look{padding: 60px 0;background-color: #fff;}
.butler_deta_look h4{text-align: center;font-size: 28px;color: #333;font-weight: normal;}
.butler_deta_look .list{margin-top: 40px;overflow: hidden;margin-left: -25px;}
.butler_deta_look .list .item{padding-left: 25px;width: 33.3333%;float: left;margin-bottom: 20px;}
.butler_deta_look .list .item .pic{padding-top: 59%;background-size: cover;}
.butler_deta_look .list .item .con .text{border: 1px solid #e8e8e8;padding: 23px 32px;border-top: none;}
.butler_deta_look .list .item .con h5{font-size: 22px;color: #333;font-weight: normal;}
.butler_deta_look .list .item .con p{font-size: 14px;color: #666;margin-top: 8px;}
.bg_hui{background-color: #f8f8f8;}
.index_butler_list.bg_hui .list.list_two .con{background-color: #fff;}
.index_butler_list.bg_hui .list.list_two .con:hover h6{color: #333;}
.index_butler_list.bg_hui .list.list_two .con:hover p{color: #333;}
.index_butler_list.bg_hui .list.list_two .con .pic{width: 62px;height: 62px;left: 53px;}
.index_butler_list.bg_hui .list.list_two .con p{height: auto;}
.index_butler_list.bg_hui .list.list_two .item{margin-bottom: 25px;}

.butler_deta_flow2 .list2{margin-top: 40px;overflow: hidden;margin-left: -25px;}
.butler_deta_flow2 .list2 .item{padding-left: 25px;width: 33.3333%;float: left;}
.butler_deta_flow2 .list2 .item .con{background-color: #fff;}
.butler_deta_flow2 .list2 .item .pic{padding-top: 75%;background-position: center center;background-size: contain;
   background-repeat: no-repeat;
}
.butler_deta_flow2 .list2 .item  p{font-size: 18px;color: #333;text-align: center;
   padding: 30px 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.butler_deta_flow2 .list2 .item .con:hover p{color: #3EACF8;}

.bg_bai{background-color: #fff;}


.butler_deta_flow2 .list3{margin-top: 40px;overflow: hidden;margin-left: -25px;}
.butler_deta_flow2 .list3 .item{padding-left: 25px;width: 25%;float: left;margin-bottom: 25px;}
.butler_deta_flow2 .list3 .item .con{border: 1px solid #e8e8e8;padding: 30px 50px;position: relative;}

.butler_deta_flow2 .list3 .item .pic{padding-top: 75%;background-position: center center;background-size: contain;
   background-repeat: no-repeat;
}
.butler_deta_flow2 .list3 .item .txt{text-align: center;}
.butler_deta_flow2 .list3 .item .txt h5{font-size: 24px;color: #333;margin-top: 15px;font-weight: normal;}
.butler_deta_flow2 .list3 .item .txt p{font-size: 16px;color: #666;margin-top: 12px;}
.butler_deta_flow2 .list3 .item .con h6{position: absolute;font-size: 24px;color: #333;font-weight: normal;width: 100%;
   text-align: center;left: 0;top: 50%;transform: translateY(-50%);
}
.butler_deta_flow2 .list3 .item .con.con2{background-color: #f8f8f8;cursor: pointer;}

.web_more {padding: 60px 0;}
.web_more h4{text-align: center;font-size: 28px;color: #333;font-weight: normal;}
.web_more .item{overflow: hidden;position: relative;margin-top: 25px;}
.web_more .pic{width: 50%;}
.web_more .pic img{width: 100%;vertical-align: middle;}
.web_more .text{width: 50%;position: absolute;right: 0;top: 0;background-color: #fff;height: 100%;
   background-image: url(../images/bg2.png);background-size: cover;background-position: center bottom;
   padding: 32px;
}
.web_more .text span{display: block;font-size: 20px;color: #333;}
.web_more .text h5{font-size:30px;color: #333;margin-top: 18px;}
.web_more .text p{font-size: 18px;color: #333;margin-top: 10px;}
.web_more .text p em{color: #3EACF8;}
.web_more .text a{display: block;width: 172px;height: 48px;line-height: 48px;
   border-radius: 50px;font-size: 16px;border: 1px solid #3EACF8;color: #3EACF8;
   text-align: center;margin-top: 50px;
}
.web_more .item2 {overflow: hidden;}
.web_more .item2 .pic{float: right;}

.web_more .item2 .text{width: 50%;position: absolute;left: 0;top: 0;background-color: #fff;height: 100%;
   background-image: url(../images/out5.png);background-size: cover;background-position: center bottom;
   padding: 32px;right: inherit;
}

.contact_us_con{padding: 60px 0;}
.contact_us_con h4{text-align: center;font-size: 28px;color: #333;font-weight: normal;}
.contact_us_con .list{margin-top: 40px;margin-left: -18px;}
.contact_us_con .list .item{width: 16.6667%;float: left;padding-left: 18px;}
.contact_us_con .list .con{box-shadow: 0px 6px 12px rgba(156, 171, 178, 0.16);text-align: center;
   padding: 30px 30px;cursor: pointer;
}
.contact_us_con .list .con img{width: 76px;vertical-align: middle;}
.contact_us_con .list .con img.img1{display: inline-block;}
.contact_us_con .list .con img.img2{display: none;}
.contact_us_con .list .con p{font-size: 20px;color: #999;margin-top: 15px;}
.contact_us_con .list .con span{font-size: 16px;color: #333;margin-top: 12px;display: block;height: 48px;}
.contact_us_con .list .con:hover img.img1{display: none;}
.contact_us_con .list .con:hover img.img2{display: inline-block;}

.map_us{margin-top: 30px;}
.map_us img{max-width: 100%;}
.contact_mass_con{padding: 60px 0;}
.contact_mass_con .mass_con{padding-left: 448px;overflow: hidden;}
.contact_mass_con .mass_con .left{margin-left: -448px;float: left;}
.mass_con .right{padding-left: 50px;padding-top: 60px;}
.mass_con .right .tit h4{font-size: 26px;color: #333;font-weight: normal;}
.mass_con .right .tit p{font-size: 18px;color: #666;margin-top: 12px;margin-bottom: 40px;}


.mass_con .right .fill_con{overflow: hidden;margin-top: 25px;width: 895px;margin-left: auto;margin-right: auto;}
.mass_con .right .fill_con .list{margin-left: -25px;}
.mass_con .right .fill_con .item {width: 50%;float: left;padding-left: 25px;}
.mass_con .right .fill_con span{display: block;font-size: 18px;color: #A7A7A7;padding-left: 22px;}
.mass_con .right .fill_con .item input{width: 100%;height: 54px;line-height: 54px;margin-top: 12px;
   border-radius: 50px;padding: 0 20px;border: none;outline: none;font-size: 16px;color: #333;
   background-color: #F6FBFF;
}
.mass_con .right .fill_con .item2{width: 100%;margin-top:22px;}
.mass_con .right .fill_con .item textarea{width: 100%;height: 300px;margin-top: 12px;
   border-radius: 12px;padding: 12px 20px;border: none;outline: none;font-size: 16px;color: #333;
   resize: none; background-color: #F6FBFF;
}
.mass_con .right .fill_con .btn{margin-top: 48px;padding-left: 25px;} 
.mass_con .right .fill_con .btn input{display: inline-block;
   width: 172px;height: 48px;background: linear-gradient(220deg, #E98441 0%, #FF9D51 0%, #F6A73F 100%);
   border-radius: 28px;border: none;outline: none;cursor: pointer;font-size: 16px;color: #fff;
}
.mass_con .right .fill_con .btn input:hover{opacity: 0.8;}



































#web_head_mm{background-color: #fff;height: 56px;line-height: 54px;padding: 0 10px;position: fixed;left: 0;top:0;z-index: 10;
   width: 100%;border-bottom: 1px solid #f1f1f1;display: none;
}
#web_head_mm .logo{text-align: center;}
#web_head_mm img{vertical-align: middle;height: 32px;}
#web_head_mm .open_nav{position: absolute;width: 56px;height: 56px;background-image: url(../images/top_icon2.png);
   display: inline-block;vertical-align: middle;background-size: 20px;background-position: center center;background-repeat: no-repeat;cursor: pointer;right: 0px;top:0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -moz-user-focus: none;
}	
#web_head_mm .open_nav.on{background-image: url(../images/top_icon3.png);}
#web_head_mm .right_nav{width: 100%;position: fixed;right: 0;top:56px;z-index: 9;
   bottom: 0;width: 0;overflow: hidden;z-index: 99;
}

#web_head_mm .right_nav .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0);transition:.3s;}
#web_head_mm .right_nav.on .bg{position: absolute;left: 0;top:0;background-color: rgba(0, 0, 0,0.4);transition:.3s;
   width: 100%;height: 100%;
}
#web_head_mm .right_nav.on{width: 100%;}

#web_head_mm .right_nav .nav{position: absolute;height: 100%;width: 0%;right: 0;top:0;background-color: #fff;}

#web_head_mm .right_nav .nav a{display: block;font-size: 14px;color: #333;line-height:40px;padding-left: 30px;
   border-bottom: 1px solid #f0f0f0;height:40px;position: relative;
}
#web_head_mm .right_nav .nav a span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;
   border: 1px solid #cccccc;margin-right:20px;vertical-align: middle;
}
#web_head_mm .right_nav .nav a img{width: 6px;height: auto;vertical-align: middle;margin-right: 21px;margin-left: 1px;}
#web_head_mm .right_nav .nav a em{vertical-align: middle;}
#web_head_mm .right_nav.on .nav{width: 80%;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

#web_head_mm .right_nav .nav a b{position: absolute;right: 15px;top:50%;transform: translateY(-50%);
   font-size: 16px;font-weight: normal;color: #666;
}

#web_head_mm .right_nav .nav a.on{background-color: #ebebeb;}
#web_head_mm .right_nav .nav a.on span{background-color: #666;border: 1px solid #666;}
// #web_head_mm .right_nav .nav .mm_nav_item{}
#web_head_mm .right_nav .nav .mm_nav_item .mm_nav_item_down{display: none;}


#mm_er_nav{display: none;width: 100%;position: relative;}
#mm_er_nav .tit{height: 42px;line-height: 42px;background-color:#fff;padding:0 3%;
   background-image: url(../images/up1.png);background-repeat: no-repeat;background-position: right 3% center;
   background-size:  13px auto;
}
#mm_er_nav .tit.on{background-image: url(../images/down1.png);}
#mm_er_nav .tit h4{font-size: 14px;color: #333;font-weight: normal;}
#mm_er_nav .down_nav{position: fixed;width: 100%;left: 0;top:100%;background-color: rgba(0, 0, 0,0.1);
  z-index: 999999;bottom: 0;transition:.3s;
}
#mm_er_nav .down_nav.on{top:0px;transition:.3s;}
#mm_er_nav .down_nav .con{position: absolute;left: 0;width: 100%;top:1px;bottom: 50px;padding: 0 20px;
   background-color: #fff;
}
#mm_er_nav .down_nav .con.on{top: 5px;transition:.3s;}
#mm_er_nav .down_nav .con h5{font-size: 16px;color: #333;font-weight: normal;text-align: center;
   padding: 25px 0;
}

#mm_er_nav .down_nav .item{border-bottom: 1px solid #f0f0f0;padding: 5px 0;}
#mm_er_nav .down_nav .item:last-child{border-bottom: none;}
#mm_er_nav .down_nav .item>a{line-height: 30px;font-size: 14px;color: #000;font-weight: bold;}
#mm_er_nav .down_nav .item dt{padding: 5px 0;}
#mm_er_nav .down_nav .item dt>a{font-size: 14px;color: #333;}
#mm_er_nav .down_nav .item dd{padding: 5px 0;}
#mm_er_nav .down_nav .item dd>a{font-size: 13px;color: #333;display: inline-block;}
#mm_er_nav .down_nav .item dd>a img{width: 6px;margin-right: 6px;vertical-align:0px;}
#mm_er_nav .down_nav .colse{background-color: #535353;height: 50px;line-height: 50px;text-align: center;
   cursor: pointer;font-size: 14px;color: #fff;position: absolute;left: 0;width: 100%;bottom: 0;display: none;
}
#mm_er_nav .down_nav.on .colse{display: block;}
.oh{overflow: hidden !important;}