@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:last-child{display: none}
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;z-index: 500} 
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}

header .mobilemenu{display:none;}
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,.innerpage header .mobilemenu a span,.innerpage header .mobilemenu a span:after,.innerpage header .mobilemenu a span:before{background: rgba(0,0,0,.8);}

@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;}
	.innerpage{padding-top: 60px}
	header .containerfull .row{height: 60px;}
	header .logo > a{height: 60px;background-size:auto 40px}
	header .logo > a i{font-size:40px}
	header .language{padding-right:10px;padding-left: 3px}
	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{justify-content: flex-end;}
	header .menu ul{position: fixed;background:rgba(255,255,255,.95);left: -100%;width: 100%;top: 60px;height:100%;z-index: 300;text-align: left;transition: all .2s}
	header.onmobile .menu ul{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{white-space: normal;}
	header .menu ul li{width: 100%;line-height: 70px;height:70px;overflow: hidden;border-bottom: 1px #ddd solid;position: relative;}
	header .menu ul li:last-child{display: inline-block;}
	header .menu ul li > a{color: #333;line-height: 60px;font-size:17px;font-weight: bold;}
	header .menu ul li > a i{display: none}
	header .menu ul li em{position:absolute;right: 0;top: 18px;font-size: 20px;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: block;}
}
@media(max-width:576px){
	header .logo > a h3{display: none}
}
.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:1669px){
	.banner .swiper-slide .text{width: 55%}
}
@media(max-width:1399px){
	.banner .swiper-slide .bgimg:after{height:80vh;}
	.banner .swiper-slide .text{width: 60%;top: 50%}
	.banner .swiper-slide .text h1{font-size: 50px;}
	.banner .swiper-slide .text h2{font-size:17px;}
	.banner .swiper-slide .text .learnmore{margin-top: 60px}
	.banner .swiper-slide .text .learnmore a{padding: 10px 40px;}
}
@media(max-width:1299px){
	.banner .swiper-slide .bgimg:after{height:60vh;}
}
@media(max-width:1199px){
	.banner .swiper-slide .text h1{font-size: 40px;margin-bottom:10px;}
	.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{width: 200px}
	.banner .swiper-slide .text .learnmore{margin-top: 40px}
	.banner .swiper-slide .text .learnmore a{padding: 8px 30px;}
}
@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-container-horizontal>.swiper-pagination-bullets{bottom: 15px}
	.banner .swiper-slide .bgimg:after{height:50vh;}
	.banner .swiper-slide .text{width: 90%;left:5%;}
	.banner .swiper-slide .text h1{font-size: 35px;margin-bottom:0;padding-bottom: 35px}
	.banner .swiper-slide .text h1:after{width: 120px}
	.banner .swiper-slide .text h2{font-size:14px;line-height: 1.2;}
	.banner .swiper-slide .text .learnmore{margin-top: 30px}
	.banner .swiper-slide .text .learnmore a{padding: 8px 22px 10px 22px;font-size: 13px;line-height: 1}
}
@media(max-width:767px){
	.banner .swiper-slide .bgimg:after{height:40vh;}
	.banner .swiper-slide .text h1{font-size: 28px}
	.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:22px;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{padding:40px 0;}
	.comm-title h2{ font-size:45px; padding-top:40px; }
	.comm-title h3{font-size:15px; padding:12px 10%;}
}
@media(max-width:1199px){
	.comm-title{padding:30px 0;margin-top: 20px}
	.comm-title h2{ font-size:40px; padding-top:30px; }
	.comm-title h3{font-size:14px; padding:10px 5%;}
}
@media(max-width:991px){
	.comm-title{padding:20px 0;margin-top: 5px}
	.comm-title h2{ font-size:32px; padding-top:0px; }
	.comm-title h3{padding:10px 2%;}
}
@media(max-width:767px){
	.comm-title h2{ font-size:22px;}
	.comm-title h3{font-size:13px;}
}

.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;}
@media(max-width:1399px){
	.learnmore{margin-top: 60px;}
	.learnmore a{padding: 10px 40px;}
}
@media(max-width:1199px){
	.learnmore{margin-top: 40px;}
	.learnmore a{padding: 8px 30px;}
}
@media(max-width:991px){
	.learnmore{margin-top: 30px;}
	.learnmore a{padding: 6px 25px;font-size:13px;}
}
.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% }
	.home-product .content #scrollDiv dl a dd p{font-size: 15px}
}
@media screen and (max-width: 991px) {
	.home-product {padding-top: 30px;}
	.home-product .content #scrollDiv dl a dd h2{font-size: 20px;}
	.home-product .content #scrollDiv dl a dd p{line-height: 20px;height: 40px;font-size: 14px}
}
@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 center; 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: 0 8%;}
.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;}
	.home-company .comp-img{height: 50vh;}
}
@media screen and (max-width: 1399px) {
	.home-company{padding-bottom: 80px}
	.home-company .comm-title{padding-top: 80px}
	.home-company .comp-img h2{font-size:35px;}
	.home-company .comp-intro{padding: 0 6%;}
	.home-company .comp-intro p{font-size:16px;line-height: 1.6;}
}
@media screen and (max-width: 1199px) {
	.home-company{padding-bottom: 60px}
	.home-company .comm-title{padding-top: 60px}
	.home-company .comp-img{height: 40vh;}
	.home-company .comp-img h2{font-size:30px;}
	.home-company .comp-img a.play{width: 70px;height:70px;}
	.home-company .comp-img a.play i{margin-left: 4px;font-size: 25px;line-height: 72px;}
	.home-company .comp-intro{padding: 0 5%;}
	.home-company .comp-intro p{font-size:15px;line-height: 1.5;}
}
@media screen and (max-width: 991px) {
	.home-company{padding-bottom: 40px}
	.home-company .comm-title{padding-top: 40px}
	.home-company .comp-img{height: 30vh;}
	.home-company .comp-img h2{font-size:25px;}
	.home-company .comp-img a.play{width: 60px;height:60px;}
	.home-company .comp-img a.play i{margin-left: 2px;font-size: 20px;line-height: 62px;}
	.home-company .comp-intro{padding: 0 2%;}
	.home-company .comp-intro p{font-size:14px;}
}
@media screen and (max-width: 767px) {
	.home-company .comp-img{height: 25vh;}
	.home-company .comp-img h2{font-size:20px;padding-top:15%}
	.home-company .comp-intro{padding: 0;}
	.home-company .comp-intro p{font-size:13px;}
}

.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;white-space: nowrap;}
.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}
@media screen and (max-width:1399px) {
	.home-strength .comm-title h4{font-size: 35px;}
	.home-strength .home-strength-swiper dl a dd {padding:25px 0}
	.home-strength .home-strength-swiper dl a dd h1{font-size: 18px;}
	.home-strength .home-strength-swiper{padding-bottom: 100px}
	.home-strength .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px}
}
@media screen and (max-width:1199px) {
	.home-strength .comm-title h4{font-size: 30px;}
	.home-strength .title h4 a{font-size:14px;padding: 8px 30px}
	.home-strength .home-strength-swiper dl a dd h1{font-size: 16px;}
	.home-strength .home-strength-swiper{padding-bottom: 80px}
	.home-strength .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
}
@media screen and (max-width:991px) {
	.home-strength .comm-title h4{font-size: 22px;}
	.home-strength .title h4 a{margin-top:0;}
	.home-strength .row > div:last-child{text-align: left;padding: 0;padding-bottom: 30px}
	.home-strength .home-strength-swiper dl a dd {padding:15px 0}
	.home-strength .home-strength-swiper dl a dd h1{font-size: 15px;font-weight: normal;}
	.home-strength .home-strength-swiper{padding-bottom: 60px}
	.home-strength .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px}
}
@media screen and (max-width:767px) {
	.home-strength .comm-title h4{font-size: 18px;}
}
.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% / 4);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: 1.3}
.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}

@media (max-width:1399px){
	.why-choose-us{padding-bottom: 80px}
	.why-choose-us .quality span{padding: 8px 30px;}
	.why-choose-us ul{ gap:20px;}
	.why-choose-us ul li a{padding: 40px;}
	.why-choose-us ul li a h2{font-size: 20px;}
	.why-choose-us ul li a i{font-size: 40px}
	.why-choose-us ul li a p{font-size: 14px;line-height: 1.5}
}
@media (max-width:1199px){
	.why-choose-us{padding-bottom: 60px}
	.why-choose-us .quality span{padding: 6px 25px;font-size: 14px}
	.why-choose-us ul{ gap:20px;flex-wrap: wrap;}
	.why-choose-us ul li{width: calc(50% - 10px);}
	.why-choose-us ul li a{padding: 30px;}
	.why-choose-us ul li a h2{font-size: 18px;}
	.why-choose-us ul li a i{font-size: 35px}
}
@media (max-width:767px){
	.why-choose-us{padding-bottom: 50px;padding-top: 10px;}
	.why-choose-us ul li a p{font-size: 13px;line-height: 1.3}
	.why-choose-us .quality{gap:0;}
	.why-choose-us .quality span{padding: 6px 18px;margin:0 3px}
}
@media (max-width:576px){
	.why-choose-us ul{ gap:0;}
	.why-choose-us ul li{width: 100%;margin-bottom:15px}
	.why-choose-us ul li a{padding: 25px;}
	.why-choose-us ul li a h2{font-size: 16px;margin-bottom: 20px;min-height: auto}
	.why-choose-us ul li a i{font-size: 30px}
}


.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: 1399px) {	
	.home-news{padding-top: 60px;padding-bottom: 60px;}
}
@media screen and (max-width: 1299px) {	
	.home-news .home-news-cate a{padding: 6px 25px;margin-left: 8px;font-size: 14px}
}
@media screen and (max-width: 991px) {
	.home-news{padding-top: 40px;padding-bottom: 40px;}
	.home-news .row > div.home-news-cate{text-align: left;padding-bottom:20px}
	.home-news .home-news-cate a{padding: 3px 15px;margin-left: 5px;font-size: 13px}
	.home-news .comm-title{padding-bottom: 0}
	.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);}
}
@media screen and (max-width: 576px) {
	.home-news .swiper-pagination{display: none}
}
.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: 16px;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:20px}
	.home-news .home-news-bottom .swiper-slide a h2{line-height: 18px;height: 36px;overflow: hidden;display: block;}
	.home-news .home-news-bottom .swiper-slide a p{font-size: 14px;line-height: 20px;height: 40px;}
}
@media screen and (max-width:767px) {
	.home-news .home-news-bottom .swiper-slide a p{font-size: 13px;line-height: 18px;height:36px;}
}
.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}
@media screen and (max-width:991px) {
	.catalog .row > div:last-child{padding-top: 0}
	.location{padding-top: 10px;padding-bottom: 10px;}
	.location a{font-size: 13px}
	.location em{display: none}
}
.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;position: relative;overflow: hidden;} 
.inner-banner .bgimg img{width: 100%}
@media screen and (max-width:1199px) {
	.inner-banner .text{left: 5%}
	.inner-banner .text h1{font-size: 30px;}
	.inner-banner .bgimg:after{height:37vh;content:'';display:block}
	.inner-banner .bgimg img{position:absolute;left:50%;height:100%;width:auto;max-width:initial;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@media screen and (max-width:991px) {
	.inner-banner .bgimg:after{height:30vh;}
}
@media screen and (max-width:767px) {
	.inner-banner .bgimg:after{height:25vh;}
	.inner-banner .text h1{font-size: 20px;padding-bottom: 10px}
}
@media screen and (max-width:576px) {
	.inner-banner .bgimg:after{height:20vh;}
}
.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: 70%;}
.inner-about .about-header .comm-title h3{padding-left: 0;padding-right: 0}
.inner-about .about-header .row > div{padding: 0}
.inner-about .about-header .row:first-child{flex-direction: row-reverse}
.inner-about .intro{padding-bottom:100px}
.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;}
@media screen and (max-width:1599px) {
	.inner-about .about-header .comm-title{width: 60%;padding-bottom: 30px}
	.catalog ul li{padding:0 6px}
	.catalog ul li a{padding:0 22px;}
}
@media screen and (max-width:1399px) {	
	.inner-about .intro .comm-title h2,.inner-about .about-middle .comm-title h2{font-size: 25px}
	.inner-about{font-size: 15px;line-height: 1.8;}
	.inner-about .intro{padding-bottom:80px}
	.inner-about .intro ul li{line-height:42px;font-size: 16px;}
	.inner-about .about-footer dl dt i{font-size: 60px}
	.inner-about .about-footer dl dt h3{font-size: 22px;}
	.inner-about .about-footer dl dd{font-size:15px;}
}
@media screen and (max-width:1199px) {
	.catalog ul li{padding:0 5px;line-height:36px;}
	.catalog ul li a{padding:0 20px;font-size:15px;}
	.inner-about{font-size: 14px;line-height: 1.6;}
	.inner-about .intro{padding-bottom:60px}
	.inner-about .intro h4{font-size:18px;margin-top: 20px;margin-bottom: 20px;}
	.inner-about .intro ul li{font-size: 15px;}
	.inner-about .about-footer dl dt i{font-size: 50px}
	.inner-about .about-footer dl dt h3{font-size: 18px;}
	.inner-about .about-footer dl dd{font-size:14px;}
}
@media screen and (max-width:991px) {
	.catalog ul{justify-content:start;padding-top: 0;flex-wrap: wrap;}
	.about-header .catalog ul{padding-top: 30px}
	.catalog ul li{margin-bottom: 10px;line-height:30px;}
	.catalog ul li:first-child{padding-left: 0}
	.catalog ul li a{padding:0 12px;font-size: 14px}
	.inner-about .intro{padding-bottom:40px}
	.inner-about .about-header .comm-title{width: 100%;}
	.inner-about .intro .comm-title h2,.inner-about .about-middle .comm-title h2{font-size:22px}
	.inner-about .intro > div:last-child{padding-left:0px;padding-top: 40px;text-align: left}
	.inner-about .intro ul li{flex:0 0 calc(50% - 10px);}
	.inner-about .intro h4{font-size:16px;margin-top: 10px}
	.inner-about .about-footer{padding-top: 120px}
	.inner-about .about-footer .flex{flex-wrap: wrap;}
	.inner-about .about-footer .flex dl{flex:0 1 50%;padding-top: 55px;padding-bottom: 0;border-bottom: 1px #ffffff20 solid;}
	.inner-about .about-footer dl dt i{font-size: 40px}
	.inner-about .about-footer dl dt h3{font-size: 16px;}
	.inner-about .about-footer dl dd{font-size:13px;margin-top: 20px;padding:10px}
}
@media screen and (max-width:767px) {
	.inner-about{font-size: 13px;line-height: 1.5;}
	.inner-about .intro{padding-bottom:10px}
	.catalog ul li a{padding:0 10px;font-size: 13px}
}
@media screen and (max-width:576px) {
	.inner-about .about-footer dl dt{transform: translateY(-20px);}
	.inner-about .about-footer dl dd{transform: translateY(-30px);opacity: 1;}
}
.inner-partner .row{margin-left: -20px;margin-right: -20px}
.inner-partner .row > div{padding: 20px}
.inner-partner .row > div dl{height: 100%;display: block;}
.inner-partner .row > div dl a{display: block;position: relative;border-radius: 10px;overflow: hidden;}
.inner-partner .row > div dl a dt{display: block;}
.inner-partner .row > div dl a dt img{width: 100%}
.inner-partner .row > div dl a dd{padding:40px 20px;position: absolute;left: 0;width: 100%;bottom: -20px;display: block;background-image: linear-gradient(transparent 0px, #111 130%); transition: .3s;}
.inner-partner .row > div dl a dd h2{color: #fff;font-size: 20px}
.inner-partner .row > div dl a:hover dd{bottom: 0}

.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;}}
@media screen and (max-width:1399px) {
}

@media screen and (max-width:991px) {
	.inner-layout .layout-map {width: 100%;transform: translateX(0);}
	.inner-layout .layout-data{position: initial;width: 100%;margin-bottom: 0;padding: 30px 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;display: block;}
.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%;}
@media screen and (max-width:1399px) {
	.inner-service{padding-bottom: 80px;padding-top: 40px;}
	.inner-service .comm-title{padding-top: 0;padding-bottom: 0}
	.inner-service .row > div dl dd{padding: 30px}
	.inner-service .row > div dl dd h2{font-size: 22px;}
	.inner-service .row > div dl dd h3{font-size:16px;}
	.inner-service .row > div dl dd p{font-size: 15px;line-height:1.6}
	.inner-need .row > div dl dd h2{font-size: 26px;margin-bottom: 25px}
	.inner-need .row > div dl dt i{font-size: 45px;width: 80px;height: 80px;line-height: 76px;}
}
@media screen and (max-width:1199px) {
	.inner-service{padding-bottom: 60px}
	.inner-service .row,.inner-need .row{margin-left:-10px;margin-right: -10px}
	.inner-service .row > div, .inner-need .row > div{padding: 10px}
	.inner-service .row > div dl dd{padding: 20px}
	.inner-service .row > div dl dd h2{font-size: 18px;}
	.inner-service .row > div dl dd h3{font-size:15px;}
	.inner-service .row > div dl dd p{font-size: 14px;line-height:1.5}
	.inner-need .row > div dl dd h2{font-size: 22px;margin-bottom: 20px}
	.inner-need .row > div dl dt i{font-size: 40px;width: 70px;height: 70px;line-height: 66px;}
}
@media screen and (max-width:991px) {
	.inner-service{padding-bottom: 40px;}
	.inner-service .row > div dl dd h2{font-size: 16px;}
	.inner-service .row > div dl dd h3{font-size:14px;}
	.inner-service .row > div dl dd p{font-size: 13px;line-height:1.3}
	.inner-need .row > div dl dd h2{font-size: 18px;margin-bottom: 15px;margin-top:15px}
	.inner-need .row > div dl dt i{font-size: 35px;width: 60px;height: 60px;line-height: 56px;}
}
@media screen and (max-width:767px) {
	.inner-service .row,.inner-need .row{margin-left: 0px;margin-right: 0px}
	.inner-service .row > div, .inner-need .row > div{padding: 10px 0}
}

.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;overflow: hidden;}
.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: -25px;z-index: 1;display: block;padding:30px 20px;background-image: linear-gradient(transparent 0px, #111 130%);width: 100%;transition:.3s;}
.inner-sample .rows dl a:hover dd{bottom: -5px}
.inner-sample .rows dl a dd h2{font-size: 20px;color: #fff}
.inner-sample .rows dl a dd h2 i{font-size: 16px;display: inline-block;margin-left: 5px}

.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{flex-direction: row-reverse;align-items: start;}
.inner-news-list dl a dt{overflow: hidden;position: relative;border-radius: 10px;border:1px #eee solid;height: 100%;flex-shrink: 0;width: 35%}
.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: 18px;background: #e60000a0;color: #fff;padding: 15px;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{padding-right: 5%;position: relative;flex-shrink: 0;width: 65%}
.inner-news-list dl a dd h2{font-size: 20px;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: 20px;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: 45px}
.inner-news-list dl a dd data{color: #ccc;font-size: 14px;font-family: 'Arial';position: absolute;left: 0px;bottom: 0px}
.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 p{font-size: 15px;margin-top: 20px}
    .inner-news-list dl a dd p sup{top: -5px;}
    .inner-sample .rows{columns: 4;column-gap: 25px;}
    .inner-sample .rows dl{margin-bottom: 25px}
}
@media screen and (max-width: 1399px){
    .inner-news-list dl a dd h2{font-size:18px;}
    .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;}
    .inner-sample .rows{columns: 4;column-gap: 20px;}
    .inner-sample .rows dl{margin-bottom: 20px}
    .inner-sample .rows dl a dd h2{font-size: 18px;}
}
@media screen and (max-width: 991px){
    .inner-news-list dl{padding:25px;}
    .inner-news-list dl a dd h2{font-size:16px;}
    .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;}
    .inner-sample .rows{columns: 3;column-gap: 20px;}
    .inner-sample .rows dl{margin-bottom: 20px}
    .inner-sample .rows dl a dd h2{font-size: 15px;}
}
@media screen and (max-width: 767px){
	.inner-news-list{padding-top: 20px}
    .inner-sample .rows{columns: 2;column-gap: 15px;}
    .inner-sample .rows dl{margin-bottom: 15px}
	.inner-news-list dl a{flex-direction: column;}
    .inner-news-list dl a dd,.inner-news-list dl a dt{width: 100%;padding: 0;}
    .inner-news-list dl a dd{padding-top: 30px}
}
@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: 80px;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:15px;margin-bottom: 50px;}
	.pagination-bar ul li.disabled {height: 30px;width: 30px;line-height: 30px;}
	.pagination-bar ul li a {height:30px;width: 30px;line-height:30px;}
	.pagination-bar ul li.pageinfo {line-height: 30px;padding: 0 10px;font-size: 14px}
	.pagination-bar ul li.active{height: 30px;width: 30px;line-height: 30px;}
	.pagination-bar ul li i,.pagination-bar ul li a 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,.news-detail .news-content .content video{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 .row > div.hot-list .list-sticky{position: sticky;top: 100px}
.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}
@media screen and (max-width: 1399px){
	.news-detail .news-content .content p{font-size: 15px;line-height: 1.8;}
}
@media screen and (max-width: 1199px){
	.news-detail .news-content .content p{font-size: 14px;line-height: 1.6;}
	.news-detail .hot-list .list dl a dd p{font-size:14px;line-height: 20px;height: 40px;}
	.news-detail .hot-list .list dl a dd span{font-size:13px;}
}
@media screen and (max-width: 991px){
	.news-detail .hot-list .list dl a dd p{font-size:13px;}
	.news-detail .hot-list .list dl a dd span{font-size: 12px}
}
.inner-video .row{margin-right: -20px;margin-left: -20px;}
.inner-video .row > div{padding: 20px}
.inner-video .row > div dl{display: block;height: 100%}
.inner-video .row > div dl a{display: block;border: 1px #eee solid;border-radius: 10px;overflow: hidden;}
.inner-video .row > div dl a:hover{ box-shadow: 0 10px 30px rgba(0, 0, 0, .12);transform: translateY(-5px);border-color: #e60000}
.inner-video .row > div dl a dt{display: block;overflow: hidden;position: relative;}
.inner-video .row > div dl a dt img{width: 100%;transition:.3s;}
.inner-video .row > div dl a:hover dt img{transform: scale(1.05);}
.inner-video .row > div dl a dt i{position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%);width:60px;height: 60px;display: inline-block;text-align: center;line-height: 60px;background: #e60000;font-size:20px;color: #fff;border-radius: 50%;padding-left: 2px;opacity: 0;transition:.3s;}
.inner-video .row > div dl a:hover dt i{top: 50%;opacity: 0.8}
.inner-video .row > div dl a dd{background: #f5f5f5;padding: 30px;display: block;}
.inner-video .row > div dl a dd h2{font-size: 22px;line-height: 25px;border-bottom: 1px #ddd solid;font-weight: bold;padding-bottom: 20px;margin-bottom: 20px}
.inner-video .row > div dl a:hover dd h2{color: #e60000}
.inner-video .row > div dl a dd div{color: #666;font-size: 15px}
.inner-video .row > div dl a dd div i{margin-left: 5px}
@media screen and (max-width: 1399px){
	.news-detail{padding-top: 80px;padding-bottom: 80px;}
	.news-detail .news-content .title{font-size:28px;}
	.news-detail .news-content{padding:60px 40px;}
	.news-detail .news-content .prenext li a{font-size: 15px;}
	.news-detail .news-content .prenext li a i{font-size: 18px;}
	.news-detail .hot-list .list{padding-top: 40px}
	.news-detail .hot-list .list dl{padding-bottom: 25px;margin-bottom:25px;}
	.news-detail .hot-list .list dl a dt{font-size: 18px;}
	.news-detail .hot-list .title h2{font-size: 25px;line-height: 40px}
	.news-detail .news-content .content{padding: 40px 0;}
	.inner-video .row > div dl a dd h2{font-size: 20px;}
}
@media screen and (max-width: 1199px){
	.news-detail{padding-top: 60px;padding-bottom: 60px;}
	.news-detail .news-content .title{font-size:22px;}
	.news-detail .news-content{padding:50px 30px;}
	.inner-video .row{margin-right: -10px;margin-left: -10px;}
	.inner-video .row > div{padding:10px}
	.inner-video .row > div dl a dd div{font-size: 14px}
	.news-detail .news-content .prenext li a{font-size: 14px;}
	.news-detail .row > div.hot-list .list-sticky{top: 80px}
	.news-detail .hot-list .list{padding-top: 30px}
	.news-detail .hot-list .list dl{padding-bottom: 20px;margin-bottom:20px;}
	.news-detail .hot-list .list dl a dt{font-size: 16px;}
	.news-detail .hot-list .title h2{font-size: 20px;line-height: 30px}
	.inner-video .row > div dl a dd h2{font-size: 18px;}
}
@media screen and (max-width: 991px){
	.news-detail{padding-top: 50px;padding-bottom: 50px;}
	.news-detail .news-content{padding:40px 30px;}
	.news-detail .news-content .title{font-size:18px;}
	.news-detail .news-content .source{font-size: 13px;line-height:30px;padding-bottom: 20px}
	.news-detail .news-content .content{padding-top: 30px;padding-bottom: 30px}
	.inner-video .row > div dl a dd{padding: 15px;}
	.inner-video .row > div dl a dd h2{font-size: 16px;}
	.inner-video .row > div dl a dd div{font-size: 13px}
}
@media screen and (max-width: 767px){
	.inner-video .row{margin-right: 0;margin-left: 0;}
	.inner-video .row > div{padding:10px 0}
}
.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: 60vh;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}
	.inner-contact #allmap{padding-top: 30px;height: 50vh;}
}
@media screen and (max-width: 991px){
	.inner-contact .row div:last-child{padding-left: 0;font-size:0}
	.inner-contact .contacts .tel dl{display: inline-block;width: 50%;white-space: nowrap;}
	.inner-contact .contacts .tel dl:nth-child(n+3){width: 100%}
	.inner-contact .contacts .tel dl dt{font-size: 20px;width: 35px;line-height:20px;}
	.inner-contact .map{padding-bottom: 20px;padding-top:30px;height: 400px}
	.inner-contact #allmap{padding-top: 20px;height: 40vh;}
}
@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: 13px;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%;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;}
	.feedback ul li input{line-height: 40px;height: 40px;font-size: 15px;}
}
@media screen and (max-width: 991px){
	.inquiryform.show .feedback{height: 64%}
	.feedback ul li input{font-size: 14px;}
}
@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: 0}
.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: #888;display: block;font-size:15px;}
.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;background: #f5f5f5}
.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;box-shadow: 0 0 10px 5px #00000015}
.inner-product-list dl a:hover{ box-shadow: 0 10px 30px rgba(0, 0, 0, .12);transform: translateY(-5px);border-color: #e60000}
@media screen and (max-width: 1199px){
	.inner-product-list .row{margin-left: -10px;margin-right: -10px}
	.inner-product-list .row > div{padding: 10px;margin-bottom: 20px}
	.inner-product-list dl a dt h3{padding: 6px 20px;}
	.inner-product-list dl a dd h2{font-size:20px;}
	.inner-product-list dl a dd p{font-size: 14px}
}
@media screen and (max-width: 991px){
	.inner-product-list .row > div{margin-bottom: 0px}
	.inner-product-list dl a dd h2{font-size:18px;}
	.inner-product-list dl a dd p{font-size: 13px}
}
@media screen and (max-width: 767px){
	.inner-product-list .row{margin-left: 0;margin-right: 0}
	.inner-product-list .row > div{padding: 10px 0;}
}
.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: 20px;}
.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 a{color: #e60000;font-family: impact;font-size:35px;margin-bottom: 10px;display: block;}
.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-contact .share{display: inline-block;padding-top: 10px}
.footer .foot-contact .share a{color: #ffffffa0;font-size: 20px;position: relative;background: #ffffff10;padding: 10px;margin-right: 8px;border-radius: 5px}
.footer .foot-contact .share a:hover{background: #ffffff30;color: #fff}
.footer .foot-contact .share a span{position: absolute;width: 120px;left: 0;top: -130px;font-size: 13px;background: #fff;color: #333;text-align: center;padding: 5px 5px 10px;opacity: 0;visibility: hidden;transition: .3s;border-radius: 3px}
.footer .foot-contact .share a span:after {position: absolute;bottom: -6px;left: 15px;display: inline-block;border-right: 6px solid transparent;border-top: 6px solid #fff; border-left:6px solid transparent;content: '';}
.footer .foot-contact .share a span img{margin-bottom: 5px;width: 100%}
.footer .foot-contact .share a:hover span{opacity: 1;visibility: visible;top: -150px}
.footer .foot-nav {gap:10%;}
.footer .foot-nav dl{white-space: nowrap;}
.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);display: none}
.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 .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:1599px){
	.footer .foot-nav{gap:9%;}
}
@media (max-width:1399px){
	.footer{padding-top:60px;}
	.footer .foot-logo a{font-size:50px;}
	.footer .foot-logo a h2{font-size:28px;}
	.footer .foot-logo a span{font-size:10px}
	.footer .foot-contact h2 a{font-size:36px;}
	.footer .foot-nav{gap:8%;}
	.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:20px;line-height: 50px;}
}
@media (max-width:1199px){
	.footer{padding-top:50px;}
	.footer .foot-logo{padding-bottom: 20px;}
	.footer .foot-logo a{font-size:45px;}
	.footer .foot-logo a h2{font-size:26px;}
	.footer .foot-logo a span{font-size:9px}
	.footer .foot-contact picture img{width: 90%}
	.footer .foot-contact h2 a{font-size:30px;}
	.footer .foot-contact h3,.footer .foot-contact p,.footer .foot-contact p a{font-size: 15px;line-height: 1.6}
	.footer .foot-nav{gap:7%;}
	.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:18px;line-height: 45px;}
	.footer .foot-nav dl dd a{font-size: 14px;line-height:2}
}
@media (max-width:991px){
	.footer{padding-top:40px;}
	.footer .foot-logo{padding-bottom: 10px;}
	.footer .foot-logo a{font-size:40px;}
	.footer .foot-logo a h2{font-size:24px;}
	.footer .foot-nav dl{width:100%;}
	.footer .foot-nav dl dd{padding-bottom: 20px}
	.footer .foot-contact h3,.footer .foot-contact p,.footer .foot-contact p a{font-size: 14px;line-height: 1.4}
	.footer .foot-nav{gap:5%;}
	.footer .copyright div{text-align: center;}
	.footer .copyright div:last-child{text-align: center;padding-left: 0;padding-top: 10px}
	.footer .copyright div a{margin-left: 0;margin-right:12px;}
}
@media (max-width:767px){
	.footer .foot-nav.flex{flex-direction: column;}
	.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:17px;}
	.footer .foot-contact{position: relative;}
	.footer .foot-contact h3,.footer .foot-contact p,.footer .foot-contact p a{font-size: 13px;line-height: 1.6}
	.footer .foot-contact picture{position: absolute;top: 0;right: 0;font-size: 12px;}
	.footer .foot-contact picture img{width: 70%}
	.footer .foot-nav dl{border-bottom: 1px #ffffff20 solid;height: 45px;overflow:hidden;}
	.footer .foot-nav dl dt{display: block;}
	.footer .foot-nav dl dt a{display: block;position: relative;}
	.footer .foot-nav dl dt a i{position: absolute;right: 0;top: 15px;color: #fff;font-size: 14px;display: inline-block;transition: .3s}
	.footer .foot-nav dl.active dt a i{transform:rotate(90deg);}
	.footer .copyright div{font-size: 13px}
	.footer .copyright{border-top: none;padding: 20px 0;margin-top: 10px}
}
@media (max-width:576px){
	.footer .foot-nav dl dt,.footer .foot-nav dl dt a{font-size:16px;}
}