@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("icomoon.css");
@font-face{font-family:'Roboto';font-weight:200;src:url(../fonts/Roboto-Light.ttf);font-display:swap}
@font-face{font-family:'Roboto';font-weight:300;src:url(../fonts/Roboto-Regular.ttf);font-display:swap}
@font-face{font-family:'Roboto';font-weight:400;src:url(../fonts/Roboto-Bold.ttf);font-display:swap}
@font-face{font-family:'Roboto';font-weight:500;src:url(../fonts/Roboto-Black.ttf);font-display:swap}
html,body,ul,li{-webkit-text-size-adjust:none;margin:0;padding:0;font-size: 14px;font-family: 'Roboto';font-weight:300}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,p,textarea{
	font-weight:normal;
	font-family:Roboto;
	font-weight:300;
	text-transform: none;
}
input,dl,dt,dd,ul,li{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top;list-style:none;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
img{display: inline-block; border:none}
h1{font-weight:500;}
h2{font-weight:300;}
h3{font-weight:400;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;font-family:'Roboto';}
a:hover{ color:#f67a4c;text-decoration:none;}
.container{overflow-x: hidden;overflow-y: hidden;}
.containerfull{padding: 0 2%;width: 100%;}
.table{display: table;height:100%;width:100%;}
.vermidd{display: table-cell;vertical-align: middle;}
/* header */
header {position:fixed;left:0;top: 0px;z-index: 500;width: 100%;transition:all .4s ease;background: #202020ee;height: 60px;line-height: 60px}
header.container{overflow: visible;}
header .row > div{padding: 0}
header .row .logo a i{font-size:35px;color: #fff;display: inline-block;line-height: 61px}
header .row .logo a img{width:190px;}
header .row .menu ul{display: block;width: 100%;text-align: right;}
header .row .menu ul li{
	position: relative;
	line-height: 60px;
	padding-top: 0;
	padding-right: 1.5%;
	padding-bottom: 0;
	padding-left: 1.5%;
}
header .row .menu ul li > a{
	color: #fff;
	font-size: 15px;
	position: relative;
	display: inline-block;
	line-height: 46px;
	font-weight:300;
}
header .row .menu ul li > a:after{content:'';position: absolute;bottom: 0;left: 50%;background: #f67a4c;width: 0;height: 2px;border-radius:10px;display: block;transition: all .2s}
header .row .menu ul li.cur > a:after,header .row .menu ul li > a:hover:after{width: 100%;left: 0;}
header .row .menu ul li > i{display:inline-block;color: #ffffff60;font-size: 14px;vertical-align: top;line-height: 60px;margin-left: 8px}
header .row .menu ul li span{display: block;position: absolute;left:-20%;width: 140%;top:100px;background: #ffffffe0;padding:20px;opacity: 0;visibility: hidden;transition: all .3s;text-align: center;border-radius:3px;box-shadow: 0 5px 8px 5px rgba(0,0,0,0.08);}
header .row .menu ul li span:after,header .row .menu ul li.lang .morelang: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 .row .menu ul li span a{display: block;line-height: 40px;font-size: 14px;border-bottom: 1px #ccc dotted}
header .row .menu ul li:nth-child(3) span{left:-30%;width: 160%;}
header .row .menu ul li:nth-child(4) span{left:-30%;width: 160%;}
header .row .menu ul li:nth-child(5) span{left:-50%;width: 200%;}
header .row .menu.fr ul li:nth-child(2) span,header .row .menu.it ul li:nth-child(2) span,header .row .menu.it ul li:nth-child(4) span,header .row .menu.jp ul li:nth-child(2) span,header .row .menu.jp ul li:nth-child(4) span{left:-50%;width: 200%;}
header .row .menu.pl ul li:nth-child(2) span,header .row .menu.pl ul li:nth-child(4) span{left:-60%;width: 220%;}
header .row .menu ul li.this span{opacity: 1;visibility: visible;top:60px;}
header .row .menu ul li.lang{
	display: inline-block;
	vertical-align: top;
	color: #fff;
	padding:0 10px 0 5px;
	background: #f67a4c;
	line-height: 31px;
	text-transform: uppercase;
	height:30px;
	margin-top: 15px;
	border-radius: 4px;
transition: all .3s;	position: relative;
	background-color: #f67a4c;
}
header .row .menu ul li.lang span{background: url(../images/lang.png) no-repeat center top;width: 24px;height: 18px;display: inline-block;vertical-align: text-bottom;margin-right: 10px}
header .row .menu ul li.lang i{vertical-align: top;display: inline-block;color: #fff;line-height: 30px;vertical-align: top}
header .row .menu ul li.lang i.icon-toplang{margin-right:8px}
header .row .menu ul li.lang:hover{background: #f67a4c;cursor: pointer;}
header .row .menu ul li.lang .morelang{position:absolute;left:50%;transform: translateX(-50%);width:155px;top:50px;background:rgba(255,255,255,.9);padding: 0;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 .row .menu ul li.lang .morelang p{padding:10px 20px;border-bottom: 1px rgba(0,0,0,.05) solid;padding-right: 0;height: 40px;margin: 0}
header .row .menu ul li.lang .morelang a{line-height: 18px;display: block;font-size: 14px;}
header .row .menu ul li.lang .morelang a:last-child{border-bottom: none}
header .row .menu ul li.lang .morelang p:hover{background-color: #00000010;color: #000}
header .row .menu ul li.lang.hover .morelang{top: 45px;opacity:1;visibility:visible;transition: all .2s}
header .row .menu ul li.lang .morelang a{width:100%;height:20px;background-image:url('../images/lang.png');background-repeat:no-repeat;background-position:0 0;line-height:20px;display: block;padding-left: 34px;font-size:13px;padding-right:20px;margin-bottom:15px}
header .row .menu ul li.lang .morelang a.en{background-position:0 0}
header .row .menu ul li.lang .morelang a.de{background-position:0 -22px}
header .row .menu ul li.lang .morelang a.es{background-position:0 -44px}
header .row .menu ul li.lang .morelang a.nl{background-position:0 -66px}
header .row .menu ul li.lang .morelang a.pt{background-position:0 -88px}
header .row .menu ul li.lang .morelang a.fr{background-position:0 -110px}
header .row .menu ul li.lang .morelang a.cn{background-position:0 -22px}
header .row .menu ul li.lang .morelang a.it{background-position:0 -154px}
header .row .menu ul li.lang .morelang a.pl{background-position:0 -176px}
header .row .menu ul li.lang .morelang a.jp{background-position:0 -198px}
header .row .menu ul li.login,header .row .menu ul li.share{position: relative;margin-left: 10px}
header .row .menu ul li.login:after,header .row .menu ul li.share:after{content: '';position: absolute;left: 0;top: 22px;height: 16px;width: 1px;background: #ffffff30}
header .row .menu ul li.login i{width:22px;height:22px;background: #f67a4c;border-radius: 50%;display: inline-block;color: #fff;font-size: 12px;line-height: 21px;text-align: center;margin-top: 19px;margin-right: 10px;vertical-align: top;padding-right:1px;}
header .row .menu ul li.share > a{font-size: 17px;line-height: 60px;margin:0 3px}
header .row .menu ul li.share > a i{width: 25px;height: 25px;display: inline-block;line-height: 25px;font-size:14px;text-align: center;background: #fff;color: #333;border-radius: 50%;transition:all .3s}
header .row .menu ul li.share > a:hover{color: #f67a4c}
header .row .menu ul li.share > a:hover i{background:#f67a4c;color:#fff}
header .row .menu ul li.share > a:hover:after{width: 0}
header .row .menu ul .mobile{display: inline-block;white-space: nowrap;width:60%}
header .row .menu ul .mobile.nl{width: 55%}
header .row .menu ul .mobile.de li:nth-child(2) span{left:-40%;width: 180%;}
header .row .menu ul .mobile.de li:nth-child(6) span{left:-50%;width: 200%;}
header .row .menu ul .mobile.pt li:nth-child(2) span{left:-50%;width: 200%;}
header .row .menu ul .mobile.pt li:nth-child(4) span{left:-30%;width: 160%;}
header .row .menu ul .mobile.es li:nth-child(2) span{left:-30%;width: 160%;}
header .row .menu ul .mobile.es li:nth-child(3) span{left:-20%;width: 140%;}
header .row .menu ul .mobile.es li:nth-child(4) span{left:-30%;width: 160%;}
header.scroll{background: #fff;box-shadow: 0 5px 8px 5px rgba(0,0,0,0.08);}
header.scroll .logo a i{color:#f67a4c}
header.scroll .menu ul{display: block;width: 100%;line-height: 60px;text-align: right;}
header.scroll .menu ul li > a{color: #333}
header.scroll .menu ul li > i{line-height: 60px;color: #aaa}
header.scroll .menu ul li span{top:80px;background: #fff}
header.scroll .menu ul li span a:hover{color: #f67a4c}
header.scroll .menu ul li.this span{opacity: 1;visibility: visible;top:60px;}
header.scroll .menu ul .lang,header.scroll .menu ul .lang a,header.scroll .menu ul .lang i{line-height: 60px;color: #f67a4c}
header.scroll .menu ul .lang a{color: #333}
header.scroll .row .menu ul li.login:after,header.scroll .row .menu ul li.share:after{background: #00000030}
header .mobilemenu{display: none}
@media screen and (max-width: 1699px) {
	header .row .menu ul .mobile{width:58%}
	header .row .menu ul .mobile.nl{width: 55%}
}
@media screen and (max-width: 1499px) {
	header .row .menu ul li{padding:0 1%;}
}
@media screen and (max-width: 1399px) {

header .row .logo a i{font-size:22px;color: #fff;display: inline-block;line-height: 61px}
header .row .logo a img{width:170px;}
header .row .menu ul{display: block;width: 100%;text-align: right;}
header .row .menu ul li{
	position: relative;
	line-height: 60px;
	padding-top: 0;
	padding-right: 1%;
	padding-bottom: 0;
	padding-left: 1%;
}
header .row .menu ul li > a{color: #fff;font-size: 13px;position: relative;display: inline-block;line-height: 46px;font-weight:300;}
header .row .menu ul li > a:after{content:'';position: absolute;bottom: 0;left: 50%;background: #f67a4c;width: 0;height: 2px;border-radius:10px;display: block;transition: all .2s}
header .row .menu ul li.cur > a:after,header .row .menu ul li > a:hover:after{width: 100%;left: 0;}
header .row .menu ul li > i{display:inline-block;color: #ffffff60;font-size: 14px;vertical-align: top;line-height: 60px;margin-left: 8px}
header .row .menu ul li span{display: block;position: absolute;left:-20%;width: 140%;top:100px;background: #ffffffe0;padding:20px;opacity: 0;visibility: hidden;transition: all .3s;text-align: center;border-radius:3px;box-shadow: 0 5px 8px 5px rgba(0,0,0,0.08);}
header .row .menu ul li span:after,header .row .menu ul li.lang .morelang:after{position: absolute;top: -8px;left: 50%;display: inline-block;border-right: 3px solid transparent;border-bottom: 8px solid #ffffffe0;
    border-left: 6px solid transparent;content: '';margin-left: -4px}
header .row .menu ul li span a{display: block;line-height: 40px;font-size: 14px;border-bottom: 1px #ccc dotted}
header .row .menu ul li:nth-child(3) span{left:-30%;width: 160%;}
header .row .menu ul li:nth-child(4) span{left:-30%;width: 160%;}
header .row .menu ul li:nth-child(5) span{left:-50%;width: 200%;}
header .row .menu.fr ul li:nth-child(2) span,header .row .menu.it ul li:nth-child(2) span,header .row .menu.it ul li:nth-child(4) span,header .row .menu.jp ul li:nth-child(2) span,header .row .menu.jp ul li:nth-child(4) span{left:-50%;width: 200%;}
header .row .menu.pl ul li:nth-child(2) span,header .row .menu.pl ul li:nth-child(4) span{left:-60%;width: 220%;}
header .row .menu ul li.this span{opacity: 1;visibility: visible;top:60px;}
header .row .menu ul li.lang{
	display: inline-block;
	vertical-align: top;
	color: #fff;
	padding:0 2px 0 2px;
	background: #f67a4c;
	line-height: 31px;
	text-transform: uppercase;
	height:30px;
	margin-top: 15px;
	border-radius: 4px;
transition: all .3s;	position: relative;
	background-color: #f67a4c;
}
header .row .menu ul li.lang span{background: url(../images/lang.png) no-repeat center top;width: 24px;height: 18px;display: inline-block;vertical-align: text-bottom;margin-right: 10px}
header .row .menu ul li.lang i{vertical-align: top;display: inline-block;color: #fff;line-height: 30px;vertical-align: top}
header .row .menu ul li.lang i.icon-toplang{margin-right:8px}
header .row .menu ul li.lang:hover{background: #f67a4c;cursor: pointer;}
header .row .menu ul li.lang .morelang{position:absolute;left:50%;transform: translateX(-50%);width:155px;top:50px;background:rgba(255,255,255,.9);padding: 0;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 .row .menu ul li.lang .morelang p{padding:10px 20px;border-bottom: 1px rgba(0,0,0,.05) solid;padding-right: 0;height: 40px;margin: 0}
header .row .menu ul li.lang .morelang a{line-height: 18px;display: block;font-size: 14px;}
	
	
}
@media screen and (max-width: 1299px) {
	header .row .menu ul .mobile{width:55%}
	header .row .menu ul li{padding: 0 1%}
	header .row .menu ul li.share:after{left: -5px}
}
@media screen and (max-width: 1199px) {
	header .row .menu ul li.share{margin-left: 0}
	header .row .menu ul li.login a{font-size: 0}
}
@media screen and (max-width: 767px) {
    header .row .menu ul li.share{display: none;}
}
@media screen and (max-width: 991px) {
	header .row .logo a i{font-size:26px;}
	header .row > div.logo{position: relative;z-index: 20;}
	header .row .menu ul li.lang i.icon-toplang{font-size:16px;line-height: 26px}
	header .row .menu ul li.lang{padding:0;line-height: 26px;height:26px;margin-top: 17px;}
	header .row .menu ul{position: fixed;width: 100%;height: 60px;left: 0;top: 0;}
	header .row .menu ul .mobile{position: fixed;width: 100%;top: 60px;left: -100%;background: #fffffff0;height: 100%;transition: all .3s;padding: 4% 3%}
	header.nav .row .menu ul .mobile{left: 0}
	header .row .menu ul .mobile li{display: block;line-height: 70px;height: 70px;text-align: left;border-bottom: 1px #ddd solid;position: relative;}
	header .row .menu ul li.login:after{display: none}
	header .row .menu ul .mobile li > a{color: #333;font-size:20px;line-height: 70px;font-weight: 400}
	header .row .menu ul .mobile li > a:after,header .row .menu ul .mobile li span:after{display: none}
	header .row .menu ul .mobile li > i{color: #00000090;position: absolute;right: 0;top: 0;line-height: 70px;font-size: 18px;transform: rotate(180deg);display: inline-block;transition:all .3s;cursor: pointer;}
	header .row .menu ul .mobile li span,header .row .menu ul li.this span{position: static;display: block;width: 100%;text-align: left;background:none;box-shadow: none;padding: 0;opacity: 0;visibility: hidden;padding-bottom: 20px}
	header .row .menu ul .mobile li.active > a{color: #f67a4c}
	header .row .menu ul .mobile li.active > i{transform: rotate(0deg);color: #f67a4c}
	header .row .menu ul .mobile li.active span{opacity: 1;visibility: visible;}
	header .row .menu ul .mobile li span a{border-bottom: none;position: relative;padding-left: 15px}
	header .row .menu ul .mobile li span a:after{content: '';position: absolute;left: 2px;top: 16px;width: 5px;height: 5px;background:#999}
	header .mobilemenu:after{content: '';position: absolute;left: 3px;top: 22px;height: 16px;width: 1px;background: #ffffff30}
	header .mobilemenu{width: 50px;text-align: center;height:60px;display: inline-block;vertical-align: top;color: #fff;font-size:16px;line-height: 60px;cursor: pointer;position:relative;z-index: 100;margin:0 2%;padding-left:20px}
	header .mobilemenu > a{display:inline-block;position: relative;cursor: pointer;width:40px;height:40px;overflow:hidden;vertical-align: middle;}
	header .mobilemenu > a span,header .mobilemenu > a span:after,header .mobilemenu > a span:before {content:"";display:block;width: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 .mobilemenu > a span:after {margin-top:-7px;top:0;transition-delay:0.27s;}
	header .mobilemenu > a span:before {margin-top:7px;top:0;transition-delay:0.2s;width: 15px}
	header .mobilemenu.click a span,header .mobilemenu.click a span:after,header .mobilemenu.click a span:before {transition-delay:0.12s;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
	header .mobilemenu.click a span:after {transition-delay:0s;}
	header .mobilemenu.click a span:before {transition-delay:0.07s;}
	header .mobilemenu > a i:before,header .mobilemenu > a i:after {content:"";display:block;width:24px;height:3px;background:#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 .mobilemenu > a i:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
	header .mobilemenu > a i:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
	header .mobilemenu.click a i:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
	header .mobilemenu.click a i:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
	header.upsroll .mobilemenu a span,header.upsroll-two .mobilemenu a span,header.upsroll .mobilemenu a span:after,header.upsroll .mobilemenu a span:before,header.upsroll-two .mobilemenu a span:after,header.upsroll-two .mobilemenu a span:before{background: rgba(0,0,0,.8);}
}
.index-banner-swiper {
	width: 100%;
	position: relative;
	margin-top: 58px;
} 
.index-banner-swiper .swiper-wrapper{height: auto}
.index-banner {position: relative;overflow: hidden;}
.index-banner .text {position: absolute;width: 90%;top: 50%;transform: translateY(-45%);z-index: 11;color: #fff;left: 5%}
.index-banner .text h1{
	line-height:70px;
	font-size: 55px;
	width: 45%;
	text-transform: uppercase;
}
.index-banner .text h2{margin-top:1%;font-size: 30px}
.index-banner .text h3{margin-top:1%;font-size: 30px}
.index-banner .text .more{margin-top:6%;display: block;}
.index-banner-swiper .swiper-wrapper > div:nth-child(2) .text{top: 75%;}
.index-banner .text .more a{line-height: 40px;padding: 0 30px;border:2px #ffffff60 solid;color: #fff;margin-right:15px;display: inline-block;text-transform: uppercase;font-weight: 400;border-radius:5px;}
.index-banner .text .more a i{line-height: 40px;display: inline-block;margin-left: 10px}
.index-banner .text .more a.cur{background: #b1b2b3;border-color: #b1b2b3}
.index-banner .text .more a:hover{background: #fff;color: #333;border-color: #fff}
@media screen and (max-width: 1599px) {
	.index-banner .text h1{line-height:65px;font-size: 50px;width: 60%;}
	.index-banner .text h2{font-size: 28px}
}
@media screen and (max-width: 1199px) {
	.index-banner .text .more a{line-height: 34px;padding: 0 20px;font-size:12px;}
	.index-banner .text .more a i{line-height: 34px;}
}
.index-banner-swiper .swiper-slide .video,.index-banner-swiper .swiper-slide .img{background: #000;position: relative;}
.index-banner-swiper .swiper-slide .video video{width: 100%;opacity: 1;display: inline-block;vertical-align: top}
.index-banner-swiper .swiper-slide .img img{
	width: 100%;
	opacity: 1;
	display: inline-block;
	vertical-align: top
}
.index-banner-swiper .swiper-slide .text h1,.index-banner-swiper .swiper-slide .text h2,.index-banner-swiper .swiper-slide .text h3,.index-banner-swiper .swiper-slide .text .more{opacity: 0;transform:translateY(-60px);transition:all 0.8s;}
.index-banner-swiper .swiper-slide .text h2,.index-banner-swiper .swiper-slide .text h3{transition-delay: .4s;position: relative;padding-top: 20px}
.index-banner-swiper .swiper-slide .text h2{display:none;}
.index-banner-swiper .swiper-slide .text .more{transition-delay: 0.6s;}
.index-banner-swiper .swiper-slide-active .text h1,.index-banner-swiper .swiper-slide-active .text h2,.index-banner-swiper .swiper-slide-active .text h3,.index-banner-swiper .swiper-slide-active .text .more{transform: translateY(0px);opacity: 1;}
.index-banner-swiper .banner-pagination span{width: 50px;height: 4px;border-radius: 0;background: #fff;opacity: .5;}
.swiper-ctrl {position: absolute;width: 100%;left: 0;bottom: 45px;z-index: 11;font-size: 0;text-align: center;}
.scroll-center {display: inline-block;position: absolute;right: 0;bottom: -10px;width: 80px;text-align: center;}
.scroll-center .scroll {text-transform: uppercase;color: #fff;position: relative;font-size: 12px;width: 50px;vertical-align: top}
.scroll-center .scroll::before,.scroll-center .scroll::after{content: '';width: 1px;height: 35px;background: #fff;position: absolute;right: 26px;top: -40px;opacity: .5;}
.scroll-center .scroll::after{height: 15px;background: #f67a4c;opacity: 1;z-index: 11;top: -36px;width: 3px;right: 25px;-webkit-animation: rotateplane 3s infinite ease-in-out;animation: rotateplane 3s infinite ease-in-out;}
@keyframes rotateplane{ 
    0%{transform: translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px)}
    50%{transform: translateY(12px);-ms-transform:translateY(12px);-moz-transform:translateY(12px);-webkit-transform:translateY(12px);-o-transform:translateY(12px)}
    100%{transform: translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px)}
}
.index-banner-swiper .swiper-banner-prev,.index-banner-swiper .swiper-banner-next {position: absolute;top: 50%;left: 0}
.index-banner-swiper .swiper-banner-prev:hover,.index-banner-swiper .swiper-banner-next:hover {opacity: .5;}
.left-pagination {position: absolute;left: 50%;transform: translateX(-50%);z-index: 11;bottom: 0}
.index-banner-swiper .banner-pagination {text-align: center;left: auto;bottom:auto!important;right:auto!important;left:auto!important;width: auto;color: #fff;width:auto;transform:none;position: relative}
.index-banner-swiper .banner-pagination span{opacity: 1;margin: 0 3px!important;position: relative;width: 32px;height: 32px;background: transparent;display: inline-block;vertical-align: middle;}
.index-banner-swiper .banner-pagination span::before {content: '';width:5px;height:5px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;opacity: .5;}
.index-banner-swiper .banner-pagination span::after {content: '';width:32px;height:32px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 2px solid rgba(255,255,255,.5);opacity: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {background: #fff!important;opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .content {opacity: 1;}
.index-banner-swiper .banner-pagination span .content {position: absolute;top: 0;width: 50%;height:100%;margin: 0;padding: 0;overflow: hidden;opacity: 0;transition:all .4s ease;z-index: 11;}
.index-banner-swiper .banner-pagination span .left {left: 0;}
.index-banner-swiper .banner-pagination span .right {right: 0;}
.index-banner-swiper .banner-pagination span .circle {position: absolute;margin: 0;width: 32px;height: 32px;border-radius: 50%;border: 2px solid transparent;transform: rotate(135deg);box-sizing: border-box;}
.index-banner-swiper .banner-pagination span .left-circle {left: 0;border-top-color: #fff;border-left-color: #fff;}
.index-banner-swiper .banner-pagination span .right-circle {right: 0;border-bottom-color: #fff;border-right-color: #fff;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .left-circle {animation:circleleft 5s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 5s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active:first-child .left-circle {animation:circleleft 26s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active:first-child .right-circle {animation:circleright 26s linear forwards;}
@keyframes circleright {0% {transform: rotate(135deg);}50%,100% {transform: rotate(315deg);}}
@keyframes circleleft {0%,50% {transform: rotate(135deg);}100% {transform: rotate(315deg);}}

@media screen and (max-width: 1499px) {
	.number-prevnext {margin-top: -11.5px;}
	.index-banner .text h1{line-height: 45px;font-size: 38px}
	.index-banner .text h2{font-size: 26px}
}
@media screen and (max-width: 1299px) {
	.index-banner .text h1{line-height: 35px;font-size: 35px;width: 80%;}
	.index-banner .text h2{font-size: 22px}	
}

@media screen and (max-width: 991px) {
	.index-banner .text h1{line-height: 28px;font-size: 24px}
	.index-banner .text h2{font-size: 18px}
	.index-banner-swiper .swiper-slide .video:after,.index-banner-swiper .swiper-slide .img:after{height:45vh;content:'';display:block}
    .index-banner-swiper .swiper-slide .img img,.index-banner-swiper .swiper-slide .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%);}
    .scroll-center {width: 60px;}
}
@media screen and (max-width: 980px) {
	.header-nav,.number-prevnext,.left-pagination::before,.index-customer-stories-top .more-1,.industry-trends-item a::after,.footer-content-right,.div-product-item .pic,.div-consulting-service .img,.scheme-advantages-item::after,.achievements-pagination,.customer-cases-nav a::before,.return-1{display: none;}
	.header-logo {width: 50%;}
	.swiper-ctrl {bottom: 7%;}
}
@media screen and (max-width:767px) {
	.index-banner .text h1{line-height: 25px;font-size: 20px;width: 90%}
	.index-banner .text h2{font-size: 16px}
}

.banner-inner{width:100%;position: relative;overflow: hidden;}
.banner-inner .comm-title{position: absolute;left:5%;top: 40%;z-index: 100;}
.banner-inner .comm-title h1{font-size:50px;color: #fff;position: relative;padding-bottom: 25px;font-weight: bold;}
.banner-inner .comm-title h1:after,.banner-inner .comm-title h1:before{background:#fff;display: none}
.banner-inner .comm-title h2{color: #fffffff0;font-size:18px;padding-top:50px;}
.banner-inner .bgimg{position:relative;will-change: transform;display: block;}
.banner-inner .bgimg img{width: 100%}
@media screen and (max-width: 1599px) {
	.banner-inner .comm-title h1{font-size:45px}
	.banner-inner .comm-title h2{font-size:16px;padding-top:40px;}
}
@media screen and (max-width: 1299px) {
	.banner-inner .comm-title h1{font-size:30px;padding-bottom: 0}
	.banner-inner .comm-title h2{font-size:14px;padding-top:30px;}
	.banner-inner .bgimg:after{height:20vh;width: 100%;content:'';display:block}
    .banner-inner .bgimg img{position:absolute;height:100%;width:100%; min-height:120px; padding-top:50px;}
}
@media screen and (max-width: 991px) {
	.banner-inner .comm-title{top: 50%}
	.banner-inner .comm-title h1{font-size:25px}
	.banner-inner .bgimg:after{height:20vh;content:'';display:block}
}
@media screen and (max-width: 767px) {
	.banner-inner .comm-title h1{font-size:20px}
}
.index-downpart{display: block;width: 100%;font-size: 0;padding: 0;margin-top: 10px}
.index-downpart dl{
	width:25%;
	padding-left:5px;
	padding-right:5px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-bottom:10px;
}
.index-downpart dl:nth-child(4n){padding-right: 0}
.index-downpart dl:nth-child(4n+1){padding-left: 0}
.index-downpart dl dt{display: block;background: #000;overflow:hidden;}
.index-downpart dl dt img{width: 100%;opacity: 0.5;transition: all .3s}
.index-downpart dl:hover dt img{width: 100%;opacity: 0.8;transform: scale(1.05);}
.index-downpart dl dd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: table;padding: 0 20%;text-align: center;}
.index-downpart dl dd .vermidd h1{
	color: #fff;
	font-size: 24px;
	display: block;
	margin-bottom: 20px;
	font-weight:400;
}
.index-downpart dl dd .vermidd h2{color: #fff;font-size: 18px;display: block;font-weight:200;line-height: 25px;display: none}
.index-downpart dl dd .vermidd .more{display:block;margin-top:50px}
.index-downpart dl dd .vermidd .more a{display: inline-block;border:1px #fff solid;font-size: 14px;text-transform: uppercase;color: #fff;padding: 8px 30px;border-radius:5px;}
.index-downpart dl dd .vermidd .more a:hover{background: #fff;border-color: #fff;color: #333}
@media screen and (max-width: 1399px) {
	.index-downpart dl dd .vermidd h1{font-size: 22px;}
	.index-downpart dl dd .vermidd h2{font-size: 16px;line-height: 22px}
	.index-downpart dl dd .vermidd .more{margin-top:40px}
}
@media screen and (max-width: 1199px) {
	.index-downpart dl dd .vermidd h1{font-size: 24px;}
	.index-downpart dl dd .vermidd h2{font-size: 15px;line-height: 20px}
	.index-downpart dl dd .vermidd .more{margin-top:30px}
	.index-downpart dl dd .vermidd .more a{font-size: 13px;padding: 5px 20px;}
}
@media screen and (max-width: 991px) {
	.index-downpart dl dd{padding: 0 10%;}
	.index-downpart dl dd .vermidd h1{font-size: 20px;margin-bottom: 10px;}
	.index-downpart dl dd .vermidd h2{font-size: 14px;line-height: 18px}
	.index-downpart dl dd .vermidd .more{margin-top:20px}	
}
@media screen and (max-width: 767px) {
    .vermidd{height:22vh}
	.index-downpart dl dd .vermidd h1{font-size: 16px;}
	.index-downpart dl{width:100%;padding: 0}
	.index-downpart dl dd .vermidd .more a{font-size: 0.9rem}
}
.comm-title h1{
	font-size: 28px;
	display: inline-block;
	color: #f67a4c;
	position: relative;
	padding-top:30px;
	padding-left:35px;
	text-transform: uppercase;
}
.comm-title h1:after,.comm-title h1:before{content: '';position: absolute;left: 0;top: 0;width: 38px;height: 1px;background: #003461;overflow: hidden;display: block;}
.comm-title h1:before{height: 38px;width: 1px}
.comm-title.center{text-align: center;}
.comm-title h2{
	font-size: 24px;
	display: block;
	margin-top: 20px
}
.comm-title h3{font-size: 20px;color: #f67a4c;font-weight:bold;margin-bottom:30px}
.comm-title p{font-size: 16px;padding-top: 5px;color: #666}
@media screen and (max-width:1299px) {
	.comm-title h2{font-size: 22px;}
}
@media screen and (max-width:991px) {
	.comm-title h1{font-size: 22px;padding-top:15px;padding-left:15px}
	.comm-title h1:after,.comm-title h1:before{width: 25px;height: 1px;}
	.comm-title h1:before{height: 25px;width: 1px}
	.comm-title h2{font-size: 16px;}
}
.index-news{padding-top: 50px;padding-bottom: 75px}
.index-news .comm-title h1{color: #f67a4c}
.index-news .row > div{padding: 0}
.index-news .row > div:first-child{position: relative;}
.index-news .row > div:last-child{display: table}
.index-news .row .img{position: relative;display: block;padding-left: 15px;padding-right:91px;height: 530px;overflow: hidden;}
.index-news .row .img img{width: 100%;position: relative;left: 0;top: 50%;transform: translateY(-50%);}
.index-news .row .leftshad{position: absolute;left:0;bottom: -15px;width: 150px;height: 150px;background: #b1b2b3;z-index: -1}
.index-news .row .img:before{content: '';position: absolute;background: url(../images/shad.png) no-repeat bottom right;width: 91px;height: 234px;right: 0;bottom: 0}
.index-news .row .text{padding-top: 20px}
.index-news .row .content{padding-left: 35px;padding-top: 30px}
.index-news .row .content h1{font-size: 3.5rem;line-height: 4rem}
.index-news .row .content p{font-size: 1.2rem;line-height:2rem;color:#666;display: block;margin-top: 2rem;text-align: justify}
.index-news .row .content .more{display: block;margin-top: 2rem;}
.index-news .row .content .more a{background: #b1b2b3;color: #fff;padding: 8px 40px;display: inline-block;font-size: 14px;text-transform: uppercase;border-radius:5px;}
.index-news .row .content .more a:hover{background: #f67a4c;}
@media screen and (max-width:1599px) {
	.index-news .row .img{height: 440px;}
	.index-news .row .content{padding-top: 20px}
	.index-news .row .content h1{font-size: 2.5rem;line-height: 3rem}
	.index-news .row .content p{font-size: 1rem;line-height:1.6rem;margin-top: 20px}
}
@media screen and (max-width:1499px) {
	.index-news .row .img{padding-right:51px}
	.index-news .row .img:before{width: 51px;height: 200px;background-size: contain;}
}
@media screen and (max-width:991px) {
	.index-news{padding-top: 0;padding-bottom: 40px;}
	.index-news .row .leftshad{left:-15px}
	.index-news .row > div:first-child{margin-bottom: 20px;padding-right: 0}
	.index-news .row .img{padding: 0}
	.index-news .row .content{padding:0 15px;}
	.index-news .row .content h1{font-size: 2rem;line-height: 2.5rem}
}
@media screen and (max-width:767px) {
	.index-news .row .content p{font-size: 0.9rem;line-height:1.4rem;}
	.index-news .row .content h1{font-size: 1.5em;line-height: 1.8rem}	
	.index-news .row .content .more a{font-size: 0.9rem;}
}
.index-product{display: block;padding: 0;position: relative;width:100%;}
.index-product .swiper-slide{position: relative;}
.index-product .comm-title{position: absolute;left: 5%;top: 20%;z-index: 1;}
.index-product .comm-title h1:after,.index-product .comm-title h1:before{background: #fff}
.index-product .comm-title h1{
	font-size: 2.6rem;
}
.index-product .comm-title h1,.index-product .comm-title h2{color: #fff;display: block;padding-left: 35px}
.index-product .comm-title h2{height:50px}
.index-product .comm-title .more{display: block;margin-top: 65px;padding-left: 35px}
.index-product .comm-title .more a{line-height: 38px;padding: 0 25px;border:1px #ffffff60 solid;color: #fff;display: inline-block;text-transform: uppercase;font-weight: 400;border-radius:5px;}
.index-product .comm-title .more a i{line-height: 38px;display: inline-block;margin-left: 10px}
.index-product .comm-title .more a.cur{background: #b1b2b3;border-color: #b1b2b3}
.index-product .comm-title .more a:hover{background: #fff;color: #333;border-color: #fff}
.index-product .sroll-product .img{display: block;width: 100%;position: relative;overflow: hidden;}
.index-product .sroll-product .img img{width: 100%}
.index-product .content{width: 50%;position: absolute;left:0;top: 65%;padding-left: 5%;z-index: 2;}
.index-product .content dl a{display: block;text-align: center;padding:20px 30px;padding-bottom: 10px;background: #ffffff20}
.index-product .content dl.swiper-slide-thumb-active{background: #ffffff80}
.index-product .content dl a dt{display: block;}
.index-product .content dl a dt img{width: 100%}
.index-product .content dl a dd{
	display: block;
	margin-top: 10px;
	color: #fff;
	line-height: 20px;
	font-size:16px;
	height: 40px;
}
.index-product .swiper-button-next:after,.index-product .swiper-button-prev:after{color: #fff;font-size:20px;}
@media screen and (max-width:1299px) {
	.index-product .comm-title{top: 15%;left: 4%}	
	.index-product .comm-title .more{margin-top: 40px;}
	.index-product .content{width: 65%;margin-top: 40px;}
	.index-product .comm-title h1{font-size: 2.5rem;line-height: 3rem}
	.index-product .content dl a{padding:15px 0;}
	.index-product .content dl a dd{font-size: 14px}
	.index-product .content dl a dt{padding-top: 5px}
	.index-product .content dl a dt img{width: 80%}
}
@media screen and (max-width:991px) {
	.index-product .comm-title h1{font-size: 1.5rem;line-height: 2.5rem}
	.index-product .comm-title h1,.index-product .comm-title h2{padding-left: 15px}
	.index-product .comm-title h2{ display:none;}
	
	.index-product .comm-title .more{padding-left: 15px}
	.index-product .sroll-product .img:after{height:20vh;content:'';display:block}
    .index-product .sroll-product .img img{position:absolute;height:100%;width:height:100%;}
    .index-product .comm-title .more a{line-height:28px;padding: 0 20px;border-radius:4px;font-size: 0.9rem;}
    .index-product .swiper-button-prev{left: 0}
    .index-product .swiper-button-next{right: 0}
}
@media screen and (max-width:767px) {
	.index-product .content dl a{padding:3px;}
	.index-product .content{width: 99%;top: 78%;margin-left: 0.5%; }
	.index-product .content dl a dd{font-size: 0.3rem;}
}
@media screen and (max-width:576px) {
	.index-product .content{margin-left: 1%;width: 98%}
	.index-product .comm-title h1{font-size: 1.5em;line-height: 1.8rem}
}
.index-global{background: #e0e0e0;display: block;width:100%;padding-top: 110px;padding-bottom: 100px;position: relative;overflow: hidden;}
.index-global .comm-title{position: relative;z-index: 100}
.index-global .comm-title h2{font-weight: 500;font-size:50px;line-height: 55px}
.index-global .world-map{position: absolute;left: 0;width: 100%;top: 10%;height:90%;z-index: 1;background:url(../images/earth.png) no-repeat center top}
.index-global .world-map .point-area{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-global .world-map .point-area .circle{position: absolute;top:50%;left: -30px;margin-top: -25px;width: 50px;height:50px;border-radius: 100%;transform:scale(.1);background: #f67a4c30;}
.index-global .world-map .point-area .circle i{display: block;width: 10px;height: 10px;border-radius: 100%;background: #f67a4c;margin: 20px;}
.index-global .world-map .point-area .circle::before {content: '';position: absolute;top:50%;left:50%;margin:-15px 0 0 -15px;width: 30px;height:30px;border-radius: 100%;background: #f67a4c30);}
.index-global .world-map .point-area.cur .circle{background: #f67a4c40;}
.index-global .world-map .point-area.cur .circle::before {background: #f67a4c40;}
.index-global .world-map .point-area.cur .circle i {background: #f67a4c;}
.index-global .world-map .point-area .circle {animation: yuanfangda 2500ms infinite ease;}
/*.index-global .world-map .point-area.points1 .circle {animation: yuanfangda 1900ms infinite ease;}
.index-global .world-map .point-area.points2 .circle {animation: yuanfangda 2300ms infinite ease;}
.index-global .world-map .point-area.points3 .circle {animation: yuanfangda 1600ms infinite ease;}
.index-global .world-map .point-area.points4 .circle {animation: yuanfangda 2500ms infinite ease;}
.index-global .world-map .point-area.points5 .circle {animation: yuanfangda 2100ms infinite ease;}
.index-global .world-map .point-area.points6 .circle {animation: yuanfangda 1500ms infinite ease;}
.index-global .world-map .point-area.points7 .circle {animation: yuanfangda 2600ms infinite ease;}
.index-global .world-map .point-area.points8 .circle {animation: yuanfangda 1100ms infinite ease;}
.index-global .world-map .point-area.points9 .circle {animation: yuanfangda 1300ms infinite ease;}
.index-global .world-map .point-area.points10 .circle {animation: yuanfangda 2100ms infinite ease;}
.index-global .world-map .point-area.points11 .circle {animation: yuanfangda 1600ms infinite ease;}
.index-global .world-map .point-area.points12 .circle {animation: yuanfangda 3600ms infinite ease;}
.index-global .world-map .point-area.points13 .circle {animation: yuanfangda 1300ms infinite ease;}*/
@keyframes yuanfangda{0%{transform:scale(0.1);opacity:1;}100%{transform:scale(1.2);opacity: 0;}}
.points1{margin:-125px 0 0 402px}/*中国*/
.points2{margin:35px 0 0 -230px}/*巴西*/
.points3{margin: -250px 0 0 -465px}/*加拿大*/
.points4{margin:-235px 0 0 -6px}/*荷兰*/
.points5{margin: -220px 0 0 38px}/*德国*/
.points6{margin:-90px 0 0 255px}/*印度*/
.points7{margin: -175px 0 0 -58px}/*葡萄牙*/
.points8{margin: 90px 0 0 470px}/*澳大利亚*/
.points9{margin: -92px 0 0 -425px}/*墨西哥*/
.points10{margin: -190px 0 0 17px}/*瑞士*/
.points11{margin: -205px 0 0 -17px}
.points12{margin: -200px 0 0 40px}
@media screen and (max-width:1699px) {
	.index-global .world-map{height:93%;}
}
@media screen and (max-width:1399px) {
	.index-global .world-map{height:74%;}
}
@media screen and (max-width:1299px) {
	.points6 {margin: -90px 0 0 225px;}
	.index-global .world-map{height:84vh;}
}
@media screen and (max-width:1199px) {
	.index-global .world-map{height:84vh;}
}
.index-global .world-map .point-area .point {position: absolute;top: 0;left: 0; right: 0;bottom: 0;width: 8px;height: 8px;margin: auto; -webkit-border-radius: 50%;-webkit-background-clip: padding-box;-moz-border-radius: 50%;-moz-background-clip: padding;border-radius: 50%;background-clip: padding-box;background: transparent;}
.index-global .world-map .point-area .point-dot { z-index: 1;background-color: #f67a4c;border: 1px solid #f67a4c30;}
.index-global .world-map .point-area .point-10:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 1px solid #f67a4c;opacity: 0;-webkit-animation: ripple 3000ms ease-out 225ms infinite;-moz-animation: ripple 3000ms ease-out 225ms infinite;-o-animation: ripple 3000ms ease-out 225ms infinite;animation: ripple 3000ms ease-out 225ms infinite;}
.index-global .world-map .point-area .point-10 {width: 100%; height: 100%;}
.index-global .world-map .point-area .point-10.point-40:after{-webkit-animation: ripple 3000ms ease-out 225ms infinite;}
.index-global .world-map .point-area .point-20:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 1px solid #f67a4c;opacity: 0;-webkit-animation: ripple 3000ms ease-out 900ms infinite;-moz-animation: ripple 3000ms ease-out 900ms infinite;-o-animation: ripple 3000ms ease-out 900ms infinite;animation: ripple 3000ms ease-out 900ms infinite;}
.index-global .world-map .point-area .point-20 {width: 100%;height: 100%;}
.index-global .world-map .point-area .point-30:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 1px solid #f67a4c;opacity: 0;-webkit-animation: ripple 3000ms ease-out 1800ms infinite;-moz-animation: ripple 3000ms ease-out 1800ms infinite;-o-animation: ripple 3000ms ease-out 1800ms infinite;animation: ripple 3000ms ease-out 1800ms infinite;}
.index-global .world-map .point-area .point-30 {width: 100%;height: 100%;}
.index-global .world-map .point-area .point-shadow:after {-webkit-box-shadow: inset 0 0 5em #f67a4c;-moz-box-shadow: inset 0 0 5em #f67a4c;box-shadow: inset 0 0 5em #f67a4c;}
@-webkit-keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -webkit-transform:scale(1)}}
@-moz-keyframes ripple{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -moz-transform:scale(1)}}
@-o-keyframes ripple{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -o-transform:scale(1)}}
@keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);-moz-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}

.index-global .world-local{display: block;width:100%;padding-left: 3%;padding-right:3%;font-size:0;margin-top: 350px;position: relative;z-index: 10}
.index-global .world-local dl{width: 32%;margin-right: 2%;background: #ffffffa0;border-radius:10px;overflow: hidden;box-shadow: 0 5px 8px 5px #00000010;}
.index-global .world-local dl:nth-child(3n){margin-right: 0}
.index-global .world-local dl dt{width: 35%;display: inline-block;vertical-align: top}
.index-global .world-local dl dt img{width: 100%}
.index-global .world-local dl dd{width:65%;display: inline-block;vertical-align: top;padding:40px 30px 0 30px;}
.index-global .world-local dl dd h1{font-weight: 400;font-size:22px;}
.index-global .world-local dl dd p{font-weight:200;line-height: 25px;font-size:16px;display: block;margin-top:20px;margin-bottom: 0}
@media screen and (max-width:1699px) {
	.index-global .world-local dl dd{padding:25px 20px 0 20px;}
}
@media screen and (max-width:1599px) {
	.index-global .world-local dl dd h1{font-size:20px;}
	.index-global .world-local dl dd p{font-size:15px;margin-top:10px}	
}
@media screen and (max-width:1399px) {
	.index-global .world-local dl,.index-global .world-local dl:nth-child(3n){width: 49%;margin-right: 2%;}
	.index-global .world-local dl:nth-child(2n){margin-right: 0}
	.index-global .world-local dl dt{width: 30%;}
	.index-global .world-local dl dd{width:70%;}
}
@media screen and (max-width:1299px) {
	.index-global .comm-title h2{font-size:40px;line-height: 45px}
	.index-global .world-local dl dd h1{font-size:18px;}
	.index-global .world-local dl dd p{font-size:14px;line-height: 20px;}
	.index-global .world-map{background-size:100% auto}
}
@media screen and (max-width:991px) {
	.index-global{padding: 60px 0}
	.index-global .world-map .point-area{display: none}
	.index-global .world-local{margin-top: 50px}
	.index-global .comm-title h2{font-size:2rem;line-height: 2.5rem}
}
@media screen and (max-width:899px) {	
	.index-global .world-local dl,.index-global .world-local dl:nth-child(3n){width:100%;margin-right:0;}
	.index-global .world-map{background-size: 200% auto}
}
@media (max-width:767px){
	.index-global .world-local dl dd p{font-size: 0.9rem;line-height: 1.4rem;}
}
@media screen and (max-width:576px) {
	.index-global .comm-title h2{font-size:1.5rem;line-height: 1.8rem;margin-top: 10px}
	.index-global .world-local dl dd{padding-top:15px}
	.index-global .world-local dl dd h1{font-size:16px;}
}
.index-subscriptions {padding-top: 120px;padding-bottom:120px;background: url(../images/subscriptions.jpg) no-repeat center top fixed;background-size: cover}
.index-subscriptions .comm-title h1:after,.index-subscriptions .comm-title h1:before{background: #fff}
.index-subscriptions .comm-title h1{color: #fff}
.index-subscriptions .comm-title p{
	color: #fff;
	width: 100%;
	padding: 0 18%;
	display: block;
	margin-top:30px;
	font-weight: 300;
	font-size:14px;
}
.index-subscriptions .form{display: block;text-align: center;padding-top: 50px}
.index-subscriptions .form form{display: block;}
.index-subscriptions .form form input{width: 380px;height:50px;line-height: 50px;border:none;background: #fff;font-weight: 200;padding: 0 10px;font-size:15px;}
.index-subscriptions .form form button{background: #b1b2b3;color: #fff;width: 100px;height:50px;text-align: center;line-height: 50px;border: none;font-size: 30px;outline:none;transition: all .2s}
.index-subscriptions .form form button:hover{background: #f67a4c;}
@media (max-width:1399px){
	.index-subscriptions .comm-title p{padding: 0 15%}
}
@media (max-width:1199px){
	.index-subscriptions .comm-title p{padding: 0 10%}
	.index-subscriptions{padding-top: 70px;padding-bottom: 75px;}
}
@media (max-width:767px){
	.index-subscriptions .comm-title p{padding: 0;font-size: 0.9rem;line-height: 1.4rem;font-weight: 200;margin-top: 15px}
	.index-subscriptions{padding-top: 50px;padding-bottom: 55px;}
	.index-subscriptions .form{padding-top: 20px}
	.index-subscriptions .form form input{width: 60vw;font-size: 1rem;height:40px;line-height: 40px;}
	.index-subscriptions .form form button{width: 80px;height:40px;line-height: 40px;font-size: 25px;}
}



@keyframes fadesandan{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0;}100%{width: 100%;}}
.fadesandan{-webkit-animation-name:fadesandan;animation-name:fadesandan;-webkit-animation-duration:.9s;animation-duration:.9s}


.same-product{overflow-x: hidden;overflow-y: hidden;}
.same-product img{width: 100%; height:auto;display:block;vertical-align:top;float: left;}


.inner-about{overflow-x: hidden;overflow-y: hidden;}
.inner-about .row > div{padding: 0}
.inner-about .row > div:first-child{display: table}
.inner-about .comm-title h2{padding-left: 35px;font-size:22px;margin-top: 0;font-weight: 400}

.inner-about .about-intro .intro{line-height: 26px;font-size:16px;font-weight: 200;line-height:0;}
.inner-about .about-intro .intro img{width: 100%; height:auto;display:block;vertical-align:top;float: left;}



.anibar {width: 30%;margin-top: 10%;padding-left: 35px}
.anibar i{display: block;height: 25px;background: #b1b2b3;}
.inner-about .about-intro .img {position: relative; width:100%; height:auto;}
.inner-about .about-intro .img:after{content: '';position: absolute;right: -15px;bottom: -15px;background: #b1b2b3;width:150px;height: 150px;z-index: -1;}
.inner-about .about-intro .img img{width: 100%; height:auto;}
@media (max-width:1299px){
	.inner-about{}
	.inner-about .about-intro .intro{margin-top:0px;}

}
@media (max-width:1199px){
	.inner-about{}
	.inner-about .about-intro .intro img{width: 100%; height:auto;display:block;vertical-align:top;float: left;}
}
@media (max-width:991px){
	.inner-about .comm-title h2{padding-left: 15px;font-size: 1.2rem}
	.inner-about .about-intro .intro{padding-bottom: 0px;}
	.inner-about .about-intro .intro p{font-size: 1rem;line-height: 1.6rem;}
	.inner-about .about-intro .anibar{margin-top: 4%;padding-left: 15px}
	.inner-about .about-intro .img{padding-left: 0;padding-top: 5%}
	.inner-about .about-intro .intro img{width: 100%; height:auto;display:block;vertical-align:top;float: left;}
}
@media (max-width:767px){
	.inner-about .about-intro .intro p{font-size: 0.9rem;line-height: 1.4rem;}
	.inner-about .comm-title h2{padding-left: 15px;font-size:1rem;}
}
.inner-about .comp-situation{background: url(../images/situation.jpg) fixed center center;background-size: cover;padding-top: 80px;padding-bottom: 80px;}
.inner-about .comp-situation .comm-title h1{color: #fff}
.inner-about .comp-situation .comm-title h1:after,.inner-about .comp-situation .comm-title h1:before{background:#ffffff;}
.inner-about .comp-situation .situation-content{display: block;font-size:0;padding: 50px 15%;padding-bottom: 0;}
.inner-about .comp-situation .situation-content dl{width: 49%;display: inline-block;background: #ffffffdd;padding: 30px;margin-right: 2%;font-size:0;white-space: nowrap;margin-bottom: 22px}
.inner-about .comp-situation .situation-content dl:nth-child(2n){margin-right: 0}
.inner-about .comp-situation .situation-content dl .table{display: table}
.inner-about .comp-situation .situation-content dl dt{width:28%;color: #333;font-size:17px;line-height: 30px;font-weight: 400;display: table-cell;vertical-align: top;text-align:right;}
.inner-about .comp-situation .situation-content dl:nth-child(2n) dt{width: 40%}

.inner-about .comp-situation .situation-content dl dd{color: #333;font-size:17px;line-height: 30px;font-weight: 200;display: table-cell;vertical-align: top;padding-left: 8%;height: 120px}
.inner-about .comp-situation .situation-content dl dd img{width:60%;max-width: 80%}
.inner-about .about-intro .intro img{width: 100%; height:auto;display:block;vertical-align:top;float: left;}
@media (max-width:1199px){
	.inner-about .comp-situation .situation-content{padding-left:10%;padding-right: 10%;}
	.inner-about .comp-situation .situation-content dl{padding: 20px;}
	.inner-about .comp-situation .situation-content dl dt,.inner-about .comp-situation .situation-content dl dd{font-size:15px;line-height: 25px;height: 100px}
	.inner-about .comp-situation .situation-content dl dd{padding-left: 5%;}
}
@media (max-width:991px){
	.inner-about .comp-situation .situation-content{padding-left:3%;padding-right: 3%;}
	.inner-about .comp-situation .situation-content dl{padding:20px 10px;}
	.inner-about .comp-situation .situation-content dl dt,.inner-about .comp-situation .situation-content dl dd{font-size:13px;line-height: 20px;height: 80px}
	.inner-about .comp-situation .situation-content dl dd{padding-left: 3%;}
}
@media (max-width:767px){
	.inner-about .comp-situation .situation-content dl{width: 100%;margin-right: 0;margin-bottom: 10px}
	.inner-about .comp-situation .situation-content dl dt{width:38%;}
}
.inner-about .about-whyus{padding-top: 80px;padding-bottom: 80px;}
.inner-about .about-whyus .comm-title p{padding-left: 20%;padding-right:20%;font-weight: 200;margin-top: 30px}
.inner-about .about-whyus .whyus-content{padding-top: 50px;padding-bottom: 50px;}
.inner-about .about-whyus .whyus-content dl {padding:15px;}
.inner-about .about-whyus .whyus-content dl a{padding:40px 30px;display: block;background: #fff;box-shadow: 0 0 13px 5px rgba(0,0,0,0.04);cursor: pointer;}
.inner-about .about-whyus .whyus-content dl a dt{font-size:50px;display: block;color: #333}
.inner-about .about-whyus .whyus-content dl a:hover dt{color:#f67a4c}
.inner-about .about-whyus .whyus-content dl a dd{display: block;margin-top: 40px;height: 180px;}
.inner-about .about-whyus .whyus-content dl a dd h2{font-size:24px;font-weight: 400}
.inner-about .about-whyus .whyus-content dl a dd p{line-height: 24px;font-weight: 200;font-size:16px;margin-top: 15px;}
.inner-about .about-whyus .whyus-content .swiper-button-prev{left: -5px}
.inner-about .about-whyus .whyus-content .swiper-button-next{right: -5px}
.inner-about .about-whyus .whyus-content .swiper-button-prev:after,.inner-about .about-whyus .whyus-content .swiper-button-next:after{color: #00000050;font-size:20px;}
.inner-about .about-whyus .whyus-content .swiper-pagination,.inner-services .video-scroll .swiper-pagination{width: 100%;bottom:0}
.inner-about .about-whyus .whyus-content .swiper-pagination .swiper-pagination-bullet,.inner-services .video-scroll .swiper-pagination .swiper-pagination-bullet{width:25px;height: 3px;background: #666;border-radius:0;margin: 0 4px;}
.inner-about .about-whyus .whyus-content .swiper-pagination .swiper-pagination-bullet-active,.inner-services .video-scroll .swiper-pagination .swiper-pagination-bullet-active{background:#f67a4c}

@media (max-width:1199px){
	.inner-about .about-whyus .whyus-content dl a dt{font-size:40px;}
	.inner-about .about-whyus{padding-top: 40px;padding-bottom: 40px}
	.inner-about .about-whyus .comm-title p{padding-left: 10%;padding-right:10%;font-size:15px;margin-top: 20px}
	.inner-about .about-whyus .whyus-content dl a dd{margin-top: 20px;}
	.inner-about .about-whyus .whyus-content dl a dd h2{font-size:20px;}
}
@media (max-width:767px){
	.inner-about .about-whyus .whyus-content dl a{padding:30px;}
	.inner-about .about-whyus .whyus-content{padding-top: 20px;padding-bottom: 20px;}
	.inner-about .about-whyus .comm-title p{padding-left: 3%;padding-right:3%;font-size:13px;margin-top: 10px}
}
.inner-about .about-mission dl{margin-bottom: 0;}
.inner-about .about-mission dl dt,.inner-about .about-mission dl dd{padding:0;margin-bottom: 0}
.inner-about .about-mission dl dt img{width: 100%}
.inner-about .about-mission dl:nth-child(2n){flex-direction: row-reverse;}
.inner-about .about-mission dl dd{display: table;padding: 0 5%;background: #f2f2f2}
.inner-about .about-mission dl dd h1{display: block;font-size:40px;margin-bottom:50px;font-weight: 400;text-transform: uppercase;}
.inner-about .about-mission dl dd p{font-size:16px;font-weight:200;line-height: 24px}
.inner-about .about-mission dl dd p:last-child{margin-bottom: 0;}
@media (max-width:1399px){
	.inner-about .about-mission dl dd{padding: 0 4%;}
	.inner-about .about-mission dl dd h1{margin-bottom:20px;}
}
@media (max-width:1199px){
	.inner-about .about-mission dl dd h1{font-size:30px;margin-bottom:10px;}
	.inner-about .about-mission dl dd p,.inner-about .about-whyus .whyus-content dl a dd p{font-size:15px;line-height: 22px}
}
@media (max-width:991px){
	.inner-about .about-mission dl dd{padding-top:30px;padding-bottom: 30px}
	.inner-about .about-whyus .whyus-content dl a dd{margin-top: 30px;height: 120px;}
	.inner-about .about-mission dl dd p,.inner-about .about-whyus .whyus-content dl a dd p{font-size: 1rem;line-height: 1.6rem;}
}
@media (max-width:767px){
	.inner-about .about-mission dl dd h1{font-size:20px;}
	.inner-about .about-mission dl dd p,.inner-about .about-whyus .whyus-content dl a dd p{font-size: 0.9rem;line-height: 1.4rem;}
}
.inner-about .about-history{padding-top:100px;padding-bottom:30px;background: url(../images/history_bg.jpg) no-repeat center bottom #fafafa;background-size: contain;}
.inner-about .about-history .history-content{position: relative;margin-top:60px;padding-bottom: 60px;}
.inner-about .about-history .history-content:after{content: '';position: absolute;left: 0;top:244px;width:100%;height: 1px;background: #e1e1e1;}
.inner-about .about-history dl{position: relative;height: 100%}
.inner-about .about-history dl:after{content: '';height: 240px;width:1px;background: #e1e1e1;position: absolute;left:16px;top: 0;}
.inner-about .about-history dl:before,.inner-about .about-history dl dt:after{content: '';width:16px;height: 16px;background: #f67a4c;position: absolute;left:8px;bottom: -16px;border-radius:50%;z-index: 10;}
.inner-about .about-history dl dt:after{z-index: 9;}
.inner-about .about-history dl:nth-child(2n){padding-top: 240px}
.inner-about .about-history dl:nth-child(2n):after{top: auto;bottom: 0}
.inner-about .about-history dl:nth-child(2n):before,.inner-about .about-history dl:nth-child(2n) dt:after{bottom: auto;top:238px}
.inner-about .about-history dl dt{font-size:26px;font-weight: 400;display: block;padding-top: 50px;padding-left: 12%}
.inner-about .about-history dl dt:after{animation: yuanfangda2 1800ms infinite ease;}
@keyframes yuanfangda2{0%{transform:scale(0.1);opacity:1;}100%{transform:scale(2) ;opacity: 0;}}
.inner-about .about-history dl.swiper-slide-active dt{color: #f67a4c}
.inner-about .about-history dl dd{height: 120px;display: block;padding-left: 12%}
.inner-about .about-history dl.swiper-slide-active dd{color: #f67a4c}
.inner-about .about-history dl dd,.inner-about .about-history dl dd p{font-size:16px;font-weight: 200;line-height: 26px}
.inner-about .about-history dl dd p{margin-top: 20px}
.inner-about .about-history dl dd i{font-size:35px;}
.inner-about .about-history dl.swiper-slide-active dd p,.inner-about .about-history dl.swiper-slide-active dd i{color: #f67a4c}
.inner-about .about-history .swiper-pagination{width: 100%;bottom:0}
.inner-about .about-history .swiper-pagination .swiper-pagination-bullet{width:25px;height: 3px;background: #666;border-radius:0;margin: 0 4px;}
.inner-about .about-history .swiper-pagination .swiper-pagination-bullet-active{background:#f67a4c}
@media (max-width:1599px){
	.inner-about .about-history dl dt{font-size:24px;}
}
@media (max-width:1199px){
	.inner-about .about-history{padding-top:40px}
	.inner-about .about-history dl dt{font-size:20px;padding-top: 40px;}
}
@media (max-width:767px){
	.inner-about .about-history .history-content:after{top:174px;}
	.inner-about .about-history dl:nth-child(2n):before,.inner-about .about-history dl:nth-child(2n) dt:after{bottom: auto;top:168px}
	.inner-about .about-history dl:after{content: '';height: 170px;}
	.inner-about .about-history dl:nth-child(2n){padding-top: 170px}
	.inner-about .about-history dl dt{padding-top: 30px;}
	.inner-about .about-history .history-content{margin-top:10px;padding-bottom: 20px;}
	.inner-about .about-history dl dd{height: 80px;}
	.inner-about .about-history dl dd p{font-size: 0.9rem;line-height: 1.4rem}
	.inner-about .about-history dl dd i{font-size:25px;}
}
.inner-jobs{background: url(../images/jobs.jpg) no-repeat center fixed;background-size: cover;padding-top: 100px;padding-bottom: 100px;}
.inner-jobs .comm-title h1{color: #fff}
.inner-jobs .comm-title h2{color: #fff;font-size:20px;padding-left: 35px;font-weight:300;}
.inner-jobs .comm-title h1:after,.inner-jobs .comm-title h1:before{background:#fff;}
.inner-jobs .content{padding: 50px 0;font-size:16px;color: #fff;font-weight: 200;text-align:center;display: block;}
.inner-jobs .getintouch{display: block;text-align:center;}
.inner-jobs .getintouch a{background: #b1b2b3;color: #fff;padding: 8px 40px;display: inline-block;font-size: 14px;text-transform: uppercase;border-radius:5px;}
.inner-jobs .getintouch a:hover{background: #f67a4c;}
@media (max-width:1199px){
	.inner-jobs{padding-top: 40px;padding-bottom: 40px;}
	.inner-jobs .content{padding: 30px 0}
}
@media (max-width:767px){
	.inner-jobs .comm-title h2{font-size: 16px;padding-left: 15px;margin-top: 10px}
	.inner-jobs .content{font-size: 0.9rem;line-height: 1.4rem}
	.inner-jobs .getintouch a{font-size: 0.9rem;padding: 6px 25px;}
}
.cate-name{display: block;padding-bottom: 30px}
.cate-name h1{font-size:40px;color: #333;}
.cate-name h2{padding-left: 35px;display: block;font-size:20px;font-weight: 300;margin-top: 0}
.cate-name a{margin-left: 35px;margin-top: 40px;display: inline-block;font-size:14px;border: 1px #ddd solid;border-radius:5px;padding: 5px 30px;font-size:300;text-transform: uppercase;background: #fff;line-height: 30px}
.cate-name a:hover{background: #f67a4c;color: #fff;border-color: #f67a4c}
.cate-name a i{display: inline-block;margin-left: 10px;line-height: 30px;transition: all .2s}
.cate-name a:hover i{margin-left: 20px}
@media screen and (max-width:991px) {
	.cate-name{padding-bottom: 20px}
	.cate-name h1{font-size: 1.6rem;line-height: 2.5rem}
	.cate-name h1,.cate-name h2{padding-left: 15px}
	.cate-name h2{font-size: 16px}
}
@media screen and (max-width:576px) {
	.cate-name{padding-bottom: 5px}
	.cate-name h1{font-size: 1.3em;line-height: 1.8rem}
}
.inner-product{background: #f4f5f7;padding-top: 80px;padding-bottom: 80px;}
.inner-product .cate-list{padding-left: 20px;padding-right:20px;padding-bottom: 60px;}
.inner-product .cate-list dl{padding:15px;}
.inner-product .cate-list dl a{display: block;background: #fff;box-shadow: 0 5px 12px 5px rgba(0,0,0,0.04);border-radius:10px;overflow: hidden;}
.inner-product .cate-list dl a dt{display: block;overflow:hidden}
.inner-product .cate-list dl a dt img{width: 100%;transition:all .5s}
.inner-product .cate-list dl a:hover dt img{transform:scale(1.12)}
.inner-product .cate-list dl a dd{display: block;background: #f3f3f3;padding:30px 20px;text-align: center;margin-bottom: 0}
.inner-product .cate-list dl a dd h1{
	font-size: 22px;
	color: #f67a4c;
	display: block;
	letter-spacing:1px;
	font-weight: 400;
	position: relative;
	padding-bottom: 10px;
}
.inner-product .cate-list dl a dd h1:after{content: '';position: absolute;left: 50%;bottom: 0;width: 20px;transform: translateX(-50%);background: #f67a4c;height: 2px;transition: all .2s}
.inner-product .cate-list dl a:hover dd h1:after{width: 40px;}
.inner-product .cate-list dl a dd h2{
	font-size:16px;
	font-weight: 300;
	display: block;
	color: #333;
	overflow: hidden;
	line-height: 24px
}
.inner-product .cate-list dl a dd h3{font-size:14px;font-weight: 200;color: #999;margin-top: 10px;margin-bottom:10px;display: block;height: 40px;overflow: hidden;}
.inner-product .cate-list dl a:hover{box-shadow: 0 5px 12px 5px rgba(0,0,0,0.1)}
.inner-product .cate-list dl a dd .more{display: inline-block;text-transform: uppercase;position: relative;background: #000;color: #fff;padding: 5px 25px;border-radius:5px;font-size:13px;}
.inner-product .linkbox{display: block;height: 1px;overflow: hidden;width: 100%}

@media screen and (max-width:991px) {
	.inner-product{padding-top:40px;padding-bottom:40px;}
	.inner-product .cate-list{padding: 0;padding-bottom: 60px;}
}
@media screen and (max-width:767px) {
	.inner-product .cate-list dl a dd h1{font-size: 20px;}
	.inner-product .cate-list dl a dd h2{font-size: 0.9rem;margin-top: 10px;height:36px;line-height: 1.4rem;margin-bottom: 0}
	.inner-product .cate-list dl a dd .more{font-size: 0.9rem;padding: 5px 20px;margin-top: 15px}
}
.inner-prutdetail{background:linear-gradient(270deg, #fefefe,#aaa);}
.inner-prutdetail .row > div{padding: 0;height: 100vh}
.inner-prutdetail .row > div:last-child{padding-left:2%;}
.inner-prutdetail .gallery-top{text-align:center;margin-top:150px}
.inner-prutdetail .gallery-top img{width:92%}
.inner-prutdetail .gallery-top .swiper-button-next{right: 0}
.inner-prutdetail .gallery-top .swiper-button-prev{left: 0}
.inner-prutdetail .gallery-top .swiper-button-next:after,.inner-prutdetail .gallery-top .swiper-button-prev:after{font-size:20px;color: #fff;background: #00000060;padding:12px 8px}
.inner-prutdetail .gallery-top .swiper-pagination{bottom: 0;left: 50%;transform: translateX(-50%);}
.inner-prutdetail .gallery-top .swiper-pagination .swiper-pagination-bullet{width: 25px;height:3px;margin: 0 5px;border-radius:0;}
.inner-prutdetail .gallery-top .swiper-pagination .swiper-pagination-bullet-active{background: #f67a4c}
@media (max-width:1399px){
	.inner-prutdetail .row > div:first-child{padding-right: 2%;}
}
@media (max-width:991px){
	.inner-prutdetail .gallery-top .swiper-button-next{display: none}
	.inner-prutdetail .gallery-top .swiper-button-prev{display: none}
	.inner-prutdetail .gallery-top{margin-top:60px}
	.inner-prutdetail .row > div{height: auto}
	.inner-prutdetail .row > div:last-child{padding: 8% 0}
}

.inner-prutdetail .detail-intro {}
.inner-prutdetail .detail-intro h1{
	font-size: 36px;
	font-weight: 400;
	padding-bottom: 30px
}
.inner-prutdetail .detail-intro h2{
	color: #333333;
	font-size:24px;
	font-weight: 500;
	padding-left: 35px
}
.inner-prutdetail .detail-intro h3{color: #333;padding-left: 35px;font-weight: 300;font-size:18px;}
.inner-prutdetail .detail-intro p{color:#666;font-size: 14px;line-height: 24px;display: block;padding-left: 35px;font-weight: 200;margin: 0}
.inner-prutdetail .detail-intro .block{display: block;width: 100%;font-size: 0;padding-top:30px;padding-left: 35px;padding-bottom: 20px;min-height: 100px}
.inner-prutdetail .detail-intro .block li{color: #333;border-bottom: 1px #00000010 solid;width:32%;display: inline-block;font-size: 16px;line-height: 28px;margin-bottom: 30px;margin-right:2%;padding-bottom: 10px;position: relative;height: 56px;}
.inner-prutdetail .detail-intro .block li:nth-child(3n){margin-right: 0}
.inner-prutdetail .detail-intro .block li:after{content: '';left: 0;bottom: 0;width: 15px;height:1px;background:#f67a4c;position: absolute;transition: all .2s}
.inner-prutdetail .detail-intro .block li:hover:after{width: 100%}
.inner-prutdetail .detail-intro .block li span{color: #00000080;display: block;}
.inner-prutdetail .detail-intro .sroll-tabmenu{padding-left: 35px;}
.inner-prutdetail .detail-intro .sroll-tabmenu div.swiper-slide{cursor: pointer;border-radius:5px;padding: 6px 28px;background: #aaa;color: #fff;font-weight: 300;font-size: 14px;width: auto}
.inner-prutdetail .detail-intro .sroll-tabmenu div.swiper-slide-thumb-active{background: #f67a4c;}
.inner-prutdetail .detail-intro .download{display: block;padding-top: 30px;padding-left: 35px}
.inner-prutdetail .detail-intro .download a{border:1px #ffffffa0 solid;padding:0 25px;font-size: 16px;color: #fff;border-radius:5px;line-height:42px;display: inline-block;background: #aaa}
.inner-prutdetail .detail-intro .download a i{padding-right: 30px;position:relative;display: inline-block;line-height: 42px;}
.inner-prutdetail .detail-intro .download a i:after{content: '';background: #ffffff50;position: absolute;right:14px;height:14px;width:1px;top: 15px}
.inner-prutdetail .detail-intro .download a:hover{background: #f67a4c;border-color: #f67a4c}
.inner-prutdetail .detail-intro .download a:hover i:after{background: #ffffff40}
@media (max-width:767px){
	.inner-prutdetail .detail-intro h1{font-size: 20px;padding-bottom: 10px}
	.inner-prutdetail .detail-intro h2{font-size:30px;padding-left: 15px}
	.inner-prutdetail .detail-intro h3{padding-left: 15px;font-size:14px;}
	.inner-prutdetail .detail-intro p{font-size: 13px;line-height: 20px;padding-left: 15px;}
	.inner-prutdetail .detail-intro .block{padding-top:20px;padding-left: 15px;}
	.inner-prutdetail .detail-intro .block li,.inner-prutdetail .detail-intro .block li:nth-child(3n){width:49%;margin-right: 2%}
	.inner-prutdetail .detail-intro .block li:nth-child(2n){margin-right: 0}
	.inner-prutdetail .detail-intro .block li span{font-size: 13px;line-height: 16px}
	.inner-prutdetail .detail-intro .sroll-tabmenu{padding-left: 15px;}
	.inner-prutdetail .detail-intro .sroll-tabmenu div.swiper-slide{padding: 4px 20px;}
	.inner-prutdetail .detail-intro .download{padding-top: 20px;padding-left:15px}
	.inner-prutdetail .detail-intro .download a{padding:0 20px;font-size: 14px;line-height:36px;margin-bottom: 10px}
	.inner-prutdetail .detail-intro .download a i{padding-right: 25px;line-height:35px;}
	.inner-prutdetail .detail-intro .download a i:after{height:13px;width:1px;top: 11px}
}
.same-product{
	padding-top:30px;
	padding-bottom:30px;
}
.same-product .product-list{display: block;}
.same-product .other-prut {padding-bottom: 50px;}
.same-product .other-prut dl{padding-top: 30px}
.same-product .other-prut dl a{display: block;}
.same-product .other-prut dl a dt{display: block;border:1px #efefef solid;border-bottom: none;overflow: hidden;}
.same-product .other-prut dl a dt img{width: 100%;transition: all .5s}
.same-product .other-prut dl a:hover dt img{transform: scale(1.15);}
.same-product .other-prut dl a dd{background: #f5f5f5;display: block;padding:25px 15px;text-align: center;}
.same-product .other-prut dl a dd h1{font-size: 24px;color: #f67a4c;display: block;letter-spacing:1px;font-weight: 400;position: relative;padding-bottom: 10px;}
.same-product .other-prut dl a dd h1:after{content: '';position: absolute;left: 50%;bottom: 0;width: 20px;transform: translateX(-50%);background: #f67a4c;height: 2px;transition: all .2s}
.same-product .other-prut dl a:hover dd h1:after{width: 40px;}
.same-product .other-prut dl a dd h2{font-size:16px;font-weight: 300;display: block;margin-top:20px;color: #333;height: 48px;line-height: 24px;overflow: hidden;}
.same-product .other-prut dl a dd h3{font-size:14px;font-weight: 200;color: #999;margin-top: 10px;margin-bottom:10px;display: block;}
.same-product .other-prut dl a dd .more{display: inline-block;text-transform: uppercase;position: relative;background: #000;color: #fff;padding: 5px 25px;border-radius:5px;font-size:13px;}
.same-product .other-prut .swiper-pagination{bottom: 0;left: 50%;transform: translateX(-50%);}
.same-product .other-prut .swiper-pagination .swiper-pagination-bullet{width: 25px;height:3px;margin: 0 5px;border-radius:0;}
.same-product .other-prut .swiper-pagination .swiper-pagination-bullet-active{background: #f67a4c}
@media (max-width:767px){
	.same-product{padding-top:40px;padding-bottom:40px;}
	.same-product .other-prut {padding-bottom: 20px;}
	.same-product .other-prut dl{padding-top: 10px}
	.same-product .other-prut dl a dd h1{font-size: 20px;}
	.same-product .other-prut dl a dd h2{font-size:13px;height: 40px;line-height: 20px}
	.same-product .other-prut dl a dd .more{padding: 4px 22px;font-size:12px;}
}
.inner-news{padding-top: 80px;padding-bottom:80px;}
.inner-news .hot-news{padding-top: 20px}
.inner-news .hot-news > div{padding: 0}
.inner-news .hot-news > div:first-child{background: #f8f8f8;padding: 50px;display: table;}
.inner-news .hot-news > div dl{display: block;}
.inner-news .hot-news > div dl dt{color: #999;line-height: 30px;font-weight:200;display: block;}
.inner-news .hot-news > div dl dt i{color: #f67a4c;line-height: 28px;display: inline-block;vertical-align:top;font-size:16px;margin-right: 5px}
.inner-news .hot-news > div dl dd{display: block;margin-top: 30px}
.inner-news .hot-news > div dl dd p{display: block;margin-top: 25px;line-height: 30px;font-size: 16px;color: #777;margin-bottom:80px}
.inner-news .hot-news > div dl dd a,.inner-news .news-list a dd span,.inner-viewnews .news-detail dl a dd span{background: #b1b2b3;color: #fff;padding: 8px 40px;display: inline-block;font-size: 14px;text-transform: uppercase;border-radius: 5px;transition: all .3s}
.inner-news .hot-news > div dl dd a:hover,.inner-news .news-list a:hover dd span,.inner-viewnews .news-detail dl a:hover dd span{background:#f67a4c}
.inner-news .hot-news > div:last-child a{display: block;overflow: hidden;}
.inner-news .hot-news > div:last-child a img{width: 100%;transition: all 2s}
.inner-news .hot-news > div:last-child a:hover img{transform: scale(1.1);}
.inner-news .news-list{padding-top: 50px}
.inner-news .news-list.jobcss{padding-top: 0;}
.inner-news .news-list dl{padding: 20px}
.inner-news .news-list a{display: block;padding: 30px;box-shadow: 0px 0px 20px #eee;}
.inner-news .news-list.jobcss a{padding: 20px;}
.inner-news .news-list a dt{display: block;overflow:hidden;}
.inner-news .news-list a dt img{width: 100%;transition: all .3s}
.inner-news .news-list a:hover dt img{transform: scale(1.1);}
.inner-news .news-list a dd{display: block;padding-top: 20px;line-height: 30px;color: #999}
.inner-news .news-list a dd i{color: #f67a4c;line-height:28px;display: inline-block;vertical-align:top;font-size:16px;margin-right: 5px}
.inner-news .news-list a dd h1{
	font-size:22px;
	font-weight: 400;
	display: block;
	margin-top: 20px;
	color: #333;
	line-height:26px;
	height: 50px;
	overflow: hidden;
}
.inner-news .news-list.jobcss a dd h1{height:auto;font-size:20px;}
.inner-news .news-list a dd p{margin-top: 20px;margin-bottom: 20px;height: 75px;line-height: 25px;color: #777; display: -webkit-box; overflow: hidden;text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.inner-news .news-list.jobcss a dd p{display: none;}
.inner-news .news-list a dd span{padding: 2px 30px;margin-top: 30px}
@media (max-width:1199px){
	.inner-news{padding-top: 40px;padding-bottom:40px;}
	.inner-news .hot-news > div:first-child{padding: 30px}
	.inner-news .hot-news > div dl dd h1{font-size: 30px}
	.inner-news .hot-news > div dl dd p{font-size: 1rem;line-height: 1.6rem;margin-top: 20px;margin-bottom: 50px}
	.inner-news .news-list a dd p{font-size: 1rem;line-height: 1.6rem;}
	.inner-news .news-list.jobcss a dd h1{font-size:16px;}
}
@media (max-width:767px){
	.inner-news{padding-bottom:30px;}
	.inner-news .hot-news > div:first-child{padding: 20px}
	.inner-news .hot-news > div dl dd h1{font-size: 18px}
	.inner-news .hot-news > div dl dd p{font-size: 0.9rem;line-height: 1.4rem;margin-bottom: 20px}
	.inner-news .hot-news > div dl dd a,.inner-news .news-list a dd span,.inner-viewnews .news-detail dl a dd span{padding: 0px 20px;font-size:0.9rem;}
	.inner-news .news-list a dd span{margin-top:15px}
	.inner-news .news-list dl{padding: 0}
	.inner-news .news-list a{padding: 20px;}
	.inner-news .news-list{padding-top: 30px;margin-top: 30px;border-top:1px #eee solid;}
	.inner-news .news-list a dd h1{font-size:18px;margin-top:10px;line-height:25px;height: auto;}
	.inner-news .news-list.jobcss a dd h1{font-size:16px;}
	.inner-news .news-list a dd p{font-size: 0.9rem;line-height: 1.4rem;height: auto}
}

.inner-localtion{background: #f8f8f8;}
.inner-localtion.prut{background: #fff}
.inner-localtion li{padding: 0 30px;}
.inner-localtion li:first-child{padding-left: 0}
.inner-localtion li a{display: block;line-height: 60px;font-size:18px;font-weight: 400;position: relative;}
.inner-localtion li a:after{content:'';position: absolute;left: 50%;width: 0;height: 2px;bottom: 0;background: #f67a4c;transition: all .3s}
.inner-localtion li.cur a{color: #f67a4c}
.inner-localtion li.cur a:after,.inner-localtion li a:hover:after{width: 100%;left: 0}
@media (max-width:767px){
	.inner-localtion .container{font-size: 0;padding: 0}
	.inner-localtion li{padding: 0;width:50%;display: inline-block;position: relative;text-align: center;border-bottom: 1px #eee solid}
	.inner-localtion li:first-child{padding: 0}
	.inner-localtion li:nth-child(2n+1){border-right:1px #eee solid;}
	.inner-localtion li:last-child{border-right:1px #eee solid;}
	.inner-localtion li:nth-child(2n){border-right: none}
	.inner-localtion li a{font-size:1rem;line-height: 50px;}
}
.inner-viewnews .news-detail > div{padding: 0;padding-top: 80px}
.inner-viewnews .news-detail > div:first-child{padding-right:8%;position: relative;padding-bottom: 80px;}
.inner-viewnews .news-detail > div:last-child{padding-left: 2%}
.inner-viewnews .news-detail > div:first-child:after{content: '';position:absolute;right:4%;top:0;height: 100%;width: 1px;background: #eee}
.inner-viewnews .news-detail .title{display: block;border-bottom: 1px #eee solid;padding-bottom: 40px;}
.inner-viewnews .news-detail .date{display: block;padding-top: 20px;color: #999;line-height: 40px}
.inner-viewnews .news-detail .date i{margin-right: 5px}
.inner-viewnews .news-detail .content{display: block;padding-top: 50px;font-size:17px;line-height: 28px;padding-bottom: 30px;margin-bottom: 30px}
.inner-viewnews .news-detail .content img{max-width: 100%}
.inner-viewnews .news-detail .content table{width: 100%;}
.inner-viewnews .news-detail .content table tbody tr td{padding: 10px 20px;font-size:16px;border-right:1px #eee solid;border-bottom:1px #eee solid}
.inner-viewnews .news-detail .content table tbody tr:first-child td{background:#333;font-weight:400;color:#fff;border-right:1px #fff solid}
.inner-viewnews .news-detail .content table tbody tr:nth-child(2n) td{background:#f9f9f9;}
.inner-viewnews .news-detail .content table tbody tr td:first-child{border-left:1px #eee solid;}
.inner-viewnews .news-detail .content table tbody tr:hover {background:#f1f1f1;}
.inner-viewnews .news-detail dl{display: block;padding-bottom: 50px}
.inner-viewnews .news-detail dl a{display: block;}
.inner-viewnews .news-detail dl a dt{display: block;overflow: hidden;}
.inner-viewnews .news-detail dl a dt img{width: 100%;transition: all .3s}
.inner-viewnews .news-detail dl a:hover dt img{transform: scale(1.1);}
.inner-viewnews .news-detail dl a dd {display: block;padding-top: 30px}
.inner-viewnews .news-detail dl a dd h1{font-size:20px;line-height: 25px;display: block;}
.inner-viewnews .news-detail dl a dd p{margin-top: 20px;margin-bottom: 20px;height: 50px;line-height: 25px;color: #777; display: -webkit-box; overflow: hidden;text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inner-viewnews .news-detail dl a:hover dd h1{color: #f67a4c}
.inner-viewnews .news-detail .prenext{border-top: 1px #eee solid;padding-top: 60px;font-size: 0;width: 100%}
.inner-viewnews .news-detail .prenext li{width: 40%;display:inline-block;font-size: 0;line-height: 20px;font-weight: 400;vertical-align: top}
.inner-viewnews .news-detail .prenext li a{font-size: 14px;line-height: 20px;}
.inner-viewnews .news-detail .prenext li a i{display:inline-block;line-height: 17px;font-size: 13px;width: 18%;vertical-align: top}
.inner-viewnews .news-detail .prenext li i:before{line-height: 18px;vertical-align:baseline;margin-right: 5px}
.inner-viewnews .news-detail .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}
.inner-viewnews .news-detail .prenext li a i b{font-weight: normal;}
.inner-viewnews .news-detail .prenext li:nth-child(2){width: 20%;text-align:center;line-height: 18px;vertical-align: top;text-transform: uppercase;font-size: 14px}
.inner-viewnews .news-detail .prenext li:nth-child(2) i{font-size: 16px}
.inner-viewnews .news-detail .prenext li:nth-child(2) i b{width: auto;font-size: 13px;line-height: 18px;vertical-align: bottom;}
.inner-viewnews .news-detail .prenext li:last-child{text-align:right;}
.inner-viewnews .news-detail .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.inner-viewnews .news-detail .prenext li b{text-transform: uppercase}
.inner-viewnews .news-detail .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}

@media screen and (max-width: 1399px){
	.inner-viewnews .news-detail .prenext li a i{width:10%}
	.inner-viewnews .news-detail .prenext li a i b,.inner-viewnews .news-detail .prenext li:nth-child(2) i b{display:none;}
}
@media screen and (max-width: 1199px){
	.inner-viewnews .news-detail > div{padding-top: 40px}
	.inner-viewnews .news-detail .title h1{font-size: 30px}
}
@media screen and (max-width: 991px){	
	.inner-viewnews .news-detail > div:first-child{padding-right: 0}
	.inner-viewnews .news-detail > div:first-child:after,.inner-viewnews .news-detail > div:last-child{display: none}
	.inner-viewnews .news-detail .prenext li:last-child a span{border-right:none;padding-right:10px}
	.inner-viewnews .news-detail .prenext li a span{border-left:none;width:88%;padding-left:10px}
}
@media screen and (max-width: 767px){
	.inner-viewnews .news-detail .title h1{font-size: 20px}
}
.inner-services{}
.inner-services .services-block{display: block;font-size:0;padding-top: 80px}
.inner-services .services-block dl{display: inline-block;vertical-align: top;width: 23.5%;margin-right: 2%}
.inner-services .services-block dl:last-child{margin-right: 0}
.inner-services .services-block dl a{display: block;padding: 50px;box-shadow: 0 0 10px 5px #00000005;text-align:center;}
.inner-services .services-block dl a:hover{box-shadow: 0 0 10px 5px #00000010}
.inner-services .services-block dl a dt{display: block;}
.inner-services .services-block dl a dt i{font-size:70px;}
.inner-services .services-block dl a dd{display: block;padding-top: 30px}
.inner-services .services-block dl a dd h1{font-size:25px;font-weight: 400}
.inner-services .services-block dl a dd p{font-size:16px;font-weight: 200;color: #666;display: block;margin-top: 30px}
.inner-services .video-scroll{padding-bottom: 50px;}
.inner-services .down-part{padding-top: 65px;padding-bottom: 60px;}
.inner-services .down-part > div{padding: 0}
.inner-services .down-part > div:first-child{}
.inner-services .down-part > div:last-child{display: table;font-size:0;padding-left: 3.5%}
.inner-services .down-part .img{display: block;position: relative;}
.inner-services .down-part .img:after{content: '';position: absolute;left: -15px;bottom: -15px;background: #b1b2b3;width:150px;height: 150px;z-index: -1;}
.inner-services .down-part .img img{width: 100%}
.inner-services .down-part > div:last-child .abstract{font-size:16px;line-height: 24px;font-weight: 200;display: block;padding-left: 35px;padding-top: 30px}
.inner-services .down-part > div:last-child .down-list{padding-left: 35px;padding-top:40px}
.inner-services .down-part > div:last-child dl{display: inline-block;vertical-align: top;width: 25%;position: relative;margin-bottom: 20px;text-align:center;}
/*.inner-services .down-part > div:last-child dl:after{content: '';height: 100%;width: 1px;background: #eee;position: absolute;right:0;top: 0}*/
.inner-services .down-part > div:last-child dl:nth-child(4n):after{display: none}
.inner-services .down-part > div:last-child dl a{}
.inner-services .down-part > div:last-child dl a dt{display: block;}
.inner-services .down-part > div:last-child dl a dt i{font-size:50px;line-height: 65px}
.inner-services .down-part > div:last-child dl a dt i.icon-file-text{font-size:44px;}
.inner-services .down-part > div:last-child dl a dd{display: block;font-weight: 300;font-size:14px;vertical-align: top}
.inner-services .down-part > div:last-child dl a:hover{background: #f8f8f8}
.inner-services .down-part .anibar {margin-top:4%;}
@media screen and (max-width: 1199px){
	.inner-services .down-part{padding-top: 40px;padding-bottom: 30px;}
}
@media screen and (max-width: 991px){
	.inner-services .down-part > div:last-child .abstract{font-size:1rem;line-height: 1.6rem;padding-left: 15px;padding-top: 18px}
	.inner-services .down-part > div:last-child .down-list{padding-left: 0;padding-top:20px}
	.inner-services .down-part > div:last-child{padding-left:0;padding-top:40px}
	.inner-services .down-part > div:last-child dl a dt i{font-size:40px;line-height: 50px}
	.inner-services .down-part > div:last-child dl a dt i.icon-file-text{font-size:35px;}
}
@media screen and (max-width: 767px){
	.inner-services .down-part{padding-bottom: 0;}
	.inner-services .down-part > div:last-child .abstract{font-size:0.9rem;line-height: 1.4rem;}
	.inner-services .down-part > div:last-child dl a dd{font-size:0.9rem;line-height: 1.4rem;font-weight: 200}
}

.inner-services .faq-part .title{padding-bottom: 40px;padding-left: 35px}
.inner-services .faq-part .title h1{font-size:30px;font-weight:400;color: #fff}
.inner-services .faq-part .title h1:after,.inner-services .faq-part .title h1:before{background:#fff;}
.inner-services .faq-part ul{padding-left: 35px;padding-top: 50px}
.inner-services .faq-part ul li{display: block;cursor: pointer;}
.inner-services .faq-part ul li h2{line-height: 50px;font-size:16px;position: relative;display: inline-block;color: #fff}
.inner-services .faq-part ul li h2:after{content: '';position: absolute;left: 0;bottom: 0;width:0;height:1px;background: #f67a4c;transition: all .3s}
.inner-services .faq-part ul li h2 i{font-size:18px;display: inline-block;margin-right: 10px;vertical-align: top;line-height: 50px}
.inner-services .faq-part ul li.this h2{color: #f67a4c}
.inner-services .faq-part ul li.this h2:after{;width: 100%;}
.inner-services .faq-part .faq-list{display: block;background: #fff;padding: 40px;}
.inner-services .faq-part .faq-list .content{display: block;}
.inner-services .faq-part .faq-list .content.hide{display: none}
.inner-services .faq-part .faq-list dl{padding:0 30px;border-bottom: 1px #eee solid;display: block;overflow: hidden;}
.inner-services .faq-part .faq-list dl.this{height: auto;}
.inner-services .faq-part .faq-list dl dt{display: block;cursor: pointer;overflow:hidden;font-size:0;padding:15px 0;}
.inner-services .faq-part .faq-list dl dt i{font-size:20px;line-height:30px;vertical-align: top;display: inline-block;width: 3%;}
.inner-services .faq-part .faq-list dl dt span{display: inline-block;vertical-align: top;line-height: 30px;font-size:20px;font-weight: 400;width: 95%;}
.inner-services .faq-part .faq-list dl dt:hover,.inner-services .faq-part .faq-list dl.this dt{color: #f67a4c}
.inner-services .faq-part .faq-list dl dd{display: block;padding-left:3%;font-size:16px;font-weight: 200;height: 0;overflow:hidden;}
.inner-services .faq-part .faq-list dl.this dt{margin-bottom: 20px}
.inner-services .faq-part .faq-list dl.this dd{height: auto;margin-bottom:20px;}
.inner-services .faq-part .anibar {width: 38%;margin-top: 15%;}
.inner-services .faq-part .anibar i{height: 18px;background: #fff;}
@media screen and (max-width: 1599px){
	.inner-services .faq-part .faq-list dl dt i{width: 4%;}
	.inner-services .faq-part .faq-list dl dd{padding-left:4%;}
	.inner-services .faq-part .faq-list dl dt span{font-size: 18px}
}
@media screen and (max-width: 1199px){
	.inner-services .faq-part .title h1{font-size:22px;}
	.inner-services .faq-part{padding-bottom: 50px;padding-top:50px;}
	.inner-services .faq-part ul li h2{line-height: 30px;font-size:16px;}
	.inner-services .faq-part ul li h2 i{font-size:14px;line-height: 30px}
	.inner-services .faq-part .faq-list dl{padding:0 5px;}
	.inner-services .faq-part .faq-list dl dd{padding-left:5%;font-size:14px;}	
	.inner-services .faq-part .faq-list dl dt i{width: 5%;font-size:16px}
	.inner-services .faq-part .faq-list dl dt span{font-size:16px;}
}
@media screen and (max-width: 991px){
	.inner-services .faq-part .title{padding-bottom: 20px;padding-left: 15px}
	.inner-services .faq-part ul{padding-left: 15px;padding-top: 20px}
	.inner-services .faq-part .faq-list{padding:25px 15px;}
	.inner-services .faq-part .faq-list dl dt i{line-height:20px;}
	.inner-services .faq-part .faq-list dl dt span{line-height: 20px;overflow: hidden;}
	.inner-services .faq-part .anibar {padding-left: 15px}
	.inner-services .faq-part .faq-list dl.this dt{margin-bottom: 10px}
}
@media screen and (max-width:767px){
	.inner-services .faq-part .anibar {width:30%;margin: 2% 0;}
}
@media screen and (max-width:576px){
	.inner-services .faq-part .faq-list dl dd{padding-left:7%;font-size:0.9rem;line-height: 1.4rem}
	.inner-services .faq-part .faq-list dl dt i{width: 7%;}
	.inner-services .faq-part .faq-list dl dt span{width: 93%;}
}

.inner-services .video-part{padding-top: 60px;padding-bottom: 60px;}
.inner-services .video-part .comm-title{margin-bottom: 30px}
.inner-services .video-part a{display: block;position: relative;background: #000;border-radius:10px;overflow:hidden;}
.inner-services .video-part a img{width: 100%;opacity: 0.6;transition: all .5s}
.inner-services .video-part a:hover img{opacity: 0.8}
.inner-services .video-part a i{background: url(../images/video.svg) no-repeat center center;width:55px;height:55px;display: block;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.inner-services .video-part p{display: block;font-size: 18px;text-align: center;font-weight: 400;margin-top: 20px;line-height: 25px}
.trouble-part {background: #f8f8f8;padding-top: 70px;padding-bottom: 30px}
.trouble-part .cer-title{padding-top: 40px;border-bottom: 1px #eee solid;padding-bottom: 30px;}
.trouble-part .cer-title h1{font-size:30px;font-weight: 400;position: relative;padding-left: 25px;text-transform: uppercase;}
.trouble-part .cer-title h1:after{content: '';position: absolute;left: 0;top: 5px;height:23px;width: 4px;background: #f67a4c}
.trouble-part .trouble-list{padding-top: 30px;padding-bottom: 30px;display: block;font-size: 0;text-align:center;}

.trouble-part .trouble-list dl:last-child{margin-right: 0}
.trouble-part .trouble-list dl a{display: block;padding:30px 6%;position: relative;overflow: hidden;height: 100%;}
.trouble-part .trouble-list.brochure dl{background-image:url(../images/pdf2.png)}
.trouble-part .trouble-list.certificate dl{background-image:url(../images/pdf3.png)}
.trouble-part .trouble-list.manual dl{background-image:url(../images/pdf4.png);background-position: center;}
.trouble-part .trouble-list dl a:hover{background-color: #00000090}
.trouble-part .trouble-list dl a dt{display: block;;height: 100%;padding: 0 4%;padding-top: 40px;}
.trouble-part .trouble-list dl a dt h1{color: #fff;font-size:22px;font-weight:400;line-height:34px;word-break:break-word}

.trouble-part .trouble-list dl a dt p{ color:#FFFFFF;}

.trouble-part .trouble-list dl a dd{display: block;position: absolute;left: 5%;bottom: 0;color: #fff;width:90%;overflow:hidden;height: 80px}
.trouble-part .trouble-list dl a dd p{position: absolute;left: -90px;top: 0;display: block;width: 80%;transition: all .3s;font-size:16px;font-weight: 400;text-transform: uppercase;}
.trouble-part .trouble-list.de dl a dd p{left: -150px}
.trouble-part .trouble-list.es dl a dd p{left: -100px}
.trouble-part .trouble-list.nl dl a dd p{left: -115px}
.trouble-part .trouble-list dl a:hover dd p{left: 6%;}
.trouble-part .trouble-list dl a dd i{width: 44px;height: 44px;border-radius:50%;border:1px #ffffff50 solid;line-height: 42px;width:42px;text-align: center;color: #fff;display: inline-block;margin-left: 20px;font-size:18px;}
@media screen and (max-width: 1599px){
	.trouble-part .trouble-list dl{height: 300px;}
}
@media screen and (max-width: 1199px){
	.trouble-part {padding-top: 30px;}
	.inner-services .video-part{padding-top: 30px;padding-bottom: 30px;}
	.trouble-part .cer-title h1{font-size:20px;}
	.trouble-part .cer-title h1:after{top: 0}
	.trouble-part .trouble-list dl{height: 280px;}
	.trouble-part .cer-title{padding-top: 20px;padding-bottom: 15px;}
	.inner-services .video-part p{font-size: 16px;line-height: 22px}
}
@media screen and (max-width: 767px){
	.inner-services .video-part p{font-size: 1rem;line-height:1.5rem;font-weight: 300;}
}
.trouble-part.download{padding-top: 80px;padding-bottom: 80px;}
.trouble-part.download .trouble-list{text-align:left;}
.trouble-part.download .trouble-list dl{width:23.5%;height: 320px;margin-right: 2%}
.trouble-part.download .trouble-list dl:nth-child(4n){margin-right: 0}
@media screen and (max-width: 1199px){
	.trouble-part.download{padding-top: 40px;padding-bottom: 40px;}
	.trouble-part .trouble-list dl a dt{padding-top: 20px}
	.trouble-part.download .trouble-list dl{margin-bottom:25px}
	.trouble-part.download .trouble-list dl,.trouble-part.download .trouble-list dl:nth-child(4n){height: 280px;width:32%;margin-right: 2%}
	.trouble-part.download .trouble-list dl:nth-child(3n){margin-right: 0}
	.trouble-part .trouble-list dl a dt h1{font-size:18px;line-height:25px;}
}
@media screen and (max-width: 991px){
	.trouble-part .trouble-list dl a{padding:20px 6%;}
}
@media screen and (max-width: 767px){
	.trouble-part.download .trouble-list dl{margin-bottom:15px}
	.trouble-part.download .trouble-list dl,.trouble-part.download .trouble-list dl:nth-child(3n),.trouble-part.download .trouble-list dl:nth-child(4n){height: 250px;width:49%;margin-right: 2%}
	.trouble-part.download .trouble-list dl:nth-child(2n){margin-right: 0}
	.trouble-part .trouble-list{text-align: left;padding-bottom:0}
	.trouble-part .trouble-list dl{height: 220px;width:48%;margin-bottom:20px}
	.trouble-part .trouble-list dl a dt{padding-top: 20px}
	.trouble-part .trouble-list dl a dt h1{color: #fff;font-size:1rem;font-weight:300;line-height:1.5rem}
	.trouble-part .trouble-list dl a dd{height: 60px}
	.trouble-part .trouble-list dl a dd p{width: 100%;font-size:14px;}
}
.inner-contact{padding-top: 80px;padding-bottom: 80px;}
.inner-contact .comm-title h2,.inner-feedback .comm-title h2,.inner-services .comm-title h2{padding-left: 35px;font-size: 22px;margin-top: 0;font-weight: 400;}
.inner-contact .headquarters{
	display:block;
	background: #f8f8f8;
	margin-top: 60px;
	padding-top: 70px;
	padding-right: 50px;
	padding-bottom: 70px;
	padding-left: 50px;
}
.inner-contact .headquarters .title{display: block;padding-bottom: 50px}
.inner-contact .headquarters .title h1{font-size:22px;}
.inner-contact .headquarters .row > div{padding: 0}
.inner-contact .headquarters dl{display: block;margin-bottom: 25px}
.inner-contact .headquarters dl dt{display: inline-block;width: 40px;height:40px;background: #f67a4c;border-radius: 50%;text-align: center;vertical-align: top;margin-top: 2px}
.inner-contact .headquarters dl dt i{font-size:22px;color: #fff;line-height: 40px;display: inline-block;}
.inner-contact .headquarters dl dd{display: inline-block;width: 60%;padding-left: 3%;vertical-align: top}
.inner-contact .headquarters dl dd span{color: #333;font-size:16px;font-weight:400;}
.inner-contact .headquarters dl dd p{
	color: #666666;
	font-size:15px;
	font-weight: 300;
	display: block;
	margin-top:0;
	line-height: 18px
}
.inner-contact .map{height:500px}
@media screen and (max-width: 1199px){
	.inner-contact{padding-top: 40px;padding-bottom: 40px;}
	.inner-contact .headquarters{display:block;padding:35px 40px;margin-top: 30px}
	.inner-contact .headquarters .title h1{font-size:20px;}
}
@media screen and (max-width: 991px){
	.inner-contact .comm-title h2,.inner-feedback .comm-title h2,.inner-services .comm-title h2{padding-left: 15px;font-size: 16px;font-weight: 300}
	.inner-contact .map{height:450px}
}
@media screen and (max-width: 767px){
	.inner-contact .headquarters .title{padding-bottom: 20px}
	.inner-contact .headquarters .title h1{font-size:18px;}
	.inner-contact .headquarters{padding:40px 4%}
	.inner-contact .headquarters dl{margin-bottom: 10px}
	.inner-contact .headquarters dl:last-child{margin-bottom: 0}
	.inner-contact .headquarters dl dd span{font-size:1rem;}
	.inner-contact .headquarters dl dd p{font-size:0.9rem;line-height: 1.4rem}
	.inner-contact .headquarters dl dt{width: 30px;height:30px;}
	.inner-contact .headquarters dl dt i{font-size:16px;line-height: 30px;}
	.inner-contact .map{height:300px}
}

.inner-contact .world-office{display: block;padding-top: 80px}
.inner-contact .world-office .title{text-align:center;padding-bottom: 40px;}
.inner-contact .world-office .title h1{font-size:30px;}
.inner-contact .world-office .block{font-size: 0;text-align: center;display: flex}
.inner-contact .world-office .block dl{width: 49%;display: inline-block;vertical-align: top;background: #f8f8f8;margin-right: 2%;font-size:0;position:relative;}
.inner-contact .world-office .block dl:last-child{margin-right: 0}
.inner-contact .world-office .block dl dt{width: 46%;display: inline-block;vertical-align: top}
.inner-contact .world-office .block dl dt img{width: 100%}
.inner-contact .world-office .block dl dd{display: inline-block;vertical-align: top;width: 54%;text-align:left;height: 100%}
.inner-contact .world-office .block dl dt i{display: block;font-size:18px;margin-bottom: 20px;width: 40px;height:40px;text-align: center;line-height: 40px;background: #f67a4c;color: #fff;border-radius: 50%;position: absolute;left: 46%;top: 50%;transform: translate(-50%,-50%);z-index: 10;}
.inner-contact .world-office .block dl dd .table{display:table;width: 100%;height: 100%}
.inner-contact .world-office .block dl dd .table .vermidd{display: table-cell;vertical-align: middle;height: 100%;padding-left:60px;padding-right:20px;}
.inner-contact .world-office .block dl dd h1{font-weight: 400;font-size:24px;display: block;}
.inner-contact .world-office .block dl dd p{font-size:16px;line-height: 24px;font-weight: 300;display: block;margin-top: 25px}
.inner-contact .world-office .block dl dd p span{font-weight:200;color: #999;display: block;margin-bottom: 10px}
@media screen and (max-width: 1499px){
	.inner-contact .world-office .block dl dd h1{font-size:22px;}
	.inner-contact .world-office .block dl dd p{margin-top: 18px}
}
@media screen and (max-width: 1199px){
	.inner-contact .world-office{padding-top: 40px}
	.inner-contact .world-office .block dl dd .table .vermidd{padding-left:35px;padding-right:10px;}
	.inner-contact .world-office .block dl dd h1{font-size:20px;}
	.inner-contact .world-office .block dl dd p{font-size:1rem;line-height: 1.6rem;margin-top: 10px}
	.inner-contact .world-office .block dl dd p span{margin-bottom:5px}
	.inner-contact .world-office .title{padding-bottom: 30px}
	.inner-contact .world-office .title h1{font-size:24px;}
}
@media screen and (max-width: 991px){
	.inner-contact .world-office .block{display: block;}
	.inner-contact .world-office .block dl{width: 100%;display: flex;flex-wrap: wrap;margin-right: 0}
	.inner-contact .world-office .block dl dd{height: auto}
}
@media screen and (max-width: 767px){
	.inner-contact .world-office .block{padding: 0 2%}
	.inner-contact .world-office .title{padding-bottom: 20px}
	.inner-contact .world-office .title h1{font-size:22px;}
	.inner-contact .world-office .block dl dd h1{font-size:18px;}
	.inner-contact .world-office .block dl dd p{font-size:0.9rem;line-height: 1.4rem;margin-top: 5px}
	.inner-contact .world-office .block dl dt{width: 40%;}
	.inner-contact .world-office .block dl dt i{font-size:16px;left: 40%;margin-bottom: 10px;width:30px;height:30px;line-height: 30px}
}
@media screen and (max-width: 576px){
	.inner-contact .world-office .block dl{display: block;margin-bottom: 10px}
	.inner-contact .world-office .block dl dt{width: 100%;position: relative;}
	.inner-contact .world-office .block dl dd{width: 100%;padding-top: 25px}
	.inner-contact .world-office .block dl dd .table .vermidd{padding-left:15px;padding-right:15px;}
	.inner-contact .world-office .block dl dt i{left: 50%;top: auto;bottom: 0;margin-bottom: 0;transform:translate(-50%,50%)}
	.inner-contact .world-office .block dl dd p{margin-bottom: 0}
}
.inner-contact .our-partners{display: block;padding-top: 80px}
.inner-contact .our-partners .title{text-align:center;padding-bottom: 40px;}
.inner-contact .our-partners .title h1{font-size:30px;}
.inner-contact .our-partners .block{font-size: 0;display: block;width: 100%}
.inner-contact .our-partners .block dl{width: 32%;display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 30px;border-radius:15px;overflow: hidden;}
.inner-contact .our-partners .block dl:nth-child(3n){margin-right: 0}
.inner-contact .our-partners .block dl dt{display: block;}
.inner-contact .our-partners .block dl dt img{width: 100%}
.inner-contact .our-partners .block dl dd{display: block;padding-top: 30px;text-align: left}
.inner-contact .our-partners .block dl dd h3{font-size: 17px;font-weight:300;line-height: 26px}
.inner-contact .our-partners .block dl dd i{font-size: 22px;line-height: 30px;vertical-align: top;display: inline-block;margin-left: -4px;display: none}
.inner-contact .our-partners .block dl dd h1{font-size: 21px;color: #f67a4c;margin-bottom: 20px;}
.inner-contact .our-partners .block dl dd p{font-size: 15px;line-height: 26px;font-weight: 200;display: block;margin: 10px 0;}
.inner-contact .our-partners .block dl dd a{font-weight: 400}
@media screen and (max-width: 1199px){
	.inner-contact .our-partners{padding-top: 40px}
	.inner-contact .our-partners .title{padding-bottom: 30px}
	.inner-contact .our-partners .title h1{font-size:24px;}
}
@media screen and (max-width: 991px){
	.inner-contact .our-partners .block dl,.inner-contact .our-partners .block dl:nth-child(3n){width: 49%;margin-right: 2%}
	.inner-contact .our-partners .block dl:nth-child(2n){margin-right: 0}
	.inner-contact .our-partners .block dl dd h1{font-size: 20px;margin-bottom: 15px;}
}
@media screen and (max-width: 767px){
	.inner-contact .our-partners{padding-top: 20px;padding-left: 2%;padding-right: 2%}
	.inner-contact .our-partners .title{padding-bottom: 20px}
	.inner-contact .our-partners .title h1{font-size:22px;}
	.inner-contact .our-partners .block dl dd h3{font-size: 14px;line-height: 20px}
	.inner-contact .our-partners .block dl dd h1{font-size:16px;margin-bottom: 10px;}
	.inner-contact .our-partners .block dl dd p{font-size: 0.9rem;line-height: 1.4rem}
}
@media screen and (max-width: 576px){
	.inner-contact .our-partners .block dl,.inner-contact .our-partners .block dl:nth-child(2n),.inner-contact .our-partners .block dl:nth-child(3n){width: 100%;margin-right: 0}
}
.inner-feedback{padding-top: 80px;padding-bottom: 80px;border-top: 1px #eee solid}
.inner-feedback .feedback-content{padding-top: 40px}
.inner-feedback .feedback-content input,.inner-feedback .feedback-content textarea{background: #f8f8f8;color: #999;height:60px;line-height:60px;width: 100%;border:none;padding:0 20px;font-size: 15px;border-radius: 6px;font-weight: 300}
.inner-feedback .feedback-content select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../images/arrow.png") no-repeat right center #f8f8f8;background-size:25px auto;color: #999;height:60px;line-height:60px;width: 100%;border-radius: 6px;border:none;padding:0 20px;font-size: 15px;color: #777;font-weight: 300}
.inner-feedback .feedback-content select option{padding: 10px !important;}
.inner-feedback .feedback-content textarea{height:200px;line-height:25px;padding-top: 20px}
.inner-feedback .feedback-content .row > div{padding:20px;}
.inner-feedback .feedback-content .checkcode img{margin-top: 20px}
.inner-feedback .feedback-content .checksquare{font-size: 0;color:#777;}
.inner-feedback .feedback-content .checksquare input{display:inline-block;vertical-align:top;width:16px;height:16px;margin-right:10px}
.inner-feedback .feedback-content .checksquare span{font-size: 12px;display:inline-block;vertical-align:top;line-height:20px;width:96%;font-weight:200}
.inner-feedback .feedback-content .checksquare span a{color: #f67a4c;}
.inner-feedback .feedback-content .checksquare span a:hover{color: #f67a4c;}
.inner-feedback .feedback-content .savebutton {margin-bottom: 40px}
.inner-feedback .feedback-content .savebutton button.submit{background: #b1b2b3;color: #fff;width: 220px;border:none;outline: none;line-height: 60px;font-size: 16px;border-radius: 6px;transition: all .3s}
.inner-feedback .feedback-content .savebutton button.submit:hover{background:#f67a4c}
@media screen and (max-width: 1199px){
	.inner-feedback{padding-top: 40px;padding-bottom: 40px;}
	.inner-feedback .feedback-content{padding-top: 20px}
	.inner-feedback .feedback-content .row > div{padding:10px 15px;}
}
@media screen and (max-width: 991px){
	.inner-feedback .feedback-content input,.inner-feedback .feedback-content textarea{height:40px;line-height:40px;width: 100%;padding:0 10px;font-size: 1rem;}
	.inner-feedback .feedback-content textarea{line-height:1rem;padding-top: 20px}
	.inner-feedback .feedback-content .checkcode img{margin-top: 10px}
	.inner-feedback .feedback-content .savebutton button.submit{width: 40%;line-height: 40px;font-size: 1.2rem;}
	.inner-feedback .feedback-content .checksquare span{width:90%}
}
.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: 48px;
	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;
	padding-right: 3px;
	padding-left: 3px;
}
.pagination-bar ul li.pageinfo {background: #e8e8e8;line-height: 42px;text-align: center;padding: 0 15px;}
.pagination-bar ul li.active{background: #f67a4c;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: #ffffff;
	background-color: #f67a4c;
}

.pagelist { padding:20px; overflow:hidden; clear:both}
.pagelist .pagination {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	
	text-align: center;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #ffffff;
	background-color: #f67a4c;
  border: 1px solid #f67a4c;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}

.text-secondary{ text-align:center; padding:20px 0}





@media screen and (max-width: 991px){
	.pagination-bar {margin-top:30px;}
	.pagination-bar ul li.disabled {height: 30px;width: 30px;line-height: 34px;}
	.pagination-bar ul li a {height:30px;width: 30px;}
	.pagination-bar ul li.pageinfo {line-height: 30px;padding: 0 10px;}
	.pagination-bar ul li.active{height: 30px;width: 30px;line-height: 34px;}
}
/* footer */ 
.fix-cookies{position: fixed;bottom: 0;left:0;padding-top:40px;padding-bottom:30px;background:#fffffff0;box-shadow:0 0 8px 8px #00000012;z-index:100;display:none}
.fix-cookies .row > div{padding: 0;}
.fix-cookies .row > div h1{font-size: 30px;text-transform: uppercase;padding-bottom: 10px;}
.fix-cookies .row > div.agree{display:table;text-align:right}
.fix-cookies .row > div.agree .vermidd{display:table-cell}
.fix-cookies .row > div.agree a{display: inline-block;border: 1px #ccc solid;padding: 6px 35px;border-radius: 5px;margin-right:8px;cursor: pointer;}
.fix-cookies.de .row > div.agree a{padding: 6px 25px;}
.fix-cookies .row > div.agree a:last-child{margin-right:0}
.fix-cookies .row > div.agree a#agree{background: #f67a4c;color: #fff;border-color: #f67a4c;}
@media screen and (max-width: 767px){
    .fix-cookies .row > div h1{font-size: 20px;}
    .fix-cookies .row > div.agree{display:block;text-align:left;padding-top:15px}
    .fix-cookies .row > div{font-size: 0.9rem;line-height:1.4rem;}
}
.footer {
	padding-top: 80px;
	  background: linear-gradient(to bottom, rgb(58, 58, 58), rgb(11, 11, 11));
	
	
}
.footer .row > div{padding:0;}
.footer .row > div:first-child {font-size:0;padding-bottom: 40px;padding-right: 3%}
.footer .footer-nav dl{width:20%;display: inline-block;vertical-align: top}	
.footer .footer-nav dl dt{display: block;}
.footer .footer-nav dl dt a{
	font-size:16px;
	font-weight:400;
	color: #fff
}
.footer .footer-nav dl dd{margin-top: 20px}
.footer .footer-nav dl dd a {
	color: #CCCCCC;
	font-size: 16px;
	font-weight:300;
	display: block;
	font-size: 14px;
	line-height: 30px;
}
.footer .footer-nav dl dd a:hover {
	color: #eb7f3d
}

.footer .hotline{color: #fff;padding-left: 10%}
.footer .hotline > i{font-size:30px;display: block;margin-bottom: 20px}
.footer .hotline h2{font-size:14px;line-height: 18px}
.footer .hotline h1{
	font-size: 22px;
	margin-bottom: 20px;
	line-height: 30px
}
.footer .share{display: block;margin-top: 5px;} 
.footer .share a{display:inline-block;vertical-align: top;width: 30px;height: 30px;text-align: center;border-radius:50%;background: #fff;margin-right: 10px;}
.footer .share a i{font-size:17px;color: #333;line-height:29px;transition: all .2s}
.footer .share a:hover{background:#f67a4c;}
.footer .share a:hover i{color:#fff;}
.footer .copyright{
	border-top: 1px #ffffff15 solid;
	line-height: 60px;
	text-align: center;
	color: #CECECE
}
.footer .copyright a{color: #8b8b8b}
.footer .copyright a:hover{color: #f67a4c}
@media screen and (max-width:1599px){
	.footer .hotline{padding-left: 0}
}
@media screen and (max-width:1299px){
	.footer {padding-top: 40px;}
	.footer .hotline h1{font-size: 1.4rem;line-height: 1.8rem}
}
@media screen and (max-width:767px){
	.footer {padding-top: 25px;}
	.footer .footer-nav dl{width: 100%;display: block;height: 50px;line-height: 50px;overflow: hidden;border-bottom: 1px #ffffff20 solid;margin-bottom: 0}
	.footer .footer-nav dl dt{position: relative;width: 100%}
	.footer .footer-nav dl dt i{position: absolute;right: 0;top: 0;line-height: 50px;color: #fff;font-size: 20px;display: inline-block;transition: all .3s;cursor: pointer;}
	.footer .footer-nav dl.active dt i{transform: rotate(90deg);}
	.footer .footer-nav dl dd{margin-top: 0;margin-bottom: 20px}
	.footer .footer-nav dl dd a {font-size: 0.9rem}
	.footer .copyright{line-height: 40px;margin-top: 20px;font-size: 0.9rem}
	.footer .hotline{padding-left: 0}
	.footer .hotline > i{display: inline-block;}
}