@charset "utf-8";
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
@font-face{font-family:'Barlow';font-weight:200;src:url(fonts/Barlow-Light.ttf);font-display:swap}
@font-face{font-family:'Barlow';font-weight:300;src:url(fonts/Barlow-Regular.ttf);font-display:swap}
@font-face{font-family:'Barlow';font-weight:400;src:url(fonts/Barlow-Medium.ttf);font-display:swap}
@font-face{font-family:'Barlow';font-weight:500;src:url(fonts/BarlowCondensed-Bold.ttf);font-display:swap}
@font-face{font-family:'Barlow';font-weight:600;src:url(fonts/Barlow-Black.ttf);font-display:swap}
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#333;-webkit-text-size-adjust:none;font-family: 'Barlow';font-weight: 200}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-family: 'Barlow';font-size:14px; color:#333; font-weight:normal;font-weight:300}
h1{font-weight:500;}
h2{font-weight:400;}
h5{font-weight:200}
h6{font-weight:600;}
p{font-weight:300}
em{ font-style:normal}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top;}
input{font-size:14px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0;font-weight: 200}
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:#00a2e9;text-decoration:none;}
a,input,button,textarea,i{ outline:none;font-weight: 200}
.fl{float: left;}
.fr{float: right;}
.containerfull,.container{overflow-x:clip;}
.gray{background: #f8f8f8}
.mobileshow{display: none}
header{width: 100%;position: fixed;left: 0;top: 0;z-index: 1500;transition: all .2s;padding-top: 40px;font-size: 0}
header.scroll{height:50px;}
header.upsroll{background:rgba(255,255,255,.95);top:0;box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 10%);border-bottom: 1px rgba(0,0,0,.05) solid;}
header .logo{background: #ffffffe0;width: 260px;height:85px;text-align: center;display: inline-block;vertical-align: top;position:relative;z-index: 100}
header .logo a{display:block;vertical-align: middle;height: 85px;line-height: 85px;text-transform: uppercase}
header .logo a i{font-size: 140px;line-height: 40px;}
header .fixmenu{background: #fffffffd;position: fixed;width: 100%;left: 0;top: -50px;height:50px;line-height: 50px;transition: all .2s;font-size: 0;box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 10%);}
header .fixmenu .toplogo{font-size:14px;font-weight:200;color: #888;vertical-align: top;width: 18%;display: inline-block;height:50px;}
header .fixmenu .toplogo a{display:inline-block;vertical-align: top;margin-right: 10px}
header .fixmenu .toplogo a i{font-size: 100px;line-height: 20px;}
header .fixmenu ul{display: inline-block;width: 82%;text-align:right;font-size: 0;white-space:nowrap}
header .fixmenu ul li{display: inline-block;line-height: 50px;padding:0 1.3%;position: relative;}
header .fixmenu ul li a{font-size: 16px;font-weight:400}
header .fixmenu ul li a i{display: inline-block;vertical-align: bottom;line-height:48px;margin-left: 3px;font-size: 18px;transition: all .2s}
header .fixmenu ul li a:hover i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
header .fixmenu ul li span{position: absolute;left: -40%;width: 180%;top: 60px;background: #00a2e9;text-align: center;visibility: hidden;opacity: 0;transition: all .2s}
header .fixmenu ul li span a{display: block;border-bottom: 1px #ffffff20 solid;line-height: 45px;color: #fff}
header .fixmenu ul li span a:hover{background: #006895}
header .fixmenu ul li span:after{content: '';position: absolute;top: -8px;left: 50%;display: inline-block;border-right: 8px solid transparent;border-bottom: 8px solid #00a2e9;
    border-left: 8px solid transparent;margin-left: -8px}
header .fixmenu ul li:hover span{top: 50px;opacity: 1;visibility: visible;}
header .fixmenu ul > span{display: inline-block;padding-left: 3%;position: relative;vertical-align: top;white-space: nowrap;}
header .fixmenu ul > span .lang{display: inline-block;position: relative;margin-left:8px;vertical-align: top;margin-left:40px;}
header .fixmenu ul > span:after,header .fixmenu ul > span .lang:after{content: '';position:absolute;left:7%;top: 18px;background: #00000020;width: 1px;height:15px;}
header .fixmenu ul > span .lang:after{left: -25px}
header .fixmenu ul > span > a{margin-left:8px;font-size:16px;vertical-align: middle;color: #333;width: 24px;height:24px;text-align: center;line-height: 24px;border-radius: 3px;display: inline-block}
header .fixmenu ul > span > a:first-child{margin-left: 0}
header .fixmenu ul > span > a:hover{background: #00a2e9;color: #fff;}
header .fixmenu ul > span .lang > a{font-weight: 400;font-size: 13px;text-transform:uppercase;background:#00a2e9;color: #fff;padding:4px 10px;border-radius: 5px}
header .fixmenu ul > span .lang > a i{font-size: 16px;display: inline-block;vertical-align: top;line-height: 50px;margin-right:5px;}
header .fixmenu ul > span .lang > a i:last-child{margin-right:0;}
header .fixmenu ul > span .lang > a:hover{background:#333;}
header .fixmenu ul > span .lang .langlist{position:absolute;left:50%;transform: translateX(-50%);width:145px;top:58px;background:rgba(255,255,255,.9);text-align: left;box-shadow: 0px 5px 30px 0px rgb(10 25 50 / 10%);opacity:0;visibility: hidden;transition: all .2s .4s;border-radius:3px;padding: 10px 0}
header .fixmenu ul > span .lang .langlist:after{position: absolute;top: -8px;left: 50%;display: inline-block;border-right: 8px solid transparent;border-bottom: 8px solid #ffffffe0;
    border-left: 6px solid transparent;content: '';margin-left: -4px}
header .fixmenu ul > span .lang .langlist p{padding:10px 20px;border-bottom: 1px #eee solid;padding-right: 0;height: 40px;margin: 0;display: block}
header .fixmenu ul > span .lang .langlist a{line-height: 18px;display: block;font-size: 14px;}
header .fixmenu ul > span .lang .langlist a:last-child{border-bottom: none}
header .fixmenu ul > span .lang .langlist p:hover{background-color: #00000010;color: #000}
header .fixmenu ul > span .lang:hover .langlist{top: 50px;opacity:1;visibility:visible;transition: all .2s}
header .fixmenu ul > span .lang .langlist a{width:100%;height:20px;background:url(../images/lang.png) no-repeat 0 0;line-height:18px;display: block;padding-left: 34px;font-size:13px;padding-right:20px;margin-bottom:15px}
header .fixmenu ul > span .lang .langlist a.cn{background-position:0 -22px}
header .fixmenu ul > span .lang .langlist a.de{background-position:0 -44px}
header .fixmenu ul > span .lang .langlist a.fr{background-position:0 -66px;float: none}
header .fixmenu ul > span .lang .langlist a.es{background-position:0 -88px}
header.scroll .fixmenu{top: 0}
header .menu{
	width: 150px;
	text-align: center;
	height:85px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size:16px;
	line-height: 85px;
	cursor: pointer;
	position:relative;
	z-index: 100;
	background-color: #000000;
}
header .menu > a{display:inline-block;position: relative;cursor: pointer;width:40px;height:40px;overflow:hidden;vertical-align: middle;}
header .menu > a span,header .menu > a span:after,header .menu > a span:before {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:46%;margin-top:-1px;left:0; -webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);}
header .menu > a span:after {margin-top:-7px;top:0;transition-delay:0.27s;}
header .menu > a span:before {margin-top:7px;top:0;transition-delay:0.2s;width: 15px}
header .menu.click a span,header .menu.click a span:after,header .menu.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 .menu.click a span:after {transition-delay:0s;}
header .menu.click a span:before {transition-delay:0.07s;}
header .menu > a i:before,header .menu > a i:after {content:"";display:block;width:24px;height:3px;background:#fff;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-18px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
header .menu > 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 .menu > 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 .menu.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 .menu.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 .share{position: absolute;right: 5%;top: 70px;z-index: 10}
header .share a{color: #fff;font-size: 24px;display: inline-block;margin-left: 20px;opacity: 0.4;}
header .share a:hover{opacity:1;}
header .togglemenu{width: 100%;left: -100%;position: fixed;top: 0;height:100vh;width: 100%;transition: all .2s;font-size: 0;display: table}
header.upsroll .mobilemenu a span,header.upsroll-two .mobilemenu a span,header.upsroll .mobilemenu a span:after,header.upsroll .mobilemenu a span:before,header.upsroll-two .mobilemenu a span:after,header.upsroll-two .mobilemenu a span:before{background: rgba(0,0,0,.8);}
header .menu .togglemenu{display: block;position: fixed;top: 70px;right: -50%;background:rgba(255,255,255,.95);padding:8% 5%;width: 100%;height: 100%;visibility: hidden;opacity:0;transition: all .2s;text-align: left}
header.nav .togglemenu{opacity:1;visibility: visible;left: 0;}
header .togglemenu .header-menu{height:100%;background: #222222f0;width: 65%;display: table-cell;vertical-align: middle;padding-left: 260px}
header .togglemenu .header-contact{height:100%;background: #000000f0;width: 35%;display: table-cell;vertical-align: middle;padding-left: 100px}
header .togglemenu .header-contact h2{color: #fff;font-size:30px;line-height: 40px;}
header .togglemenu .header-contact h2 i{font-size: 18px;display: block;color: #fff}
header .togglemenu .header-contact .contacts{padding-top: 0px;}
header .togglemenu .header-contact .contacts dl{display: block;margin-bottom: 20px}
header .togglemenu .header-contact .contacts dl dt{color: #fff;display: block}
header .togglemenu .header-contact .contacts dl dd{color: #fff;display: block;font-size: 16px;font-weight: 300}
header .togglemenu .header-contact .contacts dl dd a{color: #fff;font-weight: 300}
header .togglemenu .header-contact .contacts dl dd a:hover{color: #9ab6e5}
header .togglemenu .header-menu .langurl{display: block;padding-top: 40px}
header .togglemenu .header-menu .langurl p{display: inline-block;margin-right:20px;}
header .togglemenu .header-menu .langurl p a{color: #fff;font-size: 14px;height:20px;background:url(../images/lang.png) no-repeat 0 0;line-height:18px;display: inline-block;padding-left: 34px;font-size:13px;}
header .togglemenu .header-menu .langurl p a:hover{color: #00a2e9}
header .togglemenu .header-menu .langurl p a.cn{background-position:0 -22px}
header .togglemenu .header-menu .langurl p a.de{background-position:0 -44px}
header .togglemenu .header-menu .langurl p a.fr{background-position:0 -66px;float: none}
header .togglemenu .header-menu .langurl p a.es{background-position:0 -88px}
header .togglemenu h1{position: relative;font-size: 20px;color: #fff;padding-bottom: 15px;margin-bottom: 40px;font-weight: 300}
header .togglemenu h1:after{content: '';position: absolute;left: 0;bottom: 0;width: 40px;height:1px;background: #00a2e9}
header .togglemenu ul{height:auto;width: 80%;display: block;}
header .togglemenu ul li{height: 6vh;display: block;position: relative;overflow:hidden;}
header .togglemenu ul li > a{line-height:6vh;font-size:28px;text-transform: capitalize;color: #fff;font-weight:400;}
header .togglemenu ul li > a:hover{color: #00a2e9}
header .togglemenu ul li span{width: 100%;display: block;padding-bottom: 20px}
header .togglemenu ul li span a{line-height: 3vh;display: block;width: 100%;font-size: 15px;color: #fff;}
header .togglemenu ul li span a:hover,header .togglemenu ul li.active > a{color: #00a2e9}
header .togglemenu ul li i{width: 30px;height:30px;color:#fff;font-size: 20px;cursor: pointer;transition: all .2s;display: inline-block;margin-left:10px}
header .togglemenu ul li.active i{transform: rotate(90deg);margin-left:5px;color: #00a2e9}
header.scroll .menu,header.scroll .logo,header.scroll .share{display: none}
@media (max-width:1499px){
	header .fixmenu .toplogo{width:17%;}
	header .fixmenu .toplogo a{margin-right: 8px}
	header .fixmenu ul{width: 83%;}
}
@media (max-width:1400px){
	header .togglemenu .header-menu{padding-top: 6%}
	header .togglemenu h1{margin-bottom: 20px;}
	header .togglemenu ul li > a{font-size:24px;}
	header .togglemenu ul li i{font-size:18px;}
	header .fixmenu ul li{padding:0 1%;}
	header .fixmenu ul li a{font-size: 14px;}
}
@media (max-width:1299px){
	header .fixmenu .toplogo{font-size: 0;width:10%;}
	header .fixmenu ul{width: 90%;}
}
@media (max-width:991px){
	header .togglemenu .header-menu{padding-left: 200px;width: 100%}
	header .togglemenu ul li > a{font-size:20px;}
	header .togglemenu .header-contact{display: none}
	header .togglemenu .header-menu .langurl{padding-top: 30px}
	header .togglemenu .header-menu .langurl p{margin-right:10px;}
	header .togglemenu .header-menu .langurl p a{padding-left: 31px;}
}
.banner,.banner-inner{width: 100%;position: relative;overflow: hidden;}
.banner .swiper-slide{overflow: hidden;position: relative;}
.banner .swiper-slide .bgimg{width: 100%;max-height:100vh;overflow: hidden;position:relative}
.banner-inner .bgimg{position: relative;}
.banner .swiper-slide .bgimg img,.banner-inner .bgimg img{width: 100%}
.banner .swiper-slide .bgimg.video{background: #000;}
.banner .swiper-slide .bgimg.video video{opacity:0.4;vertical-align: top;}
.banner .swiper-slide .text,.banner-inner .text{position: absolute;left:0;top: 50%;-webkit-transform: translateY(-50%);z-index: 2;width: 100%;text-align: center;}
.banner.home .swiper-slide .text{text-align: left;left: 10%;width: 50%}
.banner .swiper-slide .text h6{font-size: 55px;text-transform: capitalize;color: #fff;position: relative;padding-top: 50px;width: 100%;font-weight: 500;font-style: italic;}
.banner .swiper-slide .text h6:after{content: '';background: url(../images/banner.svg) no-repeat;background-size: cover auto;left: -40%;top: -40%;position: absolute;width: 380px;height:260px;opacity: 0;transition: all .5s .5s}
.banner .swiper-slide-active .text h6:after{left: -17%;opacity: 0.1;}
.banner .swiper-slide .text h6 sub{bottom: 0}
.banner .swiper-slide .text h6 span{text-transform:lowercase;}
.banner .swiper-slide .text,.banner-inner .text h1{font-size: 50px;color: #fff}
.banner .swiper-slide .text h2{font-size:20px;text-transform: uppercase;color: #fff;padding-bottom: 3px;}
.banner.home .swiper-slide .text h1:after{left: 0;margin-left: 0}
.banner .swiper-slide .text h3{font-size: 18px;color: rgba(255,255,255,.7);line-height: 35px;}
.banner .swiper-slide .text a{display: inline-block;border:1px #fff solid;color:#fff;font-size: 18px;padding: 6px 40px;text-transform: uppercase;margin-top: 8%;border-radius:50px}
.banner .swiper-slide .text a i{margin-left: 10px;vertical-align:text-top}
.banner .swiper-slide .text a:last-child{border:1px #fff solid;color:#fff;margin-right: 0;font-size:.7rem;font-weight: 200;line-height: 26px}
.banner .swiper-slide .text a:last-child i{margin-right:5px;vertical-align:baseline}
.banner .swiper-slide .text a:hover{background: #00a2e9;border-color:#00a2e9}
.banner .swiper-slide .text a:last-child:hover{background: #00a2e9;border-color:#00a2e9}
.banner-inner .text{left: 260px;width: auto;text-align: left}
.banner-inner .text h1{width: 100%;text-transform: uppercase;padding-bottom: 10px}
.banner-inner .text h2{width: 100%;color: #fff;font-size:20px;line-height: 30px;font-weight: 300}
.banner.home .swiper-slide .text h1{transform:translateY(200px);opacity:0;transition:all .6s .4s;}
.banner.home .swiper-slide .text h2,.banner.home .swiper-slide .text h6{transform:translateY(200px);opacity:0;transition:all .3s .3s;}
.banner.home .swiper-slide .text h3{transform:translateY(200px);opacity:0;transition:all .9s .5s;}
.banner.home .swiper-slide .text h3 b{color: #00a2e9;}
.banner.home .swiper-slide .text h4{transform:translateY(200px);opacity:0;transition:all 1s .6s;}
.banner.home .swiper-slide-active .text h1,.banner.home .swiper-slide-active .text h2,.banner.home .swiper-slide-active .text h6,.banner.home .swiper-slide-active .text h3,.banner.home .swiper-slide-active .text h4{transform:translateY(0px);opacity:1;}
.banner .mouse {width: 80px;height: 80px;position: absolute;bottom:8%;right: 5%;z-index: 999;color: #fff;text-align: center;border-radius: 50%;border:2px #ffffff30 dotted;line-height: 14px;padding-top: 18px;font-weight: 200;font-size: 12px;text-transform:uppercase;color: #ffffffa0}
.banner .mouse i{text-align: center;display: block;-webkit-animation: rotateplane 1.2s infinite ease-in-out;animation: rotateplane 1.2s infinite ease-in-out;}
.vjs-tech, .video-dimensions, #video_html5_api, .vjs-paused, .vjs-controls-disabled{width: 100%;height: 100%}
.vjs-control-text{font-size:0}
@keyframes rotateplane{ 
    0%{transform: translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px)}
    50%{transform: translateY(5px);-ms-transform:translateY(5px);-moz-transform:translateY(5px);-webkit-transform:translateY(5px);-o-transform:translateY(5px)}
    100%{transform: translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px)}
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 60px}
.banner .swiper-pagination-bullet {position: relative;z-index: 11;overflow: hidden;width: 20px;height:2px;}
.banner .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top: 0px;width:0;height: 2px;z-index: 10;background: #00a2e9}
.banner .swiper-pagination-bullet-active{background: #8cc63f;width:100px}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 5000ms 1;animation: w100 5000ms 1;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:20px;color: #fff}
.banner .swiper-pagination-bullet{background: #ffffff90}
.banner.home .swiper-button-next,.banner.home .swiper-button-prev{opacity: .7;top: auto;bottom: 46px}
.banner.home .swiper-button-prev{left: 40%}
.banner.home .swiper-button-next{right: 40%}
.banner.home .swiper-button-next:after,.banner.home .swiper-button-prev:after{font-size: 25px;font-weight: normal;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

@media (max-width:1599px){
	.banner .swiper-slide .text h1,.banner .swiper-slide .text h6{font-size: 45px;text-shadow: 3px 3px 3px #888888;margin-bottom: 25px}
	.banner .swiper-slide .text h1:after{top: 80px}
	.banner .swiper-slide .text h2{font-size: 25px}
	.banner .swiper-slide .text h3{font-size: 18px;line-height: 25px}
	.banner.ban-product .swiper-slide .img {top: 23%;right: 0}
}
@media (max-width:1299px){
	.banner .swiper-pagination-bullet-active{width:80px}
	.banner .swiper-slide .text h6:after{left: -20%;top: -30%;width: 300px;height:200px;}
}
@media (max-width:1199px){
	header .logo a{font-size: 22px}
	header .fixmenu{display: none}
	header.scroll .menu,header.scroll .logo{display: inline-block;box-shadow: inset 0 0 10px rgb(0 0 0 / 30%);}
	.banner .swiper-slide .text h1,.banner .swiper-slide .text h6{font-size: 35px;}
	.banner .swiper-slide .text h2{font-size: 20px}
	.banner .swiper-slide .text h3{font-size: 25px;line-height: 18px}
	.banner .swiper-slide .text a{padding: 4px 28px;font-size: 14px}
	.banner .swiper-slide .text.inner-left h1{font-size: 30px}
	.banner .swiper-slide .text.inner-left h1:after{top: 60px}
	.vjs-tech, .video-dimensions, #video_html5_api, .vjs-paused, .vjs-controls-disabled{width: auto}
	.banner .swiper-slide .bgimg:after,.banner .swiper-slide .bgimg.video:after,.banner-inner .bgimg:after{height:68vh;content: '';display:block}
	.banner-inner .bgimg:after{height:50vh;}
	.banner .swiper-slide .bgimg img,.banner-inner .bgimg img,.banner .swiper-slide .bgimg.video video{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%);}
	.banner.home .swiper-button-prev{left:38%}
	.banner.home .swiper-button-next{right:38%}
	.banner-inner .text{top: 55%}
	.banner-inner .text h1{font-size: 42px;}
	.banner-inner .text h2{font-size: 16px;}
}
@media (max-width:991px){
	header {padding-top: 20px}
	header .logo{width: 200px;height:70px;}
	.banner-inner .text{left: 200px;}
	.banner-inner .text h1{font-size: 38px;}
	header .menu,header .logo a,header .logo a i{height: 70px;line-height: 70px;}
	header .logo a i{font-size: 110px}
	.banner .swiper-slide .bgimg:after,.banner .swiper-slide .bgimg.video:after{height:50vh;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px}
	.banner .mouse,.banner .swiper-button-next,.banner .swiper-button-prev,.banner .swiper-container-horizontal>.swiper-pagination-bullets{display: none}
	header .share{top: 50px}
	header .share a{font-size: 18px;margin-left: 10px;}
}
@media (max-width:767px){
	header .logo{width: 160px;height:60px;}
	header .menu{width: 120px;}
	header .menu > a{width:35px;}
	header .menu,header .logo a,header .logo a i{height: 60px;line-height: 60px;}
	header .togglemenu .header-menu{padding-left: 160px;}
	header .logo a i{font-size: 100px}
	header .share{top: 40px}
	.banner .swiper-slide .text h6:after{left: -25%;top: 0;width: 250px;height:150px;}
	.banner.home .swiper-slide-active .text h1,.banner.home .swiper-slide-active .text h2,.banner.home .swiper-slide-active .text h6,.banner.home .swiper-slide-active .text h3,.banner.home .swiper-slide-active .text h4{transform:translateY(20px);}
	.banner-inner .text{left:160px;}
	.banner-inner .text h1{font-size: 32px;padding-bottom: 0}
	.banner-inner .text h2{font-weight: 200}
	.banner-slide .bgimg:after,.banner-inner .bgimg:after,.banner .swiper-slide .bgimg.video:after{height:42vh;}
	.banner.home .swiper-slide .text{top:42%;width: 70%}
	.banner .swiper-slide .text{top:42%;}
	.banner.home .swiper-slide-active .text h4,.banner.ban-product .swiper-slide-active .text h4{display: none}
	.banner .swiper-slide .text h1,.banner .swiper-slide .text h6{font-size: 32px;margin-bottom: 15px;}
	.banner .swiper-slide .text h1:after{width: 50px;height: 2px;}
	.banner .swiper-slide .text.inner-left h1:after{top:55px}
	.banner .swiper-slide .text h2{font-size: 18px}
	.banner .swiper-slide .text h3{font-size: 18px;}
	.banner .swiper-slide .img,.banner.ban-product .swiper-slide .img{right: auto;left:3%;top: 48%;width:40%;}
}
@media (max-width:576px){
	header .logo{width: 130px;}
	.banner-inner .text{left:30px;top: 55%}
	.banner-inner .text h1{font-size: 28px;}
	header .share{display: none}
	header .togglemenu .header-menu{padding-left: 30px;}
	header .togglemenu ul{width: 95%;}
	header .togglemenu ul li i{position: absolute;right: 0;top: 15px}
	header .togglemenu ul li.active i{right: 8px}
}

.home-product{background: #f7f7f7;padding-top: 120px;padding-bottom: 50px}
.home-product .prut-cate{padding-bottom: 90px}
.home-product .prut-cate dl{display: flex;height:100%;flex-wrap:wrap;}
.home-product .prut-cate dl dt{background:linear-gradient(135deg, #00a2e9,#006895);width: 100%;display:block;}
.home-product .prut-cate dl dt a{display: block;height:100%;background:url(../images/prut_bg.svg) no-repeat left top;background-size: auto 100%;text-align: center;padding-top: 30px;padding-bottom: 30px}
.home-product .prut-cate dl dt a img{max-width: 45%;}
.home-product .prut-cate dl dd{display:block;width: 100%;padding-top: 8%}
.home-product .prut-cate dl dd .block{display: table-cell;background: linear-gradient(135deg, #00a2e9,#006895);width: 10%;}
.home-product .prut-cate dl dd .vermidd{padding:0 10%}
.home-product .prut-cate dl dd h1{font-size: 50px;text-transform:uppercase;}
.home-product .prut-cate dl dd h2{font-size: 30px;position: relative;padding-bottom:40px;margin-bottom: 60px;}
.home-product .prut-cate dl dd h2:after{content: '';background: url(../images/line.svg) no-repeat left center;background-size: cover;width: 60px;height:4px;position: absolute;left: 0;bottom: 0}
.home-product .prut-cate dl dd p{line-height: 28px;font-size: 16px;}
.home-product .prut-cate .more,.home-about .more{display: block;margin-top: 50px}
.home-product .prut-cate .more a,.home-about .more a{padding: 8px 25px;border-radius: 5px;border:1px #333 dotted;line-height: 28px;display: inline-block;font-weight: 200;text-transform:uppercase;}
.home-product .prut-cate .more a i,.home-about .more a i{display: inline-block;vertical-align: top;line-height: 28px;font-size: 28px;color: #333;margin-right: 8px;transition: all .2s}
.home-product .prut-cate .more a:hover,.home-about .more a:hover{background: #00a2e9; color: #fff;border-color: #00a2e9}
.home-product .prut-cate .more a:hover i,.home-about .more a:hover i{color: #fff;margin-right: 12px;}
.home-product .swiper-container-horizontal>.swiper-pagination-bullets,.home-projects .swiper-container-horizontal>.swiper-pagination-bullets,.home-news .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 8px}
.home-product .swiper-pagination-bullet,.home-projects .swiper-pagination-bullet,.home-news .swiper-pagination-bullet{width:9px;height:9px;border-radius: 50%;background: #ccc}
.home-product .swiper-pagination-bullet-active,.home-projects .swiper-pagination-bullet-active,.home-news .swiper-pagination-bullet-active{background: #00a2e9;width:9px;height:9px;}
.home-product .swiper-button-prev{left: 44%}
.home-product .swiper-button-next{right: 44%}
.home-projects .swiper-button-prev,.home-news .swiper-button-prev{left: 42%}
.home-projects .swiper-button-next,.home-news .swiper-button-next{right: 42%}
.home-product .swiper-button-prev i,.home-projects .swiper-button-prev i,.home-news .swiper-button-prev i{transform:rotateY(180deg);}
.home-product .swiper-button-next,.home-product .swiper-button-prev,.home-projects .swiper-button-next,.home-projects .swiper-button-prev,.home-news .swiper-button-next,.home-news .swiper-button-prev{opacity:1;top: auto;bottom: 0}
.home-product .swiper-button-next:after,.home-product .swiper-button-prev:after,.home-projects .swiper-button-next:after,.home-projects .swiper-button-prev:after,.home-news .swiper-button-next:after,.home-news .swiper-button-prev:after{font-size: 0;}
@media (max-width:1699px){
	.home-projects .swiper-button-prev,.home-news .swiper-button-prev{left: 40%}
	.home-projects .swiper-button-next,.home-news .swiper-button-next{right: 40%}
}
@media (max-width:1299px){
	.home-product{padding-top:80px;padding-bottom: 40px}
	.home-product .swiper-button-prev{left: 40%}
	.home-product .swiper-button-next{right: 40%}
	.home-projects .swiper-button-prev,.home-news .swiper-button-prev{left: 35%}
	.home-projects .swiper-button-next,.home-news .swiper-button-next{right: 35%}
	.home-product .prut-cate{padding-bottom: 60px}
	.home-product .prut-cate dl dd h1{font-size: 40px}
	.home-product .prut-cate dl dd h2{font-size: 25px;padding-bottom:20px;margin-bottom: 30px;}
	.home-product .prut-cate dl dd p{line-height: 25px;font-size: 15px;}
	.home-product .prut-cate dl dd .vermidd{padding:20px 8%}
	.home-product .prut-cate .more,.home-about .more{margin-top: 40px}
	.home-product .prut-cate dl dt a{padding-top: 50px}
	.home-product .prut-cate .more a,.home-about .more a{line-height: 24px;}
	.home-product .prut-cate .more a i,.home-about .more a i{line-height: 24px;font-size: 24px;}
}
@media (max-width:991px){
	.home-product .prut-cate dl dd h1{font-size: 35px}
	.home-product .prut-cate dl dt a{padding-top: 30px}
}
@media (max-width:767px){
	.home-product{padding-top:40px;padding-bottom: 20px}
	.home-product .prut-cate dl dd .block{width: 5%}
	.home-product .prut-cate dl dd h1{font-size: 30px}
	.home-product .prut-cate dl dd p{line-height: 20px;font-size: 13px;}
	.home-product .swiper-button-prev,.home-projects .swiper-button-prev,.home-news .swiper-button-prev{left: 30%}
	.home-product .swiper-button-next,.home-projects .swiper-button-next,.home-news .swiper-button-next{right: 30%}
	.home-projects .swiper-button-prev,.home-news .swiper-button-prev{left: 25%}
	.home-projects .swiper-button-next,.home-news .swiper-button-next{right: 25%}
	.home-product .prut-cate .more,.home-about .more{margin-top: 30px}
	.home-product .prut-cate .more a,.home-about .more a{line-height: 20px;font-size: 12px}
	.home-product .prut-cate .more a i,.home-about .more a i{line-height: 20px;font-size: 20px;}
}
@media (max-width:576px){
	.home-projects .swiper-button-prev,.home-news .swiper-button-prev{left: 18%}
	.home-projects .swiper-button-next,.home-news .swiper-button-next{right: 18%}
}
@media (min-width:767px){
	.home-product .prut-cate dl{flex-direction: row-reverse}
	.home-product .prut-cate dl dt{width: 45%;flex:1}
	.home-product .prut-cate dl dd{width: 55%;vertical-align: middle;padding-top: 0}
}
@media (min-width:992px){	
	.home-product .prut-cate dl dt{width: 50%;}
	.home-product .prut-cate dl dd{width: 50%;}
	.home-product .prut-cate dl dt a img{max-width: 60%;}
}
.home-about{background:url(../images/triangle.svg) no-repeat right top;background-size: auto 30%;padding-top: 100px;padding-bottom: 100px;overflow:hidden}
.home-about .row > div{padding: 0}
.home-about .row .about-img{position: relative;}
.home-about .row .about-img img{width: 100%;position: relative;z-index: 10}
.home-about .row .about-img block{background: #f7f7f7;width: 120%;height: 50%;display: block;position: absolute;right: -10%;bottom: -80px}
.home-about .row .about-img a{position: absolute;left: 50%;top: 50%;width: 70px;height:70px;background: #fff;border-radius: 50%;text-align: center;cursor: pointer;-webkit-transform: translate(-50%, -50%);z-index: 100}
.home-about .row .about-img a i{line-height: 70px;color: #333;font-size:50px;-webkit-transform: scaleX(1.4);display: inline-block}
.home-about .row .about-img a:hover{background: #00a2e9}
.home-about .row .about-img a:hover i{color: #fff}
.home-about .row .about-intro{padding-left: 7%;padding-right: 5%;}
.table{display: table;height:100%;}
.vermidd{display: table-cell;vertical-align: middle;}
.home-about .row .about-intro .vermidd h1,.home-projects .title h1,.home-news .title h1,.subscriptions .title h1,.comm-title h1{font-size: 50px;text-transform:uppercase;position: relative;padding-bottom: 25px;}
.comm-title p{text-align: center;display: block;padding-top: 40px;font-size: 16px}
.home-about .row .about-intro .vermidd h1{position: relative;}
.home-about .row .about-intro .vermidd h1 img{position: absolute;left:230px;top:10px;width:140px;}
@media (max-width:767px){
	.comm-title p{padding: 20px 3% 0 3%;font-size: 14px;}
}
.home-about .row .about-intro .vermidd h1:after,.home-projects .title h1:after,.home-news .title h1:after,.comm-title h1:after{content: '';background: url(../images/line.svg) no-repeat left center;background-size: cover;width: 60px;height:4px;position: absolute;left: 0;bottom: 0}
.home-about .row .about-intro .vermidd p{display: block;margin-top:8%;line-height: 30px;font-size: 16px}
.home-about .row .about-intro .vermidd .num-block{margin-top: 8%;font-size: 0}
.home-about .row .about-intro .vermidd .num-block dl{display: inline-block;position: relative;padding-right: 15%}
.home-about .row .about-intro .vermidd .num-block dl:first-child{min-width: 26%}
.home-about .row .about-intro .vermidd .num-block dl:last-child{padding-right: 0}
.home-about .row .about-intro .vermidd .num-block dl:after{content: '';position: absolute;right: 30%;top: 0;background:#eee;width: 1px;height:100%;}
.home-about .row .about-intro .vermidd .num-block dl:last-child:after{display: none}
.home-about .row .about-intro .vermidd .num-block dl dt{font-size: 45px;display: block;line-height:50px}
.home-about .row .about-intro .vermidd .num-block dl dt.icon-solor{font-size: 36px;}
.home-about .row .about-intro .vermidd .num-block dl dd{display: block}
.home-about .row .about-intro .vermidd .num-block dl dd span{font-size: 40px;font-weight: 500}
.home-about .row .about-intro .vermidd .num-block dl dd sup{font-size: 20px;top:-12px;left: 5px}
.home-about .row .about-intro .vermidd .num-block dl dd p{display: block;margin-top:0}

.uw-index-about-video {background: #000;position: fixed;left: 0;top: 0;z-index: 1999;width: 100%;height: 100%;transform:translateY(0);display: block;transition:all .4s ease;}
.uw-index-about-video.cur {display: block;transform:translateY(-100%);position: fixed;}
.uw-index-about-video video{position: absolute;width: 100%;height: 100%;margin: auto;left: 0;top: 0;z-index: 1999}
.uw-close {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;z-index: 2000;background: #fff;text-align: center;border-radius: 3px}
.uw-close i{font-size:18px;color: #333;line-height: 40px}
.uw-close:hover {background: rgba(255,255,255,.4);}
.uw-close:hover i{color: #fff}

.home-projects{position: relative;overflow: hidden;padding-bottom: 40px}
.home-projects block,.home-news block{background: #f7f7f7;width:50%;height: 98%;display: block;position: absolute;right: -7%;top: 8%;transform: skewX(-15deg);}
.home-projects .project-list{padding-bottom: 70px}
.home-projects .title{padding-top: 50px;padding-bottom: 50px;padding-left: 5%}
.home-projects dl{position: relative;background: #333}
.home-projects dl a dt{display: block;overflow: hidden;position: relative;}
.home-projects dl a dt img{display: block;width: 100%;opacity: 0.5;transition: all .5s}
.home-projects dl a:hover dt img{opacity: 0.8;transform: scale(1.1);}
.home-projects dl a dt:after {content: '';position: absolute;top: 0;height: 100%;width: 70%;left: -100%;-webkit-transform: skew(150deg);-o-transform: skew(150deg);transform: skew(150deg);z-index: 1;background: -webkit-gradient(linear, left top, right top, from(#ffffff05),to(#ffffff90));transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;opacity: 0.2;}
.home-projects dl.swiper-slide-active a dt:after{left: -45%;}
.home-projects dl.swiper-slide-active a dt img{opacity: 1;}
.home-projects dl a dd{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px 50px;height:90px;overflow: hidden;transition: all .3s .1s}
.home-projects dl.swiper-slide-active dd{height:230px;}
.home-projects dl a dd h1{font-size: 35px;color: #fff}
.home-projects dl a dd p{font-size:16px;color: #fff;margin-top: 30px;margin-bottom: 30px;display: block}
.home-projects dl a dd i{font-size: 20px;color: #fff;}

@media (max-width:1299px){
	.home-about .row .about-intro .vermidd h1,.home-projects .title h1,.home-news .title h1,.subscriptions .title h1,.comm-title h1{font-size: 40px;padding-bottom: 20px}
	.home-about .row .about-intro .vermidd h1:after,.home-projects .title h1:after,.home-news .title h1:after,.comm-title h1:after{width: 50px;height:3px;}
	.home-about .row .about-intro .vermidd p{margin-top:6%;line-height: 25px;font-size: 15px}
	.home-about .row .about-intro .vermidd .num-block dl dd span{font-size: 35px;font-weight: 400}
	.home-about .row .about-intro .vermidd .num-block dl dd sup{font-size: 16px;top:-8px;left: 2px}
	.home-projects dl.swiper-slide-active dd{height:210px;}
	.home-projects block{width:50%;right: -10%;}
}
@media (max-width:1199px){
	.home-about .row .about-img block{height: 60%;bottom: -30px}
	.home-about{background-size: auto 10%;padding-bottom: 50px}
	.home-projects dl a dd{height:70px;}
	.home-projects dl a dd h1{font-size: 30px;}
	.home-projects dl a dd p{font-size:15px;margin-top: 25px;margin-bottom: 25px;}
}
@media (max-width:1099px){
	.home-about .row .about-img block{bottom: 0}
}
@media (max-width:991px){
	.home-about .row .about-intro{padding-top: 30px}
	.home-about .row .about-img block{bottom: -40px;width: 80%;right: -30%}
	.home-projects dl a dd h1{font-size: 25px;}
	.home-projects dl a dd p{font-size:13px;margin-top: 20px;margin-bottom: 20px;}
	.home-projects dl.swiper-slide-active dd{height:180px;}
}
@media (max-width:767px){
	.home-about .row .about-intro .vermidd h1,.home-projects .title h1,.home-news .title h1,.subscriptions .title h1,.comm-title h1{font-size: 20px;padding-top: 20px}
	.home-about .row .about-intro .vermidd p{line-height: 20px;font-size: 13px}
	.home-about .row .about-intro .vermidd .num-block dl{padding-right: 10%}
	.home-about .row .about-intro .vermidd .num-block dl dd span{font-size: 25px;}
	.home-about .row .about-intro .vermidd .num-block dl dd sup{font-size: 13px;top:-6px;}
	.home-about{padding-bottom: 30px}
	.home-projects .title{padding-top: 30px;padding-bottom: 30px;padding-left: 3%}
	.home-about .row .about-intro .vermidd .num-block dl:after{right: 15%;}
	.home-projects dl.swiper-slide-active dd{height:170px;}
	.home-projects block{right: -20%;}
	.home-news block{}
}
.home-news{padding: 150px 4% 80px 5%;position: relative;}
.home-news block{right: auto;left: -25%;transform: skewX(15deg);height:95%;width:60%}
.home-news .title{text-align: center;display: block;position: relative;z-index: 50}
.home-news .title h1:after{left: 50%;-webkit-transform: translateX(-50%);}
.home-news .title p{font-size: 16px;padding:2% 28%;font-weight: 200}
.home-news .news-list{padding-bottom:80px}
.home-news .news-list dl a{display: block;position: relative;height:100%;}
.home-news .news-list dl a dt{display: block;overflow: hidden;width: 70%}
.home-news .news-list dl a dt img{width: 100%;transition: all .5s}
.home-news .news-list dl a:hover dt img{transform: scale(1.1);}
.home-news .news-list dl a dd{background: #fffffff0;position: absolute;right: 2%;top: 50%;-webkit-transform: translateY(-50%);z-index: 10;width: 55%;box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.1);padding: 40px 5%}
.home-news .news-list dl a dd h1{font-size: 22px;font-weight: 400;padding-bottom: 10px;transition: all .2s;line-height: 25px;max-height:50px;overflow: hidden;display: block}
.home-news .news-list dl a:hover dd h1{color: #00a2e9}
.home-news .news-list dl a dd p{display: block;height:44px;line-height: 22px;overflow: hidden;font-size: 15px;color: #666;font-weight: 200;margin-top: 20px}
.home-news .news-list dl a dd i{font-size: 24px;margin-top: 20px;margin-bottom: 20px;display: block;}
.home-news .news-list dl a dd data{display: block;border-top: 1px #00000015 solid;width: 100%;line-height: 40px;padding-top: 10px}
.home-news .news-list dl a dd data b{font-size: 30px;line-height: 40px;vertical-align: top;padding-right: 30px;position:relative;}
.home-news .news-list dl a dd data b:after{content: '';position: absolute;right: 15px;width: 1px;background: #00000015;height:22px;top: 50%;-webkit-transform: translateY(-50%)}
@media (max-width:1499px){
	.home-news{padding: 120px 4% 60px 5%;}
	.home-news .news-list dl a dd{padding: 30px 5%;width:70%}
	.home-news .news-list dl a dd h1{font-size: 18px;line-height: 22px;max-height:44px;}
	.home-news .news-list dl a dd i{font-size: 20px;margin-top: 10px;margin-bottom: 10px}
	.home-news .news-list dl a dd p{height:40px;line-height: 20px;font-size: 13px;margin-top: 15px}
	.home-news .news-list dl a dd data b{font-size: 24px;}
}
@media (max-width:1199px){
	.home-news{padding: 80px 3% 40px 3%;}
	.home-news .title p{font-size: 15px;padding:2% 15%;}
	.home-news .news-list dl a dt{width: 100%}
	.home-news .news-list dl a dd{padding: 20px 4%;width: 100%;position: initial;-webkit-transform: translateY(0);box-shadow: 0px 0 5px 0px rgba(0, 0, 0, 0.1);}
	.home-news .news-list dl a dd h1{font-size: 18px;line-height: 22px;}	
}
@media (max-width:767px){
	.home-news{padding: 40px 3% 30px 3%;}
	.home-news .news-list dl a dd h1{font-size: 15px;line-height: 18px;}
	.home-news .news-list dl a dd p{height:36px;line-height: 18px;font-size: 13px;margin-top: 10px}
	.home-news .title p{font-size: 13px;padding:2% 6%;}
}
.subscriptions{background:url(../images/subscriptions_bg.webp) no-repeat center center;background-size: cover;padding-top: 100px;padding-bottom: 90px;position: relative;z-index: 50}
.subscriptions .title{text-align: center;display: block}
.subscriptions .title h1{color: #fff;padding-bottom: 20px}
.subscriptions .title p{color: #fff;display: block;font-size:16px;font-weight: 200}
.subscriptions .form{display: block;text-align: center;padding-top: 40px}
.subscriptions .form form{display: block;}
.subscriptions .form form input{width: 300px;height:40px;line-height: 40px;border:none;background: #fff;font-weight: 200;padding: 0 15px}
.subscriptions .form form button{background: #00a2e9;color: #fff;width: 100px;height:40px;text-align: center;line-height: 40px;border: none;font-size: 20px;outline:none;transition: all .2s}
.subscriptions .form form button:hover{background: #ff5e00;}
@media (max-width:1199px){
	.subscriptions{padding-top: 70px;padding-bottom: 75px;}
}
@media (max-width:767px){
	.subscriptions{padding-top: 50px;padding-bottom: 55px;}
	.subscriptions .title p{color: #fff;display: block;font-size:14px;}
	.subscriptions .form{padding-top: 20px}
	.subscriptions .form form input{width: 60vw;}
	.subscriptions .form form button{width: 80px;}
}

.subscriptions1{background:url(../images/cp4bg.webp) no-repeat center center;background-size: cover;padding-top: 100px;padding-bottom: 90px;position: relative;z-index: 50}
.subscriptions1 .title{text-align: center;display: block}
.subscriptions1 .title h1{color: #fff;padding-bottom: 20px}
.subscriptions1 .title p{color: #fff;display: block;font-size:16px;font-weight: 200}

@media (max-width:1199px){
	.subscriptions1{padding-top: 70px;padding-bottom: 75px;}
}
@media (max-width:767px){
	.subscriptions1{padding-top: 50px;padding-bottom: 55px;}
	.subscriptions1 .title p{color: #fff;display: block;font-size:14px;}

}



.banner-inner .submenu{position: absolute;left: 0;bottom: 0;height:70px;border-top: 1px #ffffff35 solid;width: 100%;text-align: center;background: #00000025}
.banner-inner .submenu ul{display: inline-block;height:60px;font-size: 0;width: 100%}
.banner-inner .submenu ul li{display: inline-block;padding: 0 4%}
.banner-inner .submenu ul li a{display: block;line-height: 70px;color: #fff;position: relative;font-size: 18px;font-weight: 400}
.banner-inner .submenu ul li a:after{content: '';position: absolute;top:-1px;left: 0;height:2px;width: 0;padding:0 5px;background: #fff;transition: all .2s}
.banner-inner .submenu ul li.this a:after,.banner-inner .submenu ul li a:hover:after{width: 100%}
@media (max-width:767px){
	.banner-inner .submenu{height:50px;}
	.banner-inner .submenu ul li{padding: 0 2%}
	.banner-inner .submenu ul li a{line-height: 50px;font-size: 16px;}
}
.location{line-height: 80px;font-size: 14px;text-transform: uppercase;}
.location i{line-height: 80px;vertical-align: top;display: inline-block;font-size: 20px;margin-right: 6px}
.location span{display: inline-block;padding: 0 10px}

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

.inner-about .comp-img img{max-width: 100%}
.inner-about .comp-img .swiper-pagination-bullet{width: 30px;height:3px;}
.inner-about .comp-img .swiper-pagination-bullet-active{width: 50px;background: #00a2e9}
.inner-about .culture{padding-top:100px;padding-bottom: 100px;background:#fcfcfc;margin-bottom: 80px}
.inner-about .culture .comm-title{margin-bottom: 60px}
.inner-about .culture dl{padding: 0;padding-left: 0;padding-right:3%;}
.inner-about .culture dl:nth-child(2n){padding-right: 0;padding-left:3%}
.inner-about .culture dl span{background: #fff;/*box-shadow: 0px 5px 25px 0px rgba(161, 163, 175, 0.3);*/display: block;height:100%;}
.inner-about .culture dl dt{display: block;overflow: hidden;}
.inner-about .culture dl dt img{width: 100%}
.inner-about .culture dl dd{font-size: 0;display: block;background: #fff;padding:40px 30px}
.inner-about .culture dl dd i{font-size: 55px;display: inline-block;color: #00a2e9;width:13%}
.inner-about .culture dl dd h1{display: inline-block;font-size: 30px;vertical-align: top;padding-left: 5%;border-left: 1px #eee solid;width: 85%}
.inner-about .culture dl dd h1 p{display: block;font-size: 16px;padding-top: 5px;}
@media (max-width:1199px){
	.inner-about .inner-intro{padding-top: 60px;}
	.comm-padding{padding-top: 60px}
	.inner-about .globalimg{padding-top: 60px;padding-bottom: 60px;}
	.inner-about .inner-intro > .row .intro p{font-size: 15px;line-height: 20px}
}
@media (max-width:767px){
	.inner-about .inner-intro{padding-top: 30px;}
	.comm-padding{padding-top: 30px}
	.inner-about .globalimg{background-position:left bottom;background-size:98% auto;padding-top: 10px;padding-bottom: 10px;}
	.inner-about .global-list{padding-top: 20px;padding-bottom: 24vh;}
	.inner-about .global-list dl{font-size: 0;margin-left:-11px;margin-bottom: 5px}
	.inner-about .global-list dl dt{width:13%;display: inline-block;vertical-align: top}
	.inner-about .global-list dl dt span{font-size: 50px;}
	.inner-about .global-list dl dd{width: 87%;display: inline-block;vertical-align: top}
	.inner-about .global-list dl dd p{font-size: 14px}
	.inner-about .global-list dl dd h1{font-size: 16px;line-height: 18px}
	.inner-about .global-list dl dd i{font-size: 12px;}
	.inner-about .inner-intro > .row .intro p{font-size: 14px;line-height: 18px}
}
.inner-about .classification{padding-bottom: 80px;padding-top: 80px;background: #f8f8f8}
.inner-about .classification .comm-title{padding-bottom: 30px;}
.inner-about .classification dl{padding: 20px;display: table-cell;}
.inner-about .classification dl a{background: #fff;display: block;padding:30px 40px;height:100%;}
.inner-about .classification dl a:hover{-webkit-box-shadow: 0 0 35px -10px rgba(48,49,51,.2);box-shadow: 0 0 35px -10px rgba(48,49,51,.2);}
.inner-about .classification dl dt{display: block;text-align:center;padding-top: 30px}
.inner-about .classification dl dt i{font-size: 70px;color: #00a2e9}
.inner-about .classification dl dd{display: block;padding:25px;padding-top: 20px;text-align: center}
.inner-about .classification dl dd h1{display: block;font-size: 26px;font-weight: 400;}
.inner-about .classification dl dd p{padding-top: 30px;font-size: 16px;line-height:22px;font-weight: 300}
.inner-about .authorities{background: linear-gradient(0,#00a2e9,#006895);padding-top: 0px;padding-bottom: 0px;text-align: center;}
.inner-about .authorities .row > div{padding:0;}
.inner-about .authorities .comm-title{text-align: left;padding-top: 60px}
.inner-about .authorities .comm-title h1{color: #fff}
.inner-about .authorities .comm-title p{color: #fff;text-align: left;display: block;margin-top:20px;font-size: 16px;line-height: 24px;position: relative;padding-bottom: 50px;margin-bottom: 25px;width:80%}
.inner-about .authorities .comm-title p span{font-weight: 300;font-size: 18px;line-height: 24px;font-family: 'Barlow';}
.inner-about .authorities .comm-title p:before{position: absolute;bottom: 0;left: 0;font-size: 38px;color: #ccc}
.inner-about .authorities .authoritieslist{padding-top: 50px;font-size: 0;text-align: left;}
.inner-about .authorities li{display: inline-block;width: 60px;height:60px;text-align: center;border-radius: 50%;margin-right:2%;}
.inner-about .authorities li img{width: 70%;margin-top: 12px;display: inline-block;vertical-align: top}
.inner-about .authorities .cerlist img{width: 100%}
@media (max-width:1599px){
	.inner-about .classification dl{padding: 10px;}
	.inner-about .classification dl a{padding:30px;}
	.inner-about .classification dl dd{padding: 0px;padding-top: 15px}
}
@media (max-width:1399px){
	.inner-about .classification dl dd h1{font-size: 22px;}
	.inner-about .classification dl dd p{padding-top: 20px;}
	.inner-about .inner-intro > .row .intro .water{font-size: 250px;}
	.inner-about .inner-intro > .row .num-block{padding-top: 40px}
	.inner-about .inner-intro > .row .num-block dl dt{font-size: 45px;}
	.inner-about .inner-intro > .row .num-block dl dt sup{font-size: 18px;top: -17px}
}
@media (max-width:1199px){
	.inner-about .authorities .comm-title p{margin-top:0;}
	.inner-about .authorities .authoritieslist{padding-top: 20px}
	.inner-about .authorities .comm-title p span{font-size: 15px;line-height: 20px;}
	.inner-about .classification{padding-bottom: 60px;padding-top: 60px}
	.inner-about .authorities,.inner-about .culture{padding-top: 80px;padding-bottom: 80px;}
	.inner-about .authorities li{width: 50px;height:50px;}
	.inner-about .authorities li img{margin-top: 10px;}
	.inner-about .inner-intro > .row .intro{padding-top: 30px;}
	.inner-about .inner-intro > .row .intro h1{font-size: 22px;}
	.inner-about .inner-intro > .row .intro .water{font-size: 220px;}
	.inner-about .inner-intro > .row .num-block{padding-top: 30px}
	.inner-about .inner-intro > .row .num-block dl dt{font-size: 35px;}
	.inner-about .inner-intro > .row .num-block dl dt sup{font-size: 16px;top: -13px}
	.inner-about .culture dl dd{padding:30px}
	.inner-about .culture dl dd h1{font-size: 22px}
	.inner-about .culture dl dd i{font-size: 40px;}
	.inner-about .culture dl dd{padding:30px 20px}
	.inner-about .culture dl dd h1 p{font-size: 15px;}
}
@media (max-width:991px){
	.inner-about .authorities .authoritieslist{padding-top: 10px;padding-bottom: 40px}
	.inner-about .inner-intro > .row > div.comp-img{text-align: left;padding-top: 10px;margin-bottom: 0}
	.inner-about .comp-img img{width: 100%}
	.inner-about .inner-intro > .row .intro{padding-right: 0px;}
	.inner-about .inner-intro > .row .intro .water{font-size: 180px;}
	.inner-about .culture dl dd h1 p{font-size: 13px;}
	.inner-about .authorities .comm-title p{font-size: 14px;line-height: 18px;padding-bottom: 30px;margin-bottom: 25px;width:100%}
}
@media (max-width:767px){
	.inner-about .classification{padding-bottom:30px;padding-top: 30px}
	.inner-about .classification dl{padding: 0;display: block;margin-bottom: 20px}
	.inner-about .classification dl a{padding:20px;height:auto}
	.inner-about .classification dl dt{padding-top: 10px}
	.inner-about .classification dl dt i{font-size: 50px;}
	.inner-about .classification dl dd{padding:0;padding-bottom: 5px}
	.inner-about .classification dl dd h1{font-size: 20px;}
	.inner-about .classification dl dd p{padding-top: 10px;font-size: 14px;line-height:18px}
	.inner-about .authorities,.inner-about .culture{padding-top: 20px;padding-bottom: 20px;}
	.inner-about .culture{margin-bottom: 0}
	.inner-about .culture dl:nth-child(2n){padding-left: 0}	
	.inner-about .inner-intro > .row .intro{padding-top: 20px;}
	.inner-about .inner-intro > .row .intro h1{font-size: 18px;}
	.inner-about .inner-intro > .row .num-block{padding-top: 10px}
	.inner-about .culture dl dd{padding:20px}
	.inner-about .culture dl dd h1{font-size: 20px}
	.inner-about .culture dl dd i{font-size: 35px;}
	.inner-about .inner-intro > .row .intro .water{font-size: 140px;bottom: -15%}
	.inner-about .authorities .comm-title p{padding-left: 0}
	.inner-about .authorities .comm-title p span{font-size: 14px;line-height: 18px}
	.inner-about .inner-intro > .row > div.comp-img{padding-bottom: 0}
}
@media (max-width:576px){
	.inner-about{padding-top:0}
	.inner-about .inner-intro > .row .num-block dl{margin-right: 5%;min-width: 42%}
	.inner-about .inner-intro > .row .num-block dl dt{font-size: 30px;}
	.inner-about .inner-intro > .row .num-block dl dt sup{font-size: 14px;top: -10px}
}
.inner-about .team{border-bottom: 1px #eee solid;display: block;padding-bottom: 100px;}
.inner-about .team dl.row > dt,.inner-about .team dl.row > dd{padding: 0}
.inner-about .team dl.row > dt{position:relative;}
.inner-about .team dl.row > dt:after{content: '';position: absolute;right: 5%;bottom: -50px;width: 60%;height:80%;background: #00000005;z-index: -1}
.inner-about .team dl.row > dt img{width: 90%}
.inner-about .team dl.row > dd{display: table}
.inner-about .team dl.row > dd .vermidd{display: table-cell;vertical-align: middle;}
.inner-about .team dl.row > dd .vermidd .content{display: block;padding-top: 10px;font-size: 0}
.inner-about .team dl.row > dd .vermidd .content ul{display: block;margin-top: 30px}
.inner-about .team dl.row > dd .vermidd .content ul li{font-size: 18px;line-height: 24px;font-weight: 300;display: block;padding:0 15px}
.inner-about .team dl.row > dd .vermidd .content ul li:first-child{display: inline-block;color: #00a2e9;font-size: 22px;line-height:34px;font-weight: 400;border-radius: 6px;margin-bottom:10px;background: linear-gradient(90deg,#00a2e9,#006895);color: #fff;;}
.inner-about .team dl.row > dd .vermidd .content ul li:last-child{border-bottom: 1px #eee dotted;padding-bottom: 20px}
.inner-about .team dl.row > dd .vermidd .content ul:last-child li:last-child{border-bottom: none}
.inner-about .team dl.row > dd .vermidd .content dl{display: inline-block;margin-right:7%}
.inner-about .team dl.row > dd .vermidd .content dl:last-child{margin-right: 0;}
.inner-about .team dl.row > dd .vermidd .content dl dt{display: inline-block;}
.inner-about .team dl.row > dd .vermidd .content dl dt i{border-radius: 50%;font-size: 60px;color: #00a2e9;width: 90px;height: 90px;line-height: 82px; solid;display: inline-block;text-align: center;}
.inner-about .team dl.row > dd .vermidd .content dl dd{display: block;text-align: center;font-size: 13px;font-weight: 400;line-height: 17px;margin-top: 15px}
.inner-about .team dl.row{margin-top:120px}
.inner-about .team dl.row:nth-child(2n) {flex-direction: row-reverse;}
.inner-about .team dl.row:nth-child(2n) dt{text-align: right;}
.inner-about .team dl.row:nth-child(2n) dt:after{left: 5%;right: auto}
.inner-about .team dl.row > dd p{display: block;margin-top: 40px;font-size: 16px;line-height: 24px;position: relative;padding-bottom: 50px;margin-bottom: 25px}
.inner-about .team dl.row > dd p:before{position: absolute;bottom: 0;left: 0;font-size: 38px;color: #ccc}
.inner-about .team dl.row > dd p span{font-weight: 300;font-size: 18px;line-height: 24px;font-family: 'Barlow'}
@media (max-width:1199px){
	.inner-about .team{padding-bottom: 80px}
	.inner-about .team dl.row{margin-top:80px}
	.inner-about .team dl.row > dd .vermidd .content ul li:first-child{font-size: 20px;line-height:28px;}
	.inner-about .team dl.row > dd .vermidd .content ul li{font-size: 15px;line-height: 20px;}
	.inner-about .team dl.row > dd p{line-height: 20px}
	.inner-about .team dl.row > dd p span{font-size: 15px;line-height: 20px}
}
@media (max-width:767px){
	.inner-about .team dl.row{margin-top:30px}
	.inner-about .team{padding-bottom: 30px}
	.inner-about .team dl.row > dd .vermidd{padding-top: 20px}
	.inner-about .team dl.row > dd .vermidd .content ul{margin-top: 20px}
	.inner-about .team dl.row > dd .vermidd .content ul li:first-child{font-size:16px;}
	.inner-about .team dl.row > dd .vermidd .content ul li{font-size: 14px;line-height: 18px;}
	.inner-about .team dl.row > dd .vermidd .content ul li:last-child{border-bottom: none;padding-bottom: 0}
	.inner-about .team dl.row > dd .vermidd .content ul:last-child{margin-bottom: 20px}
	.inner-about .team dl.row > dt img{width: 100%}
	.inner-about .team dl.row > dt:after{right:-2%;bottom: -40px;}
	.inner-about .team dl.row:nth-child(2n) > dt:after{left: -2%;}
	.inner-about .team dl.row:nth-child(2n) {margin-top:25px;}
	.inner-about .team dl.row:nth-child(2n) > dt{text-align: left;}
	.inner-about .team dl.row > dd p span{font-size: 14px;line-height: 18px;}
	.inner-about .team dl.row > dd .vermidd .content dl{margin-right:5%}
	.inner-about .team dl.row > dd .vermidd .content dl dt i{font-size: 40px;color: #00a2e9;width: 73px;height:73px;line-height: 68px;border:3px #f5e0cc solid;}
	.inner-about .team dl.row > dd .vermidd .content dl dd{font-size: 12px;line-height: 15px;margin-top: 10px}
	.inner-about .team dl.row{margin-top:10px}
}
.inner-about .partners{padding-top:100px;padding-bottom: 100px;background:url(../images/parnterbg.webp) no-repeat center center;background-size:100% auto}
.inner-about .partners .row{padding-top: 50px;}
.inner-about .partners .row > div{padding:8px 25px;}
.inner-about .partners .row > div p{box-shadow:0px 3px 15px 0px rgba(161, 163, 175, 0.3);display: block;border-radius: 15px;background:#fff}
.inner-about .partners .row > div img{width: 100%}
@media (max-width:1199px){
	.inner-about .partners{padding-top:60px;padding-bottom: 60px;}
	.inner-about .partners .row{padding-top: 40px;}
	.inner-about .partners .row > div{padding:8px 15px;}
}
@media (max-width:991px){
	.inner-about .partners .row{padding-top: 20px;padding-bottom: 20px}
	.inner-about .partners{padding-top:40px;}
	.inner-about .partners .row > div{padding:0 8px;}
}
.inner-about .globalization{background:#f8f8f8;padding-top:100px;padding-bottom: 100px;}
.inner-about .globalization .content {padding:10px 25px;}
.inner-about .globalization .content .layout{display: block;padding-top: 50px;padding-bottom: 50px;font-size: 0}
.inner-about .globalization .content .layout dl{width: 31%;margin-right:3.5%;background:#fff;display: inline-block;vertical-align: top;padding:30px;box-shadow: 0px 3px 20px 0px rgba(161, 163, 175, 0.3);border-radius: 15px;}
.inner-about .globalization .content .layout dl:last-child{margin-right:0;}
.inner-about .globalization .content .layout dl dt{display: block;text-align: center;}
.inner-about .globalization .content .layout dl dt img{width: 45%}
.inner-about .globalization .content .layout dl dd {display: block;position: relative;}
.inner-about .globalization .content .layout dl dd em{font-weight: 600;font-size: 60px;color: #00a2e9;display: inline-block;vertical-align: top;line-height: 60px}
.inner-about .globalization .content .layout dl dd em sup{font-weight:500;font-size: 30px;top: -25px}
.inner-about .globalization .content .layout dl dd p{display: inline-block;width: 75%;padding-left: 10px;font-weight: 600;color: #333;font-size: 20px;line-height: 22px;vertical-align: top;margin-top: 12px}
.inner-about .globalization .content .layout dl dd i{position: absolute;right: 0;bottom: 15px;color: #cb630090;font-weight: 400;font-size: 16px}
.inner-about .globalization .content > p{display: block;font-size:17px;line-height: 24px;}
@media (max-width:1640px){
	.inner-about .globalization .content .layout dl dt img{width: 40%}
	.inner-about .globalization .content .layout dl dd em{font-size: 50px;line-height: 50px}
	.inner-about .globalization .content .layout dl dd em sup{font-size: 25px;top: -20px}
	.inner-about .globalization .content .layout dl dd p{width:80%;margin-top: 6px;padding-left: 6px;}
}
@media (max-width:1550px){
	.inner-about .globalization .content .layout dl{width: 32%;margin-right:2%}
	.inner-about .globalization .content .layout dl dd p{width:75%;min-height: 66px}
}
@media (max-width:1199px){
	.inner-about .globalization{padding-top:60px;padding-bottom:60px;}
	.inner-about .globalization .content .layout dl{text-align: center;}
	.inner-about .globalization .content .layout dl dd em{font-size: 40px;line-height: 40px;}
	.inner-about .globalization .content .layout dl dd em sup{font-size: 20px;top: -15px}
	.inner-about .globalization .content .layout dl dd p{width:100%;min-height: 66px;padding-left: 0}
	.inner-about .globalization .content .layout dl dd i{right: auto;bottom: 0;left: 0;font-size: 14px;width: 100%;text-align: center;}
}
@media (max-width:991px){
	.inner-about .globalization{padding-top:20px;padding-bottom:20px;}
	.inner-about .globalization .content .layout{padding-top: 20px;padding-bottom: 20px;}
	.inner-about .globalization .content .layout dl{padding:20px;}
	.inner-about .globalization .content .layout dl dd p{font-weight: 400;font-size: 15px;line-height: 18px;min-height: 54px}
	.inner-about .globalization .content .layout dl dd i{font-size: 13px}
	.inner-about .globalization .content > p{display: block;font-size:14px;line-height:20px;}
}
@media (max-width:767px){
	.inner-about .globalization .content .layout dl{width: 100%;margin-right:0;margin-bottom:30px}
	.inner-about .globalization .content {padding:10px 8px}
}
.inner-prut{padding-top: 80px;position: relative;}
.inner-prut:after{content: '';position: absolute;right: 1%;top:3%;background: url(../images/prut_tri_bg.svg) no-repeat;width: 25%;height:50%;background-size: 100% auto;z-index: -1;opacity: 0.03;}
.inner-prut .prut-cate {padding-top: 50px}
.inner-prut .prut-cate .comm-title h1 span{font-size: 25px;display: block;font-weight: 400}
.inner-prut .prut-cate dl.row dt,.inner-prut .prut-cate dl.row dd{padding: 0}
.inner-prut .prut-cate dl.row dd{padding-left: 5%;padding-right: 8%;font-size: 18px;}
.inner-prut .prut-cate dl.row dd p{margin-top:70px;display: block;margin-bottom: 50px}
.inner-prut .prut-cate dl.row dd .childmenu{display: block;padding-bottom: 50px}
.inner-prut .prut-cate dl.row dd .childmenu a{display: inline-block;padding:8px 30px;border:1px #ccc dotted;font-size: 16px;margin-right: 8px}
.inner-prut .prut-cate dl.row dd .childmenu a:hover,.inner-prut .prut-cate dl.row dd .childmenu a.this{background: #00a2e9;color: #fff;border-color: #00a2e9}
.inner-prut .prut-cate dl.row dd i{display: inline-block;-webkit-animation: rotateplane 1.2s infinite ease-in-out;animation: rotateplane 1.2s infinite ease-in-out;font-size: 28px}
.inner-prut .prut-cate dl.row dt{background:linear-gradient(135deg, #00a2e9,#10B7F4);}
.inner-prut .prut-cate dl.row dt span{display: block;height:100%;background:url(../images/prut_bg.svg) no-repeat left top;background-size: auto 100%;text-align: center;padding-top: 70px}
.inner-prut .prut-cate dl.row dt span img{max-width: 80%}
@media (max-width:1199px){
	.inner-prut{padding-top: 50px;}
	.inner-prut .prut-cate dl.row dd{padding-left: 4%;padding-right: 4%;}
	.inner-prut .prut-cate dl.row dd p{margin-top:40px;display: block;margin-bottom: 30px;font-size: 15px}
	.inner-prut .prut-cate .comm-title h1 span{font-size: 20px;}
	.inner-about .team dl.row dd p{font-size: 15px;margin-top: 6%;}
	.inner-prut .prut-cate dl.row dd .childmenu{padding-bottom: 30px}
	.inner-prut .prut-cate dl.row dd i{font-size: 20px}
	.inner-prut .prut-cate dl.row dd .childmenu a{font-size: 15px;}
}
@media (max-width:767px){
	.inner-prut:after{top:1%;width: 40%;}
	.inner-prut{padding-top: 30px;}
	.inner-prut .prut-cate .comm-title h1 span{font-size: 17px;}
	.inner-about .team dl.row dd p{font-size: 13px;line-height: 20px;margin-top: 4%;}
	.inner-prut .prut-cate dl.row dd .childmenu a{font-size: 14px;}
}
.prut-list{padding-top: 80px;padding-bottom: 80px;margin-top:100px;background: #f7f7f7;}
.prut-list .row{padding-top: 50px;}
.prut-list .row dl{padding: 0;padding-right: 20px;margin-bottom: 60px;}
.prut-list .row dl:nth-child(2n){padding-left: 20px;padding-right: 0}
.prut-list .row dl a{background: #fff;box-shadow: 0px 3px 15px 0px rgba(161, 163, 175, 0.3);padding:40px;position: relative;overflow: hidden;flex-direction: row-reverse}
.prut-list .row dl a:after,.prut-list .row dl a:before{content: '';position: absolute;top: 0;height: 100%;width: 100%;right: -62%;-webkit-transform: skew(148deg);-o-transform: skew(148deg);transform: skew(148deg);z-index: 1;background: #00a2e9;transition: all .2s;}
.prut-list .row dl a:before{background: #10B7F4;right: -55%;-webkit-transform: skew(160deg);-o-transform: skew(160deg);transform: skew(160deg);}
.prut-list .row dl a:hover:after{/*right: -55%;background: #f61d1c;opacity: 1;*/}
.prut-list .row dl a:hover:before{/*right: -48%;background: #fe551a;opacity: 1;*/}
.prut-list .row dl a dt{overflow: hidden;padding: 0;position: relative;z-index: 10;text-align: center;;top:38px}
.prut-list .row dl a dt img{width: 100%;transition: all .3s}
.prut-list .row dl a dt h2{color: #fff;font-size: 20px;}
.prut-list .row dl a:hover dt img{transform: scale(1.04);}
.prut-list .row dl a dd{padding-right: 10%;padding-top: 30px}
.prut-list .row dl a dd h1{font-size: 30px;padding-bottom: 15px;font-weight: 400}
.prut-list .row dl a dd h2{font-size: 18px;font-weight: 300;padding-bottom: 24px;position: relative;}
.prut-list .row dl a dd h2:after,.prut-list .row dl a dd h2:before{content: '';position: absolute;left: 0;bottom:0;width: 80%;height:1px;background: #00000010}
.prut-list .row dl a dd h2:before{background: #00a2e9;height:2px;width: 50px;transition: all .2s}
.prut-list .row dl a:hover dd h2:before{width: 80%}
.prut-list .row dl a dd h3{display: block;padding-top: 30px;font-size: 18px;font-weight: 400}
.prut-list .row dl a dd p{display: block;margin-top: 40px;font-size: 16px;margin-bottom: 35px}
.prut-list .row dl a dd i{font-size: 12px;color: #aaa}
.prut-list .row dl a:hover dd i{color: #333}
@media (max-width:1399px){
	.prut-list .row dl a dd{padding-left: 0;padding-top: 20px}
	.prut-list .row dl a dd h1{font-size: 26px;}
	.prut-list .row dl a dd h2{font-size: 16px}
	.prut-list .row dl a dd p{font-size: 15px;margin-top: 30px;margin-bottom: 30px}
}
@media (max-width:1199px){
	.prut-list{padding-top: 50px;padding-bottom: 50px;margin-top:50px;}
	.inner-prut .prut-cate dl.row dt span img{width: 60%}
	.prut-list .row dl a dd h1{font-size: 24px;margin-top:20px;}
	.prut-list .row dl a dt{text-align: left}
	.prut-list .row dl a dt img{width: 60%;}
	.prut-list .row dl a:before{right: -75%;}
	.prut-list .row dl a:after{right: -95%;}
	.prut-list .row dl a{padding:30px;}
	.prut-list .row dl a dt h2{color: #333;font-size: 18px;}
}
@media (max-width:767px){
	.prut-list{padding-top: 20px;padding-bottom: 30px;margin-top:30px;}
	.prut-list .row dl,.prut-list .row dl:nth-child(2n){padding: 0;margin-bottom: 40px;}
	.prut-list .row dl a:before{right: -80%;}
	.prut-list .row dl a:after{right: -100%;}
	.prut-list .row dl a dt img{width: 70%;}
	.prut-list .row dl a dd{padding-left: 0;padding-top: 0}
	.prut-list .row dl a dd h1{font-size: 20px;}
	.prut-list .row dl a dd h2{font-size: 15px;padding-bottom: 18px;}
	.prut-list .row dl a dd p{margin-top:30px;font-size: 14px;margin-bottom: 25px}
}
.inner-prutdetail{}
.inner-prutdetail dl.prut-intro{position: relative;overflow: hidden;background:linear-gradient(135deg, #132a55,#172039);flex-direction: row-reverse;height:100vh;}
.inner-prutdetail dl.prut-intro:after{content: '';background:url(../images/prut_bg2.svg) no-repeat left top;background-size:cover;position:absolute;right:0;top: 0;height:100%;width: 100%}
.inner-prutdetail dl.prut-intro dt img{width: 600px}
.inner-prutdetail dl.prut-intro dt .swiper-container{position: inherit;}
.inner-prutdetail dl.prut-intro dt .swiper-button-next,.inner-prutdetail dl.prut-intro dt .swiper-button-prev{color: #fff;background: #ffffff10;opacity:0.8;left: 23.5%;bottom: 14vh;top: auto;width: 45px;height:45px;border-radius: 50%;transition: all .3s}
.inner-prutdetail dl.prut-intro dt .swiper-button-next:hover,.inner-prutdetail dl.prut-intro dt .swiper-button-prev:hover{background:#00a2e9}
.inner-prutdetail dl.prut-intro dt .swiper-button-prev{left: 18%}
.inner-prutdetail dl.prut-intro dt .swiper-button-next:after,.inner-prutdetail dl.prut-intro dt .swiper-button-prev:after{font-size: 16px}
.inner-prutdetail dl.prut-intro dd {padding-left: 260px;position: relative;z-index: 8;padding-top: 40px}
.inner-prutdetail dl.prut-intro dd h1{color: #fff;font-size: 20px;font-weight: 300;padding-bottom: 30px}
.inner-prutdetail dl.prut-intro dd h2{color: #00a2e9;font-size:60px;font-weight: 600;}
.inner-prutdetail dl.prut-intro dd p{color:#00a2e9;font-size: 16px;display: block;}
.inner-prutdetail dl.prut-intro dd .block{display: block;width: 100%;font-size: 0;padding-top:40px}
.inner-prutdetail dl.prut-intro dd .block li{color: #fff;border-bottom: 1px #ffffff10 solid;width: 48%;display: inline-block;font-size: 16px;line-height: 28px;margin-bottom: 30px;margin-right:4%;padding-bottom: 10px;position: relative;}
.inner-prutdetail dl.prut-intro dd .block li:nth-child(2n){margin-right: 0}
.inner-prutdetail dl.prut-intro dd .block li:after{content: '';left: 0;bottom: 0;width: 15px;height:1px;background:#00a2e9;position: absolute;transition: all .2s}
.inner-prutdetail dl.prut-intro dd .block li:hover:after{width: 100%}
.inner-prutdetail dl.prut-intro dd .block li span{color: #ffffff80;display: block;}
.inner-prutdetail dl.prut-intro dd .download{display: block;padding-top: 40px}
.inner-prutdetail dl.prut-intro dd .download a{border:1px #ffffffa0 solid;padding:0 30px;font-size: 16px;color: #fff;border-radius:50px;line-height:40px;display: inline-block;margin-right:10px;margin-bottom: 10px}
.inner-prutdetail dl.prut-intro dd .download a:last-child{margin-right:0}
.inner-prutdetail dl.prut-intro dd .download a i{padding-right: 30px;position:relative;display: inline-block;line-height: 40px;}
.inner-prutdetail dl.prut-intro dd .download a i:after{content: '';background: #ffffff20;position: absolute;right:14px;height:14px;width:1px;top: 14px}
.inner-prutdetail dl.prut-intro dd .download a:hover{background: #00a2e9;border-color: #00a2e9}
.inner-prutdetail dl.prut-intro dd .download a:hover i:after{background: #ffffff40}
@media (max-width:1699px){
	.inner-prutdetail dl.prut-intro dd h2{font-size: 50px}
	.inner-prutdetail dl.prut-intro dt .swiper-button-next{left:26%}
}
@media (max-width:1599px){
	.inner-prutdetail dl.prut-intro dd h2{font-size: 45px}
}
@media (max-width:1499px){
	.inner-prutdetail dl.prut-intro dd {padding-left: 5%;padding-right: 0}
}
@media (max-width:1399px){
	.inner-prutdetail dl.prut-intro dt .swiper-button-next{left:28%}
}
@media (max-width:1199px){
	.inner-prutdetail dl.prut-intro dd h2{font-size: 35px}
	.inner-prutdetail dl.prut-intro dd .block{padding-top:30px}
	.inner-prutdetail dl.prut-intro dt img{width: 500px}
}
@media (max-width:991px){
	.inner-prutdetail dl.prut-intro dt img{width: 400px}
	.inner-prutdetail dl.prut-intro dt .swiper-button-next{left:50%;}
	.inner-prutdetail dl.prut-intro dt .swiper-button-prev{left:50%;margin-left:-60px}
	.inner-prutdetail dl.prut-intro dt .swiper-button-next,.inner-prutdetail dl.prut-intro dt .swiper-button-prev{bottom: 20vh}
	.inner-prutdetail dl.prut-intro dd .download a{padding:0 25px;font-size: 14px;line-height:32px;}
	.inner-prutdetail dl.prut-intro dd .download a i{padding-right: 25px;line-height: 32px;}
	.inner-prutdetail dl.prut-intro dd .download a i:after{right:12px;height:12px;top: 12px}
}
@media (max-width:767px){
	.inner-prutdetail dl.prut-intro{height:auto;padding-top: 50px}
	.inner-prutdetail dl.prut-intro dt .table,.inner-prutdetail dl.prut-intro dt .vermidd{display: block;}
	.inner-prutdetail dl.prut-intro dt img{width: 100%}
	.inner-prutdetail dl.prut-intro dt .swiper-button-next,.inner-prutdetail dl.prut-intro dt .swiper-button-prev{bottom: 0}
	.inner-prutdetail dl.prut-intro dd {padding:50px 3%;}
	.inner-prutdetail dl.prut-intro dd .download{padding-top: 20px}
	.inner-prutdetail dl.prut-intro dd h2{font-size: 25px}
	.inner-prutdetail dl.prut-intro dd .block{padding-top:20px}
	.inner-prutdetail dl.prut-intro dd .download a{padding:0 20px;font-size: 13px;line-height:28px;}
	.inner-prutdetail dl.prut-intro dd .download a i{line-height:28px;}
	.inner-prutdetail dl.prut-intro dd .download a i:after{right:10px;height:10px;top: 10px}
}
@media (max-width:576px){
	.inner-prutdetail dl.prut-intro dt img{width: 100%}
}
.prut-proile{padding-top: 100px;background: #fcfcfc;}
.prut-proile .row{padding-top: 50px;padding-bottom: 30px;}
.prut-proile .row > dl{padding: 0;font-size: 0;}
.prut-proile .row > dl dt{width: 15%;font-size: 105px;color: #00a2e9;display: inline-block;vertical-align: top}
.prut-proile .row > dl dd{width: 75%;font-size: 14px;display: inline-block;vertical-align: top;padding-top:30px;}
.prut-proile .row > dl dd h2{font-size: 22px;padding-bottom: 10px}
.prut-proile .row > dl dd p{display: block;font-size: 16px}
@media (max-width:1499px){
	.prut-proile .row > dl dt{width: 20%;}
}
@media (max-width:1199px){
	.prut-proile{padding-top:60px;}
	.prut-proile .row > dl dt{font-size: 85px;width: 23%}
	.prut-proile .row > dl dd{padding-top:20px;}
	.prut-proile .row > dl dd h2{font-size: 20px;padding-bottom:5px}
	.prut-proile .row > dl dd p{font-size: 15px;line-height: 20px}
}
@media (max-width:767px){
	.prut-proile{padding-top: 30px;}
	.prut-proile .row{padding-top:30px;}
	.prut-proile .row > dl dt{font-size: 70px;width: 15%}
	.prut-proile .row > dl dd{width: 85%;}
	.prut-proile .row > dl dd h2{font-size: 17px;padding-bottom:3px}
	.prut-proile .row > dl dd p{font-size: 13px;line-height: 18px}
}
@media (max-width:576px){
	.prut-proile .row > dl dt{width: 20%}
	.prut-proile .row > dl dd{width: 80%;}
}
.prut-parameter{padding-top: 100px;}
.prut-parameter > .row{padding-top: 50px}
.prut-parameter > .row dl{padding:0;padding-right: 2.5%}
.prut-parameter > .row dl:nth-child(2n){padding-left: 2.5%;padding-right: 0}
.prut-parameter > .row dl span{background: #fcfcfc;display: block;height:100%;padding:60px 50px;padding-top: 80px}
.prut-parameter > .row dl dt h1{font-size: 30px;padding-bottom: 20px;position: relative;color: #00a2e9;font-weight: 400;text-transform:uppercase}
.prut-parameter > .row dl dt h1:after{content: '';position: absolute;left: 0;bottom: 0;width: 40px;height:2px;background: #00a2e9}
.prut-parameter > .row dl dt {}
.prut-parameter > .row dl dd{display: block;padding-top: 50px}
.prut-parameter > .row dl dd img{width: 100%}
.prut-parameter > .row dl dd ul{display: block;}
.prut-parameter > .row dl dd ul li{line-height: 30px;font-size: 16px;position: relative;padding-left: 18px}
.prut-parameter > .row dl dd ul li:after{content: '';position: absolute;left: 0;top: 10px;width: 8px;height:8px;border-radius: 50%;background: #00a2e9}
.prut-parameter > .row dl dd .ce,.prut-parameter > .row dl dd .ceimg{padding-top: 40px}
.prut-parameter > .row dl dd .ce img{width: 60%}
.prut-parameter > .row dl dd .ce.celist img{width:70px;display:inline-block;vertical-align:top;margin-right:10px}
.prut-parameter > .row dl dd .ce.celist img:last-child{margin-right:0}
.prut-parameter > .row dl dd .ceimg img{max-width: 80%}
.prut-parameter > .row .performance > div{padding: 0;}
.prut-parameter > .row .performance > div:first-child{padding-right:3%;font-size:18px;font-weight: 400;line-height:40px;padding-bottom: 20px;}
.prut-parameter > .row .performance > div b{font-size: 20px;font-weight: 500;line-height:34px;color:#fff;width:70px;text-align:center;display:inline-block;background:#00a2e9;margin-bottom:8px;border-radius:5px;margin-right:10px}
.prut-parameter > .row .performance > div img{width: 70%;}
.prut-parameter > .row dl dd p{padding-top:20px;display:block}
@media (max-width:1199px){
	.prut-parameter{padding-top: 60px;}
	.prut-parameter > .row{padding-top: 40px}
	.prut-parameter > .row dl span{padding:30px;padding-top: 40px}
	.prut-parameter > .row dl dt h1{font-size: 25px;}
	.prut-parameter > .row dl dd{padding-top: 40px}
	.prut-parameter > .row dl dd ul li{font-size: 15px;line-height: 20px}
	.prut-parameter > .row dl dd .ce,.prut-parameter > .row dl dd .ceimg{padding-top: 30px}
}
@media (max-width:767px){
	.prut-parameter{padding-top: 30px;}
	.prut-parameter > .row{padding-top:10px}
	.prut-parameter > .row dl{padding:0;margin-bottom: 20px}
	.prut-parameter > .row dl:nth-child(2n){padding-left:0}
	.prut-parameter > .row dl span{padding:15px 4%;padding-top: 25px}
	.prut-parameter > .row dl dd{padding-top: 30px}
	.prut-parameter > .row dl dt h1{font-size: 20px;}
	.prut-parameter > .row dl dd ul li{font-size: 13px;line-height: 18px;padding-left: 12px}
	.prut-parameter > .row dl dd ul li:after{top: 5px;width: 6px;height:6px;}
	.prut-parameter > .row dl dd .ce,.prut-parameter > .row dl dd .ceimg{padding-top: 20px}
	.prut-parameter > .row dl dd .ce img{width: 100%}
	.prut-parameter > .row dl dd .ce.celist img{width: 45px}
    .prut-parameter > .row .performance > div:first-child{font-size:13px;line-height:28px;padding-bottom: 8px;}
    .prut-parameter > .row .performance > div b{font-size: 17px;width:60px;margin-right:5px}
    .prut-parameter > .row .performance > div img{width: 100%;}
}
.same-product{padding-top: 80px}
.same-product .product-list{background: #142952;padding-top: 100px;padding-bottom: 100px;margin-top:50px;}
.same-product .product-list .other-prut{background: #fff}
.same-product .product-list dl{position: relative;}
.same-product .product-list dl:after{content: '';position: absolute;background: #e1e4e9;width: 1px;height:100%;right:0;top: 0;z-index: 5;overflow: hidden;}
.same-product .product-list dl a{display: block;padding:30px 60px;background: #fff}
.same-product .product-list dl a dt{display: block;overflow: hidden;text-align: center;padding: 20px}
.same-product .product-list dl a dt img{width: 80%;transition: all .3s}
.same-product .product-list dl a:hover dt img{transform: scale(1.08);}
.same-product .product-list dl a dd{display: block;padding-top:30px;text-align: center;}
.same-product .product-list dl a dd h1{font-size: 25px;font-weight: 400}
.same-product .product-list dl a dd p{display: block;margin-top: 20px;height:60px;line-height: 20px;overflow: hidden;}
.same-product .product-list dl a dd i{font-size: 35px}
.same-product .product-list dl a:hover dd h1,.same-product .product-list dl a:hover dd i{color: #00a2e9}
.same-product .product-list .swiper-button-next,.same-product .product-list .swiper-button-prev{opacity: 1;}
.same-product .product-list .swiper-button-next:after,.same-product .product-list .swiper-button-prev:after{font-size: 18px;}
@media (max-width:1199px){
	.same-product{padding-top:40px}
	.same-product .product-list{padding-top: 70px;padding-bottom: 70px}
}
@media (max-width:767px){
	.same-product{padding-top:10px}
	.same-product .product-list{padding: 40px 5%}
	.same-product .product-list dl a dt{padding: 0px}
	.same-product .product-list dl a dd{padding-top: 10px}
	.same-product .product-list dl a dd h1{font-size: 20px;}
	.same-product .product-list dl a dd p{font-size: 13px;height:auto;}
}
.inner-news-list{padding-bottom:80px;border-bottom: 1px #eee solid}
.inner-news-list .row{padding-top:50px}
.inner-news-list dl{display: block;margin-bottom: 50px;width: 100%}
.inner-news-list dl a{display: block;box-shadow: 0px 3px 20px 0px rgb(10 25 50 / 5%);overflow: hidden;font-size: 0}
.inner-news-list dl a:hover{box-shadow: 0px 3px 30px 0px rgb(10 25 50 / 20%);}
.inner-news-list dl a dt{overflow: hidden;width: 30%;background: #000;position: relative;display: inline-block}
.inner-news-list dl a dt i{width: 40px;height: 40px;text-align: center;font-size: 30px;line-height: 40px;display:block;position:absolute;left: 50%;margin-left: -20px;top: 60%;margin-top: -20px;opacity: 0;transition: all .2s;color:rgba(255,255,255,.6);}
.inner-news-list dl a dt img{width: 100%;opacity:0.8;transition: all .2s;}
.inner-news-list dl a:hover dt img{transform:scale(1.1);opacity:1;}
.inner-news-list dl a:hover dt i{top: 50%;opacity: 1;}
.inner-news-list dl a dd{width: 70%;padding:3% 5% 0 5%;display: inline-block;vertical-align: top}
.inner-news-list dl a dd span{color:#444;font-size:14px;margin-top:20px;line-height: 20px;display: block;opacity: 0.7;}
.inner-news-list dl a dd span i{font-size: 16px;line-height: 20px;vertical-align: bottom;margin-right:5px;}
.inner-news-list dl a dd h1{font-size:25px;margin-top: 10px;line-height: 32px;height: 32px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 400}
.inner-news-list dl a:hover dd h1{color: #ed7119}
.inner-news-list dl a dd p{margin-top:30px;font-size: 15px;line-height: 22px;min-height: 44px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;opacity: 0.4;}
.inner-news-list dl a dd h3{margin-top: 30px;overflow: hidden;position: relative;display: block;height:50px;width: 100%}
.inner-news-list dl a dd h3 i{line-height: 20px;vertical-align: text-top;transition: all .2s;font-size:16px;color: #999;position: absolute;left: -20px;bottom: 20px;transition: all .2s;}
.inner-news-list dl a:hover dd h3 i{color: #ed7119;left: 0}
.inner-news-list.exhibition-list dl{padding: 25px}
.inner-news-list.exhibition-list dl a dt{text-align: center;background: #fff;border-bottom: 1px #f8f8f8 solid;width: 100%}
.inner-news-list.exhibition-list dl a dt img{width: 80%;}
.inner-news-list.exhibition-list dl a > h1{background: #00a2e9;color: #fff;padding: 15px;font-weight: 400;font-size: 20px}
.inner-news-list.exhibition-list dl a dd{width: 100%}
.inner-news-list.exhibition-list dl a dd p{min-height: 75px;-webkit-line-clamp: 3;opacity: 0.8;font-weight: 300;margin-top:15px;line-height: 25px;}
.inner-news-list.exhibition-list dl a dd p b{color: #00a2e9;font-weight: 300;padding-right: 8px}
.inner-news-list.exhibition-list dl a dd h3{margin-top: 10px}
@media (max-width:1199px){
	.inner-news-list dl a dd{width: 70%;padding:2% 4% 0 4%;}
	.inner-news-list dl a dd h1{font-size:22px;}
	.inner-news-list dl a dd p{margin-top:20px;}
}
@media (max-width:767px){
	.inner-news-list dl a dt{width: 40%;}
	.inner-news-list dl a dd{width: 60%;}
	.inner-news-list dl a dd h1{font-size:18px;}
	.inner-news-list dl a dd p{margin-top:10px;font-size: 13px}
	.inner-news-list dl a dd h3{margin-top: 10px;height:30px}
}
@media (max-width:576px){
	.inner-news-list dl a dt{width: 100%;}
	.inner-news-list dl a dd{width: 100%;}
}
.inner-factory dl a dd{text-align: center;}
.inner-factory .whythailand{display: block;padding-top: 20px;}
.inner-factory .whythailand .row:first-child{padding-top: 50px}
.inner-factory .whythailand .row > div{padding:60px;background:#f8f8f8;}
.inner-factory .whythailand .row > div.text{background:#fff;}
.inner-factory .whythailand .row > div .video{position: relative;}
.inner-factory .whythailand .row > div .video i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 50px;background: #ffffff40;border-radius: 50%;width: 80px;height: 80px;line-height:76px;text-align: center;display: inline-block;border:2px #fff solid;color: #fff;cursor: pointer;transition: all .3s}
.inner-factory .whythailand .row > div .video i:hover{background:#00a2e940;}
.inner-factory .whythailand p{display: block;font-size: 18px;line-height: 24px;font-weight: 300;padding:0;position: relative;}
.inner-factory .whythailand img{width: 100%;}
.inner-factory .whythailand p.img{width: 100%}
.inner-factory .whythailand p.img:after{content:'';position: absolute;background: #f8f8f8;z-index: -1;max-width: 100%;width: 80%;height:90%;bottom: -45px;left:15%;display: none}
.inner-factory .whythailand p b{font-size: 35px;display: block;font-weight: 500;margin-top: 40px;margin-bottom:20px}
.inner-factory .whythailand .spec-list{font-size: 0}
.inner-factory .whythailand .spec-list dl{display: inline-block;width: 23.5%;margin-right:2%;text-align: center;margin-bottom: 20px;margin-top: 20px;vertical-align: top}
.inner-factory .whythailand .spec-list dl:nth-child(4n){margin-right:0}
.inner-factory .whythailand .spec-list dl dt{display: block;margin-bottom: 20px}
.inner-factory .whythailand .spec-list dl dt i{font-size: 65px;color: #00a2e9}
.inner-factory .whythailand .spec-list dl dd{font-size: 18px;font-weight: 500;line-height: 24px}
.inner-factory .factorybuild{padding-top: 120px;padding-bottom: 100px;background:url(../images/factory_bg.webp) no-repeat center center fixed;background-size: cover}
.inner-factory .factorybuild .comm-title{margin-bottom: 60px}
.inner-factory .factorybuild .comm-title h1{color: #06427E}
.inner-factory .factorybuild .content{display: block;text-align: center;padding-top: 30px}
.inner-factory .factorybuild .content .icon-list{display: block;font-size: 0;padding:0 15%;margin-bottom:60px;}
.inner-factory .factorybuild .content .icon-list dl{display: inline-block;width: 23.5%;margin-right:2%;text-align: center;}
.inner-factory .factorybuild .content .icon-list dl:last-child{margin-right:0}
.inner-factory .factorybuild .content .icon-list dl dt{display: block;position: relative}
.inner-factory .factorybuild .content .icon-list dl dt:after{content:'';position: absolute;right: -18%;top: 50%;transform: translateY(-50%);background:url(../images/arr.svg) no-repeat right center;background-size: 100% auto;width: 70px;height: 20px;display: block;}
.inner-factory .factorybuild .content .icon-list dl:last-child dt:after{display: none}
.inner-factory .factorybuild .content .icon-list dl dt i{font-size: 55px;color: #fff;width: 120px;height: 120px;background: #fff;display: inline-block;border-radius: 50%;line-height: 120px;box-shadow: 0px 0 30px 0px rgba(255, 255, 255, 0.9); }
.inner-factory .factorybuild .content .icon-list dl dd{display: block;font-size: 20px;color: #0078B7;font-weight: 400;margin-top: 30px}
.inner-factory .factorybuild .content p{color: #fff;font-size: 18px;line-height: 24px;font-weight: 300;padding: 0 10%}
.inner-factory.history{background: url(../images/layout_bg.jpg) no-repeat center bottom;background-size: cover;}
.inner-factory.history .linelayout{padding-top: 0}
.inner-factory .linelayout{padding-top: 150px;padding-bottom: 100px;}
.inner-factory .linelayout dl{font-size: 30px;padding-left:50px;}
.inner-factory .linelayout dl dt{display: block}
.inner-factory .linelayout dl dt i{font-size: 40px;color:#00A2E9;position: relative;display: block;padding-bottom: 10px}
.inner-factory .linelayout dl dt i:after{content:'';border:2px #00A2E9 solid;width: 14px;height: 14px;border-radius: 50%;left: 13px;bottom: -8px;display: inline-block;background: #fff;position: absolute;z-index: 10;}
.inner-factory .linelayout dl dt h1{font-size:40px;font-weight:600;position: relative;padding-top: 40px;padding-left: 10px;}
.inner-factory .linelayout dl dt h1:before{content:'';position: absolute;top: 0;left: 0;width:200%;background: #333;height: 2px}
.inner-factory .linelayout dl dd{width: 90%;display: block;font-size: 16px;line-height: 30px;padding-left: 10px;margin-top:10px;}
.inner-factory .linelayout .whythailand > p{text-align: center;margin-bottom: 50px;font-size: 18px;padding:0 15%}
.inner-factory .linelayout dl dd p{display: block;position: relative;width: 100%;padding: 0;margin:0;line-height: 22px;font-size: 16px;font-weight: 300;margin-bottom: 10px;padding-left: 10px}
.inner-factory .linelayout dl dd p:after{content: '';background:#ed7119;width: 4px;height: 4px;display:block;top: 10px;left: 0;position:absolute;}
.inner-factory .linelayout .swiper-button-next,.inner-factory .linelayout .swiper-button-prev{opacity: 1;width: 40px;height:40px;border-radius: 50%;background: #fff;border: 1px #00A2E9 solid}
.inner-factory .linelayout .swiper-button-next:after,.inner-factory .linelayout .swiper-button-prev:after{font-size: 18px;color: #00A2E9;}
.inner-factory .linelayout .swiper-button-next,.inner-factory .linelayout .swiper-button-prev{top: 52px;}
.inner-factory .linelayout .swiper-button-next{right: 0}
.inner-factory .linelayout .swiper-button-prev{left: 0}
.inner-factory .deep-global{padding-top: 0px;padding-bottom: 20px;}
.inner-factory .deep-global .row{padding-top: 0px}
.inner-factory .deep-global .row > div{padding:0}
.inner-factory .deep-global .row > div.img{padding:0 3%;text-align: center;}
.inner-factory .deep-global .row > div.img img{width: 85%}
.inner-factory .deep-global .row dl{margin-bottom: 40px;display: block}
.inner-factory .deep-global .row dl:last-child{margin-bottom: 0}
.inner-factory .deep-global .row dl dt{font-size:30px;font-weight: 500;padding-top: 30px}
.inner-factory .deep-global .row dl dd{font-size: 18px;line-height: 24px;padding-top: 10px}
.inner-factory .deep-global .row > div:first-child dl{text-align: right;}

.inner-factory .module-factory{padding-top: 100px;padding-bottom: 100px;background: #f8f8f8}
.inner-factory .module-factory dl:nth-child(2n+1) {flex-direction: row-reverse;}
.inner-factory .module-factory dl dt{padding:0;}
.inner-factory .module-factory dl dt img{width: 100%}
.inner-factory .module-factory dl dd{display: table;background:#fff;}
.inner-factory .module-factory dl dd .ver-midd{display: table-cell;vertical-align: middle;}
.inner-factory .module-factory dl dd .ver-midd .comm-title{margin-bottom:50px}
.inner-factory .module-factory dl dd .ver-midd p{font-size: 18px;line-height: 24px;}
.inner-factory .module-factory dl dd .ver-midd ul{display: block;width: 100%;padding-top: 20px;font-size: 0}
.inner-factory .module-factory dl dd .ver-midd ul li{display: inline-block; min-width:20%;vertical-align: top;text-align: center;}
.inner-factory .module-factory dl dd .ver-midd ul li i{font-size: 55px;color: #00a2e9}
.inner-factory .module-factory dl dd .ver-midd ul li b{display:block;font-weight: 500;font-size: 25px}
@media (max-width:1699px){
	.inner-factory .deep-global .row dl dt{padding-top: 0}
}
@media (max-width:1499px){
	.inner-factory .factorybuild dl dd h1{font-size: 40px;margin-bottom: 10px;padding-right:80px}
	.inner-factory .factorybuild dl dd h1:after{width: 60px;top:23px}
	.inner-factory .factorybuild dl dd h2{font-size: 16px;line-height: 20px}
	.inner-factory .factorybuild dl dd h3{font-size: 24px;margin-top: 20px}
	.inner-factory .factorybuild dl dd ul li{line-height: 25px;height:25px;font-size: 14px;}
	.inner-factory .factorybuild dl dd ul li i{line-height: 25px}
	.inner-factory .linelayout{padding-top: 100px;padding-bottom: 50px;}
	.inner-factory .linelayout dl{padding-left:30px;}
	.inner-factory .linelayout dl dt h1{font-size:40px;}
	.inner-factory .factorybuild .comm-title{margin-bottom: 50px}
	.inner-factory .deep-global .row > div:first-child{padding-right: 3% }
	.inner-factory .deep-global .row > div:last-child{padding-left:3%}
	.inner-factory .deep-global .row > div.img{padding:0;}
	.inner-factory .deep-global .row > div.img img{width: 90%}
	.inner-factory .deep-global .row dl dt{font-size:25px;line-height: 30px;}
}
@media (max-width:1299px){
	.inner-factory .whythailand .row > div{padding:30px;}
	.inner-factory .whythailand p{font-size: 16px;line-height: 20px;}
	.inner-factory .whythailand p b{font-size:28px;}
	.inner-factory .whythailand .spec-list dl dd{font-size: 16px;line-height: 20px}
	.inner-factory .factorybuild .content .icon-list{padding:0 10%;margin-bottom: 40px}
	.inner-factory .factorybuild .content .icon-list dl dt{display: block;position: relative}
	.inner-factory .factorybuild .content .icon-list dl dt:after{right: -18%;width: 55px;}
	.inner-factory .factorybuild .content .icon-list dl dt i{font-size: 45px;width: 100px;height: 100px;line-height: 100px;}
	.inner-factory .factorybuild .content .icon-list dl dd{font-size:18px;}
	.inner-factory .factorybuild .content p{font-size: 16px;line-height: 20px;padding: 0 3%}
	.inner-factory .deep-global .row dl{margin-bottom: 30px}
	.inner-factory .deep-global .row dl dt{font-size:25px;padding-top: 20px}
	.inner-factory .deep-global .row dl dd{font-size: 16px;line-height: 20px;}
	.inner-factory .module-factory dl dd .ver-midd p{font-size: 16px;line-height: 20px;}
	.inner-factory .linelayout .whythailand > p{font-size: 16px;padding:0 10%}
}
@media (max-width:991px){
	.inner-factory .deep-global .row > div:first-child{padding-right: 0 }
	.inner-factory .deep-global .row > div:last-child{padding-left:0}
	.inner-factory .deep-global .row > div:first-child dl{text-align: left;}
	.inner-factory .deep-global .row > div.img{padding:40px 0;}
	.inner-factory .deep-global .row > div.img img{width: 40%}
	.inner-factory .deep-global .row dl{margin-bottom: 15px}
	.inner-factory .deep-global .row dl dt{font-size:16px;padding-top: 0;line-height: 22px}
	.inner-factory .deep-global .row dl dd{font-size: 15px;line-height: 18px;}
	.inner-factory .whythailand .row:first-child{padding-top: 30px}
	.inner-factory .whythailand img{width: 90%}
	.inner-factory .whythailand .row > div{padding: 0}
	.inner-factory .whythailand .row > div:first-child{padding: 50px}
	.inner-factory .whythailand .row > div.text{padding: 0;padding-top: 25px}
	.inner-factory .whythailand .row > div.text:first-child{padding-top: 0}
	.inner-factory .linelayout .whythailand > p{margin-bottom: 20px;font-size: 14px;line-height: 18px;padding:0 3%}
	.inner-factory .whythailand p{font-size: 14px;line-height: 18px;padding:5px 0;}
	.inner-factory .whythailand p b{font-size: 18px;font-weight: 400;margin-top: 0px;margin-bottom: 15px}	
	.inner-factory .whythailand p.img:after{left: 25%;bottom: -20px}
	.inner-factory .whythailand .row > div.spec-list{padding-bottom:30px}
	.inner-factory .whythailand .spec-list dl,.inner-factory .whythailand .spec-list dl:nth-child(4n){width: 32%;margin-right:2%;margin-bottom: 5px}
	.inner-factory .whythailand .spec-list dl:nth-child(3n){margin-right:0}
	.inner-factory .whythailand .spec-list dl dt{margin-bottom: 10px}
	.inner-factory .whythailand .spec-list dl dt i{font-size: 50px}
	.inner-factory .whythailand .spec-list dl dd{font-size: 14px;font-weight: 300;line-height: 18px}
	.inner-factory .factorybuild{padding-top:60px;padding-bottom: 60px}
	.inner-factory .factorybuild dl dd h1{font-size: 30px;margin-bottom: 20px}
	.inner-factory .factorybuild dl dd h2{font-size: 15px;line-height: 20px}
	.inner-factory .factorybuild dl dd h3{font-size: 20px;margin-top: 30px;;}
	.inner-factory .factorybuild dl dd{padding: 4%}
	.inner-factory .factorybuild .comm-title{margin-bottom: 40px}
	.inner-factory .factorybuild dl dd h1{padding-right: 40px;}
	.inner-factory .factorybuild dl dd h1:after{width: 30px;top:18px}
	.inner-factory .linelayout{padding-top: 60px;padding-bottom: 40px;}
	.inner-factory .linelayout dl dt h1{font-size:28px;}
	.inner-factory .linelayout dl dd{font-size: 14px;line-height: 22px;}
	.inner-factory .linelayout dl dd p{line-height: 18px;font-size: 14px;}
	.inner-factory .linelayout dl dd p:after{top: 7px}
	.inner-factory .factorybuild .content .icon-list{padding: 0 3%;margin-bottom: 30px}
	.inner-factory .factorybuild .content .icon-list dl dt:after{width: 45px;}
	.inner-factory .factorybuild .content .icon-list dl dt i{font-size:40px;width:90px;height: 90px;line-height: 90px;}
	.inner-factory .factorybuild .content .icon-list dl dd{font-size:16px;margin-top: 20px;line-height: 20px}
	.inner-factory .factorybuild .content p{font-size: 14px;line-height: 18px;padding: 0 2%}
	.inner-factory .deep-global{padding-top: 60px;padding-bottom: 60px;}
	.inner-factory .deep-global .row{padding-top: 40px}
	.inner-factory .module-factory{padding-top:60px;padding-bottom:60px}
	.inner-factory .module-factory dl dd{padding:15px 4%;}
	.inner-factory .module-factory dl dd .ver-midd .comm-title{margin-bottom:15px}
	.inner-factory .module-factory dl dd .ver-midd p{font-size: 14px;line-height: 18px;}
	.inner-factory .module-factory dl dd .ver-midd ul{padding-top: 10px}
	.inner-factory .module-factory dl dd .ver-midd ul li{min-width:48%;}
	.inner-factory .module-factory dl dd .ver-midd ul li b{font-size: 20px}
}
@media (max-width:767px){
	.inner-factory .deep-global .row{padding-top: 30px}
	.inner-factory .deep-global{padding-top: 30px;padding-bottom: 30px;}
	.inner-factory .deep-global .row > div.img img{width: 60%}
	.inner-factory .factorybuild{padding-top:30px;padding-bottom:30px}
	.inner-factory .linelayout{padding-top: 30px;padding-bottom: 30px;}
	.inner-factory .module-factory{padding-top:30px;padding-bottom:30px}
	.inner-factory .linelayout dl{padding-left:20px;}
	.inner-factory .linelayout dl dt h1{font-size:26px;}
	.inner-factory .linelayout dl dd{font-size: 13px;line-height: 18px;}
	.inner-factory .linelayout .swiper-button-next:after,.inner-factory .linelayout .swiper-button-prev:after{font-size: 12px;}
	.inner-factory .linelayout .swiper-button-next,.inner-factory .linelayout .swiper-button-prev{top:60px;}
	.inner-factory .linelayout .swiper-button-next,.inner-factory .linelayout .swiper-button-prev{width: 25px;height:25px;}
	.inner-factory .factorybuild .comm-title{margin-bottom: 30px}
	.inner-factory .factorybuild .content .icon-list dl dt:after{width: 18px;right: -16%}
	.inner-factory .factorybuild .content .icon-list dl dt i{font-size:30px;width:60px;height: 60px;line-height: 60px;}
	.inner-factory .factorybuild .content .icon-list dl dd{font-size:14px;margin-top: 15px;line-height:18px}
}
.inner-project {padding-bottom:80px;border-bottom: 1px #eee solid}
.inner-project .row{padding-top:50px}
.inner-project .row dl{padding: 28px}
.inner-project .row dl a{position: relative;display: block;overflow: hidden;position: relative;}
.inner-project .row dl a:after{content: '';position: absolute;top: 0;height: 100%;width: 70%;left: -100%;-webkit-transform: skew(150deg);-o-transform: skew(150deg);transform: skew(150deg);z-index: 1;background: -webkit-gradient(linear, left top, right top, from(#ffffff05),to(#ffffff90));transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);opacity: 0.3;}
.inner-project .row dl a:hover:after{left: -30%}
.inner-project .row dl a dt{display: block;overflow: hidden;}
.inner-project .row dl a dt img{width: 100%;transition: all .3s}
.inner-project .row dl a:hover dt img{transform: scale(1.08);}
.inner-project .row dl a dd{position: absolute;width: 100%;left: 0;bottom: -65px;padding: 40px;transition: all .2s}
.inner-project .row dl a dd h1{font-size: 32px;color: #fff;font-weight: 400}
.inner-project .row dl a dd p{font-size: 16px;color: #fff;display: block;padding-top: 15px;margin-bottom: 30px}
.inner-project .row dl a dd i{color: #fff;font-size: 14px}
.inner-project .row dl a:hover dd {bottom: 0}
@media (max-width:1499px){
	.inner-project .row dl{padding: 20px}
	.inner-project .row dl a dd h1{font-size: 30px;}
}
@media (max-width:1199px){
	.inner-project .row dl{padding: 15px}
	.inner-project .row dl a dd h1{font-size: 25px;}
	.inner-project .row dl a dd p{font-size: 15px;}
}
@media (max-width:991px){
	.inner-project .row dl{padding: 10px}
	.inner-project .row dl a dd h1{font-size: 22px;}
	.inner-project .row dl a dd p{font-size: 14px;margin-bottom: 20px}
}

.inner-download{padding-top:80px;padding-bottom: 80px}
.download-list{padding-top: 20px;}
.download-list .folder-title{border-bottom: 2px #eee solid;padding: 15px;cursor: pointer;color: #aaa}
.download-list.on .folder-title{border-bottom-color: #00a2e9}
.download-list .folder-title div{padding: 0;}
.download-list .folder-title div:first-child {font-size: 25px;line-height: 30px;font-weight: 400;vertical-align: top}
.download-list .folder-title:hover div:first-child,.download-list.on .folder-title {color:#00a2e9;}
.download-list .folder-title div:last-child{text-align:right;padding-right:0;}
.download-list .folder-title div:last-child i{line-height: 30px;font-size: 14px;border:1px #ddd solid;padding:8px;}
.download-list.on .folder-title div:last-child i{border-color: #00a2e9}
.download-list .file-list{padding: 30px 0;display: none;font-size: 0}
.download-list .file-list dl{padding:20px;text-align: center;width:calc(100%/6);display: inline-block;vertical-align: top}
.download-list .file-list dl a{display: block;padding:20px;;}
.download-list .file-list dl a dt {display: block}
.download-list .file-list dl a dt img{width: 70%}
.download-list .file-list dl a dt i{font-size: 80px;color: #ddd}
.download-list .file-list dl a:hover dt i{color: #ed7119;}
.download-list .file-list dl a dd{display: block}
.download-list .file-list dl a dd h1{display: block;margin-bottom: 20px;margin-top: 20px;font-size: 18px;font-weight: 300;color: #333}
.download-list .file-list a dl dd {border-radius: 8px;border:1px #eee solid;font-size: 16px;padding: 5px 20px;color: #333;line-height: 22px;}
.download-list .file-list a:hover dl dd h1{color:#00a2e9;}
.download-list .file-list dl a dd h2{font-size: 14px;color: #555;font-weight: 200;display: inline-block;border-radius:30px;border:1px #eee solid;padding:8px 20px;transition: all .2s}
.download-list .file-list dl a dd h2 span{font-size:16px;vertical-align:text-top;margin-right: 8px}
.download-list .file-list a:hover dd h2{background: #00a2e9;color: #fff;border-color: #00a2e9}

@media (max-width:1399px){
	.inner-download{padding-top: 60px;padding-bottom: 60px}
	.download-list .file-list dl{width:calc(100%/5);}
	.download-list .folder-title div:last-child i{padding:6px;}
	.download-list .file-list dl a dd h1{font-size: 16px;}
}
@media (max-width:1199px){
	.download-list .file-list dl{width:calc(100%/4);}
	.download-list .folder-title div:first-child{font-size: 18px}
	.download-list .folder-title div:last-child i{font-size: 13px;padding:5px;}
	.download-list .file-list dl a dd h1{font-size: 15px;}
}
@media (max-width:767px){
	.download-list .file-list dl{width:calc(100%/2);}
	.inner-download{padding-top: 30px;padding-bottom: 30px}
	.download-list .folder-title div:first-child{font-size: 16px}
	.download-list .folder-title div:last-child i{font-size: 12px;padding:4px;}
}
@media (max-width:576px){
	.download-list{padding-top: 0}	
	.download-list .folder-title{padding:5px;}
	.download-list .file-list{padding:5px}
	.download-list .file-list dl{padding:10px 0;}
	.download-list .file-list dl dt {font-size:13px;}
	.download-list .file-list dl dd a{font-size: 13px;padding: 3px 10px;line-height: 20px;}
	.download-list .file-list dl dd a i{font-size: 13px;line-height: 20px;}
}

.viewnews{padding-top: 80px;}
.viewnews .row{padding: 4%;background: #fff;margin-top: -180px;position: relative;z-index: 10;border-bottom: 1px #eee solid}
.viewnews .content{padding-right: 4%}
.viewnews .content .news-type{background: #f5f5f5;border-radius:10px;padding:6px 18px;display: inline-block;color:#999;font-size: 12px}
.viewnews .content .title{padding-bottom: 3%;border-bottom: 2px #ddd solid;padding-top: 2%}
.viewnews .content .title div{padding: 0}
.viewnews .content .title div:last-child{text-align:right}
.viewnews .content .title h1{font-size: 36px;line-height: 55px;font-weight: 400}
.viewnews .content .title p{margin-top: 20px;display: block;color: #aaa}
.viewnews .content .title p i{margin-right:4px;}
.viewnews .content .title p i.icon-person_add_alt_1{font-size: 16px}
.viewnews .content .title p i.icon-paper-plane-o{font-size: 13px}
.viewnews .content .date ul{width: 100%;text-align: right;padding-top: 10px}
.viewnews .content .date ul li{border: 1px #eee solid;width: 100px;text-align: center;display: inline-block;height:40px;line-height: 40px;color:#999;clear: both;}
.viewnews .content .date ul li:last-child{border-top: none;font-size: 30px;color:#000;font-weight: bold;}
.viewnews .content .text{font-size: 17px;line-height: 30px;padding: 6% 0}
.viewnews .content .text strong,.viewnews .content .text b{font-weight:500}
.viewnews .content .text img{max-width: 100%}
.viewnews .content .text .smallgray{color:#999;font-size:14px;}
.viewnews .content .project-item{display: block;padding-top:30px}
.viewnews .content .project-item li{font-size: 18px;font-weight: 300;line-height: 40px;display: block;}
@media (max-width:767px){
    .viewnews .row{padding: 3%;margin-top: -150px;}
	.viewnews .content .project-item li{font-size: 16px;line-height: 30px}
}
.viewnews .content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%}
.viewnews .content .prenext li{width: 40%;display:inline-block;font-size: 0}
.viewnews .content .prenext li a{font-size: 13px;}
.viewnews .content .prenext li a i{display:inline-block;line-height: 20px;font-size: 13px;width: 18%;vertical-align: top}
.viewnews .content .prenext li i:before{line-height: 18px;vertical-align:baseline;margin-right: 5px}
.viewnews .content .prenext li a span{width: 79%;font-size: 14px;line-height: 18px;height:18px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid}
.viewnews .content .prenext li a i b{font-weight: normal;}
.viewnews .content .prenext li:nth-child(2){width: 20%;text-align:center;line-height: 18px;vertical-align: top;text-transform: uppercase;font-size: 14px}
.viewnews .content .prenext li:nth-child(2) i{font-size: 16px}
.viewnews .content .prenext li:nth-child(2) i b{width: auto;font-size: 13px;line-height: 18px;vertical-align: bottom;}
.viewnews .content .prenext li:last-child{text-align:right;}
.viewnews .content .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.viewnews .content .prenext li b{text-transform: uppercase}
.viewnews .content .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
.viewnews .list {padding-top: 30px}
.viewnews .list .title{padding-bottom: 5%}
.viewnews .list .title h1{font-size: 28px;color:#000;padding-bottom: 15px;font-weight: 400}
.viewnews .list .newslist dl{margin-bottom: 8%}
.viewnews .list .newslist dl a dt{overflow: hidden;background: #000}
.viewnews .list .newslist dl a dt img{width: 100%;opacity:0.8;transition: all .2s}
.viewnews .list .newslist dl a:hover dt img{transform: scale(1.05);opacity:1}
.viewnews .list .newslist dl a dd{padding-top:20px}
.viewnews .list .newslist dl a dd span{padding-bottom: 5px;display: block;}
.viewnews .list .newslist dl a dd h2{color:#333;font-size: 16px;line-height: 25px;position: relative;padding-bottom: 15px;display: inline-block;font-weight: 500}
.viewnews .list .newslist dl a dd h2:after{content: '';position: absolute;left: 0;bottom:0;background: #00a2e9;width: 40px;height:2px;transition: all .2s}
.viewnews .list .newslist dl a:hover dd h2{color: #00a2e9}
.viewnews .list .newslist dl a:hover dd h2:after{width: 100%;}
.viewnews .list .newslist dl a dd p{font-size:14px;margin-top:25px;line-height: 24px;height: 48px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;opacity: 0.8;}

@media screen and (max-width: 1399px){
	.viewnews .content .prenext li a i{width:10%}
	.viewnews .content .prenext li a i b,.viewnews .content .prenext li:nth-child(2) i b{display:none;}
}
@media screen and (max-width: 1199px){
	.viewnews .content .title h1{font-size: 35px;line-height: 45px}
	.viewnews .content .text{font-size: 15px;line-height: 28px;}
}
@media screen and (max-width: 991px){
	.location{margin-top: 70px}
	.viewnews .content .title h1{font-size: 25px;line-height: 32px}
	.viewnews .list,.viewnews .content .date{display: none}
}
@media screen and (max-width: 767px){
	.viewnews .content .title h1{font-size: 18px;line-height: 24px}
	.viewnews .content .title p{font-size: 13px}
	.viewnews .content .text{font-size: 14px;line-height: 22px;}
	.viewnews .content .prenext li:last-child a span{border-right:none;padding-right:10px}
	.viewnews .content .prenext li a span{border-left:none;width:88%;padding-left:10px}
}
.suspension{position:fixed;z-index:301;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,.suspension .a:hover{background:#00a2e9;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#00a2e9;}
.suspension .a-top i{ color:#333; font-size:25px !important;}
.suspension .a-top:hover i{color:#fff;}
.suspension .d {display: none; width: 150px;background: #fff; position: absolute; right: 50px; min-height: 50px;border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); line-height: 48px;text-align:center;}
.suspension .d-tel{top:0;}
.suspension .d-service{top:46px;}
.suspension .d-service-phone{top:92px;}
.suspension .d-qrcode{top:92px;width: 200px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-qrcode{text-align:center;}
.suspension-box .iconfont{font-size: 20px !important; color: #fff;text-align: center; margin: 0px auto; padding: 10px;display: block;}

.pagination-bar {text-align: center; overflow: hidden; padding:0;margin-top:50px;}
.pagination-bar.borderline{border-bottom: 1px #ddd solid}
.pagination-bar ul {display: block;overflow: hidden;}
.pagination-bar ul li {margin: 4px;	vertical-align: top;display: inline-block;}
.pagination-bar ul li.disabled { background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s; -o-transition: ease all 0.4s;}
.pagination-bar ul li a {background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;}
.pagination-bar ul li.pageinfo {background: #e8e8e8;line-height: 42px;text-align: center;padding: 0 15px;}
.pagination-bar ul li.active{background: #00a2e9;color: #fff;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;}
.pagination-bar ul li a i{vertical-align: middle;font-weight: bold;}
.pagination-bar ul li a:hover{ color: #fff; background: #00a2e9;}

.inner-contact{background: #f8f8f8;padding-bottom: 0;padding-top: 80px}
.inner-contact .row div:first-child{padding-left: 0;padding-right: 0}
.inner-contact .row div:last-child{padding-right: 0}
.inner-contact .contacts{padding-top: 50px}
.inner-contact .contacts p{font-size: 16px}
.inner-contact .contacts .tel{display: block;padding-top: 50px}
.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: 400}
.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: #00a2e9}
.inquiryform{position: fixed;width: 40%;height: 65vh;top: 52%;left: 50%;transform: translate(-50%,-50%);z-index: 100;border:12px #00000030 solid;opacity: 0;visibility: hidden;transition: all .3s}
.inquiryform.show{top: 50%;opacity: 1;visibility: visible;}
.inquiryform .feedback{padding:40px;padding-top: 20px;background:#fff;height: 100%}
.inquiryform .feedback .title{width: 100%;display: block;position: relative;height: 80px;line-height: 30px;font-size: 20px;font-weight: 600;text-transform: uppercase;padding-top: 20px}
.inquiryform .feedback .title i{font-size: 20px;position: absolute;right:-20px;top: 0px;cursor: pointer;}
.inquiryform .feedback .title i:hover{color: #00a2e9}
.feedback ul{font-size: 0}
.feedback ul li{width: 49%;display:inline-block;margin-bottom: 20px;margin-right:2%;vertical-align: top}
.feedback ul li:nth-child(2n){margin-right:0}
.feedback ul li input{width: 100%;line-height: 45px;height: 45px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 14px}
.feedback ul li:nth-child(5),.feedback ul li:nth-child(8),.feedback ul li:last-child{width: 100%;}
.feedback ul li:nth-child(7) img{vertical-align: bottom;cursor: pointer;display: inline-block;margin-top: 11px;margin-left: 12px}
.feedback ul li textarea{width: 100%;height: 248px;line-height: 22px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 14px}
.inquiryform .feedback ul li textarea{height: 18vh}
.feedback ul li:last-child input,.inner-contact .feedback ul li:last-child input{background: #333;color: #fff;font-size: 16px;font-weight: 300;padding: 0;transition: all .2s;border: none}
.feedback ul li:last-child input:hover,.inner-contact .feedback ul li:last-child input:hover{background: #00a2e9}
.solution-inner .feedback ul li:last-child input{width: 200px}
.inner-contact .map{padding-top: 50px;padding-bottom: 80px}
.inner-contact .map iframe{height:500px;}

@media screen and (max-width: 1499px){
	.inquiryform{width: 60%;}
}
@media screen and (max-width: 1199px){
	.inner-contact{padding-top: 60px}
	.inner-contact .contacts{padding-top: 30px}
	.inner-contact .contacts .tel{padding-top: 30px}
	.inner-contact .contacts .tel dl dd h1{font-size: 18px;line-height: 26px}
	.inner-contact .contacts .tel dl dd h3,.inner-contact .contacts .tel dl dd h3 a{font-size: 16px;padding-top: 5px}
	.inner-contact .map{padding-top: 40px;padding-bottom: 40px}
	.inner-contact .map iframe{height:400px;}
	.inquiryform{width: 70%;}
}
@media screen and (max-width: 991px){
	.inner-contact .row div:last-child{padding-left: 0}
	.inquiryform{width: 80%;}
}
@media screen and (max-width: 767px){
	.inquiryform{width: 94%;height: 54vh;}
	.inquiryform .feedback{padding:20px;}
	.inquiryform .feedback .title{height: 50px;line-height: 20px;font-size: 16px;padding-top: 0}
	.inquiryform .feedback .title i{right: 0;font-size: 18px}
	.inquiryform .feedback ul li textarea{height: 12vh}
	.inner-contact{padding-top: 30px}
	.inner-contact .contacts{padding-top: 20px}
	.inner-contact .contacts p{font-size: 14px;padding:0;margin: 3px 0}
	.inner-contact .contacts .tel dl dd h1{font-size: 16px;line-height: 20px}
	.inner-contact .contacts .tel dl dd h3,.inner-contact .contacts .tel dl dd h3 a{font-size: 14px;}
	.inner-contact .map{padding-top: 30px;padding-bottom:30px}
	.inner-contact .map iframe{height:300px;}
	.feedback ul li input{line-height: 35px;height: 35px;padding: 5px;font-size: 13px}
}
.footer .row > div{padding: 0}
.footer .row > div.foot-logo{text-align: center;}
.footer .row > div.foot-logo a{font-size: 160px;line-height: 100px}
.footer .row > div.foot-contact{text-align: center;padding-bottom: 80px;font-size: 0}
.footer .row > div.foot-contact dl{}
.footer .row > div.foot-contact dl dt{font-size: 35px;display: block;height: 60px}
.footer .row > div.foot-contact dl dd{display: block;color: #333;font-size: 18px;font-weight: 400;padding:0 4%;}
.footer .row > div.foot-contact dl dd h1{display: block;font-size: 16px;color: #aaa;font-weight: 200;padding-top:15px;min-height:100px;}
.footer .row > div.foot-contact .swiper-pagination-bullets{bottom: 50px}
.footer .row > div.foot-contact .swiper-pagination-bullet{background:#eee;width: 25px;height: 3px;margin: 0 4px}
.footer .row > div.foot-contact .swiper-pagination-bullet-active{background:#00a2e9;width: 40px;}
.copyright{background: #222;padding-top: 50px;padding-bottom: 50px;line-height: 20px;color: #fff;font-size: 15px;font-weight: 200}
.copyright .row > div{padding: 0}
.copyright .row > div:last-child{text-align: right;line-height: 26px}
.copyright .row > div:last-child .foot-share{display:block;}
.copyright .row > div:last-child .foot-share a{display:inline-block;margin-left: 15px;font-size:18px}
.copyright .row > div a{color: #fff}
.copyright .row > div i{margin-right: 5px;line-height: 26px;vertical-align: bottom;}
.copyright .row > div em{display: inline-block;width:20px}
.copyright .row > div:first-child a{display: inline-block;margin-right:30px;font-weight: 200}

@media (max-width:1299px){
	.copyright{padding-top: 30px;padding-bottom:30px;font-size: 14px;}
	.copyright .row > div:first-child a{margin-right:20px;}
	.footer .row > div.foot-contact dl dd{font-size: 16px;line-height:20px;}
	.footer .row > div.foot-contact dl dd h1{font-size: 14px;}
	.footer .row > div.foot-logo a{font-size: 140px;line-height: 80px}
}
@media (max-width:991px){
	.footer .row > div.foot-logo a{font-size: 120px;line-height: 60px}
	.footer .row > div.foot-contact{padding-bottom:20px;}
	.footer .row > div.foot-contact dl dt{font-size: 40px;height: 60px}
	.footer .row > div.foot-contact dl dd h1{padding-top: 10px}
	.copyright .row > div:first-child{display: none;}
	.copyright .row > div em{display: block;width:0}
	.copyright .row > div:last-child{text-align: center;padding-top: 15px;padding-bottom: 15px}
	.copyright .row > div:last-child .foot-share{padding-bottom: 15px;}
	.copyright .row > div:last-child .foot-share a{margin:0 8px;}
}
@media (max-width:767px){
	.footer .row > div.foot-logo,.footer .row > div.foot-contact{text-align: left;}
	.footer .row > div.foot-contact dl{width: 100%;padding:0 1.5%;margin-bottom: 30px;text-align: center;}
	.footer .row > div.foot-contact dl dd{font-size: 15px;padding: 0 2px}
	.footer .row > div.foot-contact dl dd h1{font-size: 14px;min-height:80px;}
}