@charset "UTF-8";
@pc:1920;
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto.eot');
  src: url('../fonts/Roboto.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto.woff2') format('woff2'),
  url('../fonts/Roboto.woff') format('woff'),
  url('../fonts/Roboto.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ARRUSK';
  src: url('../fonts/ARRUSK.eot');
  src: url('../fonts/ARRUSK.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ARRUSK.woff2') format('woff2'),
  url('../fonts/ARRUSK.woff') format('woff'),
  url('../fonts/ARRUSK.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'bebaskai';
  src: url('../fonts/bebaskai.eot');
  src: url('../fonts/bebaskai.eot?#iefix') format('embedded-opentype'),
  url('../fonts/bebaskai.woff2') format('woff2'),
  url('../fonts/bebaskai.woff') format('woff'),
  url('../fonts/bebaskai.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MyriadPro';
  src: url('../fonts/MyriadPro.eot');
  src: url('../fonts/MyriadPro.eot?#iefix') format('embedded-opentype'),
  url('../fonts/MyriadPro.woff2') format('woff2'),
  url('../fonts/MyriadPro.woff') format('woff'),
  url('../fonts/MyriadPro.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --aprimary:#fff; /* 主色调、链接*/
  --cprimary:#f3f3f3; /*辅色调*/
  --bgprimary:#1c222e;
  --words: #1e1e1e;  /*大部分文字、深色文字*/
  --lightWords: #666; /*少部分文字、浅色文字*/
  --lanse: #1e40ae;
  --qianlanse:#edf3fb;
  --defaultcolor:#051c2a;
  --footerbg:#000;
  --footerwords:#666;
  --companrebg:#494949;
  --companrebgtm:rgba(0,0,0,0.7);
  --white:#fff;
  --black:#000;
  --hongse:#ff0000;
  --huangse:#f9d738;
  --lvse:#65b530;
  --huise:#707070;
  --qianhuise:#eee;
  --blacktm:rgba(0,0,0,0.3);
  --whitetm:rgba(255,255,255,0.57);
  --whitetms:rgba(255,255,255,0.95);
  --bg:rgba(0,0,0,0.4);
  --bodybg:#fff;
  --fontfamily:"Microsoft Yahei","Open Sans", sans-serif;
  --fonthfamily: "Roboto","Microsoft Yahei", sans-serif;
  --titlefamily: "ARRUSK","Microsoft Yahei", sans-serif;
  --counterfamily: "bebaskai","Microsoft Yahei", sans-serif;
  --subtitlefamily: "MyriadPro","Microsoft Yahei", sans-serif;
  --fontsize:16px;
}
@-webkit-keyframes animate-preloader{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }
@keyframes animate-preloader{0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }
html{overflow-x:hidden;font-size:var(--fontsize);font-family:var(--fonthfamily);}
body{font-family:var(--fonthfamily);color:var(--words);font-size:0.875rem;background:var(--bodybg); position: relative;}
a{color:var(--words);text-decoration:none;font-size:0.875rem;}
a:focus,a:hover{color:var(--lightWords);text-decoration:none;transition:.3s all}
ul{margin:0;padding:0}
ul li{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--fonthfamily)}
img{max-width:100%;height:auto}
.tl0{top: 0; left: 0;}
.tr0{top: 0; right: 0;}
.bl0{bottom: 0; left: 0;}
.br0{bottom: 0; right: 0;}
.clear{clear:both}
.borderradius img{border-radius: 0.5rem;}
.borderradius1 img{border-radius:1rem;}
.text-truncate-2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.text-truncate-3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.text-truncate-4{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}
.bigpicture，.picturebox，.picturebgbox{position:relative;z-index:1;overflow:hidden}
.bigpicture img{overflow:hidden;transform:scale(1);width:100%;transition:all 2s ease .5s}
.bigpicture:hover img{transform:scale(1.2)}
.picturebox .pic{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden}
.picturebox .pic .masking{display:none;position:absolute;z-index:1000;width:100%;height:100%;text-align:center;line-height:100%;background:var(--bg);color:var(--white);font-size:2.5rem}
.picturebox .pic img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:100%;transition:all 2s ease .5s}
.picturebox:hover .pic img{transform:translate(-50%,-50%) scale(1.2)}
.picturebox:hover .pic .masking{display:flex;align-items:center;justify-content:center}
.picturesbox .pic{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden}
.picturesbox .pic.white{ background-color: var(--white);}
.picturesbox .pic img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transition:all 2s ease .5s}
.picturesbox:hover .pic img{transform:translate(-50%,-50%);}
.picturebgbox .pic{position:relative;z-index:1;width:100%;height:0;padding-bottom:100%;overflow:hidden;transform:scale(1);transition:all 2s ease .5s}
.picturebgbox:hover .pic{transform:scale(1.2)}
.picturebgbox .pic img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transition:all 2s ease .5s}
.picturebgbox:hover .pic img{transform:translate(-50%,-50%)}

.picbox{overflow:hidden;position:relative;z-index:1;transition:all .5s}
.picbox{font-family:Dosis,sans-serif;position:relative;overflow:hidden}
.picbox:after,.picbox:before{content:'';background:linear-gradient(var(--defaultcolor) 0,var(--lvse) 100%);height:150%;width:100%;border-radius:0 100% 0 0;opacity:0;position:absolute;left:-50%;top:100%;z-index:1;transition:border-radius .5s ease-out,top .5s ease-out,opacity .3s ease-out}
.picbox:after{border-radius:100% 0 0 0;left:50%}
.picbox:hover:after,.picbox:hover:before{top:-50%;opacity:.9;border-radius:0 35% 0 0}
.picbox:hover:after{border-radius:35% 0 0 0}
.picbox .box-content{color:var(--white);text-align:center;width:80%;opacity:0;transform:translateX(-50%) translateY(-50%);position:absolute;top:50%;left:50%;z-index:2;transition:all .3s ease .2s}
.picbox:hover .box-content{opacity:1}
.picbox .title{font-size:1.5rem;font-weight:600;text-transform:uppercase;}
.picbox .title a{font-size:1.5rem;font-weight:600; color: var(--white);}
.picbox .post{font-size:1rem;font-weight:500;text-transform:capitalize;}
.picbox .icon{padding:0;margin:0;list-style:none}
.picbox .icon li{margin:0 5px;display:inline-block}
.picbox .icon li a{color:var(--white);background:0 0;font-size:0.875rem;line-height:31px;height:35px;width:35px;border:1px solid var(--white);border-bottom:none;border-right:none;border-radius:50%;display:block;transition:all .3s ease}
.picbox .icon li a:hover{color:var(--white);box-shadow:0 0 10px var(--black)}

.morebtn a{font-size: 1rem; position: relative; overflow: hidden; border-radius: 2rem;}
.morebtn a span{ position: relative; z-index: 2;}
.morebtn a:after{content:""; z-index: 1; background-color: var(--defaultcolor);width:0; position: absolute; top: 0; left:0; height: 100%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.morebtn a:hover span{border-color: var(--defaultcolor); color: var(--white);}
.morebtn a:hover:after{width:100% }

.product-image .pic-1{opacity:1;transform:rotateY(0);transform-origin:center;backface-visibility:hidden;transition:transform 0.5s,opacity 0.2s;}
.product-card:hover .product-image .pic-1,.pic:hover .product-image .pic-1{transform:rotateY(-70deg);opacity:0;}
.product-image .pic-2{width:100%;height:100%;transform-origin:center;transform:rotateY(70deg);backface-visibility:hidden;top:0;left:0;opacity:0;transition:transform 0.5s,opacity 0.2s ; position: absolute;}
/*.product-image .pic-2:after{content:""; display: block; background: rgba(29,32,136,0.9); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}*/
.product-card:hover .product-image .pic-2,.pic:hover .product-image .pic-2{transform:rotateY(0deg);opacity:1;}

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;overflow:hidden;background:var(--white)}
#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid var(--defaultcolor);border-top-color:var(--white);border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:1rem;bottom:1rem;z-index:1006;background:var(--black);width:2.5rem;height:2.5rem;border-radius:4px;transition:all .4s}
.back-to-top i{font-size:2rem;color:var(--white);line-height:0}
.back-to-top.active{visibility:visible;opacity:1;background:var(--black);color:var(--white)}
.back-to-top:hover{background:var(--defaultcolor);color:var(--white)}
#header{transition:all .5s;position:relative;z-index:1007;padding:0 0;top:0;}
.headerother{ background-color: var(--defaultcolor); color: var(--white);}
.headerbg{ background:var(--white);}
#header.header-scrolled{top:0}
#header.fixed-top{ position: fixed;}
#header .logo{line-height:6rem;overflow:hidden;margin:0;padding:0.3rem 0;}
#header .logo img{max-height:6rem;margin:0}
.headerother,.welcomme{ line-height: 2rem;}
.headerother i{ background-color:var(--lvse); color: var(--white); width:2rem; height: 2rem; line-height:2rem;font-size: 1rem; text-align: center; border-radius: 50%; display: inline-block;}
.headercontact{}
.navright{ margin-right: -1rem;}
.navlanguage a{ border-radius:0.5rem; line-height: 2.125rem; display: block;}
.navlanguage a i{ font-style: normal;}
.navlanguage a span{display: block;}
.navlanguage a.active,.navlanguage a:hover{ color: var(--lvse);}

.navbar{padding:0}
.navbar ul.navul,.navbar.navdiv{width:100%!important}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.navbar ul li{position:relative;}
.navbar a.nav-link,.navbar a.nav-link:focus{padding:0 0.5rem;line-height:6.6rem;color:var(--words);white-space:normal;transition:.3s;font-weight:550}
@media (min-width:991px){
  .navbar a.nav-link,.navbar a.nav-link:focus{padding:0 1.5rem;}
}
@media (min-width:1200px){
  .navbar a.nav-link,.navbar a.nav-link:focus{padding:0 2rem;}
}
@media (min-width:1400px){
  .navbar a.nav-link,.navbar a.nav-link:focus{padding:0 2.5rem;}
}
@media (min-width:1600px){
  .navbar a.nav-link,.navbar a.nav-link:focus{padding:0 3rem;}
}
@media (min-width:1900px){
  .navbar a.nav-link,.navbar a.nav-link:focus{padding:0 3.5rem;}
}
.navbar a.nav-link i,.navbar a.nav-link:focus i{font-size:.75rem;line-height:0;margin-left:5px}
.navbar a.nav-link.active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a{color:var(--lvse);background:var(--white)}
.navbar .nav-li a.nav-link:before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--lvse);-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.navbar .nav-li.nav-links a.nav-link:before{opacity: 0;}
.navbar .active::before,.navbar .nav-li:hover a.nav-link::before{left:25%;width:50%}
.navbar a.nav-link:hover:before,.navbar a.nav-link.active:before{color:var(--lvse); }
.navbar .dropdown ul{display:block;position:absolute;left:0;width:100%;top:calc(100% + 30px);margin:0;padding:0 0;z-index:999;opacity:0;visibility:hidden;transition:.3s;border-radius:0; border: none; min-width: 100%;}
@media (min-width:1200px){
  .navbar .dropdown ul{left:-10%;min-width: 120%;}
}
.navbar .dropdown ul a{text-transform:none; padding: 0 1rem; line-height:2rem;}
.navbar .dropdown ul li{width:100%; position: relative; padding: 0.5rem 0;background:var(--white);}
.navbar .dropdown.language .dropdown-menu{min-width: auto;}
.navbar .dropdown ul a i,.navbar .dropdown.language .dropdown-menu a{padding:0 1rem; line-height: 2rem;}
.navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a{color:var(--words);}
.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible;}
.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}
.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}
.mobile-nav-toggle{color:var(--defaultcolor);font-size:2rem;cursor:pointer;display:none;line-height:0;transition:.5s}
.mobile-nav-toggle.bi-x{color:var(--lightWords);}
.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:#3c3c3c;transition:.3s;z-index:9999}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px;color:var(--white)}
.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:8px;/*background-color:var(--white);*/overflow-y:auto;transition:.3s}
.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:var(--white)}
.navbar-mobile .active,.navbar-mobile a:hover,.navbar-mobile li:hover>a{color:var(--qianlanse);background:0 0}
.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 0;padding:0 0;z-index:99;opacity:1;visibility:visible;background:var(--white);box-shadow:0 0 30px rgba(127,137,161,.25)}
.navbar-mobile .dropdown ul li{min-width:200px}
.navbar-mobile .dropdown ul a{padding:10px 20px}
.navbar-mobile .dropdown ul a i{font-size:12px}
.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a{color:var(--defaultcolor)}
.navbar-mobile .dropdown>.dropdown-active{display:block}

.searchbox{width: 100%;height: 100%;position: fixed;top: 0; left: 0;z-index: 9999 !important;overflow: hidden;-ms-touch-action: none;touch-action: none;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;outline: 0; background: rgba(0,0,0,0.9);}
.searchclose{ position: absolute; right: 2rem; top: 2rem;}
.searchclose a{ color: var(--white); font-size: 2.5rem; width: 3rem; line-height: 3rem; text-align: center; display:block;}
.searchbox .form-control{ background:var(--cprimary); border:none;border-radius: 1rem 0 0 1rem; font-size: 0.875rem;padding: 0.375rem 0;}
.searchbox .input-group-text{ background: var(--cprimary); border:none;border-radius: 0 1rem 1rem  0;}

.footersearch .input-group{ border-radius:1rem; border: 1px solid var(--white);}
.footersearch .form-control{background-color: transparent; border: none;color:var(--white);}
.footersearch .form-control::-webkit-input-placeholder {color:var(--white);}
.footersearch .form-control::-ms-input-placeholder {color:var(--white);}
.footersearch .form-control::placeholder {color:var(--white);}
.footersearch .input-group-text{ background-color: transparent; border: none; color:var(--white);}

#banner{padding: 0;}
#bannerflash .carousel-control-prev,#bannerflash .carousel-control-next { width: 5%; z-index: 5; opacity: 0;}
#bannerflash:hover .carousel-control-prev,#bannerflash:hover .carousel-control-next{ opacity: 1;}
#bannerflash .carousel-control-next-icon,#bannerflash .carousel-control-prev-icon{background:0 0;font-size:30px;line-height:0;background:none;border-radius:50px;transition:.3s;color:var(--white);width:3.5rem;height:3.5rem; border:2px solid var(--white);display:flex;align-items:center;justify-content:center}
#bannerflash .carousel-control-next-icon:hover,#bannerflash .carousel-control-prev-icon:hover{background:var(--defaultcolor);color:var(--whitetm); border-color:var(--defaultcolor);}
#bannerflash .carousel-indicators{margin-bottom: 2.5rem;}
#bannerflash .carousel-indicators [data-bs-target]{ height: 6px; border-radius: 6px; width: 60px; overflow: hidden; display: inline-block; border-top: 0; border-bottom: 0;}
#bannerflash .carousel-indicators [data-bs-target].active{ background-color: var(--defaultcolor);}

.bannernav{ position: absolute; bottom: 0;}
.bannernav ul{border-left: 1px solid var(--whitetm);}
.bannernav ul li a{ min-height: 6rem; line-height: 6rem; color: var(--white);border-top: 1px solid var(--whitetm);border-right: 1px solid var(--whitetm);}
.bannernav ul li a.active,.bannernav ul li a:hover{background: url(../images/bg4.png) no-repeat center; background-size: cover;}
.carousel-item .txt{ left: 0; top: 0; z-index: 1; color: var(--black)}
.carousel-item .txt-item{ /*max-width:32%; min-width:25%;*/ width:32%;}
.carousel-item .txt .title{ font-size:3vw; color: var(--white); line-height: 110%; font-family: var(--titlefamily); font-weight: 600;}
.carousel-item .txt .notes{color: var(--white);line-height: 130%;}
.carousel-item .txt .more a{font-size: 1rem;color: var(--white); background-color: var(--hongse); position: relative; overflow: hidden;}
.carousel-item .txt .more a span{ position: relative; z-index: 2;}
.carousel-item .txt .more a:after{content:""; z-index: 1; background-color: var(--defaultcolor);width:0; position: absolute; top: 0; left:0; height: 100%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.carousel-item .txt .more:hover a{border-color: var(--defaultcolor); color: var(--white);}
.carousel-item .txt .more:hover a:after{width:100% }

.carousel-item .pic{ z-index: 0;}
.flashwap .txt{ left: 0; top: 0;}
.flashwap .txt-item{ color: var(--white);}
.flashwap .txt-item .title{color: var(--white); font-size: 1.25rem;}
.flashwap .txt-item .notes{color: var(--white);}
.flashwap .txt-item .more a{ color: var(--white);}

section{overflow:hidden}
.section-title .title{ font-size: 3rem;  color:var(--black); line-height:120%; position: relative;font-family: var(--titlefamily);}

.inmore a{line-height: 2.5rem;transition:all .5s; background-color: var(--white); border-radius: 0.25rem; color: var(--black); position: relative; overflow: hidden;}
.inmore a span,.inmore a i{ position: relative; z-index: 3;}
.inmore a i{ display: inline-block;text-align: center;transition:all .5s;}
.inmore a:hover i{ margin-left: -1rem; margin-right: 1rem;}
.inmore:hover a{ color: var(--white);}
.inmore a:after{content:""; z-index: 1; background-color: var(--lvse);width:0; position: absolute; top: 0; left:0; height: 100%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.inmore:hover a:after{width:100% }

.section-more a{line-height: 2.5rem;transition:all .5s; border: 1px solid var(--lightWords); border-radius: 1rem; position: relative;}
.section-more a span,.section-more a i{ position: relative; z-index: 3; top: -1.25rem; background: var(--white); font-size: 1rem;}
.section-more a i{ display: inline-block;text-align: center;transition:all .5s;}
.section-more a:hover i{ margin-left: -1rem; margin-right: 1rem;}

.product-item-bg{ background: var(--cprimary); border-radius: 1rem;}
.product-item-bg.white{ background: var(--white);}
.product-item-color li a{ display: block; width:1rem;height:1rem; border: 1px var(--white) solid;}
.product-item-color li a:hover,.inproductscolor li a.active{ border-color: var(--white);}
.product-item .button-menu a,.product-item .button-menu .compare{ background-color: var(--black); border-radius: 1rem; color: var(--white); line-height: 2rem; border: 1px solid var(--black); overflow: hidden;}
.product-item .button-menu .addcart{background-color: var(--white); border-radius: 1rem; color: var(--black); line-height: 2rem; border: 1px solid var(--black);overflow: hidden;}
.product-item .button-menu a:hover,.product-item .button-menu .compare:hover{ border-color: var(--hongse);}
.product-item .button-menu .addcart:hover{ border-color: var(--hongse);color: var(--white);}
.product-item .button-menu a:after,.product-item .button-menu .compare:after,.product-item .button-menu .addcart:after{content:""; z-index: 1; background-color: var(--hongse);width:0; position: absolute; top: 0; left:0; height: 100%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.product-item .button-menu a:hover:after,.product-item .button-menu .compare:hover:after,.product-item .button-menu .addcart:hover:after{width:100% }

.inproductlist .swiper{ position: static;}
.inproductlist .swiper-button-next, .inproductlist .swiper-button-prev {background-size: 15px 15px;
  border-radius: 50%; width:3rem; height:3rem; transition: all .5s; outline: none; right:-3rem; color: var(--shenhongse); font-size: 1rem; margin-top: -4rem;}
.inproductlist .swiper-button-prev{ right: auto;left: -3rem;}

.incategory .txt .title a{font-family: var(--titlefamily); font-size: 3rem;}
.incategory .txt .title:hover a{ color: var(--lvse);}

.inaboutbg{color: var(--white); background-color: var(--black);}
.inabout .title-item .title_en{font-size:1.5rem;}
.inabout .title-item .title{ font-size:2.375rem; font-family: var(--titlefamily); line-height: 120%; }

.inabout .txt-item .catcontent{line-height:120%;}
.inabout .pic img{transition:all .5s;}
.invideobox .notes{ left:0; top:0; color: var(--white); font-size: 2.25rem; line-height: 3rem; max-width:46rem;}

.aboutcount-item .txt .counter{ font-size: 3.75rem; font-weight: 600; color: var(--white); font-family: var(--counterfamily);}
.aboutcount-item .txt .notes{ color: var(--white);}
.aboutcount-item:after{ content: ""; display: inline-block; height: 1px; background-color: var(--white); width:3rem;}

.inbolgstabs ul li a{font-size: 1.125rem;}
.inbolgstabs ul li i{ opacity: 0; margin-right: 0.5rem;}
.inbolgstabs ul li.active i{ opacity: 1;}
.inbolgsline:after{ content: ""; bottom: 0; position: absolute; width: 100%;display: block; border-bottom: 1px solid var(--cprimary);}
.inbolgs-item .txt{ z-index: 5; bottom: -100%; left: 0; background-color: var(--blacktm); height: 100%; transition:all .5s;}
.inbolgs-item:hover .txt{bottom: 0;}
.inbolgs-item .txt-item{transition:all .5s; max-width: 23.75rem;}
.inbolgs-item .txt-item .title a{ font-size: 3rem; line-height: 120%; color: var(--white); font-family: var(--titlefamily);}
.inbolgs-item .txt-item .subtitle{  color: var(--white);}
.inbolgs-item .category a{ border: 1px solid var(--lightWords); line-height: 2.5rem;}
.inbolgs-item .category a:hover{ border-color:var(--defaultcolor);}
.inbolgslist .swiper-pagination .swiper-pagination-bullet{ width: 0.375rem; height:0.375rem;}
.inbolgslist .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 3px solid var(--lanse); background: none; height: 0.875rem; width: 0.875rem;position: relative;}
.inbolgslist .swiper{ position: static;}
.inbolgslist .swiper-button-next, .inbolgslist .swiper-button-prev {background-size: 15px 15px;
  border-radius: 50%; width:3rem; height:3rem; transition: all .5s; outline: none; right:-4rem; color: var(--shenhongse); font-size: 1rem;}
.inbolgslist .swiper-button-prev{ right: auto;left: -4rem;}

#main_about{ overflow: hidden;}
#main_about .container-fluid{ padding:0 0;}
.single_page .txt.white .content{ color: var(--white);}
.about-title .title{font-size: 3rem; font-family: var(--titlefamily);}
.about-title .subtitle{ font-size: 1.375rem;}
.about-title.white .title{ color: var(--white);}
.about-title.white .subtitle{ color: var(--hongse);}

.aboutus p{margin-bottom:0;}
.aboutus .txt .title{font-size: 1rem; color: var(--lvse); text-transform: uppercase;}
.aboutus .txt .subtitle{font-size: 2.25rem; font-family: var(--titlefamily);}
.aboutus .content ul li{ position: relative; padding-left: 1.5rem; line-height: 2rem;}
.aboutus .content ul li em{ background-color: var(--huise); color: var(--white); margin-right: 0.25rem; border-radius: 50%; position: absolute; left: 0; width: 1rem; height: 1rem; line-height: 1rem; top:0.5rem; font-size: 0.75rem; text-align: center;}

.page_product{ background-color: var(--cprimary);}
.page-profile .aboutico{ background-color: var(--cprimary);}
.page-profile .aboutico .txt .title{ font-size: 1.125rem; line-height: 2rem;}

.video-item .txt{ color: var(--white); font-size: 2rem;}

.honor-list .swiper-button-next,.honor-list  .swiper-button-prev{ bottom:0;top: auto; right: 47%; left: auto; font-size: 2rem; width: 2rem; line-height: 2rem; height: 2rem; color: var(--lvse);}
.honor-list  .swiper-button-prev{right: 53%}
.honor-list .swiper-button-next:after,.honor-list  .swiper-button-prev:after{display: none;}

.environment-item{background-color: var(--white);box-shadow:0 0 0.75rem #f8f8f8;}
.environment-item .title a{ font-size: 1.25rem; line-height:3rem;}
.environment-item .title a:hover{ color: var(--lvse);}
.environment-list .swiper{ position: static;}
.environment-list .swiper-button-next, .environment-list .swiper-button-prev {background-color: rgba(210,210,210,.6);background-size: 15px 15px;
  border-radius: 50%; width:3rem; height:3rem; transition: all .5s; outline: none; right:-3rem; color: var(--lvse); text-align: center;}
.environment-list .swiper-button-prev{ right: auto;left: -3rem;}
.environment-list .swiper-button-next:after, .environment-list .swiper-button-prev:after{ display: none;}
.environment-list .swiper-button-next i, .environment-list .swiper-button-prev i{ width: 3rem; height: 3rem; text-align: center; display: block; line-height: 3rem; font-size: 1.25rem;}

.aboutmore a{line-height: 2.5rem;transition:all .5s; background-color: var(--lanse); border-radius: 0.25rem; color: var(--white); position: relative; overflow: hidden;}
.aboutmore a span,.aboutmore a i{ position: relative; z-index: 3;}
.aboutmore a i{ display: inline-block;text-align: center;transition:all .5s;}
.aboutmore a:hover i{ margin-left: -1rem; margin-right: 1rem;}
.aboutmore:hover a{ color: var(--white);}
.aboutmore a:after{content:""; z-index: 1; background-color: var(--defaultcolor);width:0; position: absolute; top: 0; left:0; height: 100%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;border-radius: 0.25rem;}
.aboutmore:hover a:after{width:100% }

.craftsmanship:after,.craftsmanship:before{ content: ""; display: block; height: 50%; background-color: var(--white);left:0;width: 100%; position: absolute; top: 0;}
.craftsmanship:after{ background-color: #f8f8f8; top: 50%;}
.craftsmanship-item{ background-color: var(--white);box-shadow:0 0 0.75rem #f8f8f8;}
.craftsmanship-item i{ background-color: var(--lvse); width: 3rem; line-height: 3rem; color: var(--white); left: -1.5rem; top: 50%; margin-top: -1.5rem; font-style: normal; font-weight: 600; font-size: 1.25rem;}
.craftsmanship-item .title,.craftsmanship-item .title a{ font-size: 1.25rem; font-weight: 600; line-height: 2.5rem;}
.craftsmanship-item:hover .title,.craftsmanship-item:hover .title a,.craftsmanship-item:hover .notes{ color: var(--lvse);}

.leftnavli{ border-bottom: 1px solid #000; line-height: 3rem;}
.leftnavli span{cursor: pointer;}
.flags{ position: absolute; left: 0.75rem; top: 0.75rem;}
.flags em{ background: var(--hongse); color: var(--white);font-style: normal;}
.inproducts .swiper-scrollbar {left: 1%;bottom: 3px;z-index: 50;height: 5px;margin: 30px auto 0;opacity: 0;position: static;transition: opacity .2s ease;
  width: 66.66667%; cursor: pointer}
.crumb .crumbbox{padding:.5rem 0;line-height:2rem;color:var(--lightWords)}
.crumb .crumbbox:after{content:"";display:table;clear:both}
.crumb .crumbbox .crumbwz i{margin-right:5px;font-size:1.2rem;line-height:2rem}
.crumb .crumbbox .crumbwz:hover i{color:var(--hongse)}
.crumb .crumbbox .crumbwz a{line-height:2rem;color:var(--lightWords)}

.leftborder{border: 1px solid var(--cprimary);}
.leftsidetitle{position: relative;}
.leftsidetitle .title{ position: relative; z-index: 2; line-height: 3.25rem;font-size: 1rem;}
.leftsidetitle .title span{ display: inline-block; margin:0 0;font-size:1.5rem; font-family: var(--titlefamily); font-weight: 600;}
.leftsearch .form-control,.leftsearch .input-group-text{ border-radius: 1.5rem; background-color: var(--white);}
.leftsidecategorylist ul li{position: relative;border-bottom: 1px solid var(--cprimary);}
.leftsidecategorylist ul li a{ padding: 0.5rem 1rem; line-height: 2rem; display: block;}
.leftsidecategorylist ul li a i{ float: right;line-height: 2rem; }
.leftsidenewslist ul li a{ padding: 0.25rem 1rem; line-height: 2rem; display: block;}
.leftsidekeywordslist ul li{ margin: 0.25rem 0;}
.leftsidekeywordslist ul li a{display: block;text-align: center;font-size: 14px;color:var(--lightWords);line-height: 2rem;border: 1px dashed var(--cprimary);}
.leftsidekeywordslist ul li a:hover {color:var(--hongse); border-color: var(--hongse);}
.leftsidecontactlist{ line-height: 2rem;}

.menuTree ul{display:none;}
.menuTree li{line-height:3rem;color:var(--lvse); display:block;position:relative;}
.menuTree li:after{ position:absolute;content: "";display: block;height:1px;width:100%;border-bottom: 1px dashed var(--footerwords);left: 0; top: 2.9375rem;}
.menuTree li a{line-height:3rem;height:3rem;overflow:hidden; position:relative;color:var(--words);white-space:nowrap;text-overflow:ellipsis;word-break:break-all;border-bottom:1px dashed var(--footerwords);padding:0 0.25rem;}
.menuTree li a::before{ display: inline-block;content: ""; height: 1rem; width: 1rem; border: 1px solid var(--words); margin-right: 0.75rem;}
.menuTree ul li a.active::before{ background-color: var(--words);}
.menuTree li i{ display:block; float:right; color:var(--words); font-size:24px; width: 20px; height: 45px; line-height: 45px; text-align: center; font-style: normal; position: absolute; top: 0; right: 10px; cursor: pointer;}
.menuTree li.parent>i.parent::after{content: "+"; display: block;}
.menuTree li.parent.expanded>i.parent::after{content: "-"; display: block;}
.menuTree ul li ul li a{line-height:3rem;height:3rem;overflow:hidden;color:var(--words);white-space:nowrap;text-overflow:ellipsis;word-break: break-all; display:block;padding:0 0.25rem 0 2rem;}
.menuTree ul li ul li a:hover,.menuTree ul li a.active{color:var(--words);/*text-decoration:underline;*/}
.menuTree ul li ul li ul li a{padding:0 0.25rem 0 3rem;}
.menuTree ul li ul li ul li ul li a{padding:0 0.25rem 0 3rem;}

.banners{position:relative;overflow:hidden}
.banners .bannerpc,.banners .bannerwap{min-height: 6rem;position:relative;}
.banners .pic{overflow:hidden}
.banners .pic img{animation:bannerimg 2s;opacity:1}
.banners .bannerpc .txt{position:absolute;left:0;bottom:10%;height:80%;z-index:990;}
.banners .bannerpc .txt .cateinfo h3{font-size:3rem;text-transform:uppercase; font-family: var(--titlefamily);}
.banners .bannerpc .txt .cateinfo p{font-size:1.125rem}
.banners .bannerwap .txt{position:absolute;left:0;bottom:0;height:100%;z-index:990;}
.banners .bannerwap .txt .cateinfo h3{font-size:1.5rem}
.banners .bannerwap .txt .cateinfo p{font-size:1rem}
.breadcrumbs{line-height:3rem;padding:1rem 0;}
.breadcrumbs i{font-style:normal; color: var(--defaultcolor);}
.breadcrumbs span,.breadcrumbs a{ display: inline-block; padding: 0 0.25rem;}
.subcolumnbg{border-bottom: 1px solid var(--cprimary);background:var(--white);position: relative;}
.subcolumn ul li{ max-width:auto;}
.subcolumn ul li a{display:block;color:var(--black);border-bottom:2px solid transparent;line-height:3rem;margin:0 0.5rem; padding:1rem 0.5rem;transition: all 0.48s;}
.subcolumn ul li i{ font-style: normal;line-height:3rem;margin:0 0.125rem; padding:1rem 0.125rem; display: inline-block;}
.subcolumn ul li a:hover,.subcolumn ul li.active a{border-color:var(--defaultcolor)}
@media (min-width:1600px){
  .subcolumn ul li{ max-width:6.5rem;}
  .subcolumn ul li i{ font-style: normal;line-height:3rem;margin:0 0.125rem; padding:1rem 0.125rem; display: inline-block;}
}
@media (min-width:1900px){
  .subcolumn ul li{ max-width:9rem;}
  .subcolumn ul li i{ font-style: normal;line-height:3rem;margin:0 0.125rem; padding:1rem 0.125rem; display: inline-block;}
}

.blog-list .blog-item{ border-bottom: 1px solid var(--cprimary);}
.blog-list .blog-item:before { content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 8px;background:var(--defaultcolor); z-index: 1;-webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);-webkit-transition: all .5s;transition: all .5s;}
.blog-list .blog-item:hover:before {height: 3px; width: 100%;}
.blog-list .blog-item .time .dates{color:var(--black);line-height:2.25rem;font-size:2.25rem;font-weight:600;}
.blog-list .blog-item .time .years{font-weight: bold;}
.blog-list .blog-item .time i{font-size: 1rem;}
.blog-list .blog-item .txt .title{ font-size: 1.25rem; font-weight: 600;}
.blog-list .blog-item .txt .title:before{ content: ""; display: block; position: absolute;width:5rem;height: 1px;background:var(--footerwords);left: -6.5rem; top: 1rem;}
.blog-list .blog-item:hover .txt .title{ color: var(--defaultcolor);}
.blog-list .blog-item .txt .description{ line-height: 2rem;}
.blog-list .blog-item .txt .item-more span{display:inline-block;width:130px;line-height:33px;text-align:center;font-size:14px;color:var(--black);border:1px solid var(--cprimary);-webkit-transition:all .5s ease;transition:all .5s ease}
.blog-list .blog-item:hover .txt .item-more span{color:var(--white);background-color:var(--defaultcolor);}
.blog-list .blog-item .txt .meta-tags span{color:var(--lightWords);margin-right:10px}
.blog-list .blog-item .txt .meta-tags span i{margin-right:5px}

.pro_box{height:100vh; overflow: hidden;}
.pro_box .box{top:98px;position:relative;height:calc(100% - 98px)}
.pro_box .box .banner{height:100%}
.pro_box .box .banner .swiper-container{height:100%}
.pro_box .box .banner .swiper-wrapper{height:100%}
.pro_box .box .banner .swiper-slide{height:100%;transition:.4s;border-right:1px solid rgba(255,255,255,.1)}
.pro_box .box .banner .item{height:100%;text-align:center;color:var(--white);position:relative;top:40%;transition:.4s}
.pro_box .box .banner .item .content1 img{height:2.875rem}
.pro_box .box .banner .item .content2{font-size:1.375rem;margin-top:2rem}
.pro_box .box .banner .item .content3{font-size:.75rem;opacity:.5;margin-top:.3125rem}
.pro_box .box .banner .item .content4{font-size:1.125rem;margin-top:2.875rem;opacity:0;transition:.4s}
.pro_box .box .banner .item .content5{font-size:1.125rem;margin-top:1.5rem;opacity:0;transition:.4s}
.pro_box .box .banner .item .content6{margin-top:5.875rem;opacity:0;transition:.4s}
.pro_box .box .banner .item .content6 a{display:block;width:2.75rem;height:2.75rem;line-height:2.75rem;background:var(--huangse);border-radius:50%}
.pro_box .box .banner .item .content6 a i{color:var(--white)}
.pro_box .box .banner .active{background:url(../images/p_bg.png) no-repeat 50% 50%}
.pro_box .box .banner .active .item{top:5%;}
.pro_box .box .banner .active .item .content4{opacity:1}
.pro_box .box .banner .active .item .content5{opacity:1}
.pro_box .box .banner .active .item .content6{opacity:1}
.pro_box .box .btn p{width:2.75rem;height:2.75rem;line-height:2.75rem;text-align:center;border:1px solid #fff;border-radius:50%;position:absolute;top:50%;margin-top:-1.5625rem;z-index:3;cursor:pointer}
.pro_box .box .btn p i{color:var(--white)}
.pro_box .box .btn p:hover{background:var(--huangse);border:1px solid var(--huangse)}
.pro_box .box .btn p:hover i{color:var(--white)}
.pro_box .box .btn .prev{left:1vw}
.pro_box .box .btn .next{right:1vw}
.pro_box .box .flexCenter{ text-align: center;}

.articlepicbox,.articlevideobox{box-shadow:0 1px 2px 0 rgba(0,0,0,.1);background:var(--white);position:relative;margin-bottom:1.875rem;border:1px solid var(--cprimary)}
.articlepicbox .txt{transition:all .5s ease;position:relative;overflow:hidden}
.articlepicbox .txt::before{content:'';position:absolute;left:-170px;top:-70px;width:140px;height:140px;background-image:linear-gradient(to top,#9a754e 0,#dc4e20 100%);transform:rotate(45deg);transition:all .5s ease}
.articlepicbox .txt i{color:var(--white);position:absolute;left:.875rem;top:.875rem;line-height:1;font-size:.875rem;font-weight:600}
.articlepicbox .txt a{display:block;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--black);font-size:1.125rem;height:4.375rem;line-height:4.375rem;padding:0 20%;transition:all .5s ease 0s}
.articlepicbox .more a{width:100%;padding:1rem 0;text-align:center;display:block}
.articlepicbox .more a i{transition:all .5s ease}
.articlepicbox .more .line{position:relative;width:100%;height:2px}
.articlepicbox .more .line::before{content:'';position:absolute;z-index:2;left:0;display:block;width:0;height:2px;background:var(--hongse);transition:all .5s ease}
.articlepicbox:hover{box-shadow:0 0 20px var(--cprimary)}
.articlepicbox:hover .txt::before{left:-100px}
.articlepicbox:hover .more a i{margin-left:.25rem}
.articlepicbox:hover .more .line::before{width:100%}
.productlistbox{box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border-radius:.5rem;background:var(--white);position:relative;margin-bottom:1.875rem;border:1px solid var(--white)}
.productlistbox .txt{transition:all .5s ease;position:relative;overflow:hidden}
.productlistbox .txt::before{content:'';position:absolute;left:-170px;top:-70px;width:140px;height:140px;background-image:linear-gradient(to top,#9a754e 0,#85935a 100%);transform:rotate(45deg);transition:all .5s ease}
.productlistbox .txt i{color:var(--white);position:absolute;left:.875rem;top:.875rem;line-height:1;font-size:.875rem;font-weight:600}
.productlistbox .txt a{display:block;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--black);font-size:1.125rem;height:4.375rem;line-height:4.375rem;padding:0 20%;transition:all .5s ease 0s}
.articlevideobox .more a,.productlistbox .more a{width:100%;padding:.5rem 0;text-align:center;font-size:1rem;color:var(--footerwords);line-height:2;display:block}
.productlistbox .more a i{transition:all .5s ease}
.productlistbox .more .line{position:relative;width:100%;height:2px}
.productlistbox .more .line::before{content:'';position:absolute;z-index:2;left:0;display:block;width:0;height:2px;background:var(--aprimary);transition:all .5s ease}
.productlistbox:hover{box-shadow:0 0 20px var(--cprimary)}
.productlistbox:hover .txt::before{left:-100px}
.productlistbox:hover .more a i{margin-left:.25rem}
.productlistbox:hover .more .line::before{width:100%}
.product-card{position:relative;overflow:hidden}
.product-card:hover .action{right:20px;opacity:1;visibility:visible}
.product-card:hover .product-btn{opacity:1;top:0}
.product-card:hover .product-price{-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
.product-group{position:relative;overflow:hidden;}
.action{background:var(--white);width:3rem;height:3rem;color:var(--lvse);font-size:1.25rem;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:50%;-webkit-box-shadow:0 0 9.3px .7px rgba(0,0,0,.06);box-shadow:0 0 9.3px .7px rgba(0,0,0,.06);-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.action:hover{background:var(--defaultcolor);}
.action button,.action a{width:100%;height:100%;padding:0;border:0; display: block; font-size: 1.25rem;line-height:3rem;background:0 0;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.action:hover button,.action:hover a{color:var(--white);}
.product-card{position:relative;overflow:hidden}
.product-card .picbg{background-color:var(--cprimary);overflow: hidden; position: relative;border-radius: 0.75rem; }
.product-card .picbgs{background-color:var(--cprimary);overflow: hidden; position: relative; }
.product-card:hover .action{right:20px;opacity:1;visibility:visible}
.product-card:hover .product-btn{opacity:1;top:0}
.product-card:hover .product-price{-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
.product-group{position:relative;overflow:hidden}
.onsale{color:var(--white);font-size:14px;font-weight:400;height:45px;width:45px;line-height:45px;position:absolute;left:10px;text-align:center;top:10px;z-index:99;border-radius:50%}
.product-thumb{display:block;overflow:hidden}
.product-thumb img{width:100%;-webkit-transition:.3s ease-out 0s;-o-transition:.3s ease-out 0s;transition:.3s ease-out 0s}
.product-thumb:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.product-title{display:block;color:var(--black);font-size:18px;line-height:1.5;}
.actions-verticale .action{position:absolute;top:20px;right:-100%;z-index:6;opacity:0;visibility:hidden;}
.actions-verticale .action:nth-child(1){-webkit-transition:.5s ease-out 0s;-o-transition:.5s ease-out 0s;transition:.5s ease-out 0s}
.actions-verticale .action:nth-child(2){top:80px;-webkit-transition:.7s ease-out 0s;-o-transition:.7s ease-out 0s;transition:.7s ease-out 0s}
.actions-verticale .action:nth-child(3){top:140px;-webkit-transition:.9s ease-out 0s;-o-transition:.9s ease-out 0s;transition:.9s ease-out 0s}
.product-option{position:relative}
.product-option select{border:1px solid var(--whitetm);padding:2px 15px;line-height:24px;font-size:14px;color:var(--lightWords);text-align:left;text-transform:uppercase;width:70px;height:40px}
.product-option select:focus{border-color:var(--whitetm)}
.shop-grid-menu{background:var(--whitetm);width:calc(100% - 145px);border:1px solid var(--cprimary)}
.shop-grid-menu .dropdown-item{line-height:24px;font-size:14px;padding:3px 15px;color:var(--black)}
.shop-grid-menu .dropdown-item:hover{background:var(--huangse);color:var(--whitetm)}
.sort-by{min-width:70px;line-height:20px;padding:5px;margin-left:50px}
.cattitle{font-size: 1.75rem;color: var(--black);font-family: rajdhani,sans-serif; font-weight: 600;}

.gallery-thumbs{  margin-bottom:2rem; padding-bottom:10px;}
.gallery-thumbs .swiper-wrapper::before{border-bottom:1px solid var(--black);content:""; display:block; height:1rem;  width:100000px; position:absolute; z-index:99; left:-200px; bottom:0;}
.gallery-thumbs .swiper-wrapper::after{content:""; display:block; height:10px; width:100000px;position:absolute; z-index:99; left:0; bottom:0;background: repeating-linear-gradient(90deg,transparent,transparent 119px,var(--black),var(--black) 120px);}
.gallery-thumbs .swiper-slide{ text-align:center; width:240px;}
.gallery-thumbs .swiper-slide a{font-size:2rem; display:block; position:relative; padding-bottom:1.5rem;line-height:2rem; margin-top:3rem;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ font-size:5rem;font-weight:600; line-height:5rem; margin-top:0;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active a::before{ content:""; position:absolute; z-index:100;left:50%; margin-left:-5px; bottom:-5px; display:block; width:10px; height:10px; background:rgba(11,11,11,1); border-radius:100%;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active a::after{ content:""; position:absolute; z-index:101;left:50%; margin-left:-10px; bottom:-10px; display:block; width:20px; height:20px; background:rgba(11,11,11,0.5); border-radius:100%;}
.gallery-top .swiper-slide{ width:65%; opacity:0.7;}
.gallery-top .swiper-slide.swiper-slide-active{ opacity:1;}
.gallery-top .swiper-button-next{right:35%; color: var(--black); margin-top: 57px;}
.gallery-top .swiper-button-prev{left:0; color: var(--black); margin-top: 57px;}
@media (max-width:991px) {
  .gallery-top .swiper-slide{ width:100%;}
  .gallery-top .swiper-button-next{right:0;}
}
.gallery-top .swiper-slide .lichengbox{ margin:0 3rem; background:var(--white);}
.gallery-top .swiper-slide .lichengbox .pic{ margin:0 -15px;}
.gallery-top .swiper-slide .lichengbox .txt{ padding:0 1.5rem;}
.gallery-top .swiper-slide .lichengbox .txt h3{ position:relative; font-size:2.5rem; line-height:5rem; color: var(--black); display:block;}
.gallery-top .swiper-slide .lichengbox .txt h3::before{ position:absolute; z-index:102; left:-3rem; bottom:50%; content:"";display:block; width:3rem; background:var(--black); height:1px;}
.single_page .abouttitle .title,.recruitment-title .title{font-size:3rem; font-family: var(--subtitlefamily); font-weight: 600;}
/*.single_page .txt .title:after,.recruitment-title .title:after{content: ""; display:block; height: 3px; background-color: var(--defaultcolor); width: 4rem; margin: 0.5rem auto;}*/
.recruitment-item .txt .title a{font-size:2rem; font-weight: 600;}
.recruitment-item .txt .more a{line-height: 3rem;transition:all .5s; color: var(--words); border-bottom: 1px solid var(--words);}
.recruitment-item .txt .more a i{ display: inline-block;text-align: center;transition:all .5s;}
.recruitment-item .txt .more a:hover i{ margin-left: -1rem; margin-right: 1rem;}

.profile-title{ font-size: 3rem; line-height: 140%;}
.single-profile-pic{margin:0 0; position: relative;}
.single-profile-pic .container{ z-index: 2;position: relative;}
@media (min-width: 1200px) {
  .single-profile-pic{ margin:0 calc((100vw - 1140px)/2*(-1));}
  .single-profile-pic-item{ margin-right:calc((100vw - 1140px)/2*(-1)); padding-bottom:calc((100vw - 1140px)/2);}
}
@media (min-width: 1400px) {
  .single-profile-pic{ margin:0 calc((100vw - 1320px)/2*(-1));}
  .single-profile-pic-item{ margin-right:calc((100vw - 1320px)/2*(-1)); padding-bottom:calc((100vw - 1320px)/2);}
}
@media (min-width: 1600px) {
  .single-profile-pic{ margin:0 calc((100vw - 1490px)/2*(-1));}
  .single-profile-pic-item{ margin-right:calc((100vw - 1490px)/2*(-1)); padding-bottom:calc((100vw - 1490px)/2);}
}
@media (min-width: 1900px) {
  .single-profile-pic{ margin:0 calc((100vw - 1490px)/2*(-1)) }
  .single-profile-pic-item{ margin-right:calc((100vw - 1490px)/2*(-1)); padding-bottom:calc((100vw - 1490px)/2);}
}

.single-profile-pic:after{ position: absolute; content: ""; display: block; width: 100%; height: 75%; left: 0; bottom: 0; background: var(--defaultcolor); z-index: 0;}
.single-profile-title{ font-size: 1.25rem;}
.inchoose:after{ background: var(--defaultcolor); position: absolute;content: ""; height: 75%; width: 100%; top: 0; left: 0;}
.inchoose-title .title{font-size: 3rem; color: var(--white); }
.inchoosebg{ z-index: 2;}
.inchoose-item .pic:before{ background: var(--blacktm); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.inchoose-item .txt{ left: 0; top: 0; color: var(--white);}
.inchoose-item .txt .notes{ font-size: 2.5rem; line-height: 140%; width: 75%; margin: 0 auto;color: var(--white);}
.inchoose-item .txt .notes span{ color: var(--defaultcolor);}
.inchoose-txt-item{ color: var(--white);}
.inchoose-txt-item .title{font-size:8rem; font-weight: 600; line-height: 80%;}
.inchoose-txt-item .subtitle{ font-size: 1.125rem;}
.inchoose-slider .swiper-button-prev,.inchoose-slider .swiper-button-next{ color: var(--white); margin: 0 5rem;}

.z_year_warp{width:8.75rem; flex-shrink: 0;}
.z_process_year{ height: 20rem;overflow: hidden; }
.z_process_year li{ cursor: pointer;align-items: center; width: 140px; color: #656464; font-size:1.125rem;}
.z_process_year .swiper-slide-thumb-active{color:  var(--lvse); font-weight: bold;}
.z_process_con{ flex: 1; border-left: 1px solid var(--lightWords);min-height: 580px; overflow: hidden;}
.z_process_con li{list-style: unset;}
.z_process_con .swiper-slide{ padding: 0 70px; box-sizing: border-box;}
.z_process_con li .time em{ display: block;font-size: 2.5vw;}
.z_process_con li .time{ margin-bottom: 50px;}
.z_process_con .desc{font-size:1.125rem;line-height:2rem; color: var(--lightWords);}
.z_process_con p{ position: relative;}
.z_year_cz{text-align: center; width:100%; position: relative; height:5rem; line-height: 5rem;}
.z_year_cz .iconfont{ display: inline-block; margin: 10px 0; cursor: pointer;}
.z_year_cz .swiper-button-next:after,.z_year_cz .swiper-button-prev:after{ display: none;}
.z_year_cz .swiper-button-next{ right: 0; left: 0;top: auto; bottom: 0; width: 100%; height: 1.125rem; line-height: 1.125em;}
.z_year_cz .swiper-button-prev{ right: 0; left: 0; bottom: 0; top: 0; width: 100%; height: 1.125rem; line-height: 1.125rem;}
.z_process_warp{ position: relative; z-index: 1;}
.z_year_num{ position: absolute; right:0; top: 1rem;}
.z_year_number{font-size:24.16666vw; line-height: 20vw; z-index: -1;font-weight: bold;font-style: italic;opacity: 0.4;background-image:url(../images/pic1.jpg);-webkit-background-clip: text;background-clip: text;color:transparent; background-position:50% 50%; animation:textShade linear 30s infinite; position: relative;padding-right: 3rem;}
@keyframes textShade{0%{background-position:0 0;}100%{background-position:100% 100%;}}

.single_page .txt .content{ line-height: 2rem;}
.form-group{ position:relative;}
.form-group label{display: none;}
.form-group button.btn{background:var(--hongse); color:var(--white);}
.content-form .content-form-title{ margin-bottom:3rem;}
.content-form .content-form-title h3{ color:var(--black);font-size:3rem;font-weight: lighter;letter-spacing: -3px;text-transform: uppercase;}
.content-form .content-form-title p{color:var(--black); font-size: 1.125rem;line-height: 2rem;}
.content-form .form-group{ margin:2rem 0;    border-bottom: solid 1px var(--huise);}
.content-form .form-group label,.message .form-group label{ display:none;}
.content-form .form-group .form-control{ border:none; background:none; margin-bottom:0;}
.content-form .form-submit button{ width: 100%;}
.singletitle{ font-size: 1.875rem; line-height: 120%; font-weight: 600;}
.waterfall {column-count: 3;column-gap: 5rem;}
.waterfall-item {break-inside: avoid;margin-bottom:2rem;}
.waterfall-item .top5{ padding-top: 5rem;}
.waterfall-item .title a{ font-size: 1.875rem; line-height: 120%; font-weight: 600;}
.waterfall-item .notes{}
.waterfall-item .more a{ border-bottom: 1px solid var(--footerwords); color: var(--footerwords); font-size: 1rem; line-height:1.5rem;}
.Showing{color:#222}
.messagebg{ position: relative; background-color:var(--cprimary);}
/*.messagebg::before {content: "";position: absolute;top: 0;right: 0;width: 50%;height: 100%;background: var(--lvse) url(../images/c-bg.jpg) no-repeat center;}*/
.message{ position: relative; z-index: 2;background-color: var(--white);box-shadow:0 0 0.75rem #f8f8f8;}
.messagebox{background-color: var(--white);}
.message .form-control{ border: none; border-bottom: 1px solid var(--whitetm); background: var(--cprimary); border-radius: 0;color: var(--lightWords);}
.message input::placeholder,.message textarea::placeholder{color: var(--lightWords);}
.message .captcha{ background-color: var(--whitetm); margin-left: 1rem;}
.message button,.guestbook button{ background: var(--defaultcolor); color: var(--white); border: none;border-bottom: 1px solid var(--whitetm); line-height: 2rem; padding: 0.5rem 2.5rem;}
.contactbox .title{font-size:1.875rem;padding-bottom:1rem;}
.messagedescription{ color: var(--white); line-height: 2rem;}
.contactico{padding-top:1rem}
.contactico a{display:inline-block;background-color:var(--white);width:2rem;height:2rem;color:#4d4d4d;line-height:2rem;text-align:center;border:1px var(--white) solid;border-radius:50%;margin-right:1rem}
.showtitle{color:#333;line-height:3rem;font-size:2em}
.showsubtitle{line-height:2.5rem;color:var(--lightWords);border-bottom:1px dashed var(--cprimary);}
.showsubtitle span{margin-right:10px}
.showsubtitle span i{padding:0 5px}
.showsubtitle a{color:var(--cprimary);}
.ProductZoom img{max-width:100%}
.ProductZoomtitle{position:relative;font-size: 2rem; line-height: 150%;font-weight: 600;}
/*
.ProductZoomtitle ul li a{font-size:1.75rem;color:var(--black);line-height:2;font-weight:500}
*/
.ProductZoomtitle{ border-bottom: 1px solid var(--qianhuise);}
.shangxia{border-top:1px var(--lightWords) dotted;border-bottom:1px var(--lightWords) dotted;padding:.5rem 0}
.share .sharetitle{font-size:1.25rem;border-bottom:1px solid  var(--qianhuise)}
.showtags span{font-weight:600}
.showtags span::after{content:":";display:inline-block;padding:0 .25rem}
.enquiry a{display:inline-block;line-height:35px;padding:0 20px;background-color:var(--defaultcolor);color: var(--white);border-radius:4px}
.substation .title{position:relative;height:36px;padding:0;margin:15px 0;text-align:left;font:bold 22px/42px "Microsoft yahei";color:var(--lightWords)}
.substation .title a{position:absolute;right:10px;top:0;height:36px;width:100px;text-align:center;display:block;background: var(--hongse);color: var(--white);line-height:36px;font-size:14px;font-weight:700}
.substation .title a:hover{text-decoration:none;background:var(--huanse);color:var(--white)}
.substation .substationlist{border:1px solid var(--cprimary);padding:15px;margin:15px 0}
.substation .substationlist dl{padding:10px 0;line-height:24px;overflow:hidden;border-bottom:1px dashed var(--cprimary)}
.substation .substationlist dl dt{float:left;font-family:arial;font-weight:700;font-size:18px;width:35px;padding-left:25px;color:var(--lightWords);display:table-cell}
.substation .substationlist dl dd{margin:0 0 0 55px;padding-left:15px;border-left:1px dashed  var(--qianhuise)}
.substation .substationlist dl dd a{padding:1px 12px 1px 12px;white-space:nowrap;float:left;display:block;line-height:30px}
.substation .substationlist dl dd a:hover{text-decoration:none;background:var(--hongse);color:var(--white)}
.substation .substationfooter{text-align:center;border-top:2px solid var(--hongse);padding-top:10px}
.substation .substationfooter .substationfootermenu ul li{display:inline-block;line-height:30px}
.substation .substationfooter .substationfootermenu ul li a{display:block;padding:0 15px}
.substation .substationfooter .copyright{text-align:center;padding:10px 0}
.hotsubstation span::after{content:":"}

.jobs-title{ background:var(--black); color:var(--white); line-height:3.5rem; font-weight:550;}
.jobs-button a{ background:var(--defaultcolor); color:var(--white); line-height:3rem; border-radius:2rem;}
.jobs-item{ border-bottom: 1px solid var(--cprimary);}

.cd-accordion-menu .has-children{border-bottom: 1px solid var(--black); line-height: 2.5rem;}
.cd-accordion-menu ul li a i{ font-size: 1.25rem;}
.cd-accordion-menu a{display: none;font-size: 1rem;}
.sitemaplist{padding:15px 0}
.sitemaplist ul{display:block}
.sitemaplist ul:after{clear:both;content:"";display:table}
.sitemaplist ul li{padding-left:10px}
.sitemaplist ul li a{line-height:36px;padding:0 15px;color:var(--black);font-weight:600;font-size:1.5rem}
.sitemaplist ul li a:hover{text-decoration:underline;padding:0 5px 0 25px;color:var(--aprimary)}
.sitemaplist ul li ul li{float:left}
.sitemaplist ul li ul li.xj{float:none;width:100%;overflow:hidden}
.sitemaplist ul li ul li a{font-weight:400;font-size:1rem}
.cloud-zoom-lens{border:2px solid  var(--qianhuise);margin:0;background-color:var(--white);cursor:move}
.cloud-zoom-title{display:none;position:absolute!important;background-color:var(--black);color:var(--white);padding:3px;width:100%;text-align:center;font-weight:700;font-size:10px;top:0}
.cloud-zoom-big{border:2px solid  var(--qianhuise);overflow:hidden}
.cloud-zoom-loading{color:var(--white);background:var(--black);padding:3px;border:1px solid var(--black)}
.zoom-section{clear:both}
.zoom-small-image{margin:0;max-width:100%;border:1px  var(--qianhuise) solid}
.zoom-small-image img{width:100%}
.cloud-zoom-gallery{text-align:center;display:block}
.cloud-zoom-gallery{border:1px solid  var(--qianhuise); border-radius: 0.5rem;}
.cloud-zoom-gallery:hover,.cloud-zoom-gallery.active{border:1px solid var(--lvse)}
.zoom-desc{position:relative}
.myimglist .swiper{position:static}
.myimglist .swiper-button-next{right:-1.5rem;color:var(--defaultcolor)}
.myimglist .swiper-button-prev{left:-1.5rem;color:var(--defaultcolor)}
.myimglist .swiper-button-next:after,.myimglist .swiper-button-prev:after{font-size:1rem;width:.5rem}
.producttitle,.productcolor{border-bottom: 1px solid var(--qianhuise);}
.productcolor .title{ font-size: 1.125rem;}
.producttitle .modelno{ font-size: 1.875rem; line-height: 120%;}
.producttitle .title{ font-size: 1.875rem; line-height: 120%;}
.producttitle .subtitle{ font-size: 1.875rem; line-height: 120%;}
.productcolor .productcolorlist ul li{ border-radius: 50%; padding: 0.125rem; border: 1px solid var(--white);}
.productcolor .productcolorlist ul li.active{ border-color: var(--words);}
.productcolor .productcolorlist ul li a{ width: 1.875rem; overflow: hidden;line-height: 1.875rem; text-indent:-9999px;}
.product-button button{ background-color: var(--lvse); line-height: 3rem; color: var(--white); border-radius: 0.5rem; font-weight: bold; border: none; overflow: hidden;}
.product-button button:after{content:""; z-index: 1; background-color: var(--hongse);width:0; position: absolute; top: 0; left:0; height: 100%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.product-button button:hover:after{width:100% }
.attrlist{font-size: 1rem; }
.attrlist span{ font-weight: 600;}
.attrlist span:after{content: ":"; display: inline-block; padding: 0 0.25rem;}
.likearticle .likearticle-title{ border-bottom: 1px solid var(--qianhuise);}
.likearticle .likearticle-title:after{content:"";display:table;clear:both}
.likearticle .likearticle-title h3{color:#2e2e2e;font-size: 2rem; line-height: 150%;font-weight: 600;}
.likearticle .likearticle-title h3 i{font-size:1rem;font-style:normal;color:var(--defaultcolor);padding:0 5px;font-weight:200;display:none}
.likearticle .likearticle-title h3 em{font-size:1rem;font-style:normal;color:var(--defaultcolor);text-transform:uppercase;font-weight:200;display:none}
.likearticle .likearticle-title a i{font-style:normal}
.likearticle .likearticle-title a:hover{padding-right:10px;text-decoration:underline;color:var(--defaultcolor)}
.likearticle .likearticlelist ul li{line-height:30px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid  var(--qianhuise)}
.likearticle .likearticlelist ul li span{float:right}
.likearticle .likearticlelist ul li a{line-height:30px}
.likearticle .likearticlelist ul li a i{margin-right:5px}
.likearticle .likearticlelist ul li a:hover{color:var(--defaultcolor);padding-left:20px}
.likearticle .swiper{position:static}
.likearticle .swiper-button-next,.likearticle .swiper-button-prev{right:-4rem;color:var(--words); line-height: 3rem; text-align: center; height: 3rem; border: 1px solid var(--words); border-radius: 50%; padding: 0; margin: 0;width:3rem;}
.likearticle .swiper-button-prev{left:-4rem;right: auto;}
.likearticle .swiper-button-next:after,.likearticle .swiper-button-prev:after{font-size:1rem;display: block;}
.jobtable{border:1px solid var(--qianhuise);margin-bottom:2rem;background-color:var(--white)}
.jobtable ul{line-height:2.5rem;border-top:1px solid var(--qianhuise);padding:0 10px;overflow:hidden;margin-bottom:0}
.jobtable ul p{margin-bottom:0}
.jobtable ul.biaoti{border-top:none;position:relative}
.jobtable ul.biaoti a{display:block;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:var(--defaultcolor);line-height:1.5rem;margin-top:.5rem;color:var(--white);padding:0 5px;border:none;position:absolute;right:1rem;top:0}
.jobtable li{float:left;width:calc(100% - 81px);border-left:1px var(--qianhuise) solid;display:block;padding-left:10px;line-height:2.5rem}
.jobtable li:first-child{width:80px;height:auto;font-style:normal;border-left:none;padding-left:0}
.pages{margin-bottom:1.5rem}
.pagination-block{display:flex;justify-content:center}
.pagination_info{margin:0 10px;display:flex;align-items:center}
.pagination li a,.pagination li span{position:relative;margin:0 .4rem;line-height:2.5rem;width:2.5rem;color:var(--white);display:block;text-align:center;border-radius:.5rem;text-decoration:none;background-color:var(--bgprimary);border:0 solid  var(--qianhuise);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.pagination li a:hover{z-index:2;color:var(--white);background-color:var(--defaultcolor);border-color:var(--defaultcolor)}
.pagination .disabled span{color:var(--white);pointer-events:none;background-color:var(--bgprimary);border-color:var(--bgprimary)}
.pagination .active span{color:var(--white);background-color:var(--defaultcolor);border-color:var(--defaultcolor)}
.pagination_jump{display:flex;align-items:center}
.pagination_jump>*{padding:0 4px}
.pagination_jump input{border-radius:0;background-color:var(--aprimary);background-clip:padding-box;border:1px solid var(--qianhuise);padding:.375rem .75rem}
.pagination_jump input:focus{outline:0}
.pagination_jump .btn{padding:.25rem .5rem;font-size:.875rem}
#baiduditubox img,.google-maps img{max-width:none!important}
#baiduditubox label{max-width:none!important}
.map-con{margin-left: -15px;}
.map-con .map{height:600px;z-index:1}
#footer{ background:var(--footerbg); color:var(--footerwords);}
#footer a{color:var(--footerwords);}
#footer .title,#footer .title a{ margin-bottom: 0.5rem;font-size:1rem;font-weight: 550; color:var(--footerwords);}
#footer .footertitle{font-size: 2.25rem; line-height: 120%; font-weight: 550;color: var(--footerwords);}
#footer .othertitle{ margin:1rem 0 3rem;}
#footer .footerlogo{ color: var(--white); font-size: 1.5rem; vert-align: bottom; line-height: 1.5rem;}
#footer .footercontact-title{ display: none;}
#footer .footercontactus{color: var(--footerwords);}
#footer .footercontactus .content ul li{ line-height: 2rem;}
#footer .footercontactus .content ul li em{ margin-right: 0.5rem; font-size: 1.24rem;}

#footer .footerico a{ color: var(--white);display: inline-block; margin: 0 0.5rem; border: 1px solid var(--white); line-height: 2.375rem; border-radius: 50%; width: 2.375rem; text-align: center;}
#footer .footermessage .title{font-size: 1.25rem; line-height: 2rem; color: var(--white);}
#footer .footermessage-item .form-control{ background: none; border: none; border-bottom: 1px solid var(--lightWords); border-radius:0;}
#footer .footermessage-item .submit{ color: var(--lightWords); border: 1px solid var(--lightWords); line-height: 2rem; background: none;}
#footer .footermessage-item .submit:after{content:""; z-index: 1; background-color: var(--hongse);width:0; position: absolute; top: 0; left:0; height: 100%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#footer .footermessage-item:hover .submit:after{width:100%;}
#footer .footermessage-item:hover .submit{ color: var(--white); border-color:var(--hongse);}
#footer .footernavlist dl dt a{ font-size: 1.25rem; line-height: 2rem; color: var(--white);}
#footer .footernavlist dl dd a{line-height: 2rem;}

.comparesModel,.showCompareItemsModel{ display: none;transition:all .5s;}
.comparesModel.active,.showCompareItemsModel.active{display: block;}
.comparesModel{ background: var(--companrebg);}
.comparelist-item{ background-color: var(--white); border-radius: 0.5rem;}
.comparelist-menu ul li a{ background-color: var(--black); line-height: 2rem; color: var(--white);}
.comparelist-menu ul li a i{ color: var(--hongse);}
.comparesModel .close{ color: var(--white); font-size: 1rem;}
.comparesModel .singleclose{color: var(--hongse); font-size: 0.875rem;}
.showCompareItemsModel-item{ z-index: 10000; background-color: var(--companrebgtm);}
.showCompareItemsModel-bg{ background-color: var(--white); border-radius: 0.5rem;}
@media (max-width:1401px){
  .navbar .dropdown .dropdown ul{left:-90%}
  .section-title .title,.carousel-item .txt .title,.productstyles .title-item .title,.inabout .title-item .title,inwork .inwork-item .txt .title{ font-size: 2.5rem; line-height: 150%;}
  .productstyles .title-item .notes,.inabout .txt-item .catcontent,.inwork .inwork-item .txt .notes{ font-size: 1.125rem;}
}
@media (max-width:1201px){
  .navbar .dropdown .dropdown ul{left:-90%}
  .section-title .title,.carousel-item .txt .title,.productstyles .title-item .title,.inabout .title-item .title,inwork .inwork-item .txt .title,.aboutcount-item .txt .counter{ font-size: 2rem; line-height: 150%;}
  .productstyles .title-item .notes,.inabout .txt-item .catcontent,.inwork .inwork-item .txt .notes{ font-size:1.125rem;}
}
@media (max-width:991px){
  .section-title .title,.carousel-item .txt .title,.productstyles .title-item .title,.inabout .title-item .title,.profile-title,.incategory-item .title span,.incontact .title-item .title,.showtitle,.likearticle .title h3,.single_page .abouttitle .title,.recruitment-title .title{ font-size: 1.25rem; line-height: 120%;font-weight: 600;}
  .productstyles .title-item .notes,.inabout .txt-item .catcontent,.section-title .othertitle,.inshare-item .txt .title a{ font-size:1rem; line-height: 120%;}
  .subcolumntitle{background-color:var(--defaultcolor);overflow:hidden;padding:0 1rem;line-height:3rem;color: var(--white);border-radius:.5rem;text-transform:uppercase}
  .subcolumntitle i{float:right;line-height:3rem;display:block;}
  .section-title .title span::before{margin: 0 auto 0.5rem; width: 3rem;}
  .leibie,.subcolumn{display:none}
  .subcolumn .row{ margin-left: -15px; margin-right: -15px;}
  .subcolumn ul li a{ line-height: 1.5rem;}
  .message{ margin-top: 1rem;}
  .messagebg::before{ width: 100%;}
  .map-con .map{ height: 360px;}
  .mobile-nav-toggle{display:block; position: relative;}
  .mobile-nav-toggle.bi-x:after{display: none;}
  .navbar a.nav-link, .navbar a.nav-link:focus{line-height:2.5rem; color: var(--white); background: none;}
  .navbar .dropdown ul li{padding: 0 0;}
  .navbar a,.navbar a:focus{line-height:2rem;display:flex;align-items:center;justify-content:space-between}
  .navbar ul.navul,.navbar.navdiv{width:auto!important; padding: 1rem;}
  .navbar ul{display:none}
  .navbar-mobile.navbar ul.navul{display:block!important}
  .navbar-mobile .dropdown ul,.navbar .dropdown ul li{ background: none;}
  .navbar li{width:100%}
  .navbar .dropdown ul a{background:none;color:var(--white)}
  .navbar-mobile .dropdown ul a{padding: 5px 20px;}
  .navbar .dropdown .dropdown:hover>ul{left:-100%}
  .menubg{background:var(--white)}
  #header .logo{height:3rem;line-height:3rem;overflow:hidden;}
  #header .logo img{max-height:3rem;margin:0; padding:0;display:block;}
  .nav-search{ line-height: 3rem;font-size: 1rem;}
  .culturetitle{ padding: 15px;}
  .culture-p{ padding-bottom: 15px;}
  .inbolgs-item .more{ position:relative;left:0;}
  .waterfall {column-count: 1;column-gap: 1rem;}
  .waterfall-item {margin-bottom:1rem;}
  .waterfall-item .top5{ padding-top:0;}
  .map-con{margin-left:0;}
  .inmore.white a{ line-height: 2rem;}
  .inwork .swiper-slide:before{ display: none;}
  .subcolumnbg{ border-bottom: none;}
  .inchoose-slider .swiper-button-prev, .inchoose-slider .swiper-button-next{ margin: 0 0;}
  .inchoose-item .pic img{height:15rem;}
  .aboutvideo{ overflow: hidden;}
  .aboutvideo .pic img{ min-height: 400px; width: auto;}
}
@media screen and (max-width:768px){
  [data-aos-delay]{transition-delay:0!important}
  .appointment-btn{margin:0 15px 0 0;padding:6px 15px}
}