@charset "utf-8";
@import url("bootstrap.min.css");
@import url("swiper-bundle.min.css");
@import url("icomoon.css");
@font-face{font-family:'Barlow';font-weight:200;src:url(fonts/Barlow-Light.ttf);font-display:swap}
@font-face{font-family:'Barlow';font-weight:300;src:url(fonts/Barlow-Regular.ttf);font-display:swap}
@font-face{font-family:'Barlow';font-weight:400;src:url(fonts/Barlow-Medium.ttf);font-display:swap}
@font-face{font-family:'Barlow';font-weight:500;src:url(fonts/BarlowCondensed-Bold.ttf);font-display:swap}
@font-face{font-family:'Barlow';font-weight:600;src:url(fonts/Barlow-Black.ttf);font-display:swap}
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#333;-webkit-text-size-adjust:none;font-family: 'Barlow';font-weight: 200}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-family: 'Barlow';font-size:14px; color:#333; font-weight:300}
h1{font-weight:600;}
h2{font-weight:500;}
h3{font-weight:400}
p{font-weight:300}
em{ font-style:normal}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top;font-family: 'Barlow';font-weight:300}
input,textarea{font-family: 'Barlow';font-weight:300;font-size:15px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0;font-family: 'Barlow';font-weight: 300}
li{list-style:none}
img{display: inline-block; border:none}
:root {
  --base-color: #f5201b;
  --scheme-color: #030508;
}
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.3s;font-family: 'Barlow';font-weight:300}
a:hover{ color:var(--base-color);text-decoration:none;}
a,input,button,textarea,i{ outline:none;}
a .light{cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);}
a:hover .light{transition:all 0.5s ease;left:100%}
.flex{display: flex;}
.flex-none{flex: none}
.flex-row{flex-direction: row;}
.flex-row-reverse{flex-direction: row-reverse;}
.flex-col{flex-direction: column;}
.flex-col-reverse{flex-direction: column-reverse;}
.basis-full{flex-basis: 100%;}
.basis-auto{flex-basis: auto;}
.justify-start{justify-content: flex-start;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-end{justify-content: flex-end;}
.items-start{align-items: flex-start;}
.items-center{align-items: center;}
.items-end{align-items: flex-end;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.shrink{flex-shrink: 1;}
.flex-grow{flex-grow:1}
.center{text-align: center;}
.gap-15{gap: 15px;}
.gap-20{gap: 20px;}
.gap-25{gap: 25px;}
.gray{background: #fff}
.innerpage{padding-top: 90px}
.gray{background: #f8f8f8}
.mobileshow{display: none}
header {position:fixed;left:0;top: 0px;z-index: 500;width: 100%;transition:all .4s ease;height: 80px;line-height: 80px;border-bottom: 1px #ffffff25 solid}
header .row{height: inherit;line-height:inherit}
header .row > div{padding: 0;height: inherit;line-height:inherit;}
header .row > div:last-child{padding-right:3%;}
header .logo{text-align: center;}
header .logo a{line-height: inherit}
header .logo a i{font-size:35px;color: #fff;line-height: inherit}
header .menu{display: flex}
header .mobilemenu{text-align: center;height:inherit;display: inline-block;vertical-align: top;color: #fff;font-size:15px;line-height: inherit;cursor: pointer;position:relative;z-index: 100;padding-left: 40px}
header .mobilemenu:after{content: '';position: absolute;left:0; top: 0;height:80px;width: 1px;background: #ffffff25}
header .mobilemenu a{display:inline-block;position: relative;cursor: pointer;width:40px;height:40px;overflow:hidden;vertical-align: middle;}
header .mobilemenu a span,header .mobilemenu a span:after,header .mobilemenu a span:before {content:"";display:block;width:28px;height:3px;background:#fff;position:absolute;top:46%;margin-top:-2px;left:0; -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;width: 20px}
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:#000;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-18px;-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 .mainmenu{display:inline-block;height: inherit;line-height:inherit;white-space: nowrap;}
header .mainmenu > li{padding-left: 50px;line-height: inherit;position: relative;display: inline-block;}
header .mainmenu > li > a{line-height: inherit;font-weight:400;font-size:20px;color: #fff}
header .mainmenu > li > a i{margin-left: 5px;display:inline-block;font-size:20px;line-height: inherit;vertical-align: top;transition: all .3s}
header .mainmenu > li ul{position: absolute;left: -4px;width: 160%;top: 70px;background:#fffffff0;padding:15px 30px;opacity: 0;visibility: hidden;transition: all .4s;display: block;height:auto;}
header .mainmenu > li ul li{display: block;height: 55px;border-bottom: 1px #e5e5e5 solid}
header .mainmenu > li ul li:last-child{border-bottom: none}
header .mainmenu > li ul li a{line-height:55px;display: block;font-size:16px;font-weight:400;}
header .mainmenu > li ul li a:hover,header .mainmenu > li.active > a{color: var(--base-color)}
header .mainmenu > li.active > a i{transform: rotate(-180deg);color: #bd2e31}
header .mainmenu > li.active ul{top: 80px;opacity: 1;visibility: visible;}
header:after{content: '';background:#000000b0;width: 100%;height: 100vh;position: fixed;display: block;left: 0;top:80px;z-index: -1;opacity: 0;visibility: hidden;transition: all .6s}
header.navfix:after,header.bg:after{opacity: 1;visibility: visible;}
header .lang{text-align: right;}
header .lang .flex .contact-us a.quote{background:var(--base-color);display:inline-block;padding:10px 30px;font-size:16px;border-radius: 50px;color: #fff;line-height: 20px;font-weight: 400;text-transform: uppercase;vertical-align: middle}
header .lang .flex .contact-us a.quote i{display: inline-block;margin-right: 8px;vertical-align: top;line-height: 20px;font-size: 18px}
header .lang .flex .contact-us a.quote:hover{background: #111}
header .lang .flex .form-search i.icon-search1{margin-left: 30px;font-size:22px;color: #fff;cursor: pointer;vertical-align: middle;transition: .2s}
header .lang .flex .share{padding-left:20px;position: relative;margin-left: 20px;cursor: pointer;}
header .lang .flex .share:after{content: '';position: absolute;left: 0;top: 52%;transform: translateY(-50%);width: 1px;height: 15px;background:#ffffff30;}
header .lang .flex .share a{display: inline-block;margin:0 8px;color: #fff;font-size: 18px;vertical-align: middle}
header .lang .flex .share a:hover,header.scroll .lang .flex .share a:hover,header.navfix .lang .flex .share a:hover{color: var(--base-color)}

header.scroll,header.navfix,header#fixed{background: #fffffffd;box-shadow: 0 0 10px 5px #00000010}
header.scroll .logo a i,header.navfix .logo a i,header#fixed .logo a i{color: var(--base-color)}
header.scroll .mobilemenu a span,header.scroll .mobilemenu a span:after,header.scroll .mobilemenu a span:before,header.navfix .mobilemenu a span,header.navfix .mobilemenu a span:after,header.navfix .mobilemenu a span:before,header#fixed .mobilemenu a span,header#fixed .mobilemenu a span:after,header#fixed .mobilemenu a span:before{background: #000}
header.scroll .mainmenu > li > a,header.navfix .mainmenu > li > a,header#fixed .mainmenu > li > a{color: #000}
header.scroll .mainmenu > li > a:hover,header.scroll .mainmenu > li.active > a,header.navfix .mainmenu > li > a:hover,header.navfix .mainmenu > li.active > a,header#fixed .mainmenu > li > a:hover,header#fixed .mainmenu > li.active > a{color: var(--base-color)}
header.scroll .mobilemenu:after,header.navfix .mobilemenu:after,header#fixed .mobilemenu:after{background: #00000015}
header.scroll .lang .flex .form-search i.icon-search1,header.navfix .lang .flex .form-search i.icon-search1,header#fixed .lang .flex .form-search i.icon-search1{color: #000;transition:.3s;}
header .lang .flex .form-search i.icon-search1:hover,header.scroll .lang .flex .form-search i.icon-search1:hover,header.navfix .lang .flex .form-search i.icon-search1:hover,header#fixed .lang .flex .form-search i.icon-search1:hover{color: var(--base-color)}
header.scroll .lang .flex .share:after,header.navfix .lang .flex .share:after,header#fixed .lang .flex .share:after{background:#00000015;}
header.scroll .lang .flex .share a,header.navfix .lang .flex .share a,header#fixed .lang .flex .share a{color: #000}

header .catelog{position: fixed;left: 0;top: 80px;width: 100%;display: block;background:#fffffff0;height: 0;overflow: hidden;}
header .catelog .cate-table{display: table;}
header .catelog .cate-table .cate-lm{width: 62vw;display: table-cell;padding:60px 0 60px 100px}
header .catelog .cate-table .cate-lm h3{display: block;font-size:22px;line-height: 30px;font-weight: 500;margin-bottom: 20px}
header .catelog .cate-table .cate-lm h3 i{color: var(--base-color);display: inline-block;margin-right: 8px;line-height: 30px;vertical-align: top;}
header .catelog .cate-table .cate-lm .social-media{display: block;margin-top: 50px}
header .catelog .cate-table .cate-lm .social-media a{display: inline-block;margin-right: 10px;font-size: 16px;width: 36px;height:36px;border-radius: 50%;border: 1px #ddd solid;text-align: center;line-height: 36px}
header .catelog .cate-table .cate-lm .social-media a:last-child{margin-right: 0}
header .catelog .cate-table .cate-lm .social-media a:hover{color: #fff;background: var(--base-color);border-color: var(--base-color)}
header .catelog .cate-table .cate-lm > ul{width: 50%;position: relative;padding-right: 8%;}
header .catelog .cate-table .cate-lm > ul:after{content: '';background:#00000012;width: 1px;height: 100%;right: 0;top: 0;position: absolute;}
header .catelog .cate-table .cate-lm > ul > li{display: block;line-height: 60px;}
header .catelog .cate-table .cate-lm > ul > li > a{padding-left: 20px;display: block;border-bottom: 1px #e5e5e5 solid;position: relative;font-size:20px;font-weight:400;z-index: 3;position: relative;}
header .catelog .cate-table .cate-lm > ul > li > a:after{content: '';position: absolute;z-index: -1;left: 0;top:0;background: var(--base-color);width: 0;height:100%;transition:.3s;border-radius: 6px}
header .catelog .cate-table .cate-lm > ul > li.active > a{border-bottom-color:transparent}
header .catelog .cate-table .cate-lm > ul > li.active > a:after{width: 100%;}
header .catelog .cate-table .cate-lm > ul > li > a i{position: absolute;right: 3%;top: 0;line-height: 60px;font-size: 14px;transition:.3s .2s;}
header .catelog .cate-table .cate-lm > ul > li.active > a,header .catelog .cate-table .cate-lm > ul > li.active > a i{color: #fff}
header .catelog .cate-table .cate-lm > ul > li ul{position: absolute;right: -10%;transform: translateX(100%);top: 0;width:70%;opacity: 0;visibility: hidden;transition: ease 0.2s}
header .catelog .cate-table .cate-lm > ul > li.active ul{opacity: 1;visibility:visible;right: -15%;transition: ease 0.5s;}
header .catelog .cate-table .cate-lm > ul > li ul{height:auto;}
header .catelog .cate-table .cate-lm > ul > li ul li{display:block;line-height: 60px}
header .catelog .cate-table .cate-lm > ul > li ul li a{font-weight: 400;color: #666;font-size: 18px;display: block;border-bottom: 1px #e5e5e5 solid;}
header .catelog .cate-table .cate-lm > ul > li ul li a:hover{color: #bd2e31}
header .catelog .cate-table .cate-intro{display: table-cell;background: #00000008;vertical-align: middle;padding-left: 5%;padding-right: 5%;line-height: 20px;width: 38vw}
header .catelog .cate-table .cate-intro h1{text-transform: capitalize;font-size: 30px;display: block;margin-bottom:20px}
header .catelog .cate-table .cate-intro .ajax-intro{top:20px;opacity: 0;position: relative}
header .catelog .cate-table .cate-intro .ajax-intro p{font-size: 15px;line-height: 25px}
header .catelog .cate-table .cate-intro .ajax-intro img{max-width: 100%;margin-top: 30px;border-radius: 5px}
header .catelog .cate-table .cate-intro .ajax-intro.active{top:0;opacity: 1;transition: all .8s;}


.banner {width: 100%;position: relative;box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 20%);}
.banner .swiper-slide{overflow: hidden}
.banner .swiper-slide .bgimg {position: relative;background:#000;}
.banner .swiper-slide .bgimg:after{height:100vh;content:'';display:block}
.banner .swiper-slide .bgimg:before{content: "";position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle, rgba(0, 0, 0, 0.25) 0.5px, transparent 0.5px) center / 3px 3px; pointer-events: none;z-index: 1}
.banner .swiper-slide .bgimg video,.banner .swiper-slide .bgimg img{position:absolute;left:50%;height:100%;width:100%;max-width:initial;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);opacity:0.75;object-fit: cover;}
.banner .swiper-slide .text{position: absolute;left:10%;top:50%;transform: translateY(-50%);z-index: 2;width: 52%;}
.banner .swiper-slide .text h1{font-size:80px;font-weight:500;text-transform: uppercase;color: #fff;position: relative;margin-bottom:35px;text-shadow: 5px 5px 5px rgba(0,0,0,0.2);padding-bottom: 40px;letter-spacing: -1px;line-height:1}
.banner .swiper-slide .text h2{font-size:20px;color: #ffffff;padding: 5px 0;text-shadow: 0 2px 5px rgba(0,0,0,0.6);line-height: 1.4;font-weight: 400;}
.banner .swiper-slide .text h1:after{content: '';position: absolute;left:0px;bottom: 0;width:80px;height:20px;background:url(../images/line.svg) no-repeat left;background-size:100% auto}
.banner .swiper-slide .text .learnmore{display: block;margin-top: 80px;text-align: left}
.banner .swiper-slide .text .learnmore a{display: inline-block;padding: 12px 50px;border-radius: 5px;color: #fff;transition: .3s;border:2px #fff solid;background: none;font-weight: 400;text-transform: uppercase;font-size: 16px}
.banner .swiper-slide .text .learnmore a.last{background: #fff;color: #222;margin-left: 10px}
.banner .swiper-slide .text .learnmore a.last:hover{background: none;color: #fff}
.banner .swiper-slide .text .learnmore a i{margin-left: 10px;transition: .3s}
.banner .swiper-slide .text .learnmore a:hover{box-shadow: 0px 3px 18px #aaccffa0;border-color: transparent;}
.banner .swiper-slide .text .learnmore a:hover i{margin-left: 25px}
.banner .swiper-slide .text h3{font-size: 16px;color: rgba(255,255,255,.5);line-height:28px;width:40%;margin-bottom: 10px}
.banner .swiper-slide .text h4{font-size:60px;text-transform: uppercase;color: #fff;margin-bottom:10px;text-shadow: 5px 5px 5px rgba(0,0,0,0.3);font-weight: bold;padding-top: 30px}

.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 .8s .6s;}
.banner .swiper-slide .text .learnmore{transform:translateY(200px);opacity:0;transition:all .8s .8s;}
.banner .swiper-slide .text h3{transform:translateY(200px);opacity:0;transition:all .6s .10s;}
.banner .swiper-slide .text h4{transform:translateY(200px);opacity:0;transition:all .6s .12s;}
.banner .swiper-slide-active .text h1,.banner .swiper-slide-active .text h2,.banner .swiper-slide-active .text .learnmore,.banner .swiper-slide-active .text h3{transform:translateY(0px);opacity:1;}
.banner .swiper-slide-active .img,.banner.ban-product .swiper-slide-active .img{transform:translateX(0px);opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 60px}

.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 18px;color: #fff;background:#00000020;padding: 22px 15px}
.banner .swiper-button-prev{left: 0;top: 50%;transform: translateY(-50%)}
.banner .swiper-button-next{right: 0;top: 50%;transform: translateY(-50%);}
.banner .swiper-pagination{bottom: 50px;width: 100%}
.banner .swiper-pagination-bullet {margin:0 20px 0 0!important;opacity: 1!important;}
.banner .swiper-pagination-bullet {background: rgba(255,255,255,.3);width: 40px;height: 1px;border-radius:0;position: relative;}
.banner .swiper-pagination-bullet::after {display: block;top: -25px;left: 0;z-index: 10;font-size:14px;color:#fff;width:100%;position:absolute;opacity: .5;text-align: left}
.banner .swiper-pagination-bullet:nth-child(1)::after {content: '01';}
.banner .swiper-pagination-bullet:nth-child(2)::after {content: '02';}
.banner .swiper-pagination-bullet:nth-child(3)::after {content: '03';}
.banner .swiper-pagination-bullet:nth-child(4)::after {content: '04';}
.banner .swiper-pagination-bullet:nth-child(5)::after {content: '05';}
.banner .swiper-pagination-bullet:nth-child(6)::after {content: '06';}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {opacity: 1;font-weight:bold}
.banner .swiper-pagination-bullet::before {content: '';width: 0%; height: 100%;left: 0;top: 0;background:#fff;z-index: 3;display: block;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before {-webkit-animation: w100 6000ms 1;animation: w100 6000ms linear;width:100%;}
.banner .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active::before{-webkit-animation: w100 10000ms linear;animation: w100 10000ms linear;}
.banner .mouse {width: 80px;height: 80px;position: absolute;bottom:8%;right: 5%;z-index: 999;color: #fff;text-align: center;border-radius: 50%;border:2px #ffffff30 dotted;line-height: 14px;padding-top: 18px;font-weight: 200;font-size: 12px;text-transform:uppercase;color: #ffffffa0}
.banner .mouse i{text-align: center;display: block;-webkit-animation: rotateplane 1.2s infinite ease-in-out;animation: rotateplane 1.2s infinite ease-in-out;}
.vjs-tech, .video-dimensions, #video_html5_api, .vjs-paused, .vjs-controls-disabled{width: 100%;height: 100%}
.vjs-control-text{font-size:0}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
@keyframes rotateplane{ 
    0%{transform: translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px)}
    50%{transform: translateY(5px);-ms-transform:translateY(5px);-moz-transform:translateY(5px);-webkit-transform:translateY(5px);-o-transform:translateY(5px)}
    100%{transform: translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px)}
}

@media (max-width:1599px){
	header .logo a i{font-size:26px;}
	header .mainmenu > li{padding-left: 30px;}
	header .mainmenu > li > a{font-size: 19px}
	.banner .swiper-slide .text h1,.banner .swiper-slide .text h6{font-size:65px;margin-bottom: 25px}
	.banner .swiper-slide .text h2{font-size: 18px}
	.banner .swiper-slide .text h3{font-size: 16px;line-height: 25px}
	.banner .swiper-slide .bgimg:after{height:80vh;}
	.banner.ban-product .swiper-slide .img {top: 23%;right: 0}
}

@media (max-width:1399px){
	header .logo a i{font-size:22px;}
	header .mobilemenu{width: 90px}
	header .mainmenu > li{padding-left: 25px;}
	header .mainmenu > li > a{font-size: 18px}
	header .lang .flex .contact-us a.quote{font-size: 0}
	header .lang .flex .contact-us a.quote i{margin-right: 0}
	.banner .swiper-slide .bgimg:after{height:60vh;}
	.banner .swiper-pagination-bullet-active{width:80px}
	.banner .swiper-slide .text h6:after{left: -20%;top: -30%;width: 300px;height:200px;}
}

@media (max-width:1199px){
	header .mainmenu > li > a{font-size: 17px}
}

@media (max-width:991px){
	header .logo a i{font-size: 20px}
	header .share a{font-size: 18px;margin-left: 10px;}
	.banner .swiper-slide .bgimg:after,.banner .swiper-slide .bgimg.video:after{height:50vh;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px}
	.banner .mouse,.banner .swiper-button-next,.banner .swiper-button-prev,.banner .swiper-container-horizontal>.swiper-pagination-bullets{display: none}
}
@media (max-width:767px){
	.banner .swiper-slide .text h6:after{left: -25%;top: 0;width: 250px;height:150px;}
	.banner-slide .bgimg:after,.banner .swiper-slide .bgimg.video:after{height:42vh;}
	.banner .swiper-slide .text{top:42%;}
	.banner .swiper-slide .text h1,.banner .swiper-slide .text h6{font-size: 32px;margin-bottom: 15px;}
	.banner .swiper-slide .text h1:after{width: 50px;height: 2px;}
	.banner .swiper-slide .text.inner-left h1:after{top:55px}
	.banner .swiper-slide .text h2{font-size: 18px}
	.banner .swiper-slide .text h3{font-size: 18px;}
	.banner .swiper-slide .img,.banner.ban-product .swiper-slide .img{right: auto;left:3%;top: 48%;width:40%;}
}
@media (max-width:576px){
	header .logo{width: 130px;}
	header .share{display: none}
	header .togglemenu .header-menu{padding-left: 30px;}
	header .togglemenu ul{width: 95%;}
	header .togglemenu ul li i{position: absolute;right: 0;top: 15px}
	header .togglemenu ul li.active i{right: 8px}
}

.home-products{background:url(../images/pbg.webp) no-repeat center bottom;background-size: 100% auto;padding-top: 100px;padding-bottom: 100px}
.home-products .product-content{display: block;text-align: center;} 
.home-products .product-content > ul{display: block;position: relative;margin-top: 60px}
.home-products .product-content > ul:after{content: '';position: absolute;left: 0; top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background: #eee;z-index: 1;overflow: hidden;}
.home-products .product-content > ul > li{padding: 0 10px;display: inline-block;background:#fff;margin: 0 10px;position: relative;z-index: 2}
.home-products .product-content > ul > li a{border:2px var(--base-color) solid;color:var(--base-color);border-radius: 5px;padding:12px 50px 12px 35px;box-shadow: 0 15px 15px -15px #00000050;font-weight: 500;font-size: 20px;line-height: 30px;}
.home-products .product-content > ul > li a i{font-size: 32px;line-height: 30px;display: inline-block;vertical-align: top;margin-right: 10px}
.home-products .product-content > ul > li a:hover{background:var(--base-color);color: #fff}
.home-products .product-content .content{padding-top: 80px;}
.home-products .product-content .content dl a{display: block;background:#eee;overflow: hidden;position: relative;border-radius: 5px}
.home-products .product-content .content dl a:hover{background:#000;box-shadow: 0 15px 15px -13px #d63d2e90;}
.home-products .product-content .content dl a dt{display: block;overflow: hidden;}
.home-products .product-content .content dl a dt img{width: 100%;transition: all .8s}
.home-products .product-content .content dl a:hover dt img{transform: scale(1.08);opacity: 0.5}
.home-products .product-content .content dl a dd{position: absolute;right:0;bottom:0;height:50px;width: 70%;padding:40px 45px 40px 45px;border-top-left-radius: 5px;display: block;background: #fffffff0;text-align: left;overflow: hidden;box-sizing:initial;overflow: hidden;}
.home-products .product-content .content dl a dd h2{font-size: 26px;color: var(--base-color);display: block;margin-bottom: 25px}
.home-products .product-content .content dl a dd p{font-size: 16px;color: #333;line-height: 1.2;margin-top: 20px;color: #666;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.home-products .product-content .content dl a dd ul{all:unset;display: flex;gap:10px;margin-top: 20px}
.home-products .product-content .content dl a dd ul li{flex: 1;font-size: 16px;line-height: 40px;border-bottom: 1px #ddd solid;white-space: nowrap;}
.home-products .product-content .content dl a dd ul li i{display: inline-block;font-size:20px;line-height: 40px;vertical-align: top;margin-right: 6px}
.home-products .product-content .content dl a dd span{color: #fff;font-size: 14px;line-height: 30px;border-radius: 5px;display:inline-block;padding:5px 30px;margin-top: 30px;text-transform: uppercase;background: var(--base-color)}
.home-products .product-content .content dl a dd span i{display: inline-block;line-height: 30px;vertical-align: top;margin-left: 15px;}
.home-products .product-content a.more,.home-talk-with a.more{display: inline-block;padding:12px 50px;background: var(--base-color);color: #fff;border-radius: 5px;margin-top:80px;text-transform:uppercase;font-size: 18px;box-shadow: 0 15px 15px -13px #00000090;font-weight: 400}
.home-products .product-content a.more i,.home-talk-with a.more i{display: inline-block;margin-right: 15px;font-size: 25px;vertical-align: sub;transition: all .3s}
.home-products .product-content a.more:hover,.home-talk-with a.more:hover{background: #111}
.home-products .product-content a.more:hover i,.home-talk-with a.more:hover i{margin-right: 20px}
@media screen and (max-width: 1599px){
    .home-products .top-product > div:first-child{padding-right: 30px}
    .home-products .product-adv > div:first-child{padding-left: 30px}
    .home-products .row > div h1{font-size: 25px;padding-bottom: 25px}
    .home-products .row > div h1:after{width: 40px;height: 2px;}
    .home-products .row > div h3{padding-top:20px;font-size:16px;line-height:25px}
    .home-products{padding-top: 80px;padding-bottom: 80px}
    .home-products .product-content ul{margin-top: 60px}
    .home-products .product-content ul li a{padding:6px 20px}
    .home-products .product-content .content{padding-top: 60px;}
    .home-products .product-content a.more,.home-talk-with a.more{padding:10px 40px;margin-top:60px;font-size: 17px;}
    .home-products .product-content a.more i,.home-talk-with a.more i{font-size: 26px;}
}
@media screen and (max-width: 1399px){
	.home-products{padding-top: 60px;padding-bottom: 60px}
}
@media screen and (max-width: 1199px){
	.home-products{padding-top: 40px;padding-bottom: 40px}
    .home-products .row > div h1{font-size: 22px;padding-bottom: 18px}
    .home-products .row > div h3{padding-top:15px;font-size:15px;line-height:20px}
    .home-products .product-content ul{margin-top: 40px}
    .home-products .product-content ul li{padding: 0 8px;margin: 0;}
    .home-products .product-content ul li a{font-size: 13px}
    .home-products .product-content .content{padding-top: 40px;}
    .home-products .product-content a.more,.home-talk-with a.more{padding:8px 35px;margin-top:40px;font-size: 16px;}
    .home-products .product-content a.more i,.home-talk-with a.more i{font-size: 22px;}
}
@media screen and (max-width: 991px){
    .home-products .top-product > div:first-child{padding-right: 0;padding-bottom: 20px}
    .home-products .product-adv > div:first-child{padding-left: 0;padding-top:20px;padding-bottom: 20px}
    .home-products .row > div h1{font-size: 20px;padding-bottom: 20px;line-height:25px}
    .home-products .row > div h1:after{width: 30px;height: 2px;}
    .home-products .row > div h3{padding-top:20px;font-size:14px;line-height:20px;}
    .home-products .product-content ul{margin-top: 30px;padding-top:20px;}
    .home-products .product-content ul:after{top: 0;transform: translateY(0);}
    .home-products .product-content ul li{margin: 8px 0}
    .home-products .product-content a.more,.home-talk-with a.more{padding:8px 30px;margin-top:30px;font-size: 13px;}
    .home-products .product-content a.more i,.home-talk-with a.more i{font-size: 20px;}
}
@media screen and (max-width: 767px){
    .home-products .row > div h1{font-size: 18px;padding-bottom: 15px;line-height:22px}
    .home-products .row > div h3{text-align: justify;}
}


.home-about{padding-top: 100px;padding-bottom: 100px;overflow:hidden}
.home-about .row{align-items: center;}
.home-about .row > div{padding: 0}
.home-about .row > div:last-child{padding-left: 5%}
.home-about .row .about-img{position: relative;}
.home-about .row .about-img img{width: 100%;position: relative;z-index: 10;border-radius: 5px}
.home-about .row .about-img:after{content: '';background: #f7f7f7;width: 120%;height: 50%;display: block;position: absolute;right: -10%;bottom: -80px;border-radius: 5px;display:none}
.home-about .row .about-img a{position: absolute;left: 50%;top: 50%;width: 80px;height:80px;background: #ffffffd0;border-radius: 50%;text-align: center;cursor: pointer;-webkit-transform: translate(-50%, -50%);z-index: 100}
.home-about .row .about-img a i{line-height: 80px;color: #333;font-size:28px;transform: translateX(2px);display: inline-block}
.home-about .row .about-img a:hover{background: var(--base-color)}
.home-about .row .about-img a:hover i{color: #fff}
.home-about .row .about-intro{padding-left: 7%;padding-right: 5%;}
.home-about .row #cassini .text {position: absolute;right: 0;top: -10%;z-index: -1;white-space: nowrap;display:inline-block;font-size:200px;font-weight: 600;line-height:200px;color: #00000005;text-shadow: 0px 5px 20px rgba(25, 17, 64, 0.05);transform: capitalize}
.home-about .row #cassini .text b{color: #bd2e3107}
.home-about .more {margin-top: 60px}
.home-about .more a,.home-news .more a{padding: 10px 35px;border-radius: 5px;background: var(--base-color); color: #fff;line-height: 28px;display: inline-block;font-weight: 400;text-transform:uppercase;font-size: 16px;box-shadow: 0 15px 15px -13px #00000090;}
.home-about .more a i,.home-news .more a i{color: #fff;display: inline-block;vertical-align: top;line-height: 28px;font-size: 28px;margin-right: 8px;transition: all .2s}
.home-news .more a i{margin-left: 8px;margin-right: 0}
.home-about .more a:hover,.home-news .more a:hover{background: #111;}
.home-about .more a:hover i{margin-right: 16px;}
.home-news .more a:hover i{margin-left: 20px}

@media (max-width:991px){
	.home-about .row > div:last-child{padding-left:0}
	.home-about .row .about-intro{padding:0}
	.home-about .row #cassini .text{font-size: 100px;line-height: 100px;top: 2%;}
}
@media (max-width:767px){
	.comm-title p{padding: 20px 3% 0 3%;font-size: 14px;}
}
.home-about .row .about-intro > p{display: block;margin-top:5%;line-height: 1.3;font-size: 18px;font-weight: 400}
.home-about .row .about-intro .num-block{margin-top: 8%;font-size: 0}
.home-about .row .about-intro .num-block dl{display: inline-block;position: relative;padding-right: 15%}
.home-about .row .about-intro .num-block dl:first-child{min-width: 32%}
.home-about .row .about-intro .num-block dl:last-child{padding-right: 0}
.home-about .row .about-intro .num-block dl:after{content: '';position: absolute;right: 25%;top: 0;background:#eee;width: 1px;height:100%;}
.home-about .row .about-intro .num-block dl:last-child:after{display: none}
.home-about .row .about-intro .num-block dl dt{font-size: 45px;display: block;line-height:50px;color: var(--base-color);}
.home-about .row .about-intro .num-block dl dt.icon-solor{font-size: 36px;}
.home-about .row .about-intro .num-block dl dd{display: block}
.home-about .row .about-intro .num-block dl dd span{font-size: 50px;font-weight: 500}
.home-about .row .about-intro .num-block dl dd sup{font-size: 18px;top:-20px;left: 5px;font-weight: 300}
.home-about .row .about-intro .num-block dl dd p{display: block;margin-top:0;font-size: 16px;}

.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;}
.uw-index-about-video.cur {display: block;transform:translateY(-100%);position: fixed;}
.uw-index-about-video video{position: absolute;width: 100%;height: 100%;margin: auto;left: 0;top: 0;z-index: 1999}
.uw-close {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;z-index: 2000;background: #fff;text-align: center;border-radius: 3px}
.uw-close i{font-size:18px;color: #333;line-height: 40px}
.uw-close:hover {background: rgba(255,255,255,.4);}
.uw-close:hover i{color: #fff}
@media (max-width:1599px){
	.home-about .row .about-intro .num-block dl{padding-right: 12%}
	.home-about .row .about-intro .num-block dl dd span{font-size: 42px;}
	.home-about .row .about-intro .num-block dl dd sup{font-size: 17px;top:-18px;left: 4px;}
}
@media (max-width:1399px){
	.home-about .row .about-intro p{margin-top:6%;line-height: 25px;font-size: 15px}
	.home-about .row .about-intro .num-block dl{padding-right: 10%}
	.home-about .row .about-intro .num-block dl dd span{font-size: 35px;font-weight: 400}
	.home-about .row .about-intro .num-block dl dd sup{font-size: 16px;top:-8px;left: 2px}
}
@media (max-width:1199px){
	.home-about{background-size: auto 10%;padding-bottom: 50px}
}

@media (max-width:991px){
	.home-about .row .about-intro{padding-top: 30px}
}
@media (max-width:767px){
	.home-about .row .about-intro h2{font-size: 30px;padding-top: 20px}
	.home-about .row .about-intro p{line-height: 20px;font-size: 13px}
	.home-about .row .about-intro .num-block dl{padding-right: 10%}
	.home-about .row .about-intro .num-block dl dd span{font-size: 25px;}
	.home-about .row .about-intro .num-block dl dd sup{font-size: 13px;top:-6px;}
	.home-about{padding-bottom: 30px}
	.home-about .row .about-intro .num-block dl:after{right: 15%;}
}

.home-solution{background: #fff;position: relative;padding-top: 100px;padding-bottom: 100px;}
.home-solution .solution-swiper{padding-bottom: 60px;padding-top: 60px;}
.home-solution .solution-swiper .swiper-slide{overflow: hidden;cursor: pointer;box-shadow: 0 .25rem 2rem rgba(0,0,0,.2);border-radius: 8px}
.home-solution .solution-swiper .swiper-slide a{overflow: hidden;position: relative;display:block;}
.home-solution .solution-swiper .swiper-slide a img{width: 100%;transition: all .9s;object-fit: cover;aspect-ratio:16/9;}
.home-solution .solution-swiper .swiper-slide a:hover img{transform: scale(1.05);}
.home-solution .solution-swiper .swiper-slide a:hover.my-img-target img{transform: scale(1.1);}
.home-solution .bottom-text {display: block;text-align: center;}
.home-solution .bottom-text .swiper-button {display: inline-block;width: 8%;text-align: center;cursor: pointer;vertical-align:middle;}
.home-solution .bottom-text .swiper-button i{font-size: 30px;color:#555;transition: all .3s}
.home-solution .bottom-text .swiper-button i:hover{color: var(--base-color)}
.home-solution .bottom-text .list {display: inline-block;width: 40%;vertical-align:middle;position:relative;}
.home-solution .bottom-text .list dl {position: absolute;opacity: 0;-webkit-transform: translateY(15px);-moz-transform: translateY(15px);-ms-transform: translateY(15px);
  -o-transform: translateY(15px);transform: translateY(15px);pointer-events: none; width: 100%;top: 0; left: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.home-solution .bottom-text .list dl.active {position: relative;z-index: 2;pointer-events: auto;-webkit-transform: translateY(0);-moz-transform: translateY(0);
  -ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);opacity: 1;-webkit-transition: 0.5s all 0.5s;-o-transition: 0.5s all 0.5s;-moz-transition: 0.5s all 0.5s;transition: 0.5s all 0.5s;}
.home-solution .bottom-text .list dl dt{display: block;}
.home-solution .bottom-text .list dl dt h1{font-size: 35px;line-height: 1.2;text-transform: capitalize;}
.home-solution .bottom-text .list dl dd{display: block;font-size: 18px;margin-top: 10px}

@media screen and (max-width: 1399px){
	.home-solution{padding-top: 20px;padding-bottom: 80px;}
	.home-solution .inner-rd{padding-bottom: 80px;}
	.home-solution .bottom-text .list {width: 60%;}
	.home-solution .bottom-text .list dl dt h1{font-size: 30px;}
	.home-solution .bottom-text .list dl dd{font-size:18px;}	
}
@media screen and (max-width: 1199px){
	.home-solution{padding-top: 10px;padding-bottom: 50px;}
	.home-solution .inner-rd{padding-bottom: 60px;}
	.home-solution .solution-swiper{padding-top: 40px;padding-bottom: 40px;}
	.home-solution .bottom-text .list dl dt h1{font-size: 25px;}
	.home-solution .bottom-text .list dl dd{font-size:16px;}	
	.home-solution .bottom-text .swiper-button i{font-size:24px;}

}
@media screen and (max-width: 991px){
	.home-solution .inner-rd{padding-bottom: 40px;}
	.home-solution .solution-swiper{padding-top: 30px;padding-bottom: 30px;}
	.home-solution .bottom-text .list {width: 80%;}
	.home-solution .bottom-text .list dl dt h1{font-size: 22px;}
	.home-solution .bottom-text .list dl dd{font-size:14px;}

}
@media screen and (max-width: 767px){
	.home-solution .inner-rd{padding-bottom: 30px;}
	.home-solution .bottom-text .list dl dt h1{font-size:20px;}
}

.home-news{padding-top: 80px;padding-bottom: 80px;position: relative;background: #f5f5f5}
.home-news .news-list{padding-bottom:80px;padding-top:60px}
.home-news .news-list dl a{display: block;position: relative;}
.home-news .news-list dl a dt{display: block;border-radius: 5px 5px 0 0;overflow: hidden}
.home-news .news-list dl a dt img{width: 100%;transition: all .5s;}
.home-news .news-list dl a:hover dt img{transform: scale(1.1);}
.home-news .news-list dl a dd{background: #fffffff0;border-radius:0 0 5px 5px;box-shadow: 0px 15px 15px -13px rgba(0, 0, 0, 0.1);padding: 20px 30px;display: block;}
.home-news .news-list dl a dd h2{font-size: 25px;font-weight: 500;padding: 0 3px;transition: all .2s;line-height: 1.2;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.home-news .news-list dl a:hover dd h2{color: var(--base-color)}
.home-news .news-list dl a dd p{padding:0 3px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;font-size: 15px;color: #666;font-weight: 300;margin-top: 30px;margin-bottom: 20px}
.home-news .news-list dl a dd ul{margin-bottom: 5px;}
.home-news .news-list dl a dd ul li{font-size: 14px;line-height: 40px;color: #999}
.home-news .news-list dl a dd ul li:first-child{margin-right: 20px}
.home-news .news-list dl a dd ul li i{font-size: 20px;line-height: 40px;vertical-align: top;display: inline-block;margin-right:5px}
.home-news .news-list dl a dd ul li i.icon-eye{font-size: 16px}
.home-news .news-list dl a dd span{overflow: hidden;display: block;margin-top:20px;margin-bottom: 20px;margin-left: 3px}
.home-news .news-list dl a dd span i{color: var(--base-color);font-size: 12px;transform: translateX(-20px);display: inline-block;transition:.3s;}
.home-news .news-list dl a:hover dd span i{transform: translateX(0px);}
.home-news .news-list .swiper-button-prev,.home-news .news-list .swiper-button-next{top:30%;opacity: 0.9;background: #ffffff70}
.home-news .news-list .swiper-button-prev:after,.home-news .news-list .swiper-button-next:after{font-size: 20px;}
.home-news .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 18px;background: #ddd;border-radius: 2px;height:5px;opacity: 1}
.home-news .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.home-news .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background: var(--base-color);width: 55px;}
.home-news .more{text-align: center;display: block;margin-top: 30px}

@media (max-width:1499px){
	.home-news{padding: 120px 4% 60px 5%;}
	.home-news .news-list dl a dd{padding: 30px 5%;width:70%}
	.home-news .news-list dl a dd h1{font-size: 18px;line-height: 22px;max-height:44px;}
	.home-news .news-list dl a dd i{font-size: 20px;margin-top: 10px;margin-bottom: 10px}
	.home-news .news-list dl a dd p{height:40px;line-height: 20px;font-size: 13px;margin-top: 15px}
	.home-news .news-list dl a dd data b{font-size: 24px;}
}
@media (max-width:1199px){
	.home-news{padding: 80px 3% 40px 3%;}
	.home-news .title p{font-size: 15px;padding:2% 15%;}
	.home-news .news-list dl a dt{width: 100%}
	.home-news .news-list dl a dd{padding: 20px 4%;width: 100%;position: initial;-webkit-transform: translateY(0);box-shadow: 0px 0 5px 0px rgba(0, 0, 0, 0.1);}
	.home-news .news-list dl a dd h1{font-size: 18px;line-height: 22px;}	
}
@media (max-width:767px){
	.home-news{padding: 40px 3% 30px 3%;}
	.home-news .news-list dl a dd h1{font-size: 15px;line-height: 18px;}
	.home-news .news-list dl a dd p{height:36px;line-height: 18px;font-size: 13px;margin-top: 10px}
	.home-news .title p{font-size: 13px;padding:2% 6%;}
}
.subscriptions{background:url(../images/subscriptions_bg.webp) no-repeat center center;background-size: cover;padding-top: 100px;padding-bottom: 100px;position: relative;z-index: 50}
.subscriptions .comm-title h1{color: #fff}
.subscriptions .comm-title h3{color: #fff;}
.subscriptions .form{display: block;text-align: center;padding-top: 60px}
.subscriptions .form form{display: block;}
.subscriptions .form form input{width: 350px;font-size: 16px;height:50px;line-height: 50px;border:none;background: #fff;font-weight: 300;padding: 0 15px;border-radius: 3px 0 0 3px}
.subscriptions .form form button{background: var(--base-color);color: #fff;width: 100px;height:50px;text-align: center;line-height: 40px;border: none;font-size: 20px;outline:none;transition: all .2s;border-radius: 0 3px 3px 0}
.subscriptions .form form button:hover{background: #ff5e00;}
@media (max-width:1199px){
	.subscriptions{padding-top: 70px;padding-bottom: 75px;}
}
@media (max-width:767px){
	.subscriptions{padding-top: 50px;padding-bottom: 55px;}
	.subscriptions .title p{color: #fff;display: block;font-size:14px;}
	.subscriptions .form{padding-top: 20px}
	.subscriptions .form form input{width: 60vw;}
	.subscriptions .form form button{width: 80px;}
}
.banner-inner{display: block;position: relative;overflow: hidden;}
.banner-inner .bgimg{display: block;position: relative}
.banner-inner .bgimg img{width: 100%}
.banner-inner .text{position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 10}
.banner-inner .text h1{font-size:60px;font-weight:500;text-transform: uppercase;color: #fff;position: relative;margin-bottom:35px;text-shadow: 5px 5px 5px rgba(0,0,0,0.2);padding-bottom: 25px;letter-spacing: -1px;line-height:1}
.banner-inner .text h1:after{content: '';position: absolute;left:0px;bottom: 0;width:60px;height:10px;background:url(../images/line.svg) no-repeat left;
background-size:100% auto}
.banner-inner .text h2{font-size:20px;color: #ffffff;padding: 5px 0;text-shadow: 0 2px 5px rgba(0,0,0,0.6);line-height: 1.4;font-weight: 400;}

.banner-inner .sub-local{position: absolute;left: 0;bottom: 0;height:70px;border-top: 1px #ffffff30 solid;width: 100%;text-align: center;background: #00000010;backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}
.banner-inner .sub-local ul{display: inline-block;height:60px;font-size: 0;width: 100%}
.banner-inner .sub-local ul li{display: inline-block;padding: 0 3%}
.banner-inner .sub-local ul li a{display: block;line-height: 70px;color: #fff;position: relative;font-size: 20px;font-weight: 400}
.banner-inner .sub-local ul li a:after{content: '';position: absolute;top:-1px;left: 0;height:3px;width: 0;padding:0 5px;background: #fff;transition: all .2s}
.banner-inner .sub-local ul li.active a:after,.banner-inner .sub-local ul li a:hover:after{width: 100%}
@media (max-width:767px){
	.banner-inner .sub-local{height:50px;}
	.banner-inner .sub-local ul li{padding: 0 2%}
	.banner-inner .sub-local ul li a{line-height: 50px;font-size: 16px;}
}

.comm-title{display: block;}
.comm-title h1{font-weight: 500;font-size: 60px;text-transform:uppercase;position: relative;padding-bottom: 25px;}
.comm-title h1:after{content: '';background: url(../images/line.svg) no-repeat left center;background-size: cover;width: 60px;height:4px;position: absolute;left: 0;bottom: 0}
.comm-title h3{font-size: 18px;font-weight: 300;width: 70%;display: inline-block;padding-top: 30px}
.comm-title.center{text-align: center;}
.comm-title.center h1:after{left: 50%;-webkit-transform: translateX(-50%);}
@media (max-width:1399px){
	.comm-title h1{font-size: 50px;padding-bottom: 20px;}
	.comm-title h1:after{width: 50px;height:3px;}
	.comm-title h3{font-size: 16px;padding-top: 20px}
}
@media (max-width:1199px){
	.comm-title h1{font-size: 40px;padding-bottom: 15px;;}
	.comm-title h3{font-size: 15px;}
}
@media (max-width:991px){
	.comm-title h1{font-size: 30px;}
	.comm-title h3{font-size: 14px;}
}
.comm-padding{padding-top: 100px;padding-bottom: 100px}
.inner-about{padding-bottom: 0}
.inner-about .company-profile{padding-right: 6%;display: block;}
.inner-about .company-profile .comm-title h3{width: 100%;line-height: 1.5}
.inner-about .company-profile .row > div{padding:0;}
.inner-about .company-profile .row > div:first-child{position: relative;}
/*.inner-about .company-profile .row > div:first-child:after{content:'';position: absolute;left: -20%;background: #fff4f4;top: 50%;height: 102%;width: 60%;transform: translateY(-50%);z-index: -1;border-radius: 0 10px 10px 0}*/
.inner-about .company-profile .row > div.img {display: block;padding: 30px 5% 30px 0}
.inner-about .company-profile .row > div.img img{width: 100%;border-radius:0 10px 10px 0;box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.11);}
.inner-about .company-profile .content{padding-top:30px}
.inner-about .company-profile .content .item{overflow: hidden;padding: 2% 0;}
.inner-about .company-profile .content .item i{font-size: 50px;flex-basis:50px}
.inner-about .company-profile .content .item .txt{font-size: 18px;position: relative;padding-left: 8%;flex-grow:1;flex-basis:0}
.inner-about .company-profile .content .item .txt::before {content: '';display: block;width: 1px;height: 100%;background: #00000020;position: absolute;left:4%;top: 3px;}
.inner-about .company-profile .content .item .txt h2{font-size: 22px;color:#111;font-weight: 500;text-transform: uppercase;}
.inner-about .company-profile .content .item .txt p{font-size: 16px;font-weight: 300;margin-bottom: 0;margin-top: 2px}
.our-advantage {padding-top: 30px;padding-bottom: 20px}
.our-advantage .rows{display:block;font-size: 0;white-space: nowrap;padding-bottom: 50px;}
.our-advantage .rows dl{padding-right: 0;margin-right:6%;display:inline-block;vertical-align: top;position: relative;min-width: 20%;white-space: nowrap;}
.our-advantage .rows dl:after{content: '';position: absolute;right: 0;top: 50%;width: 1px;height: 80%;background:#eaeaea;transform: translateY(-50%);}
.our-advantage .rows dl:last-child{min-width: auto;margin-right:0;}
.our-advantage .rows dl:last-child:after{display: none}
.our-advantage .rows dl dt{display:inline-block;vertical-align: top;padding-top: 23px;padding-right: 10px}
.our-advantage .rows dl dt i{color: var(--base-color);font-size:50px}
.our-advantage .rows dl dd{display: inline-block;padding-left: 10px;vertical-align: top}
.our-advantage .rows dl dd span{font-size: 70px;font-weight: 500;color: #222}
.our-advantage .rows dl dd sup{font-size:18px;top: -35px;left: 5px;font-weight: 400;color: #888}
.our-advantage .rows dl dd p{display: block;font-size: 16px;padding: 0;margin: 0;font-weight: 400;color: #666;line-height: 1.4}

.inner-honor-nav{margin-top: 2.5%;}
.inner-honor-nav a{display: inline-block;text-align: center;border: 1px solid #ffffff30;border-radius: 4px;margin: 0 3px;padding: 0 30px;font-size: 18px;font-weight: 400;text-transform:uppercase;}
.inner-honor-nav a span{line-height: 50px;color:#fff;}
.inner-honor-nav a.cur,.inner-honor-nav a:hover{background:var(--base-color);border-color:var(--base-color);}
.inner-honor {padding: 5% 0;overflow: hidden;background: url(../images/honor_bg.webp) center no-repeat;background-size: cover;}
.inner-honor .img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.inner-honor .comm-title h1{color: #fff}
.inner-honor-center {margin-top:60px;}
.inner-honor-swiper  {margin: auto;min-height: 500px;}
.inner-honor .honor-item {position: relative;overflow: hidden;}
.inner-honor-swiper .pic {position: relative;overflow: hidden;transition:all .4s ease;margin-top: 5%;}
.inner-honor-swiper .pic img {max-width: 88%;max-height: 88%;border-radius: 5px;}
.inner-honor-swiper .title {margin-top:5%;text-align: center;opacity: 0;}
.inner-honor-swiper .title h5{color:#fff;font-size: 20px;line-height: 2}
.inner-honor-swiper .swiper-slide-active .title{opacity: 1;}
.inner-honor-swiper .swiper-slide-active .pic  {margin-top: 0;}
.inner-honor-swiper .swiper-slide-active .pic img {max-width: 100%;max-height: 100%;}
.inner-honor-swiper .swiper-slide-prev {text-align: left;}
.inner-honor-swiper .swiper-slide-prev img.img-center {right:auto;}
.inner-honor-swiper .swiper-slide-next {text-align: left;}
.inner-honor-swiper .swiper-slide-next img.img-center {left:auto;}
.honor-prev ,.honor-next {border: none;background: none;bottom: auto;top: 50%;transform: translateY(-50%);}
.honor-prev::after ,.honor-next::after {display: block;color: var(--white);font-size: 34px;font-weight:normal;}
.honor-prev {left: 36.8%;}
.honor-next {right: 36.8%;}
@media (max-width:1599px){
	.honor-prev, .honor-next{top: 41%}
}
@media (max-width:1199px){
	.inner-honor-nav a span{line-height: 40px}
	.inner-honor-nav a{padding: 0 25px;font-size: 14px}
	.inner-honor-swiper  {min-height: 380px;}
	.inner-honor-center{margin-top: 40px}
	.inner-honor-swiper .title h5{font-size: 16px}
}
@media (max-width:767px){
	.honor-prev::after,.honor-next::after{font-size: 25px}
	.honor-prev {left: 15%;}
	.honor-next {right: 15%;}
	.inner-honor-nav a span{line-height: 30px}
	.inner-honor{padding-top: 40px}
	.inner-honor-swiper  {min-height: 350px;}
	.inner-honor-swiper .title {margin-top:20px;}
	.inner-honor-swiper .title h5{font-size: 14px}
}


@media (max-width:1199px){
	.about-inner{padding: 50px 0;margin-bottom: 30px}
	#profile .title{padding-top: 60px;}
	#profile .title h1{font-size: 32px;line-height: 40px}
	.about-inner .profile .intro p{line-height: 22px;font-size: 15px;}
	.our-advantage .rows dl dd span{font-size: 40px;}
	.our-advantage .rows dl:nth-child(2n):after{display:none;}
	.our-advantage .rows dl dd sup{font-size: 15px;top: -20px}
	.our-advantage .rows dl dd p{font-size: 15px}
}
@media (max-width:991px){
	.about-inner{padding: 5% 0;margin-bottom: 10px}
	.about-inner .profile{padding: 5%}
	.about-inner .about-img{position: inherit;width: 100%;padding: 0}
	#profile .title{padding-top: 30px;padding-bottom: 0px}
	#profile .title h1{font-size: 25px;line-height:30px}
	.about-inner .profile .intro p{line-height: 20px;font-size: 14px;font-weight: normal}
	.about-inner .swiper-pagination-bullets{text-align:center;}
	.our-advantage .rows{white-space: normal;padding-bottom: 30px;}
	.our-advantage .rows dl{white-space: normal}
	.our-advantage .rows dl{margin-right:4%;min-width: auto;width: 48%}
	.our-advantage .rows dl:nth-child(2n){margin-right: 0}
	.our-advantage .rows dl dt{padding-top: 10px}
	.our-advantage .rows dl dd {width: 68%}
	.our-advantage .rows dl dd p{font-size: 14px}
	.our-advantage .rows dl dd span{font-size: 32px;}
	.our-advantage .rows dl dd sup{font-size: 13px;top: -10px}
}
@media (max-width:767px){
	#profile .title h1{font-size:18px;line-height:25px}
	.our-advantage .rows dl dt{padding-top: 4px}
	.our-advantage .rows dl dd p{font-size: 13px}
	.our-advantage .rows dl dd span{font-size: 25px;}
	.our-advantage .rows dl dd sup{top: -8px}
}

.inner-business {background: url(../images/profile.webp) center no-repeat;background-size: cover;}
.inner-business .row{justify-content: space-between;align-items: center;}
.inner-business .row > div{padding: 0}
.inner-business .swiper-btn {position: relative;text-align: center;}
.inner-business .swiper-btn .swiper-button-prev,.inner-business .swiper-btn .swiper-button-next {transform: none;display: inline-block;background: #aaa;text-align: center;line-height:44px;width: 44px;position: initial;border-radius: 50%;transition: .3s;margin: 10px 5px}
.inner-business .swiper-btn .swiper-button-prev::after,.inner-business .swiper-btn .swiper-button-next::after {color: #fff;font-size: 1rem;}
.inner-business .swiper-btn .swiper-button-prev:hover,.inner-business .swiper-btn .swiper-button-next:hover{background: var(--base-color);}
.business-content {padding-top: 2%;width: 100%;position: relative;overflow: hidden;}
.business-content .business-swiper {position: relative;width: 100%;height: 100%;}
.business-content .business-swiper .swiper-slide{height: 100%;padding-top: 30px;padding-bottom: 30px}
.business-content .business-swiper dl {display: block;height: 100%;border-radius:10px;padding: 8%;position: relative;overflow: hidden;transition: .3s;cursor: pointer;}
.business-content .business-swiper dl:hover{box-shadow: 0 0 15px 0 #00000080;background: var(--base-color)}
.business-content .business-swiper dl:after{content: '';position: absolute;inset:0;background:#ffffff60;z-index: -1;}
.business-content .business-swiper dl dt {display: block;font-size:30px;font-weight: 500;margin-bottom: 40px;line-height: 1.2;text-transform: capitalize;transition: .3s;}
.business-content .business-swiper dl dt i{display: block;font-size:60px;margin-bottom: 15px;transition: .3s;transform: translateX(-5px);color: var(--base-color)}
.business-content .business-swiper dl dd{display: block;font-size:16px;padding-bottom: 20px;transition: .3s;}
.business-content .business-swiper dl:hover dt,.business-content .business-swiper dl:hover dt i,.business-content .business-swiper dl:hover dd{color: #fff}
.business-content .business-swiper .swiper-slide-active dl:after,.business-content .business-swiper .swiper-slide-next dl:after,.business-content .business-swiper .swiper-slide-prev dl:after  {background: #fff;}

.inner-workshop{display: block;}
.inner-workshop .row{padding-top: 60px}
.inner-workshop .row > div{padding: 0}
.inner-workshop .row > div:last-child img{width: 100%}
.inner-workshop .row .left{padding-right: 2%;}
.inner-workshop .row .left > div{overflow: hidden;}
.inner-workshop .row .left > div ul li .box .flex{margin-bottom: 30px;flex-direction: column}
.inner-workshop .row .left > div ul li .box .flex i{width: 60px;height: 60px;border-radius: 50%;background-color: var(--base-color);text-align: center;line-height: 60px;font-size: 36px;color: #fff}
.inner-workshop .row .left > div ul li .box .flex h2{font-size: 30px;line-height: 1.2;margin-top: 10px;color: #111;font-weight: 500}
.inner-workshop .row .left > div ul li .box .desc{font-size: 16px;line-height: 1.5;margin-bottom: 80px}
.inner-workshop .row .left > div ul li .box > h2{font-size: 18px;line-height: 1.2;display: block;margin-top: 15px}
.inner-workshop .row .left > div ul li .box .num {font-size:55px;transition: all 0.5s;font-weight: 500;color: #fff; text-shadow: -1px -1px 0 #ccc, 1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px 1px 0 #ccc;}
.inner-workshop .row .left > div ul li .box .line {width: 100%;height: 1px;background:#00000020;position: relative;}
.inner-workshop .row .left > div ul li .box .line .after{position: absolute;top: -1px;left: 0;width: 0;height: 3px;background-color: var(--base-color);transition: all 0.5s;}
.inner-workshop .row .left > div ul li.swiper-slide-thumb-active .box .line .after{animation-duration: 5s;}

.inner-workshop .row .right{overflow: hidden;}

@keyframes widtdh {
	0% { width: 0;} to {width: 100%;}
}

.inner-workshop .row .left .catlb ul li.swiper-slide-thumb-active .box .num {color: var(--base-color);text-shadow: none;}
.inner-workshop .row .left .catlb ul li.swiper-slide-thumb-active .box h2 { color: var(--base-color);}
.inner-workshop .row .right ul li .box .imgbox {margin-left: 60px;border-radius: 20px;}
.inner-workshop .row .right ul li .box .imgbox img {
  min-height: 254px;
  object-fit: cover;
  border-radius: 20px;
}
.inner-workshop .row .right ul li .box .mk-btn {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--base-color);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 36px;
}
.inner-workshop .pre{position: relative;}
.inner-workshop .row .right ul li .box .mk-btn svg {
  fill: #fff;
  direction:ltr;
  overflow: hidden;
  vertical-align: middle;
}
.inner-workshop .row .right ul li .box .mk-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inner-workshop .row .right ul li .box .mk-btn .rotating-text {
  animation: rotate 15s linear infinite;
  transform-origin: center;
}
.inner-about .init-why .mk-content ul li .box {
  background-color: #f6f7f9;
  border-radius: 20px;
  padding: 45px 35px;
  transition: all 0.5s;
  position: relative;
}
.inner-about .init-why .mk-content ul li .box .icon {
  width: 83px;
  height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-about .init-why .mk-content ul li .box .icon img {
  transition: all 0.5s;
}
.inner-about .init-why .mk-content ul li .box .flex {
  color: #343534;
  transition: all 0.5s;
}
.inner-about .init-why .mk-content ul li .box .desc {
  color: rgba(102, 102, 102, 0.95);
  transition: all 0.5s;
  height: calc(28px * 4);
  overflow-y: auto;
}
.inner-about .init-why .mk-content ul li .box .ivon {
  position: absolute;
  right: 20px;
  top: 25px;
  width: 98px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-about .init-why .mk-content ul li .box .ivon img {
  transition: all 0.5s;
}
.inner-about .init-why .mk-content ul li:hover .box {
  background-color: var(--base-color);
}
.inner-about .init-why .mk-content ul li:hover .box .flex {
  color: #fff;
}
.inner-about .init-why .mk-content ul li:hover .box .desc {
  color: #fff;
}
.inner-about .init-why .mk-content ul li:hover .box .icon img {
  filter: brightness(0) invert(1);
}
.inner-about .init-why .mk-content ul li:hover .box .ivon img {
  filter: brightness(0) invert(1);
}
.inner-about .init-about {
  overflow: hidden;
}
.inner-about .init-about .imgbox {
  padding-top: 240px;
  padding-bottom: 320px;
  z-index: 0;border-radius: 250px 0px 0px 0px;
}
.inner-about .init-about .imgbox img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 250px 0px 0px 0px;
}
.inner-about .init-about .imgbox .play {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 94px;
  height: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  color: var(--base-color);
  font-size: 29px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.inner-about .init-about .imgbox .play::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: inherit;
  -webkit-animation: ks 2s linear infinite;
  -moz-animation: ks 2s linear infinite;
  -o-animation: ks 2s linear infinite;
  animation: ks 2s linear infinite;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.26);
  z-index: -1;
}
.inner-about .init-about .imgbox .play::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: inherit;
  -webkit-animation: ks 2s linear infinite;
  -moz-animation: ks 2s linear infinite;
  -o-animation: ks 2s linear infinite;
  animation: ks 2s linear infinite;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.658);
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  z-index: -1;
}
.inner-about .init-about .mk-scroll {
  background-color: var(--base-color);
  padding: 30px 0;
}
.inner-about .init-about .mk-scroll .con {
  width: max-content;
  white-space: nowrap;
  will-change: transform;
}
.inner-about .init-solutions .mk-content .mk-list ul li {
  padding-top: 50px;
}
.inner-about .init-solutions .mk-content .mk-list ul li .box {
  background-color: #f6f7f9;
  border: 1px solid transparent;
  position: relative;
  overflow: unset;
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  border-radius: 50%;
  transition: all 0.5s;
}
.inner-about .init-solutions .mk-content .mk-list ul li .box h2 {
  padding: 0 30px;
}
.inner-about .init-solutions .mk-content .mk-list ul li:hover .box {
  background-color: var(--base-color);
  transform: translateY(-50px);
}
.inner-about .init-solutions .mk-content .mk-list ul li:hover .box img {
  filter: brightness(0) invert(1);
}
.inner-about .init-solutions .mk-content .mk-list ul li:hover .box h2 {
  color: #fff;
}
.inner-about .init-partner {
  height: 49.5vw;
}
.inner-about .init-partner .container {
  height: 100%;
}
.inner-about .init-partner .mk-bottom {
  width: 100%;
}
.inner-about .init-partner .mk-bottom .left ul li .box {
  min-width: 170px;
  padding: 0 25px;
  height: 46px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-about .init-partner .mk-bottom .right {
  position: relative;
}
.inner-about .init-partner .mk-bottom .right .circle-container {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: relative;
}
.inner-about .init-partner .mk-bottom .right .circle-container svg {
  fill: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.inner-about .init-partner .mk-bottom .right .circle-container .rotating-text {
  animation: rotate 15s linear infinite;
  transform-origin: center;
}
.inner-about .init-partner .mk-bottom .right .circle-container .cirico {
  width: 110px;
  height: 110px;
  border: dashed 1px #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  font-size: 32px;
}
.inner-about .init-news .mk-content ul li {
  padding-top: 10px;
  padding-bottom: 28px;
}
.inner-about .init-news .mk-content ul li .box {
  padding: 45px 38px;
  background-color: #f6f7f9;
  border-radius: 20px;
  position: relative;
}
.inner-about .init-news .mk-content ul li .box::before {
  border-radius: 20px;
  opacity: 0;
}
.inner-about .init-news .mk-content ul li .box .jx {
  width: 42px;
  height: 7px;
  background-color: #1662bc;
  border-radius: 3px;
  position: absolute;
  top: -2px;
  left: 5%;
}
.inner-about .init-news .mk-content ul li .box .top span {
  width: auto;
  padding: 0 15px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--base-color);
  border-radius: 5px;
}
.inner-about .init-news .mk-content ul li .box .tag {
  color: rgba(22, 97, 188, 0.2);
  position: absolute;
  top: 36px;
  right: 38px;
}
.inner-about .init-news .mk-content ul li .box .mk-btn {
  position: absolute;
  bottom: 0;
  right: 5%;
  transform: translateY(50%);
  width: 52px;
  height: 52px;
  background-color: #1662bc;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0;
  transition: all 0.5s;
}
.inner-about .init-news .mk-content ul li:hover .box::before {
  opacity: 1;
}
.inner-about .init-news .mk-content ul li:hover .box .mk-btn{
  opacity: 1;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}


.inner-about .inner-intro{padding-top: 100px;position:relative;overflow:hidden}
.inner-about .inner-intro:after{content: '';background:url(../images/triangle.svg) no-repeat right top;background-size: 100% auto;padding-top: 100px;padding-bottom: 100px;position: absolute;right: 0;top: 0;width: 25%;height:60%;z-index: 0}
.inner-about .inner-intro > .row > div{padding: 0}
.inner-about .inner-intro > .row .num-block{font-size: 0;padding-top: 50px}
.inner-about .inner-intro > .row .num-block dl{display: inline-block;margin-bottom: 30px;margin-right: 5%;min-width: 20%}
.inner-about .inner-intro > .row .num-block dl dt{font-size: 50px;display: block;font-weight: 500}
.inner-about .inner-intro > .row .num-block dl dt sup{font-size: 20px;font-weight: 300;top: -20px;left: 3px}
.inner-about .inner-intro > .row .intro{padding-top: 50px;padding-right: 5%;position: relative;}
.inner-about .inner-intro > .row .intro .water{position: absolute;left: 0;bottom: -20%;font-size: 300px;font-weight: 500;color: #fcfcfc;width: 100%;white-space:nowrap;z-index: 0;text-align: right;z-index: -1}
.inner-about .inner-intro > .row .intro h1{font-size: 28px;margin-bottom: 10px;margin-top: 10px;font-weight: 500}
.inner-about .inner-intro > .row .intro p{font-size: 18px;line-height: 24px}
.inner-about .inner-intro > .row .intro h1.last{margin-top: 30px}
.inner-about .inner-intro > .row > div.comp-img{text-align: right;padding-bottom: 50px;padding-top: 50px;margin-bottom: 50px;position:relative;z-index: 2}
.inner-about .globalimg{background:url(../images/global.webp) no-repeat right center #fafafa;background-size:70% auto;padding-top: 100px;padding-bottom: 100px;text-align: center;}
.inner-about .globalimg .comm-title{text-align: left;}
.inner-about .globalimg .comm-title h2{padding-top: 20px;padding-bottom: 30px;font-size:20px}
.inner-about .global-list{display: block;text-align: left;padding-top: 50px;font-size: 0}
.inner-about .global-list dl{display: block;margin-bottom: 20px;margin-left: -15px}
.inner-about .global-list dl dt span{font-size: 60px}
.inner-about .global-list dl dd{padding-top: 5px}
.inner-about .global-list dl dd h1{font-size: 28px;}
.inner-about .global-list dl dd p{font-size: 16px;font-weight: 300;margin-bottom: 0}
.inner-about .global-list dl dd i{font-size: 14px;color: #888;line-height:18px}

.inner-about .comp-img img{max-width: 100%}
.inner-about .comp-img .swiper-pagination-bullet{width: 30px;height:3px;}
.inner-about .comp-img .swiper-pagination-bullet-active{width: 50px;background: var(--base-color)}
.inner-about .culture{padding-top:100px;padding-bottom: 100px;background:#fcfcfc;margin-bottom: 80px}
.inner-about .culture .comm-title{margin-bottom: 60px}
.inner-about .culture dl{padding: 0;padding-left: 0;padding-right:3%;}
.inner-about .culture dl:nth-child(2n){padding-right: 0;padding-left:3%}
.inner-about .culture dl span{background: #fff;/*box-shadow: 0px 5px 25px 0px rgba(161, 163, 175, 0.3);*/display: block;height:100%;}
.inner-about .culture dl dt{display: block;overflow: hidden;}
.inner-about .culture dl dt img{width: 100%}
.inner-about .culture dl dd{font-size: 0;display: block;background: #fff;padding:40px 30px}
.inner-about .culture dl dd i{font-size: 55px;display: inline-block;color: var(--base-color);width:13%}
.inner-about .culture dl dd h1{display: inline-block;font-size: 30px;vertical-align: top;padding-left: 5%;border-left: 1px #eee solid;width: 85%}
.inner-about .culture dl dd h1 p{display: block;font-size: 16px;padding-top: 5px;}
@media (max-width:1199px){
	.inner-about .inner-intro{padding-top: 60px;}
	.comm-padding{padding-top: 60px}
	.inner-about .globalimg{padding-top: 60px;padding-bottom: 60px;}
	.inner-about .inner-intro > .row .intro p{font-size: 15px;line-height: 20px}
}
@media (max-width:767px){
	.inner-about .inner-intro{padding-top: 30px;}
	.comm-padding{padding-top: 30px}
	.inner-about .globalimg{background-position:left bottom;background-size:98% auto;padding-top: 10px;padding-bottom: 10px;}
	.inner-about .global-list{padding-top: 20px;padding-bottom: 24vh;}
	.inner-about .global-list dl{font-size: 0;margin-left:-11px;margin-bottom: 5px}
	.inner-about .global-list dl dt{width:13%;display: inline-block;vertical-align: top}
	.inner-about .global-list dl dt span{font-size: 50px;}
	.inner-about .global-list dl dd{width: 87%;display: inline-block;vertical-align: top}
	.inner-about .global-list dl dd p{font-size: 14px}
	.inner-about .global-list dl dd h1{font-size: 16px;line-height: 18px}
	.inner-about .global-list dl dd i{font-size: 12px;}
	.inner-about .inner-intro > .row .intro p{font-size: 14px;line-height: 18px}
}
.inner-about .classification{padding-bottom: 80px;padding-top: 80px;background: #f8f8f8}
.inner-about .classification .comm-title{padding-bottom: 30px;}
.inner-about .classification dl{padding: 20px;display: table-cell;}
.inner-about .classification dl a{background: #fff;display: block;padding:30px 40px;height:100%;}
.inner-about .classification dl a:hover{-webkit-box-shadow: 0 0 35px -10px rgba(48,49,51,.2);box-shadow: 0 0 35px -10px rgba(48,49,51,.2);}
.inner-about .classification dl dt{display: block;text-align:center;padding-top: 30px}
.inner-about .classification dl dt i{font-size: 70px;color: var(--base-color)}
.inner-about .classification dl dd{display: block;padding:25px;padding-top: 20px;text-align: center}
.inner-about .classification dl dd h1{display: block;font-size: 26px;font-weight: 400;}
.inner-about .classification dl dd p{padding-top: 30px;font-size: 16px;line-height:22px;font-weight: 300}
.inner-about .authorities{background: linear-gradient(0,var(--base-color),#eda221);padding-top: 120px;padding-bottom: 120px;text-align: center;}
.inner-about .authorities .row > div{padding:0;}
.inner-about .authorities .comm-title{text-align: left}
.inner-about .authorities .comm-title h1{color: #fff}
.inner-about .authorities .comm-title p{color: #fff;text-align: left;display: block;margin-top:20px;font-size: 16px;line-height: 24px;position: relative;padding-bottom: 50px;margin-bottom: 25px;width:80%}
.inner-about .authorities .comm-title p span{font-weight: 300;font-size: 18px;line-height: 24px;font-family: 'Barlow';}
.inner-about .authorities .comm-title p:before{position: absolute;bottom: 0;left: 0;font-size: 38px;color: #ccc}
.inner-about .authorities .authoritieslist{padding-top: 50px;font-size: 0;text-align: left;}
.inner-about .authorities li{display: inline-block;width: 60px;height:60px;text-align: center;background: #fff;border-radius: 50%;margin-right:2%;}
.inner-about .authorities li img{width: 60%;margin-top: 12px;display: inline-block;vertical-align: top}
.inner-about .authorities .cerlist img{width: 100%}
@media (max-width:1599px){
	.inner-about .classification dl{padding: 10px;}
	.inner-about .classification dl a{padding:30px;}
	.inner-about .classification dl dd{padding: 0px;padding-top: 15px}
}
@media (max-width:1399px){
	.inner-about .classification dl dd h1{font-size: 22px;}
	.inner-about .classification dl dd p{padding-top: 20px;}
	.inner-about .inner-intro > .row .intro .water{font-size: 250px;}
	.inner-about .inner-intro > .row .num-block{padding-top: 40px}
	.inner-about .inner-intro > .row .num-block dl dt{font-size: 45px;}
	.inner-about .inner-intro > .row .num-block dl dt sup{font-size: 18px;top: -17px}
}
@media (max-width:1199px){
	.inner-about .authorities .comm-title p{margin-top:0;}
	.inner-about .authorities .authoritieslist{padding-top: 20px}
	.inner-about .authorities .comm-title p span{font-size: 15px;line-height: 20px;}
	.inner-about .classification{padding-bottom: 60px;padding-top: 60px}
	.inner-about .authorities,.inner-about .culture{padding-top: 80px;padding-bottom: 80px;}
	.inner-about .authorities li{width: 50px;height:50px;}
	.inner-about .authorities li img{margin-top: 10px;}
	.inner-about .inner-intro > .row .intro{padding-top: 30px;}
	.inner-about .inner-intro > .row .intro h1{font-size: 22px;}
	.inner-about .inner-intro > .row .intro .water{font-size: 220px;}
	.inner-about .inner-intro > .row .num-block{padding-top: 30px}
	.inner-about .inner-intro > .row .num-block dl dt{font-size: 35px;}
	.inner-about .inner-intro > .row .num-block dl dt sup{font-size: 16px;top: -13px}
	.inner-about .culture dl dd{padding:30px}
	.inner-about .culture dl dd h1{font-size: 22px}
	.inner-about .culture dl dd i{font-size: 40px;}
	.inner-about .culture dl dd{padding:30px 20px}
	.inner-about .culture dl dd h1 p{font-size: 15px;}
}
@media (max-width:991px){
	.inner-about .authorities .authoritieslist{padding-top: 10px;padding-bottom: 40px}
	.inner-about .inner-intro > .row > div.comp-img{text-align: left;padding-top: 10px;margin-bottom: 0}
	.inner-about .comp-img img{width: 100%}
	.inner-about .inner-intro > .row .intro{padding-right: 0px;}
	.inner-about .inner-intro > .row .intro .water{font-size: 180px;}
	.inner-about .culture dl dd h1 p{font-size: 13px;}
	.inner-about .authorities .comm-title p{font-size: 14px;line-height: 18px;padding-bottom: 30px;margin-bottom: 25px;width:100%}
}
@media (max-width:767px){
	.inner-about .classification{padding-bottom:30px;padding-top: 30px}
	.inner-about .classification dl{padding: 0;display: block;margin-bottom: 20px}
	.inner-about .classification dl a{padding:20px;height:auto}
	.inner-about .classification dl dt{padding-top: 10px}
	.inner-about .classification dl dt i{font-size: 50px;}
	.inner-about .classification dl dd{padding:0;padding-bottom: 5px}
	.inner-about .classification dl dd h1{font-size: 20px;}
	.inner-about .classification dl dd p{padding-top: 10px;font-size: 14px;line-height:18px}
	.inner-about .authorities,.inner-about .culture{padding-top: 20px;padding-bottom: 20px;}
	.inner-about .culture{margin-bottom: 0}
	.inner-about .culture dl:nth-child(2n){padding-left: 0}	
	.inner-about .inner-intro > .row .intro{padding-top: 20px;}
	.inner-about .inner-intro > .row .intro h1{font-size: 18px;}
	.inner-about .inner-intro > .row .num-block{padding-top: 10px}
	.inner-about .culture dl dd{padding:20px}
	.inner-about .culture dl dd h1{font-size: 20px}
	.inner-about .culture dl dd i{font-size: 35px;}
	.inner-about .inner-intro > .row .intro .water{font-size: 140px;bottom: -15%}
	.inner-about .authorities .comm-title p{padding-left: 0}
	.inner-about .authorities .comm-title p span{font-size: 14px;line-height: 18px}
	.inner-about .inner-intro > .row > div.comp-img{padding-bottom: 0}
}
@media (max-width:576px){
	.inner-about{padding-top:0}
	.inner-about .inner-intro > .row .num-block dl{margin-right: 5%;min-width: 42%}
	.inner-about .inner-intro > .row .num-block dl dt{font-size: 30px;}
	.inner-about .inner-intro > .row .num-block dl dt sup{font-size: 14px;top: -10px}
}
.inner-about .team{border-bottom: 1px #eee solid;display: block;padding-bottom: 100px;}
.inner-about .team dl.row > dt,.inner-about .team dl.row > dd{padding: 0}
.inner-about .team dl.row > dt{position:relative;}
.inner-about .team dl.row > dt:after{content: '';position: absolute;right: 5%;bottom: -50px;width: 60%;height:80%;background: #00000005;z-index: -1}
.inner-about .team dl.row > dt img{width: 90%}
.inner-about .team dl.row > dd{display: table}
.inner-about .team dl.row > dd .vermidd{display: table-cell;vertical-align: middle;}
.inner-about .team dl.row > dd .vermidd .content{display: block;padding-top: 10px;font-size: 0}
.inner-about .team dl.row > dd .vermidd .content ul{display: block;margin-top: 30px}
.inner-about .team dl.row > dd .vermidd .content ul li{font-size: 18px;line-height: 24px;font-weight: 300;display: block;padding:0 15px}
.inner-about .team dl.row > dd .vermidd .content ul li:first-child{display: inline-block;color: var(--base-color);font-size: 22px;line-height:34px;font-weight: 400;border-radius: 6px;margin-bottom:10px;background: linear-gradient(90deg,var(--base-color),#eda221);color: #fff;;}
.inner-about .team dl.row > dd .vermidd .content ul li:last-child{border-bottom: 1px #eee dotted;padding-bottom: 20px}
.inner-about .team dl.row > dd .vermidd .content ul:last-child li:last-child{border-bottom: none}
.inner-about .team dl.row > dd .vermidd .content dl{display: inline-block;margin-right:7%}
.inner-about .team dl.row > dd .vermidd .content dl:last-child{margin-right: 0;}
.inner-about .team dl.row > dd .vermidd .content dl dt{display: inline-block;}
.inner-about .team dl.row > dd .vermidd .content dl dt i{border-radius: 50%;font-size: 60px;color: var(--base-color);width: 90px;height: 90px;line-height: 82px;border:4px #f5e0cc solid;display: inline-block;text-align: center;}
.inner-about .team dl.row > dd .vermidd .content dl dd{display: block;text-align: center;font-size: 13px;font-weight: 400;line-height: 17px;margin-top: 15px}
.inner-about .team dl.row{margin-top:120px}
.inner-about .team dl.row:nth-child(2n) {flex-direction: row-reverse;}
.inner-about .team dl.row:nth-child(2n) dt{text-align: right;}
.inner-about .team dl.row:nth-child(2n) dt:after{left: 5%;right: auto}
.inner-about .team dl.row > dd p{display: block;margin-top: 40px;font-size: 16px;line-height: 24px;position: relative;padding-bottom: 50px;margin-bottom: 25px}
.inner-about .team dl.row > dd p:before{position: absolute;bottom: 0;left: 0;font-size: 38px;color: #ccc}
.inner-about .team dl.row > dd p span{font-weight: 300;font-size: 18px;line-height: 24px;font-family: 'Barlow'}
@media (max-width:1199px){
	.inner-about .team{padding-bottom: 80px}
	.inner-about .team dl.row{margin-top:80px}
	.inner-about .team dl.row > dd .vermidd .content ul li:first-child{font-size: 20px;line-height:28px;}
	.inner-about .team dl.row > dd .vermidd .content ul li{font-size: 15px;line-height: 20px;}
	.inner-about .team dl.row > dd p{line-height: 20px}
	.inner-about .team dl.row > dd p span{font-size: 15px;line-height: 20px}
}
@media (max-width:767px){
	.inner-about .team dl.row{margin-top:30px}
	.inner-about .team{padding-bottom: 30px}
	.inner-about .team dl.row > dd .vermidd{padding-top: 20px}
	.inner-about .team dl.row > dd .vermidd .content ul{margin-top: 20px}
	.inner-about .team dl.row > dd .vermidd .content ul li:first-child{font-size:16px;}
	.inner-about .team dl.row > dd .vermidd .content ul li{font-size: 14px;line-height: 18px;}
	.inner-about .team dl.row > dd .vermidd .content ul li:last-child{border-bottom: none;padding-bottom: 0}
	.inner-about .team dl.row > dd .vermidd .content ul:last-child{margin-bottom: 20px}
	.inner-about .team dl.row > dt img{width: 100%}
	.inner-about .team dl.row > dt:after{right:-2%;bottom: -40px;}
	.inner-about .team dl.row:nth-child(2n) > dt:after{left: -2%;}
	.inner-about .team dl.row:nth-child(2n) {margin-top:25px;}
	.inner-about .team dl.row:nth-child(2n) > dt{text-align: left;}
	.inner-about .team dl.row > dd p span{font-size: 14px;line-height: 18px;}
	.inner-about .team dl.row > dd .vermidd .content dl{margin-right:5%}
	.inner-about .team dl.row > dd .vermidd .content dl dt i{font-size: 40px;color: var(--base-color);width: 73px;height:73px;line-height: 68px;border:3px #f5e0cc solid;}
	.inner-about .team dl.row > dd .vermidd .content dl dd{font-size: 12px;line-height: 15px;margin-top: 10px}
	.inner-about .team dl.row{margin-top:10px}
}
.inner-about .partners{padding-top:100px;padding-bottom: 100px;background:url(../images/parnterbg.webp) no-repeat center center;background-size:100% auto}
.inner-about .partners .row{padding-top: 50px;}
.inner-about .partners .row > div{padding:8px 25px;}
.inner-about .partners .row > div p{box-shadow:0px 3px 15px 0px rgba(161, 163, 175, 0.3);display: block;border-radius: 15px;background:#fff}
.inner-about .partners .row > div img{width: 100%}
@media (max-width:1199px){
	.inner-about .partners{padding-top:60px;padding-bottom: 60px;}
	.inner-about .partners .row{padding-top: 40px;}
	.inner-about .partners .row > div{padding:8px 15px;}
}
@media (max-width:991px){
	.inner-about .partners .row{padding-top: 20px;padding-bottom: 20px}
	.inner-about .partners{padding-top:40px;}
	.inner-about .partners .row > div{padding:0 8px;}
}
.inner-about .globalization{background:#f8f8f8;padding-top:100px;padding-bottom: 100px;}
.inner-about .globalization .content {padding:10px 25px;}
.inner-about .globalization .content .layout{display: block;padding-top: 50px;padding-bottom: 50px;font-size: 0}
.inner-about .globalization .content .layout dl{width: 31%;margin-right:3.5%;background:#fff;display: inline-block;vertical-align: top;padding:30px;box-shadow: 0px 3px 20px 0px rgba(161, 163, 175, 0.3);border-radius: 15px;}
.inner-about .globalization .content .layout dl:last-child{margin-right:0;}
.inner-about .globalization .content .layout dl dt{display: block;text-align: center;}
.inner-about .globalization .content .layout dl dt img{width: 45%}
.inner-about .globalization .content .layout dl dd {display: block;position: relative;}
.inner-about .globalization .content .layout dl dd em{font-weight: 600;font-size: 60px;color: var(--base-color);display: inline-block;vertical-align: top;line-height: 60px}
.inner-about .globalization .content .layout dl dd em sup{font-weight:500;font-size: 30px;top: -25px}
.inner-about .globalization .content .layout dl dd p{display: inline-block;width: 75%;padding-left: 10px;font-weight: 600;color: #333;font-size: 20px;line-height: 22px;vertical-align: top;margin-top: 12px}
.inner-about .globalization .content .layout dl dd i{position: absolute;right: 0;bottom: 15px;color: #cb630090;font-weight: 400;font-size: 16px}
.inner-about .globalization .content > p{display: block;font-size:17px;line-height: 24px;}
@media (max-width:1640px){
	.inner-about .globalization .content .layout dl dt img{width: 40%}
	.inner-about .globalization .content .layout dl dd em{font-size: 50px;line-height: 50px}
	.inner-about .globalization .content .layout dl dd em sup{font-size: 25px;top: -20px}
	.inner-about .globalization .content .layout dl dd p{width:80%;margin-top: 6px;padding-left: 6px;}
}
@media (max-width:1550px){
	.inner-about .globalization .content .layout dl{width: 32%;margin-right:2%}
	.inner-about .globalization .content .layout dl dd p{width:75%;min-height: 66px}
}
@media (max-width:1199px){
	.inner-about .globalization{padding-top:60px;padding-bottom:60px;}
	.inner-about .globalization .content .layout dl{text-align: center;}
	.inner-about .globalization .content .layout dl dd em{font-size: 40px;line-height: 40px;}
	.inner-about .globalization .content .layout dl dd em sup{font-size: 20px;top: -15px}
	.inner-about .globalization .content .layout dl dd p{width:100%;min-height: 66px;padding-left: 0}
	.inner-about .globalization .content .layout dl dd i{right: auto;bottom: 0;left: 0;font-size: 14px;width: 100%;text-align: center;}
}
@media (max-width:991px){
	.inner-about .globalization{padding-top:20px;padding-bottom:20px;}
	.inner-about .globalization .content .layout{padding-top: 20px;padding-bottom: 20px;}
	.inner-about .globalization .content .layout dl{padding:20px;}
	.inner-about .globalization .content .layout dl dd p{font-weight: 400;font-size: 15px;line-height: 18px;min-height: 54px}
	.inner-about .globalization .content .layout dl dd i{font-size: 13px}
	.inner-about .globalization .content > p{display: block;font-size:14px;line-height:20px;}
}
@media (max-width:767px){
	.inner-about .globalization .content .layout dl{width: 100%;margin-right:0;margin-bottom:30px}
	.inner-about .globalization .content {padding:10px 8px}
}
.inner-prut{padding-top: 80px;position: relative;}
.inner-prut:after{content: '';position: absolute;right: 1%;top:3%;width: 25%;height:50%;background-size: 100% auto;z-index: -1;opacity: 0.03;}
.inner-prut .prut-cate {padding-top: 50px}
.inner-prut .prut-cate .comm-title h1 span{font-size: 25px;display: block;font-weight: 400}
.inner-prut .prut-cate dl.row{align-items: center;}
.inner-prut .prut-cate dl.row dt,.inner-prut .prut-cate dl.row dd{padding: 0}
.inner-prut .prut-cate dl.row dt{overflow: hidden;border-radius: 5px}
.inner-prut .prut-cate dl.row dd{padding-left: 5%;font-size: 18px;}
.inner-prut .prut-cate dl.row dd p{margin-top:70px;display: block;margin-bottom: 50px}
.inner-prut .prut-cate dl.row dd .childmenu{display: block;padding-bottom: 50px}
.inner-prut .prut-cate dl.row dd .childmenu a{display: inline-block;padding:8px 30px;border:1px #ccc dotted;font-size: 16px;margin-right: 8px}
.inner-prut .prut-cate dl.row dd .childmenu a:hover,.inner-prut .prut-cate dl.row dd .childmenu a.this{background: var(--base-color);color: #fff;border-color: var(--base-color)}
.inner-prut .prut-cate dl.row dd i{display: inline-block;-webkit-animation: rotateplane 1.2s infinite ease-in-out;animation: rotateplane 1.2s infinite ease-in-out;font-size: 28px}
.inner-prut .prut-cate dl.row dt{display: block}
.inner-prut .prut-cate dl.row dt img{width: 100%;}
@media (max-width:1199px){
	.inner-prut{padding-top: 50px;}
	.inner-prut .prut-cate dl.row dd{padding-left: 4%;padding-right: 4%;}
	.inner-prut .prut-cate dl.row dd p{margin-top:40px;display: block;margin-bottom: 30px;font-size: 15px}
	.inner-prut .prut-cate .comm-title h1 span{font-size: 20px;}
	.inner-about .team dl.row dd p{font-size: 15px;margin-top: 6%;}
	.inner-prut .prut-cate dl.row dd .childmenu{padding-bottom: 30px}
	.inner-prut .prut-cate dl.row dd i{font-size: 20px}
	.inner-prut .prut-cate dl.row dd .childmenu a{font-size: 15px;}
}
@media (max-width:767px){
	.inner-prut:after{top:1%;width: 40%;}
	.inner-prut{padding-top: 30px;}
	.inner-prut .prut-cate .comm-title h1 span{font-size: 17px;}
	.inner-about .team dl.row dd p{font-size: 13px;line-height: 20px;margin-top: 4%;}
	.inner-prut .prut-cate dl.row dd .childmenu a{font-size: 14px;}
}
.prut-list{padding-top: 80px;padding-bottom: 80px;margin-top:100px;background: #f7f7f7;}
.prut-list .row{padding-top: 50px;}
.prut-list .row dl{padding: 0;padding-right: 20px;margin-bottom: 60px;}
.prut-list .row dl:nth-child(2n){padding-left: 20px;padding-right: 0}
.prut-list .row dl a{background: #fff;box-shadow: 0px 3px 15px 0px rgba(161, 163, 175, 0.3);padding:40px;position: relative;overflow: hidden;flex-direction: row-reverse;border-radius: 5px}
.prut-list .row dl a:after,.prut-list .row dl a:before{content: '';position: absolute;top: 0;height: 100%;width: 100%;right: -62%;-webkit-transform: skew(148deg);-o-transform: skew(148deg);transform: skew(148deg);z-index: 1;background: var(--base-color);transition: all .2s;}
.prut-list .row dl a:before{background: #f5f5f5;right: -55%;-webkit-transform: skew(160deg);-o-transform: skew(160deg);transform: skew(160deg);}
.prut-list .row dl a:hover:after{right: -55%;opacity: 1;}
.prut-list .row dl a:hover:before{right: -48%;opacity: 1;}
.prut-list .row dl a dt{overflow: hidden;padding: 0;position: relative;z-index: 10;text-align: center;}
.prut-list .row dl a dt img{width: 100%;transition: all .3s}
.prut-list .row dl a dt h2{color: #fff;font-size: 20px;}
.prut-list .row dl a:hover dt img{transform: scale(1.04);}
.prut-list .row dl a dd{padding-right: 10%;padding-top: 30px}
.prut-list .row dl a dd h2{font-size: 28px;font-weight: 400}
.prut-list .row dl a dd p{display: block;padding-bottom: 20px;color: #666;position: relative;margin-top: 15px;font-size: 16px;font-weight: 300}
.prut-list .row dl a dd p:after,.prut-list .row dl a dd p:before{content: '';position: absolute;left: 0;bottom:0;width: 80%;height:1px;background: #00000010}
.prut-list .row dl a dd p:before{background: var(--base-color);height:2px;width: 50px;transition: all .2s}
.prut-list .row dl a:hover dd p:before{width: 80%}
.prut-list .row dl a dd ul{all:unset;display: flex;flex-direction: column;padding:10px 0;}
.prut-list .row dl a dd ul li{font-size: 16px;font-weight: 300;flex:1;line-height:30px}
.prut-list .row dl a dd ul li i{color: #111;font-size:18px;display: inline-block;margin-right: 5px;line-height:30px;vertical-align: top}
.prut-list .row dl a dd span{font-size: 12px;color: #aaa;display: none}
.prut-list .row dl a:hover dd span{color: #333}
@media (max-width:1399px){
	.prut-list .row dl a dd{padding-left: 0;padding-top: 20px}
	.prut-list .row dl a dd h1{font-size: 26px;}
	.prut-list .row dl a dd h2{font-size: 16px}
	.prut-list .row dl a dd p{font-size: 15px;}
}
@media (max-width:1199px){
	.prut-list{padding-top: 50px;padding-bottom: 50px;margin-top:50px;}
	.inner-prut .prut-cate dl.row dt span img{width: 60%}
	.prut-list .row dl a dd h1{font-size: 24px;margin-top:20px;}
	.prut-list .row dl a dt{text-align: left}
	.prut-list .row dl a dt img{width: 60%;}
	.prut-list .row dl a:before{right: -75%;}
	.prut-list .row dl a:after{right: -95%;}
	.prut-list .row dl a{padding:30px;}
	.prut-list .row dl a dt h2{color: #333;font-size: 18px;}
}
@media (max-width:767px){
	.prut-list{padding-top: 20px;padding-bottom: 30px;margin-top:30px;}
	.prut-list .row dl,.prut-list .row dl:nth-child(2n){padding: 0;margin-bottom: 40px;}
	.prut-list .row dl a:before{right: -80%;}
	.prut-list .row dl a:after{right: -100%;}
	.prut-list .row dl a dt img{width: 70%;}
	.prut-list .row dl a dd{padding-left: 0;padding-top: 0}
	.prut-list .row dl a dd h1{font-size: 20px;}
	.prut-list .row dl a dd h2{font-size: 15px;padding-bottom: 18px;}
	.prut-list .row dl a dd p{margin-top:30px;font-size: 14px;margin-bottom: 25px}
}

.location{background: #f9f9f9;line-height: 50px;margin-top:80px;border-top: 1px #f1f1f1 solid}
.location .local{display:block;line-height: 50px;font-size: 16px;font-weight: 300;vertical-align: top}
.location .local > i{font-size: 14px;display:inline-block;padding: 0 10px;line-height: 50px;color: #00000090;vertical-align: top}
.location .local a{font-size: 15px;display: inline-block;font-weight: 400;vertical-align: top}
.location .local a i{display:inline-block;font-size: 16px;margin-right: 8px;padding: 0;vertical-align: top;line-height: 50px}
.location .local a:hover{text-decoration: underline;}

.inner-prutdetail{background:url(../images/prut_bg.webp) no-repeat left top;background-size:cover;position: relative;padding-top: 5vh}
.inner-prutdetail dl.prut-intro{position: relative;overflow: hidden;flex-direction: row-reverse;}
.inner-prutdetail dl.prut-intro dt{padding: 0;}
.inner-prutdetail dl.prut-intro dt .gallery-top{border-radius: 5px;}
.inner-prutdetail dl.prut-intro dt img{width:100%}
.inner-prutdetail dl.prut-intro dt .gallery-top{position: relative;}

.inner-prutdetail dl.prut-intro dd {padding: 0;position: relative;z-index: 8;}
.inner-prutdetail dl.prut-intro dd h3{font-size: 16px;font-weight:300;color: #fff;background:var(--base-color);border-radius: 5px;padding: 5px 20px;display: inline-block;}
.inner-prutdetail dl.prut-intro dd h1{color: var(--base-color);font-size:50px;margin: 10px 0;}
.inner-prutdetail dl.prut-intro dd h2{font-size: 45px;color:#fff;padding-bottom: 28px;position: relative;}
.inner-prutdetail dl.prut-intro dd h2:after{content: '';position: absolute;left:0px;bottom: 0;width:50px;height:10px;background:url(../images/line.svg) no-repeat left;
background-size:100% auto}
.inner-prutdetail dl.prut-intro dd p{color:var(--base-color);font-size: 16px;display: block;}
.inner-prutdetail dl.prut-intro dd .flex{padding-top:20px;flex-wrap: wrap;}
.inner-prutdetail dl.prut-intro dd .flex li{width:calc(50% - 20px);display: inline-block;font-size: 16px;line-height: 32px;margin-right:20px;position: relative;color:#fff}
.inner-prutdetail dl.prut-intro dd .flex li.single{width: 100%;margin-right: 0}
.inner-prutdetail dl.prut-intro dd .flex li:nth-child(2n){margin-right: 0}
.inner-prutdetail dl.prut-intro dd .flex li:before{content: "\e999";font-family: 'icomoon' !important;line-height: 32px;display: inline-block;margin-right: 5px;vertical-align: top}
/*.inner-prutdetail dl.prut-intro dd .flex li:after{content: '';left: 0;bottom: 0;width: 15px;height:1px;background:var(--base-color);position: absolute;transition: all .2s}
.inner-prutdetail dl.prut-intro dd .flex li:hover:after{width: 100%}*/
.inner-prutdetail dl.prut-intro dd .flex li span{color: #fff;display: block;font-weight: 400}
.inner-prutdetail dl.prut-intro dd .download{display: block;padding-top: 60px}
.inner-prutdetail dl.prut-intro dd .download a{border:2px #ffffffa0 solid;padding:0 30px;font-size: 16px;font-weight: 400;border-radius:5px;line-height:50px;display: inline-block;text-transform:uppercase;color: #fff}
.inner-prutdetail dl.prut-intro dd .download a:first-child{margin-right:10px;background: var(--base-color);border-color: var(--base-color);color: #fff}
.inner-prutdetail dl.prut-intro dd .download a i{padding-right: 30px;position:relative;display: inline-block;line-height: 50px;}
.inner-prutdetail dl.prut-intro dd .download a i:after{content: '';background: #ffffff20;position: absolute;right:14px;height:14px;width:1px;top: 50%;transform: translateY(-50%);transition:.3s;}
.inner-prutdetail dl.prut-intro dd .download a:hover{background: var(--base-color);border-color: var(--base-color);color: #fff}
.inner-prutdetail dl.prut-intro dd .download a:hover i:after,.inner-prutdetail dl.prut-intro dd .download a:first-child i:after{background: #ffffff70}
.inner-prutdetail dl.prut-intro dd .download a:first-child:hover,.inner-prutdetail dl.prut-intro dd .download a:hover{background:#d30500;}
.inner-prutdetail .block{background: #fff;padding:35px 30px;position: relative;bottom:-70px;box-shadow: 0px 6px 27.9px 2.1px rgba(25, 17, 64, 0.2);border-radius: 5px}
.inner-prutdetail .block li{flex:1;border-right: 1px #f0f0f0 solid;text-align: center;}
.inner-prutdetail .block li:last-child{border-right: none}
.inner-prutdetail .block li span{font-size: 30px;font-weight: 500;}
.inner-prutdetail .block li span sup{font-size: 14px;font-weight: 300;color: #666;left: 5px;top: -12px}
.inner-prutdetail .block li p{font-size: 16px;font-weight: 400;color: #666;margin-bottom: 0}
.inner-prutdetail dl.prut-intro dt .swiper-button-next:after,.inner-prutdetail dl.prut-intro dt .swiper-button-prev:after{color: #fff;font-size: 20px}

.product-overview{margin-top: 150px;padding-bottom: 100px}
.product-overview .catalog{margin-top: 60px}
.product-overview .catalog .tab{font-size:18px;font-weight: 400;border-radius: 5px;padding: 12px 35px;margin: 0 8px;transition:.3s;cursor: pointer;box-shadow: 0px 5px 20px 2px rgba(25, 17, 64, 0.2);}
.product-overview .catalog .tab.active{background: var(--base-color);color: #fff;border-color: var(--base-color)}
.product-overview .catalog .tab:hover{box-shadow: 0px 5px 15px 2px rgba(25, 17, 64, 0.3);}
.product-overview .content{padding-top: 30px;padding-bottom: 50px}
.product-overview .content .desc{display: none}
.product-overview .content .desc.active{display: block;}
.product-overview .content .desc table{width: 100%;margin-top: 30px;border-top: 2px solid #000;}
.product-overview .content .desc table td{padding: 1.4rem 0;margin: 0;border-bottom: 1px solid #e5e5e5;font-size:18px;font-weight: 300}
.product-overview .content .desc table.top-table tr:first-child td,.product-overview .content .desc table.left-table tr td:first-child{font-weight: 400;color: #111;font-size:20px;}
.product-overview .more-desc{padding-top: 50px}
.product-overview .more-desc .row > div{padding: 0}
.product-overview .more-desc .row > div:first-child{padding-right: 2%}
.product-overview .more-desc .row > div:last-child{padding-left: 2%}
.product-overview .more-desc .row > div .img{border: 1px #ddd solid;overflow: hidden;border-radius: 5px;display: inline-block;padding:10px;margin: 25px 0; box-shadow: 0px 5px 20px 2px rgba(25, 17, 64, 0.1);}
.product-overview .more-desc .row > div .img img{max-width: 100%}
.product-overview .more-desc .desc{padding-top: 50px}
.product-overview .more-desc h2{font-size:20px;position: relative;padding:10px 30px;background: #111;color: #fff;display: table-cell;font-weight: 400;border-radius:0 5px 5px 0;overflow: hidden; box-shadow: 0px 5px 20px 2px rgba(25, 17, 64, 0.2);}
.product-overview .more-desc h2:after{content: '';position: absolute;left: 0;top:0;background: var(--base-color);width: 6px;height:100%;}
.product-overview .more-desc p{font-size:18px;font-weight: 300;}

@media (max-width:1599px){
	.inner-prutdetail dl.prut-intro dd h1{font-size:45px;}
	.inner-prutdetail dl.prut-intro dd h2{font-size:40px}
}
@media (max-width:1399px){
	.inner-prutdetail dl.prut-intro dd h3{font-size: 15px}
	.inner-prutdetail dl.prut-intro dd h1{font-size:40px;}
	.inner-prutdetail dl.prut-intro dd h2{font-size:35px}
}

@media (max-width:1199px){
	.inner-prutdetail dl.prut-intro dd h3{font-size: 14px}
	.inner-prutdetail dl.prut-intro dd h1{font-size:35px;}
	.inner-prutdetail dl.prut-intro dd h2{font-size:30px}
	.inner-prutdetail dl.prut-intro dd .flex li{font-size: 15px;line-height: 28px;}
	.inner-prutdetail dl.prut-intro dd .flex li:before{line-height: 28px;}
	.inner-prutdetail dl.prut-intro dd .download{padding-top: 40px}
}
@media (max-width:991px){
	.inner-prutdetail{padding-top: 0}
	.inner-prutdetail dl.prut-intro dd h3{font-size: 13px}
	.inner-prutdetail dl.prut-intro dd h1{font-size:30px;}
	.inner-prutdetail dl.prut-intro dd h2{font-size:25px}
	.inner-prutdetail dl.prut-intro dt{text-align: center;}
	.inner-prutdetail dl.prut-intro dt img{width: 60%}
	.inner-prutdetail dl.prut-intro dd .flex li{width: 100%;margin-right: 0}
	.inner-prutdetail dl.prut-intro dd .flex li{font-size: 14px;line-height: 24px;}
	.inner-prutdetail dl.prut-intro dd .flex li:before{line-height: 24px;}
	.inner-prutdetail dl.prut-intro dd .download a{padding:0 25px;font-size: 14px;line-height:32px;}
	.inner-prutdetail dl.prut-intro dd .download a i{padding-right: 25px;line-height: 32px;}
	.inner-prutdetail dl.prut-intro dd .download a i:after{right:12px;height:12px;}
}
@media (max-width:767px){
	.inner-prutdetail dl.prut-intro{height:auto;}
	.inner-prutdetail dl.prut-intro dt .table,.inner-prutdetail dl.prut-intro dt .vermidd{display: block;}
	.inner-prutdetail dl.prut-intro dd .download{padding-top: 20px}
	.inner-prutdetail dl.prut-intro dd .download a{padding:0 20px;font-size: 13px;line-height:28px;}
	.inner-prutdetail dl.prut-intro dd .download a i{line-height:28px;}
	.inner-prutdetail dl.prut-intro dd .download a i:after{height:10px;}
}


.same-product {width: 100%;position: relative;overflow: hidden;background: #f5f5f5;}
.same-product .swiper {padding-top: 50px}
.same-product .swiper .swiper-button-next:after,.same-product .swiper .swiper-button-prev:after{color: #fff;font-size: 16px}
.same-product .swiper .swiper-button-prev,.same-product .swiper .swiper-button-next{background: var(--base-color);border-radius: 5px}
.same-product .swiper .swiper-button-prev{left: 6.7%;top: 52%}
.same-product .swiper .swiper-button-next{right:6.7%;top: 52%}
.same-product .swiper .swiper-slide{height: 100%;padding-top: 30px;padding-bottom: 30px}
.same-product .swiper .swiper-slide dl {display: block;height: 100%;}
.same-product .swiper .swiper-slide dl a{display: block;height: 100%;border-radius:10px;padding: 8%;position: relative;overflow: hidden;transition: .3s;cursor: pointer;box-shadow: 0px 5px 20px 2px rgba(25, 17, 64, 0.1);opacity: 0.3;background: #fff}
.same-product .swiper .swiper-slide-active dl a,.same-product .swiper .swiper-slide-next dl a,.same-product .swiper .swiper-slide-prev dl a{opacity: 1}
.same-product .swiper .swiper-slide dl a:hover{box-shadow: 0px 5px 20px 2px rgba(25, 17, 64, 0.2);}
.same-product .swiper .swiper-slide dl a dt {display: block;margin-bottom: 40px;text-transform: capitalize;transition: .3s;border-bottom: 2px #f3f3f3 solid;position: relative;}
.same-product .swiper .swiper-slide dl a dt:after{content: '';position: absolute;left: 0;bottom:-2px;background: var(--base-color);width: 10%;height: 2px;transition: .3s}
.same-product .swiper .swiper-slide dl a:hover dt:after{width: 100%}
.same-product .swiper .swiper-slide dl a dt img{width: 100%}
.same-product .swiper .swiper-slide dl a dt i{display: block;font-size:60px;margin-bottom: 15px;transition: .3s;transform: translateX(-5px);color: var(--base-color)}
.same-product .swiper .swiper-slide dl a dd{display: block;font-size:16px;padding-bottom: 20px;transition: .3s;}
.same-product .swiper .swiper-slide dl a dd h2{font-size:25px;}
.same-product .swiper .swiper-slide dl a:hover dd h2{color: var(--base-color)}
.same-product .swiper .swiper-slide dl a dd p{display: block;margin-top: 20px;color: #666;margin-bottom: 30px}
.same-product .swiper .swiper-slide dl a dd span{display: block;overflow: hidden;}
.same-product .swiper .swiper-slide dl a dd span i{font-size: 11px;display: inline-block;transition: .3s;transform:translateX(-20px);color: #111}
.same-product .swiper .swiper-slide dl a:hover dd span i{transform:translateX(0);color: var(--base-color)}

.inner-news .row{margin-left: -20px;margin-right: -20px;margin-top:50px;}
.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: 5px}
.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:var(--base-color);color: #fff;font-size: 15px;padding:8px 22px;border-top-right-radius: 5px;border-top-left-radius: 5px}
.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;min-height:250px;display:block}
.inner-news .row dl a dd h2{font-size: 25px;margin-bottom:20px;transition:all .3s;font-weight: 400;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.inner-news .row dl a:hover dd h2{color: var(--base-color)}
.inner-news .row dl a dd p{font-size: 16px;height: 48px;line-height: 24px;overflow: hidden;}
.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: 20px}
@media (max-width:1399px){
	.inner-news .row dl a dd{padding:25px;min-height:220px}
	.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: 15px;height: 40px;line-height: 20px;}
}
@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 p{font-size: 14px;height: 36px;line-height: 18px;}
}
@media (max-width:991px){
	.client .list dl{width: 33.3333%;padding:5px;}
	.client .list dl dd h4{font-size: 12px}
	.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}
	.inner-news .row dl a dd p{height: auto;}
}
@media (max-width:767px){
	.inner-news .row{margin-left: 0;margin-right: 0}
	.inner-news .row dl{padding: 10px 0}
}

.viewnews{padding-top: 5%}
.viewnews .content{padding-right: 4%;padding-left: 0}
.viewnews .content .news-type{background:var(--base-color);border-radius:4px;padding:6px 18px;display: inline-block;color:#fff;font-size: 14px;font-weight: 400}
.viewnews .content .title{padding-bottom: 3%;border-bottom: 2px #eee solid;padding-top: 3%}
.viewnews .content .title div{padding: 0}
.viewnews .content .title div:last-child{text-align:right}
.viewnews .content .title h1{font-size: 45px;font-weight: 500}
.viewnews .content .date ul{width: 100%;text-align: right;padding-top: 10px}
.viewnews .content .date ul li{border: 1px #eee solid;width: 100px;font-size:25px;text-align: center;display: inline-block;height:40px;line-height: 40px;clear: both;font-weight: 500}
.viewnews .content .date ul li:last-child{border-top: none;font-size: 14px;color:#999;font-weight: 300}
.viewnews .content .text{font-size: 16px;line-height: 30px;padding: 3% 0}
.viewnews .content .text p{font-size: 16px;line-height: 30px;display:block;margin-top: 15px;margin-bottom: 15px}
.viewnews .content .text img{max-width: 100%}
.viewnews .content .tags{display: block;padding:30px 0;margin-top:30px;border-top:1px #eee solid;}
.viewnews .content .tags span{display: inline-block;padding-right: 20px;font-size:20px;font-weight: 500;text-transform:uppercase;line-height: 30px;vertical-align: top}
.viewnews .content .tags a{display: inline-block;background:#f5f5f5;margin-right:10px;padding:3px 12px;font-size:15px;text-transform:capitalize;line-height: 24px;vertical-align: top;font-weight: 300;border-radius: 3px}
.viewnews .content .tags a:last-child{margin-right:0;}
.viewnews .content .tags a:hover{background:var(--base-color);color: #fff}
.viewnews .content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%;padding-bottom:50px;}
.viewnews .content .prenext li{width: 45%;display:inline-block;font-size: 0}
.viewnews .content .prenext li a{font-size: 13px;}
.viewnews .content .prenext li a b{display:inline-block;width: 75px;text-transform:uppercase}
.viewnews .content .prenext li a b i{display:inline-block;line-height: 18px;font-size: 13px;vertical-align: top;margin-right: 10px}
.viewnews .content .prenext li i:before{line-height: 18px;vertical-align: text-top;margin-right: 5px}
.viewnews .content .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;}
.viewnews .content .prenext.ru li a b{width: 150px}
.viewnews .content .prenext.ru li a span{width: calc(100% - 150px);}
.viewnews .content .prenext li:nth-child(2){width: 10%;text-align:center;vertical-align: top;}
.viewnews .content .prenext li:nth-child(2) a i{font-size: 16px;line-height: 20px;}
.viewnews .content .prenext li:last-child{text-align:right;}
.viewnews .content .prenext li:last-child a b i{margin-left: 10px;margin-right: 0}
.viewnews .content .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.viewnews .content .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
.viewnews .fixed-right{position: sticky;top: 120px}
.viewnews .list{padding-right: 0}
.viewnews .list .title{padding-bottom: 5%}
.viewnews .list .title h1{font-size: 32px;color:#000;text-transform: uppercase;}
.viewnews .list .newslist dl{margin-bottom: 50px}
.viewnews .list .newslist dl a dt{overflow: hidden;background: #000;border-radius: 6px;}
.viewnews .list .newslist dl a dt img{width: 100%;opacity:0.8;transition: all .2s;}
.viewnews .list .newslist dl a:hover dt img{transform: scale(1.05);opacity:1}
.viewnews .list .newslist dl a dd{padding-top: 15px;display:block;}
.viewnews .list .newslist dl a dd span{padding-bottom: 5px;display: block;color: #999}
.viewnews .list .newslist dl a dd h2{color:#111;font-size: 20px;line-height: 1.2;font-weight: 400;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.viewnews .list .newslist dl a:hover dd h2{color: var(--base-color)}

@media screen and (max-width: 1399px){
	.viewnews .content .prenext li a i{width:10%}
	.viewnews .content .prenext li a i b,.viewnews .content .prenext li:nth-child(2) i b{display:none;}
}
@media screen and (max-width: 1199px){
	.viewnews .content .title h1{font-size: 35px;}
	.viewnews .content .prenext li a span{font-size: 15px;}
}
@media screen and (max-width: 991px){
	.viewnews .content .title div{padding-top:20px;}
	.viewnews .content{padding-right: 0}
	.viewnews .content .title h1{font-size: 30px;}
	.viewnews .list,.viewnews .content .date{display: none}
	.viewnews .content .prenext{padding-top: 20px;padding-bottom: 20px}
	.viewnews .content .tags span{padding-right: 15px;font-size:16px;}
	.viewnews .content .tags a{font-size: 14px}
}
@media screen and (max-width: 767px){
	.viewnews .content .title h1{font-size: 25px;}
}


.files-down{display: block;}
.files-down table{width: 100%;margin-top: 80px;border-top: 2px solid #000;}
.files-down table td{padding: 1.4rem 0;margin: 0;border-bottom: 1px solid #e5e5e5;font-size:18px;font-weight: 300}
.files-down table tr:first-child td{font-weight: 400;color: #111;font-size:20px;}
.files-down table tr td i.icon-pdf{font-size: 24px;}
.inner-project {padding-bottom:80px;border-bottom: 1px #eee solid}
.inner-project .row{padding-top:50px}
.inner-project .row dl{padding: 28px}
.inner-project .row dl a{position: relative;display: block;overflow: hidden;position: relative;}
.inner-project .row dl a:after{content: '';position: absolute;top: 0;height: 100%;width: 70%;left: -100%;-webkit-transform: skew(150deg);-o-transform: skew(150deg);transform: skew(150deg);z-index: 1;background: -webkit-gradient(linear, left top, right top, from(#ffffff05),to(#ffffff90));transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);opacity: 0.3;}
.inner-project .row dl a:hover:after{left: -30%}
.inner-project .row dl a dt{display: block;overflow: hidden;}
.inner-project .row dl a dt img{width: 100%;transition: all .3s}
.inner-project .row dl a:hover dt img{transform: scale(1.08);}
.inner-project .row dl a dd{position: absolute;width: 100%;left: 0;bottom: -65px;padding: 40px;transition: all .2s}
.inner-project .row dl a dd h1{font-size: 32px;color: #fff;font-weight: 400}
.inner-project .row dl a dd p{font-size: 16px;color: #fff;display: block;padding-top: 15px;margin-bottom: 30px}
.inner-project .row dl a dd i{color: #fff;font-size: 14px}
.inner-project .row dl a:hover dd {bottom: 0}
@media (max-width:1499px){
	.inner-project .row dl{padding: 20px}
	.inner-project .row dl a dd h1{font-size: 30px;}
}
@media (max-width:1199px){
	.inner-project .row dl{padding: 15px}
	.inner-project .row dl a dd h1{font-size: 25px;}
	.inner-project .row dl a dd p{font-size: 15px;}
}
@media (max-width:991px){
	.inner-project .row dl{padding: 10px}
	.inner-project .row dl a dd h1{font-size: 22px;}
	.inner-project .row dl a dd p{font-size: 14px;margin-bottom: 20px}
}



.pagination-bar {text-align: center; overflow: hidden; padding:0;margin-top:50px;}
.pagination-bar.borderline{border-bottom: 1px #ddd solid}
.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;}
.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;}
.pagination-bar ul li.pageinfo {background: #e8e8e8;line-height: 42px;text-align: center;padding: 0 15px;}
.pagination-bar ul li.active{background: var(--base-color);color: #fff;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;}
.pagination-bar ul li a i{vertical-align: middle;font-weight: bold;}
.pagination-bar ul li a:hover{ color: #fff; background: var(--base-color);}


#map{height:100%;}
.inner-contact .map-list{margin-top: 40px;}
.inner-contact .map-list > div{padding: 0;}
.inner-contact .map-list > div:first-child{padding-right:2%;}
.inner-contact .map-list > div:last-child{padding-left:2%;}
.inner-contact .map-list > div .title{font-size: 30px;font-weight:500;}
.inner-contact .map{ width:100%;height:58vh;margin: 20px 0}
.inner-contact .map #allmap{height: 100%}
.inner-contact .map iframe{height: 100%;border-radius:8px;box-shadow: 0px 5px 10px 2px rgba(25, 17, 64, 0.1);}
.inner-contact .address{padding-top: 30px}
.inner-contact .address > div{padding: 0}
.inner-contact .address h1{font-size: 40px;font-weight:500;}
.inner-contact .address p{line-height: 30px;font-size: 18px;}
.inner-contact .address p:last-child{margin-bottom: 0}
.inner-contact .address p.icon a{margin-right:20px;}
.inner-contact .address p.icon a:before{color: var(--base-color);font-size: 22px;margin-right:8px;display: inline-block;line-height: 30px;vertical-align: top}
.inner-feedback{background: #f5f5f5;}
.inner-feedback .feedback-content{padding-top: 50px}
.inner-feedback .feedback-content input,.inner-feedback .feedback-content textarea{background: #fff;color: #999;height:60px;line-height:60px;width: 100%;border:none;padding:0 20px;font-size: 15px;border-radius: 4px;box-shadow: 0px 5px 10px 2px rgba(25, 17, 64, 0.1)}
.inner-feedback .feedback-content textarea{height:200px;line-height:25px;padding-top: 20px}
.inner-feedback .feedback-content .row {margin-left: -20px;margin-right: -20px;}
.inner-feedback .feedback-content .row > div{padding:20px;}
.inner-feedback .feedback-content .checkcode img{margin-top: 20px}
.inner-feedback .feedback-content .savebutton button.submit{background: var(--base-color);color: #fff;width: 220px;border:none;outline: none;line-height: 55px;font-size: 18px;border-radius: 6px;transition: all .3s;box-shadow: 0px 5px 20px 2px rgba(25, 17, 64, 0.2)}
.inner-feedback .feedback-content .savebutton button.submit:hover{background:#d30500}
@media screen and (max-width: 1699px){
	.inner-contact{padding-top: 70px;padding-bottom: 70px;}
}
@media screen and (max-width: 1399px){
	.inner-contact{padding-top: 60px;padding-bottom: 60px;}
}
@media screen and (max-width: 1199px){
	.inner-contact{padding-top: 40px;padding-bottom: 40px;}
	.inner-contact .map{height:50vh;margin-top: 30px;margin-bottom: 10px}
}
@media screen and (max-width: 991px){
	.inner-contact .map{height:40vh;margin-top: 20px;}
}
@media screen and (max-width: 767px){
	.inner-feedback{padding-top: 0px}
	.inner-feedback .row > div{padding:0;}
	.inner-feedback .contact-info{padding:30px;}
	.inner-feedback .contact-info dl dt h1{font-size: 22px;padding-bottom: 20px;}
	.inner-feedback .contact-info dl dd p{font-size: 14px}
	.inner-feedback .feedback-content input{height:45px;line-height:45px;font-size: 13px}
	.inner-feedback .feedback-content textarea{font-size: 13px;}
	.inner-feedback .feedback-content .row{margin-left: 0;margin-right: 0}
	.inner-feedback .feedback-content .row > div{padding:6px 0;}
	.inner-feedback .feedback-content .savebutton button.submit{width: 50%;line-height: 42px;font-size: 13px;}
	.inner-feedback .feedback-content .checkcode img{margin-top: 10px}
	.inner-contact .address h1{font-size: 20px;}
	.inner-contact .address p{line-height: 22px;font-size: 13px;margin-top:5px}
	.inner-contact .address p.icon a:before{font-size: 18px;line-height: 22px;}
	.inner-contact .map{height:30vh;}
}


.inquiryform{position: fixed;width: 40%;height: 65vh;top: 52%;left: 50%;transform: translate(-50%,-50%);z-index: 100;border:12px #ffffff30 solid;opacity: 0;visibility: hidden;transition: all .3s;border-radius: 5px;box-shadow: 0px 6px 27.9px 2.1px rgba(25, 17, 64, 0.2);backdrop-filter: blur(20px);}
.inquiryform.show{top: 50%;opacity: 1;visibility: visible;}
.inquiryform .feedback{padding:40px;padding-top: 20px;background:#fff;height: 100%}
.inquiryform .feedback .title{width: 100%;display: block;position: relative;height: 80px;line-height: 30px;font-size: 20px;font-weight: 600;text-transform: uppercase;padding-top: 20px}
.inquiryform .feedback .title i{font-size: 20px;position: absolute;right:-20px;top: 0px;cursor: pointer;}
.inquiryform .feedback .title i:hover{color: var(--base-color)}
.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: 45px;height: 45px;background: #fff;border: 1px #eee solid;padding: 10px;font-weight: 300;font-size: 15px;border-radius: 5px;}
.feedback ul li input::-webkit-input-placeholder,.feedback ul li textarea::-webkit-input-placeholder{font-weight: 300;font-size: 15px;font-family: 'Barlow';color: #aaa}
.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: 248px;border-radius: 5px;line-height: 22px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 15px;font-weight: 300;}
.inquiryform .feedback ul li textarea{height: 18vh}
.feedback ul li:last-child input,.inner-contact .feedback ul li:last-child input{background: #333;color: #fff;font-size: 16px;font-weight: 300;padding: 0;transition: all .2s;border: none}
.feedback ul li:last-child input:hover,.inner-contact .feedback ul li:last-child input:hover{background: var(--base-color)}

@media screen and (max-width: 1499px){
	.inquiryform{width: 60%;}
}
@media screen and (max-width: 1199px){
	.inner-contact{padding-top: 60px}
	.inner-contact .contacts{padding-top: 30px}
	.inner-contact .contacts .tel{padding-top: 30px}
	.inner-contact .contacts .tel dl dd h1{font-size: 18px;line-height: 26px}
	.inner-contact .contacts .tel dl dd h3,.inner-contact .contacts .tel dl dd h3 a{font-size: 16px;padding-top: 5px}
	.inner-contact .map{padding-top: 40px;padding-bottom: 40px}
	.inner-contact .map iframe{height:400px;}
	.inquiryform{width: 70%;}
}
@media screen and (max-width: 991px){
	.inner-contact .row div:last-child{padding-left: 0}
	.inquiryform{width: 80%;}
}
@media screen and (max-width: 767px){
	.inquiryform{width: 94%;height: 54vh;}
	.inquiryform .feedback{padding:20px;}
	.inquiryform .feedback .title{height: 50px;line-height: 20px;font-size: 16px;padding-top: 0}
	.inquiryform .feedback .title i{right: 0;font-size: 18px}
	.inquiryform .feedback ul li textarea{height: 12vh}
	.inner-contact{padding-top: 30px}
	.inner-contact .contacts{padding-top: 20px}
	.inner-contact .contacts p{font-size: 14px;padding:0;margin: 3px 0}
	.inner-contact .contacts .tel dl dd h1{font-size: 16px;line-height: 20px}
	.inner-contact .contacts .tel dl dd h3,.inner-contact .contacts .tel dl dd h3 a{font-size: 14px;}
	.inner-contact .map{padding-top: 30px;padding-bottom:30px}
	.inner-contact .map iframe{height:300px;}
	.feedback ul li input{line-height: 35px;height: 35px;padding: 5px;font-size: 13px}
}


footer{background: #fff;padding: 5% 0 1.5% 0;position: relative;border-top: 1px #e8e8e8 solid;border-top: 6px #ddd solid;}
footer:after{content: '';position: absolute;left: 0;width: 23.5%;background: var(--base-color);height:6px;top: -6px}
footer .foot-left i{font-size: 40px;color: var(--base-color)}
footer .foot-left h2{font-size: 24px;color: #333;line-height: 50px;}
footer .foot-left p{width: 80%;padding:4% 0 4% 0;font-size: 18px;font-weight: 400;line-height: 1}
footer .foot-left a,footer .foot-right .share a{background:var(--base-color);color: #fff;width: 32px;height: 32px;border-radius: 3px;text-align: center;line-height: 32px;display: inline-block;margin-right:1%;font-size: 16px;}
footer .foot-left a:hover,footer .foot-right .share a:hover{background: #e60012;}
footer .foot-middle {display: flex;}
footer .foot-middle dl{flex:1}
footer .foot-middle dl:nth-child(n+5){display: none}
footer .foot-middle dl dt{font-size: 28px;color: #111;position: relative;padding-bottom: 15px;text-transform: uppercase;font-weight: 500;}
footer .foot-middle dl dt:after{content: '';position: absolute;left: 0;bottom: 0;width: 30px;height: 3px;background:var(--base-color);display: block;overflow: hidden;}
footer .foot-middle dl dd{padding-top: 20px;width: 100%}
footer .foot-middle dl dd a{color:#555;display: block;line-height: 32px;font-weight: 300;font-size: 17px}
footer .foot-middle dl dd a:before{transition: all .2s;}
footer .foot-middle dl dd a:hover{color:var(--base-color);}
footer .foot-middle dl dd a:hover:before{padding-right:2px;}
footer .foot-right{text-align: right;}
footer .foot-right .share{display: none}
footer .foot-right h1{font-size: 28px;color: #333;padding-bottom: 2%;}
footer .foot-right h3{color:rgba(0,0,0,.7);padding-top: 4%;line-height: 24px;font-size: 16px;font-weight: 300}
footer .foot-right h3 i{display: inline-block;margin-right: 5px;line-height: 24px;vertical-align: top}
footer .foot-right h3 a,footer .copyright a{color:rgba(0,0,0,.8);font-weight: 400;font-size: 18px}
footer .foot-right h3 a:hover,footer .copyright a:hover{color:var(--base-color)}
footer .row{border-bottom: 1px rgba(0,0,0,.1) solid;padding-bottom: 3%}
footer .row > div{padding: 0}
footer .copyright{color: rgba(0,0,0,.7);padding-top: 1.5%;font-size: 15px;position: relative;font-weight: 300}
footer .copyright a.icon-chevrons-up{background:rgba(0,0,0,.7);width: 32px;height: 32px;line-height: 32px;border-radius:3px;text-align: center;display: block;position: absolute;right: 0;top: 45%;font-size:18px;color: #fff}
footer .copyright a.icon-chevrons-up:hover{background:rgba(0,0,0,.9)}
@media (max-width:991px){
	footer:after{display: none}
	footer .foot-middle {display: none}
}
@media (max-width:767px){
	footer .foot-left{border-bottom: 1px rgba(0,0,0,0.2) solid;padding-bottom:15px}
	footer .foot-left i{font-size: 60px;vertical-align: middle;}
	footer .foot-left h2{vertical-align: middle;display: inline-block;padding-left: 3%}
	footer .foot-left p,footer .foot-left a,.foot-right em,footer .copyright em{display: none}
	footer .row > div.foot-right{text-align: left;padding-top: 35px}
	footer .foot-right h1{padding-bottom: 1%;font-size: 22px}
	footer .foot-right h3{padding-top: 1%;font-size:13px}
	footer .foot-right .share{display: block;padding: 15px 0 5px 0}
	footer .foot-left a,footer .foot-right .share a{width: 30px;height: 30px;line-height: 30px;font-size: 15px;}
	footer .copyright{padding-top: 15px;padding-bottom: 15px;padding-left: 3%}
}