/*头部*/
.mr{background-color: none;transition:0.2s ease;-webkit-transition:0.2s ease;-moz-transition:0.2s ease;-o-transition:0.2s ease;z-index: 999}
.mr .logo{margin:1.3rem 0 0 0.3rem; }
.mr .logo a{display: block;width:7rem;height:2.1rem;transition:0.2s ease;-webkit-transition:0.2s ease;-moz-transition:0.2s ease;-o-transition:0.2s ease;padding: 0;}
.la .logo img{display: none;}
.la .logo a{display: block;width:7rem; height:2.5rem;background: url(../images/logo_se.png) no-repeat;background-size: 100%;transition:0.2s ease;-webkit-transition:0.2s ease;-moz-transition:0.2s ease;-o-transition:0.2s ease;/*transition-delay: 0.5s;*/}
.la .logo{margin:1rem 0 0 0.3rem; }
.logo img{width: 100%;}
/*JS导航条*/
.nav_hidden {opacity: 0;display: none; }
.nav{ padding-top:0rem; margin-right:3rem;z-index: 996;}
.nav dl{float:left;position: relative;}
.nav dl a{display:block;text-decoration:none;color:#f5f5f5; text-align:center;padding:23px 10px; font-size:1rem; margin:0 1rem;transition:0.3s ease;opacity:0.4;}
.nav dl a:hover{color: #FFf;opacity:1;}
.nav dl dd{overflow:hidden;width:200px; display:none;z-index:200;border-top:none;position:absolute;left:-60px;}
.nav dl dd a{padding:1rem 0;background-color:#EA3538;opacity:1;border-bottom:1px solid #BB1B1D}
.nav dl dd a:hover{padding-left:6px;background-color: #555555;color: #ffffff}
.nav dl a.navon{color:#FFf;border-bottom:2px solid #fff;opacity:1;}

.la{background-color: #333; box-shadow: 0 1px 6px rgba(100,100,100,0.2);transition:0.2s ease;-webkit-transition:0.2s ease;-moz-transition:0.2s ease;-o-transition:0.2s ease;z-index: 999}
.la .nav dl a{display:block;text-decoration:none;text-align:center;padding:18px 10px; font-size:1rem; margin:0 1rem;/*transition:0.3s ease;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;-o-transition:0.3s ease;*/}
.la .nav dl a:hover{color:#ee4c4a;}
.la .nav dd a{color: #eeeeee;transition-delay:none;}
.la .nav dd a:hover{color:#ffffff;}
.la .nav dl .navon{border-bottom:2px solid #ee4c4a;color:#ee4c4a;}

.sp_header{position:fixed;z-index:999;width:100%;border-bottom: 1px solid rgba(250,250,250,0.5);top: 0;}
.sp_nav{width:30px;float:right;position:relative;top: 12px; cursor:pointer;height:30px; display:none; z-index:999;}
.sp_nav span{display:block;background:#fff;width:30px;height:3px;position:absolute;left:0px;transition:all ease 0.35s}
.la .sp_nav span{display:block;background:#aaa;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:99;background:rgb(16, 78, 128);width:100%;height: auto;top:-100%;left: 0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:0;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;padding:1.2rem 0;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px rgb(26, 86, 134) solid;position:relative;line-height:4rem;font-size:1.5rem; text-align: center;}
.sjj_nav>ul >li:last-child{}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:100%; display:block; font-size:1.3rem;}

.topr{margin-top:1.4vw;position: relative;z-index: 999;}
.la .topr{margin-top: 1.3vw;}
/*.topr .i3{display: none;visibility: hidden}*/


.erimgbox {position: absolute;top:1rem;padding-top:25px;width:140px;left:-60px;font-size: 14px;text-align:center;color: #ffffff;display: none;box-sizing: border-box;z-index: 997 }
.erimgbox .img {border-radius: 5px;border: 1px solid #f1f1f1;	background: #ffffff;padding: 10px;position: relative; }
.erimgbox img{width:100px;}
.erimgbox .img:before {
position: absolute;	content: "";width: 13px;height: 10px;top: -10px;
background: url(../images/mk05.png) no-repeat center;background-size: 100%;
left: 0;right: 0;margin: auto;
}
.bocweb-header .s-box .i.i2:hover .erimgbox{display: block;}

.sp_header .lx { transition: all 0.3s;margin-top: 1.2vw;}
.sp_header .lx dl{display: flex;flex-flow: row; }
.sp_header .lx a{color:#fff;display: flex;flex-flow: row;align-content: center;}
.sp_header .lx .zxkf{margin-right: 1vw;}
.sp_header .lx .zxkf span{margin:0.3vw 0 0 0.3vw;font-size: 1vw;}
.sp_header .lx .tel,.sp_header .lx .telm{margin-top: 0vw;}
.sp_header .lx .tel,.sp_header .lx .zxkf{cursor: pointer; position: relative;}
.sp_header .lx .zxkf:after{content: '在线咨询';}
.sp_header .lx .tel:after{content: '400-668-9225';}
.sp_header .lx .tel:after,.sp_header .lx .zxkf:after {
    color: #333; border-radius: 4px 4px 4px 0; white-space: nowrap; background-color: white; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    z-index: 1; position: absolute; right:0;top:2.6vw; box-sizing: border-box;
    padding: 4px 10px;  font-size:1.2vw;   opacity: 0; pointer-events: none;
	transition: .382s ease;  transform: translateX(50%);
}
.sp_header .lx .tel:hover:after,.sp_header .lx .zxkf:hover:after {  opacity: 1; transform: translateX(0%);}

.sp_header .lx .telm{display:none;}
.sp_header .lx dd{float: left;color: #fff;font-size:1vw;}
.sp_header .lx dl .d2{margin-left: 0.2vw;}
.sp_header .lx dl img{ width:1.8vw;margin-top: 3px;}
.sp_header .lx .i1{display: block}.sp_header .lx .i2{display: none}
.la .lx{color: #333;margin-top: 0.8vw;}
.la .lx a{color: #333;}
/*.la .lx .i1{display: none}.la .lx .i2{display: block}*/
.la .lx dd{color: #333;}
@media only screen and (max-width:678px)
{	
.topr .i2{display: none}.topr .i3{display: block}
.sp_header{padding:10px auto;}
.mr .logo{margin:0.7rem 0 0 0.3rem; }
.sp_header .lx{display: none;}
}