@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: 'ALD401I';
  src: url('../fonts/ALD401I.eot');
  src: url('../fonts/ALD401I.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ALD401I.woff2') format('woff2'),
  url('../fonts/ALD401I.woff') format('woff'),
  url('../fonts/ALD401I.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;
}
:root {
  --aprimary:#fff; /* 主色调、链接*/
  --cprimary:#f2f2f2; /*辅色调*/
  --bgprimary:#262626;
  --words: #434342;  /*大部分文字、深色文字*/
  --lightWords: #888888; /*少部分文字、浅色文字*/
  --lanse: #136dbc;
  --defaultcolor:#0d9343;
  --defaultcolortm:rgba(13,147,67,0.8);
  --defaultcolortms:rgba(254,197,30,.5);
  --white:#fff;
  --black:#000;
  --hongse:#b90b17;
  --blacktm:rgba(0,0,0,0.5);
  --whitetm:rgba(255,255,255,0.5);
  --bg:rgba(0,0,0,0.4);
  --bodybg:#fff;
  --fontfamily:"Microsoft Yahei","Open Sans", sans-serif;
  --fonthfamily: "Roboto","Microsoft Yahei", sans-serif;
  --titlefamily: "BebasKai","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)} }
.yidong
{
  animation:bounce 5s infinite;
  animation-timing-function:linear;
  /* Safari and Chrome */
  -webkit-animation:bounce 5s infinite;
  -webkit-animation-timing-function:linear;
}
.yidongs
{
  animation:flip 5s infinite;
  animation-timing-function:linear;
  /* Safari and Chrome */
  -webkit-animation:flip 5s infinite;
  -webkit-animation-timing-function:linear;
}
@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
  100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
  100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
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}
.clear{clear:both}
.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:#fff;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 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%);}
/*.picturesbox .picbg{ background-color:var(--bgprimary);}*/
.picturebgbox .pic{position:relative;z-index:1;width:100%;height:0;padding-bottom:100%;overflow:hidden;transform:scale(1);width:100%;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%)}

.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{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-card:hover .product-image .pic-2{transform:rotateY(0deg);opacity:1;}

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;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:996;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{background:#fff;transition:all .5s;z-index:1007;padding:0 0;top:0; position: relative; width: 100%;}
.headertop{ background:var(--black); color: var(--white);}
#header.header-scrolled{top:0}
#header .logo{line-height:4rem;overflow:hidden;margin:0;padding:0.25rem 0; position: absolute; width: 100%; text-align: center; left: 0; top: 0;}
#header .logo img{max-height:4rem;margin:0}
#header .headerico{ position: relative; z-index: 1000;}
#header .headerico a{ font-size: 1.5rem;}
.headerbox{position: relative;}
.navbar{padding:0;position: static; margin-left: -2rem;}
.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 ul li.dropdown.productli{position: static;}
.navbar ul li a.nav-link,.navbar ul li a.nav-link:focus{margin:0 2rem;font-size: 1rem;line-height:4.5rem;color:var(--words);white-space:normal;transition:.3s;text-transform:uppercase;font-weight:500; position: relative;}
.navbar ul li a.nav-link i,.navbar ul li a.nav-link:focus i{font-size:.75rem;line-height:0;margin-left:5px}
.navbar ul li.active a,.navbar ul li.active a:focus,.navbar ul li a:hover,.navbar ul li:hover>a,.navbar ul li.active a.nav-link{color:var(--words);}
.navbar ul li a.nav-link:before{content:'';position:absolute;bottom:0.5rem;left:50%;width:0;height:2px;background:var(--defaultcolor);-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.navbar ul li a.nav-link:hover::before,.navbar ul li a.nav-link:hover:before,.navbar ul li.active a.nav-link:before{left:25%;width:50%}
.navbar ul li.dropdown ul{display:none;position:absolute;left:0;width:auto;top:100%;margin:0;padding:0 0;z-index:999;visibility:hidden;transition:.3s;border-radius:0; border: none;min-width: 100%;}
.navbar ul li.dropdown ul li{width:100%; position: relative; padding:0 0;background-color:var(--defaultcolortm);}
.navbar ul li.dropdown ul li a{text-transform:none; padding: 0 0.5rem; line-height:3rem;border-top: 1px #dbe6f0 solid; color: var(--white);}
.navbar ul li.dropdown ul a i{padding:0 1rem; line-height: 3rem;}
.navbar ul li.dropdown ul .active:hover,.navbar ul li.dropdown ul li a:hover,.navbar ul li.dropdown ul li:hover>a{color:var(--white);background-color:var(--defaultcolortms);}
.navbar ul li.dropdown ul.productul .active:hover,.navbar ul li.dropdown ul.productul a:hover,.navbar ul li.dropdown ul.productul li:hover>a{color:var(--white);background-color:rgba(0,0,0,0);}
.navbar ul li.dropdown:hover>ul{display:block;/*opacity:1;*/top:100%;visibility:visible}
.navbar ul li.dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}
.navbar ul li.dropdown .dropdown:hover>ul{display:block;top:0;left:100%;visibility:visible}
.mobile-nav-toggle{color:var(--defaultcolor);font-size:1.75rem;cursor:pointer;display:none;line-height:0;transition:.5s}
.mobile-nav-toggle.bi-x{color:var(--lightWords);}
.navbar.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:#3c3c3c;transition:.3s;z-index:99999}
.navbar.navbar-mobile .mobile-nav-toggle{position:absolute;top:1rem;right:1rem;color:var(--white)}
.navbar.navbar-mobile ul{display:block;position:absolute;top:3rem;right:1rem;bottom:1rem;left:1rem;padding:0.5rem 0;border-radius:0.5rem;/*background-color:var(--white);*/overflow-y:auto;transition:.3s}
.navbar.navbar-mobile ul li a.nav-link, .navbar.navbar-mobile ul li a.nav-link:focus{padding:0.5rem 1rem;color:var(--white);line-height: 2.5rem;}
.navbar.navbar-mobile ul li .active,.navbar.navbar-mobile ul li a:hover,.navbar.navbar-mobile ul li li:hover>a{color:var(--white);background:0 0}
.navbar.navbar-mobile ul li.dropdown ul{position:static;display:none;margin:0.5rem 0;padding:0 0;z-index:99;opacity:1;visibility:visible;background:none;box-shadow:0 0 30px rgba(127,137,161,.25)}
.navbar.navbar-mobile ul li.dropdown ul li{min-width:200px; background: none;}
.navbar.navbar-mobile ul li.dropdown ul a,.navbar.navbar-mobile ul li.dropdown ul.productul li a{padding:0 1rem;border-top:none; color: var(--white);line-height: 2rem;}
.navbar.navbar-mobile ul li.dropdown ul a i{font-size:12px}
.navbar.navbar-mobile ul li.dropdown ul .active:hover,.navbar.navbar-mobile ul li.dropdown ul a:hover,.navbar.navbar-mobile .dropdown ul li:hover>a{color: var(--white);background-color:rgba(254,197,30,0);}
.navbar.navbar-mobile ul li a.nav-link:hover::before,.navbar.navbar-mobile ul li a.nav-link:hover:before,.navbar.navbar-mobile ul li.active a.nav-link:before{left:0;width:100%}
.navbar.navbar-mobile ul li.dropdown>.dropdown-active{display:block}
.searchbox{width: 100%;height: 100%;position: fixed;top: 0; left: 0;z-index: 999999 !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: 4rem; width: 4rem; line-height: 4rem; text-align: center; display:block;}
.searchbox .input-group{ }
.searchbox .input-group-text{ background: #f5f5f5; border:none;border-radius: 0 1rem 1rem  0;}
.searchbox .form-control{ background: #f5f5f5; border:none;border-radius: 1rem 0 0 1rem; font-size: 0.875rem;padding: 0.375rem 0;}

.languagebox{width: 100%;height: 100%;position: fixed;top: 0; left: 0;z-index: 999999 !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);}
.languageclose{ position: absolute; right: 2rem; top: 2rem;}
.languageclose a{ color: var(--white); font-size: 4rem; width: 4rem; line-height: 4rem; text-align: center; display:block;}
.language-item .pic img{ max-width: 200px;}

#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;width:auto;height:auto;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:rgba(255,255,255,.8); 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);}
.carousel-item .txt{ left: 0; top: 0; z-index: 1; color: var(--white)}
.carousel-item .txt .text-item{ max-width: 600px;}
.carousel-item .txt .title{ font-size: 3.25rem; line-height: 120%;font-family: var(--titlefamily);}
.carousel-item .txt .notes{ font-size: 1.5rem; line-height: 120%;}
.carousel-item .txt .more a{background: var(--white); color: var(--black); line-height: 3rem;}

.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-family:var(--titlefamily); color:var(--words); font-weight:400;font-size:3.75rem;position:relative;}
.section-title .subtitle{font-size:2.25rem;line-height: 100%;color:var(--black);}
.section-title .subbtitle span{ color: var(--defaultcolor);}
.abouttitle .title{ font-family:var(--titlefamily); color:var(--words); font-weight:400;font-size:3rem;position:relative;}
.abouttitle .subtitle{font-size:2.25rem;line-height: 100%;color:var(--black);}
.abouttitle .subtitle span{ color: var(--defaultcolor);}
.single_page .content{ line-height: 2rem;}
.aboutico-item{ max-width: 420px;}
.aboutico-item .pic img{transition:transform 0.5s;}
.aboutico-item .pic:hover img{transform: scaleX(-1);}
.aboutico-item .txt .title{ font-size: 1.125rem;}

.productultabs ul li a{ font-size: 1.25rem; line-height: 3rem;border-bottom: 1px solid transparent;}
.productultabs ul li.active a{ color: var(--defaultcolor); border-bottom-color:var(--defaultcolor);}
.invproductsbg{ background: #f6f6f6; border-radius: 0.5rem;}
.inproductscolor li a{ display: block; width: 24px; height: 24px; border: 1px #fff solid;}
.inproductscolor li a:hover,.inproductscolor li a.active{ border-color: #000;}
.incat .txt-item .title{ font-size: 3rem;color: var(--white);font-family:var(--titlefamily);}
.incat .txt-item .notes{ font-size: 1.125rem; color: var(--white);}
.incat .txt-item .more a{ background: var(--white); color:var(--black); line-height: 3rem;}
.inbar .txt-item{ max-width: 35rem;}
.inbar .txt-item .title{ color: var(--white); font-size: 4rem; line-height: 5rem;font-family:var(--titlefamily);}
.inabout{ background: #f2ede7;}
.inabout-title{font-size: 4rem;}
.inmore a{ background:var(--black);color:var(--white);line-height:4rem;}

.inbolgs{ background-color: var(--black)}
.inbolgs-title{ font-size: 4rem; color: var(--white);}
.inbolgs-title .title{max-width:28rem;font-family:var(--titlefamily);}
.inbolgs-subtitle{max-width:28rem;}
.inbolgs-subtitle .title_en{ color: var(--white); font-size: 1.25rem;}
.inbolgs-subtitle .more a{ background: var(--white); color:var(--black); line-height: 3rem;}

.inbolgs-item .title a{ color: var(--white);}
.inbolgslist{ padding-bottom: 3rem;}
.inbolgslist .inbolgs-slider{ position: static;}
.inbolgslist .swiper-button-prev,.inbolgslist .swiper-button-next{ top:100%; left: 53%; color: var(--white); background: none; font-size: 2.5rem;}
.inbolgslist .swiper-button-next{ left: 47%;}
.inbolgslist .swiper-button-prev:after,.inbolgslist .swiper-button-next:after{display: none;}

.productmessage a{ background:var(--black);color:var(--white);line-height:3rem;}

.morebtn a{font-size: 1.125rem; 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% }

.recent-work-wrap .overlaytu{ border:none;}
/*.recent-work-wrap img.img-responsive:not(.noscale){transition: all 2s ease 0s;}
.recent-work-wrap:hover img.img-responsive:not(.noscale){transform: scale(1.2);}*/
.recent-work-wrap .recent-work-inner{top:0;background:0 0;opacity:1;width:100%;border-radius:0;margin-bottom:0;text-align:center}
.recent-work-wrap .recent-work-inner h3{margin:10px 0;font-size:24px;color:#fff}
.recent-work-wrap .recent-work-inner h3 a{font-size:24px;color:#fff}
.recent-work-wrap .overlaytxt{position:absolute;top:0;left:0;width:100%; z-index:100000;height:100%;opacity:0;border-radius:0;background:#fff;color:#fff;vertical-align:middle;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;}
.recent-work-wrap .overlaytxt .preview{bottom:0;display:inline-block;height:35px;line-height:35px;border-radius:0;background:0 0;text-align:center;color:#fff}
.recent-work-wrap:hover .overlaytxt{opacity:0.7}
.recent-work-wrap .recent-work-inner{display: table;position:relative;background:0 0;opacity:1; width:100%; height:100%;border-radius:0;margin-bottom:0;text-align:center;}
.recent-work-wrap .recent-work-inner.active{border:1px #000 solid;}
.recent-work-wrap .recent-work-inner:after,.recent-work-wrap .recent-work-inner:before{content:'';display:block;position:absolute;box-sizing:border-box;border:10px solid transparent;width:0;height:0;}
.recent-work-wrap .recent-work-inner:after{top:0;left:0;-webkit-transition:border-color 0s ease-in .8s,width .2s ease-in .6s,height .2s ease-in .4s;transition:border-color 0s ease-in .8s,width .2s ease-in .6s,height .2s ease-in .4s}
.recent-work-wrap .recent-work-inner:before{bottom:0;right:0;-webkit-transition:border-color 0s ease-in .4s,width .2s ease-in .2s,height .2s ease-in;transition:border-color 0s ease-in .4s,width .2s ease-in .2s,height .2s ease-in}
.recent-work-wrap .recent-work-inner:hover:after,.recent-work-wrap .recent-work-inner:hover:before{width:100%;height:100%}
.recent-work-wrap .recent-work-inner:hover:after{border-top-color:#fec51e;border-right-color:#fec51e;-webkit-transition:width .2s ease-out,height .2s ease-out .2s;transition:width .2s ease-out,height .2s ease-out .2s}
.recent-work-wrap .recent-work-inner:hover:before{border-bottom-color:#fec51e;border-left-color:#fec51e;-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s;transition:width .2s ease-out,height .2s ease-out .2s}
.recent-work-wrap .recent-work-inner-wz{display: table-cell;padding:12px; text-align: center;vertical-align: middle;position:relative; z-index:10000;}
.recent-work-wrap .recent-work-inner-wz.active{ text-align:left;}
.recent-work-wrap .recent-work-inner-wz h3{margin:5px 0;font-size:1rem;color:#fff; display:none;}
.recent-work-wrap .recent-work-inner-wz h3 a{font-size:1.5rem;color:#fff}
.recent-work-wrap .recent-work-inner-wz h4{ padding:0; margin:0; font-weight:300;}
.recent-work-wrap .recent-work-inner-wz p{display:block;}
.recent-work-wrap .recent-work-inner-wz i{ background-color:rgba(255,255,255,.8); color:#1a2f26; font-size:3rem; text-align:center; font-style:normal; width:6rem; line-height:3rem; display:inline-block;}
.recent-work-wrap .recent-work-inner-wz i a{ color:#fff;}
.recent-work-wrap .recent-work-inner-wz i a:hover{color: #00a7f8;}

.cd-accordion-menu label{cursor: pointer;font-weight: 400; font-size: 1rem;}
.cd-accordion-menu ul {/* by default hide all sub menus */display: none;}
.leftnavli{ border-bottom: 1px solid #000; line-height: 3rem;}
.leftnavli span{cursor: pointer;}
.flags{ position: absolute; left: 1rem; top: 1rem; z-index: 100;}
.flags em{ background: var(--defaultcolor); color: var(--white);font-style: normal; border-radius: 50%; width: 3rem; height: 3rem; line-height: 3rem; text-align: center;}
.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(--defaultcolor)}
.crumb .crumbbox .crumbwz a{line-height:2rem;color:var(--lightWords)}
.leftborder{border:1px solid #d2d2d2}
.leftsidetitle{background:#292e39;position:relative}
.leftsidetitle .en{position:absolute;left:-5px;top:-9px;font-style:normal;font-size:4.25rem;font-weight:700;opacity:.1;color:var(--white);line-height:1;z-index:1;text-transform:uppercase}
.leftsidetitle .title{position:relative;z-index:2;line-height:3.25rem;color:rgba(255,255,255,.6);font-size:1rem}
.leftsidetitle .title h3{display:inline-block;margin:0 0;font-size:1.25rem;color:var(--white)}
.leftsidetitle .title em{font-style:normal;padding:0 .5rem}
.leftsidecategorylist ul li{position:relative;border-bottom:1px solid #eee}
.leftsidecategorylist ul li a{padding:.5rem 1rem;line-height:2rem;display:block}
.leftsidecategorylist ul li a i{float:right;line-height:2rem}
.leftsidenewslist ul li a{padding:.25rem 1rem;line-height:2rem;display:block}
.leftsidekeywordslist ul li{margin:.25rem 0}
.leftsidekeywordslist ul li a{display:block;text-align:center;font-size:14px;color:#5a5a5a;line-height:2rem;border:1px dashed #f1f1f1}
.leftsidekeywordslist ul li a:hover{color:var(--defaultcolor);border-color:var(--defaultcolor)}
.leftsidecontactlist{line-height:2rem}
.banners{position:relative;overflow:hidden}
.banners .bannerpc,.banners .bannerwap{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:1000}
.banners .bannerpc .txt .cateinfo{ margin-top: 2.5rem;}
.banners .bannerpc .txt .cateinfo h3{font-size:3rem;}
.banners .bannerpc .txt .cateinfo p{font-size:1.125rem}
.banners .bannerwap .pic img{min-height: 240px!important;}
.banners .bannerwap .txt{position:absolute;left:0;bottom:0;height:100%;z-index:1000}
.banners .bannerwap .txt .cateinfo{ margin-top: 4rem;}
.banners .bannerwap .txt .cateinfo h3{font-size:1.5rem;}
.banners .bannerwap .txt .cateinfo p{font-size:1rem}
.breadcrumbs{line-height:2rem}
.breadcrumbs em{font-style:normal;display: none;}
.breadcrumbs em:after{content:":";display:inline-block;padding:0 .25rem}
.breadcrumbs span{ display: inline-block; padding: 0 0.25rem;}
.breadcrumb-title{font-family: var(--titlefamily);color: var(--words);font-weight: 400;font-size: 3.75rem;position: relative;}
.breadcrumb-txt i{font-style: normal; margin: 0 0.25rem;}
.classifcation ul li{ position: relative;}
.classifcation ul li a.classifcationa{ border: 1px solid var(--words); display: block;}
.classifcation ul li:hover a.classifcationa{ border-bottom:1px solid transparent;}
.classifcation ul li ul{display: none; position: absolute; right: 0; top: calc(100% - 1px); z-index: 1000; width: 100%; background-color: var(--white);-webkit-transition:all .5s ease;transition:all .5s ease}
.classifcation ul li:hover ul{ display: block;border: 1px solid var(--words); border-top:none;  padding: 0.25rem 0;}
.classifcation ul li ul li{ line-height: 2rem;}

.subcolumns{background: #eee;}
.subcolumn{margin:0 10px}
.subcolumn ul li{ position:relative;}
.subcolumn ul li a{display:block;color:var(--black);border:0 #c8c8c8 solid;border-left: 1px #dcdcdc solid;line-height:3.75rem;margin:0 0;border-radius:0;}
@media (min-width: 1200px) {
.subcolumn ul li a{ padding: 0 1.125rem;}
  }
.subcolumn ul li:first-child a{border-left:0 #dcdcdc solid;}
.subcolumn ul li a:hover,.subcolumn ul li.active a{background:var(--defaultcolor);color:var(--white);border-color:var(--aprimary)}
.arrow-down{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--defaultcolor);font-size:0;line-height:0}
.subcolumn ul li .arrow-down{ position:absolute; bottom:-8px; left:50%; margin-left:-4px; display:none;}
.subcolumn ul li:hover .arrow-down,.subcolumn ul li.active .arrow-down{ display:block;}

.blog-item a{display:block}
.blog-item-wrapper{background:var(--white);border:solid 1px #f9f9f9;margin-bottom:40px;box-shadow:0 10px 50px 0 rgba(84,110,122,.1);-webkit-transition:transform .2s linear,-webkit-box-shadow .2s linear;-moz-transition:transform .2s linear,-moz-box-shadow .2s linear;transition:transform .2s linear,box-shadow .2s linear}
.blog-item-wrapper:hover{box-shadow:0 10px 50px 0 rgba(84,110,122,.35)}
.blog-item-wrapper:hover .blog-item-img:before{opacity:1}
.blog-item-text .time h3{ color: var(--defaultcolor);font-size:2.5rem;border-bottom: 1px solid var(--defaultcolor);line-height:4rem;}
.blog-item-text .title a{line-height:2rem;font-size:1.125rem;font-weight:500;}
.blog-item-text:hover .title a{color:var(--defaultcolor);}
.blog-item-text .item-more a{display:inline-block;line-height:2rem;text-align:center;color:#000;color:#666;-webkit-transition:all .5s ease;transition:all .5s ease}
.blog-item-text:hover .item-more a{color:var(--defaultcolor);}
.meta-tags span{color:#999;margin-right:10px}
.meta-tags span i{margin-right:5px}
.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 #f3f3f3}
.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 #ddd}
.articlepicbox:hover .txt::before{left:-100px}
.articlepicbox:hover .more a i{margin-left:.25rem}
.articlepicbox:hover .more .line::before{width:100%}

#Environment{ background: #f2f1ef; margin: 0 -15px;}
#Culture{ background: #f2ede7; margin: 0 -15px;}
#Customer{ margin: 0 -15px;}
.environment-item .txt{ background: #dfd5c8;}
.container-environment{ width:calc(100% - 16rem);}
.container-environment .environment-slider{ position:static;}
.container-environment .swiper-button-lock,.inbolgslist .swiper-button-lock{ display: block!important;}
.container-environment .swiper-button-next{right: -5rem; background: #d9d8d6; width: 3.25rem; height: 3.25rem; color: var(--white); border-radius: 50%; text-align: center;}
.container-environment .swiper-button-prev{left: -5rem; background: #d9d8d6; width: 3.25rem; height: 3.25rem;color: var(--white); border-radius: 50%; text-align: center;}
.container-environment .swiper-button-next:after,.environmentlist .swiper-button-prev:after{ font-size: 1.5rem; line-height: 3.25rem;}
.events{ padding-top:30px;}
.events .eventstitle{ font-family:"Impact"; font-size:2.5rem; line-height:2.5em;color:#000; font-weight:600;}
.events .eventstitle:first-letter{ color: var(--defaultcolor); text-transform: uppercase;}
.events .eventstitle font{color: #fec51e;}
.events .eventslist{ position:relative;}
.events .eventslist:before{position:absolute; z-index:2; margin-left:-9px;  left:50%; top:0; content:""; display:block; height:18px; width:18px; border:2px #000 solid; background:#fff;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;}
.events .eventslist:after{position:absolute; z-index:1; margin-left:-1px; content:""; display:block; height:100%; width:2px; left:50%; top:0; background:#000;}
.events .eventslist ul{ position:relative; z-index:3;}
.events .eventslist ul li:nth-child(even){ padding-top:50px;}
.events .eventslist ul li:before{position:absolute; z-index:2;margin-right:-9px;right:0;top:50%;content:""; display:block; height:18px; width:18px; border:2px #000 solid; background:#000;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;}
.events .eventslist ul li:nth-child(even):before{ margin-left:-9px;left:0; margin-right:auto;right:auto;top:30%;}
.events .eventslist ul li .eventsbox{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; background:#efefef; max-width:430px; margin:2rem auto;}
.events .eventslist ul li .eventsbox .eventsyear{text-align:right;}
.events .eventslist ul li .eventsbox .eventsyear h3{ background:url(../images/titlebg.jpg); line-height:3rem; color:#fec51e;font-family:"Impact"; font-size:1.125rem; font-weight:600; padding:0 1rem; overflow:hidden;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0; margin:0; font-weight:400;}
.events .eventslist ul li .eventsbox .eventsyear:after{ content:""; display:block; background:url(../images/djt.png) no-repeat; width:13px; height:26px; position:absolute; z-index:1000; right:0; margin-right:-13px; top:50%; margin-top:-13px;}
.events .eventslist ul li:nth-child(even) .eventsbox .eventsyear{ text-align:left;}
.events .eventslist ul li:nth-child(even) .eventsbox .eventsyear:after{left:0; margin-left:-13px;right:auto; margin-right:auto;transform:rotate(180deg);}
.events .eventslist ul li .eventsbox .eventstext .title a{ color:#000; font-size: 1.125rem;}

.productdescription{ font-family:"Bodoni Bk BT"; font-size:2.25rem; line-height:3rem; color:#000; text-transform:uppercase;}

.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 #fff}
.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:#fff;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:#000;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:#655148;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 #ddd}
.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:#fff;width:50px;height:50px;line-height:54px;color:#9a9a9a;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:#59692b}
.action:hover button{color:#fff}
.action button{width:100%;height:100%;padding:0;border:0;line-height:1;background:0 0;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.product-card{position:relative;overflow:hidden}
.product-card .picbg{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}
.product-card .txt .title a{ font-size: 1rem; line-height: 2rem; font-weight: 600;}
.onsale{color:#fff;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:#222;font-size:18px;line-height:1.5;}
.navproductlistbox .pic{-moz-box-shadow:2px 2px 5px #aaa, -2px -2px 5px #aaa; -webkit-box-shadow:2px 2px 5px #aaa, -2px -2px 5px #aaa; box-shadow:2px 2px 5px #aaa, -2px -2px 5px #aaa;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; display:block; background:#fff;}
.navproductlistbox .txt{ color: var(--words);}
.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 #ebebeb;padding:2px 15px;line-height:24px;font-size:14px;color:#707070;text-align:left;text-transform:uppercase;width:70px;height:40px}
.product-option select:focus{border-color:#e5e5e5}
.shop-grid-menu{background:#fff;width:calc(100% - 145px);border:1px solid #ebebeb}
.shop-grid-menu .dropdown-item{line-height:24px;font-size:14px;padding:3px 15px;color:#222}
.shop-grid-menu .dropdown-item:hover{background:#f9d738;color:#fff}
.sort-by{min-width:70px;line-height:20px;padding:5px;margin-left:50px}
.cattitle{font-size: 1.75rem;color: #181616;font-family: rajdhani,sans-serif; font-weight: 600;}

.gallery-thumbs{  margin-bottom:2rem; padding-bottom:10px;}
.gallery-thumbs .swiper-wrapper::before{border-bottom:1px #fff solid;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,#fff,#fff 120px);}
.gallery-thumbs .swiper-slide{ text-align:center; width:240px;}
.gallery-thumbs .swiper-slide a{ color:#fff; 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(255,255,255,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(255,255,255,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(--white); margin-top: 57px;}
.gallery-top .swiper-button-prev{left:0; color: var(--white); margin-top: 57px;}
.gallery-top .swiper-slide .lichengbox{ margin:0 3rem; background:#fff;}
.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:#000; 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:#000; height:1px;}
.gallery-top .swiper-slide .lichengbox .txt p{}
.singletitle{ font-size:2.25rem; color:#000;line-height:3rem;}
.singletitle:after{ content:""; height:2px; width:3.5rem; background:#fec51e; display:block;}

.form-group{ position:relative;}
.form-group label{display: none;}
.form-group button.btn{background:#eb2d2d; color: #fff;}
.content-form .content-form-title{ margin-bottom:3rem;}
.content-form .content-form-title h3{ color: #000000;font-size:3rem;font-weight: lighter;letter-spacing: -3px;text-transform: uppercase;}
.content-form .content-form-title p{color: #000000; font-size: 1.125rem;line-height: 2rem;}
.content-form .form-group{ margin:2rem 0;    border-bottom: solid 1px #d2d2d2;}
.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%;}
.waterfall {column-count: 4;column-gap:0;}
.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 #9999; color: #9999; font-size: 1rem; line-height:1.5rem;}
.Showing{color:#222}
.messagetitle{ color: var(--white);}
.message .form-control{ border: none; border-bottom: 1px solid var(--whitetm); background: none; border-radius: 0; color: var(--white);}
.message input::placeholder,.message textarea::placeholder{color: var(--white);}
.message .captcha{ background-color: rgba(255,255,255,0.8); margin-left: 1rem;}
.message button{ background: none; color: var(--white); border: none;border-bottom: 1px solid var(--whitetm); line-height: 2rem; padding: 0 1rem;}
.contactbg{-moz-box-shadow: 5px 5px 10px #c0c0c0;-webkit-box-shadow: 5px 5px 10px #c0c0c0; box-shadow: 5px 5px 10px #c0c0c0;}
.contactbox{}
.contactbox .title{font-size:1.875rem;padding-bottom:1rem;}
.contactbox ul li{padding:0.25rem 0;position:relative; display:flex;}
.contactico{padding-top:1rem}
.contactico a{display:inline-block;background-color:#fff;width:2rem;height:2rem;color:#4d4d4d;line-height:2rem;text-align:center;border:1px #fff solid;border-radius:50%;margin-right:1rem}
.showtitle{color:#333;line-height:2rem;font-size:2em}
.showsubtitle{line-height:2.5rem;color:#9c9c9c;border-bottom:1px #ededed dashed}
.showsubtitle span{margin-right:10px}
.showsubtitle span i{padding:0 5px}
.showsubtitle a{color:#ededed}
.ProductZoom img{max-width:100%}
.ProductZoomtitle{line-height:2rem;position:relative;font-size: 2rem; line-height: 150%;font-weight: 600;}
/*
.ProductZoomtitle ul li a{font-size:1.75rem;color:#2e2e2e;line-height:2;font-weight:500}
*/
.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 #e8e8e8 solid}
.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:#59692b;color:#fff;border-radius:4px}
.substation .title{position:relative;height:36px;padding:0;margin:15px 0;text-align:left;font:bold 22px/42px "Microsoft yahei";color:#737372}
.substation .title a{position:absolute;right:10px;top:0;height:36px;width:100px;text-align:center;display:block;background:#eb2830;color:#fff;line-height:36px;font-size:14px;font-weight:700}
.substation .title a:hover{text-decoration:none;background:#f39c11;color:#fff}
.substation .substationlist{border:1px solid #f4f4f4;padding:15px;margin:15px 0}
.substation .substationlist dl{padding:10px 0;line-height:24px;overflow:hidden;border-bottom:1px dashed #ddd}
.substation .substationlist dl dt{float:left;font-family:arial;font-weight:700;font-size:18px;width:35px;padding-left:25px;color:#444;display:table-cell}
.substation .substationlist dl dd{margin:0 0 0 55px;padding-left:15px;border-left:1px dashed #b2b2b2}
.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:#eb2830;color:#fff}
.substation .substationfooter{text-align:center;border-top:2px solid #eb2830;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:":"}

.cd-accordion-menu .has-children{border-bottom: 1px solid #000; 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 #ddd;margin:0;background-color:#fff;cursor:move}
.cloud-zoom-title{display:none;position:absolute!important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:700;font-size:10px;top:0}
.cloud-zoom-big{border:2px solid #ccc;overflow:hidden}
.cloud-zoom-loading{color:#fff;background:#222;padding:3px;border:1px solid #000}
.zoom-section{clear:both}
.zoom-small-image{margin:0;max-width:100%;border:1px #eee solid}
.zoom-small-image img{width:100%}
.cloud-zoom-gallery{text-align:center;display:block}
.zoom-tiny-image{border:1px solid #eee}
.zoom-tiny-image:hover{border:1px solid #f9f66d}
.zoom-desc{position:relative}
.zoom-desc .swiper{position:static}
.zoom-desc .swiper-button-next{right:-1.5rem;color:#85935a}
.zoom-desc .swiper-button-prev{left:-1.5rem;color:#85935a}
.zoom-desc .swiper-button-next:after,.zoom-desc .swiper-button-prev:after{font-size:1rem;width:.5rem}
.attrlist span{ font-weight: 600;}
.likearticle .likearticletitle:after{content:"";display:table;clear:both}
.likearticle .likearticletitle h3{color:#2e2e2e;font-size: 2rem; line-height: 150%;font-weight: 600;}
.likearticle .likearticletitle h3 i{font-size:1rem;font-style:normal;color:var(--defaultcolor);padding:0 5px;font-weight:200;display:none}
.likearticle .likearticletitle h3 em{font-size:1rem;font-style:normal;color:var(--defaultcolor);text-transform:uppercase;font-weight:200;display:none}
.likearticle .likearticletitle 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 #ccc}
.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}
.jobtable{border:1px #dedede solid;margin-bottom:2rem;background-color:var(--white)}
.jobtable ul{line-height:2.5rem;border-top:1px #dedede solid;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:#fff;padding:0 5px;border:none;position:absolute;right:1rem;top:0}
.jobtable li{float:left;width:calc(100% - 81px);border-left:1px #dedede 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; z-index: 1000; position: relative;}
.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 #dee2e6;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 #ced4da;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 .map{height:500px;z-index:1}
.actGotop{position:fixed;bottom:40px; right:10px;width:40px;height:40px; display:none;}
.actGotop a{ display:block;width:40px;height:40px;border: none;/*border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;*/background-image: url(../images/top.png);background-repeat: no-repeat;background-position: -42px 0;}
.actGotop a:hover{background-position: -42px -44px;}
#map_canvas{width:100%;height:500px;font-size:12px;}
#map_canvas img,.google-maps img {max-width: none;}
#map_canvas label{ max-width: none;}

.content-window-card {position: relative;box-shadow: none;bottom: 0;left: 0;width: auto;padding: 0;}
.content-window-card p {height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;border-radius: 5px 5px 0 0;}
div.info-top div {display: inline-block;color: #333333;font-size: 14px;font-weight: bold;line-height: 31px;padding: 0 10px;}
div.info-top img {position: absolute;top: 10px;right: 10px;transition-duration: 0.25s;}
div.info-top img:hover {box-shadow: 0px 0px 5px #000;}
div.info-middle {font-size: 12px;padding: 10px 6px;line-height: 20px;}
div.info-bottom {height: 0px;width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative; z-index: 104;}
.info-middle img {float: left; margin-right: 6px;}
#footer{ background:var(--bgprimary); color:var(--lightWords);}
#footer a{color:var(--lightWords);}
#footer .title,#footer .title a{font-size:1rem;font-weight:500; color:var(--white);}
#footer .list{}
#footer .list ul li a{ line-height:1.5rem;background: url(../images/jt.png) no-repeat left center;padding-left: 15px;}
#footer .footerlist ul li .item h6{ font-size: 1rem;}
#footer .footerlist ul li .item .time{ color: var(--defaultcolor);}
.footerpic{  top: -75px; position: relative;}
.footercontact em{ margin-right: 0.5rem;}
.footerico a{ line-height:2rem; margin-right:1rem; display:inline-block;}
.footermessage input::placeholder,.footermessage textarea::placeholder{color:var(--lightWords);}
.footermessage .form-control{border:1px solid #404040; border-right: none; background: none; border-radius: 0;padding:0.75rem 0.75rem; border-radius: 1rem 0 0 1rem;}
.footermessage .input-group-text{ border:1px solid #404040;border-left: none; background: none; border-radius: 0;padding:0.75rem 0.75rem;border-radius:0 1rem 1rem 0;}
.footermessage .input-group-text i{ color:var(--white); background: #3c3c3c; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 50%; font-size: 0.5rem;}
.footermessage .submit{ background:var(--defaultcolor);}

.guestbook .submit{ background:var(--defaultcolor); color: var(--white); line-height: 2.5rem; border-radius: 1rem; border: none;}
@media (max-width:1366px){
  .navbar .dropdown .dropdown ul{left:-90%}
}
@media (max-width:991px){
  .subcolumntitle{background-color:var(--defaultcolor);overflow:hidden;padding:0 1rem;line-height:2.5rem;color:var(--white);border-radius:.5rem;text-transform:uppercase}
  .subcolumntitle i{float:right;line-height:2.5rem;display:block; font-size: 1.25rem;}
  .leibie,.subcolumn{display:none}
  .subcolumns{ background: var(--white); margin-top: 0.5rem;}
  .subcolumn ul li a{display:block;color:var(--black);border:1px #c8c8c8 solid;line-height:2.25rem;margin:5px -10px;border-radius:2rem}
  .subcolumn ul li a:hover,.subcolumn ul li.active a{background:var(--defaultcolor);color:var(--white);border-color:var(--aprimary)}
  .subcolumn ul li:hover .arrow-down, .subcolumn ul li.active .arrow-down{ display: none;}
  .productultabs ul{ margin: 0; padding: 0;}
  .productultabs ul li{ width: 50%; float: left; margin: 0; padding: 0;}
  .productultabs ul li a,.productultabs ul li.active a{line-height: 2rem; font-size: 0.875rem;}
  .mobile-nav-toggle{display:block}
  .navbar{margin-left:0;}
  .navbar ul li a.nav-link, .navbar ul li a.nav-link:focus{margin: 0 0;line-height:2.5rem;}
  .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 li{width:100%}
  .navbar .dropdown ul a{background:0 0;color:var(--words)}
  .navbar .dropdown .dropdown:hover>ul{left:-100%}
  .navbar a.nav-link:before{left:0;width:0;}
  .navbar a.nav-link:hover::before,.navbar a.nav-link:hover:before,.navbar a.nav-link.active:before{left:0;width:100%}
  .menubg{background:var(--white)}
  #header .logo{height:4rem;line-height:4rem;overflow:hidden;position: relative; width: auto;padding: 0 0;}
  #header .logo img{max-height:4rem;margin:0; padding:0; display:inline-block;}
  .carousel-item .txt h3,.section-title .subtitle,.singletitle,.showtitle,.likearticle .likearticletitle h3,.section-title .title,.intitle .title,.inadvantage .inadvantage-item .txt .title,.incat .txt-item .title,.inabout-title,.inbolgs-title,.inbar .txt-item .title,.abouttitle .title,.inbolgs-item .title .h4,.carousel-item .txt p,.flashwap .txt-item h3,.inbolgs-one-item h3{ font-size: 1.125rem;line-height: 120%;}
  .inmore a,.incat .txt-item .more a,.inbolgs-subtitle .more a{ line-height: 2rem;}
  .carousel-item .txt a,.flashwap .txt-item p,.flashwap .txt-item a,.incat .txt-item .more a,.inmore a,.inbolgs-subtitle .more a,.inbolgs-subtitle .title_en{font-size: 0.875rem;}
  .inbolgs-item .more{ position:relative;left:0;}
  .container-environment{ width: 100%;}
  .waterfall {column-count: 1;column-gap: 1rem;}
  .waterfall-item {margin-bottom:1rem;}
  .waterfall-item .top5{ padding-top:0;}
  .inabout .txtmore{ position: relative;}
  .inadvantage .inadvantage-item .txt .notes{ line-height: 1.5rem; height: 6rem;}
  .events .eventstitle{ font-size:1.5rem;}
  .events .eventslist:before{position:absolute; z-index:2; margin-left:-9px;  left:50%; top:0; content:""; display:block; height:1.125rem; width:1.125rem; border:2px #000 solid; background:#fff;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;}
  .events .eventslist:after{left:50%; top:0;}
  .events .eventslist ul li:before,.events .eventslist ul li .eventsbox .eventsyear:after{display:none;}
  .events .eventslist ul li:nth-child(even){padding-top:0;}
  .map-con .map{ height: 320px;}
}
@media screen and (max-width:768px){
  [data-aos-delay]{transition-delay:0!important}
  .appointment-btn{margin:0 15px 0 0;padding:6px 15px}
}