*{box-sizing:border-box;margin:0;padding:0;max-width:100%;}
@font-face{font-weight:400;font-style:normal;font-family:DINCond-Bold;src:url(dincond-bold.ttf) format('truetype');}
body{background-color:#fff;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);}
button,html body,input,pre,select,textarea{color:#222;font-weight:lighter;font-size:14px;}
a,abbr,address,b,blockquote,cit,code,dd,del,dfn,div,dl,dt,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,ins,label,legend,li,ol,p,pre,q,samp,small,sub,sup,ul{margin:0;padding:0;border:0;vertical-align:baseline;font-weight:400;font-size:100%;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#33363d!important;}
.line{display:-webkit-box!important;overflow:hidden;width:100%;text-decoration:none;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.line._l2{-webkit-line-clamp:2;}
.line._l3{-webkit-line-clamp:3;}
.line._l4{-webkit-line-clamp:4;}
.line._l5{-webkit-line-clamp:5;}
.line._l6{-webkit-line-clamp:6;}
.line._l8{-webkit-line-clamp:8;}
.line._l7{-webkit-line-clamp:7;}
.title-list{position:relative;z-index:9;display:flex;height:60px;background-color:#f1f1f1;align-items:center;}
.title-list .item{position:relative;width:calc(100% / 6);height:60px;color:#333;text-align:center;line-height:60px;cursor:pointer;transition:all ease-in .3s;}
.title-list .item.active,.title-list .item:hover{background:#e00007;color:#fff;}
.title-list .item a{position:relative;display:block;width:100%;border-radius:2px;text-align:center;font-weight:700;font-size:14px;line-height:60px;}
.MessageBox>.message-box.error{background-color:#ff6221;}
.footer_page{display:flex;justify-content:center;align-items:center;}
.MessageBox>.message-box{position:fixed;top:50px;left:50%;z-index:30000;display:flex;padding:10px 20px;background-color:#33c676;color:#fff;transform:translate(-50%);}
.MessageBox>.message-box.error{background-color:#ff6221;}
.MessageBox>.message-box{position:fixed;top:50px;left:50%;z-index:30000;display:flex;padding:10px 20px;background-color:#33c676;color:#fff;transform:translate(-50%);}
.ModelBox{position:fixed;top:0;left:0;z-index:30000;width:100%;height:100%;background-color:#3333;}
.ModelBox>*{position:absolute;top:15%;left:50%;display:flex;padding:20px 40px;min-width:378px;border-radius:4px;background-color:#fff;box-shadow:0 0 15px -7px #ccc;transform:translate(-50%);align-items:center;flex-direction:column;justify-content:center;}
.ModelBox>*>i{margin-bottom:10px;border-radius:50%;color:#ff6221;font-size:40px;}
.ModelBox>*>.content{margin-bottom:16px;}
.ModelBox>*>.model-btn-list{display:flex;justify-content:center;}
#common-fixed .FlexRow{display:flex;flex-direction:row;}
#common-fixed .fiexd-image{margin-right:30px;width:60px;height:60px;}
.tel_box{position:absolute;top:50%;right:calc(100%);z-index:9!important;display:none;box-sizing:border-box;padding:15px;width:392px;max-width:none;border-radius:5px;background-color:#fff;box-shadow:0 0 10px 6px rgb(0 0 0 / 10%);color:#212529;transform:translateY(-50%);flex-direction:column;justify-content:flex-start;}
.fiexd-text h2{line-height:2rem;}
.fiexd-text>div{font-size:12px;}
.fiexd-content{width:0;color:#fff;font-size:16px;transition:all ease-in .6s;}
.fiexd-content.wx{position:absolute;top:50%;left:0;display:none;padding:10px;width:auto!important;max-width:none;transform:translate(-100%,-50%);}
.fiexd-content.wx::after{position:absolute;top:50%;left:calc(100% - 10px);z-index:999;display:flex;width:20px;height:20px;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;background-color:#fff;content:'';transform:translate(-50%,-50%) rotate(45deg);}
.fiexd-content.wx>img{display:block;padding:10px;border:1px solid #e8e8e8;background-color:#fff;}
.fiexd-content.wx>*{max-width:none;}
#common-fixed .sanjiao{position:absolute;top:50%;right:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;transform:translateY(-50%);}
#common-fixed .left .item:hover>.tel_box{display:flex;}
#common-fixed{position:fixed;top:50%;right:0;z-index:3000;display:flex;width:fit-content;height:fit-content;max-height:100%;transform:translateY(-50%);justify-content:center;}
#common-fixed .box{height:100%;}
#advertisement{position:relative;padding:calc(100% / 5.46) 0 0;width:100%;}
#advertisement img{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);}
#common-fixed .left{position:relative;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;}
.shopping-box>.content{overflow:auto;height:calc(100% - 56px);}
.shopping-box>.content::-webkit-scrollbar{width:8px;height:8px;background-color:#f5f5f5;}
.shopping-box .card{display:flex;margin-bottom:6px;padding:10px;width:100%;border-radius:0;background-color:#fff;flex-direction:row;align-items:center;}
.shopping-box .card .image{position:relative;margin:0 10px 0 0;width:50px;height:50px;}
.shopping-box .card .image img{width:50px;height:50px;}
.shopping-box .card .image i{position:absolute;top:0;left:0;display:flex;width:50px;height:50px;border-radius:4px;background-color:#999c;color:#fff;font-size:24px;opacity:0;cursor:pointer;transition:all .2s;align-items:center;justify-content:center;}
.shopping-box .card .image:hover>i{opacity:1;}
.shopping-box .card .right{display:flex;line-height:12px;flex:1;flex-direction:column;justify-content:space-between;}
.shopping-box .card .right .model{color:#4066b8;font-size:12px;}
.shopping-box .card .right>.maker{color:#333;}
.shopping-box>.title{display:flex;margin-bottom:6px;padding-left:10px;width:100%;height:50px;background-color:#fff;align-items:center;}
.shopping-box>.title>i{margin-right:10px;color:#4066b8;font-size:20px;}
.shopping-box>.content .empty{display:flex;padding:20px;align-items:center;flex-direction:column;}
#page_box .layui-laypage a,#page_box .layui-laypage span{padding:0 10px;}
.shopping-box>.content .empty i{font-size:50px;}
.shopping-box>.content .empty div{display:inline-block;margin:15px 0 0;color:#333;font-size:13px;}
.shopping-box>.content>.primary.btn{display:block;margin:auto;width:calc(100% - 20px);background-color:#4066b8;color:#fff;text-align:center;}
li,ol,ul{margin:0;padding:0;}
.shopping-box{position:relative;display:flex;width:0;height:50vh;background-color:#f6f8fc;box-shadow:0 0 15px -7px #ccc;transition:all .4s;flex-direction:column;}
section{min-height:calc(100vh - 78px - 390.5px);}
.shopping-box.active{width:250px;height:100vh;}
.shopping-box>.content::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
.shopping-box>.content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#555;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
.dropdown-item{font-size:12px;}
#common-fixed .left .item{position:relative;display:flex;margin-bottom:10px;width:fit-content;background-color:rgba(0,0,0,.6);cursor:pointer;transition:all .8s;align-items:center;}
#common-fixed .left .item:lase-child{margin-bottom:0;}
.form-box .image-box{display:block!important;margin:10px 0;}
.form-box .image-box img{display:inline-block;margin:0;width:auto;height:38px;}
.email_box,.mobile_box{display:flex;margin-right:28px;font-size:14px;align-items:center;}
.email_box i,.mobile_box i{margin-right:8px;font-size:28px;}
.mobile_box i{margin-right:8px;font-size:24px;}
#common-fixed .left .item>.box{display:flex;color:#fff;align-items:center;}
#common-fixed .left .item>.box i{display:flex;margin:12px 12px 14px 14px;width:24px;height:24px;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;align-items:center;justify-content:center;}
#common-fixed .left>.item:hover>.fiexd-content{display:block;width:auto;transition:all ease-in .6s;}
.ModelBox>*>.model-btn-list .btn{position:relative;overflow:hidden;margin:0 10px;padding:6px 16px!important;min-width:60px;border-radius:19px!important;background:#f0f0f0;color:#333;font-size:14px;font-family:unset;line-height:16px;transition:all .2s;}
.ModelBox>*>.model-btn-list>.btn:first-child{background-color:#4066b8;color:#fff;}
.l2{-webkit-line-clamp:2;word-break:break-word;}
.l3{-webkit-line-clamp:3;word-break:break-word;}
.l4{-webkit-line-clamp:4;word-break:break-word;}
._row{display:flex;flex-wrap:wrap;}
.f_r{justify-content:flex-end;}
.f_c{justify-content:center;}
.f_s{justify-content:space-between;}
.a_c{align-items:center;}
.a_e{align-items:flex-end;}
.w1200{margin:0 auto;width:1200px;}
.w1460{margin:0 auto;width:1460px;}
.w1350{margin:0 auto;width:1350px;}
._p10{padding-right:10px;padding-left:10px;}
#title-imageBox{position:relative;overflow:hidden;padding:11% 0;width:100%;}
#title-imageBox img{position:absolute;top:50%;left:50%;display:flex;width:100%;height:100%;transform:translate(-50%,-50%);}
#Header>.header-box{background-color:#214c96;color:#fff;}
.navbar{position:static;}
.navbar #background_logo{position:absolute;bottom:-3px;left:0;z-index:3;display:flex;overflow:auto;width:260px;height:auto;}
.navbar #logo{position:absolute;bottom:10px;left:51px;z-index:3;display:flex;overflow:auto;width:158px;height:auto;}
.i-image{width:100%;height:100%;object-fit:cover;}
.navbar-light .navbar-nav .nav-link{color:unset;}
.navbar-expand-lg .navbar-collapse{position:static;}
.navbar-light:hover .navbar-nav:hover .nav-link:hover{color:#fff;}
.navbar .info{position:absolute;bottom:calc(100% + 11px);padding-left:75px;height:50px;color:#333;font-weight:600;font-size:12px;}
.navbar .info>div:last-child{padding-left:150px;}
.nav-box{position:absolute;right:0;bottom:0;left:0;z-index:100;padding:8px 10px;background-color:#2f333a;color:#fff;}
.t_c{text-align:center;}
.t_l{text-align:left;}
.t_r{text-align:right;}
._title{color:#333;font-weight:600;font-size:28px;line-height:45px;}
.t2{margin-top:20px;margin-bottom:20px;color:#7a7a7a;font-size:16px;line-height:1.8;}
#Footer{background:url(/static/index/img/d1.png) no-repeat center;}
canvas{vertical-align:bottom;}
#Footer .up{padding:60px 0;background-color:#33363d99;color:#fff;}
#Footer .up .left{width:100%;}
#Footer .input-box{position:relative;width:100%;height:44px;border:1px solid #535354;}
#qrcode{padding:10px;width:fit-content;background-color:#fff;}
#Footer .input-box input{padding:8px 44px 8px 8px;width:100%;height:100%;border:none!important;background-color:inherit;color:#fff;}
#Footer .input-box input::placeholder{color:#fff;}
#Footer .input-box i{position:absolute;top:0;right:0;display:flex;width:44px;height:100%;background-color:#1d1d1d;cursor:pointer;justify-content:center;align-items:center;}
#Footer .up .left .title{position:relative;margin-bottom:10px;font-size:16px;line-height:28px;}
#Footer .up .left .children .name{display:block;color:#fff;line-height:28px;}
#Footer .friendly{margin:20px 0 0;}
#Footer .friendly .image-box{overflow:hidden;margin:0 0 15px 15px;width:175px;height:60px;}
#Footer .friendly .text{display:block;margin:0 0 15px 15px;padding:0 20px;text-align:center;}
#Footer .friendly .image-box img{width:100%;height:100%;object-fit:cover;}
#Footer .up .left>.item:first-child{margin-right:30px;width:calc((100% - 90px)/ 4);column-count:3;column-gap:20px;flex:1;}
#Footer .up .left>.item{margin-right:30px;width:calc((100% - 90px)/ 4);}
#Footer .up .left>.item:last-child{margin-right:0;}
#Footer .up .right{padding:0 0 0 30px;width:32%;border-left:1px solid #d2d2d2;}
#Footer .up .right .title{font-size:28px;line-height:40px;}
#Footer .up .right .title span{color:#b60005;}
#Footer .up .right .content{margin:6px 0 0;font-weight:400;font-size:13px;line-height:20px;}
#Footer .down{padding:13px 0 12px;background:#2a2a2a;color:#fff;font-weight:lighter;}
#Footer .imgList{margin:10px 0 0 0;}
#Footer .imgList i{margin:0 5px 5px 0;font-size:16px;}
.m_y60{margin-top:60px;margin-bottom:60px;}
.p_y60{padding-top:60px;padding-bottom:60px;}
.p_y40{padding-top:40px;padding-bottom:40px;}
.p_y80{padding-top:80px;padding-bottom:80px;}
.m_y40{margin-top:40px;margin-bottom:40px;}
#Footer .down .info{text-align:center;line-height:28px;}
._x{margin:7.5px 0 0;padding:10px 0 0;border-top:1px solid #fff;text-align:center;line-height:24px;opacity:.6;}
.top_box{position:relative;}
.footer_box{padding:10px;background-color:#083584;line-height:1.8;}
.head-contentBox1{display:flex;align-items:center;}
.d-flex{position:relative;}
.nav-link{position:relative;}
/* #Header .d-flex input{margin-right:0!important;padding:6px 40px 6px 12px;width:340px;outline:0;border-top:none;border-right:none;border-left:none;flex:1;}
select:focus{border:0;}
#Header .d-flex input:focus{border-color:none;box-shadow:none;} */
.serbox{position:absolute;right:0;bottom:calc(100% + 17px);z-index:3000;}
.nodata_box{display:flex;justify-content:center;align-items:center;}
/* #searchbtn{position:absolute;right:0;display:flex;width:36px;height:36px;border:0;border-radius:0;background-color:#fefefe;align-items:center;justify-content:center;}
#searchbtn i{color:#e8e8e8;font-size:20px;} */
#J_lang_switch,#google_translate_element{position:absolute;top:-50px;right:0;width:auto;height:100%;height:28px;border:none;background-color:#ccc;line-height:1;cursor:pointer;}
.skiptranslate *{overflow:hidden!important;height:0!important;}
#google_translate_element,#google_translate_element *{overflow:auto!important;height:initial!important;}
body{top:auto!important;}
.index-products .index-products-titleList{margin:40px auto;}
.index-products .index-products-titleList>div{margin:0 20px;color:#7a7a7a;font-size:16px;}
.index-products .index-products-titleList>div.active{color:#333;}
.index-products .content>.item{margin-right:20px;margin-bottom:20px;width:calc((100% - 60px)/ 4);}
.index-products .content>.item:nth-child(4n){margin-right:0;}
.index-products .content>.item>.image-box{position:relative;display:block;overflow:hidden;padding:50% 0;border:1px solid #efefef;}
.form-box>.title{position:relative;padding-bottom:18px;color:#333;font-weight:700;font-size:16px;}
.form-box>.description{position:relative;padding-bottom:18px;color:#999;}
.index-products .content>.item>.image-box>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}
.index-products .content>.item>.model{display:block;margin:10px 0;color:#333;font-weight:600;}