@charset "utf-8";
@import url("bootstrap.min.css");
@import url("animate.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
@font-face{font-family:'Poppins';font-weight:200;src:url(../fonts/Poppins-Light.ttf);font-display:swap}
@font-face{font-family:'Poppins';font-weight:300;src:url(../fonts/Poppins-Regular.ttf);font-display:swap}
@font-face{font-family:'Poppins';font-weight:400;src:url(../fonts/Poppins-Medium.ttf);font-display:swap}
@font-face{font-family:'Poppins';font-weight:500;src:url(../fonts/Poppins-Bold.ttf);font-display:swap}
@font-face{font-family:'Poppins';font-weight:600;src:url(../fonts/Poppins-Black.ttf);font-display:swap}
html,body{margin:0;padding:0;font-size:14px; color:#333;-webkit-text-size-adjust:none;font-family: 'Poppins';font-weight:200;}
:root {
  --base-color: #2d9431;
  --auxiliary-color: #333;
  --scheme-color: #fdd20c;
  --base-scpace: 8px;
}
h1,h2,h3,h4,h5,h6,em,hr,blockquote,dl,dt,dd,ul,p,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-style:normal}
h1{font-weight:500;}
h2{font-weight:400;}
.bold{font-weight: 600}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}
input{font-size:14px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0}
img{display: inline-block; border:none}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;font-weight:200;}
a:hover{ color:var(--base-color);text-decoration:none;}
a,input,button,textarea,i{ outline:none; }
.fl{float: left;}
.fr{float: right;}
.set-transition{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
.line-clamp,.line-clamp-two{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.line-clamp-two{-webkit-line-clamp:2;}
.white-text{color: #fff}
.text-center {text-align:center}
.text-right {text-align:right}
.text-uppercase {text-transform:uppercase}
.text-capitalize {text-transform:capitalize}
.italic{font-style: italic;}
.overflow {overflow:hidden}
.block {display:block}
.inline-block {display:inline-block;vertical-align: top}
.middle-align{vertical-align: middle;}
.relative {position:relative}
.absolute {position:absolute}
.round-border{border-radius:50%}
.gray{background: #f8f8f8}
.mobileshow{display: none}
.pcshow{display: inline-block;}
.more{padding-top: 40px;display:block;}
.more a{padding: 10px 30px;background:var(--scheme-color);border-radius: 0.4rem;line-height: 28px;display: inline-block;font-weight:300;text-transform:uppercase;font-size:14px;vertical-align: top}
.more a i{display: inline-block;vertical-align: top;line-height: 26px;font-size: 12px;color: #333;margin-left: 8px;transition: all .2s}
.more a:hover{background:var(--auxiliary-color); color: #fff;border-color: var(--auxiliary-color)}
.more a:hover i{color: #fff;margin-left: 12px;}
header{width: 100%;position: relative;z-index: 300;}
header.fixed{position: fixed;left: 0;top: -36px;box-shadow: 0 0 5px 7px #00000005}
header .top-bar{background: var(--base-color);padding-top: 6px;padding-bottom: 6px}
header .top-bar > div{margin-right: 6%}
header .top-bar > div:last-child{margin-right: 0}
header .top-bar > div span{margin-right: 5px}
header .top-bar i{width: 24px;height: 24px;line-height: 24px;background: #ffffff30;margin-right: var(--base-scpace);font-size:15px;}
header .top-bar a{line-height: 24px;font-size:13px;}
header .top-bar a:hover{color: var(--scheme-color)}
header .header{background:#fff;font-size: 0;line-height: 90px;height: 90px}
header .header .logo{width: 10%;}
header .header .logo a img{width: 85px}
header .menu{width: 72%}
header .menu > ul{display: block;height: inherit}
header .menu > ul > li{padding: 0;line-height: inherit}
header .menu > ul > li > a{font-size:18px;padding: 0 20px;font-weight:400;}
header .menu > ul > li > a i{display:inline-block;font-size: 20px;line-height: inherit;vertical-align: top;margin-left: 5px;transition:all .3s;}
header .menu > ul > li > a:hover{color: var(--base-color)}
header .menu > ul > li > a:hover i{transform: rotate(180deg)}
header .menu > ul > li > fieldset{background:#fff;width: 100%;left: 0;top: 90px;display: none;border-top: 1px #eee solid;padding-top: 50px;padding-bottom: 50px;font-size:0;}
header .menu > ul > li > fieldset ul{text-align:left;padding: 0}
header .menu > ul > li > fieldset ul:first-child li h1{font-size:40px;font-weight: 400;display: block;margin-bottom: 10px}
header .menu > ul > li > fieldset ul:first-child li p{font-size: 14px;line-height: 1.3;width: 90%;display: block;}
header .menu > ul > li > fieldset ul:first-child li a{display: inline-block;line-height: 20px;padding: 10px 25px;border-radius: 0.4rem;background:#333;color: #fff;font-size:14px;line-height: 1.5;margin-top: 40px;text-transform:uppercase;font-size:14px;}
header .menu > ul > li > fieldset ul:first-child li a i{display: inline-block;margin-left: 8px;font-size: 12px;vertical-align: top;line-height: 20px;transition:all .3s;}
header .menu > ul > li > fieldset ul:first-child li a:hover{background: var(--base-color)}
header .menu > ul > li > fieldset ul:first-child li a:hover i{margin-left: 15px}
header .menu > ul > li > fieldset ul:last-child{padding-left: 5%}
header .menu > ul > li > fieldset ul:last-child:after{content: '';position: absolute;left: 0;top: 0;height: 100%;width: 1px;background: #00000010}
header .menu > ul > li > fieldset ul:last-child li{display: block;line-height: 3;overflow: hidden;}
header .menu > ul > li > fieldset ul:last-child li a{font-size: 16px;margin-left: -20px}
header .menu > ul > li > fieldset ul:last-child li a i{width: 20px;display: inline-block}
header .menu > ul > li > fieldset ul:last-child li a:hover{margin-left: 0}
header .menu > ul > li > fieldset dl{width: 23.5%;display: inline-block;margin-right:2%}
header .menu > ul > li > fieldset dl:nth-child(4n){margin-right: 0}
header .menu > ul > li > fieldset dl a{display: block;}
header .menu > ul > li > fieldset dl a dt{display: block;overflow: hidden;box-shadow: 0 0 15px 0px #00000010;border-radius: 0.6rem}
header .menu > ul > li > fieldset dl a dt img{width: 100%;transition:all .3s;}
header .menu > ul > li > fieldset dl a:hover dt img{transform: scale(1.05);}
header .menu > ul > li > fieldset dl a dd{margin-top: 20px;font-size: 15px;line-height: 1.4;text-align: center;line-height: 20px;}
header .menu > ul > li > fieldset dl a dd i{display: inline-block;vertical-align: top;margin-right: 10px;transition:all .3s;line-height: 20px}
header .menu > ul > li > fieldset dl a:hover i{margin-right: 15px}

header .search{width: 18%;height: inherit}
header .search .icon-search{font-size: 20px;line-height: inherit;cursor: pointer;}
header .header-search-show {right: 0;top: -100%;width: 30rem;height:inherit;z-index: 41;background: #f0f0f0;transition:all .3s ease;opacity: 0;visibility: hidden;}
header .header-search-show form{display: block;font-size: 0;padding-left: 30px}
header .header-search-show form input {display: inline-block;width: 80%;line-height: 34px;margin-top: 28px;border: none;background: none;font-size: 14px;border-bottom: 1px #ddd solid;}
header .header-search-show form button {display: inline-block;width: 20%;cursor: pointer;font-size: 20px;line-height:inherit;color:#333;background:none;border:none;outline: none}
header .header-search-show form button:hover{color:var(--base-color);}
header .header-search-show.cur {top: 0;opacity: 1;visibility: visible;}
header .search .touch a{line-height: 40px;padding: 0 20px;border-radius:0.4rem;background:var(--scheme-color);font-size:14px;display:inline-block;vertical-align: middle;margin-left:calc(var(--base-scpace) * 5);font-weight: 400}
header .search .touch a i{font-size: 12px;margin-left: var(--base-scpace)}
header .search .touch a:hover{background:var(--auxiliary-color);color: #fff}

.header-show-mark.cur {display: block;opacity: 1;z-index: 100;}
.header-show-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:-1;overflow: hidden;transition:all .4s ease;background:#000000d0;opacity: 0;}

@media (max-width:1699px){
	header .menu > ul > li > a{padding: 0 16px;}
	header .menu > ul > li > fieldset ul:first-child li h1{font-size:36px;}
}
@media (max-width:1599px){
	header .menu > ul > li > a{padding: 0 15px;font-size:17px;}
	header .menu > ul > li > a i{font-size:18px;}
}
@media (max-width:1399px){
	header .header{line-height: 78px;height: 78px}
	header .header .logo a img{width: 70px}
	header .menu > ul > li > fieldset{top: 78px;}
	header .menu > ul > li > a{font-size:16px;padding: 0 12px;}
	header .menu > ul > li > fieldset ul:first-child li h1{font-size:32px;}
	header .menu > ul > li > fieldset ul:first-child li p{font-size: 13px;}
	header .menu > ul > li > fieldset ul:first-child li a{padding: 8px 20px;}
	header .search .touch a{line-height: 36px;padding: 0 14px;font-size:13px;margin-left: calc(var(--base-scpace) * 3)}
	header .menu > ul > li > fieldset dl a dd{margin-top: 15px;font-size: 14px;line-height: 18px}
	header .menu > ul > li > fieldset dl a dd i{line-height: 18px}
	header .menu > ul > li > fieldset ul:last-child li a{font-size: 14px;margin-left: -16px}
	header .menu > ul > li > fieldset ul:last-child li a i{width: 16px;}
	header .menu > ul > li > a i{font-size: 18px;}
	.more a{padding: 8px 25px;line-height: 24px;font-size:14px;}
	.more a i{line-height: 22px;;}
}
@media (max-width:1299px){
	header .menu > ul > li > fieldset ul:first-child li h1{font-size:28px;}
	header .menu > ul > li > a{font-size:15px;padding: 0 8px;}
	header .menu > ul > li > fieldset dl a dd{font-size: 13px;line-height: 16px;}
	header .menu > ul > li > fieldset dl a dd i{line-height: 16px}
	header .menu > ul > li > fieldset ul:last-child li a{font-size: 13px;margin-left: -14px}
	header .menu > ul > li > fieldset ul:last-child li a i{width: 14px;}
}
@media (max-width:1199px){
	header .products{padding:40px 3%;}
	header .menu > ul > li > fieldset ul:first-child li h1{font-size:25px;}
	header .menu > ul > li > a{font-size:14px;padding: 0 7px;}
	header .menu > ul > li > fieldset ul:first-child li a{padding: 6px 15px;font-size:13px;}
	header .menu > ul > li > fieldset ul:first-child li a i{font-size: 11px}
	header .menu > ul > li > a i{font-size: 16px;margin-left: 4px;}
	header .search .touch a{padding: 0 12px;margin-left: calc(var(--base-scpace) * 2)}
	header .search .touch a i{font-size: 11px}
	.more a{padding: 6px 20px;line-height: 20px;font-size:13px;}
	.more a i{line-height: 18px;font-size:10px}
}

@media (max-width:991px){
	:root {
	  --base-scpace: 4px;
	}
	header{height: 50px;line-height: 50px}
	header.fixed{top: -30px;}
	header .mobilemenu .togglemenu{top: 50px;}
	header .mobilemenu{text-align: right;padding-top: 10px;padding-right:0}
	header .header{line-height: 50px;height: 50px;box-shadow: 0 0 12px 0 #00000018;z-index: 5;}
	header .top-bar{padding: 3px 3%;line-height: 23px;white-space: nowrap;}	
	header .header .logo{width: 50%}
	header .header .logo a img{width: 55px}
	header .top-bar > div{margin-right: 2%}
	header .top-bar > div:nth-child(2){margin-right: 0}
	header .top-bar > div:last-child{display: none}
	header .search{width: 50%}
	header .search .icon-search{font-size: 24px}
	header .search .touch{display: none}
	header .header-search-show form input{width: 75%;margin-top: 5px;line-height: 40px;height: 40px}
	header .menu{position: absolute;width: 100%;top:50px;left: -80%;height: 100vh;background: #fff;opacity: 0;visibility: hidden;transition:all .3s;}
	header.upsroll .menu{opacity: 1;visibility: visible;left: 0}
	header .menu > ul{padding-left: 3%;padding-right: 3%;padding-top:6vh}
	header .menu > ul > li{height: auto;display: block;text-align: left;border-bottom: 1px #eee solid;}
	header .menu > ul > li > a{padding: 0;font-size:18px;position: relative;display: block;line-height: 60px}
	header .menu > ul > li > a i{font-size:22px}
	header .menu > ul > li > a i,header .menu > ul > li > a:hover i{position: absolute;right: 0;top: 0;display: inline-block;transform: rotate(-90deg);}
	header .menu > ul > li.cur > a i{transform: rotate(0);}
	header .menu > ul > li > fieldset{position: initial;padding-top: 10px;padding-bottom: 10px}
	header .menu > ul > li > fieldset .row{padding-top: 10px;padding-bottom: 10px}
	header .menu > ul > li > fieldset ul:first-child{display: none}
	header .menu > ul > li > fieldset ul:last-child{padding-left: 0}
	header .menu > ul > li > fieldset ul:last-child:after{display: none}
	header .menu > ul > li > fieldset ul:last-child li a{margin-left: 0}
	header .menu > ul > li > fieldset ul:last-child li a i{width: 20px;}
	header .menu > ul > li > fieldset dl,header .menu > ul > li > fieldset dl:nth-child(4n){width: 48%;margin-right: 4%}
	header .menu > ul > li > fieldset dl:nth-child(n+3){margin-top: 20px}
	header .menu > ul > li > fieldset dl:nth-child(2n){margin-right: 0}
	header .menu > ul > li > fieldset dl a dd.line-clamp{-webkit-line-clamp:2;}
	header .mobilemenu{display: inline-block;padding-top: 4px;padding-left: 10px}
	header .mobilemenu > a{display:inline-block;padding:10px 0;position: relative;cursor: pointer;width:45px;height:40px;text-align: center;overflow:hidden;}
	header .mobilemenu > a span,header .mobilemenu > a span:after,header .mobilemenu > a span:before {content:"";display:block;width:24px;height:3px;background:rgba(0,0,0,.8);position:absolute;top:50%;margin-top:-1px;left:6px; -webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);}
	header .mobilemenu > a span:after {margin-top:-7px;top:0;transition-delay:0.27s;}
	header .mobilemenu > a span:before {margin-top:7px;top:0;transition-delay:0.2s;}
	header .mobilemenu.click a span,header .mobilemenu.click a span:after,header .mobilemenu.click a span:before {transition-delay:0.12s;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
	header .mobilemenu.click a span:after {transition-delay:0s;}
	header .mobilemenu.click a span:before {transition-delay:0.07s;}
	header .mobilemenu > a i:before,header .mobilemenu > a i:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
	header .mobilemenu > a i:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
	header .mobilemenu > a i:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
	header .mobilemenu.click a i:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
	header .mobilemenu.click a i:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
	header.upsroll .mobilemenu a span,header.upsroll-two .mobilemenu a span,header.upsroll .mobilemenu a span:after,header.upsroll .mobilemenu a span:before,header.upsroll-two .mobilemenu a span:after,header.upsroll-two .mobilemenu a span:before{background: rgba(0,0,0,.8);}
	header .mobilemenu .togglemenu{display: block;position: fixed;top: 70px;right: -50%;background:rgba(255,255,255,.95);padding:8% 5%;width: 100%;height: 100%;visibility: hidden;opacity:0;transition: all .2s;text-align: left}
	header .mobilemenu.click .togglemenu{opacity:1;visibility: visible;right: 0;}
	header .mobilemenu .togglemenu ul li{border-bottom: 1px #ddd solid;height: 66px;position: relative;overflow:hidden;}
	header .mobilemenu .togglemenu ul li > a{width: 90%;display: block;line-height: 66px;height: 66px;font-size:20px;text-transform: uppercase;font-family: 'Poppins-bold'}
	header .mobilemenu .togglemenu ul li span{width: 100%;display: block;padding-bottom: 30px}
	header .mobilemenu .togglemenu ul li span a{line-height: 36px;display: block;width: 100%;font-size: 15px}
	header .mobilemenu .togglemenu ul li i{width: 30px;height:30px;text-align: center;line-height: 30px;position: absolute;right: 0;top:18px;color:#333;font-size: 20px;cursor: pointer;transition: all .2s}
	header .mobilemenu .togglemenu ul li.active i{transform: rotate(90deg);}
	header .mobilemenu .togglemenu ul li:last-child{border-bottom: none;text-align: center;font-size: 22px;margin-top: 10%;color:#aaa;}
	header .mobilemenu .togglemenu ul li:last-child a{width: auto;display: inline-block;font-family:'Poppins-medium';}
	header .mobilemenu .togglemenu ul li:last-child em{margin-right: 10px;vertical-align: bottom;line-height: 66px;color:#222;}
	.more a{padding: 5px 18px;line-height: 18px;font-size:12px;}
	.more a i{line-height: 18px;font-size:9px}
}
@media (max-width:767px){
	header .top-bar > div{overflow: hidden;width: 50%;text-overflow:ellipsis}
}
.banner {position: fixed;top: 0;left: 0;width: 100%}
.banner .swiper-slide{overflow: hidden}
.banner .swiper-slide .video {position: relative;width: 100%;z-index: 5;background:#000;}
.banner .swiper-slide .video video {display: block;width: 100%;height: 100vh;object-fit: cover;opacity: 0.5;}
.banner .swiper-slide .bgimg {background:#000;}
.banner .swiper-slide .bgimg img{opacity: 0.5;width: 100%;height: 100vh;object-fit: cover}
.banner .swiper-slide .text{top: 32%;z-index: 20;left: 0;width: 58%;padding-left: 8%}
.banner .swiper-slide .text h1{font-size: 65px;color: #fff;margin-bottom: 40px;display:block;margin-top: 20px;}
.banner .swiper-slide .text h2{font-size:25px;color: #fff;padding-bottom: 3px;padding-left: 18px}
.banner .swiper-slide .text h2:after{content: '';position: absolute;top: 4px;left:0;width: 4px;height:19px;background:var(--scheme-color);display: inline-block;transform:skew(-15deg);}
.banner .swiper-slide .text h3{font-size:16px;color:#fff;line-height: 1.8;font-weight:300;}
.banner .swiper-slide .text h4 a{display: inline-block;background:var(--base-color);border:1px var(--base-color) solid;color: #fff;font-size: 16px;padding: 12px 30px;margin-top: 5%;border-radius:0.4rem;font-weight: 300}
.banner .swiper-slide .text h4 a i{margin-left: 10px;vertical-align:text-top;font-size: 20px;line-height: 20px}
.banner .swiper-slide .text h4 a i.icon-jt{font-size:12px;}
.banner .swiper-slide .text h4 a:last-child{background:none;border-color: #ffffff90;margin-left: 20px}
.banner .swiper-slide .text h4 a:hover,.banner .swiper-slide .text h4 a:last-child:hover{background: var(--scheme-color);border-color: var(--scheme-color)}
.banner .swiper-slide .text h1{transform:translateY(200px);opacity:0;transition:all .6s .4s;}
.banner .swiper-slide .text h2{transform:translateY(200px);opacity:0;transition:all .3s .3s;}
.banner .swiper-slide .text h3{transform:translateY(200px);opacity:0;transition:all .9s .5s;}
.banner .swiper-slide .text h4{transform:translateY(200px);opacity:0;transition:all 1s .6s;}
.banner .swiper-slide-active .text h1,.banner .swiper-slide-active .text h2,.banner .swiper-slide-active .text h3,.banner .swiper-slide-active .text h4{transform:translateY(0px);opacity:1;}
.banner .mouse {width: 20px;height: 36px;border: 2px solid #fff;bottom:6%;left:50%;transform: translateX(-50%);border-radius: 12px;z-index: 999;opacity:0.4;}
.banner .mouse:after {content: "";position: absolute; height: 7px;width: 2px;background-color: #fff;border-radius: 100%;left: 50%;margin-left: -1px;top: 5px; -webkit-animation: rotateplane 1.2s infinite ease-in-out;animation: rotateplane 1.2s infinite ease-in-out;}
@keyframes rotateplane{ 
    0%{transform: translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px)}
    100%{transform: translateY(5px);-ms-transform:translateY(5px);-moz-transform:translateY(5px);-webkit-transform:translateY(5px);-o-transform:translateY(5px)}
}
.banner .swiper-button-prev,.banner .swiper-button-next{top: 50%;transform: translateY(-50%);margin-top: 60px}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{opacity: 0.2}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 120px}
.banner .swiper-pagination-bullet {position: relative;z-index: 11;overflow: hidden;background:#ffffff50;width:55px;height: 4px;border-radius:2px;}
.banner .swiper-pagination-bullet:after {content: '';display: block;position: absolute;left:0;top: 0px;width:0;height: 5px;z-index: 10;background: #fff}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after {-webkit-animation: w100 8000ms 1;animation: w100 8000ms 1;}
/*.banner .swiper-pagination-bullet-active:first-child:after {-webkit-animation: w100 19000ms 1;animation: w100 19000ms 1;}*/
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{color: #fff;font-size: 30px;}


@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
.postfix img{width: 100%;height: 100vh}
@media (max-width:1600px){
	.banner .swiper-slide .text{width: 68%;}
	.banner .swiper-slide .text h1{font-size: 58px;margin-bottom: 55px}
	.banner .swiper-slide .text h2{font-size: 24px}
	.banner .swiper-slide .text h3{font-size: 15px;line-height: 25px}
	.banner.ban-product .swiper-slide .img {top: 23%;right: 0}
	.banner.ban-product .swiper-slide .img img{width:75%;}
}
@media (max-width:1399px){
	.banner .video,.banner .bgimg,.inner-banner .bgimg{position: relative;}
	.banner .video:after,.banner .bgimg:after,.inner-banner .bgimg:after{height:80vh;content:'';display:block}
	.banner .swiper-slide .video video,.banner .swiper-slide .bgimg img,.inner-banner .bgimg img{position:absolute;left:50%;height:100%;width:auto;max-width:initial;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.banner .swiper-slide .text{top: 32%;width: 75%;padding-left: 8%}
	.banner .swiper-slide .text h1{font-size: 48px;margin-bottom: 45px}
	.banner .swiper-slide .text h2{font-size: 22px}
	.banner .swiper-slide .text h3{font-size: 14px;line-height: 22px}
	.banner .swiper-slide .text h4 a{padding: 10px 28px;font-size: 15px;margin-top: 4%}
	.banner .swiper-slide .text h4 a i{margin-left: 10px;vertical-align:text-top;font-size: 20px;line-height: 20px}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 100px}
	.postfix img{height:calc(80vh - 126px)}
}

@media (max-width:1299px){
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px}
	.banner .mouse{left:auto;right: 3%}
}

@media (max-width:1199px){
	.note{padding: 25px 0}
	.note .hot-icon{width: 17%}
	.note .hot-text{width: 75%}
	.banner .video:after,.banner .bgimg:after,.inner-banner .bgimg:after{height:60vh;}
	.banner .swiper-slide .text{top: 35%;width: 88%;padding-left: 3%}
	.banner .swiper-slide .text h1{font-size: 40px;margin-bottom: 30px}
	.banner .swiper-slide .text h2{font-size: 20px}
	.banner .swiper-slide .text h3{font-size: 13px;line-height: 18px}
	.banner .swiper-slide .text a{padding: 5px 15px;font-size: 12px}
	.banner .swiper-slide .text a i{font-size: 14px;}
	.postfix img{height:calc(60vh - 115px)}
}
@media (max-width:991px){
	.mobileshow{display: block;}
	.pcshow{display: none}
	.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 25px;}
	.banner .swiper-button-next,.banner .swiper-button-prev{top: 45%}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px}
	.banner .swiper-slide .text{top:35%;width: 94%;}
	.banner .swiper-slide .text h1{font-size: 32px;margin-bottom: 20px}
	.banner .swiper-slide .text h2{font-size: 18px;padding-left: 15px}
	.banner .swiper-slide .text h2:after{height:12px;}
	.banner .swiper-slide .text h3{font-size: 13px;}
	.banner .swiper-slide .text h4 a{padding: 6px 20px;font-size: 13px;}
	.banner .swiper-slide .text h4 a i{margin-left: 5px;font-size: 14px;line-height: 20px}
	.banner .swiper-slide .text h4 a i.icon-jt{font-size:10px;}
	.inner-banner .text h1{font-size: 35px;line-height:40px;padding-bottom: 0}
	.inner-banner .text h2{font-size:20px;}
	.banner .swiper-pagination-bullet{width: 30px;height: 3px}
	.banner .swiper-pagination-bullet-active{width: 50px}
	.postfix img{height: 50vh}
	.note .hot-text h1{font-size: 18px;line-height: 23px;padding-bottom: 5px}
	.note .hot-text h3{font-size: 14px;line-height: 20px}
	.note{margin-top: -20px}
	.banner .mouse{display: none}
	.postfix img{height:calc(60vh - 50px)}
}
@media (max-width:767px){
	.note .hot-icon{display: none}
	.note .hot-text{width: 100%;padding: 0 5%}
	.note{padding: 15px 0}
	.note .hot-text h3{font-size: 13px;line-height: 16px}
	.banner .swiper-slide .text h1{font-size: 20px;margin-bottom: 20px}
	.banner .swiper-slide .text h1:after{width: 50px;height: 2px;}	
	.banner .swiper-slide .text h2{font-size: 16px}
	.banner .swiper-button-next,.banner .swiper-button-prev{top: 55%}
	.banner .video:after,.banner .bgimg:after,.inner-banner .bgimg:after{height:45vh;}
	.postfix img{height:calc(45vh - 50px)}
	.inner-banner .bgimg:after{height: 35vh}
	.inner-banner .text h1{font-size: 30px;}
}

.comm-title{display: block}
.comm-title h1{font-size:50px;line-height: 60px;display: block;color: #111}
.comm-title h3{padding-top:20px;color:#444;font-size: 16px;line-height:1.5;font-weight: 300}

.comm-padding{padding-top: 90px;padding-bottom: 90px}
@media (max-width:1499px){
	.comm-padding{padding-top:70px;padding-bottom: 70px}
	.submenu ul li a{font-size: 15px;padding: 20px 40px}
	.comm-title h1{font-size:40px;line-height: 50px;}
	.comm-title h3{font-size: 15px;}
}
@media (max-width:1199px){
	.comm-padding{padding-top: 50px;padding-bottom: 50px}
	.submenu ul li a{font-size: 15px;padding: 20px}
	.comm-title h1{font-size:30px;line-height: 40px;}
	.comm-title h3{font-size: 14px;}
}
@media (max-width:991px){
	.comm-padding{padding-top: 30px;padding-bottom: 30px}	
	.submenu ul li a{font-size: 15px;padding: 15px}
	.comm-title h1{font-size:25px;line-height: 30px;}
	.comm-title h3{font-size: 13px;padding-top:10px;}
}
@media (max-width:767px){
	.comm-title.set-left .title h2{font-size: 18px;padding: 20px 0}
	.submenu ul li a{font-size: 14px;padding: 12px}
	.comm-title h1{font-size:20px;line-height:25px;}
}

.line-icon{padding-top: 60px}
.line-icon i{width: 50px;height: 50px;line-height: 50px;border:1px #ffffff60 solid;color: #fff;font-size:25px;background:#ffffff10;}
.line-icon:after{content: '';position: absolute;left: 25px;top: 0;width:1px;height: 60px;background:#ffffff60;}
.home-about{background:url(../images/videobg.webp) no-repeat center bottom var(--base-color);background-size: 100% auto}
.home-about .about-padding,.why-choose-us .why-padding{padding-top: 90px;padding-bottom:70px}
.home-about .row,.why-choose-us .row{margin-top: 60px}
.home-about .row > div,.why-choose-us .row > div{padding: 0}
.home-about .row .comm-title h1,.why-choose-us .row .comm-title h1{color: #fff}
.home-about .row .about-intro{padding-left: 8%;display:block;color: #fff}
.home-about .row .about-intro p{font-size: 19px;font-weight: 400;padding-top: 5px;line-height: 1.8}
.home-about .num-block{padding-top: 0px;padding-bottom: 35px}
.home-about .num-block dl{padding:20px;white-space: nowrap;}
.home-about .num-block dl dt{font-size: 80px;line-height:80px;color:var(--base-color);display: inline-block;vertical-align: middle;margin-right: 10px}
.home-about .num-block dl dd{display: inline-block;vertical-align: middle;line-height: 1}
.home-about .num-block dl dd b,.home-about .num-block dl dd span{font-size: 35px;font-weight: 500;color: #222}
.home-about .num-block dl dd sup{font-size: 16px;top:-13px;left: 5px}
.home-about .num-block dl dd p{display: block;margin-top:5px;font-size:15px;color: #555;font-weight: 400}
.home-about .video img{width: 100%;border-radius:1rem;}
.home-about .video i{left: 50%;top: 50%;transform: translate(-50%,-50%);width:110px;height: 110px;line-height: 110px;text-align: center;font-size:40px;color: #fff;background: #ffffff20;border:2px #ffffff90 solid;cursor: pointer;}
.home-about .video i:before{margin-left: 5px}
.home-about .video i:hover{background:#ffffff40;}
.uw-index-about-video{background: #000;position: fixed;left: 0;top: 0;z-index: 1999;width: 100%;height: 100%;transform:translateY(0);display: block;transition:all .4s ease;z-index: 1400;}
.uw-index-about-video.cur {display: block;transform:translateY(-100%);}
.uw-index-about-video video{position: absolute;width: 100%;height: 100%;margin: auto;left: 0;top: 0;}
.uw-close {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transition-duration: 0.5s;z-index: 1000;}
.uw-close i{color: #fff;font-size: 25px;opacity: 0.8;}
.uw-close:hover i{opacity: 1;}

@media (max-width:1399px){
	.home-about{padding-top:0}
	.home-about .row .about-intro p{font-size: 16px;}
	.home-about .about-padding,.why-choose-us .why-padding{padding-top: 70px;padding-bottom:60px}
	.home-about .video i{width:90px;height: 90px;line-height: 90px;font-size:35px}
	.home-about .row,.why-choose-us .row{margin-top: 40px}
	.why-choose-us .row{margin-top: 30px}
	.home-about .num-block dl dt{font-size: 60px;line-height:60px;}
	.home-about .num-block dl dd b,.home-about .num-block dl dd span{font-size: 30px;}
	.home-about .num-block dl dd sup{font-size: 15px;top:-10px;left: 4px}
	.home-about .num-block dl dd p{font-size:14px;}
	.line-icon{padding-top: 50px}
	.line-icon i{width: 40px;height: 40px;line-height: 40px;font-size:22px;}
	.line-icon:after{left: 20px;height: 50px;}
}
@media (max-width:1199px){
	.home-about .about-padding{padding-bottom: 40px}
	.why-choose-us .row{margin-top: 15px}
	.home-about .row .about-intro p{font-size: 15px;line-height: 1.3}
	.home-about .num-block dl dt{font-size: 50px;line-height:50px;}
	.home-about .num-block dl dd b,.home-about .num-block dl dd span{font-size: 25px;}
	.home-about .num-block dl dd sup{font-size: 14px;top:-10px;left: 4px}
	.home-about .num-block dl dd p{font-size:13px;}
	.home-about .video i{width:70px;height: 70px;line-height: 70px;font-size:30px}
	.home-about .more{padding-top: 30px;margin-bottom: 20px}
	.home-about .more a{padding:4px 20px}
	.line-icon{padding-top: 40px}
	.line-icon:after{height: 40px;}
}
@media (max-width:991px){
	.home-about {background-size: auto 45%;}
	.home-about .about-padding{padding-bottom: 20px}
	.home-about .num-block dl dt{font-size: 40px;}
	.home-about .row .about-intro{padding-left: 0}
	.home-about .row .about-intro p{font-size: 14px;}
	.home-about .video i{width:60px;height: 60px;line-height: 60px;font-size:25px}
	.line-icon{padding-top: 30px}
	.line-icon:after{height: 30px;}
}

@media (max-width:767px){
	.home-about .row{margin-top: 10px}
	.home-about .video i{width:50px;height: 50px;line-height: 50px;font-size:22px}
	.home-about .num-block{padding-bottom: 15px}
	.home-about .num-block dl{padding:12px;}
	.home-about .num-block dl dt{display: block;margin-bottom: 8px}
	.home-about .num-block dl dd{display: block;}
	.home-about .num-block dl dd b,.home-about .num-block dl dd span{font-size: 22px;}
	.home-about .num-block dl dd sup{top:-6px;}
	.home-about .row .about-intro p{font-size: 13px;}
}

.home-product{background: #fff;}
.home-product .home-prut-swiper {padding-top: 50px;padding-bottom: 80px}
.home-product .home-prut-swiper dl dt{display: block;}
.home-product .home-prut-swiper dl dt a img{width: 100%;border-radius:1rem}
.home-product .home-prut-swiper dl dt a i{left: 50%;bottom:-50px;background: #fff;width: 100px;height: 100px;transform:translateX(-50%);box-shadow: 0 0 10px 6px #00000020;font-size:60px;color:var(--base-color);text-align: center;line-height: 100px;transition: all .3s}
.home-product .home-prut-swiper dl dt a:hover i{box-shadow: 0 0 10px 6px #00000040;}
.home-product .home-prut-swiper dl dd{display: block;padding-top: 80px}
.home-product .home-prut-swiper dl dd h1{font-size:35px;}
.home-product .home-prut-swiper dl dd h2{font-size:25px;font-weight: 400;display: block;margin-bottom: 20px;margin-top: 10px}
.home-product .home-prut-swiper dl dd p{font-size:16px;}
.home-product .home-prut-swiper dl dd .more a{background:#333;color: #fff;}
.home-product .home-prut-swiper dl dd .more a i{color: #fff}
.home-product .home-prut-swiper dl dd .more a:hover{background:var(--scheme-color);}
.home-product .swiper-pagination-bullet {width: 7px;height: 7px;border-radius: 5px;background:var(--base-color);transition:all .3s;}
.home-product .swiper-pagination-bullet-active{width: 40px;}
@media (max-width:1399px){
	.home-product .home-prut-swiper {padding-top: 40px;padding-bottom: 60px}
	.home-product .home-prut-swiper dl dt a i{bottom:-40px;width: 80px;height: 80px;line-height: 80px;font-size:50px;}
	.home-product .home-prut-swiper dl dd{padding-top: 60px}
	.home-product .home-prut-swiper dl dd h1{font-size:30px;}
	.home-product .home-prut-swiper dl dd h2{font-size:20px;}
}
@media (max-width:1199px){
	.home-product .home-prut-swiper {padding-top: 30px;padding-bottom: 50px}
	.home-product .home-prut-swiper dl dt a i{bottom:-30px;width: 60px;height: 60px;line-height: 60px;font-size:40px;}
	.home-product .home-prut-swiper dl dd{padding-top: 50px}
	.home-product .home-prut-swiper dl dd h1{font-size:28px;}
	.home-product .home-prut-swiper dl dd h2{font-size:18px;}
	.home-product .home-prut-swiper dl dd p{font-size:15px;}
}
@media (max-width:991px){
	.home-product .home-prut-swiper {padding-top: 20px;}
	.home-product .home-prut-swiper dl dt a i{bottom:-30px;width: 60px;height: 60px;line-height: 60px;font-size:40px;}
	.home-product .home-prut-swiper dl dd h1{font-size:22px;}
	.home-product .home-prut-swiper dl dd h2{font-size:16px;}
	.home-product .home-prut-swiper dl dd p{font-size:13px;line-height: 1.1}
}

.why-choose-us{background:url(../images/whyus.webp) no-repeat top #fff;background-size: 100% auto;}
.why-choose-us .why-padding {padding-bottom: 0}
.why-choose-us .why-intro{padding-bottom: 80px}
.why-choose-us .why-intro dl dt{display: block;}
.why-choose-us .why-intro dl dt h1{font-size:30px;color: #fff;font-weight: 400}
.why-choose-us .why-intro dl dd{display: block;margin-top: 20px;font-size:16px;color: #ffffffb0;line-height: 1.6}
.why-choose-us .why-intro .swiper-pagination-bullet{width: 7px;height: 7px;border-radius:5px;background:#fff;transition: all .3s}
.why-choose-us .why-intro .swiper-pagination-bullet-active{width: 40px;}
.why-choose-us .project-list dl{background: var(--base-color)}
.why-choose-us .project-list dl dt,.why-choose-us .project-list dl dd{padding: 0}
.why-choose-us .project-list dl dt img{width: 100%;}
.why-choose-us .project-list dl dd{padding:90px 70px}
.why-choose-us .project-list dl dd h2{color: #fff;display: inline-block;margin-bottom: 30px;position: relative;padding-right: 50px;}
.why-choose-us .project-list dl dd h2:after{content: '';position:absolute;right: 0;top: 50%;transform:translateY(-50%);width: 40px;height: 2px;background: #fff}
.why-choose-us .project-list dl dd ul{padding: 35px 0 25px 0;border-bottom: 1px #ffffff60 solid;border-top: 1px #ffffff60 solid;display: grid;grid-template-columns:1fr 6fr 6fr;gap:10px;}
.why-choose-us .project-list dl dd ul li{color: #fff;font-size:16px;line-height: 25px}
.why-choose-us .project-list dl dd ul li i{font-size: 45px;margin-top: -5px;display: inline-block}
.why-choose-us .project-list dl dd ul li h1{font-size:60px;line-height: 60px}
.why-choose-us .project-list dl dd ul li:last-child{font-style: italic;font-size: 15px}
.why-choose-us .project-list dl dd p{color: #ffffffd0;font-size:16px;line-height:1.8;display: block;margin-top: 20px;margin-bottom: 20px}
.why-choose-us .project-list .swiper-button-prev,.why-choose-us .project-list .swiper-button-next{width: 50px;height: 50px;background: #ffffff30;border-radius: 50%;text-align: center;line-height: 50px;color: #fff;font-size:15px;transition: all .3s;margin-top: 0}
.why-choose-us .project-list .swiper-button-prev:after,.why-choose-us .project-list .swiper-button-next:after{display: none}
.why-choose-us .project-list .swiper-button-prev:hover,.why-choose-us .project-list .swiper-button-next:hover{background: #ffffff70}
.why-choose-us .project-list .swiper-button-next{transform: rotate(180deg);}
@media (max-width:1399px){
	.why-choose-us .project-list dl dd{padding:80px 60px}
	.why-choose-us .why-intro dl dt h1{font-size:25px;}	
}
@media (max-width:1199px){
	.why-choose-us{background-size: 130% auto;}
	.why-choose-us .why-intro{padding-bottom: 60px}
	.why-choose-us .why-intro dl dt h1{font-size:22px;}
	.why-choose-us .why-intro dl dd{margin-top: 15px;font-size:15px;}
	.why-choose-us .project-list dl dd{padding:70px 50px}
	.why-choose-us .project-list dl dd h2{font-size:25px;margin-bottom: 20px}
	.why-choose-us .project-list dl dd p{font-size:15px;line-height:1.4;}
}
@media (max-width:991px){
	.why-choose-us{background-size: auto 60%;}
	.why-choose-us .project-list .swiper-button-prev,.why-choose-us .project-list .swiper-button-next{width: 40px;height:40px;top: 28%}
	.why-choose-us .why-padding .row > div:last-child{padding-top: 30px}
	.why-choose-us .project-list dl dd{padding:50px 40px}
	.why-choose-us .project-list dl dd h2{font-size:22px;margin-bottom: 10px;}
	.why-choose-us .why-intro dl dt h1{font-size:16px;}
	.why-choose-us .why-intro dl dd{font-size:13px;}
	.why-choose-us .project-list dl dd p{font-size:14px}
	.why-choose-us .more{padding-top:20px}
}
@media (max-width:767px){
	.why-choose-us .project-list dl dd h2{font-size:18px;margin-bottom: 0px;}
	.why-choose-us .project-list dl dd{padding:20px}
	.why-choose-us .why-intro dl dt h1{font-size:14px;}
	.why-choose-us .project-list dl dd p{font-size:13px}
	.why-choose-us .more{padding-top:10px }
}

.home-news{background:#fff;}
.home-news .row > div{padding: 0}
.home-news .news-list{padding-top: 50px;padding-bottom: 50px;margin-bottom: 30px}
.home-news .news-list dl{font-size: 0;background: #fff;padding-bottom: 10px;margin-bottom: 0}
.home-news .news-list dl a dt{display:block;border-radius: 1rem;overflow: hidden;}
.home-news .news-list dl a dt img{width: 100%;}
.home-news .news-list dl a dd{display: block;padding-top: 30px}
.home-news .news-list dl a dd h2{font-size: 20px;line-height: 1.5;margin-bottom: 40px}
.home-news .news-list dl a dd h4{font-size:14px;color: #999;padding-left:15px;line-height: 1.6;font-weight:400;margin-bottom: 20px}
.home-news .news-list dl a dd h4:after{content: '';position: absolute;left: 0;top: 2px;height: 15px;width: 3px;background: var(--base-color)}
.home-news .news-list dl a dd p{display:block;font-size: 18px;line-height: 1.5;color: #999}
.home-news .news-list dl a dd em{display:block;font-size: 16px;font-weight: 400;color: #aaa}
.home-news .row .swiper-button-next,.home-news .row .swiper-button-prev{right: 0;left: auto;width:50px;height: 50px;background: #666;color: #fff;border-radius: 50%;font-size:20px;transition: all .3s}
.home-news .row .swiper-button-next:after,.home-news .row .swiper-button-prev:after{display: none}
.home-news .row .swiper-button-next:hover,.home-news .row .swiper-button-prev:hover{background:#333;}
.home-news .row .swiper-button-prev{right: 60px}
.home-news .news-list .swiper-pagination{bottom:0;top: auto;}
.home-news .news-list .swiper-pagination-progressbar{background:#00000010;}
.home-news .news-list .swiper-pagination-progressbar-fill{background:#00000060;}
@media (max-width:991px){
	.home-news .row .swiper-button-next,.home-news .row .swiper-button-prev{left: 0;right: auto;width: 30px;height: 30px;line-height: 30px;font-size:16px;top: 35px}
	.home-news .row .swiper-button-next{left: 35px}
	.home-news .news-list{padding-top: 70px;padding-bottom: 20px;margin-bottom: 0}
	.home-news .news-list dl a dd h2{font-size: 18px;line-height: 1.2;}
	.home-news .news-list dl a dd h4{font-size:13px;}
	.home-news .news-list dl a dd em{font-size: 14px;}
}
@media (max-width:767px){
	.home-news .news-list dl a dd h2{font-size: 16px;}
}
.inner-banner{display: block;position: relative;overflow: hidden;}
.inner-banner .banner-contents{display: block;position: absolute;width: 100%;left: 50%;top:45%;z-index: 50;transform:translate(-50%,-50%);text-align:center;}
.inner-banner .banner-contents .local{display: block;color:#fff;margin-top: 30px}
.inner-banner .banner-contents .local a{color:#fff;font-size: 16px;line-height: 30px;font-weight:200}
.inner-banner .banner-contents .local a:hover{color: var(--scheme-color);text-decoration: none}
.inner-banner .banner-contents .local i{display: inline-block;line-height: 30px;margin:0 2px;font-size:16px;vertical-align: top}
.inner-banner .banner-contents .text{display: block;}
.inner-banner .banner-contents .text h1{color:#fff;font-size: 55px;font-weight:400;position: relative;padding-bottom: 20px;text-transform:uppercase;}
.inner-banner .banner-contents .text h1:after{content: '';position: absolute;background:url(../images/shape.png) no-repeat center;width: 76px;height: 3px;left: 50%;bottom: 0;transform:translateX(-50%);}
.inner-banner .banner-contents .text h4{color: #ffffff90;display: block;margin-top: 20px;font-weight: 200}
.inner-banner .bgimg{display: block;background:#000;}
.inner-banner .bgimg img{width: 100%;opacity: 0.5;}
.inner-banner .arror_scroll {display: inline-block;cursor: pointer;position: absolute;bottom: 80px;left: 50%;transform: translateX(-50%);}
.inner-banner .arror_scroll i{font-size:24px;color: #ffffffa0; display: inline-block;-webkit-animation: rotateplane 1.2s infinite ease-in-out;animation: rotateplane 1.2s infinite ease-in-out;}
@keyframes rotateplane {
	0% {-webkit-transform: translateY(0);transform: translateY(0); }
	50% {-webkit-transform: translateY(20px);transform: translateY(20px); }
	100% {-webkit-transform: translateY(0);transform: translateY(0); } 
}
@media screen and (max-width: 1699px) {
	.inner-banner .banner-contents{top:40%;}
	.inner-banner .banner-contents .text{margin-top: 6%;}
}
@media screen and (max-width: 1499px) {
	.inner-banner .banner-contents .text h1{font-size: 40px;}
}
@media screen and (max-width: 1299px) {
	.inner-banner .banner-contents .text{margin-top: 60px;}
	.inner-banner .banner-contents .text h1{font-size: 30px;}
	.inner-banner .bgimg:after{height:390px;content:'';display:block}
	.inner-banner .bgimg img{position:absolute;left:50%;height:100%;width:auto;max-width:initial;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@media screen and (max-width: 991px) {
	.inner-banner .bgimg:after{height:30vh;}
	.inner-banner .banner-contents .text h1{font-size: 20px;padding-bottom: 10px}
	.inner-banner .banner-contents .text h1:after{width: 50px;background-size: 100% auto}
	.inner-banner .banner-contents .local{margin-top: 20px}
	.inner-banner .banner-contents .local a{font-size:13px;line-height: 20px}
	.inner-banner .banner-contents .local i{line-height: 22px;font-size:13px}
}

.sub-local{display:block;margin-top: -15px;position:relative;z-index: 5;text-align: center;white-space: nowrap;}
.sub-local li{display: inline-block;vertical-align: middle;margin: 0 3px;margin-bottom: 70px;}
.sub-local li a{font-size: 18px;border-radius:0.4rem;background:#fff;color: #222;text-transform: capitalize;font-weight: 400;border-right: 1px solid #ddd;transition: .5s; margin: 0 1px; box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1);border: 0;padding: 22px 50px;border-bottom: 2px solid transparent;}
.sub-local li a.active,.sub-local li a:hover{border-color:var(--scheme-color);color: #fff;background:var(--base-color)}
@media screen and (max-width:1499px){
	.sub-local li{margin-bottom: 55px}
	.sub-local li a{font-size: 16px;padding: 18px 40px;}
}
@media screen and (max-width:1199px){
	.sub-local li{margin-bottom: 45px}
	.sub-local li a{font-size: 15px;padding: 16px 30px;}
}
@media screen and (max-width:767px){
	.sub-local li{margin-bottom: 35px;margin: 0 1px;}
	.sub-local li a{font-size: 13px;padding: 8px 12px;}
}

.location{background: #f8f8f8;border-top: 1px #dedede solid;line-height: 30px;padding-top: 0}
.location.white-bg{background: #fff;border-top-color: #eee}
.location .container{padding-top: 15px;padding-bottom: 15px}
.location i{line-height: 30px;display: inline-block;font-size:18px;vertical-align: top;margin-right: 3px}
.location em{font-style:normal;line-height: 30px;}
.location a{margin:0 10px;display: inline-block;line-height:30px;}
.location span{padding-left: 8px}
@media screen and (max-width:991px){
	.location{padding-top: 30px}
	.location i{font-size:16px;}
}
.inner-about{background: url(../images/comy_bg.webp) no-repeat left top;margin-top: -85px;padding-top: 150px}
.inner-about .comm-title{padding:0}
.inner-about .row:last-child{align-items:end;}
.inner-about .row > div{padding:0;}
.inner-about .row .alignend{align-self: end}
.inner-about .about-block{padding-right: 10%;display: block;}
.inner-about .comm-title{left: 0;top: 0}
.inner-about .about-block > p{font-size: 18px;display:block;margin-bottom: 20px;}
.inner-about .about-block dl{display: block;border-bottom: 1px #eee solid;margin-bottom: 20px;padding-bottom: 20px;position: relative}
.inner-about .about-block dl:after{content: '';position: absolute;left: 0;bottom: -1px;width: 50px;height: 1px;background:var(--auxiliary-color);transition:all .3s;}
.inner-about .about-block dl:hover:after{width: 100%}
.inner-about .about-block dl:last-child{margin-bottom: 0}
.inner-about .about-block dl dt{font-size: 25px;display: none;}
.inner-about .about-block dl dd{display: block;margin-bottom: 0;font-size: 45px;font-weight: 500;color: var(--base-color);line-height: 50px;}
.inner-about .about-block dl dd sup{font-size: 14px;color: #666;left: 5px;line-height:65px;vertical-align:text-bottom;}
.inner-about .about-block dl dd p{font-size: 16px;color: #333;display: block;padding: 0;margin-bottom: 0;text-transform:capitalize;}
.inner-about .about-block dl dd em{font-size: 14px;font-style:normal;color: #666;display: block;}
.inner-about .about-intro p{display: block;padding-top: 30px;font-size: 18px;line-height: 28px}
.inner-about .about-intro p:last-child{margin-bottom:0;}
.inner-about .about-intro a{display: inline-block;margin-bottom: 50px;border-radius: 3px;padding:10px 40px;font-size: 16px;color: #fff;background:var(--base-color);text-transform: uppercase;}
.inner-about .about-intro a i{margin-left: 10px;transition: all .3s;font-size: 22px;vertical-align: sub;}
.inner-about .about-intro a:hover{background: #333;padding:10px 50px;}
.inner-about .about-intro a:hover i{margin-left: 20px}
.inner-about .row > div.about-img{padding-top:0px}
.inner-about .row > div.about-img video{border-radius:1rem;margin-bottom: 30px}
.inner-about .row > div.about-img p{display: block;font-size: 16px;line-height: 1.6}
.inner-about .about-img img{width: 100%;border-radius:15px}

@media screen and (max-width:1599px) {
	.inner-about .about-block dl dd{font-size: 40px;line-height: 1.6;}
}
@media screen and (max-width:1399px) {
	.inner-about .comm-title h1{line-height: 60px;}
	.inner-about .comm-title h3{padding-top:5px;width: 80%;}
	.inner-about .about-block dl dd{font-size: 35px;;}
	.inner-about .about-block dl dd p{font-size: 15px;}
}
@media screen and (max-width:1299px) {
	.inner-about .about-block dl dd{font-size: 25px;}
	.inner-about .about-intro p{font-size: 16px;margin-bottom: 10px;padding-top: 20px;line-height:1.4;}
}
@media screen and (max-width:991px) {
	.inner-about{padding-top: 120px}
	.inner-about .about-block dl dd{font-size: 22px;}
	.inner-about .about-intro p,.inner-about .row > div.about-img p{font-size: 14px;line-height:1.4;margin-bottom: 5px;padding-top: 0}
	.inner-about .about-block dl dd p{font-size:14px;font-weight: 300}
	.inner-about .about-block{padding-right: 6%;margin-top: -100px}
}
@media screen and (max-width:767px) {
	.inner-about .comm-title{position: initial;width: 100%}
	.inner-about .comm-title h1{line-height: 30px}
	.inner-about .comm-title h3{margin-bottom: 30px;width: 100%}
	.inner-about .about-block{padding-right:0;margin-top: 0;padding-bottom: 30px}
	.inner-about .about-intro p,.inner-about .row > div.about-img p{font-size: 13px}
}



.inner-factory{background:url(../images/factory_bg.webp) no-repeat center center;background-size: cover}
.inner-factory .comm-title{padding-bottom: 30px}
.inner-factory .comm-title h1{color: #fff}
.inner-factory .row {margin-left: -30px;margin-right: -30px}
.inner-factory .swiper-wrapper {margin-top: 1%;padding-bottom: 80px}
.inner-factory .factories-item {float: left;width: 40%;border-radius: 1rem;overflow: hidden;}
.inner-factory .factories-item.item1 {width: 51.5%;margin-right:0.7%;}
.inner-factory .factories-item.item2,.inner-factory .factories-item.item3 {width: 25%;}
.inner-factory .factories-item.item2 {margin-bottom: 1.2rem;}
.inner-factory .factories-item.item4 {position: absolute;right: 0;top: 0;width: 22.22%;height: 100%;}
.inner-factory .factories-item.item4 .pic img {height: 100%;}
.inner-factory .factories-item a {display: block;width: 100%;height: 100%;position: relative;}
.inner-factory .factories-item a .text-1 {position: absolute;left: 0;bottom: 0;z-index: 11;background:var(--scheme-color);border-radius: 0 2rem 0 0;transition: .3s}
.inner-factory .factories-item a .text-1 strong{padding: 1rem 2rem;text-align: center;display: block;transition: .3s;}
.inner-factory .factories-item a:hover .text-1{background: var(--base-color)}
.inner-factory .factories-item a:hover .text-1 strong{color: #fff}
.inner-factory .factories-item .pic {width: 100%;height: 100%;background-size:cover;background-position:center;}
.inner-factory .swiper-pagination-bullet {width: 7px;height: 7px;border-radius: 5px;background: #fff;transition:all .3s;}
.inner-factory .swiper-pagination-bullet-active{width: 40px;background: #fff}
@media(max-width:991px){
	.inner-factory .factories-item {margin: 1% 0;}
	.inner-factory .factories-item.item1 {width: 100%;}
	.inner-factory .factories-item.item2, .inner-factory .factories-item.item3 {width: 49%;margin-bottom: 1%;}
	.inner-factory .factories-item.item3 {margin-left: 2%;}
	.inner-factory .factories-item.item4 {position: relative;right: auto;top: auto;width: 100%;height: 100%;}
}


.inner-certificate .certificate {overflow: hidden;}
.inner-certificate .certificate-content {background: #f7f7f7;border-radius: 2rem;overflow: hidden;}
.inner-certificate .certificate-content .index-blog-type{display: block;padding-top: 30px;padding-bottom: 20px}
.inner-certificate .certificate-content .index-blog-type a {display: inline-block;color: #000;padding: 1rem 2rem;border-radius: 2rem;border: 1px solid #ededed;margin-left: 1rem;}
.inner-certificate .certificate-content .index-blog-type a.cur {background:var(--scheme-color);border: 1px solid var(--scheme-color);}
.inner-certificate .certificate-content .index-blog-type a:hover{background:var(--base-color);border: 1px solid var(--base-color);color: #fff}
.inner-certificate .certificate-swiper{padding-top: 50px}
.inner-certificate .certificate-swiper dl{display: block;}
.inner-certificate .certificate-swiper dl a{display: block;}
.inner-certificate .certificate-swiper dl dt{padding: 30px;background-color:#fff;border-radius:1rem;display: block;}
.inner-certificate .certificate-swiper dl dt div{display: block;background-size:auto 100%;background-repeat: no-repeat;background-position: center top}
.inner-certificate .certificate-swiper dl dt img{width: 100%}
.inner-certificate .certificate-swiper dl dd{display: block;text-align: center;font-size:18px;font-weight: 400;color: #000;padding-top: 30px}

.inner-culture{background:url(../images/culture_bg.webp) no-repeat fixed;background-size:cover;}
.inner-culture .comm-title h1{color: #fff}
.inner-culture .culture-list{margin-left: -20px;margin-right: -20px;padding-top: 30px}
.inner-culture .culture-list > div{padding: 20px;}
.inner-culture .culture-list > div dl{border-radius: 1rem;padding:40px;display: block;height: 100%;transition:.3s;cursor: pointer;box-shadow:5px 5px 18px 0 #00000008;background: #fff}
.inner-culture .culture-list > div dl dt{display: block;font-size:50px;color:var(--base-color)}
.inner-culture .culture-list > div dl dd{display: block;margin-top:80px;}
.inner-culture .culture-list > div dl dd h2{font-size: 30px;display: block;}
.inner-culture .culture-list > div dl dd p{color: #555;font-size: 16px;display: block;margin-top: 10px}
.inner-culture .culture-list > div:hover dl{background:var(--scheme-color);}
@media(max-width:1399px){
	.inner-culture .culture-list > div dl dt{font-size:45px;}
	.inner-culture .culture-list > div dl dd{margin-top:60px;}
	.inner-culture .culture-list > div dl dd h2{font-size: 25px}
	.inner-culture .culture-list > div dl dd p{font-size: 15px;}
}

@media(max-width:991px){
	.inner-culture .culture-list{margin-left: 0;margin-right:0;}
	.inner-culture .culture-list > div{padding:10px 0;}
	.inner-culture .culture-list > div dl{padding:30px;}
	.inner-culture .culture-list > div dl dt{font-size:40px;}
	.inner-culture .culture-list > div dl dd{margin-top:30px;}
	.inner-culture .culture-list > div dl dd h2{font-size: 20px}
	.inner-culture .culture-list > div dl dd p{font-size:13px;}
	.inner-certificate .certificate-swiper{padding-top: 25px}
	.inner-certificate .certificate-swiper dl dd{font-size:14px;padding-top: 20px;}
}
.inner-history {overflow: hidden;padding-top:80px;padding-bottom: 50px;background: url(../images/history_bg.webp) no-repeat bottom center #fafafa;background-size: 100% auto}
.inner-history .history-content {overflow: hidden;}
.inner-history-top {position: relative;} 
.inner-history-bottom {margin-top:50px;overflow: hidden;position: relative;padding-bottom: 120px}
.inner-history-item {position: relative;}
.inner-history-item .timer{position: absolute;left: -1.8rem;top: 0;z-index: 2;}
.inner-history-item .timer i {display: block;width: 4rem;height: 4rem;position: relative;background: #fff;border-radius: 100%;}
.inner-history-item .timer i:after {content: '';width: 1.5rem;height: 1.5rem;position: absolute;background:var(--base-color);border-radius: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.inner-history-item .timer i:before {content: '';width: .5rem;height: .5rem;position: absolute;background: #fff;border-radius: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;}
.inner-history-item .timeline {position: absolute;left: 0;top: 2rem;z-index: 1;width: 100%;}
.inner-history-item .timeline i{display: block;width: 100%;height: 3px;background: #f1f0f3;position: relative;}
.inner-history-item .timeline i:after {content: '';width: 0;height: 100%;position: absolute;background:var(--base-color);left: 0;top: 0;transition:all 4s ease;z-index: 11;display: none;}
.inner-history-item .history-text{padding:6rem 5rem 0 3rem;overflow: hidden;position: relative;color: #372e50;box-sizing: border-box;min-height: 350px}
.inner-history-item .history-text:before {content: '';width: 4px;height: 100%;position: absolute;background: #f1f0f3;left: 0;top:0;;}
.inner-history-item .history-text:after {content: '';width: 4px;height: 40px;position: absolute;background: var(--base-color);left: 0;top: 7rem;z-index: 2;}
.inner-history-item .history-text h2{color: #372e50;font-size: 40px;margin-top: 8px}
.inner-history-item .text {margin: 1rem 0;}
.inner-history-item .text ul {padding: 0;padding-left: 1.2rem;}
.inner-history-item .text ul li {padding:6px 0;position: relative;}
.inner-history-item .text ul li:before {content: '';width: 4px;height: 4px;position: absolute;left: -1rem;top: 16px;background: #ccc;}
.inner-history-swiper .swiper-slide-active .inner-history-item .timeline-1 i::after {width: 100%;}
.inner-history-button{position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);width: 120px}
.inner-history-button .swiper-button-prev:after,.inner-history-button .swiper-button-next:after{font-size: 18px}
.inner-history-button .swiper-button-prev,.inner-history-button .swiper-button-next{left: 0;right: auto;width: 50px;height: 50px;border-radius: 50%;background:#333;color: #fff;z-index: 100;transition:all .3s;}
.inner-history-button .swiper-button-prev:hover,.inner-history-button .swiper-button-next:hover{background:var(--base-color);}
.inner-history-button .swiper-button-next{right: 0;left: auto}

@media screen and (max-width: 991px){
	.inner-history {padding-top:50px;padding-bottom: 30px}
	.inner-history-bottom {margin-top:30px;}
	.inner-history-item .history-text{min-height: 200px;padding:6rem 2rem 0 2rem;}
	.inner-history-item .history-text h2{font-size: 25px;}
	.inner-history-button{bottom: 50px;width:90px}
	.inner-history-button .swiper-button-prev:after,.inner-history-button .swiper-button-next:after{font-size: 15px}
	.inner-history-button .swiper-button-prev,.inner-history-button .swiper-button-next{width: 40px;height: 40px;}
}

.inner-prut-list{padding-top: 40px}
.inner-prut-list .comm-title h3{padding-left: 10%;padding-right: 10%;}
.inner-prut-list.catemode{padding-top: 90px}
.inner-prut-list .list{padding-top: 40px}
.inner-prut-list .list.row{margin-left: -20px;margin-right: -20px}
.inner-prut-list .list dl {margin-bottom: 15px;}
.inner-prut-list .list.row dl{padding:20px;margin-bottom: 0;}
.inner-prut-list .list dl a{background: #f7f7f7;overflow:hidden;display:inline-block;font-size:0;width:100%;padding: 8% 6%;border-radius: 1rem}
.inner-prut-list .list dl a:hover{background: #f1f1f1}
.inner-prut-list .list dl a dt{width: 42%;display: inline-block;vertical-align: top;overflow:hidden;}
.inner-prut-list .list dl a dt img{width: 100%;transition: all .2s}
.inner-prut-list .list dl a:hover dt img{transform: scale(1.02);}
.inner-prut-list .list dl a dd{width: 58%;padding-right: 3%}
.inner-prut-list .list dl a dd h1{font-size:24px;font-weight: 400;color: #1b1b1b;width: 100%;overflow:hidden;display: block;line-height:1.4;text-transform: capitalize;}
.inner-prut-list .list dl a dd p{padding-top: 50px;margin-bottom: 30px;line-height: 32px;font-size: 15px;position: relative;color: #555}
.inner-prut-list .list dl a dd p i{display: inline-block;margin-right: 5px;font-size:22px;line-height: 30px;vertical-align: top}
.inner-prut-list .list dl a dd p:after,.inner-prut-list .list dl a dd p:before{content: '';position: absolute;left: 0;top: 25px;width:30%;height: 2px;background: var(--base-color);display: block;transition: all .2s}
.inner-prut-list .list dl a dd p:before{width: 100%;background: #e8e8e8}
.inner-prut-list .list dl a:hover dd p:after{width: 100%}
.inner-prut-list .list dl a dd h3{background:#333;color: #fff;padding: 10px 25px;border-radius: 0.4rem;display: inline-block;text-transform:uppercase;font-size:14px;transition: all .2s;font-weight: 400;line-height: 22px}
.inner-prut-list .list dl a dd h3 i{vertical-align: top;margin-left: 10px;transition: all .2s;font-size:20px;line-height: 20px;display: inline-block}
.inner-prut-list .list dl a:hover dd h3{background:var(--base-color);}
.inner-prut-list .list dl a:hover dd h3 i{margin-left: 20px}
.inner-prut-list .swiper-button-nextP,.inner-prut-list .swiper-button-prevP {position: absolute;left:1%;right:0;top:50%;margin: 0;width: 50px;height:50px;margin-top: -10px;cursor: pointer;opacity: 0.3;font-size: 42px;line-height: 50px;z-index: 100;}
.inner-prut-list .swiper-button-prevP {right: 1%;left:auto;}
.inner-prut-list .swiper-button-nextP:hover,.inner-prut-list .swiper-button-prevP:hover {opacity: 1.0;color:var(--base-color)}

@media (max-width:1599px){
	.inner-prut-list .list dl a dd h1{font-size:22px;}
}
@media (max-width:1399px){
	.inner-prut-list .list dl a dt{width: 30%;}
	.inner-prut-list .list dl a dd{width: 70%;}
	.inner-prut-list .list dl a dd h1{font-size:20px;}
}
@media (max-width:991px){
	.inner-prut-list.catemode{padding-top: 50px}
	.inner-prut-list .list dl a dd h1{font-size:18px;}
	.inner-prut-list .swiper-button-nextP,.inner-prut-list .swiper-button-prevP {font-size: 34px;}
	.inner-prut-list .list dl a dd h3{padding:8px 15px;font-size:12px;line-height: 18px}
	.inner-prut-list .list dl a dd h3 i{font-size:18px;line-height: 18px;margin-left: 6px;}
	.inner-prut-list .list dl a dd p{padding-top: 40px;margin-bottom:20px;line-height:25px;font-size: 13px;}
	.inner-prut-list .list dl a dd p i{font-size:18px;line-height: 25px;}
}
@media (max-width:767px){
	.inner-prut-list .list dl a dd h1{font-size:16px;}
}
.inner-prut-adv .row{padding-top: 80px}
.inner-prut-adv .row > div{padding:0}
.inner-prut-adv .row > div:nth-child(2){padding:0;text-align: center}
.inner-prut-adv .row > div img{max-width:88%}
.inner-prut-adv .row > div dl{display: block;margin-bottom: 28px}
.inner-prut-adv .row > div dl:last-child{margin-bottom: 0}
.inner-prut-adv .row > div:first-child{text-align:right}
.inner-prut-adv .row > div dl dt{display:block;padding-bottom: 10px;}
.inner-prut-adv .row > div dl dt span{font-size: 20px;background:var(--base-color);width: 50px;height: 50px;display: inline-block;color: #fff;border-radius:50%;font-weight: 300;text-align: center;line-height: 50px}
.inner-prut-adv .row > div dl dd{display:block;font-size: 16px;line-height:1.2;color: #666}
@media (max-width:991px){
	.inner-prut-adv .row{padding-top: 30px}
	.inner-prut-adv .row > div dl{display: inline-block;width: 49%;vertical-align: top;text-align: center;}
	.inner-prut-adv .row > div:nth-child(2){padding-top: 40px;padding-bottom: 40px}
	.inner-prut-adv .row > div dl dd{font-size: 14px;}
}
.inner-manufactory{background: url('../images/inner_factory_bg.webp') center no-repeat fixed;background-size: cover;}
.inner-manufactory .comm-title h1{color: #fff;text-transform:uppercase;}
.inner-manufactory .comm-title h3{color: #fff;font-size: 18px;line-height: 1.7}
.inner-manufactory .comm-title h5{color: #fff;font-size:34px;font-weight: 200;margin-bottom: 30px;margin-top: 10px}
.inner-manufactory .row{padding-top: 30px;padding-bottom: 30px;align-items: center;}
.inner-manufactory .row > div{padding: 0}
.inner-manufactory .row .content{background: #00000090;padding:80px 40px;border-radius: 1rem;overflow: hidden;}
.inner-manufactory .row .content dl{color: #fff;font-size: 0;margin-bottom: 30px}
.inner-manufactory .row .content dl:last-child{margin-bottom: 0}
.inner-manufactory .row .content dl dt{display: inline-block;width: 120px;vertical-align: top;font-size: 60px;}
.inner-manufactory .row .content dl dd{display: inline-block;width: calc(100% - 120px);vertical-align: top;}
.inner-manufactory .row .content dl dd h1{font-size:30px;display: block;margin-bottom: 20px;margin-top: 10px}
.inner-manufactory .row .content dl dd p{font-size:16px;}
@media (max-width:1499px){
	.inner-manufactory .comm-title h5{font-size:28px;}
	.inner-manufactory .comm-title h3{font-size: 17px;line-height: 1.6}
	.inner-manufactory .row .content{padding:70px 30px;}
	.inner-manufactory .row .content dl dt{width: 100px;font-size: 50px;}
	.inner-manufactory .row .content dl dd{width: calc(100% - 100px);}
	.inner-manufactory .row .content dl dd h1{font-size:25px}
	.inner-manufactory .row .content dl dd p{font-size:15px;}
}
@media (max-width:1199px){
	.inner-manufactory .comm-title h5{font-size:24px;margin-bottom: 25px;}
	.inner-manufactory .comm-title h3{font-size: 16px;line-height: 1.5}
	.inner-manufactory .row .content{padding:50px 25px;}
	.inner-manufactory .row .content dl dt{width:60px;font-size: 40px;}
	.inner-manufactory .row .content dl dd{width: calc(100% - 60px);}
	.inner-manufactory .row .content dl dd h1{font-size:20px;margin-bottom: 10px}
	.inner-manufactory .row .content dl dd p{font-size:14px;}
}
@media (max-width:991px){
	.inner-manufactory .comm-title h5{font-size:20px;margin-bottom: 15px;}
	.inner-manufactory .comm-title h3{font-size: 15px;line-height: 1.3}
	.inner-manufactory .row .content{padding:30px 20px;}
	.inner-manufactory .row .content dl dd h1{font-size:16px}
	.inner-manufactory .row .content dl dd p{font-size:13px;}
}
@media (max-width:767px){
	.inner-manufactory .comm-title h5{font-size:16px;margin-bottom: 0;margin-top: 5px}
	.inner-manufactory .comm-title h3{font-size: 14px;line-height: 1.2;}
	.inner-manufactory .row .content{margin-top: 30px}
	.inner-manufactory .row .content dl dt{width:50px;font-size: 30px;display: block;}
	.inner-manufactory .row .content dl dd{width:100%;display: block;}

}

.inner-application .row{margin-left: -20px;margin-right: -20px;padding-top: 40px}
.inner-application .row > div{padding: 20px}
.inner-application .row > div dl{display: block;height: 100%;border-radius: 1rem;overflow: hidden;box-shadow:0 0 18px 0 #00000020;}
.inner-application .row > div dl a{display: block;}
.inner-application .row > div dl a dt{display: block;margin: 0;padding: 0;background: #000}
.inner-application .row > div dl a dt img{width: 100%;opacity: 0.5;transition:.3s}
.inner-application .row > div dl a dd{left: 0;bottom: -90px;background: #00000060;font-size: 16px;color: #fff;display: block;padding: 30px 40px;transition: .3s}
.inner-application .row > div dl a dd h1{font-size:22px;font-weight: 400;line-height: 30px}
.inner-application .row > div dl a dd p{display: block;margin-top: 40px;font-size:16px;transition: .3s}
.inner-application .row > div dl a:hover dt img{opacity: 0.9;transform: scale(1.02);}
.inner-application .row > div dl a:hover dd{bottom: 0;background: #000000a0;}
.inner-application .row > div dl a:hover dd p{margin-top: 20px;}
@media (max-width:1699px){
	.inner-application .row > div dl a dd{bottom: -120px;}
}

@media (max-width:1199px){
	.inner-application .row{margin-left: -10px;margin-right: -10px;padding-top: 30px}
	.inner-application .row > div{padding: 10px}
	.inner-application .row > div dl a dd{bottom: -104px;padding: 15px 30px;}
	.inner-application .row > div dl a dd h1{font-size:18px;line-height: 25px}
	.inner-application .row > div dl a dd p{font-size:14px;}
}

@media (max-width:767px){
	.inner-application .row{margin-left: 0;margin-right: 0;padding-top: 0px}
	.inner-application .row > div{padding: 20px 0}
	.inner-application .row > div dl a dd p{font-size:13px;}
}
.inner-honor{padding-top: 80px;padding-bottom: 60px;overflow: hidden;background: url('../images/bg1.jpg') center no-repeat fixed;background-size: cover;}
.inner-honor .comm-title h1{color: #fff}
.honor-content-center {padding-top:40px;}
.honor-content-swiper {width: 100%;margin: auto;}
.honor-content-swiper dl{height: 480px;}
.honor-content-swiper dl dt {position: relative;overflow: hidden;transition:all .4s ease;margin-top: 50px;display: block;text-align: center;}
.honor-content-swiper dl dt img {max-width: 80%;max-height: 80%;opacity: 0.5;}
.honor-content-swiper dl.swiper-slide-prev dt{text-align: left}
.honor-content-swiper dl.swiper-slide-next dt{text-align: right}
.honor-content-swiper dl.swiper-slide-active dt{margin-top: 0;}
.honor-content-swiper dl.swiper-slide-active dt img {max-width: 100%;max-height: 100%;opacity: 1;}
.honor-content-swiper dl dd {margin-top:20px;text-align: center;opacity: 0;display: block;}
.honor-content-swiper dl dd h2{color:#fff;font-size: 18px;font-family: 'Poppins';}
.honor-content-swiper dl.swiper-slide-active dd{opacity: 1;}
.honor-prev,.honor-next {border: none;background: none;bottom: auto;top:38%;transform: translateY(-50%);opacity: 1;}
.honor-prev::after ,.honor-next::after {display: block;color:#fff;font-size: 32px;font-weight:normal;}
.honor-prev {left: 40.6%;}
.honor-next {right:40.6%;}
@media (max-width:1699px){
	.honor-content-swiper dl{height: 430px;}
}
@media (max-width:1399px){
	.inner-honor{padding-top: 40px;padding-bottom: 50px;}
	.honor-content-swiper dl{height: 400px;}
	.honor-content-swiper dl dd h2{font-size: 16px;}
	.honor-prev::after ,.honor-next::after {font-size: 28px;}
}
@media (max-width:1199px){
	.honor-content-swiper dl{height: 380px;}
	.honor-prev,.honor-next {top:47%;}
	.honor-prev {left:37%;}
	.honor-next {right:37%;}
	.honor-prev::after ,.honor-next::after {font-size: 25px;}
}
@media (max-width:991px){
	.inner-honor{padding-top: 30px;padding-bottom: 30px;}
	.honor-content-swiper dl{height: 320px;}
	.honor-content-swiper dl dd h2{font-size: 14px;}
	.honor-prev {left:36.5%;}
	.honor-next {right:36.5%;}
}
@media (max-width:767px){
	.inner-honor .comm-title{padding-bottom: 30px}
	.inner-honor{padding-top: 30px;}
	.honor-content-swiper dl{height: 550px;}
	.honor-prev {left:16%;}
	.honor-next {right: 16%;}
}
@media (max-width:576px){
	.honor-content-swiper dl{height: 380px;}
}
.page-visitcompany .content {display: block;padding-bottom: 50px}
.visitcompany-content .visitcompany-nav {text-align: center;padding-bottom: 40px;}
.visitcompany-content .visitcompany-nav li{display: inline-block;vertical-align: middle;margin: 0 5px;}
.visitcompany-content .visitcompany-nav a {font-size: 16px;background: #f1f1f1;border-radius: 8px;padding: 12px 25px;}
.visitcompany-content .visitcompany-nav li.cur a {background: var(--base-color);color: #fff;}
.visitcompany-content-list {overflow: hidden;padding-top: 2%;}
.visitcompany-content-type-swiper,.visitcompany-content-list-swiper {overflow: hidden;}
.visitcompany-content-list-swiper .img{border-radius: 10px;overflow: hidden;background-size: cover}
.visitcompany-content-list-swiper .img i {display: block;width: 60px;height: 60px;background: var(--base-color);border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: 0;transition: all .5s;color: #fff;text-align: center;line-height: 60px;font-size: 22px}
.visitcompany-content-list-swiper .img img {opacity: 0;transition: all .5s;width:100%}
.visitcompany-content-list-swiper a:hover i{opacity: 1;}
.visitcompany-content-list-swiper a:hover .img img {opacity: 1;}
.visitcompany-content-list-swiper .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
@media (max-width:1399px){
	.page-visitcompany.comm-padding{padding-top:50px;padding-bottom: 50px}	
}
@media (max-width:1199px){
	.page-visitcompany.comm-padding{padding-top:30px;padding-bottom: 30px}
	.page-visitcompany .content{padding-top:20px;}
	.visitcompany-content .visitcompany-nav a {font-size: 15px;padding: 10px 22px;}
}
@media (max-width:991px){
	.page-visitcompany.comm-padding{padding-top:20px;padding-bottom: 20px}
	.visitcompany-content .visitcompany-nav a {font-size: 14px;padding: 8px 20px;}
}

.inner-services{padding-top: 30px;padding-bottom: 40px}
.inner-services .services-content{display: block;padding: 40px 0;}
.inner-services .services-content dl{padding-bottom: 0;margin-bottom: 0}
.inner-services .services-content dl:nth-child(2n){flex-direction: row-reverse;}
.inner-services .services-content dl dt{padding: 0}
.inner-services .services-content dl dt img{width: 100%}
.inner-services .services-content dl dd {background: url(../images/syh.png) no-repeat 60px 80px #f8f8f8;padding: 0;padding-top: 200px;padding-left: 60px;padding-right: 60px;margin-bottom: 0}
.inner-services .services-content dl dd h1{font-weight: 400;position: relative;padding-bottom:40px;font-size: 30px;line-height: 42px;color: var(--auxiliary-color)}
.inner-services .services-content dl dd h1:after{content: '';position: absolute;left: 0;bottom: 0;width: 50px;height: 4px;background: var(--base-color)}

@media (max-width:1299px){
	.inner-services .services-content{padding: 20px 0;}
	.inner-services .services-content dl dd {background-position: 30px 50px;padding-top: 140px;padding-left: 30px;padding-right:30px}
	.inner-services .services-content dl dd h1{font-size: 24px;line-height: 35px;padding-bottom: 30px}
}
@media (max-width:1199px){
	.inner-services .services-content dl dd {background-size: 65px;background-position: 30px 50px;padding-top: 120px;}
	.inner-services .services-content dl dd h1{font-size: 20px;line-height: 25px;padding-bottom: 25px}
	.inner-services .services-content dl dd h1:after{width: 40px;height: 2px;}
}
@media (max-width:991px){
	.inner-services{padding-top: 10px;padding-bottom: 20px}
	.inner-services .services-content dl dd{background-size: 50px;background-position: 30px 30px;padding-top:90px;}
	.inner-services .services-content dl dd h1{font-size: 16px;line-height: 20px;padding-bottom: 15px}
}
@media (max-width:767px){
	.inner-services .services-content dl dd{background-size:40px;background-position:20px 20px;padding: 20px;padding-top: 70px;padding-bottom: 30px}
}


.inner-list{position:relative;}
.inner-list > .row{padding-top: 80px;}
.inner-list > .row.ar{flex-flow: row-reverse;}
.inner-list .row > div:first-child{padding-top:15px;position: relative;padding-right: 100px;}
.inner-list .row > div:last-child{padding-bottom: 80px}
.inner-list .row > div{padding: 0}
.inner-list .row.ar > div:last-child{padding-bottom:40px}
.inner-list .row.ar > div:first-child{padding-left:60px;padding-right:0;padding-top:18px;}
.inner-list .row .row {margin-left: -20px;margin-right: -20px;min-height: 650px}
.inner-list .row .row > div{padding-left: 20px;padding-bottom: 30px;padding-right: 0}
.inner-list .row .row dl{padding: 20px}
.inner-list .row .row dl a{background: #fff;width: 100%;position: relative;display: block;box-shadow: 0 0 10px 8px #00000005;border-radius: 8px;overflow: hidden;}
.inner-list .row .row dl a:hover{box-shadow:0 26px 40px -24px rgba(0,36,100,.5)}
.inner-list .row .row dl a dt{width: 100%;padding: 40px;position: relative;z-index: 5}
.inner-list .row .row dl a dt img{width: 100%;transition: all .3s;object-fit:contain;aspect-ratio:4/3;}
.inner-list .row .row dl a dt > i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0.8);font-size: 28px;color: #fff;background: var(--base-color);width: 60px;height: 60px;border-radius: 50%;line-height: 60px;text-align:center;display:inline-block;opacity: 0;visibility: hidden;transition:all .3s;transition-delay: 0.1s}
.inner-list .row .row dl a:hover dt > i{transform: translate(-50%,-50%) scale(1.2);opacity: 1;visibility: visible;}
.inner-list .row .row dl a dt ul{position: absolute;bottom: -38px;left: 0;width: 100%;height: auto;padding: 15px;z-index: 10;font-size: 30px;text-align:center;}
.inner-list .row .row dl a dt ul li{padding: 5px 10px;display:inline-block;font-size: 15px;line-height: 24px;border:1px #ddd solid;margin-bottom: 5px;background: #fff}
.inner-list .row .row dl a dt ul li > i{font-size: 20px;display:inline-block;vertical-align: top;line-height: 24px;margin-right: 5px}
.inner-list .row .row dl a:hover{margin-top: -15px;}
.inner-list .row .row dl a:hover dt img{opacity: 0.4;/*filter: brightness(0.4) saturate(1) contrast(1) blur(10px)*/}
.inner-list .row .row dl a dd{width: 100%;text-align: center;background: #121212;padding: 30px 12px;padding-top: 50px;transition:all .3s;}
.inner-list .row .row dl a:hover dd{background:var(--base-color);}
.inner-list .row .row dl a dd h1{font-size: 28px;color: #fff;position: relative;line-height: 30px;display:block;margin-bottom:20px}
.inner-list .row .row dl a dd p{font-size: 15px;color: #ffffffa0;display:block;margin-top: 20px;margin-bottom: 25px;line-height: 22px;height: 44px;overflow: hidden;}
.inner-list .row .row dl a dd i{color: #ffffff50;font-size: 12px}
.inner-list .row .row dl a:hover dd i{color: #fffffff0}
.inner-list .catelog{padding: 0}
.inner-list .catelog .title{display:block;}
.inner-list .catelog .title h1{font-size: 30px;position: relative;padding-bottom: 20px}
.inner-list .catelog .title h1:after{content: '';position: absolute;bottom: 0px;left:0;width: 50px;height:3px;background: #ddd;border-radius: 3px}
.inner-list .catelog > ul{height: auto;padding-top: 30px}
.inner-list .catelog > ul > li{line-height: 20px;padding:0;border-bottom: 1px #ddd solid;display:block;position:relative;height: 60px;overflow: hidden;}
.inner-list .catelog > ul > li > a{display:block;line-height: 60px;position: relative;font-size: 24px;font-family: 'Poppins-bold'}
.inner-list .catelog > ul > li > a > i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);line-height: 60px;font-size: 20px;transition:all .3s;}
.inner-list .catelog > ul > li.active{height: auto}
.inner-list .catelog > ul > li.active > a{color: var(--base-color)}
.inner-list .catelog > ul > li.active > a > i{transform: translateY(-50%) rotate(45deg)}
.inner-list .catelog > ul > li ul{padding-top: 5px;height: auto;padding-bottom: 20px}
.inner-list .catelog > ul > li ul li{line-height: 28px;}
.inner-list .catelog > ul > li ul li a{display:inline-block;font-size: 15px;line-height: 35px;vertical-align: top}
.inner-list .catelog > ul > li ul li.active a{color: var(--base-color)}
.inner-list .catelog > ul > li ul li a:hover{padding-left: 5px}
.inner-list .catelog > ul > li ul li i{display:inline-block;line-height: 35px;vertical-align: top;margin-right: 4px;font-size: 18px}
.inner-list .comm-title.set-left .title h1{font-size: 45px;padding-bottom: 20px}
.inner-list .comm-title.set-left .title h1:after{width: 60px}
.inner-list .comm-title.set-left .note{display:block;padding-top: 20px;font-size: 16px;color: #666;line-height: 1.6}
.inner-list .comm-title.set-left .note p{font-size: 16px;color: #666;line-height: 1.6;margin: 5px 0}
@media (max-width:1499px){
	.inner-list .row .row {margin-left: -18px;margin-right: -18px}
	.inner-list .row .row dl{padding: 18px}
	.inner-list .row > div:first-child{padding-right: 50px;}
	.inner-list .comm-title.set-left .title h1{font-size: 40px;}
}
@media (max-width:1299px){
	.inner-list .row .row{margin-left: -10px;margin-right: -10px;}
	.inner-list .row .row dl{padding: 10px}
	.inner-list .comm-title.set-left .title h1{font-size: 35px;}
	.inner-list .row .row dl a dt{padding: 30px;}
}
@media (max-width:1199px){
	.inner-list .row .row dl{padding: 10px}
	.inner-list .row .row dl a dd data h1{font-size: 25px;line-height: 32px}
	.inner-list .row .row dl a dd data span{width: 150px;line-height:38px}
	.inner-list .row .row dl a dd data span h3,.home-product .product-list dl a dd data span i{font-size: 12px;line-height:38px}
	.inner-list .comm-title.set-left .title h1{font-size: 25px;padding-bottom: 0px}
	.inner-list .comm-title.set-left .title h1:after{width: 40px}
	.inner-list .comm-title.set-left .note{font-size: 15px;}
	.inner-list .row .row dl a dt{padding: 20px;}
}

@media (max-width:991px){
	.inner-list > .row{padding-top: 20px;}
	.inner-list .row > div:first-child{padding-right: 0}
	.inner-list .catelog > ul > li > a{line-height: 50px;font-size: 20px;}
	.inner-list .row .row > div{padding-left: 0px;}
	.inner-list .comm-title.set-left .note{font-size: 14px;}	
}
@media (max-width:767px){
	.inner-list .row .row{margin-left: 0;margin-right: 0}
	.inner-list .row .row dl{padding:0;padding-bottom: 15px}
}


.inner-download,.inner-application-list,.inner-news{padding-top: 40px;padding-bottom: 80px}
.inner-download .row{padding-top: 50px;margin-left: -20px;margin-right: -20px}
.inner-download .row > div{padding: 20px}
.inner-download .row > div dl{display: block;margin-bottom: 15px}
.inner-download .row > div dl a{display: block;font-size: 0}
.inner-download .row > div dl a dt{display: inline-block;width: 35%;vertical-align: middle;background: #fff;padding: 25px;border-radius: 1rem;box-shadow:0 0 25px 0 #00000018;}
.inner-download .row > div dl a dt img{width: 100%}
.inner-download .row > div dl a dd{display: inline-block;width: 65%;vertical-align: middle;padding:0 45px;}
.inner-download .row > div dl a dd h1{font-size:22px;font-weight: 400}
.inner-download .row > div dl a dd p{display: block;font-size:16px;margin-bottom: 30px}
.inner-download .row > div dl a dd span{display: inline-block;font-size:14px;line-height: 20px;padding:8px 30px;border-radius: 0.4rem;color: #fff;background: #333;transition: .3s}
.inner-download .row > div dl a dd span i{display: inline-block;margin-left: 12px;font-size:18px;line-height: 20px;vertical-align: top;transition: .3s}
.inner-download .row > div dl a:hover dd span i{margin-left: 18px}
.inner-download .row > div dl a:hover dd span{background: var(--base-color)}

.inner-application-list .row{margin-left: -20px;margin-right: -20px;padding-top: 40px}
.inner-application-list .row > div{padding: 20px}
.inner-application-list .row > div dl{display: block;}
.inner-application-list .row > div dl a{display: block;}
.inner-application-list .row > div dl a dt{display: block;box-shadow: 0 15px 15px -10px #00000030;border-radius: 10px;overflow: hidden;}
.inner-application-list .row > div dl a dt img{width: 100%}
.inner-application-list .row > div dl a dd{display: block;margin-top: 30px;}
.inner-application-list .row > div dl a dd h1{font-weight:400;font-size: 24px;display: block;}
.inner-application-list .row > div dl a dd p{display: block;margin-top: 20px;color: #999;margin-bottom: 50px}
.inner-application-list .row > div dl a dd span{width:60px;height: 40px;overflow: hidden;}
.inner-application-list .row > div dl a dd span i{left: -10px;bottom: 0;font-size:12px;color: #999}
.inner-application-list .row > div dl a:hover dd span i{left: 0}

@media (max-width:1399px){
	.inner-download .row > div dl a dd h1{font-size:20px;}
}
@media (max-width:1199px){
	.inner-application-list .row > div dl a dd h1{font-size:20px}
	.inner-download .row > div dl a dd{padding:0 35px;}
	.inner-download .row > div dl a dd h1{font-size:18px;}	
}
@media (max-width:991px){
	.inner-application-list .row{margin-left:0px;margin-right:0px;padding-top: 20px}
	.inner-application-list .row > div{padding:10px 0}
	.inner-application-list .row > div dl a dd h1{font-size:18px}
	.inner-application-list .row > div dl a dd p{margin-bottom: 40px;margin-top: 10px}
	.inner-download .row{margin-left:0;margin-right:0;padding-top: 20px;}
	.inner-download .row > div{padding:15px 0}
	.inner-download .row > div dl a dt{padding: 5px;}
	.inner-download .row > div dl a dd{padding:0 25px;padding-right: 0}
	.inner-download .row > div dl a dd h1{font-size:15px;}
	.inner-download .row > div dl a dd span{font-size:13px;padding:6px 20px;}
	.inner-download .row > div dl a dd span i{margin-left: 10px;font-size:14px;}
}
.inner-news .row{margin-left: -20px;margin-right: -20px;padding-top: 40px}
.inner-news .row dl{padding: 20px}
.inner-news .row dl a{display:block;box-shadow:0 26px 40px -24px rgba(0,36,100,.1);overflow: hidden;border-radius:1rem}
.inner-news .row dl a dt{display:block;overflow: hidden;position: relative;}
.inner-news .row dl a dt img{width: 100%;transition:all .3s;}
.inner-news .row dl a dt em{position: absolute;left: 30px;bottom: 0;background:#333;color: #fff;font-size: 16px;padding:8px 22px;border-top-right-radius: 5px;border-top-left-radius: 5px;font-weight: 300;transition: .3s}
.inner-news .row dl a:hover dt em{background:var(--auxiliary-color)}
.inner-news .row dl a:hover dt img{transform: scale(1.05);}
.inner-news .row dl a dt i{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width: 40px;height: 40px;line-height: 40px;text-align:center;background:var(--base-color);color: #fff;display:block;font-size: 12px;border-radius: 50%;transition:all .3s;opacity: 0;}
.inner-news .row dl a:hover dt i{transform:translate(-50%,-50%) scale(1.8);opacity: 1;}
.inner-news .row dl a dd{background:#f8f8f8;padding:30px;display:block}
.inner-news .row dl a dd h2{font-size: 24px;margin-bottom:20px;transition:all .3s;}
.inner-news .row dl a:hover dd h2{color: var(--base-color)}
.inner-news .row dl a dd p{font-size: 15px;color: #666}
.inner-news .row dl a dd span{display:block;margin-top: 40px;overflow: hidden;position: relative;height: 20px}
.inner-news .row dl a dd span i{position: absolute;left: -15px;top: 0;font-size: 11px;transition:all .3s;}
.inner-news .row dl a:hover dd span i{left: 0;color: var(--base-color)}
.inner-news .row dl:nth-child(n+3) a dd h2{font-size: 18px}
@media (max-width:1399px){
	.inner-news .row dl a dd{padding:25px;}
	.inner-news .row dl a dt em{left: 25px}
	.inner-news .row dl a dd h2{font-size: 25px;}
	.inner-news .row dl a dd p{font-size: 14px;}
}
@media (max-width:1199px){
	.inner-news .row{margin-left: -10px;margin-right: -10px}
	.inner-news .row dl{padding: 10px}
	.inner-news .row dl a dd{padding:15px;}
	.inner-news .row dl a dd p{font-size: 13px;}
}
@media (max-width:991px){
	.inner-news{padding-top: 20px;padding-bottom: 40px}
	.inner-news .row dl a dd{padding:20px;min-height:auto;display:block;}
	.inner-news .row dl a dt em{left: 20px;font-size: 14px}
	.inner-news .row dl a dd h2{font-size: 20px;}
	.inner-news .row dl:nth-child(n+3) a dd h2{font-size: 20px}
}
@media (max-width:767px){
	.inner-news .row{margin-left: 0;margin-right: 0}
	.inner-news .row dl{padding: 10px 0}
}

.inner-news-detail .row > div{padding: 0}
.inner-news-detail .row > div:first-child{padding-right: 5%;}
.inner-news-detail .row .news-base{position: sticky;top: 100px}
.inner-news-detail .row .news-base .new-date dl{display: block;border-bottom: 1px #ddd solid;margin-bottom: 10px}
.inner-news-detail .row .news-base .new-date dl:first-child{border-top: 4px var(--base-color) solid;padding-top: 20px;}
.inner-news-detail .row .news-base .new-date dl:last-child{border-bottom: none;}
.inner-news-detail .row .news-base .new-date dl dt{display: block;padding-top: 10px;padding-bottom: 5px;color: #777;font-size: 15px;font-weight: 400}
.inner-news-detail .row .news-base .new-date dl dd{display: block;padding-bottom: 20px;font-size: 15px}
.inner-news-detail .row .news-base .keywords{border-bottom: none}
.inner-news-detail .row .news-base .keywords a{display: inline-block;margin-right:5px;background:var(--base-color);font-size: 14px;color: #fff;padding: 5px 20px;border-radius: 5px;margin-bottom: 8px}
.inner-news-detail .row .news-base .keywords dd{padding-top: 10px}
.inner-news-detail .row .news-base .keywords a:last-child{margin-right:0;}
.inner-news-detail .row .news-base .keywords a:hover{background:var(--base-color);}
.inner-news-detail .row .news-base .list {border-top: 4px var(--base-color) solid;padding-top: 30px;}
.inner-news-detail .row .news-base .list dl{display: block;margin-bottom: 30px}
.inner-news-detail .row .news-base .list dl.newsline{border-bottom: 1px #ddd solid;padding-bottom: 30px}
.inner-news-detail .row .news-base .list dl.newsline:last-child{border-bottom: none;}
.inner-news-detail .row .news-base .list a{display: block;}
.inner-news-detail .row .news-base .list a dt h1{font-size:20px;color: #222;font-weight: 400;}
.inner-news-detail .row .news-base .list a dd{display: block;padding-top: 10px;}
.inner-news-detail .row .news-base .list a dd p{font-size: 13px;margin-bottom: 20px}
.inner-news-detail .row .news-base .list a dd span{line-height: 22px;vertical-align: top;font-size:14px;}
.inner-news-detail .row .news-base .list a dd span i{display: inline-block;line-height: 20px;vertical-align: top;margin-right:5px;font-size:16px;}
.inner-news-detail .row .news-base .list a dd span.relative{overflow: hidden;display: block;height: 25px}
.inner-news-detail .row .news-base .list a dd span i.icon-more2{font-size: 10px;left: -15px;bottom: 0;transition:.3s}
.inner-news-detail .row .news-base .list a:hover dd span i.icon-more2{left: -6px}
.inner-news-detail .title h1{font-size: 42px;display: block;font-weight: 400}
.inner-news-detail .news-infos .content{display: block;padding-top: 50px;padding-bottom:50px;line-height: 30px;font-size: 17px;}
.inner-news-detail .news-infos .content img{max-width:100%;}
.inner-news-detail .news-infos .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%;padding-bottom:50px;}
.inner-news-detail .news-infos .prenext li{width: 45%;display:inline-block;font-size: 0}
.inner-news-detail .news-infos .prenext li a{font-size: 13px;}
.inner-news-detail .news-infos .prenext li a b{display:inline-block;width: 75px;line-height: 22px;text-transform:uppercase}
.inner-news-detail .news-infos .prenext li a b i{display:inline-block;line-height:18px;font-size: 18px;vertical-align: top;margin-right: 10px}
.inner-news-detail .news-infos .prenext li i:before{line-height:20px;vertical-align: text-top;margin-right: 5px}
.inner-news-detail .news-infos .prenext li a span{width: calc(100% - 75px);font-size: 15px;line-height: 20px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid;}
.inner-news-detail .news-infos .prenext li:nth-child(2){width: 10%;text-align:center;vertical-align: top;}
.inner-news-detail .news-infos .prenext li:nth-child(2) a i{font-size: 16px;line-height: 16px;}
.inner-news-detail .news-infos .prenext li:last-child{text-align:right;}
.inner-news-detail .news-infos .prenext li:last-child a b i{margin-left: 10px;margin-right: 0}
.inner-news-detail .news-infos .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.inner-news-detail .news-infos .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}


@media screen and (max-width: 1399px){	
	.inner-news-detail .news-infos .prenext li a b i{margin-right: 20px}
	.inner-news-detail .news-infos .prenext li a i{width:10%}
	.inner-news-detail .news-infos .prenext li a i b,.inner-news-detail .news-infos .prenext li:nth-child(2) i b{display:none;}
}
@media screen and (max-width: 1299px){
	.inner-news-detail .title h1{font-size: 38px;line-height: 50px;}
	.inner-news-detail .news-infos .content{font-size: 16px;line-height: 28px}
	.inner-news-detail .row > div.news-infos{padding-bottom: 80px}
}
@media screen and (max-width: 1199px){
	.inner-news-detail .news-infos .prenext li a span{font-size: 14px;}
}
@media screen and (max-width: 991px){
	.inner-news-detail .news-infos .prenext{padding-top: 20px;padding-bottom: 20px}
	.inner-news-detail .news-infos .prenext li:nth-child(2) a i{line-height: 20px}
	.inner-news-detail .row > div.news-infos{padding-bottom: 60px}
	.inner-news-detail .title h1{font-size: 30px;line-height: 35px;}
	.inner-news-detail .news-infos .content{padding-top: 40px;font-size: 15px;line-height: 24px}
	.inner-news-detail .news-infos .prenext li a span{display: none}
}
@media screen and (max-width: 767px){
	.inner-news-detail .row > div.news-infos{padding-top: 20px;padding-bottom: 40px}
	.inner-news-detail .row .news-base{padding-right: 0}
	.inner-news-detail .row .news-base .new-date dl:first-child{padding-top: 8px}
	.inner-news-detail .row .news-base .new-date dl dd{padding-bottom: 10px;font-size: 14px}
	.inner-news-detail .title h1{font-size: 20px;line-height: 22px;}
	.inner-news-detail .news-infos .content{padding-top: 20px;font-size: 14px;line-height: 22px}
	.inner-news-detail .row .news-base .list{display: none}
}

.contact-us{background: #fff;position: relative;}
.contacts .tel{font-size: 0}
.contacts .tel dl{width: 33.333333%;white-space:nowrap}
.contacts .tel dl dt{font-size: 20px;border-radius: 50%;width: 42px;height: 42px;line-height: 40px;text-align: center;border: 1px #555 solid;color: #555}
.contacts .tel dl dd{padding-left: 10px}
.contacts .tel dl dd h1{font-size: 18px;line-height: 20px}
.contacts .tel dl dd h3{font-size: 16px}
.contacts .tel.add dl,.contacts .map{width: 100%;margin-top: 4%}
@media (max-width:1699px){
.contacts .tel dl{width: 35%;}
.contacts .tel dl:first-child{width:30%}
}
@media (max-width:1499px){
.contacts .tel dl{width: 36%;}
.contacts .tel dl:first-child{width:28%}
}
@media (max-width:1299px){
	.contacts .tel dl{width: 50%;margin-top: 4%}
	.contacts .tel dl:first-child{width:50%}
	.contacts .map{margin-bottom: 2%}
}
@media (max-width:1199px){
	.contacts .tel dl{width: 33.33333%;margin-top:0}
	.contacts .tel dl:first-child{width: 33.33333%}
}
@media (max-width:767px){
	.contacts .tel dl{width: 50%;margin-top: 4%}
	.contacts .tel dl:first-child{width:50%}
	.contacts .tel.add dl dd{width: 85%}
	.contacts .tel dl dd h1{font-size: 16px;}
	.contacts .tel dl dd h3{font-size: 13px}
}
@media (max-width:576px){
    .contacts .tel dl:last-child{width:100%}
    .contacts .tel dl:last-child dd h3{width:100%;overflow:hidden;text-overflow: ellipsis;}
}

.product-inner{position: relative;}
.product-inner .list{padding-top: 2%}
.product-inner .list dl {margin-bottom: 15px;}
.product-inner .list dl a{background: #f7f7f7;overflow:hidden;display:inline-block;font-size:0;width:100%;padding: 10% 6%}
.product-inner .list dl a:hover{background: #f1f1f1}
.product-inner .list dl a dt{width: 42%;display: inline-block;vertical-align: top;overflow:hidden;}
.product-inner .list dl a dt img{width: 100%;transition: all .2s}
.product-inner .list dl a:hover dt img{transform: scale(1.02);}
.product-inner .list dl a dd{width: 58%;padding-right: 3%}
.product-inner .list dl a dd h1{font-size:32px;color: #1b1b1b;width: 100%;overflow:hidden;display: block;line-height: 40px;text-transform: capitalize;}
.product-inner .list dl a dd p{padding-top: 50px;margin-bottom: 30px;line-height: 25px;height: 125px;overflow: hidden;position: relative;font-size: 16px}
.product-inner .list dl a dd p:after,.product-inner .list dl a dd p:before{content: '';position: absolute;left: 0;top: 25px;width:30%;height: 2px;background: var(--base-color);display: block;transition: all .2s}
.product-inner .list dl a dd p:before{width: 100%;background: #e8e8e8}
.product-inner .list dl a:hover dd p:after{width: 100%}
.product-inner .list dl a dd h3{background: var(--base-color);color: #fff;padding: 8px 20px;display: inline-block;text-transform:uppercase;font-size:12px;transition: all .2s}
.product-inner .list dl a dd h3 i{vertical-align: top;margin-left: 5px;transition: all .2s}
.product-inner .list dl a:hover dd h3 i{margin-left: 20px}
.product-inner .swiper-button-nextP,.product-inner .swiper-button-prevP {position: absolute;left:1%;right:0;top:50%;margin: 0;width: 50px;height:50px;margin-top: -10px;cursor: pointer;opacity: 0.3;font-size: 42px;line-height: 50px;z-index: 100;}
.product-inner .swiper-button-prevP {right: 1%;left:auto;}
.product-inner .swiper-button-nextP:hover,.product-inner .swiper-button-prevP:hover {opacity: 1.0;color:var(--base-color)}
@media (max-width:991px){
	.product-inner .swiper-button-nextP,.product-inner .swiper-button-prevP {font-size: 34px;}
}
.our-customer{padding: 2% 0 6% 0;background: #f3f3f3;margin-top: 5%}
.our-customer.application{margin-top: 0;background: #fff;padding: 1% 0}
.our-customer .comm-title .title h1{border-bottom: none}
.our-customer ul{padding-top: 2.5%;width: 100%;padding-left: 45%}
.our-customer ul li{list-style-type:disc;line-height: 30px;height:auto;font-size: 16px;}
.our-customer dl{position: relative;cursor: pointer;}
.our-customer dl a dt{background: #000;overflow: hidden}
.our-customer dl a dt img{width: 100%;opacity:0.6;transition: all .2s}
.our-customer dl a:hover dt img{transform: scale(1.05);opacity:0.9}
.our-customer dl a dd{position:absolute;bottom: 0;left: 0;width: 100%;background:rgba(0,0,0,0.5);padding:3% 5%;}
.our-customer dl a dd h1{font-size: 25px;color:#fff;}
.our-customer dl a dd h3{color:rgba(255,255,255,.6);padding-top: 2%;line-height: 22px}
.our-customer .customer-list{padding-top: 1%}
.our-customer .swiper-button-next,.our-customer .swiper-button-prev {width: 60px;height: 60px;margin-top: -30px; background-color:rgba(0,0,0,.6);color:#fff;font-size: 40px;opacity:1;}
.our-customer .swiper-button-next:after,.our-customer .swiper-button-prev:after{content:'';}
.our-customer .swiper-button-next {right: 50%;left: auto;margin-right: -471px;}
.our-customer .swiper-button-prev {left: 50%;margin-left: -471px;}
.our-customer .swiper-button-next:hover,.our-customer .swiper-button-prev:hover {background-color:var(--base-color);}
.environment{padding-top: 2%}
.environment img{width: 100%;}
@media (max-width:991px){
	.our-customer ul{padding-left: 18px;padding-top: 5%}
	.our-customer dl a dd h1{font-size: 22px;}
}
@media (max-width:767px){
	.product-inner .list dl a dd h1{font-size:20px;line-height:28px;}
	.product-inner .list dl a dd p{font-size: 13px;line-height: 18px;margin-bottom: 10px}
}
@media (max-width:576px){
	.our-customer dl a dd h1{font-size: 18px;}
	.our-customer dl a dd h3{font-size: 12px;line-height: 18px}
	.product-inner .list dl a dd p{font-size: 13px;line-height: 18px;height:66px;padding-top: 30px}
	.product-inner .list dl a dd p:after,.product-inner .list dl a dd p:before{top: 10px}
	.product-inner .list dl a dd h3{margin-top: 10px}
	.our-customer ul li{font-size: 13px;line-height: 18px}
	.product-inner .swiper-button-nextP,.product-inner .swiper-button-prevP{display: none}
}

.inner-project{padding-top:40px;padding-bottom: 60px}
.inner-project .rows{columns: 3; column-gap: 30px;}
.inner-project .rows dl{break-inside: avoid;}
.inner-project .rows dl{margin-bottom: 30px;}
.inner-project .rows dl a dt{overflow: hidden;width: 100%;background: #000;position: relative;}
.inner-project .rows dl a dt i{width: 40px;height: 40px;text-align: center;font-size: 30px;line-height: 40px;display:block;position:absolute;left: 50%;margin-left: -20px;top: 60%;margin-top: -20px;opacity: 0;transition: all .2s;color:rgba(255,255,255,.6);}
.inner-project .rows dl a dt img{width: 100%;opacity:0.8;transition: all .2s;}
.inner-project .rows dl a:hover dt img{transform:scale(1.1);opacity:1;}
.inner-project .rows dl a:hover dt i{top: 50%;opacity: 1;}
.inner-project .rows dl a dd{background: #f8f8f8;width: 100%;padding:30px;margin-bottom: 0}
.inner-project .rows dl a dd span{color:var(--base-color);}
.inner-project .rows dl a dd h2{font-size: 30px;color:#000;padding-top: 2%}
.inner-project .rows dl a dd h2{font-size: 22px;}
.inner-project .rows dl a dd h3{padding-top: 5%;line-height: 20px;}
.inner-project .rows dl a dd h3 i{margin-left: 5px;line-height: 20px;vertical-align: text-top;}

@media (max-width:991px){
	.inner-project{padding-top:20px;padding-bottom: 40px}
	.inner-project .rows dl a dd{padding:20px;}
	.inner-project .rows{columns: 2; column-gap: 20px;}
	.inner-project .rows dl a dd h2{font-size: 20px;}
}
@media (max-width:767px){
	.inner-project .rows dl a dd{padding:10px;}
	.inner-project .rows{columns: 1; column-gap: 10px;}
	.inner-project .rows dl a dd h2{font-size: 18px;}
}
.inquiryform{position: fixed;transition: all .3s;width: 100%;height: 100vh;opacity: 0;visibility: hidden;z-index: 100;}
.inquiryform .feedback{position: fixed;padding:40px;background:#fff;width: 650px;top: 52%;left: 50%;transform: translate(-50%,-43%);z-index: 105;border:12px #00000030 solid;transition: all .3s;border-radius:5px}
.inquiryform.show{opacity: 1;visibility: visible;}
.inquiryform.show .feedback{top: 50%;height: 70%}
.inquiryform.show .feedback.sa{text-align:right;}
.inquiryform.show:before{content: '';position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background: #000000a0;z-index: -1}
.inquiryform .feedback .title{width: 100%;display: block;position: relative;height: 60px;line-height: 30px;font-size: 20px;font-weight: 600;text-transform: uppercase;}
.inquiryform .feedback .title i{font-size: 20px;position: absolute;right:-25px;top: -25px;cursor: pointer;}
.inquiryform .feedback.sa .title i{right: auto;left: -25px}
.inquiryform .feedback .title i:hover{color: var(--base-color)}
.inquiryform .feedback ul li textarea{height: 18vh}
.feedback ul{font-size: 0}
.feedback ul li{width: 49%;display:inline-block;margin-bottom: 20px;margin-right:2%;vertical-align: top}
.feedback ul li:nth-child(2n){margin-right:0}
.feedback ul li input{width: 100%;line-height: 50px;height: 50px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 15px;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.05);}
.feedback ul li:nth-child(5),.feedback ul li:nth-child(8),.feedback ul li:last-child{width: 100%;}
.feedback ul li:nth-child(7) img{vertical-align: bottom;cursor: pointer;display: inline-block;margin-top: 11px;margin-left: 12px}
.feedback ul li textarea{width: 100%;height: 200px;line-height: 22px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 15px;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.05);border-radius:5px}
.feedback ul li:last-child input,.inner-contact .feedback ul li:last-child input{background: var(--base-color);color: #fff;font-size: 16px;font-weight: 300;padding: 0;transition: all .2s;border: none;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.5)}
.feedback ul li:last-child input:hover,.inner-contact .feedback ul li:last-child input:hover{background: var(--auxiliary-color)}
@media screen and (max-width: 1299px){
	.inquiryform.show .feedback{height: 68%}
}
@media screen and (max-width: 1199px){
	.inquiryform.show .feedback{height: 66%}
	.inquiryform .feedback .title{height: 40px;line-height: 20px;font-size: 18px;}
	.inquiryform .feedback{padding:30px;width: 60%;top: 50%;left: 20%;transform: translateY(-50%);border:8px #00000030 solid;}
	.inquiryform .feedback .title i{right:-15px;top: -15px;}
}
@media screen and (max-width: 991px){
	.inquiryform.show .feedback{height: 64%}
	.feedback ul li input{line-height: 40px;height: 40px;}
}
@media screen and (max-width: 767px){
	.inquiryform .feedback .title{height: 40px;line-height: 20px;font-size: 18px;}
	.inquiryform .feedback{padding:20px;width: 90%;top: 50%;left: 5%;transform: translateY(-50%);border:8px #00000030 solid;}
	.inquiryform .feedback .title i{font-size: 18px;right:0;top: 0;}
	.feedback ul li:last-child input,.inner-contact .feedback ul li:last-child input{font-size: 14px;}
}

.pageNav{padding-bottom: 40px;font-size: 13px;padding-left: 0;}
.pageNav.pageCenter{text-align: center;padding-top: 20px}
.pageNav span,.pageNav a{display: inline-block;font-size: 13px;padding: 8px 14px;border: 1px #ddd solid;margin-right: 6px;border-radius: 2px}
.pageNav a:hover,.pageNav span.current{color: #fff;background: var(--base-color);border-color: var(--base-color)}
.pageNav span.disabled{border-color: #ddd;color: #aaa}
@media (max-width:1199px){
	.project dl a dd h2{font-size: 25px;}
	.project .rows dl a dd h2{font-size: 20px;}
	.project .rows{columns:3;}
	.pageNav.pageCenter{padding-top: 50px}
}
@media (max-width:767px){
	.project .rows{columns:2;column-gap: 20px;}
	.project dl a dd h2{font-size: 18px;}
	.project .rows dl a dd h2{font-size: 16px;}
	.project dl a dd h3{font-size: 13px}
}
@media (max-width:576px){
	.project dl a dd{padding:5%;}
	.project dl a dd h3{padding-top: 2%;}
}


.inner-contact{padding-bottom: 60px;padding-top:80px;}
.inner-contact .contact-info{display: block;font-size: 0;padding-top: 40px}
.inner-contact .contact-info dl{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;border-top: 1px #eee solid;padding-top: 30px;margin-bottom: 40px;position:relative;}
.inner-contact .contact-info dl:after{content: '';position: absolute;left: 0;top: -1px;height: 1px;width: 0;background:var(--base-color);transition:all .5s;}
.inner-contact .contact-info dl:hover:after{width: 100%}
.inner-contact .contact-info dl:nth-child(3n){margin-right: 0}
.inner-contact .contact-info dl:last-child{width: 66%}
.inner-contact .contact-info dl dt{display: block;font-size: 20px;color: #222;line-height: 24px;font-weight: 500}
.inner-contact .contact-info dl dt i{font-size:20px;line-height: 24px;display: inline-block;vertical-align: top;margin-right: 10px}
.inner-contact .contact-info dl dt i.icon-library{font-size: 13px}
.inner-contact .contact-info dl dd{font-size: 18px;font-weight: 300;padding-top: 15px;transition: all .3s;padding-left: 30px}
.inner-contact .contact-info dl dd a{font-size:18px;}
.inner-contact .contact-info dl dd a:hover{color:var(--base-color)}
.inner-contact .row{padding-bottom: 50px;}
.inner-contact .row > div {padding: 0}
.inner-contact .row > div:first-child{padding-right: 3%;padding-top: 50px}
.inner-contact .row > div img{width: 100%}
.inner-google-map .map {width: 100%;height: 600px;display: block;}
.inner-google-map .map iframe{width: 100%;height: 100%}

.inner-feed .row > div{padding:0}
.inner-feed .row > div:first-child{padding-right: 5%}
.inner-feed .row > div.feedback{padding-top:20px}

@media(max-width:1299px){
	.inner-google-map .map {height: 500px;}
}
@media(max-width:1199px){
	.inner-contact .contact-info dl,.inner-contact .contact-info dl:nth-child(3n){width: 49%;margin-right: 2%;margin-bottom: 30px;}
	.inner-contact .contact-info dl:nth-child(2n){margin-right: 0}
	.inner-contact .contact-info dl dt{font-size: 15px}
	.inner-contact .contact-info dl dd,.inner-contact .contact-info dl dd a{font-size: 16px;}
	.inner-google-map .map {height: 450px;}
}
@media(max-width:991px){
	.inner-contact{padding-bottom: 40px;padding-top:20px;}
	.inner-contact .bdmap {height: 350px;}
	.inner-contact .contact-info dl{padding-top: 20px;margin-bottom: 20px;}
	.inner-contact .contact-info dl dt{font-size: 14px}
	.inner-contact .contact-info dl dd{padding-top: 5px}
	.inner-contact .contact-info dl dd,.inner-contact .contact-info dl dd a{font-size: 15px;}
	.inner-contact .row{padding-bottom: 0px}
	.inner-contact .row > div:first-child{padding-right: 0;padding-top:20px}
	.inner-contact .contact-info dl:last-child{width: 100%}
	.inner-google-map .map {height: 40vh;}
}
@media(max-width:767px){
	.inner-contact .contact-info dl dt{font-size: 13px}
	.inner-contact .contact-info dl dd,.inner-contact .contact-info dl dd a{font-size: 14px;}
	.inner-google-map .map {height: 30vh;}
}
@media(max-width:576px){
	.inner-contact .contact-info dl,.inner-contact .contact-info dl:nth-child(3n){width: 100%;margin-right: 0;margin-bottom: 10px;padding-top: 15px}
	.inner-contact .contact-info dl:last-child{margin-bottom: 0}
}


.pagination-bar {overflow: hidden; padding:0;margin-top:50px;font-size: 16px;}
.pagination-bar.center{text-align: center;}
.pagination-bar.bordertop{border-top: 1px #eee solid;padding-top: 50px}
.pagination-bar ul {display: block;overflow: hidden;}
.pagination-bar ul li {margin: 4px;	vertical-align: top;display: inline-block;}
.pagination-bar ul li.disabled { background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s; -o-transition: ease all 0.4s;border-radius:3px;font-size: 15px}
.pagination-bar ul li a {background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;color: #333;border-radius:3px;font-size: 15px}
.pagination-bar ul li.pageinfo {background: #e8e8e8;line-height: 42px;text-align: center;padding: 0 15px;border-radius:3px;font-size: 15px;color: #666}
.pagination-bar ul li.active{background: var(--base-color);color: #fff;height: 42px;width: 42px;display: inline-block;border-radius:3px;line-height: 42px;text-align: center;font-weight: 300;font-size: 15px}
.pagination-bar ul li i{vertical-align: top;font-size: 16px;line-height: 42px;display: inline-block;color: #666}
.pagination-bar ul li a:hover{ color: #fff; background: var(--base-color);}
@media screen and (max-width: 991px){
	.pagination-bar {margin-top:30px;}
	.pagination-bar ul li.disabled {height: 30px;width: 30px;line-height: 30px;}
	.pagination-bar ul li a {height:30px;width: 30px;line-height: 30px}
	.pagination-bar ul li.pageinfo {line-height: 30px;padding: 0 10px;font-size: 14px}
	.pagination-bar ul li.active{height: 30px;width: 30px;line-height: 30px;}
	.pagination-bar ul li i{font-size: 14px;line-height: 32px;}
	.pagination-bar.mb0{text-align: center;padding-top: 30px}
}

.suspension{position:fixed;z-index:301;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,.suspension .a:hover{background:var(--base-color);}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:var(--base-color);}
.suspension .a-top i{ color:#333; font-size:25px !important;}
.suspension .a-top:hover i{color: #fff}
.suspension .d {display: none; width: 150px;background: #fff; position: absolute; right: 50px; min-height: 50px;border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); line-height: 48px;text-align:center;}
.suspension .d-tel{top:0;}
.suspension .d-service{top:0;}
.suspension .d-service img{width: 100%;}
.suspension .d-service-phone{top:92px;}
.suspension .d-qrcode{top:46px;width: 200px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-qrcode{text-align:center;}
.suspension-box .iconfont{font-size: 20px !important; color: #fff;text-align: center; margin: 0px auto; padding: 10px;display: block;}


.comm-contact{background: url(../images/contact_bg.webp) no-repeat center fixed;background-size: cover}
.comm-contact .comm-title h1{color: #fff}
.comm-contact .comm-title h3{color: #fff}
.comm-contact .conatcts a{border-radius: 0.4rem;border:1px #fff solid;padding:10px 30px;font-size:18px;font-weight: 400;color: #fff;line-height: 30px;margin-top: 30px}
.comm-contact .conatcts a i{margin-right: 10px;font-size:20px;line-height: 30px;display: inline-block;vertical-align: top}
.comm-contact .conatcts a:hover{background:var(--base-color);border-color:var(--base-color);}
.comm-contact .social-media{margin-top: 30px}
.comm-contact .social-media a{display: inline-block;margin: 0 10px;font-size:22px;color: #ffffffc0}
.comm-contact .social-media a:hover{color:var(--scheme-color)}

.footer{background:var(--base-color);position: relative;padding-top: 60px}
.footer .row > div{padding: 0}
.footer .row .footcontact ul{padding-top: 3px}
.footer .row .footcontact ul li{color: #fff;font-size:0;margin-bottom: 8px;line-height: 24px}
.footer .row .footcontact ul li:first-child{margin-bottom:20px}
.footer .row .footcontact ul li i{display: inline-block;font-size:16px;line-height: 24px;width: 25px;vertical-align: top}
.footer .row .footcontact ul li i.icon-email{font-size:14px;}
.footer .row .footcontact ul li span{display: inline-block;font-size:14px;width:calc(100% - 25px);vertical-align: top;font-weight: 300}
.footer .row .footcontact ul li span a{color: #fff}
.footer .row .footcontact ul li span a:hover{color: var(--scheme-color)}
.footer .row .footmenu{padding-left: 5%}
.footer .row .footmenu nav{display: grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;}
.footer .row .footmenu nav dl dt{display:block;position: relative}
.footer .row .footmenu nav dl dt a{color: #fff;font-weight: 400;font-size: 20px}
.footer .row .footmenu nav dl dt i{position: absolute;right: 0;top: 50%;display: none;color: #fff;font-size:20px;transition: .3s;transform:translateY(-50%);cursor: pointer;
}
.footer .row .footmenu nav dl.active dt i{transform:translateY(-50%) rotate(90deg);}
.footer .row .footmenu nav dl a:hover{color: var(--scheme-color)}
.footer .row .footmenu nav dl dd{display: block;padding-top: 25px}
.footer .row .footmenu nav dl dd a{color: #fff;font-size: 16px;display: block;line-height: 30px}
.footer .copyright{padding-top: 30px;margin-top: 30px;border-top: 1px #ffffff20 solid;color: #ffffffa0;padding-bottom: 30px}
.footer .copyright .row{align-items: center;}
.footer .copyright .row > div:last-child{text-align: right;}
.footer .foot-logo img{width: 60px}
.footer .copyright a{color: #ffffffa0}

@media screen and (max-width: 991px){
	.comm-contact .conatcts a{padding:8px 20px;font-size:14px;}
	.comm-contact .social-media a{margin: 0 6px;font-size:18px;}
	.footer{padding-top: 40px}
	.footer .row .footmenu{padding-left: 0;padding-top: 30px}
	.footer .row .footmenu nav{display: block;}
	.footer .row .footmenu nav dl{display: block;border-bottom: 1px #ffffff20 solid;}
	.footer .row .footmenu nav dl dd{display: none;padding-top: 0;padding-bottom: 20px}
	.footer .row .footmenu nav dl dt a{line-height: 50px;font-size:16px;}
	.footer .row .footmenu nav dl dt i{display: inline-block}
	.footer .row .footmenu nav dl dd a{font-size: 14px;}
	.footer .copyright{border-top: none;padding-top: 0}
	.footer .copyright .row,.footer .copyright .row > div:last-child{text-align: center;font-size:13px;}
	.footer .copyright .row > div:last-child{padding-top: 15px}
}