@charset "utf-8";
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#333;-webkit-text-size-adjust:none;}
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-size:14px; color:#333; font-weight:normal;}
h1{font-weight: bold;}
em{ font-style:normal}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}
input{font-size:14px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0}
li{list-style:none}
img{display: inline-block; border:none}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}
a:hover{ color:#e60000;text-decoration:none;}
a,input,button,textarea,i{ outline:none; }

.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}
header{width: 100%;height: 90px;position: fixed;left: 0;top: 0;z-index: 999;transition: all .2s;background: linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,0.3))}
header .containerfull{transition: all .2s;padding:0 3%;}
header .containerfull .row{height: 90px;padding: 0;align-items: center;}
header .logo{padding: 0;}
header .logo > a{display: flex;gap:15px;align-items: center;}
header .logo > a i{color: #fff;font-size:65px}
header .logo > a h2{font-size: 32px;color:#fff;font-weight: bold;}
header .logo > a h2 span{font-size: 12px;display: block;font-weight: normal;white-space: nowrap;}
header .logo > a h3{position: relative;padding-left: 30px;font-size: 16px;color: #fff;padding-top: 3px}
header .logo > a h3:after{content: '';position: absolute;left: 10px;top: 4px;width: 1px;height: 45px;background: #ffffff20}
header .logo > a h3 span{display: block;color: #fff;font-size: 18px;margin-top:5px}
header .menu{text-align: right;padding: 0;display: flex;align-items: center;}
header .menu ul{width: 100%;font-size: 0;white-space: nowrap;}
header .menu ul li{display: inline-block;position: relative;line-height:90px;}
header .menu ul li > a{padding:0 25px;font-size:16px;text-transform: uppercase;color: #fff;transition:all .4s;}
header .menu ul li > a:hover{color:#e60000;}
header .menu ul li > a i{margin-left: 3px;line-height:90px;transition: all .2s;display:inline-block;transition: all .2s;font-size: 18px;vertical-align: top;}
header .menu ul li > a:hover i{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#e60000;}
header .menu ul li span{position: absolute;left:-40%;top: 100px;width: 180%;background: rgba(255,255,255,.9);padding: 10px 0;box-shadow: inset 0 0 10px rgb(0 0 0 / 30%);visibility: hidden;opacity:0;transition: all .2s;text-align: left}
header .menu ul li span i{vertical-align: bottom;line-height:42px;font-size: 14px;margin-right: 3px}
header .menu ul li span:after,header .language .lang .morelang:after {position: absolute;top: -8px;left: 45%;display: inline-block;border-right: 8px solid transparent;border-bottom: 8px solid #e60000; border-left:8px solid transparent;content: '';}
header .menu ul li span a{display: block;border-bottom: 1px rgba(0,0,0,.05) solid;font-size: 13px;color:#666;line-height: 42px;padding-left: 20px;}
header .menu ul li span a:before{margin-right:5px;}
header .menu ul li span a:hover,header .menu ul li.hover span a:hover{background: #e60000;color:#fff;}
header .menu ul li span a:last-child,header .language .lang .morelang a:last-child{border-bottom: none}
header .menu ul li.hover span{top: 90px;visibility: visible;opacity:1;}
header .menu .message{flex-shrink: 0;margin-left: 40px}
header .menu .message a{display: inline-block;padding: 8px 32px 6px;border: 1px #ffffff40 solid;line-height:26px;border-radius: 50px;font-size:15px;color: #fff}
header .menu .message a i{font-size:20px;display: inline-block;vertical-align: top;line-height:28px;margin-right: 8px}
header .language{color: #111;margin-left: 10px;position: relative;}
header .language > a{background:#ffffff;padding:8px 15px;border-radius: 4px;font-size: 14px;line-height:26px;cursor: pointer;border-radius: 50px;}
header .language i.icon-globe{font-size: 17px;margin-right:6px}
header .language i.icon-chevron-small-down{font-size: 16px;margin-left: 10px}
header .language .lang{position: absolute;top:50px;border-radius: 4px;left: 0;background: #fff;width: 120px;padding:8px 20px;text-align: left;line-height:36px;opacity: 0;transition: .3s;visibility: hidden;box-shadow: 0 0 5px 5px #00000020} 
header .language .lang:after{position: absolute;top: -6px;left: 45%;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff; border-left:6px solid transparent;content: '';}
header .language .lang a{background:url(../images/lang.gif) no-repeat left 12px;padding-left: 28px}
header .language .lang a:first-child{border-bottom: 1px #eee solid;display: block;}
header .language .lang a:last-child{background-position: left -114px}
header .language .lang a:hover{color: #dd052b}
header .language.hover .lang{top: 50px;opacity:1;visibility:visible;}
header.sroll .language > a,header.sroll .language > a:hover,.innerpage header .language > a{background: #333;color: #fff}
header.sroll,header.onmobile,.innerpage header{background:rgba(255,255,255,.95);box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 10%);}
/*header.sroll .logo > a h1{color: #333}*/
header.sroll .logo > a i,.innerpage header .logo > a i{background: linear-gradient(200deg, #e66100,#e60000);-webkit-background-clip: text;color: transparent;}
header.sroll .logo > a h2,.innerpage header .logo > a h2{color:#333;}
header.sroll .logo > a h3,.innerpage header .logo > a h3{color: #333;}
header.sroll .logo > a h3:after,.innerpage header .logo > a h3:after{background: #00000020}
header.sroll .logo > a h3 span,.innerpage header .logo > a h3 span{color: #e60000;}
header.sroll .menu .message a,.innerpage header .menu .message a{box-shadow: #aaccff 0px 3px 15px; background: linear-gradient(200deg, #e66100, #e60000);}
header.sroll .menu ul li a,header.sroll .language .lang,header.sroll .language .lang i,header.sroll .language .search,header.sroll .language .search i,.innerpage header .menu ul li a,.innerpage header .language .lang,.innerpage header .language .lang i,.innerpage header .language .search,.innerpage header .language .search i{color:#333;}
header.sroll .menu ul li a:hover,.innerpage header .menu ul li a:hover{color:#e60000;}
header.sroll .language i.icon-old-phone,.innerpage header .language i.icon-old-phone{border-color: #333}
header.sroll .containerfull,.innerpage header .containerfull{border-bottom:none;}
header .menu ul li em,header .menu .mobilelang{display: none}
@media(max-width:1699px){
	header .menu .message > a{padding: 8px 25px 6px;}
	header .language .lang{padding:8px 15px;}
	header .menu ul li > a{padding:0 22px;}
}
@media(max-width:1499px){
	header .logo > a{gap:10px;}
	header .logo > a i{font-size:55px}
	header .logo > a h2{font-size: 24px;}
	header .logo > a h2 span{font-size: 10px}
	header .logo > a h3{font-size: 14px}
	header .logo > a h3 span{font-size: 16px}
	header .menu ul li > a{padding:0 18px;}
	header .menu .message{margin-left: 30px}
}
@media(max-width:1399px){
	header .containerfull{padding:0 2%;}
	header .menu ul li > a{font-size:15px;padding:0 15px;}
	header .menu .message{margin-left: 20px}
	header .menu .message > a{font-size: 14px;padding-left: 30px;padding-right: 30px}
	header .menu .message > a i{font-size:18px;}
}
@media(max-width:1299px){
	header .menu .message{margin-left: 10px}
	header .menu .message > a{padding-left: 25px;padding-right: 25px}
	header .menu ul li > a{padding:0 12px;}
}
@media(max-width:1199px){
	header,header .containerfull .row{height: 75px;}
	header .logo > a{gap:10px;}
	header .logo > a i{font-size:45px}
	header .logo > a h2{font-size: 22px;}
	header .logo > a h2 span{font-size: 9px}
	header .logo > a h3{font-size: 13px;padding-left: 20px}
	header .logo > a h3:after{left: 5px}
	header .logo > a h3 span{font-size: 14px}
	header .logo > a h3:after{height: 40px}
	.innerpage{padding-top: 75px}
	header .menu ul li,header .menu ul li > a i{line-height: 75px}
	header .menu ul li > a{font-size:14px;padding:0 10px;}
	header .menu ul li span{top: 85px;}
	header .menu ul li.hover span{top: 75px}
	header .menu .message{margin-left: 5px}
	header .menu .message > a{font-size:0;width: 36px;height: 36px;text-align: center;padding: 0;}
	header .menu .message > a i{margin-right: 0;line-height: 34px}
	header .language .search{font-size:0;}
	header .language > a{padding: 5px 8px}
	header .language .lang{left: auto;right: 0}
	header .language .lang i.icon-chevron-thin-down{display: none}
	header .language .lang i.icon-earth:before,header .language .lang i.icon-earth{margin-right: 0;font-size: 18px;}
	header .language i.icon-chevron-small-down{font-size: 14px;margin-left: 5px}
}
@media(max-width:991px){
	header{height: 60px;}
	header .containerfull .row{height: 60px;}
	header .logo > a{height: 60px;background-size:auto 40px}
	header .language{display:inline-block;height:60px;padding-right:0}
	header .language .lang{line-height:60px;}
	header .language .search{line-height:60px;}
	header .language .search i{line-height:60px;}
	header .language .lang i.icon-earth:before,header .language .lang i.icon-earth{line-height:60px;}
	header .language .lang i.icon-earth:before{font-size: 24px;margin-right: 5px}
	header .language .search,header.onmobile .language .lang i.icon-earth{display: none}
	header .menu{position: fixed;background:rgba(255,255,255,.95);left: -100%;width: 100%;top: 60px;height:100%;z-index: 400;text-align: left;transition: all .2s}
	header.onmobile .menu{display: block;padding: 0 4%;padding-top: 20px;left: 0}
	header .language .lang .morelang{left: -50%;width: 250%;}
	header .language .lang .morelang a{line-height:30px;}
	header .language .lang.hover .morelang{top: 60px;}
	header .menu ul li{width: 100%;line-height: 70px;height:70px;overflow: hidden;border-bottom: 1px #eee solid;position: relative;}
	header .menu ul li:last-child{display: block;}
	header .menu ul li > a{color: #333;line-height: 60px;font-size:18px;font-weight: bold;}
	header .menu ul li > a i{display: none}
	header .menu ul li em{position:absolute;right: 0;top: 18px;font-size: 25px;cursor: pointer;display: block;transition: all .2s}
	header .menu ul li.active em{transform: rotate(90deg);}
	header .menu ul li span{position:static;display: block;width:100%;background:none;padding: 0;padding-bottom: 20px;box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);visibility: visible;opacity:1;}
	header .menu ul li span a{font-size: 15px;color: #333;line-height: 40px;width: 100%;border-bottom: none}
	header .menu ul li span a:before{line-height: 40px;vertical-align: top;font-size: 20px}
	header .menu ul li span a:hover,header .menu ul li.hover span a:hover{background: none;color: #007ab0}
	header .mobilemenu{display: inline-block;vertical-align: top;}
	header .mobilemenu > a{display:inline-block;padding:0;position: relative;cursor: pointer;width:45px;height:57px;text-align: center;overflow:hidden;}
	header .mobilemenu > a span,header .mobilemenu > a span:after,header .mobilemenu > a span:before {content:"";display:block;width:24px;height:3px;background:rgba(255,255,255,.8);position:absolute;top:50%;margin-top:-1px;left:6px; -webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);}
	header .mobilemenu > a span:after {margin-top:-7px;top:0;transition-delay:0.27s;}
	header .mobilemenu > a span:before {margin-top:7px;top:0;transition-delay:0.2s;}
	header .mobilemenu.click a span,header .mobilemenu.click a span:after,header .mobilemenu.click a span:before {transition-delay:0.12s;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
	header .mobilemenu.click a span:after {transition-delay:0s;}
	header .mobilemenu.click a span:before {transition-delay:0.07s;}
	header .mobilemenu > a i:before,header .mobilemenu > a i:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
	header .mobilemenu > a i:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
	header .mobilemenu > a i:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
	header .mobilemenu.click a i:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
	header .mobilemenu.click a i:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
	header.sroll .mobilemenu a span,header.sroll .mobilemenu a span:after,header.sroll .mobilemenu a span:before{background: rgba(0,0,0,.8);}
}
.banner-container{ width:100%; position: relative}

.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 video,.banner .swiper-slide .bgimg img{position:absolute;left:50%;height:100%;width:auto;max-width:initial;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);opacity:0.75;object-fit: cover;}
.banner .swiper-slide .text{position: absolute;left:10%;bottom: 8%;transform: translateY(-50%);z-index: 2;width: 50%;}
.banner .swiper-slide .text h1{font-size: 55px;font-weight: bold;text-transform: uppercase;color: #fff;position: relative;margin-bottom:45px;text-shadow: 5px 5px 5px rgba(0,0,0,0.2);padding-bottom: 50px}
.banner .swiper-slide .text.inner{text-align: left;left: 10%}
.banner .swiper-slide .text.inner h1{font-size:45px;margin-bottom: 40px}
.banner .swiper-slide .text h2{font-size:18px;color: #ffffff;padding: 3px 0;text-shadow: 0 2px 5px rgba(0,0,0,0.6);line-height: 1.6}
.banner .swiper-slide .text.inner h2{font-size: 18px;padding: 5px 30%;line-height: 32px;}
.banner .swiper-slide .text h1:after{content: '';position: absolute;left:0px;bottom: 0;width:250px;height:50px;background:url(../images/line.svg) no-repeat left;background-size:100% auto}
.banner .swiper-slide .text.inner h1:after{top: 65px;left:0;margin-left:0;}
.banner .swiper-slide .text .learnmore{display: block;margin-top: 80px;text-align: left}
.banner .swiper-slide .text .learnmore a{display: inline-block;padding: 12px 45px;border-radius: 60px;color: #fff;transition: .3s;background: linear-gradient(200deg, #e66100, #e60000);}
.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;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 15000ms 1;animation: w100 15000ms 1;width:100%;}

@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
.vjs-tech, .video-dimensions, #video_html5_api, .vjs-paused, .vjs-controls-disabled{height:100%;width: 100%}
.vjs-control-text{font-size:0}
.sub-nav{ background:#f7f7f7; line-height:55px; height:55px; width:100%; border-bottom:1px #ededed solid; margin-bottom:40px}
.sub-nav .local{ width:50%; font-size:13px; color:#999}
.sub-nav .local a{ font-size:13px; color:#6699cc}
.sub-nav .local a:hover{ color:#e60000}
.sub-nav .sub-menu{ min-width:16%; background:#3b76ba; height:55px; position:relative; float:right}
.sub-nav .sub-menu i{ width:100%; height:55px; display:block;font-size:16px; color:#fff; text-align:center; text-transform:uppercase;background:url(/assets/images/arr.png) no-repeat 90% 25px;box-shadow: 0px 2px 5px rgba(0,0,0,0.2) inset;}
.sub-nav .sub-menu p{ width:100%; position:absolute; right:0; top:70px; display:block; background:#609ee5; padding:15px 0; margin:0;border-bottom-left-radius:10px; border-bottom-right-radius:10px; visibility:hidden;-webkit-transition: all .3s ease;-moz-transition:all .3s ease;transition: all .3s ease;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;box-shadow: 0 0 10px #609ee5; overflow:hidden;}
@media(max-width:1199px){
	.banner .swiper-slide .text{top:38%;}
	.banner .swiper-slide .text h1{font-size: 40px;margin-bottom:20px;}
	.banner .swiper-slide .text h2{font-size:16px;line-height: 30px}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px}
	.banner .swiper-slide .text h1:after,.banner .swiper-slide .text h1:before{display: none}
}
@media(max-width:991px){
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{display:none}
	.banner .swiper-button-next,.banner .swiper-button-prev{display: none}
	.banner .swiper-slide .text h2{font-size:14px;line-height: 26px;;padding: 3px 15%;}
}
@media(max-width:767px){
	.banner .swiper-slide .text{top:30%;}
	.banner .swiper-slide .text h1{font-size: 32px}
	.sub-nav .sub-menu p a{ width:82%; display:block; color:#fff; line-height:20px; padding:10px 20px 10px 40px; background:url(arr.gif) no-repeat 22px -32px}
	.sub-nav .sub-menu:hover{ background:#205da4}
	.sub-nav .sub-menu:hover p{ top:55px; visibility:visible;filter:alpha(Opacity=90);-moz-opacity:.9;opacity: .9;}
	.sub-nav .sub-menu p a:hover{ background-color:#4f8ed5}
	.sub-nav .sub-menu.large p{width:140%; }
	.sub-nav .sub-menu.quality p{width:120%; }
}
@media(max-width:576px){
	.banner .swiper-slide .text h1{font-size:25px;margin-bottom:10px;}
	.banner .swiper-slide .text h2{font-size:12px;line-height: 16px}
}
.comm-title{padding:50px 0;text-align: center;width:100%;margin-top: 30px}
.comm-title h2{ width:100%; font-size:50px; color:#050505;text-transform:uppercase;font-weight: bold;}
.comm-title h2 span{ color:#e60000}
.comm-title h3{width:100%; color:#9d9d9d; font-size:16px; padding:15px 15%;line-height: 1.5}
.comm-title h3 i{ float:none; display:inline-block; height:1px; width:30px; background:#d9d9d9; vertical-align:middle; margin:0 10px}
@media(max-width:1399px){
	.comm-title h2{ font-size:45px; padding-top:40px; }
}
@media(max-width:1199px){
	.comm-title h2{ font-size:40px; padding-top:30px; }
}
@media(max-width:991px){
	.comm-title h2{ font-size:32px; padding-top:0px; }
	.comm-title h3 i{display: none}
}
@media(max-width:767px){
	.comm-title h2{ font-size:26px;}
	.comm-title h3{font-size:14px;}
}

.learnmore{display: inline-block;margin-top: 80px;text-align: center;}
.learnmore a{display: inline-block;background:linear-gradient(200deg, #e66100, #e60000);box-shadow: 0px 3px 18px #aaccffa0;padding: 12px 45px;border-radius: 60px;color: #fff;transition: .3s}
.learnmore a i{margin-left: 10px;transition: .3s}
.learnmore a:hover i{margin-left: 18px}
.learnmore a:hover{box-shadow: 0px 3px 18px #6a9cd8;}

.home-product {width: 100%;overflow: hidden;height: 100vh;background: #F0F3F8;padding-top: 40px;}
.home-product .comm-title{padding-bottom: 20px}
.home-product .content{display: block;width: 100%;}
.home-product .content #scrollDiv {display: block;white-space: nowrap;font-size: 0}
.home-product .content #scrollDiv dl{width:calc(100% / 3.5);text-align: center;}
.home-product .content #scrollDiv dl a{display:block;margin: 0 5px}
.home-product .content #scrollDiv dl a dd{display:block;padding: 50px 30px}
.home-product .content #scrollDiv dl a dd h2{font-size: 24px;display:block;margin-bottom: 15px}
.home-product .content #scrollDiv dl a:hover dd h2{color: #e60000}
.home-product .content #scrollDiv dl a dd p{line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;color: #999;font-size: 16px}
.home-product .content #scrollDiv dl a dd span{font-size: 28px;transition:all .3s;margin-top: 10px;display: inline-block;}
.home-product .content #scrollDiv dl a:hover dd span{color: #e60000}
.home-product .content #scrollDiv dl a dt{display:block;background:#000;overflow: hidden;position:relative;border-radius: 10px}
.home-product .content #scrollDiv dl a dt i{display:inline-block;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50%;background: #e60000;color: #fff;z-index: 20;font-size: 22px;opacity: 0;transition:all .3s}
.home-product .content #scrollDiv dl a:hover dt i{opacity: 1;transform:translate(-50%,-50%) scale(1.5);}
.home-product .content #scrollDiv dl a dt img{width: 100%;opacity: 0.6;transition:all .8s;}
.home-product .content #scrollDiv dl a:hover dt img{transform:scale(1.08);opacity: 0.9}

@media screen and (max-width: 1199px) {
	.home-product .content #scrollDiv dl{width: 50% }
}
@media screen and (max-width: 767px) {
	.home-product .content #scrollDiv dl{width: 100% }
}

.home-company{padding-bottom: 100px;background:url(../images/map.jpg) no-repeat center bottom; background-size: cover;position: relative;display: block;overflow: hidden;}
.home-company .comp-img{background:url(../images/comp.webp) no-repeat fixed;background-size: cover;height: 60vh;position: relative}
.home-company .comp-img h2{display: block;color: #fff;font-size: 42px;padding-top:12%;font-weight: bold;line-height:1.4}
.home-company .comp-img a.play{position: absolute;left: 50%;bottom: 0;transform: translate(-50%,50%);color: #e60000;background: #fff;width: 90px;height:90px;display: block;border-radius: 50%;box-shadow: 0 0 10px 0 #00000020;cursor: pointer;}
.home-company .comp-img a.play i{margin-left: 5px;font-size: 30px;line-height: 92px;}
.home-company .comp-img a.play:hover{background: #e60000;color: #fff}
.home-company .comp-img a.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;}
.home-company .comp-img a.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;}
@-webkit-keyframes ks{from{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}10%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}80%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:.2}to{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0}}
@-moz-keyframes ks{from{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}10%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}80%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:.2}to{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0}}
@keyframes ks{from{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}10%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}80%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:.2}to{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0}}

.home-company .container{position: relative;z-index: 8;}
.home-company .comm-title{padding-top: 100px}
.home-company .comp-intro{display: block;padding: 50px 8%;padding-top: 0;}
.home-company .comp-intro p{font-size:18px;line-height: 1.8;color: #666}
.home-company #myCanvas {width: 100%;position: absolute;bottom: 0;transform: translateY(35%);z-index: 0; opacity: 1}
.home-company .learnmore{display: block;}

.num-block dl{flex-shrink: 0;flex-basis: calc(100% / 5);border-left: 1px solid #d3d3d3;position: relative;padding-left: 2%}
.num-block dl:after{content: '';position: absolute;left: -1px;top: 0;width: 1px; height: 30%; background: #ebb90e; z-index: 1;}
.num-block dl dt i{font-size:60px;color: #e60000}
.num-block dl dd{padding-left: 20px}
.num-block dl dd h2{font-size: 40px;color: #e60000;font-family: 'impact';display: inline-block;}
.num-block dl dd sup{font-size: 14px;color: #e60000;top: -20px;left: 5px}
.num-block dl dd p{display: block;font-size: 15px;padding-top: 0px;color: #666}

@media screen and (max-width: 1499px) {
	.num-block dl dt i{font-size:50px;}
}


.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%);}
.uw-index-about-video video{position: absolute;width: 100%;height: 100%;margin: auto;left: 0;top: 0;}
.uw-close {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transition-duration: 0.5s;z-index: 1600;}
.uw-close i{color: #fff;font-size: 25px;opacity: 0.8;}
.uw-close:hover i{opacity: 1;}

.home-strength {padding-bottom: 20px;padding-top: 20px;position: relative;z-index: 10;background:url(../images/strength.webp) no-repeat center;background-size: cover}
.home-strength .comm-title h2{color: #fff}
.home-strength .comm-title h2 span{color: #e60000}
.home-strength .comm-title h3{padding-left: 0;padding-right: 0}
.home-strength .comm-title h4{color: #fff;font-size: 38px;font-weight: bold;margin-top: 5px;margin-bottom: 10px}
.home-strength .row > div{padding: 0}
.home-strength .row > div:last-child{text-align: right;padding-left: 15%;padding-top: 40px}
.home-strength .comm-title h1{color: #fff;font-size: 45px}
.home-strength .title h3{color: #ffffff90;font-size: 16px;display:block;text-align: left;margin-bottom: 15px}
.home-strength .title h4{display:inline-block;text-align: left;color: #999;font-size: 16px;font-weight: 400;line-height: 22px}
.home-strength .title h4 a{color: #202221;font-size:15px;background: #fff;line-height: 20px;display:inline-block;padding: 10px 35px;border-radius:60px;margin-top: 30px;box-shadow: 0 15px 15px -15px #ffffff80;}
.home-strength .title h4 a i{display:inline-block;line-height: 20px;vertical-align: top;margin-left: 10px;transition:all .3s;}
.home-strength .title h4 a:hover{background: linear-gradient(200deg, #e66100, #e60000);color: #fff}
.home-strength .title h4 a:hover i{margin-left: 20px}
.home-strength .home-strength-swiper{padding-bottom: 120px}
.home-strength .home-strength-swiper dl a{display:block;}
.home-strength .home-strength-swiper dl a dt{display:block;overflow: hidden;border-radius: 20px}
.home-strength .home-strength-swiper dl a dt img{width: 100%}
.home-strength .home-strength-swiper dl a dd {display:block;padding:30px 0;}
.home-strength .home-strength-swiper dl a dd h1{color: #fff;font-size: 20px;text-align: center;display:block;}
.home-strength .swiper-container-horizontal>.swiper-pagination-bullets{bottom:70px}
.home-strength .swiper-pagination-bullet{background:#fff;height: 3px;width: 25px}
.home-strength .swiper-pagination-bullet-active{width: 40px;background: #e66100}

.home-solution{display: block;position: relative;}
.home-solution .title{position: absolute;left: 10%;top:30%;z-index: 1;text-align: left;width: 50%}
.home-solution .title h2{color: #fff;font-size: 35px;font-weight: bold;}
.home-solution .title p{color: #fff;margin-top: 30px;display: block;font-size: 16px}
.home-solution .title .more{display: block;margin-top: 55px;text-align: left}
.home-solution .title .more a{padding: 4px 45px;border:1px #ffffff60 solid;color: #fff;display: inline-block;text-transform: uppercase;font-weight: 400;border-radius:60px;}
.home-solution .title .more a i{line-height: 38px;display: inline-block;margin-left: 10px}
.home-solution .title .more a.cur{background: #b1b2b3;border-color: #b1b2b3}
.home-solution .title .more a:hover{background: #e60000;color: #fff;border-color: #e60000;}
.home-solution .sroll-solution .img{display: block;width: 100%;position: relative;overflow: hidden;background: #000}
.home-solution .sroll-solution .img img{width: 100%;opacity: 0.5}
.home-solution .content{width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;border: 1px #ffffff20 solid;padding-top:35px;padding-bottom:35px;background: #00000040}
.home-solution .content dl{position: relative}
.home-solution .content dl:after{content: '';position: absolute;right: 0;top: 0;height: 100%;width: 1px;background: #ffffff20}
.home-solution .content dl:last-child:after{display: none}
.home-solution .content dl a{display: block;padding:0px 30px;}
.home-solution .content dl:first-child a{padding-left: 0}
.home-solution .content dl:last-child a{padding-right: 0}
.home-solution .content dl a dt{display: block;color: #ffffff80;font-size: 18px;font-weight: bold;}
.home-solution .content dl.swiper-slide-thumb-active a dt{color: #fff}
.home-solution .content dl a dt img{width: 100%}
.home-solution .content dl a dd{display: none;margin-top: 10px;color: #ffffff80;line-height: 20px;font-size:14px;}
.home-solution .content dl.swiper-slide-thumb-active a dd{color: #fff;}
.home-solution .swiper-button-next:after,.home-solution .swiper-button-prev:after{color: #fff;font-size:20px;}
@media screen and (max-width:1299px) {
	.home-solution .comm-title{top: 15%;left: 4%}	
	.home-solution .comm-title .more{margin-top: 40px;}
	.home-solution .content{width: 65%}
	.home-solution .comm-title h1{font-size: 2.5rem;line-height: 3rem}
	.home-solution .content dl a{padding:15px 0;}
	.home-solution .content dl a dd{font-size: 14px}
	.home-solution .content dl a dt{padding-top: 5px}
	.home-solution .content dl a dt img{width: 80%}
}
@media screen and (max-width:991px) {
	.home-solution .comm-title h1{font-size: 2rem;line-height: 2.5rem}
	.home-solution .comm-title h1,.home-solution .comm-title h2{padding-left: 15px}
	.home-solution .comm-title .more{padding-left: 15px}
	.home-solution .sroll-solution .img:after{height:50vh;content:'';display:block}
    .home-solution .sroll-solution .img img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
    .home-solution .comm-title .more a{line-height:28px;padding: 0 20px;border-radius:4px;font-size: 0.9rem;}
    .home-solution .swiper-button-prev{left: 0}
    .home-solution .swiper-button-next{right: 0}
}
@media screen and (max-width:767px) {
	.home-solution .content dl a{padding:5px;}
	.home-solution .content{width: 98%;top: 68%;margin-left: 1%}
	.home-solution .content dl a dd{font-size: 0.9rem;}
}
@media screen and (max-width:576px) {
	.home-solution .content{margin-left: 3%;width: 94%}
	.home-solution .comm-title h1{font-size: 1.5em;line-height: 1.8rem}
}


.home-application .application-list{padding-bottom: 100px}
.home-application dl a{display: block;position: relative;overflow: hidden;}
.home-application dl a{ background:#eee; display:table;-webkit-transition: all .2s ease;-moz-transition:all .2s ease;transition: all .2s ease;padding-bottom: 20px;box-shadow: 0 0 15px 0 rgba(0,0,0,0.08);width:100%;font-size: 0;vertical-align: top;padding: 0}
.home-application dl a dt{width:100%;vertical-align: top;overflow: hidden;background: #000}
.home-application dl a dt img{ width:100%;transition: all .2s}
.home-application dl a dd{width:100%;position: absolute;bottom:-158px;left: 0;background-image: linear-gradient(transparent 0px, #e60000 100%);transition: all .2s;padding-bottom: 30px}
.home-application dl a dd h2,.home-application dl a dd p{ width:90%;color:#666; margin:10px 5%; font-size:12px;-webkit-transition: all .2s ease;-moz-transition:all .2s ease;transition: all .2s ease;}
.home-application dl a dd h2{ font-size:22px; color:#fff;line-height:40px; overflow:hidden;padding: 15px 0;border-bottom: 1px #ffffff60 solid;text-transform: capitalize;}
.home-application dl a dd p{ height:75px; overflow:hidden;font-size: 15px;line-height: 25px;margin-top:20px;color: #fff}
.home-application dl a dd span{display: inline-block;font-size: 13px;color:#fff;line-height: 20px;margin:0 5%;text-transform: uppercase;}
.home-application dl a dd span:before{font-size: 16px;margin-right:5px;line-height: 20px;vertical-align: top;transition: all .2s}
.home-application dl a dd span:hover:before{margin-right:15px;}
.home-application dl a:hover dd{bottom:0;}
.home-application dl a:hover dd h1{color:#e60000;}
.home-application dl a:hover dt img{transform: scale(1.05);opacity: 0.7}
.home-application .application-list .swiper-pagination-bullet{background: #999;width:10px;height: 10px;border-radius: 50%;margin: 0 7px}
.home-application .application-list .swiper-pagination-bullet-active{background:#e60000;position: relative;}
.home-application .application-list .swiper-pagination-bullet-active:after{content:'';position: absolute;left: -5px;top: -5px;width:20px;height: 20px;border-radius: 50%;border:1px #e60000 solid;}
.more{ text-align:center; width:100%; padding:50px 0}
@media (max-width:991px){
	.home-application dl a dd h1{ font-size:26px; line-height:30px; }
	.home-application .application-list{padding-bottom: 80px}
}
@media (max-width:576px){
	.home-application{padding-top: 0}
	.home-application dl a dd{width:85%;}
	.home-application dl a dd h1{ font-size:22px; line-height:25px; }
	.home-application dl a dd h2{font-size: 13px;line-height: 18px}
	.home-application dl a dd span{font-size: 12px;}
	.home-application .application-list{padding-bottom: 60px}
	.home-application .application-list .swiper-pagination-bullet{width:6px;height:6px;margin: 0 6px}
	.home-application .application-list .swiper-pagination-bullet-active:after{width:14px;height: 14px;left: -4px;top: -4px;}
	.home-application .swiper-pagination{bottom: 15px}
}

.home-partners{background:url(../images/map.webp) no-repeat center #fff;background-size: 65% auto;position: relative;z-index: 100;padding-bottom: 80px}
.home-partners .partner-list{display:block;font-size: 0;padding-bottom: 20px;}
.home-partners .partner-list dl{display: inline-block;vertical-align: top;width:calc(100%/6);text-align: center;margin-bottom: 0;padding: 5px}
.home-partners .partner-list dl dt{display: block;padding-top: 0;padding:25px 40px;background: #fff;border-radius:5px;box-shadow: 0px 5px 25px 4px rgba(25, 17, 64, 0.1);}
.home-partners .partner-list dl dt img{max-width: 80%;max-height: 100%;}
.home-partners .partner-list dl dd{display:block;font-size: 16px;border-top: 1px #eee solid;padding-top: 20px}


.why-choose-us{ padding-bottom: 100px;padding-top: 30px;background: #F6F7F9;}
.why-choose-us .quality{gap:15px;margin-top: 10px}
.why-choose-us .quality span{background: linear-gradient(200deg, #e66100, #e60000);border-radius: 50px;padding: 10px 35px;color: #fff;font-size: 16px}
.why-choose-us .quality span i{display: inline-block;margin-right: 5px;}
.why-choose-us ul{ gap:30px;align-items: stretch}
.why-choose-us ul li{overflow: hidden;flex-shrink: 1;width: calc(100% / 3);height: auto;}
.why-choose-us ul li a{display: block;border-radius: 15px;background: #fff;padding: 50px;height: 100%;transition: .3s}
.why-choose-us ul li a:hover{background: #e60000}
.why-choose-us ul li a h2{font-size: 22px;font-weight: bold;display: block;margin-bottom: 30px;min-height: 60px;line-height: 30px}
.why-choose-us ul li a i{display: block;font-size: 50px;color: #333;margin-bottom: 15px}
.why-choose-us ul li a p{font-size: 15px;display: block;color: #aaa;line-height: 22px;}
.why-choose-us ul li a p:before{display: inline-block;margin-right: 5px}
.why-choose-us ul li a:hover h2,.why-choose-us ul li a:hover i,.why-choose-us ul li a:hover p{color: #fff}

.home-project{padding-top: 30px;padding-bottom: 80px;background: #f5f5f5}

.home-news {padding-top:80px;padding-bottom: 80px;width: 100%}
.home-news .comm-title{padding-top: 0;margin-top: 0;padding-bottom: 30px}
.home-news .comm-title h3{padding-left: 0;padding-right: 0}
.home-news .comm-title .row div:last-child{text-align: right;}
.home-news .home-news-cate{text-align: right}
.home-news .home-news-cate a{display: inline-block;border-radius:50px;padding: 10px 35px;border:1px #c2c5c7 solid;margin-left: 10px;}
.home-news .home-news-cate a:hover{color: #fff;background: #e60000;border-color: #e60000}
.home-news .row > div{padding:0}
.home-news .home-pic-news{margin-top: 10px;}
.home-news .home-pic-news .left-item{padding-right: 0.3%;}
.home-news .home-pic-news .left-item .swiper-container{border-radius: 5px;overflow: hidden;}
.home-news .home-pic-news a{display: block;position: relative;}
.home-news .home-pic-news a .img{display: block;}
.home-news .home-pic-news a .img img{width: 100%;object-fit: cover;aspect-ratio:16/9;}
.home-news .home-pic-news a .text{position: absolute;left: 0;bottom: 0;background: #00000060;width: 100%;color: #fff;font-size: 0;padding:20px}
.home-news .home-pic-news a .text .date{width: 10%;vertical-align: top;display: inline-block;text-align: center;position: relative;}
.home-news .home-pic-news a .text .date:after{content: '';position: absolute;right: 0;top: 0;height: 100%;width:1px;background: #ffffff30}
.home-news .home-pic-news a .text .date h1{font-size: 32px;color: #fff;line-height:32px}
.home-news .home-pic-news a .text .date span{font-size: 14px;color: #fff;line-height: 20px}
.home-news .home-pic-news a .text .title{width: 90%;vertical-align: top;display: inline-block;font-size:22px;padding-left: 3%;font-weight:bold;}
.home-news .swiper-button-next:after,.home-news .swiper-button-prev:after{color: #fff;font-size: 22px}
.home-news .home-pic-news .focus-pagination {position: absolute;right: 3%;left: auto;top: auto;width: auto;}
.home-news .home-pic-news .focus-pagination span.swiper-pagination-bullet {margin: 0 5px;opacity: 1;position: relative;border: 2px solid #eee;border-radius: 100%;width: 12px;height: 12px;background: none}
.home-news .home-pic-news .focus-pagination span.swiper-pagination-bullet-active {border-color: #dd052b;}
.home-news .home-pic-news .right-item{padding-left: 0.7%;font-size: 0;border-radius: 5px;overflow: hidden;}
.home-news .home-pic-news .right-item dl{background: #f8f8f8;height: calc(100%/3);overflow: hidden;vertical-align: top;margin-bottom: 0;position: relative;display: block;border-bottom: 2px #fff solid;width: 100%}
.home-news .home-pic-news .right-item dl:first-child{border-top-left-radius: 5px;}
.home-news .home-pic-news .right-item dl:last-child{border-bottom: none;border-bottom-left-radius: 5px;}
.home-news .home-pic-news .right-item dl a{display: block;padding: 20px 30px;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;left: 0}
.home-news .home-pic-news .right-item dl a dt{font-size: 14px;color: #999;font-weight:normal;padding-bottom: 15px}
.home-news .home-pic-news .right-item dl a dd{display: block;}
.home-news .home-pic-news .right-item dl a dd h1{font-size: 18px;color: #222;font-weight:bold;padding-bottom: 30px}
.home-news .home-pic-news .right-item dl a:hover dd h1{color: #dd052b}
.home-news .home-pic-news .right-item dl a dd h2{font-size: 15px;color: #666;line-height: 30px;}
.home-news .home-pic-news .right-item dl a dd h2 i{font-size: 25px;color: #666;line-height: 30px;vertical-align: bottom;}
.home-news .home-pic-news .right-item dl a:hover  dd h2 i{color: #dd052b}
@media screen and (max-width: 1299px) {
	.home-news .home-news-cate a{padding: 6px 30px;margin-left: 8px;font-size: 14px}
}
@media screen and (max-width: 991px) {
	.home-news .home-news-cate a{padding: 3px 15px;margin-left: 5px;font-size: 13px}
	.home-news .comm-title .row div:last-child{text-align: left;padding-top: 20px}
	.home-news .home-pic-news a .text{padding:20px 15px}
	.home-news .home-pic-news a .text .date{width: 20%;}
	.home-news .home-pic-news a .text .date h1{font-size: 25px;}
	.home-news .home-pic-news a .text .date span{font-size: 13px;}
	.home-news .home-pic-news a .text .title{width: 80%;font-size:15px;}
	.home-news .home-pic-news .right-item{width: 100%;padding: 0;}
	.home-news .home-pic-news .right-item dl{height: auto;overflow: visible;}
	.home-news .home-pic-news .right-item dl a{position: static;transform: translateY(0);}
}
.home-news .home-news-bottom{display: block;font-size: 0;padding-top: 15px;}
.home-news .home-news-bottom .swiper-button-next,.home-news .home-news-bottom .swiper-button-prve{top: 42%}
.home-news .home-news-bottom .swiper-slide{padding-bottom: 10px}
.home-news .home-news-bottom .swiper-slide a{display: block;width: 100%;background: #f50;padding:25px 30px;padding-top: 30px;border-radius: 5px;background: #f8f8f8;overflow: hidden;}
.home-news .home-news-bottom .swiper-slide a h2{font-size: 18px;font-weight:bold;}
.home-news .home-news-bottom .swiper-slide a data{display: block;margin-top: 5px;color: #aaa;font-size: 14px;}
.home-news .home-news-bottom .swiper-slide a:hover h2{color: #dd052b}
.home-news .home-news-bottom .swiper-slide a p{margin-top: 25px;line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;color: #999;font-size: 15px}
.home-news .home-news-bottom .swiper-slide a i{font-size: 25px;color: #666}
.home-news .home-news-bottom .swiper-slide a:hover i{color: #dd052b}
@media screen and (max-width:1499px) {
	.home-news .home-pic-news .right-item dl a dt{font-size: 14px;padding-bottom: 12px}
	.home-news .home-pic-news .right-item dl a dd h1{font-size: 16px;padding-bottom: 20px}
	.home-news .home-pic-news .right-item dl a dd h2{font-size: 14px;}
	.home-news .home-pic-news .right-item dl a dd h2 i{font-size: 23px;}
	.home-news .home-news-bottom .swiper-slide a h2{font-size: 16px;}
}
@media screen and (max-width:1199px) {
	.home-news .home-pic-news .right-item dl a{padding: 20px}
	.home-news .home-pic-news .right-item dl a dt{font-size: 12px;padding-bottom: 8px}
	.home-news .home-pic-news .right-item dl a dd h1{font-size: 14px;padding-bottom: 6px}
	.home-news .home-pic-news .right-item dl a dd h2{font-size: 13px;line-height: 22px;}
	.home-news .home-pic-news .right-item dl a dd h2 i{font-size: 20px;line-height: 22px;}
	.home-news .home-news-bottom .swiper-slide a{padding:10px}
	.home-news .home-news-bottom .swiper-slide a h2{font-size: 14px;line-height: 18px;height: 36px;overflow: hidden;display: block;}
}

.location{background: #fff;padding-top: 20px;padding-bottom: 20px;box-shadow: 0 5px 10px 5px #00000008;position: relative;color: #888;}
.location.gray{background: #f8f8f8;box-shadow: none;}
.location i{display: inline-block;margin-right: 5px;color: #333;}
.location a{font-size: 14px;color: #888}
.location a.home{color: #e60000}

.catalog .row > div{padding:0;}
.catalog .row > div .comm-title {padding-bottom: 20px}
.catalog .row > div .comm-title h3{padding-left: 0;padding-right: 0}
.catalog .row > div:last-child{padding-top: 40px}
.catalog ul{position: relative;z-index: 1}
.catalog ul li{line-height: 42px;position: relative;padding:0 8px}
/*.catalog .row > div ul li:after{content:'';position: absolute;right: 0;background: #ddd;height: 20px;width: 1px;top: 50%;transform: translateY(-50%);z-index: 1}
.catalog .row > div ul li:first-child i{color: #fff;background: #e60000;width: 32px;height: 32px;border-radius: 50px;display: inline-block;text-align: center;line-height: 30px;font-size: 18px}*/
.catalog ul li:first-child:after,.catalog .row > div ul li:last-child:after{display: none}
.catalog ul li a{display: block;font-size: 15px;line-height: inherit;padding:0 25px;font-size:16px;white-space: nowrap;border-radius: 50px;border: 1px #eee solid}
.catalog ul li.active a,.catalog ul li a:hover{background: linear-gradient(200deg, #e66100, #e60000);color: #fff}


.inner-banner{display:block;position: relative}
.inner-banner .text{display:block;left: 10%;top: 50%;transform: translateY(-50%);z-index: 50;position: absolute;}
.inner-banner .text h1{font-size: 40px;text-transform: uppercase;color: #fff;display:block;padding-bottom: 20px;color: transparent;background: linear-gradient(to bottom, #fff, #ffffff60, #ffffff00);-webkit-background-clip: text;}
.inner-banner .text h2{font-size:30px;text-transform: capitalize;color: #fff;padding-bottom: 3px}
.inner-banner .bgimg{display:block;} 
.inner-banner .bgimg img{width: 100%}

.inner-about{font-size: 16px;line-height: 2;color: #666;}
.inner-about .about-header{background:url(../images/company_bg.webp) no-repeat center top #f5f5f5;background-size: cover;}
.inner-about .about-header .comm-title{width: 90%;}
.inner-about .about-header .comm-title h3{padding-left: 0;padding-right: 0}
.inner-about .about-header .row > div{padding: 0}
.inner-about .intro{margin-bottom: 50px}
.inner-about .intro > div:first-child{padding: 0}
.inner-about .intro .comm-title{padding: 0;margin-top: 0;width: 100%;padding-bottom: 30px}
.inner-about .intro .comm-title h2,.inner-about .about-middle .comm-title h2{font-size: 30px}
.inner-about .intro h4{font-size:20px;color: #fff;margin-top: 25px;display: block;margin-bottom: 25px;display: inline-block;padding:10px 50px;background: linear-gradient(200deg, #e66100, #e60000);border-radius: 50px;box-shadow: #aaccff 0px 3px 15px;}
.inner-about .intro > div:first-child img{width: 100%;border-radius: 10px}
.inner-about .intro > div:last-child{padding-left:60px;padding-right: 0}
.inner-about .intro ul{all:unset;display: flex;flex-wrap: wrap;margin-bottom: 30px;column-gap:20px;}
.inner-about .intro ul li{flex:0 0 calc(100% / 3 - 14px);border-bottom: 1px #eee solid;line-height:50px;font-size: 18px;font-weight: bold;white-space: nowrap;}
.inner-about .intro ul li:before{content: '✓ ';color: #e60000;margin-right: 8px;font-size: 18px;}
.inner-about .num-block{margin-top: 100px;padding-bottom: 80px}
.inner-about .about-middle{padding-top: 100px;padding-bottom: 100px}
.inner-about .about-middle .row > div{padding: 0}
.inner-about .about-middle .row > div.text{padding-right:50px}
.inner-about .about-middle .comm-title{padding-top: 0;margin-top:0;}
.inner-about .about-middle .row > div img{width: 100%;border-radius: 10px}
.inner-about .about-footer{position: relative;background: url(../images/culture.webp) fixed no-repeat center;background-size: cover;}
.inner-about .about-footer .comm-title{position: absolute;left: 50%;transform: translateX(-50%);top: 10px;z-index: 5;pointer-events: none}
.inner-about .about-footer .comm-title h2{color: #fff}
.inner-about .about-footer dl{padding-top: 280px;padding-bottom: 20px;text-align: center;flex: 1;border-right: 1px #ffffff20 solid;cursor: pointer;transition:.3s;}
.inner-about .about-footer dl dt{display: block;transform: translateY(10px);transition:.3s;}
.inner-about .about-footer dl:hover{background: #00000050;backdrop-filter: blur(8px);}
.inner-about .about-footer dl:hover dt{transform: translateY(-20px);}
.inner-about .about-footer dl dt i{display: block;color: #fff;font-size: 70px}
.inner-about .about-footer dl dt h3{font-size: 25px;color: #fff;display: block;margin-top: 20px}
.inner-about .about-footer dl dd{display: block;color: #ffffffa0;font-size:16px;padding: 10px 30px;transition:.3s;margin-top: 50px;opacity: 0;line-height: 1.8}
.inner-about .about-footer dl:hover dd{transform: translateY(-30px);opacity: 1;}


.inner-layout {background: url(../images/strategic.webp) center top no-repeat;background-size: cover;padding-top: 30px}
.inner-layout .img-block {display: block;width: 100%;height: auto;}
.inner-layout .inner-layout-content{position: relative;}
.inner-layout .layout-data {width: 50%;top: 42%;left: 0;position: absolute;z-index: 10;}
.inner-layout .layout-map {width: 80%;margin: auto;position: relative;transform: translateX(10%);}
.inner-layout .layout-map .map-1 {position: relative;overflow: hidden;}
.inner-layout .layout-map .map-2 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.inner-layout .layout-map .mapline {position: absolute;z-index: 10;}
.inner-layout .layout-map .point-1 {position: absolute;left: 0;bottom: 0;z-index: 11;}
.inner-layout .layout-map .point-1 i {width: 2rem;height: 2rem;border-radius: 100%;background: #e6000020;display: block;position: relative;}
.inner-layout .layout-map .point-1 i::before,
.inner-layout .layout-map .point-1 i::after {content: '';width: 4px;height: 4px;background: #e60000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;border-radius: 100%;}
.inner-layout .layout-map .point-1 i::before {z-index: 10;}
.inner-layout .layout-map .point-1 i::after{width: 100%;height: 100%;animation: yuanfangda 1500ms infinite ease;}
.inner-layout .layout-map .line-1 {left: 30%;top: 42%;width: 50%;} 
.inner-layout .layout-map .line-1 .point-1 {left: -1%;bottom:10.5%;}
.inner-layout .layout-map .line-2 {left: 50%;top: 42%;width: 30%;} 
.inner-layout .layout-map .line-2 .point-1 {left: -2%;bottom:31.5%;}
.inner-layout .layout-map .line-3 {left: 60%;top: 42%;width: 20%;} 
.inner-layout .layout-map .line-3 .point-1 {left: -3%;bottom:44.5%;}
.inner-layout .layout-map .line-4 {left: 18%;top: 27%;width: 62%;} 
.inner-layout .layout-map .line-4 .point-1 {left: -1%;bottom:46%;}
.inner-layout .layout-map .line-5 {left: 58%;top: 24%;width: 22%;} 
.inner-layout .layout-map .line-5 .point-1 {left: -2%;top: 2%;}
.inner-layout .layout-map .line-6 {left: 74.5%;top: 17%;width: 6%;}
.inner-layout .layout-map .line-6 .point-1 {left: -4%;top: -2%;}
.inner-layout .layout-map .line-7 {left: 80%;top: 42%;width: 6%;} 
.inner-layout .layout-map .line-7 .point-1 {left: auto;right: 0;bottom: -2%;}
.inner-layout .layout-map .line-8 {left: 75.3%;top: 42%;width: 5%;} 
.inner-layout .layout-map .line-8 .point-1 {left: -10%;bottom: -3%;}
.inner-layout .layout-map .draw {stroke-dasharray: 1000; stroke-dashoffset: 1000;animation: draw 3s 1s infinite;}

@keyframes yuanfangda{0%{transform:translate(-50%,-50%) scale(0.1);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.2);opacity: 0;}}
@keyframes draw {to {stroke-dashoffset: 0;}}

.inner-service{padding-top: 20px;padding-bottom: 100px}
.inner-service .row{margin-left: -20px;margin-right: -20px}
.inner-service .row > div{padding: 20px}
.inner-service .row > div dl{border-radius: 10px;transition: .3s;box-shadow: 0 15px 40px rgba(0, 0, 0, .08);height: 100%;overflow:hidden;}
.inner-service .row > div:hover dl{transform: translateY(-10px);}
.inner-service .row > div dl dt{display: block;background: #000}
.inner-service .row > div dl dt img{width: 100%;opacity: 0.6}
.inner-service .row > div dl dd{display: block;padding: 40px}
.inner-service .row > div dl dd h2{display: block;font-size: 25px;color: #e60000;font-weight: bold;}
.inner-service .row > div dl dd h3{display: block;font-size:18px;color: #333;margin-top: 10px}
.inner-service .row > div dl dd p{font-size: 16px;display: block;margin-top: 20px;color: #666;line-height: 1.6}

.inner-need{background:url(../images/need_bg.webp) no-repeat center;background-size: cover;padding-top: 50px;padding-bottom: 50px}
.inner-need .row{margin-left: -20px;margin-right: -20px}
.inner-need .row > div{padding: 20px}
.inner-need .row > div dl{height: 100%;display: flex;gap:20px;flex-direction: column;text-align: center;}
.inner-need .row > div dl dt{}
.inner-need .row > div dl dt i{color: #fff;font-size: 50px;width: 90px;height: 90px;border-radius: 50%;line-height: 86px;border:3px #e60000 solid;display: inline-block;}
.inner-need .row > div dl dd{color: #fff}
.inner-need .row > div dl dd h2{color:#fff;font-size: 30px;font-weight: bold;margin-bottom: 30px}
.inner-need .row > div dl dd p{font-size: 16px;line-height: 1.8}

.inner-factory{margin-top: 80px}
.inner-factory .title h1{font-size: 45px;}
.inner-factory .title p{margin-top: 25px;width:50%;margin-bottom: 20px;font-size:18px;line-height: 28px}
.inner-factory .factoryimg{padding-bottom:100px}
.inner-factory .factoryimg dl dt{overflow: hidden;background: #000}
.inner-factory .factoryimg dl dt img{width:100%;opacity: 0.8;transition: all .2s}
.inner-factory .factoryimg dl:hover dt img{opacity: 1;transform: scale(1.08);}
.inner-factory .factoryimg dl dd{background:rgba(0,0,0,0.8);color: #fff;padding:18px 0;text-align: center;font-size: 18px;width:100%;}


.inner-sample .rows{columns: 4;column-gap: 30px;}
.inner-sample .rows dl{break-inside: avoid;margin-bottom: 30px;width:100%}
.inner-sample .rows dl a{display: block;position: relative;}
.inner-sample .rows dl a dt{display: block;}
.inner-sample .rows dl a dt img{width: 100%}
.inner-sample .rows dl a dd{position: absolute;left: 0;bottom: 0;z-index: 1;display: block;padding: 20px}
.inner-sample .rows dl a dd h2{font-size: 20px}
.inner-sample .rows dl a dd i{font-size: 12px}

.inner-news-list dl{margin-bottom: 30px;width: 100%;display: block;background: #fff;padding:40px;position: relative;box-shadow: 0px 3px 20px 5px rgb(10 25 50 / 5%)}
.inner-news-list dl a{font-size: 0;display:block;width: 100%}
.inner-news-list dl a dt{width: 40%;display: inline-block;vertical-align: top;overflow: hidden;position: relative;border-radius: 10px;border:1px #eee solid;}
.inner-news-list dl a dt img{width: 100%;transition: all .2s;box-shadow: 0 5px 10px 5px #00000010;}
.inner-news-list dl a dt i{position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);font-size: 20px;background: #e60000;color: #fff;padding: 20px;border-radius: 50%;opacity: 0;transition:.3s;}
.inner-news-list dl a:hover dt img{transform: scale(1.08);}
.inner-news-list dl a:hover dt i{opacity: 1;top: 50%;}
.inner-news-list dl a dd{width: 60%;display: inline-block;vertical-align: top;padding-right: 5%}
.inner-news-list dl a dd h2{font-size: 22px;font-weight: bold;color: #111;line-height:30px;height: 30px;overflow: hidden;width: 100%;display: block;white-space: nowrap;text-overflow: ellipsis;}
.inner-news-list dl a dd h2 sup{font-size: 16px;top:-12px}
.inner-news-list dl a:hover dd h2{color: #e60000}
.inner-news-list dl a dd p{line-height: 25px;font-size: 15px;margin-top: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 75px;color: #999;margin-bottom: 50px}
.inner-news-list dl a dd data{color: #ccc;font-size: 14px;font-family: 'Arial';position: absolute;left: 40px;bottom: 40px}
.inner-news-list dl a dd p sup{font-size: 12px;top: -6px;}
@media screen and (max-width: 1499px){
    .inner-news-list dl a dd h2{font-size: 24px;}
    .inner-news-list dl a dd h2 sup{font-size: 15px;top:-10px}
    .inner-news-list dl a dd p{font-size: 15px;margin-top: 20px}
    .inner-news-list dl a dd p sup{top: -5px;}
}
@media screen and (max-width: 1299px){
    .inner-news-list dl a dd h2{font-size:20px;}
    .inner-news-list dl a dd h2 sup{font-size: 14px;top:-8px}
    .inner-news-list dl a dd p{line-height:22px;font-size: 14px;height: 66px;}
    .inner-news-list dl a dd p sup{top: -4px;}
}
@media screen and (max-width: 991px){
    .inner-news-list{padding-left: 70px;padding-top: 0;}
    .inner-news-list dl{padding:30px;padding-bottom: 60px}
    .inner-news-list dl a dd data{left: 30px;bottom: 30px}
    .inner-news-list dl a dd h2{font-size:18px;}
    .inner-news-list dl a dd h2 sup{font-size: 13px;top:-6px}
    .inner-news-list dl a dd p{font-size: 13px;margin-top: 10px;}
}
@media screen and (max-width: 767px){
    .inner-news-list dl a dd,.inner-news-list dl a dt{width: 100%}
}
@media screen and (max-width: 576px){
    .news-inner-list{padding-left: 0;}
}
.return-back{width: 100%;padding:30px 10%;margin-top:90px;font-size: 0;border-bottom: 1px #eee solid;background: #fff;box-shadow: 0px 3px 20px 0px rgb(10 25 50 / 10%)}
.return-back .return-link,.return-back .location{width: 30%;display: inline-block;vertical-align: top;font-size: 14px;line-height: 20px;color: #999}
.return-back .location{width: 70%}
.return-back .return-link a{font-size: 16px;color: #999}
.return-back .return-link a:hover{color: #111}
.return-back .location{text-align: right;}
.return-back .location i{font-size: 18px;line-height: 20px;vertical-align: bottom;margin-right: 5px}
.news-content{width: 100%;padding:50px 10%}
.news-content .title{display: block;width: 100%;}
.news-content .title h1{font-size: 40px;color:#111;line-height: 60px;font-weight: bold;}
.news-content .title h1 sup{font-size: 20px;font-weight: normal;top:-20px}
.news-content ul.news-source{line-height: 30px;font-size: 0;width: 100%;display: block;padding:30px 0;}
.news-content ul.news-source li{display: inline-block;color: #ccc;font-size: 14px;margin-right: 30px}
.news-content ul.news-source li:last-child{margin-right: 0}
.news-content .news-abstract{background: #f8f8f8;padding: 20px;margin-bottom: 30px;color: #666}
.news-content .news-abstract p b{color: #111;}
.news-content .news-abstract b{font-weight:normal}
.news-content .detail-info{font-size: 16px;line-height: 35px;color: #777;}
.news-content .detail-info img{max-width: 100%}
.news-content .detail-info sup{font-size: 12px;top: -6px;}
.news-content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%;margin-top: 80px}
.news-content .prenext li{width: 40%;display:inline-block;font-size: 0}
.news-content .prenext li a{font-size: 14px;line-height: 16px}
.news-content .prenext li a i{display:inline-block;line-height: 16px;font-size: 14px;width: 15%;vertical-align: top}
.news-content .prenext li i:before{line-height: 16px;vertical-align: top;margin-right: 5px}
.news-content .prenext li a span{width: 79%;font-size: 14px;line-height: 17px;height:16px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid}
.news-content .prenext li a i b{font-weight: normal;}
.news-content .prenext li:nth-child(2){width: 20%;text-align:center;line-height: 16px;vertical-align: top}
.news-content .prenext li:nth-child(2) i{width: auto;}
.news-content .prenext li:last-child{text-align:right;}
.news-content .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.news-content .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
@media screen and (max-width: 1399px){
    .news-content .title h1{font-size:30px;line-height: 45px}
    .news-content .prenext li a i{width:10%;}
    .news-content .prenext li a i b{display:none;}
    .news-content .title h1 sup{font-size: 18px;top:-12px}
}
@media screen and (max-width: 1299px){
    .return-back{padding:20px 10%;margin-top: 70px}
}
@media screen and (max-width: 991px){
    .news-content{padding:40px 5%}
    .return-back{padding:20px 5%;margin-top: 70px}
}
@media screen and (max-width: 767px){
    .news-content .title h1{font-size:24px;line-height: 30px}
    .news-content .title h1 sup{font-size: 14px;top:-10px}
    .news-content ul.news-source{padding: 10px 0;line-height: 20px}
    .news-content .news-abstract{padding: 12px;}
    .news-content .prenext li a{font-size: 13px;}
    .news-content .prenext li a i{font-size: 13px;width: 20%;}
    .news-content .prenext li a span{font-size: 13px;}
    .news-content .prenext{margin-top: 40px}
    .return-back .return-link a{font-size: 14px}
    .return-back .location{font-size: 12px}
}
@media screen and (max-width:576px){
    .news-content .title h1{font-size:20px;}
    .news-content .title h1 sup{font-size: 13px;top:-8px}
    .news-content{padding:30px 3%}
    .news-content .prenext{margin-top: 20px}
    .news-content .prenext li:nth-child(2) em{display: none}
    .news-content ul.news-source{line-height: 20px;}
    .news-content ul.news-source li:first-child{display:block;}
    .news-content ul.news-source li{font-size: 12px;margin-right: 10px}
}

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

.news-detail{background:#f1f1f1;padding-top: 100px;padding-bottom: 100px;font-size: 0}
.news-detail .row > div{padding: 0}
.news-detail .news-content{background: #fff;padding:70px 50px;border-radius: 10px}
.news-detail .news-content .title{width: 100%;font-size:32px;font-weight: bold;text-transform:capitalize;}
.news-detail .news-content .source{font-size: 14px;color: #999;line-height: 40px;border-bottom: 1px #eee solid;padding-bottom: 40px}
.news-detail .news-content .content{padding: 50px 0;width: 100%;font-size:16px;line-height: 2;color: #666;}
.news-detail .news-content .content p{font-size: 16px;line-height: 2;color: #666}
.news-detail .news-content .content b,.news-detail .news-content .content strong{color: #333;}
.news-detail .news-content .content img{max-width: 100%}
.news-detail .news-content .content table,.table-css{font-size: 16px;margin-top: 20px;border: 1px #eee solid;}
.news-detail .news-content .content table tr td,.table-css tr td{padding:12px;border-right: 1px #eee solid}
.news-detail .news-content .content table tr td:last-child,.table-css tr td:last-child{border-right: none}
.news-detail .news-content .content table tr:nth-child(2n+1),.table-css tr:nth-child(2n+1){background:#f2f4f9}
.news-detail .news-content .content table tr:first-child,.table-css tr:first-child{background: #e60000;color: #fff;font-size: 24px;}
.table-css tr:first-child{font-size: 20px}
.news-detail .news-content .content table tr:not(:first-child):hover,.table-css tr:not(:first-child):hover{background: #e1e5ef}
.news-detail .news-content .textaddress{display: block;font-size:14px;color: #aaa}
.news-detail .news-content .textaddress i{margin-right: 5px}
.news-detail .news-content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%}
.news-detail .news-content .prenext li{width: 40%;display:inline-block;font-size: 0}
.news-detail .news-content .prenext li a{font-size: 16px;line-height: 22px;text-transform:uppercase;vertical-align: top}
.news-detail .news-content .prenext li a i{display:inline-block;line-height: 25px;font-size: 20px;vertical-align: top}
.news-detail .news-content .prenext li i:before{line-height:20px;vertical-align: top;}
.news-detail .news-content .prenext li:nth-child(2){width: 20%;text-align:center;line-height:20px;vertical-align: top;text-transform: uppercase;font-size: 14px}
.news-detail .news-content .prenext li:last-child{text-align:right;}
.news-detail .row > div.hot-list{padding-left: 3%;}
.news-detail .hot-list .sticky{position: sticky;top: 10px}
.news-detail .hot-list .title{width: 100%;border-bottom: 1px #ddd solid;padding:25px 0}
.news-detail .hot-list .title h2{font-size: 30px;line-height: 50px;font-weight: bold;}
.news-detail .hot-list .title h3{font-size: 16px;color: #bbb;}
.news-detail .hot-list .list{width: 100%;padding-top: 50px}
.news-detail .hot-list .list dl{border-bottom: 1px #ddd dotted;padding-bottom: 30px;margin-bottom:30px;width: 100%}
.news-detail .hot-list .list dl a{display:block;width:100%;}
.news-detail .hot-list .list dl a dt{width: 100%;line-height: 25px;font-weight: bold;font-size: 20px;display: block;line-height:1.5;}
.news-detail .hot-list .list dl a dd{width:100%;display: inline-block;margin-top:10px;}
.news-detail .hot-list .list dl a dd p{line-height: 25px;font-size: 15px;margin-top: 5px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;color: #777;margin-bottom: 5px}
.news-detail .hot-list .list dl a dd span{color: #bbb;display: block;margin-top: 10px}
.news-detail .hot-list .list dl a dd h1{line-height: 26px;font-weight: bold;font-size: 22px;text-transform:capitalize;}
.news-detail .hot-list .list dl a:hover dd h1,.news-detail .hot-list .list dl a:hover dt{color: #e60000}
.news-detail .hot-list .list dl a dd h2{color: #bbb;font-size: 12px;padding-top: 20px}


.inner-contact{background: #fff;padding-top: 100px;}
.inner-contact .row div:first-child{padding-left: 0;padding-right: 0}
.inner-contact .row div:last-child{padding-right: 0}
.inner-contact .contacts .comm-title {padding-top: 0;margin-top: 0;padding-bottom: 0}
.inner-contact .contacts .comm-title h2{padding-top: 0}
.inner-contact .contacts .comm-title h3{padding-left: 0;padding-right: 0}
.inner-contact .contacts p{font-size: 16px}
.inner-contact .contacts .tel{display: block;padding-top: 30px}
.inner-contact .contacts .tel dl{display: block;margin-bottom: 30px}
.inner-contact .contacts .tel dl dt{font-size: 25px;width: 40px;text-align: center;line-height: 28px;vertical-align: top}
.inner-contact .contacts .tel dl dt.icon-send{font-size: 23px}
.inner-contact .contacts .tel dl dt.icon-local{font-size: 32px}
.inner-contact .contacts .tel dl dd h1{display: block;font-size: 20px;line-height: 28px;font-weight: 600}
.inner-contact .contacts .tel dl dd h3,.inner-contact .contacts .tel dl dd h3 a{font-size: 18px;padding-top: 10px;color: #999}
.inner-contact .contacts .tel dl dd h3 a:hover{color: #ee7921}
.inner-privacy{background: #f8f8f8}
.inner-privacy .content{display: block;padding-top: 50px;font-size: 16px;line-height: 1.8}
.inner-privacy .content p{font-size: 16px;line-height: 1.8;display: block;margin-top: 10px;margin-bottom: 10px}
.inner-contact #allmap{padding-top: 50px;height: 600px;width: 100%}
.inner-contact #allmap iframe{border:none;}

@media screen and (max-width: 1199px){
	.inner-contact{padding-top: 60px;padding-bottom: 60px;}
	.inner-contact .contacts{padding-top: 30px}
	.inner-contact .contacts .tel{padding-top: 30px}
	.inner-contact .contacts .tel dl dd h1{font-size: 16px;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;height: 550px}
}
@media screen and (max-width: 991px){
	.inner-contact .row div:last-child{padding-left: 0}
	.inner-contact .map{padding-bottom: 20px;padding-top:30px;height: 400px}
}
@media screen and (max-width: 767px){
	.inner-contact{padding-top: 30px;padding-bottom: 0;}
	.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-bottom:30px;height: 300px}
}

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


.inner-product-list{padding-top: 15px;padding-bottom: 4%}
.inner-product-list .row{margin-left: -15px;margin-right: -15px}
.inner-product-list .row > div{padding: 15px;margin-bottom: 30px}
.inner-product-list dl{height: 100%}
.inner-product-list dl a{width:100%;height: 100%;display: block;border:2px #eee solid;overflow: hidden;}
.inner-product-list dl a dt{overflow: hidden;display: block;position: relative;}
.inner-product-list dl a dt h3{background:linear-gradient(200deg, #e66100, #e60000);border-bottom-right-radius: 8px;padding: 8px 25px;color: #fff;font-size: 14px;display: inline-block;font-weight: normal;margin-bottom: 20px;position: absolute;left: 0;top: 0}
.inner-product-list dl a dt img{width:100%;transition: all .2s;object-fit: contain; aspect-ratio: 4 / 3.6;}
.inner-product-list dl a:hover dt img{transform: scale(1.05);}
.inner-product-list dl a dd{padding:20px;padding-top: 0;text-align: center;display: block;}
.inner-product-list dl a dd h2{font-size:22px;line-height: 25px;display: block;margin-bottom: 15px;color: #111;border-top: 1px #eee solid;padding-top: 20px}
.inner-product-list dl a dd p{color: #777;display: block;font-size:16px;}
.inner-product-list dl a dd span{margin-top: 30px;color:#666;display: inline-block;line-height: 36px;text-transform: uppercase;border-radius:25px;padding:0 30px;display: inline-block;transition:.3s;margin-bottom:15px}
.inner-product-list dl a dd span i{font-size:16px;margin-left: 10px;transition: all .2s;display: inline-block;line-height:36px;vertical-align: top}
.inner-product-list dl a:hover dd span{background: linear-gradient(200deg, #e66100, #e60000);color: #fff}
.inner-product-list dl a:hover{ box-shadow: 0 10px 30px rgba(0, 0, 0, .12);transform: translateY(-5px);border-color: #e60000}

.inner-product-content{padding-top: 4%;padding-bottom: 4%}
.inner-product-content .row{box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 20%);}
.inner-product-content .row div{padding: 0}
.inner-product-content .row div.img img{width:100%;}
.inner-product-content .row div.intro{padding:70px 80px}
.inner-product-content .row div.intro h1{color: #000;font-size:45px}
.inner-product-content .row div.intro p{margin-top: 15px;line-height:24px;font-size:16px;margin-bottom: 45px}
.inner-product-content .row div.intro a{background:#e60000;color: #fff;padding:10px 20px;margin-right:15px;display:inline-block;border-radius:5px;text-transform:uppercase;line-height: 20px;opacity: 0.8}
.inner-product-content .row div.intro a:hover{opacity: 1}
.inner-product-content .row div.intro a:before{margin-right:5px;font-size: 18px;vertical-align: top}
.inner-product-content .row div.intro a.icon-whatsapp{background: #11B51F}
.inner-product-content .row div.intro a.icon-whatsapp:before{font-size: 15px}
.inner-product-content .row div.intro a:last-child{margin-right:0}
.inner-product-content .row div.intro a.icon-user2{background: #f50}
.inner-product-content .para{width:100%;padding-top: 80px}
.inner-product-content .para ul{display: table;width:100%;}
.inner-product-content .para ul li{display: table-cell;}
.inner-product-content .para ul:first-child{border-bottom: 1px #ddd solid;}
.inner-product-content .para ul li{font-size:18px;line-height: 30px;padding:25px 15px;width:25%;}
.inner-product-content .para ul li:nth-child(-n+2){width:18%;}
.inner-product-content .para ul li:nth-child(3){width:14%;}
.inner-product-content .para ul:hover{background:rgba(0,0,0,0.03);}
.inner-product-content .para ul:first-child li{font-weight: bold;font-family: 'Circe Extra Bold';font-size: 30px}
.inner-product-menu{box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 20%);margin-top: 30px}
.inner-product-menu ul{width:100%;display: table;}
.inner-product-menu ul li{display: table-cell;width:25%;text-align: center;text-align: center;}
.inner-product-menu ul li a{font-size:25px;font-family: 'Circe Bold';border-right: 1px rgba(0,0,0,0.05) solid;padding:40px 0;display: inline-block;width:100%;}
.inner-product-menu ul li a.this,.inner-product-menu ul li a:hover{background:#e60000;color: #fff}

.inner-app-list dl{padding: 20px}
.inner-app-list dl a{display: block;position: relative;}
.inner-app-list dl a:after{content: '';position: absolute;left: 0;bottom: 0;background:#f50;height:3px;width:0;display: block;transition: all .2s}
.inner-app-list dl a:hover:after{width:100%;}
.inner-app-list dl a dt{width:100%;overflow: hidden;background: #000}
.inner-app-list dl a dt img{width:100%;transition: all .2s;opacity: 0.8}
.inner-app-list dl a:hover dt img{transform: scale(1.05);opacity: 1}
.inner-app-list dl a dd{padding:25px;background: #f9f9f9;display: block;}
.inner-app-list dl a dd h1{font-size: 28px;}
.inner-app-list dl a dd h2{font-size: 16px;line-height: 30px;margin-top: 40px;min-height: 120px}

.pagelink{width:98%; padding:15px 1%; clear:both; border-top:1px #eaeaea dotted; margin:35px 0; text-align:center}
.pagelink.noborder{ border-top:none}
.pagelink select{padding:3px}
.yellow {padding: 8px 0; margin: 3px; float:none; display:inline-block}
.yellow B{ padding:0 3px; color:#f00}
.yellow em{ font-style:normal}
.yellow a {border: #ddd 1px solid; margin: 2px; padding: 8px 16px; text-decoration: none; color:#666}
.yellow a:hover {border: #e60000 1px solid;background: #e60000; color: #fff; text-decoration:none}
.yellow span.current {border: #e60000 1px solid; font-weight: bold; margin: 2px; color: #fff; padding: 8px 16px;background: #e60000; }
.yellow span.disabled {border: #eee 1px solid; padding: 8px 16px; margin: 2px; color: #aaa; }


.footer{background:url(/assets/images/footer.webp) no-repeat center center;padding-top:80px;background-size: cover;overflow:hidden;}
.footer .row > div{padding: 0}
.footer .foot-logo{padding-bottom: 30px;}
.footer .foot-logo a{font-size:55px;color: #fff;gap:10px;}
.footer .foot-logo a:before{background: linear-gradient(200deg, #e66100, #e60000); -webkit-background-clip: text; color: transparent;}
.footer .foot-logo a h2{color: #fff;font-size:30px;font-weight: bold;}
.footer .foot-logo a span{color: #ffffffa0;font-size:11px;display: block;font-weight: normal;}
.footer .foot-contact{display: block;margin-top: 10px}
.footer .foot-contact h2{color: #e60000;font-family: impact;font-size:40px;margin-bottom: 10px}
.footer .foot-contact h3,.footer .foot-contact p,.footer .foot-contact p a{color: #ffffffa0;font-size: 16px;line-height: 1.8}
.footer .foot-contact h3{color: #fff}
.footer .foot-contact h3 i{margin-right: 10px}
.footer .foot-contact p{display: block;margin-top: 15px;font-size: 15px;}
.footer .foot-nav {gap:10%;}
.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:22px;color:rgba(255,255,255,.9);line-height: 60px;text-transform: uppercase;}
.footer .foot-nav dl dt i{color: rgba(255,255,255,.5);}
.footer .foot-nav dl dd{width:100%;display: flex;flex-direction: column;}
.footer .foot-nav dl dd a{color:#ffffffa0;font-size: 15px;line-height:2.2;transition: all .2s;}
.footer .foot-nav dl dd a:hover{color: #fff}
.footer .share{text-align: right;padding: 40px 0 20px 0} 
.footer .share a{color: rgba(255,255,255,.4);margin-left: 15px;font-size: 18px}
.footer .share a:hover{color:rgba(255,255,255,.8)}
.footer .copyright {color:#ffffff80;font-size: 14px;border-top: 1px rgba(255,255,255,.1) solid;padding: 30px 0;margin-top: 50px}
.footer .copyright div{padding: 0}
.footer .copyright div:last-child{text-align: right;}
.footer .copyright div a{color: #ffffff80;}
.footer .copyright div a:hover{color: #fffffff0;}
.footer .copyright div:last-child a{margin-left: 15px;}
@media (max-width:991px){
	.footer .foot-nav dl{width:100%;}
	.footer .foot-nav dl dd{display: none}
	.footer .share{text-align:left;}
	.footer .share a{margin-left:0;margin-right:12px;}
	.footer .copyright div:last-child{text-align: left;padding-left: 0;padding-top: 10px}
	.footer .copyright div a{margin-left: 0;margin-right:12px;}
}
@media (max-width:767px){
	.footer .foot-logo a{width:150px;height:58px;background-size:100% auto;}
	.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:20px;line-height: 50px;}
}
@media (max-width:576px){
	.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:16px;line-height: 40px;}
}