html,body{font-size:14px;font-family:"寰蒋闆呴粦";color:#000;padding:0;margin:0;line-height:150%;overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,address,del,ins{display:block;padding:0;margin:0;background:none;color:#666}h1,h2,h3,h4,h5,h6,em,img,strong,sub,sup,tt,dd,dl,dt,form,label,table,caption,tbody,tfoot,thead,tr,th,td,ul,li,p,a{margin:0;padding:0}ul,ol{list-style-type:none;padding:0}img{border:none;outline:none}.clear{clear:both}.clearfix:after{clear:both;content:'.';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{zoom:1}input,select,textarea{vertical-align:middle}a{color:#666;text-decoration:none;outline:none}a:hover{color:#cc0000}.header{display:flex;height:60px;background:white;align-items:center;justify-content:space-between;padding:10px;box-sizing:border-box;box-shadow:0 0 3px rgba(0,0,0,0.4);position:fixed;left:0;right:0;z-index:980}.header .logo{display:flex;height:40px;overflow:hidden}.header .logo img{display:block;height:40px}.header .right{display:flex}.header .right .Hlang{display:flex;align-items:center;background:url("../images/hlang.png") no-repeat 0 center;padding-left:25px;font-weight:bold;margin-right:20px}.header .right .wmeun{display:flex;background:url("../images/meun.png") no-repeat;width:35px;height:35px;background-size:cover}.sjj_nav{position:fixed;z-index:9;background:rgba(0,0,0,0.9);width:100%;height:calc(100% - 60px);z-index:999;font-size:14px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s}.sjj_nav.nav_show{top:60px}.sjj_nav .item{display:flex;flex-direction:column}.sjj_nav .item.active a,.sjj_nav .item.active b{color:white}.sjj_nav .item a,.sjj_nav .item b{display:flex;color:rgba(255,255,255,0.5);font-weight:normal;flex:1;padding-left:20px;justify-content:space-between;font-weight:bold;line-height:40px}.sjj_nav .item a .sp_nav_xjb,.sjj_nav .item b .sp_nav_xjb{display:flex;flex:0 0 30px;border-left:1px rgba(255,255,255,0.5) solid;height:30px;padding:0px 7px 0 7px;align-items:center;justify-content:center}.sjj_nav .item a .sp_nav_xjb svg,.sjj_nav .item b .sp_nav_xjb svg{transform:rotate(-90deg);transition:all ease 0.35s;width:20px;height:20px;fill:rgba(255,255,255,0.6)}.sjj_nav .item a .sp_nav_xjb.sjj_nav_i_se svg,.sjj_nav .item b .sp_nav_xjb.sjj_nav_i_se svg{transform:rotate(0deg);fill:white}.sjj_nav .item .meun_box{display:none;background:rgba(0,0,0,0.4)}.sjj_nav .item .meun_box ul{display:flex;flex-wrap:wrap}.sjj_nav .item .meun_box ul li{flex:0 0 50%}.sjj_nav .item .meun_box ul li.level{color:white;padding:5px;box-sizing:border-box;line-height:30px;text-align:center}.sjj_nav .item .meun_box ul li.level.hover1{color:white;border-bottom:2px solid white}.sjj_nav .item .meun_box ul li.level.hover1 a{color:white}.sjj_nav .item .meun_box ul li.level a::after{display:none;content:"";position:absolute}.sjj_nav .item .meun_box ul li a{display:flex;flex:1;color:white;position:relative;align-items:center;line-height:unset;padding:10px 5px 10px 20px}.sjj_nav .item .meun_box ul li a::after{content:"";position:absolute;left:10px;width:0;height:0;border-left:5px solid white;border-top:5px solid transparent;border-bottom:5px solid transparent}.sjj_nav .item .meun_box .tab{display:block}.sjj_nav .item .meun_box .tab .menubox{display:none;flex-wrap:wrap}.sjj_nav .item .meun_box .tab .menubox a{display:flex;width:calc(100% / 2);padding:10px 5px 10px 20px;flex:unset;line-height:140%;box-sizing:border-box;color:white;font-size:12px;align-items:center;position:relative}.sjj_nav .item .meun_box .tab .menubox a::after{content:"";position:absolute;left:10px;width:0;height:0;border-left:5px solid white;border-top:5px solid transparent;border-bottom:5px solid transparent}.container-banner{width:100%;overflow:hidden}.container-banner .swiper-container{width:100%;position:relative}.container-banner .swiper-slide{height:221px;overflow:hidden;position:relative}.container-banner .swiper-slide img{width:100%;height:100%;object-fit:cover;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s;-moz-transition:all 0.4s ease 1.2s;-ms-transition:all 0.4s ease 1.2s;-o-transition:all 0.4s ease 1.2s;transition:all 0.4s ease 1.2s}.container-banner .swiper-slide.swiper-slide-active img{transition-delay:0.4s !important;transform:matrix(1, 0, 0, 1, 0, 0);-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-ms-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease}.container-banner .swiper-slide.swiper-slide-active .banner-text h2{animation:bannerup 1s ease both}.container-banner .swiper-slide.swiper-slide-active .banner-text h3{animation:bannerri 1s ease both}.container-banner .swiper-slide video{width:100%;height:100%;object-fit:fill}.container-banner .banner-text{position:relative}.container-banner .banner-text h2{position:absolute;width:80%;font-size:20px;font-weight:bold;letter-spacing:4px;top:100px;left:50%;transform:translate(-50%, -50%);color:white;z-index:99;opacity:0}.container-banner .banner-text h3{position:absolute;width:80%;font-size:12px;top:120px;letter-spacing:2px;left:50%;transform:translate(-50%, 0);color:white;z-index:99;opacity:0}@keyframes bannerup{0%{left:40%;opacity:0}100%{left:50%;opacity:1}}@keyframes bannerri{0%{left:60%;opacity:0}100%{left:50%;opacity:1}}.title{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:30px}.title b{display:inline-flex;font-size:26px;line-height:40px}.title span{font-size:16px;color:#999999}.home_product{display:block}.home_product ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 10px}.home_product ul li{display:flex;flex:0 0 calc(50% - 5px);margin-top:10px;overflow:hidden}.home_product ul li a{display:flex;color:white;position:relative}.home_product ul li a .txt{display:flex;position:absolute;flex-direction:column;align-items:flex-end;text-align:right;bottom:10px;right:5px;left:5px;font-size:12px;z-index:100;text-shadow:0 0 3px rgba(0,0,0,0.5)}.home_product ul li a .txt b{font-size:16px;padding-bottom:5px}.home_product ul li a img{display:block;width:100%;transition:all ease .2s;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-o-transition:all ease .2s;box-sizing:border-box}.quality{display:flex;flex:1}.quality ul{display:flex;align-items:center;flex:1;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.quality ul li{display:flex;color:white;flex:0 0 50%;flex-direction:column;justify-content:center;font-size:18px;padding-left:60px;box-sizing:border-box;margin-bottom:20px}.quality ul li b{font-size:30px;line-height:30px}.quality ul li:nth-child(1){background:url("../images/q1.png") no-repeat 20px center;background-size:30px}.quality ul li:nth-child(2){background:url("../images/q2.png") no-repeat 20px center;background-size:30px}.quality ul li:nth-child(3){background:url("../images/q3.png") no-repeat 20px center;background-size:30px}.quality ul li:nth-child(4){background:url("../images/q4.png") no-repeat 20px center;background-size:30px}.artice{display:flex;padding:0 10px}.artice ul{display:flex;flex-direction:column;justify-content:space-between;position:relative;flex:1}.artice ul li{display:flex;position:relative;box-sizing:border-box;margin:10px 0;flex:1}.artice ul li::after{content:"";position:absolute;border-bottom:1px dashed #e5e5e5;left:0;right:0;bottom:-12px}.artice ul li:last-child{margin-bottom:10px}.artice ul li span{display:flex;flex:0 0 100px;height:85px;flex-direction:column;background:#e5e5e5;margin-right:10px;justify-content:center;align-items:center;font-size:18px}.artice ul li span b{font-size:30px;padding-bottom:5px}.artice ul li div{display:flex;flex-direction:column;font-size:12px}.artice ul li div a{display:inline-flex;font-size:14px;color:#0000b4;font-weight:bold;padding-bottom:5px}.mySwiper{width:100%;padding:20px;box-sizing:border-box;position:relative;overflow:hidden}.mySwiper .swiper-slide{display:flex;position:relative;overflow:hidden}.mySwiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;transition:all ease .2s;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-o-transition:all ease .2s;box-sizing:border-box}.mySwiper .swiper-button-next{background:url("../images/r.png") no-repeat center}.mySwiper .swiper-button-prev{background:url("../images/l.png") no-repeat center}.mySwiper .txt{display:flex;position:absolute;left:10px;bottom:10px;right:10px;color:white;flex-direction:column;font-size:18px;font-weight:bold}.mySwiper .txt b{font-weight:normal}.meun .meun-float{display:flex;flex-wrap:wrap}.meun .meun-float a{display:flex;flex:0 0 50%;justify-content:center;align-items:center;color:#333333;font-size:16px;height:40px;border-bottom:1px solid #eee}.meun .meun-float a.active{background:#0000b4;color:white}.text{display:flex;padding:10px;flex-direction:column;align-items:center}.text h1{font-size:16px}.news{display:block;padding:10px;overflow:hidden}.news .item{display:flex;padding:10px 0;border-bottom:1px solid #e5e5e5}.news .item span{display:flex;flex:0 0 80px;height:80px;flex-direction:column;background:#e5e5e5;align-items:center;justify-content:center}.news .item span b{font-size:30px}.news .item div{display:flex;flex:1;flex-direction:column;margin-left:20px;font-size:14px}.news .item div a{font-size:16px;font-weight:bold;padding-bottom:5px}.news .item div .txt-desc{margin-left:0}.news .items{display:flex;float:left;width:380px;margin-top:30px;margin-right:29px;position:relative;overflow:hidden}.news .items:nth-child(3n){margin-right:0}.news .items:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05)}.news .items:hover .maks{background:rgba(52,84,209,0.5);left:0;top:0;right:0;bottom:0}.news .items .img{display:block;width:100%}.news .items .img img{display:block;width:380px;height:260px;transition:all ease .2s;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-o-transition:all ease .2s;box-sizing:border-box}.news .items .txt{display:flex;flex-direction:column;position:absolute;padding:10px;bottom:0;left:0;color:white;font-size:18px;font-weight:bold}.news .items .txt b{font-weight:normal}.news .items .maks{position:absolute;left:35%;top:35%;right:35%;bottom:35%;background:none;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;box-sizing:border-box}.content{display:block;padding:10px;overflow-y:auto}.content img{max-width:100%}.pic{display:flex;flex-wrap:wrap;padding-top:0px;padding:10px}.pic .item{width:calc(97% / 2);margin-right:1%;margin-top:1%;overflow:hidden;position:relative}.pic .item:nth-of-type(4n){margin-right:0}.pic .item img{display:block;width:100%;transition:all ease .2s;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-o-transition:all ease .2s;box-sizing:border-box}.pic .item .name{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;color:#0000b4}.pic .item .desc{display:block;text-align:center}.page{display:flex;justify-content:center;margin:20px 0}.page span{display:flex;padding:5px 10px;margin:0 2px}.page span.disabled{background:#4d4c4c;border-radius:4px;color:rgba(255,255,255,0.5)}.page span.current{background:#0000b4;border-radius:4px;color:white}.page a{display:flex;padding:5px 10px;margin:0 2px;background:#2e2e2e;border-radius:4px;color:white}.page a.disabled{background:#4d4c4c;border-radius:4px;color:white}.page a:hover{background:#6aa84f}.tedian{display:flex;flex:1;flex-direction:column;padding:10px}.tedian .tit{display:flex;border-bottom:1px solid #ccc;color:#0000b4;font-size:30px;font-weight:bold;line-height:50px}.tedian .content1{display:block;padding:10px;line-height:200%;font-size:20px;overflow:hidden}.tedian .content1 img{display:block;max-width:100%}.pc-slide{display:flex;flex-direction:column;padding:10px;overflow:hidden}.pc-slide .preview{display:flex}#footer{background:#2e2e2e;color:rgba(255,255,255,0.5);padding:10px}#footer .contact{display:flex}#footer .bottom{display:flex;justify-content:center;margin-top:10px;position:relative;line-height:200%}#footer .bottom::after{position:absolute;content:"";left:0;right:0;top:0;height:1px;background:#585858}#footer .bottom::before{content:"";background:2px solid #252525;position:absolute;left:0;right:0;top:0;height:1px}