/* @charset "utf-8";html{height:100%}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #008ED6;
} */
@charset "utf-8";html{height:100%}
body{min-height:100%;font-size:14px}
blockquote,body,button,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,iframe,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}
li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
fieldset,frame,iframe,img{border:0 none}
img{vertical-align:top;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;border:0;display:inline-block;max-width: 100%;}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:none;padding:0;margin:0}
button{cursor:pointer;outline:0}
button,input,textarea{-webkit-border-radius:0;-webkit-appearance:none;border:none}
input[type=radio]{-webkit-border-radius:100%;-webkit-appearance:radio}
input[type=checkbox]{-webkit-appearance:checkbox;margin-top:1%;margin-right:2%}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}
textarea{overflow:auto;resize:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
th{font-weight:400}
address,cite,i{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
body,button,input,select,textarea{color:#333;font-size:14px;font-family:NotoSansSC-Regular}
body{line-height:1.5}
a,a:active,a:link,a:visited{text-decoration:none}
a{blr:expression(this.onFocus=this.blur());color:#333;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
@media screen and (max-device-width:320px){body{-webkit-text-size-adjust:none}
}
@media screen and (max-device-width:520px){body{-webkit-text-size-adjust:none;background: #f8f8f8;padding-bottom:90px;}
}
@media only screen and (-webkit-min-device-pixel-ratio:2){body{-webkit-text-size-adjust:none}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){body{-webkit-text-size-adjust:none}
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:.5}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:.5}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:.5}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:.5}
img{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;transition:all 1s;border:0;display:inline-block}
@font-face{font-family:iconfont;src:url(iconfont/iconfont.eot);src:url(iconfont/iconfont.eot-#iefix) format('embedded-opentype'),url(iconfont/iconfont.woff2) format('woff2'),url(iconfont/iconfont.woff) format('woff'),url(iconfont/iconfont.ttf) format('truetype'),url(iconfont/iconfont.svg#iconfont) format('svg')}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
html{font-size:20px}
input[type=text]::-ms-clear{display:none}
:focus{outline:0}
/* 弹性布局 */
.c-flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.c-flex1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.flex{display:flex;flex-wrap:wrap}
.flx_w{display:flex;flex-wrap:wrap;justify-content: space-between;}
.odcontent{max-width:1600px;width:90%;margin:0 auto}
.nei_wrap{max-width:1600px;width:90%;margin:0 auto}
.w1400{max-width:1400px;width:90%;margin:0 auto}
.main{overflow: hidden;}
@font-face{font-family:NotoSansSC-Bold;src:url(../fonts/NotoSansSC-Bold.woff2)}
@font-face{font-family:NotoSansSC-Medium;src:url(../fonts/NotoSansSC-Medium.woff2)}
@font-face{font-family:NotoSansSC-Regular;src:url(../fonts/NotoSansSC-Regular.woff2)}
@font-face{font-family:SF-UI-Display-Regular;src:url(../fonts/SF-UI-Display-Regular.otf2)}
@font-face{font-family:ZURCHBXC;src:url(../fonts/ZURCHBXC.TTF)}


/* 头部 */
.header{width:100%;height:90px;position:fixed;top:0;left:0;z-index:99;-webkit-transition: all 0.5s;transition: all 0.5s;}
/* .header .odcontent{border-bottom: 1px solid rgba(255,255,255,.3);} */
.header .h_logo{width: 350px;height:90px;display:flex;flex-wrap:wrap;align-items:center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.header .h_logo a{display:block;width:100%}
.header .h_logo h1{font-weight:400;font-size:0;display: flex;align-items: center;}
.header .h_logo img:nth-child(2){display: none;}
.header .h_logo span{margin-left: 6px;letter-spacing: 2px;}
.header .h_logo span h3{font-size: 20px;font-weight: bold;color: #fff;letter-spacing: 6px;}
.header .h_logo span p{font-size: 12px;color:#fff ;}
.header .head_nav{width: calc(100% - 350px);padding-left: 120px;padding-right: 170px;position:relative;}
.header .head_nav ul.nav_list{height:90px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.header .head_nav ul.nav_list li{position:relative;height:100%;width:14.28%}
.header .head_nav ul.nav_list li:nth-child(1){width: 18.28%;}
.header .head_nav ul.nav_list li:nth-child(2){width: 15.28%;}
.header .head_nav ul.nav_list li:nth-child(5){width: 13.28%;}
.header .head_nav ul.nav_list li:nth-child(6){width: 10.28%;}
.header .head_nav ul.nav_list li:nth-child(7){width: 10.28%;}
.header .head_nav ul.nav_list li h3{text-align:center;display:block;height:100%;width:100%;font-weight:550;font-size: 17px;}
.header .head_nav ul.nav_list li h3 a{display:block;width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color: #fff;}
.header .head_nav ul.nav_list li h3 a span:after{content:"";position:absolute;bottom:-8px;width:0;left:0;height:2px;background:#fff;z-index:1}
.header .head_nav ul.nav_list li.active h3 a,.header .head_nav ul.nav_list li:hover h3 a{font-weight:700}
.header .head_nav .subnav{display:none;position:absolute;left:0;top:100%;width:max-content;background:rgba(0,0,0,.6);}
.header .head_nav ul.nav_list li:nth-child(2) .subnav{left: -8%;}
.header .head_nav ul.nav_list li:nth-child(4) .subnav{left: 6%;}
.header .head_nav ul.nav_list li:nth-child(5) .subnav{left: 8%;}
.header .head_nav ul.nav_list li:nth-child(6) .subnav{left: -18%;}
.header .head_nav ul.nav_list li:nth-child(7) .subnav{left: -18%;}
.header .head_nav .subnav a{display:block;text-align:center;font-size:16px;font-weight:400;line-height:30px;padding:8px;color:#fff}
.header .head_nav .subnav a:hover{background-image: linear-gradient(112deg,#008FD7 33%,#dcf2ff 172%);}
.header .head_nav .h_other{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;justify-content: flex-end;align-items:center;width: auto;}
.header .head_nav .h_other .search{display:inline-block;position:relative;width: 20px;}
.header .head_nav .h_other .search .icon{width:60px;height:60px;background: url(../img/icon_search.png) no-repeat right;cursor:pointer;filter: none;margin-top: 3px;}
.header-search-form{animation-name:r2l;-webkit-animation-name:r2l;-ms-animation-name:r2l;animation-timing-function:ease;-webkit-animation-timing-function:ease;-ms-animation-timing-function:ease;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-duration:.3s;-webkit-animation-duration:.3s;-ms-animation-duration:.3s}
.header-search-form{display:none;position:absolute;right:-16px;width:240px;background-color:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.1) inset;border-radius:40px;transition:all .3s;z-index:6;top: 10px;}
.header .header-search-form form{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}
.header .header-search-form .input{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.header .header-search-form button,.header .header-search-form input{display:block;height:40px;line-height:40px;outline:0;background:0 0;border:none}
.header .header-search-form input{padding-left:20px;width:100%;color:#555;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.header .header-search-form button{padding:0 16px;font-size:18px;color:#333;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.header .head_nav .h_other .language{border: 1px solid #fff;padding: 0 15px;display: flex;align-items: center;height: 32px;border-radius: 15px;position: relative;}
.header .head_nav .h_other .language .a_more{font-size: 17px;color: #fff;font-weight: 550;display: flex;align-items: center;justify-content: space-between;} 
.header .head_nav .h_other .language img{margin-right: 10px;    margin-top: 3px;}
.header .head_nav .h_other .language .item-container{font-size:12px;position:absolute;left:0;right: 0;padding-top:8px;display: none; transition:opacity .3s ease-in-out;top: 32px;}
.header .head_nav .h_other .language .item-container{padding:4px;background-color: rgba(255,255,255,.9);box-shadow: 0 1px 4px rgba(0,0,0,.1) inset;border-radius:8px;}
;}
.header .head_nav .h_other .language .item-container .item-list{color:rgba(0,0,0,.5);cursor:pointer;border-radius:4px;text-align: center;}
.header .head_nav .h_other .language .item-container .item-list>div{height: 32px;line-height: 32px;margin-bottom: 4px;display: flex;align-items: center;padding: 0 20px;}
.header .head_nav .h_other .language .item-container .item-list>div.active,.header .head_nav .h_other .language .item-container .item-list>div:hover{background:rgba(0,0,0,.1);color:#000}
.header .head_nav .h_other .language .item-container .item-list>div img{width: 25px;height: 15px;margin-right:10px;}


.header .head_nav .h_other .search:hover .header-search-form {display: block;}
.header .head_nav .h_other .search:hover .header-search-form button{background: url(../img/icon_search.png) no-repeat right;cursor: pointer;filter: brightness(0.5);margin-right: 20px;}
.header .head_nav .h_other .search:hover .icon{opacity: 0;}
@keyframes r2l{0%{transform:translateX(50px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@-webkit-keyframes r2l{0%{-webkit-transform:translateX(50px);opacity:0}
100%{-webkit-transform:translateX(0);opacity:1}
}
@-ms-keyframes r2l{0%{-ms-transform:translateX(50px);opacity:0}
100%{-ms-transform:translateX(0);opacity:1}
}
.header .head_nav .h_other .head_btn{display:none}
.scro .header{background-color: rgba(255, 255, 255, 0.7);backdrop-filter: blur(20px);box-shadow: 0 -10px 30px 5px rgba(0,0,0,.08);height: 80px;}
.scro .header .h_logo{height: 80px;}
.scro .header .h_logo img:nth-child(2){display: block;}
.scro .header .h_logo img:nth-child(1){display: none;}
.scro .header .h_logo span h3{color: #004F2A;}
.scro .header .h_logo span p{color:#004F2A ;}
.scro .header .head_nav ul.nav_list{height: 80px;}
.scro .header .head_nav ul.nav_list li h3 a{color: #333;}
.scro .header .head_nav .h_other .language{border: 1px solid #333333;}
.scro .header .head_nav .h_other .language .a_more{color: #333;}
.scro .header .head_nav .h_other .language img{filter: invert(0.7);}
.scro .header .head_nav .h_other .language .item-container .item-list>div img{filter: initial;}
.scro .header .head_nav .h_other .search .icon{filter: invert(0.7);}

@media (max-width:1540px){
.header{height:90px}
.header .h_logo{height:90px;width: 250px;}
.header .head_nav{padding-right:200px;width: calc(100% - 250px);}
.header .head_nav ul.nav_list{height:90px}
.header .head_nav ul.nav_list li h3{font-size:14px}
.header .head_nav .subnav a{font-size:16px;line-height:26px}
.header .head_nav .h_other{width: max-content;}
}
@media (max-width:1340px){
.header .h_logo{width: 200px;height: 80px;}
.header .h_logo span{letter-spacing: 0px;}
.header .h_logo span h3{font-size: 15px;letter-spacing: 1px;}
.header .head_nav{width: calc(100% - 200px);padding-left: 60px;padding-right:200px;}
.header .head_nav ul.nav_list{height: 80px;}
.header .head_nav ul.nav_list li h3{font-size: 16px;}
.header .head_nav .h_other{width: fit-content;margin-top: 0px;}
.header .head_nav .h_other .search .icon{width:50px;height:50px}
.header .head_nav .h_other .language h5{font-size:16px}
}
@media (max-width:1100px){
.header{background-color: rgba(255, 255, 255, 0.7);backdrop-filter: blur(20px);box-shadow: 0 -10px 30px 5px rgba(0,0,0,.08);height: 80px;}
.header .h_logo{width: auto;height: 80px;}
.header .h_logo img:nth-child(1){display: none;}
.header .h_logo img:nth-child(2){display: block;}
.header .head_nav{width:fit-content;padding-left:20px;padding-right:60px;display:flex;flex-wrap:wrap;justify-content:flex-end}
.header .head_nav ul.nav_list{display:none}
.header .head_nav .h_other .language{border: 1px solid #333;}
.header .head_nav .h_other .language .a_more{color: #333;}
.header .head_nav .h_other .language img{filter: invert(0.7);margin-top: 0;}
.header .head_nav .h_other .language .item-container .item-list>div img{filter: initial;}
.header .head_nav .h_other .search .icon{filter: invert(0.7);margin-top: 0;width: 40px;}
.header .head_nav .h_other{position:static;transform:none}
.header .head_nav .h_other .head_btn{display:block}
.head_btn .bar1, .head_btn .bar2, .head_btn .bar3{background-color: #333;}
}
@media (max-width:768px){
.header{height:65px}
.header .h_logo{width:240px;height:60px;padding-top: 6px;}
.header .head_nav{width: fit-content;padding-right: 40px;}
.header .head_nav .h_other{width: fit-content;}
.header .head_nav .h_other .language{margin-bottom:0;padding: 0 10px;}
.header .head_nav .h_other .language .item-container .item-list>div{margin-bottom: 0;}
.header .head_nav .h_other .search .icon{width: 35px;}
.scro .header{height: 65px;}
.scro .header .h_logo{height: 65px;}
.header-search-form{top: 6px;}
}
@media (max-width:520px){
.header{height:58px}
.header .h_logo{width: 45%;height: 58px;}
.header .h_logo img{width:240px;}
.header .h_logo span{display: none;}
.header .head_nav{padding-right:0;width: 50%;padding-left: 0;}
.header .head_nav .h_other{width:100px;justify-content:space-between}
.header .head_nav .h_other .search .icon{background-size: 18px;width:20px;height:40px;margin-top: 0;}
.header .head_nav .h_other .language{position: absolute;right: 48px;height: auto;border: none;}
.header .head_nav .h_other .language .a_more{font-size: 16px;}
.header .head_nav .h_other .language p{display: none;}
.header .head_nav .h_other .language .item-container{width: max-content;left: -30px;}
.header .head_nav .h_other .language .item-container .item-list>div{height: 30px;line-height: 30px;padding: 0 10px;}
.header .head_nav .h_other .language .item-container .item-list>div img{margin-right: 5px;}
.header .head_nav .h_other .search{right: 38px;position: absolute;}
.scro .header{height: 58px;}
.scro .header .h_logo{height: 58px;}
.scro .header .head_nav .h_other .language{border: none;margin-bottom: 0;}
}
.head_btn{cursor:pointer;position:absolute;top:50%;right:-10px;transform:translateY(-50%);padding:10px}
.head_btn .menuBtn{width:24px;height: 18px;}
.head_btn .bar1,.head_btn .bar2,.head_btn .bar3{width: 20px;height: 2px;background-color:#333;margin: 5px 0;transition:.4s;}
.head_btn .bar1{margin-top:0}
.head_btn.change .bar1{transform:rotate(45deg) translate(6px,5px)}
.head_btn.change .bar2{opacity:0}
.head_btn.change .bar3{transform:rotate(-45deg) translate(6px,-5px)}
.scro .head_btn .bar1,.scro .head_btn .bar2,.scro .head_btn .bar3{background-color: #000;}
.moble_nav{padding-top:140px;padding-bottom:50px;height:100%;width:100%;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:98;display:none}
.moble_nav nav{padding:0 20px;height:100%}
.moble_nav ul{height:100%;overflow-y:auto;border-top:1px solid rgba(100,100,100,.3)}
.moble_nav ul li span{display:block;border-bottom:1px solid rgba(100,100,100,.3);overflow:hidden}
.moble_nav ul li span.icon{background:url(../img/icon_next1.png) no-repeat right center;background-size:25px;padding-right:50%}
.moble_nav ul li span.icon.cur{background-image:url(../img/icon_next.png);border-bottom: 1px solid rgb(98 98 98 / 60%);}
.moble_nav ul li span a{padding:18px 0;display:block;font-size:18px;font-weight:700;color:#fff}
.moble_nav ul li .subnav{border-bottom: 1px solid rgb(98 98 98 / 60%);padding:6px 0 10px;display:none}
.moble_nav ul li .subnav a{display:block;padding:10px 0;font-size:16px;padding-left:10px;color:#eee}
 
@media (max-width:480px){
.moble_nav{padding-top: 90px;}
.moble_nav ul li span a{font-size:16px}
.header-search-form{width: max-content;top: 0px;}
}
.fixed_search .bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:998;opacity:0;visibility:hidden}
.fixed_search form{position:fixed;left:0;right:0;top:110px;background:#fff;z-index:999;padding:0 70px;opacity:0;visibility:hidden}
.fixed_search form input{display:block;width:100%;height:70px;padding:0 10px;font-size:16px;color:#333}
.fixed_search form button{position:absolute;left:0;top:0;width:70px;height:70px;background:no-repeat center;background-image:url(../img/icon-4.png);cursor:pointer;background-color:transparent}
.fixed_search form .close{position:absolute;width:70px;height:70px;right:0;top:0;background:no-repeat center;cursor:pointer}
.fixed_search form .close svg{width:16px;height:16px;position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}
.fixed_search.active .bg,.fixed_search.active form{opacity:1;visibility:visible}
.fixed_search.down form{top:80px}
@media (max-width:1540px){
.fixed_search form{top:90px}
}
@media (max-width:980px){
.fixed_search form{top:70px}
}


/* 底部 */
.foot{padding-top: 90px;background: #f8f8f8;}
.foot .odcontent.flex{padding-bottom: 80px;}
.foot .f_lx{width: 27%;text-align: end;}
.foot .f_lx img{}
.foot .f_lx span{font-size: 36px;font-weight: bold;align-items: center;margin: 10px 0;}
.foot .f_lx span.sapn2{font-size: 24px;}
.foot .f_lx p{font-size: 16px;line-height: 2;color: #858585;margin-bottom: 0px;}
.foot .f_nav{width: 50%;}
.foot .f_nav .flex{justify-content: space-between;}
.foot .f_nav .item{width: 20%;}
.foot .f_nav .item .hd{font-size: 18px;margin-bottom: 20px;text-align: center;color: #000;}
.foot .f_nav .item li{margin-bottom: 6px;text-align: center;transition: 0.3s;}
.foot .f_nav .item li:hover{transform: translateX(5px);}
.foot .f_nav .item li:hover a{color:#333 ;}
.foot .f_nav .item a{font-size: 15px;color: #858585;}
.foot .f_ew{width: 23%;}
.foot .f_ew img{width: 220px;}
.foot .f_ew .item{margin-top: 14%;}
.foot .f_ew .item img{width: 100px;}
@keyframes light{0%{top:0;}50%{top:100%;}100%{top:-40px;}}
.foot .f_bom{align-items: center;justify-content: space-between;border-top: 1px solid #D6D6D6;padding: 30px 0;color: #858585;font-size: 15px;}
.foot .f_bom.mo{display: none;}
.foot .f_bom a{color: #858585;font-size: 15px;}
@media (max-width:1440px){
.foot .f_ew .item{margin-left: 10px;}
}
@media (max-width:1280px){
.foot .odcontent.flex{padding-bottom: 40px;}
}
@media (max-width:1080px){
.foot{padding-top: 50px;}
.foot .odcontent.flex{padding-bottom: 30px;}
.foot .f_nav{display: none;}
.foot .f_lx{width:50%;}
.foot .f_lx span{font-size: 30px;}
.foot .f_ew{width:50%;}

}
@media (max-width:768px){
.foot{padding-top: 25px;}
.foot .odcontent.flex{padding-bottom: 10px;}
.foot .f_lx{width: 55%;text-align: left;margin-top: 40px;}
.foot .f_lx img{width: 240px;}
.foot .f_lx span{font-size: 20px;}
.foot .f_lx span.sapn2{font-size: 15px;}
.foot .f_lx span img{width: 25px;height: 25px;margin-right: 5px;}
.foot .f_lx p{font-size: 13px;margin-bottom: 0px;}
.foot .f_ew{width: 45%;justify-content: end;margin-bottom: 15px;}
.foot .f_ew img{width: 168px;}
.foot .f_ew .item{margin-left: 0;margin-right: 10px;margin-top: 15px;}
.foot .f_ew .item img{width: 90px;}
.foot .f_ew .item p{font-size: 13px;margin-bottom: 0;margin-top:0;}
.foot .f_bom{padding: 20px 0;font-size: 13px;}
.foot .f_bom.mo{display: block;}
.foot .f_bom.pc{display: none;}
.foot .f_bom a{font-size: 13px;}
}
@media (max-width:520px){
.foot .f_bom .r{margin: 0 auto;text-align: center;}
.foot .f_bom .l{text-align: center;}
.foot .f_lx{line-height: 1.68;}
}

/* mb_nav */
.mb_nav.fix{position: fixed;left: 0;bottom: 0;z-index: 99;}
.mb_nav{width: 100%;background: linear-gradient(to top, #3fb5f1, #008ED6);color: #fff;display: none;}
.mb_nav ul{display: flex;flex-wrap: wrap;justify-content: flex-start;position: relative;}
.mb_nav ul li{width: 20%;text-align: center;box-sizing: border-box;}
.mb_nav ul li:nth-child(2){width: 30%;}
.mb_nav ul li:nth-child(4){width: 30%;}
.mb_nav ul li .lst{padding: 8px 1%;box-sizing: border-box;color: #fff;}
.mb_nav ul li i{display: inline-block;margin-bottom: 6px;width: 20px;height: 20px;vertical-align: middle;background-repeat: no-repeat;background-size: 100% auto;background-position: center;filter: brightness(100);}
.mb_nav ul li i.mb_h{background-image: url(../img/mb_home.png);}
.mb_nav ul li i.mb_t{background-image: url(../img/mb_tel.png);}
.mb_nav ul li i.mb_ab{background-image: url(../img/mb_ab.png);}
.mb_nav ul li i.mb_p{background-image: url(../img/mb_product.png);}
.mb_nav ul li i.mb_c{background-image: url(../img/lx_i.png);}
.mb_nav ul li span{font-size: 12px;display: block;vertical-align: middle;}
.mb_nav ul li:nth-last-child(1){border-right: 0;}
.mb_nav ul li.home{position: absolute;left:50%;top:0;width: 58px;height: 58px;transform:translate(-50%,-50%);border-right:0;background: linear-gradient(to top, #3fb5f1, #008ED6);border-radius:50%;border: 4px solid #3fb5f1;}
.mb_nav ul li.home i{position: absolute;left:50%;top:50%;width: 30px;height: 22px;transform:translate(-50%,-50%);}
@media only screen and (max-width:520px){
.mb_nav{display: block;}
}
@media only screen and (max-width:320px){
.mb_nav ul li i{width: 15px;height: 15px;}
}