<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

 
/*about*/

.pathbg {background: #f7f7f7;padding-top: 100px;}
.ozark-page-path {color: #999;font-size: 14px;padding: 30px 0;overflow: hidden;line-height: 30px;}
.ozark-page-path a{ color: #999;}
.ozark-page-path a.cur {color: #999;}
.ozark-page-path a:hover {color: #000;} 

.aboutnav {width:55%;margin: auto; overflow: hidden;padding:2% 0;text-align: center;}
.aboutnav * {display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.aboutnav li{width:25%;text-align: left;display:inline-block;vertical-align: top;margin: 2.5%;}
.aboutnav li a {position: relative;padding: 20px 0;}
.aboutnav li a::before,.aboutnav li a::after {content: '';background: #1a1a1a;left: 0;bottom: 0;position: absolute;z-index: 2;}
.aboutnav li a::before {width:0;height: 2px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.aboutnav li a::after{width: 100%;height: 1px;z-index: 1;}
.aboutnav li a h6{font-size: 12px;font-family: 'Conv_Montserrat-Light';text-transform: uppercase;font-weight: normal;}
.aboutnav li a h5{font-size: 14px;padding:5px 0;}
.aboutnav li a i{background: url("../images/down.svg") no-repeat;background-size: 100%; width: 9px;height: 15px;position: absolute;right: 0;top: 50%;margin-top: -6.5px;}
.aboutnav li a:hover i{right: 5%;}
.aboutnav li a:hover h6,.aboutnav li a:hover h5{padding-left: 5%;}
.aboutnav li a:hover::before {width: 100%;}


.pt130 {padding-top: 130px;overflow: hidden;position: relative;}



.histor {position: relative;padding: 5% 0 0;overflow: hidden;}
.histor-time-line {background: url("../upload/hline.svg") center bottom no-repeat;}
.histor-time {width:100%;overflow: hidden; margin:auto;position: relative;}
.histor-time h3{padding: 50px 0;overflow: hidden; font-size: 30px;color: #676768;font-family: 'Conv_Montserrat-Bold';text-transform: uppercase;text-align: center;}
.histor-time .swiper-slide-thumb-active  h3,.histor-time .swiper-slide-active h3{color: #fff;}
.histor-main {position: relative;width: 1100px;margin:50px auto auto;}
.histor-main li{background: #fff;padding:7% 5%;overflow: hidden;font-size: 16px;line-height: 36px;text-align: center;}
.histor-time h3,.histor-main li{cursor: url("../upload/hmous.cur"),default!important;}

.interpretationlist {padding:5% 0 0;overflow: hidden;}
.interpretation {overflow: hidden;position: relative;}
.interpretation .pic{width:67%;float: left;}
.interpretation .txt {position: absolute;width:25%;height: 100%;left:67%;top: 0;padding:5% 3% 5% 5%;overflow: hidden;}
.interpretation .txt h2{font-size: 60px;}
.interpretation .txt h4{font-size: 20px;}
.interpretation .txt h5{font-size: 14px;color: #666;line-height: 30px;font-weight: normal;padding: 30px 0;overflow: hidden;text-align: justify;}
.interpretation.int2 .pic{width:33%;float: left;}
.interpretation.int2 .txt {width:26%;left:33%;padding:10% 4% 0 4%;}
.interpretation.int2 .pic:last-child{width:33%;float: right;}

.ozarkpro .container .brandms p{ line-height:30px; font-size:16px; text-align:center;}
.ozarkpro .container .brandms{ padding:3% 0%;}
.ozark-brand {margin:0 auto;overflow: hidden;background-size: 100%;background-repeat: no-repeat;background-position: center top;}
.ozark-brand .brand {padding:10% 0%;; overflow: hidden;position: relative;width: 90%;margin: auto;}
.ozark-brand .brand .btitle{text-align: center;}
.ozark-brand .brand .btitle h4{font-size: 30px;color: #fff;}
.ozark-brand .brand .btitle h2{font-size: 60px;color: #fff;}
.ozark-brand .brand .txt {text-align:left;font-size: 16px;line-height:28px; color: #5d5d5d;position: absolute;right: 0;top:0px; width: 50%;} 
.ozark-brand .concept {position: relative;clear: both;overflow: hidden;}
.ozark-brand .concept h2,.ozark-brand .concept h3{color:#fff;}
.ozark-brand .concept .pic{width: 43%;}
.ozark-brand .concept .pic img{width:100%}
.ozark-brand .concept .main {width: 50%;padding:0% 0 0 7%;overflow: hidden;}
.ozark-brand .concept .main .text {width: 100%;padding:5% 0;overflow: hidden;font-size: 16px;line-height: 32px;color: #8a8a8a;text-align: justify;}
.ozark-brand .concept .main .text .protab{width:50%;display: inline-block;float:left;margin-bottom:20px;}
.ozark-brand .concept .main .text .protab .fl{width:36%;float:left;color: #fff; }
.ozark-brand .concept .main .text .protab .flb{width:62%;float: left;}
.ozark-brand .advantage {padding:5% 0;overflow: hidden;}
.ozark-brand .advantage .pic{width: 50%;float: right;}
.ozark-brand .advantage .main {width: 40%;padding:7% 0 0 10%;overflow: hidden;float: right;}
.ozark-brand .advantage .main .text {width:80%;padding:5% 0;overflow: hidden;font-size: 16px;line-height:40px;color: #666;}
.ozark-brand .advantage .main .text li {position: relative;color: #666;}
.ozark-brand .advantage .main .text li::before{content: '';width: 5px;height: 5px;border-radius: 100%;background: #666;display:inline-block;vertical-align: middle;margin-right: 10px;}
.ozark-brand .advantage .main .text strong {font-weight: bold;color: #666;}
.ozark-brand .advantage .main .text span {color: #ccc;}




.certificationlist {padding:1% 0 10% 0;overflow:hidden;}
.certification {margin-left:5%;padding-bottom:3%; width:95%;position: relative;overflow:hidden;}
.certification {cursor: url("../upload/hmous.svg"),default!important;}
.certification li{ background: #f7f7f7;text-align: center;padding:20% 5% 10% 5%;overflow: hidden;}
.certification li .dtable{height: 260px;}
.certification li .dtable-cell{height: 260px;}
.certification li img {max-height: 260px;width: auto;max-width: 100%;display: inline-block;}
.certification li h5{color:#1a1a1a;font-size: 14px;padding-top:20px;overflow: hidden;}
.swiper-button-nextC, .swiper-button-prevC {left:auto;right:0;top:auto;bottom:30px;margin: 0;width: 80px;height:45px;position: absolute;outline: none;cursor: pointer;}
.swiper-button-nextC {background: url("../images/right-h.svg") center no-repeat #f7f7f7;background-size:20%; opacity: 0.4;}
.swiper-button-prevC {background: url("../images/left-h.svg") center no-repeat #f7f7f7;background-size:20%;right: 80px;opacity: 0.3;}
.swiper-button-nextC:hover,.swiper-button-prevC:hover {opacity: 1.0;}
.swiper-button-nextC::after {content: '';width: 1px;height: 45px;right: 80px;top: 0; position: absolute;background: #ccc;}
.certification .swiper-pagination.swiper-pagination-progressbar {bottom: 0;top: auto;background: #ededed;height: 2px;}
.certification span.swiper-pagination-progressbar-fill {background: #1a1a1a;}

 

.swiper-button-nextD, .swiper-button-prevD {left:auto;right:0;top:auto;top:30px;margin: 0;width: 80px;height:45px;position: absolute;outline: none;cursor: pointer;z-index: 10;}
.swiper-button-nextD {background: url("../images/right-h.svg") center no-repeat #f7f7f7;background-size:20%; opacity: 0.4;}
.swiper-button-prevD {background: url("../images/left-h.svg") center no-repeat #f7f7f7;background-size:20%;right: 80px;opacity: 0.3;}
.swiper-button-nextD:hover,.swiper-button-prevD:hover {opacity: 1.0;}
.swiper-button-nextD::after {content: '';width: 1px;height: 45px;right: 80px;top: 0; position: absolute;background: #ccc;}



/*prodcut*/

.ozark-page-prodcut {position: relative;overflow: hidden;padding:5% 0;}
.prodcutnav {text-align: center;}
.prodcutnav .swiper-wrapper {display: block;}
.prodcutnav .swiper-slide {display: inline-block;}
.prodcutnav a {display: inline-block;vertical-align: top;}
/*.prodcutnav a i {display: block;width: 50px;height:50px;margin: auto;}*/
/*.prodcutnav a i img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}*/
/*.prodcutnav a i svg,.prodcutnav a .svg-inject {fill: #999;}*/
.prodcutnav a:hover .svg-inject,.prodcutnav a:hover .svg-inject path,.prodcutnav a:hover svg { fill: #000;}
.prodcutnav a.on .svg-inject{ fill: var(--color-main);}
.prodcutnav .on,.prodcutnav a:hover{color:#fff;background:#000;}

.prodcutnav a{display: block;font-size: 14px;color: #999;background: #fff;padding: 15px 0;margin-bottom:10px;font-weight:normal;}

/*.prodcutnav a.on i img,.prodcutnav a:hover i img{-webkit-filter:none;-moz-filter: none;-ms-filter:none;-o-filter:none;filter:none;}*/
.prodcutnav2 {text-align: center;overflow: hidden;padding:3% 0;}
.prodcutnav2 a {font-size: 14px;color: #999999;padding:20px;position: relative;font-weight: bold;}
.prodcutnav2 a::after {content: '';width: 80%;height: 2px;background: #000;position: absolute;left: 10%;bottom:0px;display: none;}
.prodcutnav2 a.on::after {display: block;}
.prodcutnav2 a.on {color:#000;}
.prodcutnav2 a:hover {color: #000;}
.prodcutnav .swiper-pagination{display:none;}



.prodcutlist {overflow: hidden;padding:1% 0;text-align: center;}
.prodcutlist * {display: block;overflow: hidden;}
.prodcutlist a {display:inline-block;background: #fff;width:17%;margin:0.8%;}
.prodcutlist a .pic{max-width: 300px;max-height: 300px;min-height: 300px;}
.prodcutlist a .txt{text-align: center;border-top: #eeeeee 1px solid;padding: 7% 0 3% 0;}
.prodcutlist a .txt h4{font-size: 16px;}
.prodcutlist a .txt h5{font-size: 14px;padding: 10px 0;text-transform: uppercase;color: #999;}
.prodcutlist a:hover .txt{background: var(--color-main);}
.prodcutlist a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.prodcutlist a:hover h5{color: #000;}



/*商品详情页*/
.good-main-box{padding:0% 0% 5%;}
.prodcutdetail{background:#f7f7f7;}
.good-main-box .position{line-height:38px;}
@media (min-width:992px){.good-main-box .gm-swiper{float:left;width: 65%;}
.good-main-box .gm-info{float:right;width:35%;}
.good-main-box .good-swiper-imgs{margin-left:80px;width:70%;float:left;}
}
@media (max-width:991px){
.good-main-box .good-swiper-imgs{margin-bottom:50px}
}
.good-swiper-thumbs{width:80px;max-height:638px;float:left}
.good-swiper-thumbs li{height:102px}
.good-swiper-thumbs li .cover-box{background-color:#f6f6f6;transition:.3s;border:4px solid #f6f6f6;display:block}
.good-swiper-thumbs .swiper-slide-thumb-active .cover-box{border-color:var(--color-main)}
.swiper-pagination-bullet-active{background:#000;}
.good-swiper-imgs{text-align:center}
.good-swiper-imgs .cover-box{background-color:#f6f6f6}
.gm-info h2{font-size:50px;margin-bottom:20px;}
.main-price{font-size:32px;font-weight:bold;font-family:Helvetica,Arial,sans-serif;}
@media (max-width:768px){.gm-info h2{font-size:24px}
}
.gm-info .desc{color:#666;line-height:30px;padding:20px 0 40px;font-size: 14px;}
.gm-info .btns a{width: 100%;height: 50px;line-height: 50px;background:#000;color:#fff;text-align:center;display:block;font-size:14px;transition:.3s;margin-bottom: 20px;border-radius: 30px}
.gm-info .btns a:hover{background:var(--color-main);color:#fff;}
.gm-info .btns a i{font-size:14px;}
.gm-info .btns a span{padding-left:5px;display:inline-block}
.gm-info .btns .btn1{margin-right:16px}

@media (max-width:991px){.gm-info .btns{display: block;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center}
}
.gm-info .colors{padding:30px 0 30px;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center}
.gm-info .colors img{width:34px;height:34px;border-radius:50%;margin-right:10px}
.gm-info .data{line-height:50px;font-size:14px;color: #666;overflow: hidden;border-top: #e0e0e0 1px solid;border-bottom: #e0e0e0 1px solid;}
.gm-info .data p{width: 46%;float:left;padding-left: 3%;margin-bottom:1%;margin-right: 1%;}
.gm-info .data p:nth-child(2n+0){margin-right:0;}
.good-main-info{padding:90px 0;background:#f6f6f6}
.good-main-info h2{font-size:30px}
@media (max-width:992px){.good-main-info h2{font-size:22px}
}
.good-main-info .info{font-size:16px;color:#717171;text-align:left;margin-bottom:60px;line-height:1.76}
.good-main-info .info p{margin-top:150px}


.ozark-page-prodcutdetail {overflow: hidden;padding:5% 0;}
.ozark-page-prodcutdetail .leftimg{float: left;width: 42%;}
.detailpic {border: 1px solid #eee;}
.detailpic .swiper-button-next,.detailpic .swiper-button-prev {left:auto;right:0;top:auto;bottom:1px;margin: 0;width:90px;height:60px;position: absolute;outline: none;cursor: pointer;opacity: 1;}
.detailpic .swiper-button-next {background: url("../images/right-b.svg") center no-repeat rgba(0,0,0,.3);background-size:20%;}
.detailpic .swiper-button-prev {background: url("../images/left-b.svg") center no-repeat rgba(0,0,0,.3);background-size:20%;right: 91px;}
.detailpic .swiper-button-next:hover {background: url("../images/right-b.svg") center no-repeat rgba(0,0,0,1);background-size:20%;}
.detailpic .swiper-button-prev:hover {background: url("../images/left-b.svg") center no-repeat rgba(0,0,0,1);background-size:20%;}
.detailpic .swiper-pagination.swiper-pagination-fraction {left: 5%;bottom: 5%; text-align: left;font-size: 14px;color: #999;font-family: 'Conv_Montserrat-Bold';}
.detailpic .swiper-pagination.swiper-pagination-fraction span {opacity: .3; font-family: 'Conv_Montserrat-Bold';}
.detailpic .swiper-pagination.swiper-pagination-fraction span.swiper-pagination-current{font-size: 24px;opacity: 1;}

.detailmain {float: left;width: 50%;padding-left:8%;}
.dtitle {font-size: 28px;font-weight: bold;}
.dtitle h2 {font-size:43px;font-weight: bold;}
.pdata {padding: 1% 0 0;overflow: hidden;}
.ozark-page-container .carpza{width:48%;float:left;margin-right:2%;}
.ozark-page-container .carpzb{width:48%;float:right;margin-left:2%;}
.pdata h4{font-size: 16px;border-bottom: 2px solid #1b1b1b;padding: 10px 0;overflow: hidden;display: block;}
.pdata h5{font-size: 38px;border-bottom: 2px solid #1b1b1b;padding: 10px 0;overflow: hidden;display: block;}
.pdata ul {padding: 3% 0 0;overflow: hidden;}
.pdata ul li{float: left;width:33%;line-height: 30px;font-size: 14px;color: #666666;}
.pdata .text {font-size: 14px;line-height: 36px;color: #666666;padding: 3% 0 0;overflow: hidden;}
.pdata .downpdf {padding: 3% 0 0;overflow: hidden;}
.pdata .downpdf a {padding-left: 40px;height: 30px;line-height: 30px; background: url("../upload/pdf1.png") left center no-repeat;display: block;font-size: 14px;color: #666;margin-right: 20px;}
.pdata .downpdf a:hover {text-decoration-line: underline;}
.pcertification {margin-top: 3%;}
.pcertification a {display:inline-block;vertical-align: top;position: relative;margin-right: 20px;}
.pcertification a h5 {padding: 10px 20px;border: 1px solid #000;font-size: 14px;background: #000;color: #fff;text-align: center;}
.pcertification a:hover h5{background: #fff;border: 1px solid #666;color: #666;}
.pcertification a:hover .pcrzshow{display: block;}
.pcrzshow {display: none;position:absolute;left: 0;top:60px; width: 180px;height:90px;border:2px solid #666;text-align: center;background: #fff;}
.pcrzshow img {display: inline-block;vertical-align: middle; max-width: 100%;max-height: 100%;width: auto;}
.pcrzshow:before,.pcrzshow:after{position: absolute;content: '';top: -20px;left: 50%;margin-left: -10px; border-top: 10px transparent dashed;border-left: 10px transparent dashed;border-right: 10px transparent dashed;border-bottom: 10px #fff solid;}
.pcrzshow:before{border-bottom: 10px #666 solid;}
.pcrzshow:after{top: -17px;border-bottom: 10px #fff solid;}

.ozarkprodcut {padding:5% 0 ;overflow: hidden;background: #f1f1f1; clear: both;}
.ozarkprodcut .prodcutnav {padding-top: 4%;overflow: hidden;}
.tjprodcut {padding:2% 0;text-align: center;position: relative;overflow: hidden;width: 90%;}
.tjprodcut .swiper-wrapper{position: relative;width: 100%;height: 100%;margin-bottom:30px;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;}
.tjprodcut .swiper-slide{display:inline-block;background: #fff;float: left;}
.tjprodcut .swiper-slide a{display:block;}
.tjprodcut .swiper-slide a:nth-child(4){margin-right:0%;}
.tjprodcut .swiper-slide a:nth-child(1){margin-left:0%;}
.tjprodcut .swiper-slide a .pic{overflow:hidden;}
.tjprodcut .swiper-slide a .pic img{width:100%;transition: all 1s;}
.tjprodcut .swiper-slide a .txt{text-align: center;padding:3.5% 0;}
.tjprodcut .swiper-slide a .txt h4{font-size: 16px;}
.tjprodcut .swiper-slide a .txt h5{font-size: 12px;padding-top:8px;font-weight: normal;text-transform: uppercase;color: #999;}
.tjprodcut .swiper-slide a:hover .txt{background:var(--color-main);;}
.tjprodcut .swiper-slide a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.tjprodcut .swiper-slide a:hover h4,.tjprodcut .swiper-slide a:hover h5{color: #fff;}

.tjprodcut .swiper-pagination .swiper-pagination-bullet-active{background:#000;}


.listprodcut li{width:23.5%;margin-right:2%;margin-bottom:2%;background: #fff;float: left;}
.listprodcut li:nth-child(4){margin-right:0%;}
.listprodcut li:nth-child(4n+0){margin-right:0%;}
.listprodcut li a .pic{overflow:hidden;}
.listprodcut li a .pic img{width:100%;transition: all 1s;}
.listprodcut li a .txt{text-align: center;padding:3.5% 0;}
.listprodcut li a .txts{text-align: center; font-size:14px;line-height:38px;padding: 10px 0px;}
.listprodcut li a .txt h4{font-size: 14px;}
.listprodcut li a .txt h5{font-size: 12px;padding-top:8px;font-weight: normal;text-transform: uppercase;color: #999;}
.listprodcut li a:hover .txt{background:var(--color-main);;}
.listprodcut li a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.listprodcut li a:hover h4,.listprodcut li a:hover h5{color: #fff;}



/*设计与科技*/
.i_one{ overflow:hidden;color:#000;margin-top:50px;font-size:14px;}
.i_one ul li{ display:block;overflow:hidden; position:relative;margin:50px 0px;}
.i_one ul li a{color:#000;}
.i_one ul li .imgs{float:left;overflow:hidden;width: 60%;}
.i_one ul li:after{ content:""; position:absolute; right:0; bottom:0; width:40%; height:100%;background:#fafafa; z-index:-1;}
.i_one ul li:nth-child(2n+0):after{ left:0; right:auto; /*top:0;*/}
.i_one ul li:nth-child(3):after,.i_one ul li:nth-child(4):after{ top:0;}
.i_one ul li .imgs img{display: block;width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_one ul li .imgs:hover img{-webkit-transform:scale(1.03, 1.03);-moz-transform:scale(1.03, 1.03);-o-transform:scale(1.03, 1.03);-ms-transform:scale(1.03, 1.03);transform: scale(1.03, 1.03);}
.i_one ul li:nth-child(2n+0) .imgs{ float:right;/* margin-bottom:0; margin-top:48px;*/}
.i_one ul li .txt{position:absolute;right:0;overflow:hidden;width: 30%;height:100%;display: flex;align-items: center;justify-content: center;margin:0% 5%;}
.i_one ul li .txt .cons{width: 100%;margin:0 auto;overflow:hidden;}
.i_one ul li:nth-child(2n+0) .txt{ left:0; right:auto;}
.i_one ul li em{ font-style:normal; overflow:hidden; display:block; margin-top:20px;line-height: 26px;text-align: justify;}
/*.i_one ul li:nth-child(2n+0) em{ margin-top:0;}*/
.i_one ul li .h3{font-size: 3.2rem;line-height:1.4;overflow:hidden;margin-top:1%;text-transform: uppercase;font-family: "Playfair Display";font-weight: 400;}
.i_one ul li .a{overflow:hidden;margin-top:7%;height:48px;line-height:48px;text-align:center;border:2px solid #050001;transition:all 0.3s;position:relative;z-index:0;width: 35%;}
.i_one ul li .a:after{ content:"";position:absolute; width:0; height:100%; background:#010101; left:0; top:0;transition:all 0.3s; z-index:-1;}
.i_one ul li .a:hover{border-color:#010101; color:#fff;}
.i_one ul li .a:hover:after{ width:100%;}
.i_one ul li:nth-child(2n+0) .a{ margin-bottom:48px;}
.i_one_t{ overflow:hidden; text-align:center;  padding-bottom:20px; line-height:1.6; font-size:15px; text-transform: uppercase; color: #010101; background-size:28px 12px; }
.i_one_desc{ max-width:520px; margin:0 auto; line-height:30px;  color:#9e9e9e; text-align:center; margin-top:10px;}


@media screen and (max-width: 780px) {
/*第一屏*/
.i_one ul li .txt{position:relative;width: 90%;height:auto;display:block;background: #fafafa;margin: 0;padding: 0% 5%;}
.i_one ul li .imgs{ float:none; width:100%; margin-bottom:0;}
.i_one ul li:nth-child(2n+0) .imgs{ float:none; margin-top:0;}
.i_one ul li:nth-child(3) .imgs,.i_one ul li:nth-child(4) .imgs{margin-top:0;}
.i_one ul li .txt .cons{ max-width:none; margin:10% 3%;}
.i_one ul li:after{ display:none;}
.i_one ul li .a{margin-top: 10%;line-height: 42px;height:42px;width: 45%;}
.i_one ul li:nth-child(2n+0) .a{ margin-bottom:0;}
}


/*proseries*/
.pro_series{ overflow:hidden;color:#000;font-size:14px;}
.pro_series ul li{ display:block;overflow:hidden; position:relative;margin:50px 0px;}
.pro_series ul li a{color:#000;}
.pro_series ul li .imgs{float:left;overflow:hidden;width: 60%;}
.pro_series ul li:after{ content:""; position:absolute; right:0; bottom:0; width:40%; height:100%;background:#fafafa; z-index:-1;}
.pro_series ul li:nth-child(2n+0):after{ left:0; right:auto;}
.pro_series ul li .imgs img{display: block;width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.pro_series ul li .imgs:hover img{-webkit-transform:scale(1.03, 1.03);-moz-transform:scale(1.03, 1.03);-o-transform:scale(1.03, 1.03);-ms-transform:scale(1.03, 1.03);transform: scale(1.03, 1.03);}
.pro_series ul li:nth-child(2n+0) .imgs{ float:right;}
.pro_series ul li .txt{position:absolute;right:0;overflow:hidden;width: 30%;height:100%;display: flex;align-items: center;justify-content: center;margin:0% 5%;}
.pro_series ul li .txt .cons{width: 100%;margin:0 auto;overflow:hidden;}
.pro_series ul li:nth-child(2n+0) .txt{ left:0; right:auto;}
.pro_series ul li em{ font-style:normal; overflow:hidden; display:block; margin-top:20px;}
.pro_series ul li .h3{font-size: 3.2rem;line-height:1.4;overflow:hidden;margin-top:1%;text-transform: uppercase;font-family: "Playfair Display";font-weight: 400;}
.pro_series ul li .a{overflow:hidden;margin-top:7%;height:48px;line-height:48px;text-align:center;border:2px solid #050001;transition:all 0.3s;position:relative;z-index:0;width: 35%;}
.pro_series ul li .a:after{ content:"";position:absolute; width:0; height:100%; background:#010101; left:0; top:0;transition:all 0.3s; z-index:-1;}
.pro_series ul li .a:hover{border-color:#010101; color:#fff;}
.pro_series ul li .a:hover:after{ width:100%;}
.pro_series ul li:nth-child(2n+0) .a{ margin-bottom:48px;}
.pro_series_t{ overflow:hidden; text-align:center;  padding-bottom:20px; line-height:1.6; font-size:15px; text-transform: uppercase; color: #010101; background-size:28px 12px; }
.pro_series_desc{ max-width:520px; margin:0 auto; line-height:30px;  color:#9e9e9e; text-align:center; margin-top:10px;}

@media screen and (max-width: 980px) {
.pro_series{padding-top:70px;}
.pro_series ul li .txt{position:relative;width: 90%;height:auto;display:block;background: #fafafa;margin: 0;padding: 0% 5%;}
.pro_series ul li .imgs{ float:none; width:100%; margin-bottom:0;}
.pro_series ul li:nth-child(2n+0) .imgs{ float:none; margin-top:0;}
.pro_series ul li:nth-child(3) .imgs,.pro_series ul li:nth-child(4) .imgs{margin-top:0;}
.pro_series ul li .txt .cons{ max-width:none; margin:10% 3%;}
.pro_series ul li:after{ display:none;}
.pro_series ul li .a{margin-top: 10%;line-height: 42px;height:42px;width: 45%;}
.pro_series ul li:nth-child(2n+0) .a{ margin-bottom:0;}
}


/*spirt*/
.spirt{ overflow:hidden;color:#000;font-size:14px;}
.spirt ul li{ display:block;overflow:hidden; position:relative;margin:5% 0px;}
.spirt ul li a{color:#000;}
.spirt ul li .imgs{float:right;overflow:hidden;width: 60%;}
.spirt ul li:after{ content:""; position:absolute; left:0; bottom:0; width:40%; height:100%;background:#fafafa; z-index:-1;}
.spirt ul li .imgs img{display: block;width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.spirt ul li .imgs:hover img{-webkit-transform:scale(1.03, 1.03);-moz-transform:scale(1.03, 1.03);-o-transform:scale(1.03, 1.03);-ms-transform:scale(1.03, 1.03);transform: scale(1.03, 1.03);}
.spirt ul li:nth-child(2n+0) .imgs{ float:left;}
.spirt ul li .txt{position:absolute;left:0;overflow:hidden;width: 30%;height:100%;display: flex;align-items: center;justify-content: center;margin:0% 5%;}

.spirt ul li .text{margin-top:20px;overflow:hidden;}
.spirt ul li .text p{line-height:28px;}
.spirt ul li:nth-child(2n+0) .txt{ left:0; right:auto;}
.spirt ul li .h3{font-size: 3.2rem;line-height:1.4;overflow:hidden;margin-top:1%;text-transform: uppercase;font-family: "Playfair Display";font-weight: 400;}
.spirt ul li .a{overflow:hidden;margin-top:7%;height:48px;line-height:48px;text-align:center;border:2px solid #050001;transition:all 0.3s;position:relative;z-index:0;width: 35%;}
.spirt ul li .a:after{ content:"";position:absolute; width:0; height:100%; background:#010101; left:0; top:0;transition:all 0.3s; z-index:-1;}
.spirt ul li .a:hover{border-color:#010101; color:#fff;}
.spirt ul li .a:hover:after{ width:100%;}



@media screen and (max-width: 980px) {
.spirt{padding-top:70px;}
.spirt ul li .txt{position:relative;width: 90%;height:auto;display:block;background: #fafafa;margin: 0;padding: 0% 5%;}
.spirt ul li .imgs{ float:none; width:100%; margin-bottom:0;}
.spirt ul li:nth-child(2n+0) .imgs{ float:none; margin-top:0;}
.spirt ul li:nth-child(3) .imgs,.spirt ul li:nth-child(4) .imgs{margin-top:0;}
.spirt ul li .txt .cons{ max-width:none; margin:10% 3%;}
.spirt ul li:after{ display:none;}
.spirt ul li .a{margin-top: 10%;line-height: 42px;height:42px;width: 45%;}
.spirt ul li:nth-child(2n+0) .a{ margin-bottom:0;}
}


/*case*/
.ozark-page-case {overflow: hidden;padding:4% 0 5% 0;}
.ozark-page-case .ptitle {position:relative;}
.ozark-page-case .ptitle h2{display: block;font-size: 130px;line-height: 300px;color:#fafafa;width: 95%;text-transform: uppercase;margin-left: 5%;}
.ozark-page-case .ptitle h3{display: block;position: absolute;width:400px;left:5%;bottom:10%;z-index: 3;font-size:80px;color:#1a1a1a;}
.ozark-page-case .ptitle h4{display: block;position: absolute;width:45%;right:5%;bottom:7%;z-index: 3;font-size: 16px;color: #999;line-height: 34px;font-weight: normal;}
.ozark-page-caselist {overflow: hidden;padding:5% 0;}



/*news*/

.nnav {position: absolute;right:4%;bottom:15%;width:35%; text-align: center;}
.nnav a{font-size: 20px;color: #999;position: relative;padding:15px 0px;overflow: hidden;font-weight: bold;display: block;}
.nnav a.cur{color: #1a1a1a;}
.nnav a::after {content: '';width:70%;height: 2px;background: var(--color-main);position: absolute;left:15%;bottom:0px;display: none;}
.nnav a.cur::after {display: block;}
.nnav a:hover {color: #1a1a1a;}
.swiper-nnav {position: relative;}
.nnav.num3,.nnav.num4 {text-align: right;}
.nnav.num3 .swiper-wrapper,.nnav.num4 .swiper-wrapper  {display: block;}
.nnav.num3 .swiper-container .swiper-slide,.nnav.num4 .swiper-container .swiper-slide {display: inline-block;}
.nnav.num3 .swiper-container .swiper-slide a,.nnav.num4 .swiper-container .swiper-slide a {text-align: center;}

.listnews{background:#f7f7f7;}
.l_mt{position:relative}
.l_mt .bot{display:flex;flex-wrap:wrap}
.l_mt .bot .item{width: 28%;background-color:#fff;margin-right: 2%;transition:all .3s;overflow:hidden;position:relative;transition:ease 1s;margin-bottom: 2%;padding: 2%;}
.l_mt .bot .item:hover{box-shadow:0 25px 43px 8px rgba(47,48,53,.08)}
.l_mt .bot .item .z_index_more{display:block}
.l_mt .bot .item .z_index_more .time{margin-left:.4vw;color:#666;font-weight:400}
.l_mt .bot .item .z_index_more .fa-clock{color:#666;}
.l_mt .bot .item .z_index_more .fr{float:right;}
.l_mt .bot .item .z_index_more .fr i{margin-left:5px;}
.l_mt .bot .item .z_index_more::before{display:none}
.l_mt .bot .item .z_index_more::after{content:"";width:0;border-bottom:1px solid var(--color-main);position:absolute;left:50%;bottom:0;z-index:9;transition:1s}
.l_mt .bot .item:nth-child(3n+0){margin-right:0}
.l_mt .bot .item a{display:block}
.l_mt .bot .item .img{width:100%;position:relative;overflow:hidden}
.l_mt .bot .item .img img{width:100%;height:100%;transform:scale(1);transition:1s}
.l_mt .bot .z_index_mores{line-height:28px;display:inline-block;margin:1vw 0}
.l_mt .bot .z_index_mores .en{font-size:14px;font-weight:700;text-decoration:underline;color:#000;margin-right:10px}
.l_mt .bot .z_index_mores .icon{display:inline-block;width:28px;transition:ease .6s;height:28px;text-align:center;background:var(--color-main);color:#fff;vertical-align:middle;background-size:100% 100%}
.l_mt .bot .item .img .date{position:absolute;top:0;right:0;text-align:center;background-color:#2f3035;color:#fff;width:5.20833vw;height:5.20833vw;padding-top:.78125vw;font-family:Human;transition:1s}
.l_mt .bot .item .img .date b{font-size:40px}
.l_mt .bot .item .img .date p{font-size:12px;font-weight:700;text-transform:uppercase}
.l_mt .bot .item .title{margin-top:1.2vw;margin-bottom:.6vw;font-size:18px;color:#000;font-weight:700;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1}
.l_mt .bot .item .text{margin-top:1.04166vw;font-size:14px;color:#666;line-height:25px;font-family: Arial, Helvetica, sans-serif;}
.l_mt .bot .item .times{margin-top:1.8vw;padding-top:.2vw;line-height:30px;border-top:1px solid #ebf0f5}
.l_mt .bot .item .z_index_more{margin-top: 20px;padding-top: 20px;border-top:1px solid #ebf0f5;}
.l_mt .bot .item:hover .z_index_more::after{left:0;width:100%}
.l_mt .bot .item:hover .img img{transform:scale(1.1)}
.l_mt .bot .item:hover .img .date{background-color:var(--color-main)}
.l_mt .bot .item:hover .title,.l_mt .bot .item:hover .z_index_more .fr{color:var(--color-main)}

@media screen and (max-width:980px){
.l_mt .top .fl,.l_mt .top .fr{float: unset;width: 100%;}
.l_mt .top .title h2{font-size: 20px;margin-bottom: unset;height: 20px;display: inline-block;}
.l_mt .top .title div{font-size: 16px;}
.l_mt .top .fr{margin-top: 10px;}
.l_mt .top .fr div{height: unset;width: 100%;height: 35px;}
.l_mt .top .fr div select, .l_mt .top .fr div select{width: 70%;margin-top: unset;}
.l_mt .top .fr p{margin-top: 5px;}
.l_mt .bot .item{width: 100%;margin: unset !important;margin-top: 10px !important;padding: 10px;}
.l_mt .bot .item .img{height: auto;}
.l_mt .bot .item .title{font-size: 16px;}
.l_mt .bot .item .text{font-size: 12px;}
.l_mt .bot .item .img .date{width: 70px;height: 70px;padding-top: 10px;}
.l_mt .bot .item .img .date b{font-size: 26px;}
.l_mt .nkBot .item{width: 100%;margin: unset !important;margin-top: 10px !important;padding: 10px;}
.l_mt .nkBot .item .img{width: 100%;height: 420px;float: unset;}
.l_mt .nkBot .item .content{width: 100%;float: unset;margin-left: unset;margin-top: 10px;}
.l_mt .nkBot .item .content .title{font-size: 16px;}
.l_mt .nkBot .item .content .information{font-size: 10px;}
.l_mt .nkBot .item .content .text{width: 100%;font-size: 10px;margin-top: 5px;}
.l_mt .nkBot .item .content .btn{width: 100px;height: 35px;line-height: 35px;}
	   
}

.ozark-page-news {overflow: hidden;padding: 0}
.ozark-page-news .inewslist {padding:3% 0 3% 0;}
.ozark-page-newsdetail {width:90%;margin: auto;overflow: hidden;padding:5% 0;}
.ozark-page-newsdetail .title {text-align: center;display: grid;border-bottom: 1px solid #e7e9ef;padding: 10px 0;overflow: hidden;}
.ozark-page-newsdetail .title h2{font-size: 40px;}
.ozark-page-newsdetail .title .xx{margin:0 auto;font-size:14px;color:#b5b5b5;font-weight: normal;display:block;align-items:center;padding:25px 0;overflow: hidden;text-align: center;}
.ozark-page-newsdetail .title .xx div{margin-right:15px;float: left;}
.newsdetail {padding:5% 0;overflow: hidden;font-size: 16px; line-height: 38px;}
.newsdetail img {max-width: 100%;display: inline-block;width: auto;}
/*.prodetail img{width:100%;}*/
.news-detail-page {width:100%;margin-bottom:5%;padding:30px 0; position: relative;border-top: 1px solid #1a1a1a;border-bottom: 1px solid #1a1a1a;overflow: hidden;}
.news-detail-page a {display: block;position: absolute;top:50%;margin-top: -10px; font-size: 18px;color: #1a1a1a;font-weight: normal;}
.news-detail-page a:hover {color: var(--color-main);}
.news-detail-page a.prev {left: 0; background: url("../images/left-h.svg") left center no-repeat;background-size:18px;padding-left: 50px;}
.news-detail-page a.next {right: 0;background: url("../images/right-h.svg") right center no-repeat;background-size:18px;padding-right: 50px;}
.news-detail-page a.return {position: relative;top:auto;margin: auto;width: 90px;text-align: center;}
.news-detail-page a.prev::before {content: '';width: 1px; height: 100%;background: #e8e8e8;position: absolute;top: 0;left:30px;}
.news-detail-page a.next::after {content: '';width: 1px; height: 100%;background: #e8e8e8;position: absolute;top: 0;right:30px;}

.ozark-page-newsdetail .bottom{display:flex; justify-content:space-between; align-items:center; }
.ozark-page-newsdetail .bottom .br{ display:flex; align-items:center;font-size:16px;color: #666;}
.z_share{ margin: 2vw 0; color: #71777D;}
.z_share a{ display: inline-block; cursor: pointer;width: 30px;height: 30px; color: #666; font-size:16px;border-radius: 25px; text-align: center; line-height: 30px;opacity: .6;}
.z_share a:hover{ background:var(--color-main); color:#fff;  opacity: 1;  }




.ozark-page-otherprodcut {padding:8% 0 ;overflow: hidden;}
.ozark-page-otherprodcut .title {text-align: center;}
.ozark-page-otherprodcut .title h3 line {display: block;margin:20px auto;}
.ozark-page-otherprodcut .prodcutnav {padding-top: 4%;overflow: hidden;}
.otherprodcut {padding:2% 0 ;overflow: hidden;text-align: center;}
.otherprodcut * {display: block;overflow: hidden;}
.otherprodcut a {background: #fff;width: 32%;margin-right: 2%;overflow: hidden;float: left;}
.otherprodcut a:nth-child(3){margin-right:0%;}
.otherprodcut a .pic img{width:100%; transition: all 1s;}
.otherprodcut a .txt{text-align: center;border-top: #eeeeee 1px solid;line-height:38px;padding:3% 0;}
.otherprodcut a .txt h4{font-size: 16px;font-weight:normal;}
.otherprodcut a .txt h5{font-size: 14px;padding: 10px 0;text-transform: uppercase;color: #999;}
.otherprodcut a:hover .txt{background:var(--color-main);}
.otherprodcut a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.otherprodcut a:hover h4,.otherprodcut a:hover h5{color: #fff;}





/*门店信息*/
.stores.stores2 .storespic {float: right;width: 60%;}
.stores.stores2 .storestxt {right: auto;left: 5%;}

.stores .swiper-button-ctrl {width:100%;height: 50px;text-align: left;margin-top:100px;overflow: hidden;clear: both;}
.stores .swiper-button-ctrl * {display: inline-block;left: auto;top: auto;width: auto;bottom: auto; margin: auto;position: relative;background: none;font-family: 'Conv_Montserrat-Regular';}
.stores .swiper-pagination {margin: 0 10px;}
.stores .swiper-pagination span {margin: 0 1px;}
.stores .swiper-pagination.swiper-pagination-fraction {display: inline-block;font-size: 14px;padding: 0 20px;color: #999;}
.stores .swiper-pagination.swiper-pagination-fraction span {color: #999;}
.stores .swiper-pagination.swiper-pagination-fraction span.swiper-pagination-current {color: #000;font-size: 20px;}
.stores.stores2 .storestxt .swiper-pagination-total {color: #999;}
.stores .swiper-button-nextS::after,.stores .swiper-button-prevS::before {content: '';bottom: -4px;top: auto;position: absolute;width: 15px;height: 20px;}
.stores .swiper-button-nextS::after{background: url("../images/right-h.svg") center no-repeat;background-size:100%;right: 0px;}
.stores .swiper-button-prevS::before {background: url("../images/left-h.svg") center no-repeat;background-size:100%;left: 0px;}
.stores .swiper-button-nextS,.stores .swiper-button-prevS {opacity: 0.3;cursor: pointer;}
.stores .swiper-button-nextS:hover,.stores .swiper-button-prevS:hover {opacity: 1;}




.dealers {overflow: hidden;padding-bottom: 130px;}
.dealers-map {float: left;width:56%;}
.dealers-right {float: left;width: 35%;padding:2% 4%;}
.dealers-search {}
.dealers-select {width:35%;border: 2px solid #ccc;height: 45px;font-size: 14px;color: #999999;padding:0 2%;font-weight: bold;margin: 2px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url("../images/sj.png") 90% center no-repeat;outline: none;}
.dealers-submit {width:25%;height: 45px;background: #666666;color: #fff;font-weight: bold;cursor: pointer;}
.dealers-submit:hover {background: var(--color-main);}

.dealers-list {margin:5% 3% 5% 0;overflow:hidden;}
.dealers-list a {display: block;overflow: hidden;padding:20px 0; border-bottom: 2px solid #ededed;}
.dealers-list a i {width: 15%;height: 70px;float: left;border-right: 1px solid #ededed;background: url("../upload/add.svg") center no-repeat;background-size:40%;}
.dealers-list a span {float: left;padding-left:5%;width: 79%;}
.dealers-list a span h5{display: block;font-size: 16px;padding-bottom:5px;}
.dealers-list a span h6{font-size: 16px;line-height:26px; font-weight: normal;color: #999;}
.dealers-list a:hover {background: #f1f1f1;}
.dealers-list a:hover span h5{color: var(--color-main);}

.electricity {text-align: center;overflow: hidden;padding-bottom: 130px;}
.electricity a {width:31.3333333%;height: 310px; display: inline-block;vertical-align: middle;margin:0.9%;background: #f7f7f7;}
.electricity a img,.electricity a svg {display: inline-block;max-width: 100%;width:160px;height: auto;}
.electricity a i{display: none;width: 45px;height:45px;position: absolute;bottom: 20%;left: 50%;margin-left: -22.5px; border-radius: 100%;background: url("../images/right-h.svg") center no-repeat #fff;background-size:30%;}
.electricity a .dtable{}
.electricity a .dtable-cell{}
.electricity a:hover {background: #1a1a1a;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.electricity a:hover i {display: block;} 
.electricity a:hover img{margin-bottom:50px;-webkit-filter: invert(100%);filter: invert(100%);}
.electricity a:hover svg{margin-bottom:50px;}
.electricity a .svg-inject{ fill: #000;}
.electricity a:hover .svg-inject{ fill: #fff;}

.feedback {overflow: hidden;padding-bottom: 130px;width: 1100px;margin:auto;text-align: center;}
.feedback li {width:32%;display: inline-block;margin:0.5%;text-align: left;overflow: hidden;}
.feedback li h5{font-size: 14px;padding: 10px 0;}
.feedback li .input3 {border: 2px solid #ccc;height: 50px;line-height: 50px;display: block;padding: 0 2%;width:94%;outline: none;}
.feedback li .input3:focus {border: 2px solid #000;}
.fbmain {display: inline-block;width:98%;padding:2% 0;text-align: left;overflow: hidden;}
.fbmain h5{font-size: 14px;padding: 10px 0;}
.textarea3 {border: 2px solid #ccc;height:150px;line-height: 24px;display: block;padding:1% 2%;width:95.5%;outline: none;}
.textarea3:focus {border: 2px solid #000;}
.submit3 {height: 50px;line-height: 50px;background: #666666;color:#fff;font-size: 14px;text-align: center;width:30%;font-weight: bold;margin:20px auto;display: inline-block;cursor: pointer;outline: none;}
.submit3:hover {background: var(--color-main);}


.technical-nav {background: #ededed;overflow: hidden;}
.technical-nav a{float: left;display: block;line-height: 63px;width: 10%;text-align: center; font-size: 14px;font-weight: bold;}
.technical-nav a.cur {background: #1a1a1a;color: #fff;}
.technicalist {}
.technical {overflow: hidden;padding:5% 0;}
.technical .left{float: left;width:40%;padding:2% 5%;overflow: hidden;}
.technical .pic{float: left;width:50%;}
.technical .left .data {overflow: hidden;padding:5% 0;}
.technical .left .data li{width:90%; text-align: left;padding:15px 0;margin-bottom: 15px; border: 2px solid #f2f2f2;overflow: hidden;}
.technical .left .data li span,.technical .left .data li h5{display: inline-block;vertical-align:middle;}
.technical .left .data li span {min-width:20%; text-align: center;border-right: 1px solid #e5e5e5;overflow: hidden;}
.technical .left .data li span h3{font-size: 20px;}
.technical .left .data li span h4{font-size: 14px;color: #999;}
.technical .left .data li h5{font-size:16px;padding: 0 5%;width:60%;}
.technical .left .data p{font-size:16px;width:90%;padding:15px;text-align: left;border: 2px solid #f2f2f2;overflow: hidden;margin-bottom: 15px;}

.technicadetail {overflow: hidden;padding-bottom: 130px;}
.technicadetail img{max-width: 100%;height: auto;width: auto;display:block;}



/*contact*/

.ozark-page-contact {overflow: hidden;}
.contact {position: relative;overflow: hidden;}
.contactus {width:100%;margin: auto;}
.contactus .left{float: left;width: 40%;}
.contactus .left h3{font-size: 24px;line-height: 38px;padding-bottom: 40px;margin-top: 20px;overflow: hidden;}
.contactus .left ul{padding:3% 0;overflow: hidden;}
.contactus .left ul h4{font-size: 18px;padding-bottom: 15px;overflow: hidden;}
.contactus .left ul li{font-size: 12px;color: #666;line-height: 30px;}
.contactus .left ul li i{margin-right: 10px;width: 14px;}
.contactus .left ul h5{font-size: 14px;}
.contactus .left .code{width:100%;font-size: 12px;}
.contactus .left .code ul li{float:left;text-align:center;margin-right:10px;}
.contactus .left .code ul li p{line-height:2px;font-size: 12px;}
.contactus .left .code img{width:88px}
.contactus .right {float: left;width: 50%;padding:0 0 0 10%;}
.contactus .right li {overflow: hidden;padding-bottom:20px;}
.contactus .right h3{font-size: 24px;line-height: 38px;padding-bottom: 40px;margin-top: 20px;overflow: hidden;}
.contactus .right li h5{font-size: 14px;padding: 10px 0;}
.contactus .right li .input1 {border: 1px solid #ccc;height: 50px;line-height: 50px;display: block;padding: 0 2%;width:calc(96% - 2px);outline: none;}
.contactus .right li .text2 {border: 1px solid #ccc;height: 50px;line-height: 50px;display: block;padding: 0 2%;width: 30%;outline: none;float: left;margin-right: 2%;}
.contactus .right .checkcode{width: 70%;overflow:hidden;float: left;}
.contactus .right li .checkcode img{float:left;height:50px;}
.contactus .right li .input1:focus {border: 1px solid #000;}
.contactus .right li .textarea1 {border: 1px solid #ccc;height: 120px;line-height: 24px;display: block;padding:1% 2%;width:calc(96% - 2px);outline: none;font-size: 14px;}
.contactus .right li .textarea1:focus {border: 1px solid #000;}
.contactus .right li .submit1 {height: 50px;line-height: 50px;background: #000;color:#fff;font-size: 14px;text-align: center;width:28%;font-weight: bold;display: inline-block;cursor: pointer;outline: none;float: right;}
.contactus .right li .submit1:hover {background: var(--color-main);}

.tmores {position: absolute;width: 115px;right: 0;top: 8%;}
.tmores a {display: block;position: relative;font-size: 14px;padding-bottom: 20px; text-transform: uppercase;}
.tmores a i{display: block;width: 20px;height: 10px;position: absolute;right: 0;top: 4px;}
.tmores a::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom:0px;}
.tmores a:hover {color: #000;letter-spacing: 1px;}
.tmores a:hover::after {background: #000;}
.stores-contact-item{margin-bottom:5%;overflow:hidden}
.stores-contact-item li{float:left;width: 45%;margin-top:2%;background: #fff;padding: 2%;margin-right:2%;position: relative;}
.stores-contact-item li:nth-child(2n+0){margin-right:0;}
.stores-contact-item li h3{font-size:18px; font-weight:bold;margin-bottom:20px;}
.stores-contact-item .fl{width: 70%;}
.stores-contact-item .fr{width: 30%;text-align: center;height: 35%;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;}
.stores-contact-item .fr a i{padding-right:5px;font-size:18px;}
.stores-contact-item .fr img{width:80%;}
.stores-contact-item li p{overflow:hidden;line-height: 30px;}
.stores-contact-item li p .addr{color:#000;}
.stores-contact-item li p i{font-size: 12px;margin-right:10px;}
.stores-contact-item li p span{margin-right:10px; color:#000;}



.searchlist {padding:2% 0;overflow: hidden;}
.searchlist h3 {font-size: 30px;text-align: center;}
.searchdetail  {padding:1% 0;overflow: hidden;}




.pcnone{display:none;}
@media screen and (max-width: 1280px) {
   .wapnone{display:none;} 
   .pcnone{display:block;}
}












</pre></body></html>