@font-face {font-family:"myharmonyos";src:url('../fonts/HarmonyOS_Sans_SC_Medium.subset.woff2') format("woff2");font-display:swap;}
*,*::before,*::after {box-sizing:border-box;}
html {line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {display:block;}
body {margin:0;font-family:myharmonyos;font-size:14px;font-weight:400;line-height:1.5;color:#2c2c2c;text-align:left;background-color:#fff;}
p {margin-top:0;margin-bottom:1rem;}
ol,ul,li {list-style:none}
a {color:#2c2c2c;text-decoration:none;background-color:transparent;}
a:hover {color:#0056b3;text-decoration:underline;}
a:not([href]):not([class]) {color:inherit;text-decoration:none;}
a:not([href]):not([class]):hover {color:inherit;text-decoration:none;}
a[href] {cursor:pointer;}
h1,h2,h3,h4,h5,h6 {margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;}
h1 {font-size:24px}
h2 {font-size:20px}
h3 {font-size:18px}
h4 {font-size:16px}
h5 {font-size:16px}
h6 {font-size:16px}
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
/* img标签 */img {border:0;vertical-align:middle;border-style:none;}
.img-circle {border-radius:50%;}
.module {clear:both;overflow:hidden;position:relative;display:block;padding:20px;margin-top:20px;margin-bottom:20px;background:#f1f1f1;border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);}
.container {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.container:after {content:"";display:table;clear:both;}
@media (min-width:576px) {.container {max-width:540px;}
}
@media (min-width:768px) {.container {max-width:750px;}
}
@media (min-width:992px) {.container {max-width:970px;}
}
@media (min-width:1200px) {.container {max-width:1170px;}
}
.row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.border {padding:10px;border:1px solid #ccc;}
.col-16,.col-15,.col-14,.col-13,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1,.col-xl-16,.col-xl-15,.col-xl-14,.col-xl-13,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg-16,.col-lg-15,.col-lg-14,.col-lg-13,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md-16,.col-md-15,.col-md-14,.col-md-13,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm-16,.col-sm-15,.col-sm-14,.col-sm-13,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1 {position:relative;width:100%;padding-right:15px;padding-left:15px;}
.col-16 {width:100%;}
.col-15 {width:91.66666667%}
.col-14 {width:90%;}
.col-13 {width:83.33333333%;}
.col-12 {width:80%;}
.col-11 {width:75%;}
.col-10 {width:66.66666667%;}
.col-9 {width:58.333333%;}
.col-8 {width:50%;}
.col-7 {width:41.666667%;}
.col-6 {width:33.33333333%;}
.col-5 {width:25%;}
.col-4 {width:20%;}
.col-3 {width:16.66666667%;}
.col-2 {width:10%;}
.col-1 {width:8.33333333%;}
@media(max-width:1024px) {.col-xl-16 {width:100%;}
.col-xl-15 {width:91.66666667%}
.col-xl-14 {width:90%;}
.col-xl-13 {width:83.33333333%;}
.col-xl-12 {width:80%;}
.col-xl-11 {width:75%;}
.col-xl-10 {width:66.66666667%;}
.col-xl-9 {width:58.333333%;}
.col-xl-8 {width:50%;}
.col-xl-7 {width:41.666667%;}
.col-xl-6 {width:33.33333333%;}
.col-xl-5 {width:25%;}
.col-xl-4 {width:20%;}
.col-xl-3 {width:16.66666667%;}
.col-xl-2 {width:10%;}
.col-xl-1 {width:8.33333333%;}
.col-xl-0 {display:none!important;}
}
@media(max-width:992px) {.col-lg-16 {width:100%;}
.col-lg-15 {width:91.66666667%}
.col-lg-14 {width:90%;}
.col-lg-13 {width:83.33333333%;}
.col-lg-12 {width:80%;}
.col-lg-11 {width:75%;}
.col-lg-10 {width:66.66666667%;}
.col-lg-9 {width:58.333333%;}
.col-lg-8 {width:50%;}
.col-lg-7 {width:41.666667%;}
.col-lg-6 {width:33.33333333%;}
.col-lg-5 {width:25%;}
.col-lg-4 {width:20%;}
.col-lg-3 {width:16.66666667%;}
.col-lg-2 {width:10%;}
.col-lg-1 {width:8.33333333%;}
.col-lg-0 {display:none!important;}
}
@media(max-width:768px) {.col-md-16 {width:100%;}
.col-md-15 {width:91.66666667%}
.col-md-14 {width:90%;}
.col-md-13 {width:83.33333333%;}
.col-md-12 {width:80%;}
.col-md-11 {width:75%;}
.col-md-10 {width:66.66666667%;}
.col-md-9 {width:58.333333%;}
.col-md-8 {width:50%;}
.col-md-7 {width:41.666667%;}
.col-md-6 {width:33.33333333%;}
.col-md-5 {width:25%;}
.col-md-4 {width:20%;}
.col-md-3 {width:16.66666667%;}
.col-md-2 {width:10%;}
.col-md-1 {width:8.33333333%;}
.col-md-0 {display:none!important;}
}
@media(max-width:576px) {.col-sm-16 {width:100%;}
.col-sm-15 {width:91.66666667%}
.col-sm-14 {width:90%;}
.col-sm-13 {width:83.33333333%;}
.col-sm-12 {width:80%;}
.col-sm-11 {width:75%;}
.col-sm-10 {width:66.66666667%;}
.col-sm-9 {width:58.333333%;}
.col-sm-8 {width:50%;}
.col-sm-7 {width:41.666667%;}
.col-sm-6 {width:33.33333333%;}
.col-sm-5 {width:25%;}
.col-sm-4 {width:20%;}
.col-sm-3 {width:16.66666667%;}
.col-sm-2 {width:10%;}
.col-sm-1 {width:8.33333333%;}
.col-sm-0 {display:none!important;}
}
/*header*/header {width:100%;background:#1C2327;height:80px;position:fixed;top:0;z-index:999;}
.logo {float:left;line-height:80px;}
.logo a {display:block;width:220px;height:79px}
.imgscale img {width:100%;height:100%;}
/*nav*/nav {float:right;text-align:center;}
#starlist li a.active em {color:#0084ff!important;}
#starlist li {position:relative;float:left;}
#starlist li a {padding:0 35px;display:block;overflow:hidden;}
#starlist li a,#starlist li a:link,#starlist li a:visited {display:block;line-height:80px;color:#868686;}
#starlist li a em {font-style:normal;color:#fff}
#starlist li a b {width:1px;height:15px;background:#ffffff;position:absolute;top:calc(50% - 12px/2);right:0;}
#mnavh {display:none;width:40px;height:40px;text-align:center;}
.navicon {display:block;position:relative;width:30px;height:5px;background-color:#fff;margin-top:20px;}
.navicon:before,.navicon:after {content:'';display:block;width:30px;height:5px;position:absolute;background:#fff;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.navicon:before {margin-top:-10px;}
.navicon:after {margin-top:10px;}
.open .navicon {background:none}
.open .navicon:before {margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.open .navicon:after {margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.open .navicon:before,.open .navicon:after {content:'';display:block;width:30px;height:5px;position:absolute;background:#fff;}
@media screen and (max-width:1024px) {/*header*/header {position:fixed;z-index:999}
nav {position:fixed;top:80px;width:100%;height:auto;z-index:999;}
.navbox {width:100%}
.logo {float:none;}
.logo a {margin:0 auto;text-align:center;}
.logo a img {height:60%;}
#mnavh {position:absolute;top:24%;display:block;}
#starlist {display:none;width:100%;}
#starlist li {display:block;float:none;width:55%;text-align:center;background:#007bff;}
#starlist li:last-child {padding-bottom:100%}
#starlist li a {display:block;float:none;padding:0;width:100%;text-align:center;color:#fff;background:#007bff;border-bottom:#49ccea 1px solid;}
#starlist li a b {display:none;}
}
/*轮播图*/.banner {overflow:hidden;width:100%;padding-top:80px}
.fader {position:relative;overflow:hidden;float:left;width:100%;height:460px;}
.fader .slide {position:absolute;top:0;width:100%;z-index:1;opacity:0;}
.fader .slide img {display:block;margin:0 auto;width:100%;height:460px;}
.fader .prev,.fader .next {position:absolute;top:45%;width:50px;height:50px;line-height:40px;text-align:center;font-size:50px;color:#fff;background:#999;border-radius:50%;opacity:.7;z-index:4;cursor:pointer;}
.fader .prev {left:15%;}
.fader .next {right:15%;}
.fader .prev:hover,.fader .next:hover {opacity:1;}
.fader .pager_list {position:absolute;bottom:0;padding:0;width:100%;height:26px;line-height:26px;text-align:center;z-index:4;}
.fader .pager_list li {display:inline-block;margin:0 7px;width:24px;height:10px;background:#fff;border-radius:10px;opacity:.9;cursor:pointer;text-indent:-9999px;}
.fader .pager_list li:hover,.fader .pager_list li.active {background:#F54E48;opacity:1;}
@media screen and (max-width:1024px) {.fader,.fader .slide img {height:280px;}
.fader .prev,.fader .next {top:42%;}
.fader .prev {left:25px;}
.fader .next {right:25px;}
}
@media screen and (max-width:768px) {.fader,.fader .slide img {height:220px;}
}
@media screen and (max-width:576px) {.fader,.fader .slide img {height:140px;}
.fader .prev {width:24px;height:24px;line-height:18px;font-size:24px;}
.fader .next {width:24px;height:24px;line-height:18px;font-size:24px;}
}
.product .title {text-align:center;}
.product .title h2 {font-size:28px}
.product .title p {color:#999}
#tab11 {text-align:center;}
#tab1 li {display:inline-block;padding:20px;cursor:pointer;}
@media screen and (max-width:576px) {#tab1 li {padding-left:10px;padding-right:10px;}
}
#tab1 li.active {border-bottom:2px solid  #0495ff;background:#fff;}
.box1 {display:none;overflow:hidden;padding:20px 0;width:100%;}
.box1 ul li img {width:100%;height:200px;}
.crossBar1 {position:relative;height:200px;background:url(../images/crossBar1.png);background-size:cover;text-align:center;color:#fff;overflow:hidden;}
.crossBar1 .meta {float:left;height:200px;padding-left:32px;background-repeat:no-repeat;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:1px 145px,66px 1px,66px 1px,1px 17px,1px 20px;background-position:3px 30px,3px 30px,3px 175px,68px 30px,68px 155px;}
.crossBar1 .meta h3 {margin:60px 0 20px 0;font-size:30px;}
.crossBar1 .meta p {float:left;font-size:18px;margin-bottom:0;}
@media screen and (max-width:768px) {.crossBar1 .meta h3 {margin-top:70px;font-size:20px;}
.crossBar1 .meta p {font-size:14px;}
}
@media screen and (max-width:576px) {.crossBar1 .meta h3 {margin-top:65px;font-size:16px;}
}
@media screen and (max-width:576px) {.about .col-11 {margin-bottom:20px}
}
.about .meta {overflow:hidden;padding-bottom:6px;}
.about .meta .title h3 {font-size:36px;color:#ca2424;}
.about .meta .title span {line-height:1;font-size:14px;letter-spacing:3px;color:#999;}
.about .content p {line-height:2;}
@media screen and (max-width:768px) {.about .content p {display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
}
@media screen and (max-width:576px) {.about .content p {display:block;}
}
.about .imgbox {position:relative;width:100%;height:218px;display:block;}
.about .imgbox img {display:block;width:100%;height:100%;}
.about .imgbox span {position:absolute;left:20px;bottom:-20px;display:block;width:60px;height:60px;line-height:60px;text-align:center;font-weight:bold;font-size:14px;color:#ffffff;background:#ca2424;text-transform:uppercase;}
.about .factoryimg {height:380px}
@media screen and (max-width:576px) {.about .factoryimg {width:100%;height:100%；}
.about .factoryimg img {display:black;width:100%;height:100%；}
}
.crossBar2 {position:relative;height:200px;background:url(../images/crossBar2.png);background-size:cover;text-align:center;color:#fff;overflow:hidden;}
.crossBar2:before {content:"";position:absolute;width:100%;height:100%;background:linear-gradient(336deg,#ffffff,transparent),linear-gradient(336deg,transparent,#ffffff);background-size:185px 3px;background-repeat:no-repeat;background-position:26% center,74% center;left:0;z-index:1;}
.crossBar2 h3 {font-size:36px;z-index:2;margin-top:48px;position:inherit;}
.crossBar2 p {font-size:18px;margin:20px 0;letter-spacing:.2em;position:inherit;z-index:2;}
@media screen and (max-width:768px) {.crossBar2 h3 {font-size:18px}
.crossBar2 p {margin-top:50px;font-size:14px;}
}
.contact .title h3 {font-size:36px;color:#ca2424;}
.contact .title span {line-height:1;font-size:14px;letter-spacing:3px;color:#999;}
.contact ul {padding:20px 0 0 0}
.contact ul li {padding-bottom:15px}
.contact ul li:last-child {padding-bottom:0;}
.product:target {padding-top:100px}
.about:target {padding-top:100px;}
footer p {padding:0 20px;margin-bottom:30px}