*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}
html{scroll-behavior:smooth;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body,li{margin:0;padding:0;font-size:18px}
img{max-width:100%;height:auto}
img.lazy{opacity:0;transition:opacity .5s .5s}
figure{padding:0;margin:0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-weight:400;line-height:1.5;color:#333}
a{color:#0092cb;cursor:pointer;text-decoration: none;}
a:hover{text-decoration: none;}
b,strong{font-weight:600}
p,li{margin:0;color:#333}
h1 a,h2 a,h3 a,h4 a{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0;color:#333}
h1+p,h2+p,h3+p,h4+p{margin-top: 30px !important;}
input, textarea, button, select{font-family: "Inter", "Segoe UI", Roboto, BlinkMacSystemFont, "Trebuchet MS", -apple-system, "Helvetica Neue", Arial, sans-serif;font-weight: 400;outline: none;font-size: 18px;}
input:focus,textarea:focus,select:focus{box-shadow: 0 1px 1px rgba(0,0,0,0.02), 0 2px 2px rgba(0,0,0,0.02), 0 4px 4px rgba(0,0,0,0.02), 0 6px 8px rgba(0,0,0,0.02), 0 8px 16px rgba(0,0,0,0.02);outline: none;}
h1{font-weight:700;font-size:35px;line-height:1.3;letter-spacing:-1px}
h2{font-weight:700;font-size:35px;line-height:1.3;letter-spacing:-1px}
h3{font-weight:600;font-size:27px;line-height:1.4}
h4{font-weight:600;font-size:22px;line-height:1.2}
h5{font-weight:400;font-size:22px;line-height:1.2}
h6{font-weight:400;font-size:20px;line-height:1.2}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong{color:#0092cb}
.btn{display: inline-block;vertical-align: middle;line-height: 1;font-weight: 500;cursor: pointer;transition: all .2s;}
.btn.btn1{padding: 13px 22px;border: 1px solid #0092cb;border-radius: 3px;background-color: #0092cb;color: #fff;}
.btn.btn1::after{font-family: FA5p;content: '\f105';font-weight: 300;margin-left: 20px;}
.btn.btn1:hover{box-shadow: 0 1px 1px rgba(0,0,0,0.04), 0 2px 2px rgba(0,0,0,0.04), 0 4px 4px rgba(0,0,0,0.04), 0 6px 8px rgba(0,0,0,0.04), 0 8px 16px rgba(0,0,0,0.04);}
.btn.btn2{padding: 13px 22px;border: 1px solid #0092cb;border-radius: 3px;color: #0092cb;}
.btn.btn2::before {content: "\f105";font-weight: 300;margin-right: 10px;font-family: FA5p;}
.btn.big{padding: 20px 35px;}
.btn:hover{background-color: #0092cb;color: #fff;}
.bar::after{content: '';display: block;width: 140px;height: 5px;margin-top: 25px;background-color: #0092cb;}
.dd{padding: 30px 0;}
.db{padding-bottom: 30px;}
.bc1{background-color: #f1f1f1;}
.c{padding: 15px;}
.uppercase{text-transform: uppercase;}
.wrap{max-width: 1280px;margin: 0 auto;}
.head1{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
.head1 .wrap{display: flex;}
.head1 .top{padding: 5px 0;background-color: #fff;height:33px;}
.head1 .wz{color: #999;font-size: 14px;width: 50%;}
.head1 .wz a{color: #999;}
.head1 .lang{width: 50%;}
.head1 .lang ul{margin: 0;list-style: none;float: right;}
.head1 .lang li{float: left;font-size: 15px;margin-left: 5px;}
.head1 .lang li a{color: #333;}
.head1 .lang li.tel{margin: 0 30px;}
.head1 .lang li.tel + li.yy::before{content: '\f0ac';font-family: FA5p;margin-right: 5px;}
.head1 .lang li.yy + li.yy::before{content: '/';color: #333;margin-right: 5px;}
.head1 .lang li.active a{color: #0092cb;text-decoration: underline;}
.navi{padding: 10px 0;background-color: #0092cb;height:63px;}
.navi .logo{width: 12.5%;}
.navi .logo img{max-height: 40px;display: block;}
.navi nav{margin-left: 20px;position: relative;width: 70%;}
.navbtn{display: none;}
.menu{margin: 0;padding: 0;}
.menu li{float: left;border-radius: 3px;list-style: none;position: relative;}
.menu li a{font-size: 16px;color: #fff;padding: 8px 16px;border: 1px solid transparent;display: block;}
.menu>li>a::before{font-weight: 300;margin-right: 8px;}
.menu>li.child>a::before{content: '\f107';font-family: FA5p;}
.menu>li+li{margin-left: 10px;}
.sub-menu{box-shadow: 0 1px 1px rgba(0,0,0,0.04), 0 2px 2px rgba(0,0,0,0.04), 0 4px 4px rgba(0,0,0,0.04), 0 6px 8px rgba(0,0,0,0.04), 0 8px 16px rgba(0,0,0,0.04);padding: 10px 16px;opacity: 0;margin-top: -3px;position: absolute;background: #fff;border: 1px solid #f6f6f6;border-top: none;border-radius: 0 3px 3px 3px;pointer-events: none;}
.sub-menu li{float: none;padding: 0 5px;}
.sub-menu li a{white-space: nowrap;padding: 10px;color: #333;}
.sub-menu li a:hover{color: #0092cb;}
.menu>li:hover .sub-menu{opacity: 1;pointer-events: auto;}
.menu>li:hover>a{background-color: #fff;color: #0092cb;}

.s1{padding-top: 30px;margin-top: 96px;}
.s1 .wrap{background-position: 0 center;background-repeat:no-repeat;background-size:46%;}
.s1 h5{font-weight: 400;font-size: 22px;line-height: 1.2;margin-top: 30px;}
.s1 .searchbox{margin-bottom: 30px;background-color: #fff;box-shadow: 1px 1px 15px rgb(0 0 0 / 6%);padding: 30px;width: 54%;margin-left: 46%;}
.s11{width: 54%;margin-left: 46%;display: flex;align-items: center;}
.s11 .img{width: 20%;text-align: center;}
.s11 .txt{width: 75%;padding: 0 15px;}
.fm1{position: relative;height: 60px;max-width: 800px;margin-left: auto;margin-right: auto;}
.fm1 input{position: absolute;left: 0;width: 100%;border: 0 none;background-color: #f1f1f1;border-radius: 5px;height: 60px;padding-left: 20px;font-size: 15px;}
.bc1 .fm1 input{background-color: #fff;}
.fm1 button{position: absolute;right: 0;height: 60px;border-radius: 0 5px 5px 0;border: 0 none;width: 90px;background-color: #D2843D;color: #fff;cursor:pointer;}
.s1 .fm1{margin-top: 30px;}
.s2{padding: 60px 0;}
.sw1{padding: 60px 0;}
.sw1 .swiper{position: relative;overflow: hidden;width: 100%;cursor: ew-resize;}
.sw1 .swiper .swiper-slide{text-align: center;}
.sw1 .swiper img{max-width: 75%;}
.sw2 .swiper{width: 100%;overflow: hidden;position: relative;cursor: ew-resize;}
.sw2 .swiper-slide h3{margin-top: 20px;}
.sw2 p{margin-top: 20px;}
.s4{padding: 30px 0;display: flex;flex-wrap: wrap;}
.s4 .c1{padding: 30px 15px;}
.s4 .c{padding: 5px 15px 30px;width: 50%;}
.s4 .c h3{margin-top: 30px;}
.s4 .c p{margin-top: 20px;}
.s5{padding: 30px 0;background-color: #f1f1f1;}
.pub1{padding: 30px 15px;width: 66.667%;text-align: center;margin: 0 auto;}
.pub1 h2::after{content: '';display: block;background-color: #0092cb;width: 140px;height: 5px;margin: 25px auto;}
.u1{display: flex;justify-content: space-between;flex-wrap: wrap;list-style: none;padding: 0;margin-top: -30px;}
.u1 li{width: 31.6%;background-color: #fff;text-align: center;margin-top: 30px;min-height: 270px;display: flex;flex-direction: column;justify-content: center;}
.u1 li p{margin-top: 20px;}
.s5 .wrap>p{text-align: center;margin-top: 40px;}
.s6{padding: 30px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.s6 .c{width: 50%;padding: 30px;}
.s6 .c h3{margin-top: 30px;}
.s6 .c p{margin-top: 20px;}
/*制造商*/
.d1{padding: 15px 0;margin-top: 95px;}
.dd .c1{display: flex;justify-content: space-between;padding: 30px;flex-wrap:wrap;}
.dd .c1 span{text-transform: uppercase;font-weight: 600;margin:0 7px;}
.dd .c1 a{color: #333;}
.dd .c1 a:hover{color: #0092cb;}
.dd .u1 li{border: 1px solid #ccc;}
.dd p{margin-top: 20px;}
.d2,.d3{display: flex;justify-content: space-between;flex-wrap:wrap;}
.d2 .c:first-child,.d3>.c:last-child{width: 40%;}
.d2 .c:last-child,.d3>.c:first-child{width: 58%;}
.u2{list-style: none;padding: 0;margin-top: 20px;display: flex;flex-wrap: wrap;}
.u2 li{margin: 10px 0;padding: 0;width: 33.333%;}
.u2 li a{text-transform: capitalize;text-decoration: underline;}
.tb1,.tb2{width: 100%;max-width: 900px;border-spacing: 0;}
.tb1 a,.tb2 a{color: #333;}
.tb1 a:hover,.tb2 a:hover{color:#0092cb;}
.tb1 th,.tb1 td,.tb2 td{padding: 10px;text-align: left;border: none;vertical-align: top;}
.tb1 th{font-weight: 600;color: #0092cb;}
.tb1 td,.tb2 td{font-size: 15px;word-break: break-all;}
.tb1 .desc{max-width: 300px;overflow: hidden;}
.tb1 td.manu{color: #ccc;}
.tb2 td.label{max-width: 150px;}
.tb1 tr>td,.tb2 tr>td{border-bottom: 1px solid #f1f1f1;}
.tb1 td.nr,.tb2 td.label,.tb1 th.nr{padding-left: 0;}
.d3 .c img{display: block;}
.d3 h4+table{margin-top: 30px;}
.d3 .tb2{margin-bottom: 60px;}
.c2{padding: 60px;}
.u3{margin-top: 30px;padding: 0;list-style: none;}
.u3 li+li{margin-top: 20px;}
.u3 li::after{content: '\f00c';font-family: FA5p;margin-left: 15px;color: #0092cb;font-size: 24px;}
.d4{display: flex;justify-content: space-between;flex-wrap: wrap;}
.d4 .col{width: 50%;}
.d4 .c p{margin-top: 20px;}
.d5{padding: 60px;}
.fm2{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.fm2 label{display: block;margin-bottom: 10px;}
.fm2 .ipt{width: 48%;margin-top: 20px;position: relative;}
.fm2 .ipt input{padding: 20px;width: 100%;border: 0;color: #333;border-radius: 3px;}
.fm2 .ipt select{padding: 20px 40px 20px 20px;width: 100%;border: 0;border-radius: 3px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.fm2 .ipt1::after{position: absolute;content: '\f107';font-family: FA5p;margin: 20px 0 0 -25px;}
.fm2 .ipt textarea{padding: 10px;width: 100%;border: 0;border-radius: 3px;resize: none;}
.fm2 .submit{margin-top: 30px;width: 100%;text-align: center;}
.fm2 .submit a.btn::after{content: "\f1d8";}
.n1{padding-top: 0;margin-top: -30px;}
.d6{display: flex;justify-content: space-between;flex-wrap: wrap;}
.d6 .col:first-child{width: 41%;}
.d6 .col:last-child{width: 58%;}

.pages{padding: 30px 0;}
.pagination{list-style: none;border: #f1f1f1 1px solid;display: inline-block;padding: 20px;}
.pagination li{display: inline-block;text-align: center;}
.pagination li a{color: #333;display: block;min-width: 40px;height: 40px;padding: 0 5px;line-height: 40px;}
.pagination li.active a,.pagination li a:hover{color: #fff;background-color: #0092cb;}

.video{height: 0;overflow: hidden;padding-bottom: 56.25%;min-width: 100%;position: relative;}
.video video{height: auto;width: 100%;max-width: 100%;}
.sw3 .swiper{position: relative;overflow: hidden;width: 100%;margin-top: 40px;cursor: ew-resize;}
.sw3 .swiper::after{content: '';display: block;position: absolute;right: 0;height: 100%;width: 90px;top:0;z-index: 10;background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.sw3 .swiper::before{position: absolute;left: 0;right: 0;height: 2px;top: 35px;background-color: #f1f1f1;content: '';}
.sw3 .swiper-slide{width: 28%;}
.sw3 .swiper-slide .bt{font-size: 16px;font-weight: 600;color: #0092cb;}
.sw3 p{margin-top: 20px;}

.flex1,.flex2,.d7{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex1 .col{width: 33.33%;padding: 30px 15px;}
.flex2 .col:first-child{width: 58%;padding: 5px 15px 30px;}
.flex2 .col:last-child{width: 40%;padding: 5px 15px 30px;}
.flex2 p{margin-top: 20px;}
.flex2 p:first-child{margin-top: 0;}
.d7 .col{width: 50%;}
.d8{text-align: center;}

.sw4 .swiper{position: relative;overflow: hidden;width: 100%;cursor: ew-resize;}
.sw4 .swiper::after{content: '';display: block;position: absolute;right: 0;height: 100%;width: 90px;top:0;z-index: 10;background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.sw4 .swiper-slide{background-color: #f1f1f1;padding: 30px;box-sizing: border-box;height: auto;}

.foot1{background-color: #f1f1f1;padding: 30px 0;}
.foot1 .wrap{display: flex;flex-wrap: wrap;}
.foot1 .c{width: 25%;padding: 30px 15px;}
.foot1 a{color: #999;}
.foot1 a:hover{color: #333;}
a[href*="tel"],.foot1 a[href*="mailto"]{color: #0092cb;}
a[href*="tel"]::before{content: '\f095';font-family: FA5p;margin-right: 5px;}
a[href*="mailto"]::before{content: '\f0e0';font-family: FA5p;margin-right: 5px;}
.foot1 p{line-height: 26px;margin-top: 5px;}
.foot2{background-color: #0092cb;color: #fff;padding: 30px 0;line-height: 1;font-size: 16px;}
.foot2 *{color: #fff;}
.foot2 .wrap{display: flex;justify-content: center;}

.kefu{position: fixed;top: 30vh;right: 0;transition: transform .3s,opacity .3s;transform: translateX(220px);z-index: 10;}
.kefu p{width: 270px;color: #fff;background-color: #0092cb;margin-bottom: 5px;border-radius: 3px 0 0 3px;position: relative;}
.kefu p:hover{background-color:#D2843D;}
.kefu p .fal{position: absolute;margin: 13px 0 0 15px;font-size: 20px;}
.kefu p a{color: #fff;display: block;padding: 10px 10px 10px 50px;}
.kefu p a::before{content:inherit;}
.kefu:hover{transform: inherit;}

@media screen and (max-width: 750px){
	html,body,li {font-size:16px;}
	h1{font-size:28px;line-height:1.2;}
	h2{font-size:24px;}
	h3{font-size:20px;}
	h4{font-size:20px;}
	h5{font-size:20px;}
	h6{font-size:18px;}
	.c{padding: 15px;}
	.head1 .top,.kefu,.foot2 p.link{display: none;}
	.s1 .searchbox,.s11,.s4 .c,.u1 li,.s6 .c,.foot1 .c,.d4 .col,.flex1 .col,.d7 .col,.d3 .c:first-child,.d3 .c:last-child{width: 100%;}
	.head1 .wrap{justify-content: space-between;align-items: center;}
	.navbtn{display: flex;width: 30px;height: 30px;cursor: pointer;flex-direction: column;justify-content: space-between;}
	.navbtn span{height: 3px;width: 100%;background-color: #fff;border-radius: 2px;transition: all .2s;}
	.navbtn.on span:nth-child(2){visibility: hidden;opacity: 0;}
	.navbtn.on span:first-child{transform: translate(0,13px) rotate(45deg)}
	.navbtn.on span:last-child{transform: translate(0,-14px) rotate(-45deg)}
	.navi .wrap{margin: 0 15px;height: 100%;}
	.navi .logo{width: 50%;}
	.navi .logo img{max-width: 110px;max-height: 54x;}
	.navi nav{position: fixed;background-color: #fff;z-index: 1000;left: 0;width: 100%;top: 74px;margin-left: 0;overflow: scroll;display: none;bottom:0;}
	.menu li{width: 100%;text-align: center;}
	.menu>li+li{margin-left: 0;}
	.menu li a{color: #0092cb;}
	.sub-menu{position: relative;opacity: 1;border: 0 none;box-shadow: inherit;pointer-events:inherit;}
	.sub-menu li a{color: #666;}
	.sw1{padding:30px 0;}
	.s1,.d1{margin-top: 25px;padding: 30px 15px 0;}
	.d1{padding: 10px 15px;margin-top:60px;}
	.s1 .wrap{background: none !important;padding: 0;}
	.s1 .searchbox,.s11{margin-left: 0;}
	.s1 .searchbox{padding: 15px;box-shadow: inherit;margin-bottom:0;}
	.s11 .img,.s11 .txt{padding: 15px;}
	.s2{margin-top: 0;padding:30px 0;}
	.s3{padding: 40px 10px;}
	.s4{padding: 15px 0;}
	.s4 .c1{padding: 15px;}
	.s4 .c{padding: 15px;}
	.s4 .c h3{margin-top: 15px;}
	.u1{margin: 0 15px;}
	.u1 li{min-height: inherit;padding: 30px 0;margin-top:15px;}
	.u2 li{width: 100%;}
	.dd{padding: 15px 0;}
	.s5{padding: 20px 0;margin-top:5px;}
	.s5 .wrap > p{margin-top: 20px;}
	.s6{padding: 0;}.s6{padding: 0;}
	.s6 .c:last-child{padding-top:0;}
	.db{padding-bottom: 40px;}
	.d5{padding: 30px;}
	.fm2{margin-top: 10px;}
	.fm2 .ipt{width: 100%;}
	.pub1{width: 100%;text-align: left;padding:15px;}
	.pub1 h2::after{margin: 25px 0 0 0;}
	.d6 .col,.flex2 .col{width: 100% !important;}
	.flex2 .col:first-child{order: 2;padding:15px;}
	.flex2 .col:last-child{padding:15px;}
	.c2{padding: 30px;}
	.d2 .c:first-child,.d3>.c:last-child{width: 100%;}
    .d2 .c:last-child,.d3>.c:first-child{width: 100%;}

	.foot1 .c{text-align: center;padding: 15px;}
}