/* CSS Document */

/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333;}
ul,li,ol,dl { list-style: none}
b{font-weight: normal;}
input { font-family: "Microsoft Yahei"}
::-webkit-input-placeholder { font-family: 'Microsoft Yahei'}
:-moz-placeholder {font-family: 'Microsoft Yahei'}

::-webkit-scrollbar {
    width: 6px;
    height: 4px;
    background-color: #01818A
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #fff
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #01818A
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background: #01818A
}

a{text-decoration:none; color: #333; cursor: pointer;}
.clear{clear:both;}
img{max-width:100%; height: auto;}
.mob{display:none;}

.top{ height: 35px;  line-height: 35px; background:#F6F6F6;}
.top .city{ float: left; position: relative; color: #333; font-size: 13px;}
.top .city a{color:#333; text-decoration: none;}
.top .city span{padding:0 5px; color: #FF0004;}
.city-box {
    width: 350px;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,0.1);
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    line-height: 1;
    display: none;
	 background: #FFF;
	
}
.city-box h3{background:#F2F2F2; line-height: 30px; font-size: 14px; color: #FF0004; padding:0 10px; font-weight: normal;}
.city-box ul{ padding:15px 0;display: flex;flex-flow: row wrap;}
.city-box ul li{ width:16.6666%; text-align: center; padding-bottom: 15px; font-size: 12px;}
.city-box ul li a{ color: #333; }
.city-box ul li a:hover{color: #FF0004;}

#city-toggle:hover .city-box {
    display: block;
}
.top .top_r{ float: right; font-size: 13px; }
.top .top_r a{padding-right: 15px; color: #000;  text-decoration: none;  line-height: 35px;}
.top .top_r span{color:#FF0004;}

.owl-dots {
    text-align: center;
	
}
.owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #01818A;
    display: inline-block;
    opacity: .8;
    margin: 0 5px;
	transition: 0.5s ease all;
}
.owl-dots .owl-dot.active span {
    opacity: 1;
    width: 20px;
}
#owl0 .owl-dots {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
	display: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
	max-width:100%;
	color: #FF0004;
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none;
}
.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible;
}
.top_tel{font-size:24px; width:20%; font-weight: bold; color: #e95e24; line-height: 50px; text-align: right;}

.ban_txt{display: flex; height: 30rem; margin-top: 50px; margin-bottom: 50px;}
.ban_txt .t_l{width:22%; display: flex; flex-direction: column;}
.ban_txt .t_l .l_box{ height:15rem;  }
.ban_txt .t_l .l_box .tubiao{width:90px; height: 90px; display: flex;  border-radius: 50%; margin: 10px auto; align-items:center; justify-content: center;}
.ban_txt .t_l .l_box .tubiao span i{font-size:48px; color:#01818A;}
.ban_txt .t_l .l_box .tit{ font-size: 30px; color: #000; text-align:center;}
.ban_txt .t_l .l_box .ftit{ padding:1.4rem 0; font-size: 14px; line-height: 2; text-align: center;}
.ban_txt .t_c{width:50%; display: flex; text-align: center; background:url("../image/car_bj.jpg") top center no-repeat; background-size:100% auto; padding-top: 4%}
.ban_txt .t_c img{width:90%; height: auto;}

.navbar-expand-lg{border-bottom:1px solid #eee;}

.iabout{background: #fbf8f1; background-size:100% auto; padding:60px 0;}
.ititle{font-size: 32px; font-weight: bold; color: #333; text-align: center; position: relative; height: 60px;}

.ititle:after{position:absolute; content: ""; width:50px;  height: 3px; border-radius: 20px; background:#01818A; bottom: 0; left: 50%; margin-left: -25px;}
.ititle span{color: #01818A}
.iftitle{ font-size: 18px; color: #999; text-align: center; font-weight: 300;}
.iabout .about_txt{ display: flex; width: 100%; flex-direction: row;  justify-content: center; margin-top: 30px;}
.iabout .about_txt .about_box{width:50%; font-size: 14px;  padding:0 2%;}
.iabout .about_txt .about_box h4{ padding-bottom: 20px; font-size: 22px; color: #000;}
.iabout .about_txt .about_box .txt{ line-height: 2; color: rgb(61, 61, 61); margin-bottom: 20px;}

.about_ser{ padding:30px 0; display: flex; flex-direction: row; flex-wrap: wrap;}
.about_ser .ser_box{ transition:0.5s ease all; width:25%; text-align: center;}
.about_ser .ser_box:hover{transform: translateY(-10px);}
.about_ser .ser_box img{width:90%!important;}
.about_ser .ser_box dt{ text-align: center; line-height: 40px; font-size: 20px; color: #000;}

.iservices{padding:50px 0;}
.services_box{display:flex; flex-direction: row; margin-top: 50px;}
.services_box dl{padding:20px; border:1px solid #F2F2F2;}
.services_box dl img{width:100%;}
.services_box dl dt{text-align:center; font-size: 24px; padding:0 15px 15px;}
.services_box dl dd{font-size: 18px; padding:0 10px 10px; color:#01818A; text-align: center;}
.services_box dl .que{ margin-top: 15px;display:flex;}
.services_box dl .que .btns{ width:46%; margin:0 2%; text-align: center; border:1px solid #eee; border-radius: 10px; font-size:16px; line-height: 40px; position: relative; color: #000;}
.services_box dl .que .btns:after{position: absolute; content: ""; width:0; height: 100%; border-radius: 10px; border:none; background: #01818A; display: block; left: 0; top: 0; z-index: -1; transition:0.5s ease all;}
.services_box dl .que .btns:hover.btns:after{position: absolute; content: ""; width:100%; height: 100%; border-radius: 10px; border:none; background: #01818A; display: block; left: 0; top: 0; z-index: -1;}
.services_box dl .que .btns a{display:block;}
.services_box dl .que .btns a:hover{color:#FFF;}
.services_box dl .s_img{position:relative; overflow: hidden;}
.services_box dl .s_img .s_img_txt{position:absolute; bottom: 0; height: 0; left: 0; width: 100%; transition:0.5s ease all; background:rgba(1,129,138, 0.75)}
.services_box dl .s_img .s_img_txt .pd20{padding:20px; line-height: 1.8; color: #FFF; font-size: 22px;}
.services_box dl .s_img:hover .s_img_txt{height:100%;}


.why{padding:50px 0;}
.why ul{display: flex; padding:50px 0 0; flex-direction: row; flex-wrap: wrap;}
.why ul li{width:25%; padding:20px; text-align: center;}
.why ul li img{width:40%; height: auto;}
.why ul li dt{ margin: 20px 0; font-size: 18px; color: #000;}
.why ul li dd{font-size: 14px; color: #666; line-height: 1.8;}

.icase{padding:20px 0 30px;}
.icase .casetxt{padding-top:30px;}
.icase .case_box{ transition:0.5s ease all}
.icase .case_box:hover{transform: translateY(-10px);}
.icase .case_box img{width:90%!important; margin: 0 auto;}
.icase .case_box dt{ text-align: center; line-height: 50px; font-size: 16px; color: #000;}

.ipingjia{padding:50px 0; background: url(../image/pingjiabj.png) top center no-repeat #f4f4f4;}
.ipingjia .pj_box{padding: 10px 0;}
.ipingjia .pj_box .item{ padding:20px; position: relative;}
.ipingjia .pj_box .item .pic{width:100px; height: 100px; position: absolute; right:10%;}
.ipingjia .pj_box .item .pic img{width:100%; height: 100%; border-radius: 50%;}
.ipingjia .pj_box .item .txt{margin-top: 50px; box-shadow: 0 0 8px rgb(0 0 0 / 3%); background: #FFF; padding:20px;}
.ipingjia .pj_box .item .txt h3{ font-size: 18px; color: #666; }
.ipingjia .pj_box .item .txt .smtxt{ padding:15px 0 15px; line-height: 20px; font-size: 13px; color: #575d6e;}
.start {
    width: 131px;
    height: 18px;
    background: url(https://www.bxebj.com/images/start2.png);
    display: block;
    position: relative;
	margin-top: 15px;
}
.start i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/start.png);
}
.start i.w1 { width: 20%;}
.start i.w2 { width: 40%;}
.start i.w3 { width: 60%;}
.start i.w3-5 { width: 72.5%;}
.start i.w4 { width: 80%;}
.start i.w4-5 { width: 93%;}
.start i.w5 { width: 100%;}
.ipingjia .pj_box .item .b_txt{display: flex; flex-direction: row; color: #999; font-size: 13px;}
.ipingjia .pj_box .item .b_txt .person{ width:50%; text-align: right;}
.ipingjia .pj_box .item .b_txt .time{width:50%;}


.inews{padding:50px 0;}
.inews_box{margin-top:50px;}
.inews .newsbox{border: 1px solid #F2F2F2; margin-bottom: 20px; padding-top: 20px;}
.inews .newsbox .tit{ border-left: 4px solid #01818A; padding-left: 15px; border-bottom: 1px solid #F2F2F2; padding-bottom: 10px; margin-bottom: 20px; font-size: 18px; color: #333;}
.inews .newsbox .tit span{float:right;  padding-right: 10px;}
.inews .newsbox .pic img{width:120px; margin-right: 10px; height: auto; float: left;}
.inews .newsbox .pic dt{margin-bottom:10px;}
.inews .newsbox .pic dt a{line-height: 22px; font-size: 14px; color: #000;}
.inews .newsbox .pic dt a:hover{color: #e95e24;}
.inews .newsbox .pic dd{font-size: 12px; color: #666;}
.inews .newsbox .n_list{padding:10px;}
.inews .newsbox .n_list ul li{padding:10px 0; border-bottom: 1px solid #F2F2F2; font-size: 14px;}
.inews .newsbox .n_list ul li a{color:#333; transition: 0.5s ease all;}
.inews .newsbox .n_list ul li a:hover{ color: #01818A; padding-left: 5px;}
.inews .newsbox .n_list ul li span{float:right; font-size: 12px; color: #888;}


.about_nu{padding:30px 0; margin: 20px 0 0; background:url("../image/about_nu.jpg") top center no-repeat #c8311c;}
.about_nu .nu_txt{}
.about_nu .nu_txt .nu_pic{width:20%; float: left; position: relative;}
.about_nu .nu_txt .nu_pic img{position: absolute; width:80%; top:-87px;max-width:100%; height: auto;}
.about_nu .nu_txt .nus{width:70%; float: right; padding-top: 30px;}
.about_nu .nu_txt .nus ul li{width:20%; float: left; font-size: 18px; color: #FFF;}
.about_nu .nu_txt .nus ul li span{font-size: 32px; font-weight: bold}
.about_nu .nu_txt .nus ul li dt{line-height:50px; font-size: 20px;}

.footer{background:#11161e; padding:20px;}
.links{ padding:10px 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.links h4{font-size:13px; color: #F0F0F0; width: 80px; text-align: center; line-height: 35px; background: #384144;}
.links ul{ padding:10px 0;}
.links ul li{line-height:30px; font-size: 12px; color: #83888a; font-size: 12px; float: left; padding-right: 15px;}
.links ul li a{color: #83888a;}
.links ul li a:hover{color:#FFF;}
.footer_info{ float: left; line-height: 28px;}
.footer_info a{color: #83888a;}
.footer_info a:hover{color:#FFF;}
.f_nav{padding:15px 0;}
.f_nav ul li{ float:left; font-size: 13px; margin-right: 15px;}
.copyright{padding-bottom: 15px; color: #83888a; font-size: 12px;}
.icpico {
    width: 20px;
    height: 20px;
    background: url(../image/beian.png) center center no-repeat;
    float: left;
	margin-right:8px;}

.footer_ewm{float:right; padding:20px 0;}
.footer_ewm .imgbox{float:right; margin-left: 15px; width:100px; height: auto; color: #FFF; font-size: 12px;}
.footer_ewm .imgbox img{width:100%;}
.footer_ewm .imgbox p{line-height:30px; text-align: center;}

/*弹框*/
.open {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    display: none;
	   
}
.bigwx {
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 620px;
    height: 450px;
    border-radius: 10px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    padding: 0 30px;
	-webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.bigwx .close {
    text-align: right;
    margin-top: 33px;
    cursor: pointer;
}

.bigwx .title{font-size: 28px; color: #333; font-weight: bold; margin-bottom: 20px;}
.bigwx .title span{color: #01818A;}
.bigwx .ftitle{margin-bottom: 20px; font-size:18px; color: #444;}
.bigwx .bj_bd{width:90%; margin: 0 auto; margin-bottom: 20px; }
.bigwx .bj_bd .bd_l{width:47%; float: left;}
.bigwx .bj_bd .bd_r{width:47%; float: right;}
.bigwx .bj_bd .bdtxt{padding:0 12px; line-height: 45px; border: none;  color: #333; font-size: 13px; border-radius: 10px; width: 100%; background: #f4f4f4;}
input:focus{outline:none}
.bigwx .tijiao{margin-top:30px;}
.bigwx .tijiao button{ border-radius: 10px; padding:15px 50px; text-align: center; font-size: 18px; color: #FFF; background: #01818A; cursor:pointer;}

/*右侧悬浮*/
.right_fix{width:80px; top:25%; position: fixed; right: 5px; z-index: 999; border-radius: 10px;  box-shadow: 0 3px 16px rgb(0 0 0 / 5%); text-align: center; font-size: 12px; background: #FFF; color: #73767c;}
.right_fix ul{padding:10px 0;}
.right_fix ul li{ color: #888; padding: 15px 0; display: block; cursor: pointer; border-bottom:1px solid #F2F2F2}
.right_fix ul li:last-child{border-bottom:none;}
.right_fix ul li img{width:40px; height: auto; }
.right_fix ul li:hover{background:#f6faff;}
.fix_box{position:relative;}

.wx_img{position: absolute; top:100px; width: 180px; right:90px; background:#FFF; border: 1px solid #DDD; display: none;}
.wx_img p{padding:10px; font-size: 14px;}
.wx_img img{width:100%; height: auto;}

/*联系我们*/
.contact{ background: url("../image/contactbj.jpg") center no-repeat; background-size: cover; padding:150px 0; margin-bottom: -30px;}
.contact .c_1{ width: 40%; background: #FFF; position: relative; padding:40px;}
.contact .c_1 .ftit{ margin-bottom: 20px; font-size: 18px; color: #000;}
.contact .c_1 .ftit span {
    padding-right: 35px;
    color: #000;
    font-size: 18px;
    display: inline-block;
    position: relative;
}
.contact .c_1 .ftit span:after {
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    content: '';
    right: 0;
    top: 50%;
    position: absolute;
    width: 25px;
    height: 1px;
    background-color: #000;
}
.contact .c_1 .tit{font-size:32px; color: #000; margin-bottom: 35px; font-weight: bold;}
.contact .c_1 .name{font-size:20px; margin-bottom: 15px; color: #010101;}
.contact .c_1 .lx{color:#666666; margin-bottom: 8px; font-size:18px;}
.contact .c_1 .lx i{margin-right:10px;}



@-webkit-keyframes animatetop {
    from {top:200px; opacity:0} 
    to {top:0; opacity:1}
}
 
@keyframes animatetop {
    from {top:200px; opacity:0}
    to {top:0; opacity:1}
}

/*面包屑*/
.snav{ background:#F6F6F6; padding: 10px 0; font-size: 12px; color: #666; text-align: right;}
.snav a{color:#666;}
.snav a:hover{ color: #e95e24;}
.snav i{margin-right:5px;}

/*关于我们*/
.in_banner img{width:100%; height: auto;}
.abouttxt{padding:40px 0;}
.abouttxt .a_l{width:58%; float: left;}
.abouttxt .a_l .t1{ margin-bottom: 15px;}
.abouttxt .a_l .t1 span{position:relative; color: #1a1a1a; font-size: 18px;}
.abouttxt .a_l .t1 span:after {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	margin-left: 10px;
    content: '';
    position: absolute;
    width: 28px;
    height: 3px;
    background-color: #e95e24;
    top: 50%;
	border-radius: 5px;
}
.abouttxt .a_l .t2{ font-size: 24px; margin-bottom: 25px; color: #444;}
.abouttxt .a_l .text{ line-height:30px; font-size: 14px; color: #333; text-align: justify;}
.abouttxt .a_r{width:40%; float: right;}
.abouttxt .a_r .t_img{position: relative;}
.abouttxt .a_r .b_img{background:#e95e24; position: absolute; left: -10px; bottom: -10px; width:60%; height: 60%; z-index: -10}

/*services*/
.services{padding:50px 0;}
.services .s_l{width:18%; float:left;}
.services .s_l .s_sbar{ margin-bottom: 15px;}
.services .s_l .s_sbar .tit{ padding:15px; background: #e95e24; margin-bottom: 15px; text-align: center; color: #FFF;}
.services .s_l .s_sbar .tit h5{ font-size: 22px;}
.services .s_l .s_sbar .tit p{font-size:14px; padding-top: 3px;}

.services .s_l .s_sbar .s_box{border:solid 1px #F6F6F6; padding:20px 30px;}
.services .s_l .s_sbar .s_box .s_list{ height:50px; line-height: 50px; font-size: 18px;color: #333; position: relative; text-align: center;}
.services .s_l .s_sbar .s_box .s_list a{display:block; color: #666;}
.services .s_l .s_sbar .s_box .s_list:after{position: absolute; width:0%; left: 50%; height: 1px; background: #F8f8f8; content: "";  bottom: 1; transition: 0.5s ease all;}
.services .s_l .s_sbar .s_box .s_list:hover.s_list:after{position: absolute; width:50%; left: 25%; height: 2px; background: #e95e24; content: "";  bottom: 1;}
.services .s_l .s_sbar .s_box .active:after{position: absolute; width:50%; left: 25%; height: 2px; background: #e95e24; content: "";  bottom: 1;}
.services .s_l .s_sbar .s_single{background: #F7F7F7; border-radius:0 20px 0 20px;  margin-bottom: 10px;}
.services .s_l .s_sbar .s_single a{display:block; color: #666; padding:20px; transition:0.5s ease all;}
.services .s_l .s_sbar .s_single a:hover{ color:#e95e24;background: #F2F2F2; padding:20px 0 20px 30px; border-radius:0 20px 0 20px;}
.services .s_l .s_sbar .s_single h3{ font-size: 20px; padding:0px 0 8px;}
.services .s_l .s_sbar .s_single p{ font-size: 14px;}
.services .s_l .s_sbar .active h3,.services .s_l .s_sbar .active p{color: #e95e24; }



.services .s_l .s_case{ padding:20px; border:solid 1px #F6F6F6;}
.services .s_l .s_case .owl-nav{display:none;}
.services .s_l .s_case .tit{font-size:22px; color: #333; border-bottom:solid 1px #F6F6F6; padding:10px 0; margin-bottom: 15px;}
.services .s_l .s_case .newcase img{width:100%; height: auto;}
.services .s_l .s_case .newcase dt{font-size:16px; text-align: center; padding:15px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.services .s_r{width:80%; float: right;}
.services .s_r .s_nav{ margin-bottom:15px; border-bottom: 1px solid #F2F2F2; padding-bottom: 15px;}
.services .s_r .s_nav .nav_list{ float: left; font-size: 16px;  margin-right: 15px;  color: #e95e24; position: relative; margin-bottom: 10px; }
.services .s_r .s_nav .nav_list a{display:block;padding:8px 18px; border:1px solid #e95e24;border-radius: 10px; color: #666;}
.services .s_r .s_nav .nav_list:after{position: absolute; content:""; z-index: -1; left: 0; bottom: 0; width:0%; height: 100%;  border-radius: 10px; transition: 0.5s ease all;}
.services .s_r .s_nav .nav_list:hover.nav_list:after{position: absolute; content:""; background: #e95e24; left: 0; width:100%; height: 100%;}
.services .s_r .s_nav .nav_list:hover.nav_list a{color:#FFF;}
.services .s_txt{padding:15px 0; line-height: 30px; font-size: 14px; color: #666;}
.services .s_r .s_nav .active a{color:#FFF;}
.services .s_r .s_nav .active:after{position: absolute; content:""; background: #e95e24; left: 0; width:100%; height: 100%;}
/*新闻列表*/
.newslist{}
.newslist dl{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #F4F4F4;}
.newslist dl img{width:200px; height: 150px; float: left; margin-right: 15px;}
.newslist dl dt{ font-size: 20px; margin-bottom: 15px;}
.newslist dl dt a{ color:#444;}
.newslist dl dt a:hover{color: #e95e24;}
.newslist dl dd{ line-height: 30px; font-size: 14px; color: #888;}
.newslist dl .more{  margin-top: 15px;  }
.newslist dl .more a{ color: #999; font-size: 14px; transition:0.5s ease all; }
.newslist dl .more a:hover{ padding-left:10px;color: #e95e24;}

.pagelist{padding:15px 0; text-align: center;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}
.pagination>li {
    display: inline
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}
.newstxt{padding:10px; color: #333;}
.newstxt .tit{padding-bottom: 15px; font-size: 20px; border-bottom: 1px solid #F4F4F4; margin-bottom: 15px;}
.newstxt .ftit{padding-bottom:15px; font-size: 12px; color: #999; text-align: left;}
.newstxt .ftit span{padding:0 10px;}
.newstxt .detail{ line-height: 30px; font-size: 14px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #F4F4F4;}
.newstxt .fenye{ display: flex; margin-top: 20px; font-size: 14px;}
.newstxt .fenye .fybox{width:50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*搬家案例*/
.caselist{padding:50px 0;}
.caselist .list_box{display:flex; flex-wrap: wrap;}
.caselist .list_box .casebox{width:23%; margin: 15px 1%; border:1px solid #F4F4F4; background: #f6faff; transition: 0.5s ease all;}
.caselist .list_box .casebox:hover{ box-shadow: 0 5px 30px 0 rgb(0 0 0 / 15%);}
.caselist .list_box .casebox .pic{position:relative; overflow: hidden;}
.caselist .list_box .casebox .pic img{width:100%; transition: 0.5s ease all;}
.caselist .list_box .casebox .pic:hover img{transform: scale(1.08, 1.08);}
.caselist .list_box .casebox dt{ padding:15px 15px 0; font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.caselist .list_box .casebox dd{font-size: 12px; color: #666; padding:10px 15px 15px; }
.dingdan{padding:50px 0; background: #F8F9FB; margin-bottom: -20px;}
.dingdan .wp_box{ margin-bottom:15px; background: #FFF; padding:15px; }
.dingdan .wp_box .tit{ height: 24px; line-height: 24px; border-left: 4px solid #01818A; padding-left: 10px; color: #666; font-size: 18px; margin-bottom: 25px; margin-top: 25px;}
.dingdan .wp_box .tit span{color: #01818A;}
.dingdan .wp_box .wp_list{display: flex; flex-wrap: wrap;}
.dingdan .wp_box .wp_list .wp_single{width:calc(50% - 4px); margin: 0 2px 4px; display: flex; border:1px solid #F1F1F1;}
.dingdan .wp_box .wp_list .wp_singles{width:calc(25% - 4px); margin: 0 2px 4px; display: flex; border:1px solid #F1F1F1;}
.dingdan .wp_box .wp_list .wp_img{width:25%; text-align: center; display: flex; align-content: center; flex-direction: column;  align-items: center;  justify-content: center;}
.dingdan .wp_box .wp_list .wp_img img{width:100%; height: auto;}
.dingdan .wp_box .wp_list .wp_smtext{background:#F2F2F2; line-height: 20px; width:53%; padding: 10px; color: #333; font-size: 12px; display: flex;  flex-direction: column;  align-items: center;  justify-content: center;}
.dingdan .wp_box .wp_list .wp_select{width:22%; display: flex; align-content: center; flex-direction: column;  align-items: center;  justify-content: center;}
.wp_line{height: 1px; background: #F8F9FB; margin: 10px 0;}
.bdtj{padding-bottom: 30px;}
.bdtj .bd_box{display:flex; flex-direction: row; border:1px solid #F0F0F0;}
.bdtj .bd_box .w2{ width:calc(50% - 20px); margin: 10px 0; display: flex; flex-wrap: wrap;}
.bdtj .bd_box .w2 .list_box{margin-bottom: 10px; width: 100%; display: flex;}
.bdtj .bd_box .w2 .list_box .sw3{width:calc(33.333% - 20px); margin:5px 10px; display: flex;}
.bdtj .bd_box .w2 .list_box .sw2_1{width:calc(80% - 20px); margin:5px 10px; }
.bdtj .bd_box .w2 .list_box .sw2_2{width:calc(20% - 20px); margin:5px 10px; }
.bdtj .bd_box .w2 .list_box .bdtxt {
    padding: 0 12px;
    line-height: 40px;
    border: none;
    color: #000;
    font-size: 13px;
    border-radius: 10px;
    width: 100%;
    background: #f4f4f4;
}
.xiala{padding:8px; border:1px solid #DDD;}
.xiala option{background:#f8f8f8;}
.beizhu{width:100%; height: 100%; border-radius: 10px; background: #f4f4f4; border:1px solid #F4F4F4; outline: none; font-size:15px;  padding:15px;}
.bdtj .tijiao{ margin: 30px auto 0; width:180px;padding:12px 0px; text-align: center; border-radius: 10px; background: #01818A;}
.bdtj .tijiao button{  font-size: 18px; color: #FFF;  cursor:pointer; background: #01818A;}
.pc{display:block;}

@media (max-width:767px){
	.pc{display:none;}
	.mob{display:block;}
	.ban_txt{flex-direction: column; height: auto;}
	.ban_txt .t_l {width:100%;  flex-direction: row;  justify-content: center; display: none;}
	.ban_txt .t_l .l_box{width:44%; text-align: center;}
	.ban_txt .t_l .l_box .tit {
    font-size: 20px;
    color: #000;
    text-align: center;}
	.ban_txt .t_c{width:100%;}
	.navbar-expand-lg{border-bottom:none;}
	.services_box {
	width:100%;
    display: flex;
	flex-direction:column;}
	.iabout .about_txt{flex-direction:column;}
	.iabout .about_txt .about_box{width:100%; margin-bottom: 20px;}
	.about_ser .ser_box{width:50%;}
	.services_box dl{border:none;}
	.why ul li{width:100%;}
	.about_nu .nu_txt .nu_pic {display:none;}
	.about_nu .nu_txt .nus {
    width: 100%;
    float: right;
    padding-top: 30px;}
	.about_nu .nu_txt .nus ul li span {
    font-size: 18px;
    font-weight: bold;}
	.about_nu .nu_txt .nus ul li{text-align:center;}
	.about_nu .nu_txt .nus ul li dt {
    line-height: 50px;
    font-size: 12px;}
	.bigwx{width:96%; height:420px; padding:0 10px;}
	.bigwx .title{font-size:24px;}
	.bigwx .ftitle{font-size:16px;}
	.bigwx .close{margin-top:20px;}
	.right_fix{display:none;}
	.abouttxt .a_l {width: 100%; float: left; padding:10px;}
	.abouttxt .a_r { width: 100%; float: right;padding:10px;}
	.services .s_l {width:100%;}
	.services .s_r{width:100%;}
	.services .s_l .s_sbar .s_box .s_list{width:50%; float: left;}
	.services{padding:30px 5px;}
	.newslist dl img{width:100%; height: auto; margin-bottom: 15px;}
	.caselist .list_box .casebox{width:48%; margin: 5px 1%; }
	.caselist{padding:20px 0;}
	.services .s_l .s_sbar .s_single{width:48%; float: left; margin: 0 1% 15px;}
	.services .s_l .s_sbar .s_single a{padding:8px 15px;}
	.services .s_l .s_sbar .s_single h3{font-size:15px;}
	.contact{padding:30px 20px;}
	.contact .c_1{padding:20px; width: 100%;}
	.dingdan .wp_box .wp_list .wp_single{width:100%; margin-bottom: 5px;}
	.dingdan .wp_box .wp_list .wp_singles{width:100%; margin-bottom: 5px;}
	.pc{display:none;}
	.bdtj{width:100%;}
	.bdtj .bd_box {flex-direction:column; width:100%;}
	.bdtj .bd_box .w2{width:100%;}
	.bdtj .bd_box .w2 .list_box{flex-direction:column;}
	.bdtj .bd_box .w2 .list_box .sw3{width:92%;}
	.bdtj .bd_box .w2 .list_box .sw2_1{width:92%;}
	.beizhu{height:150px;}
	.snav{padding:10px;}
	.services .s_r .s_nav .nav_list a{padding:10px 15px;}
	.services .s_r .s_nav{border:1px solid #F2F2F2; padding-top:15px;}
	.top_tel{width:100%;}
	
.ban_txt{width:100%;}
.ban_txt .l_box{ height:15rem;  }
.ban_txt .l_box .tubiao{width:90px; height: 90px; display: flex;  border-radius: 50%; margin: 10px auto; align-items:center; justify-content: center;}
.ban_txt .l_box .tubiao span i{font-size:48px; color:#01818A;}
.ban_txt .l_box .tit{ font-size: 30px; color: #000; text-align:center;}
.ban_txt .l_box .ftit{ padding:1.4rem 0; font-size: 14px; line-height: 2; text-align: center;}
	
	
}