@charset "utf-8";
@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}
@font-face{font-family: 'MonBold';src: url('../fonts/Montserrat-Bold.ttf');font-weight: normal;font-style: normal;font-display:swap;} 
@font-face{font-family: 'RocknessRegular';src: url('../fonts/RocknessRegular.woff2');font-weight: normal;font-style: normal;font-display:swap;} 
html,body,ul,li{-webkit-text-size-adjust:none;margin:0;padding:0;font-size: 14px;}
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;}
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:bold;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.3s;}
a:hover{ color:#ad302a;text-decoration:none;}
.pcshow{display: block;}
.mbshow{display: none;}
.container{overflow-x: hidden;overflow-y: hidden;}
.containerfull{padding: 0 1%;width: 100%;}
.vermidd{display: table-cell;vertical-align: middle;}
.mouse-cursor{display:none;width:0;height:0;position:fixed;z-index:1000;pointer-events:none;-webkit-transition:all .05s 0s ease-out;-moz-transition:all .05s 0s ease-out;-ms-transition:all .05s 0s ease-out;-o-transition:all .05s 0s ease-out;transition:all .05s 0s ease-out}
.mouse-cursor .mouse-cursor-content{position:absolute;width:80px;height:80px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-transform:translate3d(-40px, -40px, 0);-ms-transform:translate3d(-40px, -40px, 0);-webkit-transform:translate3d(-40px, -40px, 0);transform:translate3d(-40px, -40px, 0)}
.mouse-cursor .mouse-cursor-content .mouse-cursor-mid{-webkit-transition:all .3s 0s ease-out;-moz-transition:all .3s 0s ease-out;-ms-transition:all .3s 0s ease-out;-o-transition:all .3s 0s ease-out;transition:all .3s 0s ease-out;position:absolute;width:50%;height:50%;border:1px solid rgba(0,151,167,0.5);top:25%;left:25%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;mix-blend-mode:overlay}
.mouse-cursor .mouse-cursor-content .mouse-cursor-center{position:absolute;display:block;width:15%;height:15%;top:42.5%;left:42.5%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#FFFFFF;z-index:1001;pointer-events:none}
.mouse-cursor.bigger{mix-blend-mode:screen}
.mouse-cursor.bigger .mouse-cursor-content .mouse-cursor-mid{width:100%;height:100%;border:16px solid #0097A7;top:0;left:0}
.mouse-cursor.bigger .mouse-cursor-content .mouse-cursor-center{width:25%;height:25%;top:37.5%;left:37.5%}
a.more{display:inline-block;background:#ad302a;color: #fff;padding:9px 38px;border-radius:30px;text-transform: uppercase;box-shadow: 0 15px 15px -13px #ad302a;font-size: 16px;margin-right: 8px}
a.more i{display:inline-block;margin-left:8px;transition: all .3s}
a.more:hover{background:#000;color: #fff;box-shadow: 0 15px 15px -13px #000}
a.more:hover i{margin-left: 15px}
@media screen and (max-width: 1199px) {
	a.more{padding:8px 30px;font-size: 14px;margin-right: 8px}
}
@media screen and (max-width: 991px) {
	.pcshow{display: none;}
	.mbshow{display: block;}
}
/* header */
header{position:fixed;left:0;top: 0px;z-index: 500;width: 100%;transition:all .4s ease;height:100px;line-height:100px;border-bottom: 1px #ffffff20 solid;}
header.scroll,header.active,header#fixtop{background: #fffffff0;border-bottom: 1px #00000020 solid;}
header .row{font-size: 0}
header .row > div{display: inline-block;vertical-align: top}
header .row > div.logo{width: 25%;padding-left: 3%}
header .row > div.menu{width: 50%;text-align: center;border-left: 1px #ffffff00 solid;}
header.scroll .row > div.menu,header.active .row > div.menu,header#fixtop .row > div.menu{border-left-color: #00000020;height: 99px}
header .row > div.last{width: 25%;padding-right: 3%;text-align: right;font-size: 0;border-left: 1px #ffffff00 solid;height: 100px;}
header .row > div.last .mobilemenu{height:100px;display: inline-block;vertical-align: top;color: #fff;line-height: 100px;cursor: pointer;position:relative;z-index: 100;border-right: 1px #ffffff20 solid;width:35%;text-align: center}
header.scroll .row > div.last,header.active .row > div.last,header#fixtop .row > div.last{border-left-color:#00000020;}
header.scroll .row > div.last .mobilemenu,header.active .row > div.last .mobilemenu,header#fixtop .row > div.last .mobilemenu{border-right-color: #00000020;}
header .row > div.last .mobilemenu a{display:inline-block;position: relative;cursor: pointer;width:45%;height:46px;transform: translate3d(0,23px,0);overflow: hidden;}
header .row > div.last .mobilemenu a span,header .row > div.last .mobilemenu a span:after,header .row > div.last .mobilemenu a span:before {content:"";display:block;width:100%;height:2px;background:#fff;position:absolute;top:50%;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.scroll .row > div.last .mobilemenu a span,header.scroll .row > div.last .mobilemenu a span:after,header.scroll .row > div.last .mobilemenu a span:before,header.active .row > div.last .mobilemenu a span,header.active .row > div.last .mobilemenu a span:after,header.active .row > div.last .mobilemenu a span:before,header#fixtop .row > div.last .mobilemenu a span,header#fixtop .row > div.last .mobilemenu a span:after,header#fixtop .row > div.last .mobilemenu a span:before{background: #333}
header .row > div.last .mobilemenu a span:after {margin-top:-8px;top:0;transition-delay:0.27s;}
header .row > div.last .mobilemenu a span:before {margin-top:8px;top:0;transition-delay:0.2s;width: 80%;transition: all .3s}
header .row > div.last .mobilemenu a:hover span:before{width: 100%}
header .row > div.last .mobilemenu.click a span,header .row > div.last .mobilemenu.click a span:after,header .row > div.last .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 .row > div.last .mobilemenu.click a span:after {transition-delay:0s;}
header .row > div.last .mobilemenu.click a span:before {transition-delay:0.07s;}
header .row > div.last .mobilemenu > a i:before,header .row > div.last .mobilemenu > a i:after {content:"";display:block;width:46px;height:2px;background:#fff;position:absolute;top:22px;left:44%;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 .row > div.last .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 .row > div.last .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 .row > div.last .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 .row > div.last .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.scroll .row > div.last .mobilemenu > a i:before,header.scroll .row > div.last .mobilemenu > a i:after,header.active .row > div.last .mobilemenu > a i:before,header.active .row > div.last .mobilemenu > a i:after,header#fixtop .row > div.last .mobilemenu > a i:before,header#fixtop .row > div.last .mobilemenu > a i:after{background: #333}
header .mainmenu{display:inline-block;width: 100%;text-align: center;}
header .mainmenu > li{padding: 0 2.5%;line-height: 100px;position: relative;}
header .mainmenu > li:after{content: '';position: absolute;top:0;left: 50%;width: 0;background: #ad302a;height: 5px;transition: all .5s}
header .mainmenu > li.active:after{width: 100%;left: 0}
header .mainmenu > li > a{line-height: 100px;font-size:16px;display:inline-block;color: #fff}
header.scroll .mainmenu > li > a,header.active .mainmenu > li > a,header#fixtop .mainmenu > li > a{color: #333}
header .mainmenu > li > i{margin-left: 5px;color: #fff;display:inline-block;font-size:20px;line-height:100px;vertical-align: top;transition: all .3s}
header .mainmenu > li ul{position: absolute;left: -25%;width: 160%;top: 70px;background:#fffffff0;padding:15px 30px;opacity: 0;visibility: hidden;transition: all .4s}
header .mainmenu > li:nth-child(2) ul{width: 200%;left: -50%}
header .mainmenu.en > li > a{text-transform:uppercase;font-weight: 500}
header .mainmenu.en > li:nth-child(2) ul{width: 400%;left: -150%}
header .mainmenu > li:nth-child(3) ul{width: 240%;left: -70%}
header .mainmenu > li:nth-child(4) ul{width: 200%;left: -50%}
header .mainmenu.en > li:nth-child(3) ul{width: 300%;left: -100%}
header .mainmenu.en > li:nth-child(4) ul{width: 300%;left: -100%}
header .mainmenu > li ul li{display: block;height: 55px;border-bottom: 1px #e5e5e5 solid}
header .mainmenu > li ul li:last-child{border-bottom: none}
header .mainmenu > li ul li a{line-height:55px;display: block;font-size: 15px}
header .mainmenu > li.active > a{color: #ad302a}
header .mainmenu > li.active > i{transform: rotate(-90deg);color: #2c8a39}
header .mainmenu > li.active ul{top: 100px;opacity: 1;visibility: visible;}
header:after{content: '';background:#000000b0;width: 100%;height: 100vh;position: fixed;display: block;left: 0;top:100px;z-index: -1;opacity: 0;visibility: hidden;transition: all .6s}
header.navfix:after,header.bg:after{opacity: 1;visibility: visible;}
header .logo img{width: 200px;max-width: 90%}
@media screen and (max-width: 1599px) {
	header .mainmenu > li{padding-left: 30px;}
	header .mainmenu.en > li{padding: 0 2%;}
	header .mainmenu.en > li:nth-child(2) ul{width: 460%;left: -180%}
	header .mainmenu.en > li:nth-child(4) ul{width: 300%;left: -100%}
}
@media screen and (max-width: 1399px) {
	header .logo img{width: 180px}
	header .mainmenu > li{padding-left: 25px;}
	header .mainmenu > li ul li{height:45px;}
	header .mainmenu > li:nth-child(3) ul{width: 260%;left: -80%}
	header .mainmenu.en > li:nth-child(3) ul{width: 360%;left: -130%}
	
	header .mainmenu > li ul li a{font-size: 14px;line-height:45px;}
}
@media screen and (max-width: 1199px) {
	header .mainmenu > li{padding-left: 10px;}
	header .mainmenu > li ul{left: -60%;width: 220%;}
	header .row > div.last .mobilemenu > a i:before,header .row > div.last .mobilemenu > a i:after {width:40px;}
	header .mainmenu.en > li{padding: 0 1.5%;}
	header .mainmenu.en > li:nth-child(2) ul{width: 500%;left: -200%}
}
@media screen and (max-width: 991px) {
	header:after{top:60px;}
	header .row > div.logo{width: 50%}
	header .row > div.menu{display: none}
	header .row > div.last{width: 50%;height: 60px;}
	header .row > div.last .mobilemenu{display: inline-block;margin-left: 0;padding-right: 30px;width: 100px;height:60px;line-height: 60px;}
	header .row > div.last .mobilemenu:after{height:60px;}
	header .row > div.last .mobilemenu a{transform: translate3d(0,6px,0);}
	header .row > div.last .mobilemenu a span:before,header .row > div.last .mobilemenu a:hover span:before{width: 60%}
	header.scroll .row > div.last,header.active .row > div.last,header#fixtop .row > div.last{border-left:none;}
	header .row > div.last .mobilemenu > a i:before,header .row > div.last .mobilemenu > a i:after {width:30px;top:24px;left: 53%;}

}
@media screen and (max-width: 767px) {
	header .row > div.last .mobilemenu{padding-right:0px;width: 60px;}
}
header .last{font-size: 0}
header .last .share{display:inline-block;position: relative;cursor: pointer;width: 65%;font-size: 14px;white-space: nowrap;}
header .last .share span{display:inline-block;height:20px;border-radius: 50%;color: #fff}
header .last .share h4{font-size:14px;display: inline-block;line-height: 100px;padding-left: 5px;margin-bottom: 0;}
header .last .share .social{display: inline-block;text-align: left;width: 50%;vertical-align: top}
header .last .share .social a{display: inline-block;color: #fff;margin: 0 10px;line-height: 100px;font-size: 18px;vertical-align: baseline;}
header .last .share .social a:hover{color: #ad302a}
header .last .share .social .img{width: 150px;position: absolute;top: 120px;left:0;opacity: 0;visibility: hidden;transition: all .3s;box-shadow: 0 0 15px 5px #00000020;}
header .last .share .social .img img{width: 100%}
header .last .share.wechat .social .img{top:100px;opacity: 1;visibility: visible;}
header.scroll .last .share .social a,header.active .last .share .social a,header#fixtop .last .share .social a{color: #333}
header.scroll .last .share .social a:hover,header.active .last .share .social a:hover,header#fixtop .last .share .social a:hover{color: #ad302a}
header .last .share .langlist{position: relative;display: inline-block;width: 100px;}
header .last .share .langlist:after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-52%);width: 1px;background: #ffffff20;height: 20px}
header .last .share .langlist i{font-size: 20px;line-height: 100px;color: #fff}
header.scroll .last .share .langlist:after,header.active .last .share .langlist:after,header#fixtop .last .share .langlist:after{background: #00000020;}
header.scroll .last .share span,header.active .last .share span,header#fixtop .last .share span,header.scroll .last .share .langlist i,header.active .last .share .langlist i,header#fixtop .last .share .langlist i{color: #333}
header .last .share .langlist i span{font-size: 13px;display: inline-block;vertical-align: top;padding-left: 8px}
header .last .share .langlist ul{position: absolute;top:120px;height: 65px;right:0;display:block;padding:10px 30px;width: 273px;background: #fff;font-size:0;transition: all .3s;opacity: 0;visibility: hidden;box-shadow: 0 0 15px 5px #00000020;}
header .last .share .langlist ul:after{content: '';position: absolute;left:122px;top: 50%;transform: translateY(-50%);width: 1px;background: #ddd;height: 20px}
header .last .share .langlist ul li{display:inline-block;padding-left: 35px;width:48%;line-height: 40px;text-align: left;margin-right: 4%}
header .last .share .langlist ul li:last-child{margin-right: 0}
header .last .share .langlist ul li a{font-size:13px;display:block;color: #333;line-height: 45px;}
header .last .share .langlist ul li a:hover{color: #ad302a}
header .last .share .langlist ul li.en{background:url(../images/en.webp) no-repeat left center;background-size: auto 40%}
header .last .share .langlist ul li.cn{background:url(../images/cn.webp) no-repeat left center;background-size: auto 40%}
header .last .share .langlist.active ul{top:100px;opacity: 1;visibility: visible;}
@media screen and (max-width: 1599px) {
	header .last .share .langlist{width: 85px;}
}
@media screen and (max-width: 1399px) {
	header .last .share .social{padding-right: 5%}
	header .last .share .langlist{width: 50px;}
	header .last .share .langlist:after{left: 12px}
	header .last .share .langlist i span{display: none}
}
@media screen and (max-width: 1199px) {
	header .last .share .langlist:after{display: none}
}
@media screen and (max-width: 991px) {
	header .last .share .social a{line-height: 60px;}
	header .last .share .langlist i{line-height:60px;}
	header .last .share .langlist ul{top:80px;height: 55px;padding:5px 20px;padding-right: 0;width: 243px;}
	header .last .share .langlist ul:after{left:112px}
	header .last .share .langlist.active ul{top:60px;}
	header .last .share .social .img{top:80px;}
	header .last .share.wechat .social .img{top:60px;}
	header .last .share .social .img{width: 100px;}
}


header .catelog{position: fixed;left: 0;top: 100px;width: 100%;display: block;background:#fffffff0;height: 0;overflow: hidden;}
header .catelog .cate-table{display: table;}
header .catelog .cate-table .cate-lm{width: 75vw;display: table-cell;padding-top:50px;padding-bottom: 20px;white-space: nowrap;text-align: center}
header .catelog .cate-table .cate-lm > dl{display:inline-block;padding-right: 8%;text-align: left}
header .catelog .cate-table .cate-lm.en > dl{padding-right: 2%}
header .catelog .cate-table .cate-lm > dl:last-child{padding-right: 0}
header .catelog .cate-table .cate-lm > dl dt{display: block;line-height: 60px;}
header .catelog .cate-table .cate-lm > dl dt a{font-size: 20px;font-weight: bold;line-height: 60px;vertical-align: top}
header .catelog .cate-table .cate-lm.en > dl dt a{font-size: 18px;line-height: 50px;}
header .catelog .cate-table .cate-lm > dl dt i{font-size: 14px;line-height:60px;display: inline-block;margin-left: 10px;transition: all .3s}
header .catelog .cate-table .cate-lm.en > dl dt i{line-height: 52px;vertical-align: top}
header .catelog .cate-table .cate-lm > dl.active dt i{transform: rotate(90deg);color: #ad302a}
header .catelog .cate-table .cate-lm > dl.active dt a{color: #ad302a}
header .catelog .cate-table .cate-lm > dl dd{display: block;}
header .catelog .cate-table .cate-lm > dl dd a{font-size:15px;line-height: 35px;display: block;}
header .catelog .cate-table .cate-lm.en > dl{max-width:20%;}
header .catelog .cate-table .cate-lm.en{}
header .catelog .cate-table .cate-lm.en > dl dd a{line-height:20px;white-space: normal;padding-top: 5px;padding-bottom: 5px}
header .catelog .cate-table .profile{display: table-cell;background: #ad302a;vertical-align: middle;padding-left: 3%;padding-right: 3%;width: 25vw}
header .catelog .cate-table .profile h1{text-transform: capitalize;font-size:28px;display: block;margin-bottom: 50px;color: #fff}
header .catelog .cate-table .profile p{font-size: 15px;color: #fff;line-height:30px;}
header .catelog .cate-table .profile .more{display: block;height: 50px}
header .catelog .cate-table .profile .more a{color:#fff;font-size: 16px;line-height: 24px;position: relative;padding-bottom: 8px}
header .catelog .cate-table .profile .more a:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height:2px;background: #fff;transition: all .3s}
header .catelog .cate-table .profile .more a:hover:after{width: 100%}
header .catelog .cate-table .profile .more a i{display: inline-block;padding-left: 10px;line-height: 26px;transition: all .3s;}
header .catelog .cate-table .profile .more a:hover i{padding-left: 20px;}
@media screen and (max-width:1599px) {
	header .catelog .cate-table .cate-lm > dl{padding-right:6%;}
	header .catelog .cate-table .cate-lm.en > dl{padding-right: 2%}
}
@media screen and (max-width:1399px) {
	header .catelog .cate-table .profile h1{font-size:20px;display: block;margin-bottom: 30px;}
	header .catelog .cate-table .profile p{font-size: 14px;line-height:25px;}
	header .catelog .cate-table .profile .more a{font-size: 14px;line-height: 20px;}
	header .catelog .cate-table .cate-lm > dl dt{line-height: 45px;}
	header .catelog .cate-table .cate-lm > dl dt i{line-height: 40px;}
	header .catelog .cate-table .cate-lm > dl dt a{font-size: 15px;line-height: 40px}
	header .catelog .cate-table .cate-lm > dl dd{margin-bottom: 0}
	header .catelog .cate-table .cate-lm > dl dd a{font-size:13px;line-height:25px;}
	header .catelog .cate-table .cate-lm > dl{padding-right: 5%;}
}
@media screen and (max-width:1199px) {
	header .catelog .cate-table .cate-lm{padding-top:30px;}
	header .catelog .cate-table .profile h1{font-size:18px;margin-bottom: 10px;}
	header .catelog .cate-table .profile .more{height: 30px;line-height: 30px}
}
@media screen and (max-width: 991px) {
	header .catelog{top: 60px;}
	header .catelog .cate-table{display: block;}
	header .catelog .cate-table .profile{display: none}
	header .catelog .cate-table .cate-lm{width: 100vw;display:inline-block;}
}

@media screen and (max-width: 767px) {
	header .catelog .cate-table .cate-lm.en > dl{max-width:100%;}
	header .catelog .cate-table .cate-lm{padding:30px 3%;display: block;height: 100vh}
	header .catelog .cate-table .cate-lm > dl{display:block;padding-right: 0;width: 100%;height: 60px;overflow: hidden;border-bottom: 1px #ddd solid;margin-bottom: 0}
	header .catelog .cate-table .cate-lm > dl dt{line-height:60px;position: relative}
	header .catelog .cate-table .cate-lm > dl dt a,header .catelog .cate-table .cate-lm > dl dt i{line-height: 60px}
	header .catelog .cate-table .cate-lm > dl dt i{margin-left: 0;position: absolute;right: 0;top: 0;font-size: 20px}
	header .catelog .cate-table .cate-lm > dl dd{padding-bottom: 20px}
	header .catelog .cate-table .cate-lm > dl dd a{font-size:14px;line-height:30px;}
}

.index-banner-swiper {width: 100%;position: relative;overflow:hidden;height: 100vh} 
.index-banner-swiper .swiper-wrapper{height: auto}
.banner-list {position: relative;overflow: hidden;height:100vh}
.banner-list .text {position: absolute;width: 90%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;left: 10%;width: 60%;}
.banner-list .text h1{line-height:80px;font-size: 75px;text-transform: uppercase;position: relative;padding-bottom:60px;margin-top: 20px}
.index-banner.en .banner-list .text h1{font-size: 50px;line-height:60px;}
.banner-list .text.exhibition h1{font-size: 50px;padding-bottom: 30px}
.banner-list .text h1:after{content: '';position: absolute;left:0px;bottom: 0;width:250px;height:50px;background:url(../images/line.svg) no-repeat left;background-size:100% auto}
.banner-list .text.exhibition h1:after{width:240px;height:30px;}
.banner-list .text h2{font-size:25px}
.banner-list .text h3{font-size:22px;margin-top: 50px}
.banner-list .text p{margin-top:70px;font-size: 17px;width:55%;line-height: 30px;color: #ffffffc0}
.banner-list .text.exhibition p{margin-top: 20px;font-size: 16px;color: #fff}
.banner-list .text.exhibition p b{font-weight: normal;line-height: 40px}
.banner-list .text.exhibition p em{font-style: normal;border-bottom: 1px #fff solid;font-size:25px;font-weight: bold}
.banner-list .text .learnmore{margin-top:6%;display: block;position: relative}
.banner-list .text .learnmore a{font-size:15px;color:#fff;position:relative;padding: 7px 35px;background: #ad302a;box-shadow: 0 15px 15px -18px #00000090;line-height:30px;display: inline-block;border-radius: 5px;text-transform:uppercase;}
.banner-list .text .learnmore a i{font-size: 25px;display: inline-block;padding-left: 10px;transition: all .3s;vertical-align: top;line-height: 30px;}
.banner-list .text .learnmore a:hover{background: #e4453c}
.banner-list .text .learnmore a:hover i{padding-left: 20px;}
.banner-list .text h2{transform:translateY(200px);opacity:0;}
.banner-list .text h1{transform:translateY(200px);opacity:0;}
.banner-list .text h3{transform:translateY(200px);opacity:0;}
.banner-list .text p{transform:translateY(200px);opacity:0;}
.banner-list .text .learnmore{transform:translateY(200px);opacity:0;}
.swiper-slide-active .banner-list .text h1,.swiper-slide-active .banner-list .text h2,.swiper-slide-active .banner-list .text h3,.swiper-slide-active .banner-list .text p,.swiper-slide-active .banner-list .text .learnmore{transform:translateY(0px);opacity:1;transition:all 0s}
.swiper-slide-active .banner-list .text h2{transition:all .3s .2s;}
.swiper-slide-active .banner-list .text h1{transition:all .3s .3s;}
.swiper-slide-active .banner-list .text h3{transition:all .3s .4s;}
.swiper-slide-active .banner-list .text p{transition:all .8s .6s;}
.swiper-slide-active .banner-list .text .learnmore{transition:all .8s 1.2s;}
.banner-list .img{width: 100%;position: relative;}
.swiper-slide-active .banner-list .img{animation: scaleimg 5000ms 1 ease forwards;}
@keyframes scaleimg{0%{transform:scale(1.1);} 100%{transform:scale(1.0);}}
.banner-list .img:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100vh;background: #00000020;z-index: 2}
.banner-list .img img{position:absolute;left:50%;height: 100vh;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.inner-banner{width: 100%;display:block;position: relative;overflow: hidden;}
.inner-banner .text{position: absolute;left:10%;top: 40%;z-index: 10;width: 50%}
.inner-banner .text h1{font-weight: normal;font-size:22px;color: #fff;text-transform: uppercase;}
.inner-banner .text h2{color: #fff;font-size:55px;padding-top: 30px;position:relative;padding-bottom: 50px;font-weight: bold;text-shadow: 2px 5px 5px #00000050;}
.inner-banner .text h2:after{content: '';position: absolute;left:0px;bottom: 0;width:150px;height:50px;background:url(../images/line.svg) no-repeat left;background-size:100% auto}
.inner-banner .bgimg{width: 100%;position: relative}
.inner-banner .bgimg img{width: 100%}
.index-banner-swiper .swiper-button-next:after,.index-banner-swiper .swiper-button-prev:after{font-size: 18px;color: #fff;background:#00000020;padding: 22px 15px;display: none}
.index-banner-swiper .swiper-button-prev{left: 0;top: 50%;transform: translateY(-50%)}
.index-banner-swiper .swiper-button-next{right: 0;top: 50%;transform: translateY(-50%);}
.index-banner-swiper .banner-pagination{bottom: 50px;width: 100%}
.index-banner-swiper .banner-pagination span{opacity: 1;margin: 0 3px;position: relative;width: 40px;height: 40px;background: transparent;display:inline-block;}
.index-banner-swiper .banner-pagination span::before{content: '';width:8px;height:8px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span::after{content: '';width:40px;height:40px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 3px solid #ffffff40;opacity: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {background: #ad302a;}
.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: 40px;height: 40px;border-radius: 50%;border: 3px 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 8s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 8s linear forwards;}
@keyframes circleright {
	0% {transform: rotate(135deg);}
	50%,100% {transform: rotate(315deg);}
}
@keyframes circleleft {
	0%,50% {transform: rotate(135deg);}
	100% {transform: rotate(315deg);}
}
.section{position: relative;max-height: 100vh;overflow: hidden;}
.inner-line{position: relative;}
.section .line,.inner-line .line,.commline .line{position:absolute;top:0;left:25%;z-index: 1;width:1px;height:0;background:#ffffff20;transition:1s linear;display:none;}
.gray .line{background:#00000010;}
.commline .line.line01,.commline .line.line02{height: 100%}
.section .line.line01,.inner-line .line.line01,.commline .line.line01{ left:25%}
.section .line.line02,.inner-line .line.line02,.commline .line.line02{ left:75%}
.section.active .line.line01,.inner-line .line.line01,.commline .line.line01{ height:100%; transition-delay:0.1s;display:none}
.section.active .line.line02,.inner-line .line.line02,.commline .line.line01{ height:100%; transition-delay:0.2s;display:none}
.index-banner .scroll-down{position: absolute; bottom:70px; left: 3%;transform: rotate(-90deg); z-index: 200}
.index-banner .scroll-down .scroll-down-txt{font-size: 16px;color: #fff;}
.index-banner .scroll-down .scroll-down-img{transform: rotate(90deg);display: block;bottom:10px;position: absolute;right: 55px}
.index-banner .scroll-down .scroll-down-line{display: block;width: 2px; background: white;height: 7px;position: absolute;top: 4px;left:8px;animation: scrollDown 2s infinite;}
@keyframes scrollDown {0%,20%,50%,80%,100% {transform: translateY(0);} 40%{transform: translateY(5px);} 60%{transform: translateY(4px);}}

@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
@media screen and (max-width: 1699px) {
	.inner-banner .text h2{font-size: 45px;}
}
@media screen and (max-width: 1599px) {
	.banner-list .text {width: 60%}
	.banner-list .text h1{line-height:65px;font-size: 50px;}
	.banner-list .text h2{font-size: 28px}
	.inner-banner .text{width: 60%}
	.inner-banner .text h1{font-size: 20px;}
	.inner-banner .text h2{font-size: 40px;}
	header .last > a.quote{padding:0 20px;font-size:14px;}
	header .mainmenu > li > a{font-size: 15px}
}
@media screen and (max-width: 1399px) {
	.banner-list .text h1{line-height:55px;font-size: 40px;}
	.index-banner.en .banner-list .text h1{font-size: 40px;line-height:55px;}
	.banner-list .text h2{font-size: 20px}
	.banner-list .text p{margin-top:30px;}
	.inner-banner .text{width: 80%}
	.inner-banner .text h2{font-size: 35px;}
	.index-banner-swiper .swiper-pagination{bottom: 25px;}
	.inner-banner .text{left:3%;}
	header .mainmenu > li > a{font-size: 14px}
}
@media screen and (max-width: 1199px) {
	.banner-list .text .more a{line-height: 34px;padding: 0 20px;font-size:12px;}
	.banner-list .text .more a i{line-height: 34px;}
	header .mainmenu > li > a{font-size: 13px}
	header .last > a.quote{padding:0 15px;font-size:12px;}
	.banner-list .text{width: 80%;left:10%}
	.banner-list .text h1,.index-banner.en .banner-list .text h1{line-height:45px;font-size: 30px;}
	.banner-list .text h2{font-size: 18px;padding-bottom: 30px}
	.banner-list .text p{margin-top:25px;font-size: 14px;width:100%;line-height: 25px;}
	.inner-banner .bgimg:after{height:450px;content:'';display:block}
	.inner-banner .bgimg img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@media screen and (max-width:991px){
	header{height: 60px;line-height: 60px}
	header .logo img{width: 140px}
	header .last .share{margin-left: 8px;width: auto}
	header .last > i.icon-search1{margin-left: 5px}
	header .row > div.last > a{display: none}
	header .mainmenu{position:fixed;left: -100%;width: 100%;top:60px;height: 100vh;padding-top: 30px;background:#fff;text-align: left;opacity: 0;visibility: hidden;transition: all .3s}
	header.navfix .mainmenu{left: 0;opacity: 1;visibility: visible;}
	header .mainmenu > li{display: block;width: 100%;border-bottom: 1px #eee solid;height: 60px;overflow: hidden;line-height: 60px}
	header .mainmenu > li > a{font-size:18px;line-height: 60px;vertical-align: top}
	header .mainmenu > li > i{position: absolute;right: 0;top: 0;font-size: 30px;transform: rotate(-90deg);line-height: 60px;cursor: pointer;}
	header .mainmenu > li.on > i{transform: rotate(0);}
	header .mainmenu > li ul{position:initial;opacity: 1;visibility: visible;width: 100%;padding:0}
	header .last .share{padding-left: 0;margin-left: 0}
	header .last .share:after{display: none}
	header .last .share .langlist{right:0;top:0;}
	header .last .share h4{line-height: 60px;}
	.banner-list .text h1,.index-banner.en .banner-list .text h1{line-height:35px;font-size: 25px;}
	.banner-list .text h2{font-size: 14px;padding-bottom: 15px}
	.banner-list .text h2:after{bottom: 4px;width: 30px;height: 1px}
	.banner-list .text p{margin-top:10px;font-size: 13px;max-height: 40px;line-height: 20px;overflow: hidden;}
	.banner-list .text .more a{line-height: 30px;padding: 0 20px;font-size: 12px}
	.banner-list .text .more a i{line-height: 30px;}
	.banner-list .text h1:after{width:200px;height:80px;}
	.inner-banner .bgimg:after{height:350px;}
	.inner-banner .text{top: 55%;transform: translateY(-50%);width: 80%}
	.inner-banner .text h1{font-size:20px;}
	.inner-banner .text h2{font-size:25px;padding-top: 10px;}
	.banner-list .text.exhibition h1{font-size: 30px}
	.section .line.line01,.inner-line .line.line01,.commline .line.line01{ left:50%}
	.section .line.line02,.inner-line .line.line02,.commline .line.line02{ display: none}
}

@media screen and (max-width:767px){
	header .row > div.logo{width: 40%;}
	header .row > div.last{width: 60%}
	header .last .share .langlist{width: 40px}
	header .mainmenu{left: -50%;}
	.banner-list .text h1,.index-banner.en .banner-list .text h1{line-height:30px;}
	.banner-list .text h3{font-size:18px;margin-top: 40px}
	.banner-list .text .learnmore{margin-top:12%;}
	.banner-list .text .learnmore a{font-size:13px;padding: 5px 25px;}
	.inner-banner .bgimg:after{height:300px;}
	.inner-banner .text{width: 94%}
	.inner-banner .text h1{font-size: 16px;margin-bottom: 0;}
	.inner-banner .text h2{font-size: 20px;}
	.index-banner .scroll-down .scroll-down-txt{font-size: 13px}
	.index-banner .scroll-down .scroll-down-img{bottom:8px;right: 45px}
}
.comm-padding{padding-top: 90px;padding-bottom: 90px}
.comm-title{display: block;width: 100%}
.comm-title.center{text-align: center;}
.comm-title h1{color: #151515;font-size: 50px;line-height:60px;text-transform:capitalize;position: relative;padding-right: 25px;display:inline-block;text-transform: uppercase;}
.comm-title h1:after{content: '';position: absolute;right: 0;top: 8px;width:15px;height:15px;border-radius: 50%;border:3px #ad302a solid;}
.comm-title h2{color: #555;font-size:16px;line-height:28px;margin-top: 20px;display: block;}
.comm-title span{display: block;text-transform: uppercase;padding-bottom: 5px;font-family:'Roboto';font-weight:300;font-size: 15px}

@media screen and (max-width:1399px){
	.comm-padding{padding-top: 60px;padding-bottom: 60px}
	.comm-title h1{font-size: 36px;line-height: 40px;}
}
@media screen and (max-width:1199px){
	.comm-title h1{font-size: 28px;line-height: 32px;padding-right: 20px}
	.comm-title h1:after{top: 6px;width:13px;height:13px;}
	.comm-title h2{font-size:15px;}
}
@media screen and (max-width:991px){
	.comm-padding{padding-top: 50px;padding-bottom: 50px}
	.comm-title h1{font-size: 25px;line-height: 25px;margin-bottom: 15px}
	.comm-title h1:after{width:12px;height:12px;border:2px #ad302a solid;top: 4px;}
	.comm-title h2{font-size:13px;line-height:22px;margin-top: 10px}
	a.more,a.tec{padding:6px 20px;font-size: 12px}
	.moreright{text-align: left;}
}
@media screen and (max-width:767px){
	.comm-padding{padding-top: 20px;padding-bottom:20px}
	.comm-title h1{font-size: 20px;line-height: 20px;margin-bottom:10px;padding-right: 15px;}
	.comm-title h1:after{width:10px;height:10px;top: 3px;}
	.comm-title span{font-size: 13px}
}
.section.home-product{background: url(../images/prut_bg.webp) no-repeat center top;background-size: cover;}
.section.home-product .row > div{padding-left: 0;padding-right: 0}
.section.home-product .comm-title{padding-top: 180px}
.section.home-product .comm-title h1,.section.home-product .comm-title h2{color: #fff}
.section.home-product .row > div:first-child .comm-title h2{padding-right: 3%}
.section.home-product .comm-title span{color: #ffffff80}
.section.home-product .container.prut-list{/*padding-left: 6%;*/position: relative;z-index: 50}
.section.home-product .line,.section.home-profile .line,.section.home-application .line,.section.home-news .line{z-index: 0}
.section.home-product .prut-cate{padding-top: 120px;text-align: left;}
.section.home-product .prut-cate dl{display:inline-block;white-space: nowrap;height:48px;overflow: hidden;position: relative;cursor: pointer;z-index: 50;padding: 0 20px;border-radius: 30px;border:2px #ffffff40 solid;margin-right: 15px;background:#ffffff20;}
.section.home-product .prut-cate dl dt{}
.section.home-product .prut-cate dl dt img{width: 46px;padding:3px;border-radius: 50%;opacity: 0.6;transition: all .3s}
.section.home-product .prut-cate dl dd{display: inline-block;vertical-align: top;color: #ffffffb0;font-size: 16px;line-height:44px;margin-bottom: 0;}
.section.home-product .prut-cate dl.this{background:#ad302a;color: #fff;border-color:#ffffff60}
.section.home-product .prut-cate dl.this dt img{opacity: 1}
.section.home-product .prut-cate dl.this dd{color: #fff}
.section.home-product .prut-list{text-align:right;padding: 40px 0;padding-top: 140px}
.section.home-product .bg-circular{position: relative;width:68%;display: inline-block}
.section.home-product .bg-circular:after{content:'';position: absolute;left:-5%;top:-5%;width:110%;height:110%;border-radius: 50%;border:1px #ffffff20 solid;}
.section.home-product .bg-circular > img {width:100%;animation:iconroll 30s infinite linear;}
.section.home-product .bg-circular .prut-swiper{position: absolute;width: 80%;height: 80%;left: 50%;top:50%;transform: translate(-50%,-50%);background: #ffffff40;border-radius: 50%;overflow: hidden;text-align: center}
.section.home-product .bg-circular .prut-swiper:after{content: '';position: absolute;left: 50%; top:50%;transform: translate(-50%,-50%);width: 92%;height: 92%;border-radius: 50%;border:1px #ffffff20 solid;}
.section.home-product .bg-circular .prut-swiper dl{position: relative}
.section.home-product .bg-circular .prut-swiper dl dt{display: block;padding:14px;}
.section.home-product .bg-circular .prut-swiper dl dt img{width: 100%;}
.section.home-product .bg-circular .prut-swiper dl dd{display: block;padding:0 2%;margin-bottom: 0;position: absolute;left: 0;bottom:5%;width: 100%;}
.section.home-product .bg-circular .prut-swiper dl dd a{display: block;color: #ffffff;font-size:15px;font-weight: normal;background: #ad302aa0;line-height: 40px}
.section.home-product .bg-circular .prut-swiper dl dd a:hover{background:#ad302a}
/*.section.home-product .bg-circular .prut-swiper dl dd p{display: block;color: #fff;font-size:15px;line-height: 22px;margin-top: 30px;}*/
.section.home-product .prut-info{padding-left: 6%;align-self: center;}
.section.home-product .prut-info h1{display: none;position: relative;padding-bottom: 30px;color: #fff;font-weight: normal;font-size: 32px}
.section.home-product .prut-info h1:after{content: '';position: absolute;left: 0;bottom:0;width:35px;height:3px;background: #ad302a;display: none}
.section.home-product .prut-info p{display:none;padding:20px 0;color: #ffffffa0;font-size: 16px;line-height:30px;margin: 30px 0;}
.section.home-product .prut-info a.more{display: none}
/*.section.home-product .prut-info-swiper .swiper-slide{opacity: 0!important;}
.section.home-product .prut-info-swiper .swiper-slide-active{opacity: 1!important;}*/

@media screen and (max-width:991px){
	.section.home-product .comm-title{padding-top: 90px}
	.section.home-product .prut-cate{padding-top: 50px;}
	.section.home-product.en .prut-cate dl{margin-bottom: 5px}
	.section.home-product .prut-cate dl dt img{width: 38px}
	.section.home-product .prut-cate dl dd{font-size: 13px;line-height:34px;}
	.section.home-product .prut-cate dl{height:40px;padding: 0 10px;padding-right:20px;border-radius: 30px;margin-right: 10px;}
	.section.home-product .prut-list{padding: 0;text-align:center;padding-top: 80px}
	.section.home-product.en .prut-list{padding-top: 40px}
	.section.home-product .bg-circular{width:40%;}
}
@media screen and (max-width:767px){
	.section.home-product .comm-title{padding-top: 100px}
	.section.home-product .bg-circular{width:50%;}
	.section.home-product.en .prut-list{padding-top: 10px}
}
@media screen and (max-width:576px){
	.section.home-product .comm-title{padding-top: 60px}
	.section.home-product.en .comm-title{padding-top: 80px}
	.section.home-product .prut-cate{padding-top: 40px;}
	.section.home-product.en .prut-cate{padding-top: 10px}
	.section.home-product .prut-list{padding-top: 60px}
	.section.home-product .bg-circular{width:82%;}
}
.section.home-profile .container{padding-top: 30px;position: relative;z-index: 50}
.section.home-profile .row > div{padding:0;}
.section.home-profile .row > div:first-child{padding-right: 8%;}
.section.home-profile .row > div:last-child {align-self:center}
.section.home-profile .row > div:last-child img{width: 100%;border-radius: 10px}
.section.home-profile .line,.section.home-case .line,.section.home-application .line,.section.home-news .line{background: #00000020}
.section.home-profile .intro{line-height:30px;font-size: 16px;display: block;margin-top: 50px}
.section.home-profile .learnmore{ padding-top:50px;display:block;text-align: left;position: relative;z-index: 10}

.num-block{display: block;font-size: 0;margin-top: 50px;width: 100%;text-align: center;border-top: 1px #00000020 solid;;border-bottom: 1px #00000020 solid}
.num-block dl{width:25%;display: inline-block;vertical-align:top;margin: 0;padding-top: 15px;padding-bottom: 20px;}
.num-block dl:nth-child(2){border-left:1px #00000020 solid;}
.num-block dl:nth-child(3){border-left:1px #00000020 solid;}
.num-block dl:nth-child(4){border-left:1px #00000020 solid;}
.num-block dl dt{display: block;}
.num-block dl dt span{ color:#ad302a; font-size:45px;font-family:"MonBold";}
.num-block dl dt sup{top: -15px;left: 5px;color: #ad302a;font-size: 18px}
.num-block dl dd{display: block;color:#333; font-size:15px;margin-bottom: 0}

@media screen and (max-width:1399px){
	.section.home-profile .intro{line-height:26px;font-size: 15px;margin-top: 40px}
}
@media screen and (max-width:991px){
	.section.home-profile .row > div:first-child{padding-right:3%;}
	.section.home-profile .row > div:last-child{padding-left: 0;padding-top: 0}
	.section.home-profile .intro{line-height:22px;font-size: 14px;margin-top: 20px;}
	.section.home-profile .learnmore{ padding-top:20px;}
	.num-block dl dt span{ font-size:25px;}
	.num-block dl dt sup{top: -8px;left: 2px;font-size: 12px}
	.num-block dl dd{font-size:13px;}
	.num-block dl:nth-child(3){border-left: none}
}
@media screen and (max-width:767px){
	.section.home-profile .intro{font-size: 13px;margin-top: 10px;}
	.section.home-profile .row > div:last-child{padding-top: 20px}
	.num-block{margin-top:20px;}
	.num-block dl{text-align: left;}
	.num-block dl:first-child{padding-left: 3%}
	.num-block dl dd{padding-right:2%;font-size:12px;}
}
/*.profile-detail:before{content:""; background:url(../images/indb_xt.png) no-repeat center top; width:100%; height:339px; position:absolute; left:0%; top:-134px; animation:indbdt 4s infinite linear;}
@keyframes indbdt{ 0%{background:url(../images/indb_xt.png) no-repeat center top;} 50%{background:url(../images/indb_xtb.png) no-repeat center top;} 100%{background:url(../images/indb_xt.png) no-repeat center top;}}@-webkit-keyframes indbdt{0%{background:url(../images/indb_xt.png) no-repeat center top;}50%{background:url(../images/indb_xtb.png) no-repeat center top;} 100%{background:url(../images/indb_xt.png) no-repeat center top;}}*/
@keyframes iconroll{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}@-webkit-keyframes iconroll{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}

.section.home-application{position: relative;background: url(../images/app_bg.webp) no-repeat;background-size: cover}
.section.home-application .container{height: 80vh;position: relative;padding-top: 120px;padding-left:6%}
.section.home-application .container .row > div{padding: 0}
.section.home-application .container .comm-title h2{font-size:16px;color: #333;margin-top: 10px}
.section.home-application .app-intro .title{display:block;font-size: 30px;color: #fff}
.section.home-application .app-intro .app-label{display: block;}
.section.home-application .app-intro .app-label ul{display: block;}
.section.home-application .app-intro .app-label li{display: inline-block;font-size: 16px;color: #fff}
.section.home-application .app-swiper{height: 100vh}
.section.home-application .app-swiper dl{font-size: 0}
.section.home-application .app-swiper dl dt{display: inline-block;width: 64%;vertical-align: middle;border-radius:10px;overflow: hidden}
.section.home-application .app-swiper dl dt img{width: 100%;}
.section.home-application .app-swiper dl dd{display: inline-block;width: 36%;padding-left:5vw;vertical-align: middle;}
.section.home-application .app-swiper dl dd h1{font-size:30px;margin-bottom: 25px;position: relative;padding-bottom: 20px;}
.section.home-application .app-swiper dl dd h1:after{content: '';position: absolute;left: 0;bottom:0;width: 30px;height: 2px;background: #ad302a}
.section.home-application .app-swiper dl dd p{font-size: 16px;line-height: 28px;display: block;color: #666;margin-top: 30px;margin-bottom: 60px}
.section.home-application .swiper-button-prev,.section.home-application .swiper-button-next{left: 72.5vw;color: #ad302a;bottom:25vh;top: auto;}
.section.home-application .swiper-button-next{left: 76.2vw}
.section.home-application .swiper-button-prev:after,.section.home-application .swiper-button-next:after{display: none}
.section.home-application .swiper-button-prev i{transform: rotate(180deg);}

.section.home-application .tab-title{display: block;width: 75vw;padding-left: 25vw;}
.section.home-application .tab-title .app-label{border-top: 1px #00000020 solid;border-bottom: 1px #00000020 solid;position: relative}
.section.home-application .tab-title .app-label:after{content: '';background: #00000020;width: 1px;height: 100%;top: 0;left: 50%;position: absolute;}
.section.home-application .tab-title .app-label a{line-height:80px;display: block;text-align: center;font-size: 18px;font-weight: bold;cursor: pointer;}
.section.home-application .tab-title .app-label a i{line-height: 80px;font-weight:normal;display: inline-block;vertical-align: top;font-size: 12px;opacity: 0;color: #ad302a;padding-left: 10px}
.section.home-application .tab-title .app-label .swiper-slide-thumb-active a{color: #ad302a}
.section.home-application .tab-title .app-label .swiper-slide-thumb-active a i{opacity: 1;}

@media screen and (max-width:1599px){
	.section.home-application .container .comm-title h2{font-size:15px;}
	.section.home-application .app-swiper dl dd h1{font-size:25px;margin-bottom: 20px;}
	.section.home-application .app-swiper dl dd p{font-size: 15px;line-height:25px;}
}
@media screen and (max-width:1199px){
	.section.home-application .container{padding-top: 100px;padding-left:3%}
	.section.home-application .app-swiper dl dd h1{font-size:20px;}
	.section.home-application .app-swiper dl dd p{font-size: 14px;line-height:22px;}
	.section.home-application .tab-title{width: 100vw;padding-left:0}
	.section.home-application .tab-title .app-label:after{display: none}
}
@media screen and (max-width:991px){
	.section.home-application .swiper-button-prev,.section.home-application .swiper-button-next{left:43vw;}
	.section.home-application .swiper-button-next{left: 52vw}
	.section.home-application .tab-title{margin-top: 10px}
	.section.home-application .tab-title .app-label a{line-height:30px;font-size: 15px;padding-top: 15px;padding-bottom: 15px}
	.section.home-application .tab-title .app-label a i{line-height:60px;}
}
@media screen and (max-width:767px){
	.section.home-application .app-swiper dl dd p{font-size: 13px;line-height: 22px;margin-top: 20px;margin-bottom: 20px}
}
@media screen and (max-width:576px){
	.section.home-application .app-swiper dl dd h1{font-size:18px;}
	.section.home-application .container .comm-title h2{font-size:13px;line-height: 22px;margin-top:0;margin-bottom: 20px}
	.section.home-application .container{padding-top: 50px}
	.section.home-application .swiper-button-prev,.section.home-application .swiper-button-next{left:38vw;}
	.section.home-application .swiper-button-next{left: 54vw}
	.section.home-application .swiper-button-prev,.section.home-application .swiper-button-next{bottom:16vh;}
	.section.home-application .app-swiper dl dt{display: block;width:100%;}
	.section.home-application .app-swiper dl dd{display: block;width:100%;padding-top: 30px;padding-left: 0}	
	.section.home-application .tab-title .app-label a{line-height:20px;font-size: 13px;}
	.section.home-application .tab-title .app-label a i{display: none}
}
.section.home-news .comm-title{margin-top:80px}
.home-news-list {position: relative;font-size: 0;z-index: 5;padding-top: 30px}
.home-news-list img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;}
.home-news-list .news-left {width: 30%;display: inline-block;vertical-align: top}
.home-news-list .news-left .text{display: block;padding:10px 0}
.home-news-list .news-left a span{color: #999;font-size: 15px;font-family:'Roboto';font-weight:300;font-style: italic;}
.home-news-list .news-left a h1{padding-top: 12px;font-size: 20px;color: #151515;line-height: 28px}
.home-news-list .news-left a:hover h1{color: #ad302a}
.home-news-list .viewdetail{margin-top: 40px;}
.home-news-list .viewdetail i{font-size: 16px}
.home-news-list .news-right .viewdetail{display: none}
.home-news-list a {display: block;overflow: hidden;}
.home-news-list .pic {background-position: center center;background-repeat: no-repeat;background-size: cover;}
.home-news-list a .img{overflow: hidden;border-radius: 10px}
.home-news-list a .img .pic{transition: all .3s;}
.home-news-list a:hover .img .pic {transform: scale(1.05);}
.home-news-list .news-center {width:33%;overflow: hidden;margin:0 3.5%;display: inline-block;vertical-align: top}
.home-news-list .news-center a .img{display: none}
.home-news-list .news-center a .text{display: block;background: #f5f5f5;border-radius: 10px;padding: 10%}
.home-news-list .news-center a .text span{color: #999;font-size: 15px;font-family:'Roboto';font-weight:300;font-style: italic;}
.home-news-list .news-center a .text h1{padding: 10px 0;font-size: 20px;color: #151515;line-height: 28px}
.home-news-list .news-center a .text .clear-line{margin: 30px 0;position: relative;width:100%;height: 2px;display: block;background:#ddd }
.home-news-list .news-center a .text .clear-line:after {content: '';width: 60px;height: 2px;background: #ad302a;position: absolute;left: 0;top: 0;z-index: 1;transition:all .4s ease;}
.home-news-list .news-center a:hover .text .clear-line:after {width: 100%;}
.home-news-list .news-center a:hover .text h1{color: #ad302a}
.home-news-list .news-center .text p{line-height: 28px;min-height: 140px;font-size: 15px;color: #666}
.home-news-list .news-right {width: 30%;display: inline-block;vertical-align: top}
.home-news-list .news-item {padding: 25px 0;border-bottom: 1px #eee solid;}
.home-news-list .news-item:first-child {padding: 0px 0 25px 0;}
.home-news-list .news-item .img{float: left;width: 35%;}
.home-news-list .news-item .text{float: left;width: 65%;padding:1% 5%;}
.home-news-list .news-item .text h1{font-size: 16px;font-weight: normal;margin-top: 10px;line-height: 25px}
.home-news-list .news-item .text span{color: #999;font-size: 15px;font-family:'Roboto';font-weight:300;font-style: italic;}
.home-news-list .news-item .p{line-height: 28px;font-size: 16px;}
.home-news-list .learnmore{text-align: center;display: block;padding-top:60px}
.home-news-list .learnmore a{display: inline-block;font-size: 14px}
@media screen and (max-width:1399px){
	.home-news-list .news-center .text a .clear-line{margin: 20px 0;}
	.home-news-list .news-item .text h1{font-size: 15px;margin-top: 0;line-height: 22px;}
	.home-news-list .news-left a h1,.home-news-list .news-center a .text h1{padding-top: 10px;font-size: 18px;line-height: 25px;}
	.home-news-list .news-center a .text .clear-line{margin: 20px 0;}
	.home-news-list .news-center .text p{font-size: 14px;line-height: 25px;min-height: 125px;}
}
@media screen and (max-width:1199px){
	.home-news-list .viewdetail i{font-size: 14px}
	.home-news-list .news-left a h1, .home-news-list .news-center a .text h1{padding-top: 5px}
	.home-news-list .news-center .text a h1{padding: 5px 0;font-size: 18px;line-height: 25px}
	.home-news-list .news-center .text p{min-height:auto;max-height: 100px;overflow:hidden;}
	.home-news-list .news-item {padding: 15px 0;}
	.home-news-list .news-item .img{display: none}
	.home-news-list .news-item .text{float: none;width:100%;padding:1% 5%;}	
	.home-news-list .news-item .text span,.home-news-list .news-left a span,.home-news-list .news-center a .text span{font-size: 14px}
	.home-news-list .news-item:first-child {padding-bottom: 20px}
	.home-news-list .learnmore{padding-top:30px}
}
@media screen and (max-width:991px){
	.home-news-list .news-center .text p{max-height: 75px;}
	.home-news-list .news-item .text h1{font-size: 14px;}
	.home-news-list .news-item:first-child {padding-bottom: 10px}
}

@media screen and (max-width:767px){
	.home-news-list{padding-top: 15px}
	.home-news-list .learnmore a{display: inline-block;font-size: 13px}
	.home-news-list .news-left {width: 100%;display: block;border-bottom: 1px #eee solid;padding-bottom: 10px;margin-bottom: 10px}
	.home-news-list a{display: block;font-size: 0}
	.home-news-list a .img{width: 33%;display: inline-block;}
	.home-news-list .news-item .text span,.home-news-list .news-left a span,.home-news-list .news-center a .text span{font-size: 12px}
	.home-news-list .news-left .text{width: 67%;display: inline-block;padding: 0;padding-left: 15px;vertical-align: top;}
	.home-news-list .news-center{width:100%;margin:0;display: block;padding-top: 0;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px #eee solid;}
	.home-news-list .news-left a h1,.home-news-list .news-center a .text h1{font-size: 14px;line-height: 20px;}
	.home-news-list .news-center a{display: block;width: 100%;font-size: 0;}
	.home-news-list .news-center a .img{display: inline-block;}
	.home-news-list .news-center a .text{background:none;display: inline-block;padding: 0;width: 67%;vertical-align: top;padding-left: 15px}
	.home-news-list .news-center a .text p{display: none}
	.home-news-list .news-center a .text .clear-line{display: none}
	.home-news-list .news-right{width: 100%;display: inline-block}
	.home-news-list .viewdetail{margin-top: 10px;}
	.home-news-list .viewdetail i{font-size: 8px}
	.home-news-list .news-right .viewdetail{display: block;}
	.home-news-list .news-item{padding: 10px 0;}
	.home-news-list .news-item .text{width: 67%;padding-left: 15px;display: inline-block;vertical-align: top}
	.home-news-list .news-item .img{display: inline-block;width: 33%}
	.home-news-list .news-item .text h1{padding: 5px 0;font-size: 14px;line-height: 20px;height: auto;overflow:visible;font-weight: bold;}
}

.home-contact{position: relative;background: #000;}
.home-contact .comm-title{padding-top: 0px}
.home-contact .comm-title h2{color: #fff}
.home-contact .comm-title h1{color: #fff}
.home-contact .videobg{width: 100%;height: 100vh;overflow: hidden;display: block;}
.home-contact .videobg video{width: 100%;opacity: 0.3}
.home-contact .container{position:absolute;left: 0;top:25vh;z-index: 50}
.home-contact .container .row > div {padding: 0}
.home-contact .container .row .contacts{color: #fff;padding-top: 130px}
.home-contact .container .row .contacts h1{font-size: 30px;display: block;padding-bottom: 40px;position:relative}
.home-contact .container .row .contacts p{font-size: 16px;line-height: 24px;color: #aaa}
.home-contact .container .feed h4{color: #aaa;font-size: 16px;display:block;padding-bottom: 20px}
.home-contact .container .feed form{display: block;width: 100%;position: relative;z-index: 50}
.home-contact .container .feed form ul{display: block;font-size: 0;margin-bottom: 22px}
.home-contact .container .feed form ul li{width: 49%;margin-right:2%;display: inline-block;vertical-align: top}
.home-contact .container .feed form ul.from-textarea li{width: 100%}
.home-contact .container .feed form ul li:last-child{margin-right: 0}
.home-contact .container .feed form ul li.from-textarea{width: 100%}
.home-contact .container .feed form ul li input,.home-contact .container .feed form ul li textarea,.home-contact .container .feed form ul:last-child li button{border:none;border: 1px #ffffff40 solid;line-height:50px;height:50px;font-size: 14px;width: 100%;background: #00000090;color: #fff;padding: 0 10px;border-radius: 5px;outline: none}
.home-contact .container .feed form ul li textarea{height: 160px;line-height: 40px;display:block}
.home-contact .container .feed form ul:last-child li input{background: #ad302ad0;border:none;transition: all .3s;}
.home-contact .container .feed form ul:last-child li input:hover{background: #ad302a}
.home-contact .container .feed form ul li img{margin-top: 12px;cursor: pointer;}

.home-contact-bg {position:absolute;width: 100%;height: 100vh;left: 0;top: 0;z-index: 20;overflow: hidden;}
.home-contact-bg #canvas-line {position:absolute;width: 100%;height: 100%;left: 0;top: 50%;z-index: 20;opacity: .3;}

.inner-menu{border-bottom: 1px #00000010 solid}
.inner-menu ul{display: block;overflow: hidden;padding: 40px 0;text-align: center;position: relative;z-index: 6;}
.inner-menu ul li{display: inline-block;margin:0 10px;margin-bottom: 15px}
.inner-menu ul li:last-child{margin-right: 0}
.inner-menu ul li a{display: block;padding: 10px 40px;border-radius: 30px;border: 1px #ddd solid;background: #fff}
.inner-menu ul li.this a,.inner-menu ul li a:hover{background:#ad302a;color:#fff;border-color: #ad302a}

@media screen and (max-width:1599px){
	.home-contact .container{top:19vh;}
	.home-contact .container .feed form ul{margin-bottom: 10px}
	.home-contact .container .feed form ul li textarea{height: 140px;line-height: 35px}
}
@media screen and (max-width:1399px){
	.home-contact .container .row .contacts{padding-top: 70px}
	.home-contact .videobg video{height: 100%;}
}
@media screen and (max-width:1199px){
	.inner-menu ul li a{display: block;padding: 8px 30px;}
	.home-contact .container .row .contacts h1{font-size: 25px;}	
	.home-contact .container .feed form ul li input,.home-contact .container .feed form ul li textarea,.home-contact .container .feed form ul:last-child li button{line-height:40px;height:40px;font-size: 14px;}
	.home-contact .container .feed form ul li textarea{height: 120px;line-height: 30px}
	.home-contact .videobg video{height: 100%;}
}
@media screen and (max-width:991px){
	.home-contact .container{top:15vh;}
	.inner-menu ul{padding: 20px 0;}
	.inner-menu ul li{margin:0 3px;margin-bottom: 10px}
	.inner-menu ul li a{display: block;padding: 6px 20px;font-size: 13px}
	.home-contact .container .row .contacts{padding-top:60px}
	.home-contact .container .row .contacts p{font-size: 14px;line-height: 20px;}
	.home-contact .container .row > div{padding-top: 30px}
}
@media screen and (max-width:767px){
	.home-contact .container .row .contacts{padding-top:30px}
	.home-contact .container .feed form ul{margin-bottom: 8px}
	.home-contact .container .feed form ul li textarea{height: 100px;line-height: 25px}
}
@media screen and (max-width:576px){
	.home-contact.en .container .row .contacts{padding-top:20px}	
	.home-contact .container .row .contacts h1{font-size: 20px;padding-bottom: 20px;}
	.home-contact .container .row .contacts p{font-size: 13px;line-height: 20px;margin-bottom: 5px}
	.home-contact.en .container .feed form ul{margin-bottom: 8px}
	.home-contact .container .feed form ul li img{margin-top:8px;}
	.home-contact.en .container .feed form ul li textarea{height: 100px;line-height: 24px}
}

.commline{position: relative;display: block;width: 100%}
.commline .line50{height: 1px;width: 50%;left: 25%;position: absolute;bottom:50px;background:#00000010;}
.inner-about .compintro{position: relative;padding-bottom: 50px}
.inner-about .compintro .row > div{padding:0;}
.inner-about .compintro .moving-img{display: block;position: relative;z-index: 10;}
.inner-about .compintro .moving-img .compimg{display: block;padding-top: 90px;padding-bottom: 90px}
.inner-about .compintro .moving-img .compimg img{width: 100%;position: relative;border-radius: 10px;box-shadow: 0px 5px 15px 0 rgba(25, 17, 64, 0.2);}
.inner-about .compintro .moving-img .compimg i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 42px;color: #ad302af0;z-index: 20;cursor: pointer;transition: all .3s;width: 100px;height: 100px;border-radius: 50%;border:1px #ffffff90 solid;background:#ffffff70;text-align: center;line-height: 100px;padding-left: 7px}
.inner-about .compintro .moving-img .compimg i:hover{color: #ad302a;background:#ffffffe0;}
.inner-about .compintro .row.second{align-items: center;flex-direction: row-reverse;padding-top: 120px;padding-bottom: 150px}
.inner-about .compintro .row > div:first-child img{width: 100%;border-radius: 10px;position: relative;z-index: 10;box-shadow: 0px 5px 15px 0 rgba(25, 17, 64, 0.2);}
.inner-about .compintro .row > div:last-child{padding-left: 6%;line-height: 30px;font-size: 16px}
.inner-about .compintro .row.second > div:last-child{padding-right: 6%;padding-left: 0}
.inner-about .compintro .row.second > div:last-child p{margin-top: 10px;margin-bottom: 0}
.inner-about .compintro .row.second > div:last-child h2{font-size: 22px;font-weight: bold;color: #333}
.inner-about .compintro .row.second > div:last-child .text{padding-top: 20px;display: block;}
.inner-about .advantage{padding-top: 60px;padding-bottom: 40px;position: relative;z-index: 40}
.inner-about .advantage .containerfull{padding: 0 3%}
.inner-about .advantage .row{margin-left: -30px;margin-right: -30px;padding-top: 80px;padding-bottom: 50px}
.inner-about .advantage .row > div{padding: 0 30px}
.inner-about .advantage .row > div dl{display: block;position: relative;}
.inner-about .advantage .row > div dl dt{display: block;overflow:hidden;border-radius: 10px;background:#000;}
.inner-about .advantage .row > div dl dt img{width: 100%;opacity: 0.5;transition: all .8s;}
.inner-about .advantage .row > div dl:hover dt img{transform: scale(1.1);}
.inner-about .advantage .row > div dl dd {position: absolute;width: 76%;left: 12%;bottom:10%;background:#00000090;height: 80px;overflow: hidden;display: block;border-radius: 10px;padding: 0 2.5%;transition: all .5s;margin-bottom: 0}
.inner-about .advantage .row > div dl dd i{display: block;color: #ffffffa0;font-size:28px;position: absolute;top:0;right: 20px;line-height:80px;transition: all .5s}
.inner-about .advantage .row > div dl dd h1{color: #fff;line-height:80px;font-size: 18px;transition: all .5s}
.inner-about .advantage .row > div dl dd p{font-size: 16px;opacity: 0;transition: all .5s .4s;padding-top: 50px;color: #fff;line-height:35px;margin: 0}
.inner-about .advantage .row > div dl:hover dd{left: 0;width:100%;height: 100%;bottom:0;padding: 100px 15%;padding-bottom: 0;background:#ad302af0;}
.inner-about .advantage .row > div dl:hover dd i{font-size: 150px;line-height:150px;color: #ffffff20;top: auto;right: 0;bottom:0}
.inner-about .advantage .row > div dl:hover dd h1{line-height:60px;font-size: 25px;}
.inner-about .advantage .row > div dl:hover dd p{padding-top: 30px;opacity: 0.8}
@media screen and (max-width:1699px){
    .inner-about .advantage .row > div dl dd h1{line-height:65px}
    .inner-about .advantage .row > div dl:hover dd{padding: 50px 10%;}
    .inner-about .advantage .row > div dl dd p{font-size: 15px;padding-top: 40px;line-height:30px;}
}
@media screen and (max-width:1599px){
    .inner-about .advantage .row{margin-left: -22px;margin-right: -22px;}
    .inner-about .advantage .row > div{padding: 0 22px}
}
@media screen and (max-width:1399px){
    .inner-about .advantage .row{margin-left: -15px;margin-right: -15px;}
    .inner-about .advantage .row > div{padding: 0 15px}
    .inner-about .advantage .row > div dl dd h1{line-height:50px}
    .inner-about .advantage .row > div dl:hover dd{padding: 40px 8%;}
    .inner-about .advantage .row > div dl:hover dd p{font-size: 14px;padding-top: 0;line-height:26px;}
}
@media screen and (max-width:1199px){
    .inner-about .advantage .row{margin-left: 0;margin-right: 0}
    .inner-about .advantage .row > div{padding: 5px}
    .inner-about .advantage .row > div dl dd h1{line-height:40px}
	.inner-about .compintro .moving-img .compimg{padding-top: 0;padding-bottom:20px}
	.inner-about .advantage .row > div{padding: 0 10px}
	.inner-about .compintro .row.second{padding-top:80px;padding-bottom: 110px}
	.inner-about .advantage .row > div dl dd {width: 88%;left: 6%;}
}
@media screen and (max-width:991px){
	.commline .line50{width: 100%;left: 0%;;bottom:40px;}
	.inner-about .advantage .row > div dl:hover dd{padding:30px 4%;}
	.inner-about .advantage .row{padding-top: 20px;padding-bottom: 20px}
	.inner-about .advantage{padding-top: 10px;}
	.inner-about .compintro .row > div:last-child{padding-left: 0;line-height: 25px;font-size: 14px}
	.inner-about .compintro .row.second{padding-top:60px;padding-bottom: 60px}
	.inner-about .compintro .moving-img .compimg i{font-size:30px;width: 60px;height:60px;line-height: 60px;padding-left: 3px}
}
@media screen and (max-width:767px){
	.inner-about .compintro .row.second > div:last-child{padding-right: 0;padding-top:30px}
	.inner-about .compintro .row.second{padding-top:30px;padding-bottom: 30px}
	.inner-about .compintro .row.second > div:last-child h2{font-size: 18px;}
	.inner-about .compintro .row.second > div:last-child p{font-size: 13px}
	.inner-about .compintro .moving-img .compimg i{font-size:25px;width: 50px;height:50px;line-height: 50px;top: 46%}
	.inner-about .advantage{padding-top: 30px;padding-bottom: 10px}
	.inner-about .advantage .row > div dl dd h1{font-size: 16px;}
	.inner-about .advantage .row > div dl:hover dd h1{line-height:30px;font-size: 18px;}
	.inner-about .advantage .row > div dl:hover dd p{font-size: 13px;line-height:22px;padding-top: 0}
	.inner-about .advantage .row > div dl:hover dd i{font-size: 80px;line-height:80px;}
}

.laymap{height:85vh;margin-top: -100px;overflow: hidden}
.laymap .maps {height:80vw;overflow: hidden;display: block;}
.laymap .maps .map {height: 100%;background: url(../images/chinapcmap.svg) no-repeat top;background-size:65% auto;position: relative;transition: all .3s}
.laymap .maps .map.scale {transform: scale(1.35);}
.laymap .maps .map > div{position: absolute;font-size: 17px;display: inline-block;}
.laymap .maps .map > div i.icon-location_on{font-size: 18px;}
.laymap .maps .map > div.current{z-index: 1000}
.laymap .maps .map.scale > div{font-size: 13px;}
.laymap .maps .map.scale > div i.icon-location_on{font-size: 15px;}
.laymap .maps .map > div i{cursor: pointer;position: relative;z-index: 1;color: #ad302a;}
.laymap .maps .map > div i.icon-star:after {content: "\e999";}
.laymap .maps .map > div i.icon-briefcase:after {content: "\e99a";}
.laymap .maps .map > div i.icon-location_on:after {content: "\e909";}
.laymap .maps .map > div i.icon-home1:after {content: "\e99e";}
.laymap .maps .map > div.i0 {left: 63%;top: 33.5%;}   /*杭州*/
.laymap .maps .map > div.i1 {left: 65%;top: 35.8%;}   /*诸暨*/
.laymap .maps .map > div.i2 {left: 65.5%;top: 32.5%;}   /*湖州*/
.laymap .maps .map > div.i3 {left: 52.5%;top: 26.1%;}   /*平凉*/
.laymap .maps .map > div.i4 {left: 54%;top: 19.5%;}   /*包头*/
.laymap .maps .map > div.i5 {left: 56.5%;top: 37%;}   /*长沙*/
.laymap .maps .map > div i:after{position: absolute;left:0;top:0;color: #ad302a;z-index: -102;animation: boderIcon 2s infinite;display: none}
.laymap .maps .map > div.current i:after{display: inline-block;}
.laymap .maps .map > div .content{display:block; opacity: 0;visibility: hidden;position: absolute;right: -14.8vw;top: -12vh;width: 14vw;padding:12px;background:#fff;box-shadow: 0 0 20px 10px #00000020;transition:all .3s;z-index: 2003}
.laymap .maps .map > div .content:after{position: absolute;top:12.2vh;display: inline-block;border-right: 10px solid transparent;border-bottom: 10px solid #fff;border-left: 8px solid transparent;content: '';right: -12px;transform: rotate(90deg);}
.laymap .maps .map > div.i0 .content:after{right: auto;left: -12px;transform: rotate(-90deg);}
.laymap .maps .map > div.i1 .content:after{right: auto;left: -12px;transform: rotate(-90deg);}
.laymap .maps .map > div.i2 .content:after{right: auto;left: -12px;transform: rotate(-90deg);}
.laymap .maps .map > div.i3 .content{top: -7vh;left: -14.8vw;right: auto}
.laymap .maps .map > div.i3 .content:after{top: 7.5vh;}
.laymap .maps .map > div.i4 .content{top: -10vh;left: -14.8vw;right: auto}
.laymap .maps .map > div.i4 .content:after{top: 10.5vh;}
.laymap .maps .map > div.i5 .content{top: -11.5vh;left: -14.8vw;right: auto}

.laymap .maps .map > div .content em{position: absolute;right:8px;top: 8px;cursor: pointer;z-index: 100;font-size:12px;transition:all .3s;}
.laymap .maps .map > div .content em:hover{color: #ad302a}
.laymap .maps .map > div .content dl{display: block;}
.laymap .maps .map > div .content dl dt{display: block;}
.laymap .maps .map > div .content dl dt img{width: 100%}
.laymap .maps .map > div .content dl dd{display: block;padding-top: 10px}
.laymap .maps .map > div .content dl dd h1{color: #333;font-size:13px;}
.laymap .maps .map > div .content dl dd h2{color: #444;font-size:11px;}
.laymap .maps .map > div .content dl dd p{color: #666;font-size: 10px;padding-top: 5px}
.laymap .maps .map > div.current .content{opacity: 1;visibility: visible;}
@keyframes boderIcon {0% {transform: scale(1);opacity: 0} 20% {opacity: 1} 75% {transform:scale(2);opacity: 0}100% {opacity: 0}}

@media screen and (max-width:1599px){
	.laymap{height:75vh}
}
@media screen and (max-width:1499px){
	.laymap{height:80vh;padding-bottom:0;margin-top: -50px}
}
@media screen and (max-width:1299px){
	.laymap{margin-top: -50px;height:92vh}
	.laymap .maps {height:70vw;}
	.laymap .maps .map {background-size:105% auto;}
	.laymap .maps .map > div.i0 {left: 71%;top: 63%;}   /*杭州*/
	.laymap .maps .map > div.i1 {left: 74%;top: 66.5%;}   /*诸暨*/
	.laymap .maps .map > div.i2 {left: 74.5%;top: 61%;}   /*湖州*/
	.laymap .maps .map > div.i3 {left: 55%;top: 48.1%;}   /*平凉*/
	.laymap .maps .map > div.i4 {left: 58%;top: 36%;}   /*包头*/
	.laymap .maps .map > div.i5 {left: 60.5%;top: 67%;}   /*长沙*/
}
@media screen and (max-width:1199px){
	.laymap{height:82vh}
}
@media screen and (max-width:991px){
	.laymap{height:70vh}
}
@media screen and (max-width:800px){
	.laymap{height:60vh}
}
@media screen and (max-width:767px){
	.laymap{margin-top: 0px;height:55vh}
}
@media screen and (max-width:576px){
	.laymap{height:42vh}
}
.laymap .maps .map > div .point-area{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.laymap .maps .map > div .point-area .circle{position: absolute;top:50%;left: -30px;margin-top: -25px;width: 50px;height:50px;border-radius: 100%;background: #005bac60;}
.laymap .maps .map > div .point-area .circle i{display: block;width: 10px;height: 10px;border-radius: 100%;background: #005bac;margin: 20px;}
.laymap .maps .map > div .point-area .circle::before {content: '';position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 30px;height:30px;border-radius: 100%;background: #005bac70);}
.laymap .maps .map > div.current .point-area .circle{background: #f40b4260;}
.laymap .maps .map > div.current .point-area .circle::before {background: #f40b4260;}
.laymap .maps .map > div.current .point-area .circle i {background: #f40b42;}
.laymap .maps .map > div .point-area .circle {animation: yuanfangda 2500ms infinite ease;}
.laymap .maps .map > div .point-area.points1 .circle {animation: yuanfangda 1500ms infinite ease;}
.laymap .maps .map > div .point-area.points2 .circle {animation: yuanfangda 2000ms infinite ease;}
.laymap .maps .map > div .point-area.points3 .circle {animation: yuanfangda 2500ms infinite ease;}
.laymap .maps .map > div .point-area.points4 .circle {animation: yuanfangda 3000ms infinite ease;}
.laymap .maps .map > div .point-area.points5 .circle {animation: yuanfangda 2500ms infinite ease;}
.laymap .maps .map > div .point-area.points6 .circle {animation: yuanfangda 3000ms infinite ease;}
/*.laymap .maps .map > div .point-area.points7 .circle {animation: yuanfangda 2600ms infinite ease;}
.laymap .maps .map > div .point-area.points8 .circle {animation: yuanfangda 1100ms infinite ease;}
.laymap .maps .map > div .point-area.points9 .circle {animation: yuanfangda 1300ms infinite ease;}
.laymap .maps .map > div .point-area.points10 .circle {animation: yuanfangda 2100ms infinite ease;}
.laymap .maps .map > div .point-area.points11 .circle {animation: yuanfangda 1600ms infinite ease;}
.laymap .maps .map > div .point-area.points12 .circle {animation: yuanfangda 3600ms infinite ease;}
.laymap .maps .map > div .point-area.points13 .circle {animation: yuanfangda 1300ms infinite ease;}*/
@keyframes yuanfangda{0%{transform:scale(0.1);opacity:1;visibility: hidden;}100%{transform:scale(1.2);opacity: 0;visibility: visible;}}
.swiper-map{top: -12vh;position: relative;z-index: 100;padding-left: 5%;padding-right: 5%}
.map-content .swiper-slide{padding: 10px}
.map-content .swiper-button-prev,.map-content .swiper-button-next{width: 22px;height: 38px;background: #00000090;top: 49%}
.map-content .swiper-button-prev:after,.map-content .swiper-button-next:after{color: #fff;font-size: 14px}
.map-content dl{font-size: 0;background: #fffffff0;box-shadow: 0 0 10px 0 #00000010;border-radius: 8px;overflow:hidden;display: flex;}
.map-content .swiper-slide-active dl{box-shadow:0 0 10px 0 #00000050}
.map-content dl dt{flex: 45%;vertical-align: top;min-height: 160px;background-size: cover;background-repeat:no-repeat;background-position: center;}
.map-content dl dd{flex: 55%;vertical-align: top;padding: 30px 20px 0 20px}
.map-content dl dd h1{font-size: 18px}
.map-content dl dd h2{font-size: 15px}
.map-content dl dd p{font-size: 14px;display: block;color: #999;margin-top: 10px;line-height: 22px}
.swiper-map.en .map-content dl dd{padding-top: 20px}
.swiper-map.en .map-content dl dd h1{font-size: 16px;line-height: 22px;min-height: 44px;}
.swiper-map.en .map-content dl dd p{min-height: 100px;line-height: 20px}
.mapMain {background: #f9f9f9;padding-top: 50px;padding-bottom:80px}
.mapMain .maps {height: calc(650/1920*80vw);overflow: hidden;position: relative;}
.mapMain .map {height: 100%;background: url(../images/chinamap.svg) no-repeat left 0;background-size: calc(1920/1920*98vw) calc(650/1920*80vw);position: relative;/* transform:scale(2);*/transform-origin: 38% 32%;}
.mapMain .map i{position: relative;font-size: 30px;z-index: 10;color: #ad302a;cursor: pointer;}
.mapMain .map i em {display: block;width: 100%;height: 100%;opacity: 1;background: #ad302a30;border: 3px solid #ad302a30;border-radius: 50%;position: absolute;animation: bordershow 3s infinite;z-index: 2;cursor: pointer;transition: all 0.36s;left: 100%;top: 100%;z-index: -1}
.mapMain .map i {position: absolute;display: block;width: calc(13/1920*100vw);height: calc(13/1920*100vw);transform: scale(0.3);transition: all 0.36s;transform: translate(-50%,-100%);}
.mapMain .map i em:after {content: '';display: block;position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%,-50%);width: 25px;height: 25px;border-radius: 50%;
    background: #ad302a60;animation: boderM 3s .75s infinite;}
.mapMain .map i em:before {content: '';display: block;position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%,-50%);width: 25px;height: 25px;border-radius: 50%;
    background: #ad302a60;animation: boderM 3s infinite;}
@keyframes boderM {0% {transform: translate(-50%,-50%) scale(1);opacity: 0} 20% {opacity: 1} 75% {transform: translate(-50%,-50%) scale(2);opacity: 0}100% {opacity: 0}}
@media screen and (max-width:991px){
	.map-content .swiper-slide-active dl{box-shadow:0 0 10px 0 #00000020}
}
.mapMain .map .i0 {left: 58.5%;top: 68%;}
.mapMain .map .i1 {left: 58.5%;top: 68%;}
.mapMain .map .i2 {left: 58.5%;top: 68%;}
.mapMain .map .i3 {left: 51%;top: 52%;}
.mapMain .map .i4 {left: 53%;top: 37%;}
.mapMain .map .i5 {left: 54%;top: 73%;}
.mapMain .list{margin-top: -80px;}
.mapMain .list .map-content{position: relative}
.mapMain .list .swiper-wrapper .swiper-slide dl dt{display: block;background:#000;overflow: hidden}
.mapMain .list .swiper-wrapper .swiper-slide dl dt img{width: 100%;opacity: 0.4;transition:all .3s;}
.mapMain .list .swiper-wrapper .swiper-slide dl dd{display: block;padding-top: 30px}
.mapMain .list .swiper-wrapper .swiper-slide dl dd h1{font-size: 20px;line-height: 22px;margin-bottom: 6px}
.mapMain .list .swiper-wrapper .swiper-slide dl dd h2{font-size:15px;line-height: 30px;color: #666}
.mapMain .list .swiper-wrapper .swiper-slide dl dd p{display: block;font-size: 14px;line-height: 23px;margin: 0;margin-top: 15px}
.mapMain .list .swiper-wrapper .swiper-slide-active dl dt img{opacity:1}
.mapMain .list .swiper-button-next,.mapMain .list .swiper-button-prev{left: 0;top: 30%;background: #ad302a}
.mapMain .list .swiper-button-next{right: 0;left: auto}
.mapMain .list .swiper-button-next:after,.mapMain .list .swiper-button-prev:after{color: #fff;font-size: 20px}
.mapMain .list .swiper-slide{cursor: pointer;}
.mapMain .map.current em{transform: scale(.3);}
.mapMain .map.current {transform: scale(1.3);}
.mapMain .map.current i.current em {transform: scale(1);}
.mapMain .maps *{-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}

@media screen and (max-width:1499px){
	.swiper-map.en{padding-left: 2%;padding-right: 2%}
	.map-content dl dt{flex: 40%;}
    .map-content dl dd{flex: 60%;padding: 20px 20px 0 20px}
}
@media screen and (max-width:1399px){
	.mapMain .list{margin-top: 0px;}
	.mapMain .map.current {transform: scale(1.6);}
	.mapMain .map i{font-size: 25px;}
}
@media screen and (max-width:991px){
	.mapMain .map.current {transform: scale(1.4);}
	.mapMain .map i{font-size: 18px;}
	.mapMain .maps {height: calc(650/1920*120vw);}
	.mapMain .map {background-size: calc(1920/1920*100vw) calc(650/1920*120vw);}
	.mapMain .map .i0 {left: 65%;top: 66%;}
	.mapMain .map .i1 {left: 65%;top: 66%;}
	.mapMain .map .i2 {left: 65%;top: 66%;}
	.mapMain .map .i3 {left: 53%;top: 50%;}
	.mapMain .map .i4 {left: 55%;top: 37%;}
	.mapMain .map .i5 {left: 58%;top: 71.5%;}
}
@media screen and (max-width:576px){
	.mapMain .map.current {transform: scale(1.3);}
	.mapMain .map i{font-size: 15px;}
	.mapMain .maps {height: calc(700/1920*145vw);}
	.mapMain .map {background-size: calc(1920/1920*100vw) calc(700/1920*145vw);}
	.mapMain .map .i0 {left: 66%;top: 66%;}
	.mapMain .map .i1 {left: 66%;top: 66%;}
	.mapMain .map .i2 {left: 66%;top: 66%;}
	.mapMain .map .i3 {left: 52%;top: 48%;}
	.mapMain .map .i4 {left: 55%;top: 36%;}
	.mapMain .map .i5 {left: 57%;top: 70%;}
	.map-content dl{display: block;}
	.map-content dl dt{display: block;width: 100%;min-height: 200px;}
	.map-content dl dd{display: block;width: 100%;padding: 20px}
	.swiper-map .map-content dl dd h1{font-size: 15px}
	.swiper-map.en .map-content dl dd h1{font-size: 15px}
	.map-content dl dd p{font-size: 13px}
	.swiper-map.en .map-content dl dd p{min-height: auto;}
}
.inner-quality .compintro{position: relative;padding-bottom: 30px}
.inner-quality .compintro .quality-content{padding-top: 50px}
.inner-quality .compintro .quality-content p{display: block;font-size: 16px;}
.inner-quality .compintro .quality-content p i{display: inline-block;margin-right: 10px;color: #ad302af0}
.inner-quality .row > div{padding: 0}
.inner-quality .row > div:first-child{padding-right: 5%}
.inner-quality .row > div:last-child{border-radius: 10px;overflow: hidden}
.inner-quality .sales-title{width: 82%;height: 96%;background:#ad302a;padding: 50px 0 20px 0;position:relative;z-index: 80;border-radius: 10px;box-shadow: 0 15px 15px -13px #00000050;}
.inner-quality .sales-title dl{display: block;font-size: 0;position:relative;padding: 0 40px;cursor: pointer;}
.inner-quality .sales-title dl dt{width: 10%;color: #ffffff60;font-size: 20px;display: inline-block;vertical-align: top;line-height:50px;transition: all .3s;font-family: 'MonBold'}
.inner-quality .sales-title dl dt:after{content: '';position: absolute;left: 0;top: 45%;width: 10px;height: 2px;background:#ffffff60;transition: all .3s}
.inner-quality .sales-title dl dd{width: 90%;display: inline-block;vertical-align: top;font-size:18px;line-height:50px;padding-left: 10%;color: #ffffff60;transition: all .3s}
.inner-quality .sales-title dl.active dt,.inner-quality .sales-title dl.active dd{color: #fff}
.inner-quality .sales-title dl.active dd{font-weight: bold;font-size: 22px}
.inner-quality .sales-title dl.active dt:after{background:#fff}
.inner-quality .row > div:last-child dl{font-size: 0;}
.inner-quality .row > div:last-child dl dd{width: 25%;display:inline-block;vertical-align: top;padding-top: 10%;padding-left: 5%}
.inner-quality .row > div:last-child dl dd i{font-size: 30px;display: block;color: #aaa;margin-top: 40px}
.inner-quality .row > div:last-child dl dd h1{position: relative;display:inline-block;padding-right: 25px}
.inner-quality .row > div:last-child dl dd h1:after{content: '';position: absolute;right: 0;top: 8px;width:10px;height:10px;border-radius: 50%;border:2px #ad302a solid;}
.inner-quality .row > div:last-child dl dd p{font-size: 20px;display: block;padding-top: 30px;font-weight: bold;}
.inner-quality .row > div:last-child dl dt{width: 75%;display:inline-block;vertical-align: top;}
.inner-quality .row > div:last-child dl dt img{width: 100%;border-radius: 10px;box-shadow: 0 15px 15px -13px #00000050;}
.inner-quality .swiper-button-prev,.inner-quality .swiper-button-next{left:47.5vw;color: #ad302a;bottom:25%;top: auto;}
.inner-quality .swiper-button-next{left: 50.5vw}
.inner-quality .swiper-button-prev:after,.inner-quality .swiper-button-next:after{display: none}
.inner-quality .swiper-button-prev i{transform: rotate(180deg);}
@media screen and (max-width:1399px){
	.inner-quality .compintro .quality-content p{font-size: 15px;}
	.inner-quality .row > div:last-child dl dd{width: 30%;}
	.inner-quality .row > div:last-child dl dt{width: 70%;}
	.inner-quality .swiper-button-prev{left:52.5vw;}
	.inner-quality .swiper-button-next{left: 56.5vw}
}
@media screen and (max-width:1199px){
	.inner-quality .compintro .quality-content{padding-top: 20px}
	.inner-quality .compintro .quality-content p{font-size: 14px;margin-bottom: 8px}
	.inner-quality .row > div:last-child dl dd h1{font-size: 28px;padding-right: 20px}
	.inner-quality .row > div:last-child dl dd p{font-size: 18px;}
}
@media screen and (max-width:991px){
	.inner-quality .compintro .quality-content{padding-bottom: 20px}
	.inner-quality .row > div:last-child dl dd h1{font-size: 24px}
	.inner-quality .row > div:last-child dl dd p{font-size: 16px;padding-top: 20px;}
	.inner-quality .swiper-button-prev,.inner-quality .swiper-button-next{left:70vw;}
	.inner-quality .swiper-button-next{left: 75vw}
}
@media screen and (max-width:767px){
	.inner-quality .row > div:last-child dl dd h1{font-size: 18px;padding-right: 14px}
	.inner-quality .row > div:last-child dl dd h1:after{top: 3px;width:8px;height:8px;}
	.inner-quality .row > div:last-child dl dd p{font-size: 15px;}
}
@media screen and (max-width:640px){
	.inner-quality .sales-content{padding-bottom: 50px}
	.inner-quality .row > div:last-child dl dt{width: 100%;}
	.inner-quality .row > div:last-child dl dd{width: 100%;padding-left: 0;padding-top: 40px}
	.inner-quality .swiper-button-prev,.inner-quality .swiper-button-next{left:1%;bottom:0;}
	.inner-quality .swiper-button-next{left:15%}
}
#vulcan{position: relative;padding-bottom: 160px}
#vulcan .vulcan-text {position: absolute;left: 0;bottom: 0;z-index: -1;white-space: nowrap;display:inline-block;font-size:180px;font-family: 'MonBold';line-height:200px;color: #fff;text-transform: uppercase;text-shadow: 0px 5px 20px #ad302a20;}
#vulcan .vulcan-text b{text-shadow: 0px 5px 20px #ad302a20;}
#vulcan p{display: block;margin-bottom: 25px;padding-bottom:25px;border-bottom: 1px #00000009 solid}
#vulcan p.last{border-bottom: none}

@media screen and (max-width:1199px){
	#vulcan{padding-bottom: 120px}
	#vulcan .vulcan-text {font-size:120px;line-height:140px;}
}
@media screen and (max-width:767px){
	#vulcan .vulcan-text {font-size:80px;line-height:100px}
	#vulcan p{margin-bottom: 15px;padding-bottom:15px;font-size: 13px}
	#vulcan p.last{margin-bottom: 0;padding-bottom: 0}
}

/* about */
.vulcan-about-data {overflow: hidden;position: relative;padding-top: 20px}
.vulcan-about-data .vulcan-content{font-size: 0;display: block;}
.vulcan-about-data-item {width: 25%;display: inline-block;vertical-align: top}
.vulcan-about-data-item a{display: block;position: relative;padding-bottom: 130px}
.vulcan-about-data-item .title {color: #000;display: block;}
.vulcan-about-data-item .title strong{font-weight: 500;display: inline-block;vertical-align: text-top;font-size:5rem}
.vulcan-about-data-item .title sub{font-weight: 400;display: inline-block;font-size: 18px;top: 30px;left: 5px}
.vulcan-about-data-item .text {color: #999;font-size: 16px}
.vulcan-about-data-item .vulcan-line {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;}
.vulcan-about-data-item a:hover .vulcan-line svg path{animation: draw 4s linear forwards;}
.vulcan-about-data-item:first-child .vulcan-line-none::after,.vulcan-about-data-item:last-child .vulcan-line-none::after{content: '';width: 100%;height: 1px;position: absolute;z-index: 1;background: #00000010;transform: translateY(-50%);}
.vulcan-about-data-item:first-child .vulcan-line-none::after{top: 61%;left: -99%;}
.vulcan-about-data-item:last-child .vulcan-line-none::after{top: 61%;right: -99%;}
.vulcan-line,.vulcan-line-none {position: relative;}
.vulcan-line svg path {stroke-dasharray: 2000;stroke-dashoffset: 2000;}
.vulcan-line svg,.vulcan-line-none svg,.vulcan-line svg path,.vulcan-line-none svg path{width: 100%;}
.vulcan-line-none {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 1;}
.vulcan-line-none svg path {stroke: #00000010;}
@keyframes draw {to {stroke-dashoffset: 0;}}
@media screen and (max-width:1399px){
	.vulcan-about-data-item .title strong{font-size:4rem}
	.vulcan-about-data-item .title sub{font-size: 17px;top: 23px;}
}
@media screen and (max-width:1199px){
	.vulcan-about-data-item .title strong{font-size:2.5rem}
	.vulcan-about-data-item .text{font-size: 14px}
	.vulcan-about-data-item a{padding-bottom: 100px}
}
@media screen and (max-width:991px){
	.vulcan-about-data-item a{padding-bottom: 60px}
}
@media screen and (max-width:767px){
	.vulcan-about-data-item {width: 50%;}
	.vulcan-about-data-item .title strong{font-size:28px}
	.vulcan-about-data-item .title sub{font-weight: 300;font-size: 12px;top: 10px;left: 2px}
	.vulcan-about-data-item .text{font-size: 13px}
}
.uw-index-about-video {background: #000;position: fixed;left: 0;top: 0;z-index: 1999;width: 100%;height: 100%;transform:translateY(0);display: block;transition:all .4s ease;}
.uw-index-about-video.cur {display: block;transform:translateY(-100%);position: fixed;}
.uw-index-about-video video{position: absolute;width: 100%;height: 100%;margin: auto;left: 0;top: 0;z-index: 1999}
.uw-close {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;z-index: 2000;background: #fff;text-align: center;border-radius: 3px}
.uw-close i{font-size:18px;color: #333;line-height: 40px}
.uw-close:hover {background: rgba(255,255,255,.4);}
.uw-close:hover i{color: #fff}

.inner-histroy{padding-top: 50px;padding-bottom: 50px;background:url(/attached/image/20241014/20241014134125_89219.webp) no-repeat;background-size: cover}
.inner-histroy-list{padding-top: 10px;padding-bottom: 30px;}
.inner-histroy-list dl{padding:40px 0;transition: all .3s;position: relative;text-align: center;}
.inner-histroy-list dl dt{display: block;position: relative;font-size: 16px;text-align: center;padding-bottom: 30px;padding-top: 70px;opacity: 0;transition: all .3s}
.inner-histroy-list dl dt em{color: #ffffff10;font-size: 150px;font-family: 'Roboto';font-weight: 500;position: absolute;left: 50%;top: 0;transform: translateX(-50%);font-style:normal;line-height:120px;}
.inner-histroy-list dl dt h1{font-size: 25px;line-height:32px;color: #fff;display: block;padding:0 2%;font-weight: normal}
.inner-histroy-list dl dt h2{display: block;font-size:28px;margin-bottom: 40px;line-height:30px;font-family: 'Roboto';font-weight:400;;color: #fff;position: relative;padding-top:20px;margin-top:40px}
.inner-histroy-list dl dt h2:after{content: '';position: absolute;left: 50%;top: 0;background:#ad302a;width:50px;height:2px;transform:translateX(-50%);}
.inner-histroy-list dl.swiper-slide-active dt{opacity: 1}
.inner-histroy-list dl dd{color: #fff;width: 100%;text-align: center;display: block;font-size: 0}
.inner-histroy-list dl dd p{display:inline-block;vertical-align: top;margin:10px 0.5%;padding:40px 2%;width: 19%;background: #ffffff30;border-radius: 10px}
.inner-histroy-list dl dd p b{font-size:28px;display:inline-block;color: #fff;padding: 10px 0;}
.inner-histroy-list dl dd p span{display:block;font-weight: normal;font-size: 16px;line-height:30px;min-height: 90px;}
.inner-histroy .data-line{display: block;position: relative;padding-bottom: 50px;padding-top: 10px}
.inner-histroy .data-line:after{content:'';position: absolute;left: 0;width: 100%;height: 1px;border-bottom: 1px #ffffff40 dotted;top: 15px;overflow: hidden}
.inner-histroy .data-line .swiper-slide{color: #ffffff50;font-family: 'MonBold';font-size: 25px;position:relative;text-align: center;padding-top: 30px;transition: all .3s;line-height:80px;cursor: pointer;}
.inner-histroy .data-line .swiper-slide-active{font-size: 40px;color: #fff}
.inner-histroy .data-line .swiper-slide:after{content: '';position: absolute;top: 0;left: 50%;width: 12px;height: 12px;border-radius: 50%;background:#ffffff90;transform: translateX(-50%);transition: all .3s;}
.inner-histroy .data-line .swiper-slide:before{content: '';position: absolute;top:10px;left: 50%;width: 1px;height: 20px;transform: translateX(-50%);background:#ffffff40;transition: all .3s;}
.inner-histroy .data-line .swiper-slide-active:after{width: 18px;height: 18px;top:-4px;background:#fff}
.inner-histroy .data-line .swiper-slide-active:before{height: 25px;color: #fff}
@media screen and (max-width:1199px){
	.inner-histroy{padding-top: 10px;padding-bottom: 10px;}
	.inner-histroy-list dl dd p{margin:10px 1%;padding:30px 1%;width: 31%;}
	.inner-histroy-list dl dd p b{font-size:22px;}
	.inner-histroy-list dl dt{padding-bottom: 20px;padding-top: 20px;}
	.inner-histroy-list dl dt em{font-size: 100px;line-height:90px;top: 25px}
	.inner-histroy-list dl dt h1{font-size: 20px;line-height:25px;}
	.inner-histroy .data-line .swiper-slide-active{font-size: 30px;}
}
@media screen and (max-width:991px){
	.inner-histroy-list dl dd p{width: 48%;}
}
@media screen and (max-width:767px){
	.inner-histroy-list dl dt h1{font-size: 18px;line-height:22px;}
	.inner-histroy-list dl dt em{font-size: 80px;line-height:60px;top: 0}
	.inner-histroy-list dl dd p b{font-size:20px;}
	.inner-histroy-list dl dd p span{font-size: 13px;line-height:20px;min-height: 60px;}
	.inner-histroy .data-line .swiper-slide-active{font-size: 25px;}
}
.inner-certificate .cert-list dl em{color: #0B5DD0;display: block;padding-bottom: 15px;font-size: 15px;font-style:normal;}
.inner-certificate .cert-list dl{padding: 35px;padding-bottom: 15px}
.inner-certificate .cert-list dl a{display: block;}
.inner-certificate .cert-list dl a dt{display: block;padding:50px;border:1px #eee solid;background:#fff;border-radius: 5px;overflow: hidden}
.inner-certificate .cert-list dl a dt img{width: 100%;transition: all .5s}
.inner-certificate .cert-list dl a:hover dt img{transform: scale(1.05);}
.inner-certificate .cert-list dl a dd{display: block;padding-top: 30px;text-align:center;}
.inner-certificate .cert-list dl a dd h1{font-size: 18px;line-height:28px;}
.inner-certificate .cert-list dl a dd p{display: block;margin-top: 20px}
.inner-certificate .cert-list dl a dd span{overflow: hidden;position:relative;display: block;margin-top: 60px;width: 100px;height: 25px;}
.inner-certificate .cert-list dl a dd span i{font-size: 20px;color: #ad302a;position: absolute;left: -30px;top: 0;transition: all .3s}
.inner-certificate .cert-list dl a:hover dd span i{left: 0}
@media screen and (max-width:767px){
	.inner-certificate .cert-list dl{padding:15px}
	.inner-certificate .cert-list dl em{font-size: 13px}
	.inner-certificate .cert-list dl a dt{padding:10px;}
	.inner-certificate .cert-list dl a dd{padding-top:20px;margin-bottom: 0}
	.inner-certificate .cert-list dl a dd h1{font-size: 14px;line-height:22px;}
	.inner-certificate .cert-list dl a dd span i{font-size: 14px;}
	.inner-certificate .cert-list dl a dd span{margin-top: 10px;width: 50px;}
}
.inner-about.nopadding {padding-bottom: 20px}
.national-layout .layout-title{margin-bottom: 50px;text-align: center;position: relative;z-index: 100}
.national-layout .layout-title .comm-title{padding-bottom: 30px}
.national-layout .layout-title p{font-size:18px}
.national-layout #allmap{display: block;height: 650px;padding-bottom: 30px}
.national-layout #allmap #map{width: 100%;height: 100%;display: block;border-radius: 10px;box-shadow: 0px 5px 15px 0 rgba(25, 17, 64, 0.2);}
.national-layout .global-map{display: block;position: relative;padding-bottom: 100px;background: url(/assets/images/map.webp) no-repeat top right;background-size: auto 100%}
.national-layout.en .global-map{background-image: url(/assets/images/map_en.webp)}
.national-layout .global-map .global-list{width: 32%;display: block;vertical-align: top;font-size: 0;padding-top:100px;padding-bottom: 100px}
.national-layout .global-map .global-list dl{display: block;padding: 15px;background:#f5f5f590;box-shadow: 0px 5px 10px 0 rgba(25, 17, 64, 0.1);border-radius: 8px}
.national-layout .global-map .global-list dl dt{display: inline-block;width:15%;vertical-align: top;}
.national-layout .global-map .global-list dl dt img{width:72%}
.national-layout .global-map .global-list dl dd{display: inline-block;width: 85%;vertical-align: top;margin-bottom: 0}
.national-layout .global-map .global-list dl dd > h1{font-size: 24px;margin-top: 9px;margin-bottom: 10px;display: block;}
.national-layout .global-map .global-list dl dd > div{font-size: 15px;line-height:30px;position: relative;cursor: pointer;}
.national-layout .global-map .global-list dl dd > div:hover{color: #ad302a}
.national-layout .global-map .global-list figure{width: 380px;padding: 10px}
.national-layout .global-map .global-list figure img{width: 100%}
.national-layout .global-map .global-list figure div{padding-top: 20px}
.national-layout .global-map .global-list figure div h1{display: block;color: #333;margin: 0;font-size: 22px;margin-bottom: 15px}
.national-layout .global-map .global-list figure div h2{display: block;color: #333;margin: 0;font-size: 18px;margin-bottom: 20px}
.national-layout .global-map .global-list figure div p{display: block;color: #333;margin: 0;padding: 5px 0;font-size: 15px}
.national-layout .global-map .global-img{display: block;width: 100%;position:absolute;left: 0;width: 100%;top: -50px;z-index: -1;text-align: center;}
.national-layout .global-map .global-img img{width:90%}
@media screen and (max-width:1599px){
	.national-layout .global-map .global-list{padding-top:70px}
}
@media screen and (max-width:1299px){
	.national-layout .global-map .global-list{width: 35%;padding-top:50px}
}
@media screen and (max-width:991px){
	.national-layout .global-map .global-list{width: 100%;padding-top:0;padding-bottom: 150px}
	.national-layout .global-map .global-list dl dd > h1{font-size: 20px;margin-top: 6px;}
	.national-layout .global-map .global-list figure{width: 300px;padding: 5px}
	.national-layout .global-map .global-list figure div h1{font-size: 18px;}
	.national-layout .global-map .global-list figure div h2{font-size: 16px;}
}
@media screen and (max-width:767px){
	.national-layout .global-map .global-list dl dt img{width:65%}
	.national-layout .global-map .global-list dl dd > h1{font-size: 18px;margin-top: 5px;}
	.national-layout .global-map .global-list dl dd > div{font-size: 13px;line-height:24px;}
}
.national-layout .list{position: relative;z-index: 5}
.national-layout .list dl{padding-bottom: 100px;}
.national-layout .list dl:nth-child(2n){flex-direction: row-reverse}
.national-layout .list dl dt{padding-left: 0;padding-right:50px}
.national-layout .list dl dt img{width: 100%;border-radius: 10px;box-shadow: 0px 5px 15px 0 rgba(25, 17, 64, 0.2);}
.national-layout .list dl dd{padding-right: 0;padding-left: 50px;align-self:center}
.national-layout .list dl dd h1{display: block;font-size: 35px;margin-bottom: 50px}
.national-layout .list dl dd b{display: block;font-size: 22px;margin-top:20px}
.national-layout .list dl dd p{font-size: 16px;display: block;margin-top: 5px;position: relative;padding-left: 20px}
.national-layout .list dl dd p:after{content:'';position: absolute;left: 0;top: 7px;width: 12px;height: 12px;border-radius: 50%;border:2px #ad302a solid;}
.national-layout .list dl:nth-child(2n) dt{padding-left: 50px;padding-right:0}
.national-layout .list dl:nth-child(2n) dd{padding-left: 0;padding-right:50px;}
@media screen and (max-width:1199px){
	.national-layout .layout-title{margin-bottom: 60px}
	.national-layout .layout-title .comm-title{padding-bottom: 40px}
	.national-layout .list dl{padding-bottom: 80px;}
	.national-layout .list dl dt{padding-right:30px}
	.national-layout .list dl dd{padding-left: 30px;}
	.national-layout .list dl:nth-child(2n) dt{padding-left: 30px;}
	.national-layout .list dl:nth-child(2n) dd{padding-right:30px;}
	.national-layout .list dl dd h1{font-size: 30px;margin-bottom: 40px}
	.national-layout .list dl dd b{font-size:20px}
	.national-layout .list dl dd p{font-size: 15px;}
}

@media screen and (max-width:991px){
	.national-layout .layout-title{margin-bottom: 40px}
	.national-layout .layout-title .comm-title{padding-bottom: 30px}
	.national-layout .layout-title p{font-size:16px}
	.national-layout .list dl{padding-bottom: 60px;}
	.national-layout .list dl dt{padding-right:20px}
	.national-layout .list dl dd{padding-left: 20px;}
	.national-layout .list dl:nth-child(2n) dt{padding-left: 20px;}
	.national-layout .list dl:nth-child(2n) dd{padding-right:20px;}
	.national-layout .list dl dd h1{font-size: 22px;margin-bottom: 30px}
	.national-layout .list dl dd b{font-size:18px}
	.national-layout .list dl dd p{font-size: 14px;}
}
@media screen and (max-width:767px){
	.national-layout .layout-title{margin-bottom: 30px}
	.national-layout .layout-title .comm-title{padding-bottom: 20px}
	.national-layout .layout-title p{font-size:14px}
	.national-layout .list dl{padding-bottom: 0px;}
	.national-layout .list dl dt{padding-right:0}
	.national-layout .list dl dd{padding-left: 0;padding-top: 30px}
	.national-layout .list dl:nth-child(2n) dt{padding-left: 0;}
	.national-layout .list dl:nth-child(2n) dd{padding-right:0;}
	.national-layout .list dl dd h1{font-size: 20px;margin-bottom:20px}
	.national-layout .list dl dd b{font-size:16px}
	.national-layout .list dl dd p{font-size: 14px;line-height:20px;}
	.national-layout .list dl dd p:after{top: 3px}
}

/*.national-layout .row{padding-top: 50px}
.national-layout .row > div{padding: 0}
.national-layout .row > div:first-child{padding-right: 7%}
.national-layout .row > div:first-child p{font-size: 16px;}
.national-layout .row dl{font-size: 0}
.national-layout .row dl dt{display: inline-block;width: 70%;vertical-align: top;}
.national-layout .row dl dt img{width: 90%;border-radius: 10px}
.national-layout .row dl dd{display: inline-block;width: 30%;vertical-align: top}
.national-layout .row dl dd h1{display: block;font-size: 30px;margin-bottom: 30px}
.national-layout .row dl dd h2{display: block;font-size: 18px;font-weight: bold;margin-bottom: 30px}
.national-layout .row dl dd p{font-size: 16px;display: block;margin-top: 5px}
.national-layout .swiper-button-prev,.national-layout .swiper-button-next{left: 71.5vw;color: #ad302a;bottom:25vh;top: auto;}
.national-layout .swiper-button-next{left: 75.7vw}
.national-layout .swiper-button-prev:after,.national-layout .swiper-button-next:after{display: none}
.national-layout .swiper-button-prev i{transform: rotate(180deg);}*/

.location{display: block;text-align: left;padding-top:50px}
.location i{font-size: 18px;display:inline-block;vertical-align: top;padding-right: 5px;line-height: 20px}
.location span{display: inline-block;padding:0 10px;}
@media (max-width:991px){
	.location{padding-top:0}
	.location span{padding:0 6px;}
}

.inner-product.comm-padding{padding-bottom: 30px}
.inner-product .commline{padding-bottom: 100px}
.inner-product .prut-menu-list{align-items: center;position: relative;z-index: 5;padding-top: 80px;padding-bottom: 70px}
.inner-product .prut-menu-list > div{padding: 0;}
.inner-product .prut-menu-list > div.menu-img{padding-right: 50px}
.inner-product .prut-menu-list > div.menu-intro{padding-left: 50px}
.inner-product .prut-menu-list:nth-child(2n+1) > div.menu-img{padding-left: 50px;padding-right: 0}
.inner-product .prut-menu-list:nth-child(2n+1) > div.menu-intro{padding-right: 50px;padding-left: 0}
.inner-product .prut-menu-list > div.menu-img a{display: block;overflow: hidden;border-radius: 10px;box-shadow: 0px 5px 15px 0 rgba(25, 17, 64, 0.2);}
.inner-product .prut-menu-list > div.menu-img a img{width: 100%;transition: all .5s}
.inner-product .prut-menu-list > div.menu-img a:hover img{transform: scale(1.05);}
.inner-product .prut-menu-list > div.menu-intro span{display: inline-block;border-radius: 25px;padding: 5px 25px;margin-right: 10px;margin-bottom: 15px;color:#fff;background:#ad302a;text-transform:capitalize;}
.inner-product .prut-menu-list > div.menu-intro h1{margin-top: 40px;margin-bottom: 20px}
.inner-product .prut-menu-list > div.menu-intro p{display: block;font-size:16px;margin-top: 20px;line-height: 30px}
.inner-product .prut-menu-list > div.menu-intro a.learn-more{overflow: hidden;position:relative;display: block;margin-top: 40px;width: 100px;height: 25px;}
.inner-product .prut-menu-list > div.menu-intro a.learn-more i{font-size: 22px;color: #ad302a;position: absolute;left: -25px;top: 0;transition: all .3s}
.inner-product .prut-menu-list > div.menu-intro a.learn-more:hover i{left: 0}
.inner-product .prut-menu-list:nth-child(2n+1){flex-direction: row-reverse}
@media (max-width:1599px){
	.inner-product .prut-menu-list > div.menu-intro h1{font-size:45px}
	.inner-product .prut-menu-list > div.menu-intro h1:after{top: 15px}
}
@media (max-width:1599px){
	.inner-product .prut-menu-list > div.menu-intro h1{font-size:35px}
	.inner-product .prut-menu-list > div.menu-intro h1:after{top: 10px}
}
@media (max-width:1299px){
	.inner-product .prut-menu-list > div.menu-img{padding-right: 30px}
	.inner-product .prut-menu-list > div.menu-intro{padding-left: 30px}
	.inner-product .prut-menu-list:nth-child(2n+1) > div.menu-img{padding-left: 30px;}
	.inner-product .prut-menu-list:nth-child(2n+1) > div.menu-intro{padding-right: 30px;}
	.inner-product .prut-menu-list > div.menu-intro h1{margin-top:25px;margin-bottom: 15px;font-size: 25px}
	.inner-product .prut-menu-list > div.menu-intro h1:after{width: 12px;height: 12px;border-width: 2px;top:8px;right: 4px}
	.inner-product .prut-menu-list > div.menu-intro p{font-size:15px;line-height: 26px;}
	.inner-product .prut-menu-list > div.menu-intro span{font-size: 14px;margin-bottom: 10px}
}
@media (max-width:991px){
	.inner-product.comm-padding{padding-top: 40px}
	.inner-product .prut-menu-list{padding-top: 20px;padding-bottom: 20px}
	.inner-product .prut-menu-list > div.menu-img{padding-right: 0px}
	.inner-product .prut-menu-list > div.menu-intro{padding-left: 0px;padding-top: 40px}
	.inner-product .prut-menu-list:nth-child(2n+1) > div.menu-img{padding-left: 0px;}
	.inner-product .prut-menu-list > div.menu-intro h1{margin-top: 20px;margin-bottom: 10px;font-size: 22px}
	.inner-product .prut-menu-list > div.menu-intro h1:after{width: 10px;height: 10px;border-width: 2px;top:2px;right:0}
	.inner-product .prut-menu-list > div.menu-intro p{font-size:14px;margin-top: 10px;line-height:24px;}
	.inner-product .prut-menu-list > div.menu-intro a.learn-more{margin-top: 20px;}
	.inner-product .prut-menu-list > div.menu-intro a.learn-more i{font-size: 18px;}
	.inner-product .commline{padding-bottom: 70px}
}
@media (max-width:576px){
	.inner-product.comm-padding{padding-bottom: 0}
	.inner-product .prut-menu-list > div.menu-intro p{font-size:13px;line-height:22px;}
	.inner-product .commline{padding-bottom: 50px}
}
.inner-product .other-prut{padding: 50px 0;padding-bottom: 0;position: relative;z-index: 5}
.inner-product .other-prut .prut-content{padding-left: 10%;padding-right: 10%;padding-top: 80px}
.inner-product .other-prut .prut-content dl a{display: block;}
.inner-product .other-prut .prut-content dl a dt{display: block;overflow: hidden;border-radius: 10px;background:#fff;border:1px #eee solid;box-shadow: 0px 5px 15px 0 rgba(25, 17, 64, 0.05);}
.inner-product .other-prut .prut-content dl a dt img{width: 100%;transition: all .5s}
.inner-product .other-prut .prut-content dl a:hover dt img{transform: scale(1.08);}
.inner-product .other-prut .prut-content dl a dd{display: block;padding-top: 40px}
.inner-product .other-prut .prut-content dl a dd h1{font-size: 25px}
.inner-product .other-prut .prut-content dl a dd p{display: block;margin-top: 30px;font-size: 15px;color: #999}
.inner-product .other-prut .prut-content dl a dd span{display: inline-block;font-size:14px;margin-top: 30px;color: #333;line-height:24px;border-radius: 30px;border:1px #eee solid;padding:5px 25px;text-transform:uppercase;}
.inner-product .other-prut .prut-content dl a dd i{font-size: 24px;color: #ad302a;line-height:24px;display: inline-block;margin-left: 10px;vertical-align:top;transition: all .3s}
.inner-product .other-prut .prut-content dl a:hover dd span{color:#fff;background:#ad302a;border-color: #ad302a}
.inner-product .other-prut .prut-content dl a:hover dd i{margin-left: 20px;color: #fff}
.inner-product .other-prut .button{position: absolute;right: 25%;top: 60px}
.inner-product .other-prut .button .swiper-button-next,.inner-product .other-prut .button .swiper-button-prev{background:#f5f5f5;width: 80px;height: 80px;text-align: center;line-height:80px;color: #aaa;border-radius: 50%}
.inner-product .other-prut .button .swiper-button-next{left: 20px;right: auto}
.inner-product .other-prut .button .swiper-button-prev{right: 20px;left: auto}
.inner-product .other-prut .button .swiper-button-prev:hover,.inner-product .other-prut .button .swiper-button-next:hover{background:#eee;color: #333}
.inner-product .other-prut .button .swiper-button-next:after,.inner-product .other-prut .button .swiper-button-prev:after{font-size: 18px}
.inner-product .cate-title{padding-right: 35%}
.inner-product .prut-total-list{padding-top: 50px;position: relative;z-index: 5}
.inner-product .prut-total-list dl{padding: 25px}
.inner-product .prut-total-list dl a{display: block;}
.inner-product .prut-total-list dl a dt{display: block;overflow: hidden;border-radius: 10px;background:#fff;border:1px #eee solid;box-shadow: 0px 5px 15px 0 rgba(25, 17, 64, 0.05);}
.inner-product .prut-total-list dl a dt img{width: 100%;transition: all .5s}
.inner-product .prut-total-list dl a:hover dt img{transform: scale(1.08);}
.inner-product .prut-total-list dl a dd{display: block;padding-top: 40px}
.inner-product .prut-total-list dl a dd h1{font-size: 25px}
.inner-product .prut-total-list dl a dd p{margin-top: 30px;font-size: 15px;color: #aaa;line-height:25px;height:50px;display: -webkit-box;overflow: hidden;
    text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.inner-product .prut-total-list dl a dd span{overflow: hidden;position:relative;display: block;margin-top: 50px;width: 100px;height: 25px;}
.inner-product .prut-total-list dl a dd span i{font-size: 20px;color: #ad302a;position: absolute;left: -30px;top: 0;transition: all .3s}
.inner-product .prut-total-list dl a:hover dd span i{left: 0}

@media (max-width:1399px){
	.inner-product .other-prut .button .swiper-button-next,.inner-product .other-prut .button .swiper-button-prev{width: 60px;height:60px;line-height:60px;}
	.inner-product .other-prut .button .swiper-button-prev{right: 0}
	.inner-product .prut-total-list dl a dd h1{font-size: 22px}
	.inner-product .prut-total-list dl a dd p{margin-top: 22px;}
	.inner-product .prut-total-list dl a dd span{margin-top: 40px;}
}
@media (max-width:991px){
	.inner-product .other-prut{padding: 30px 0;}
	.inner-product .other-prut .button{top: 40px}
	.inner-product .other-prut .button .swiper-button-next,.inner-product .other-prut .button .swiper-button-prev{width:50px;height:50px;line-height:50px;}
	.inner-product .other-prut .button .swiper-button-prev{right: -10px}
	.inner-product .other-prut .prut-content{padding-top: 40px}
	.inner-product .other-prut .prut-content dl a dd h1{font-size: 20px}
	.inner-product .other-prut .prut-content dl a dd p{font-size: 14px;margin-top:20px;height: 60px;line-height:20px;overflow: hidden}
	.inner-product .cate-title{padding-right: 0}
	.inner-product .prut-total-list{padding-top: 20px;}
	.inner-product .prut-total-list dl{padding:10px 3%}
	.inner-product .prut-total-list dl a dd h1{font-size: 20px}
	.inner-product .other-prut .prut-content dl a dd span{font-size:12px;margin-top: 15px;line-height:20px;padding:6px 20px;}
	.inner-product .other-prut .prut-content dl a dd i{font-size: 18px;line-height:20px;}
}
@media (max-width:767px){
	.inner-product .other-prut .button{right: 22%;}
	.inner-product .prut-total-list dl a dd h1{font-size: 18px}
	.inner-product .prut-total-list dl a dd p{margin-top: 10px;font-size: 13px;line-height:22px;height: auto}
	.inner-product .prut-total-list dl a dd span{margin-top: 10px;height: 18px;}
	.inner-product .prut-total-list dl a dd span i{font-size: 16px;left: -20px;}
	.inner-product .other-prut .prut-content dl a dd h1{font-size: 18px}
	.inner-product .other-prut .prut-content dl a dd p{font-size: 13px}
}
.inner-product-detail{padding-top: 100px;background:#eee;}
.inner-product-detail .product-img{display:block;text-align: center;padding-top: 50px;position: relative;z-index: 10}
/*.inner-product-detail .product-img .row{align-items: center;}*/
.inner-product-detail .product-img .row > div{padding: 0}
.inner-product-detail .product-img .row > div:last-child{text-align: left;padding-left:6%;}
.inner-product-detail .product-img .row > div .album{background:#fff;border-radius: 10px;overflow: hidden;display: block;}
.inner-product-detail .product-img .row > div img{width: 100%;}
.inner-product-detail .product-img .swiper-button-next:after,.inner-product-detail .product-img .swiper-button-prev:after{font-size: 25px;color: #00000030}
.inner-product-detail .detail-info{display: block;padding-bottom: 40px}
.inner-product-detail .detail-info .title{display: block;margin-bottom: 10px}
.inner-product-detail .detail-info .title h1{padding:15px 0;position: relative;display: block;padding-bottom: 25px}
.inner-product-detail .detail-info .title h1:after{content: '';position: absolute;left: 0;bottom: 0;width:50px;height: 3px;background: #6da932 }
.inner-product-detail .detail-info .title h2{font-weight: 300;font-size: 16px;color: #999}
.inner-product-detail .detail-info .abstract{display: block;padding-top: 20px;padding-bottom: 20px;font-size: 16px;line-height:30px;}
.inner-product-detail .detail-info .overview{margin-top: 30px;display: block;margin-bottom: 30px}
.inner-product-detail .detail-info .overview .title{font-size: 18px;color: #ad302a;margin-bottom:20px;display:none;}
.inner-product-detail .detail-info .overview .content{display:block;font-size: 0;width: 100%;padding-top: 20px;padding-bottom: 20px}
.inner-product-detail .detail-info .overview .content dl{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;font-size: 0;}
.inner-product-detail .detail-info .overview .content dl:nth-child(3n){margin-right: 0}
.inner-product-detail .detail-info .overview .content dl dt{display: inline-block;font-size: 30px;width: 44px;height: 44px;border-radius: 50%;background:#ad302a;color:#fff;text-align: center;line-height:44px;margin-bottom: 0}
.inner-product-detail .detail-info .overview .content dl dd{display: inline-block;font-size: 15px;width: 65%;vertical-align: top;padding-left: 15px}
@media (max-width:1699px){
	.inner-product-detail .product-img .row > div:last-child{padding-left:6%;}
}
@media (max-width:1299px){
	.inner-product-detail .detail-info .title h1{font-size: 30px;padding-top: 5px}
	.inner-product-detail .detail-info .overview{margin-top: 20px;margin-bottom: 20px}
	.inner-product-detail .detail-info .overview .content dl,.inner-product-detail .detail-info .overview .content dl:nth-child(3n){width: 48%;margin-right: 4%;}
	.inner-product-detail .detail-info .overview .content dl:nth-child(2n){margin-right: 0}
}
@media (max-width:1199px){
	.inner-product-detail .detail-info .abstract{padding-top: 15px;padding-bottom:15px;font-size: 14px;line-height:25px;}
}
@media (max-width:991px){
	.inner-product-detail .detail-info .overview{margin-top: 0px;margin-bottom: 10px}
	.inner-product-detail .product-img{padding-top: 30px}
	.inner-product-detail .product-img .row > div:last-child{padding-left:0;}
	.inner-product-detail .detail-info{padding-top: 40px;padding-bottom:20px}
	.inner-product-detail .detail-info .title h1{font-size: 20px;padding-bottom: 15px}
	.inner-product-detail .detail-info .title h1:after{width:40px;height:2px;}
	.inner-product-detail .detail-info .title h2{font-size: 14px;}
	.inner-product-detail .detail-info .overview .content dl dt{font-size: 24px;width: 38px;height: 38px;line-height:38px;}
	.inner-product-detail .detail-info .overview .content dl dd{font-size:14px;}
}
@media (max-width:576px){
	.inner-product-performance.comm-padding{padding-top: 40px}
	.inner-product-detail .detail-info .overview .content dl dt{font-size: 20px;}
	.inner-product-detail .detail-info .overview .content dl dd{font-size:13px;}
}
.inner-product-performance{display: block;}
.inner-product-performance .application,.inner-product-performance .performance-detail{display: block;position: relative;z-index: 10;padding-bottom: 50px;font-size: 16px;line-height:30px;padding-top: 50px}
.inner-product-performance .application{margin-bottom: 50px}
.inner-product-performance .performance-detail table {width: 75%;background: #fff}
.inner-product-performance .performance-detail table td{border:1px #ddd solid;text-align: center;padding-top: 10px;padding-bottom: 10px}
.inner-product-performance .performance-detail table tr:nth-child(2n){background:#fafafa;}
.inner-product-performance .performance-detail table tr:hover{background:#f5f5f5;}
.inner-product-performance .performance-detail table tr:first-child,.inner-product-performance .performance-detail table tr.title{background:#ad302a;}
.inner-product-performance .performance-detail table tr:first-child td,.inner-product-performance .performance-detail table tr.title td{color: #fff;font-weight: bold}
.inner-product-performance .performance-detail table td sup{font-size: 10px;top: -5px}
@media (max-width:1299px){
	.inner-product-performance .application{margin-bottom: 30px}
	.inner-product-performance .performance-detail table {width: 100%;}
}
@media (max-width:991px){	
	.inner-product-performance .application{margin-bottom: 10px}
	.inner-product-performance .performance-detail {overflow-x: scroll; padding-bottom: 4%;}
	.inner-product-performance .performance-detail table{width: 180%}
	.inner-product-performance .performance-detail table td{padding-top: 5px;padding-bottom:5px}
	.inner-product-performance .performance-detail::-webkit-scrollbar {width: 100%;height: 10px;}
	.inner-product-performance .performance-detail::-webkit-scrollbar-track,.inner-product-performance .performance-detail::-webkit-scrollbar-thumb {border-radius: 5px;border: 2px solid transparent;}
	.inner-product-performance .performance-detail::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(0,0,0, 0.3) inset;}
	.inner-product-performance .performance-detail::-webkit-scrollbar-thumb {min-width: 10%;background-clip: content-box;box-shadow: 0 0 0 5px rgba(173, 48,42, 1) inset;}
	.inner-product-performance .performance-detail::-webkit-scrollbar-corner {background: transparent;}
}
.inner-other-product{padding-top: 20px}
.inner-other-product .project-list{position: relative;z-index: 5;padding-top: 50px}
.inner-other-product .project-list dl{break-inside: avoid;margin-bottom: 40px;}
.inner-other-product .project-list dl a{display: block;box-shadow: 0px 6px 27.9px 2.1px rgba(25, 17, 64, 0.07);position: relative;padding:30px 8%;border-radius:5px;overflow: hidden;background: #fff}
.inner-other-product .project-list dl a:after,.inner-other-product .project-list dl a:before{content: '';position: absolute;left: 0;top: 0;height: 8px;width: 92%;background: #eee}
.inner-other-product .project-list dl a:after{width: 0;background: #ad302a;transition: all .5s}
.inner-other-product .project-list dl a:hover:after{width:92%}
.inner-other-product .project-list dl a span{line-height: 40px;color: #999;font-size: 12px}
.inner-other-product .project-list dl a span:before{font-size: 16px;display: inline-block;margin-right: 5px;line-height: 40px;vertical-align: top}
.inner-other-product .project-list dl a h1{display: block;font-size: 20px;line-height:30px;font-weight:bold;padding-bottom: 20px;padding-top: 20px}
.inner-other-product .project-list dl a dt{display: block;overflow: hidden;border-radius:5px;position: relative}
.inner-other-product .project-list dl a dt img{width: 100%;transition: all 1s}
.inner-other-product .project-list dl a:hover dt img{transform: scale(1.15);}
.inner-other-product .project-list dl a dd{display: block;position:relative;padding-top: 30px}
.inner-other-product .project-list dl a dd p{display: block;margin-bottom: 40px;font-weight: 200;font-size: 15px;line-height: 25px;color:#999;display: -webkit-box;overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.inner-other-product .project-list dl a:hover dd p{color: #666}
.inner-other-product .project-list dl a dd span{overflow: hidden;position:relative;display: block;margin-top: 60px;width: 100px;height: 25px;}
.inner-other-product .project-list dl a dd span i{font-size: 20px;color: #ad302a;position: absolute;left: -30px;top: 0;transition: all .3s}
.inner-other-product .project-list dl a:hover dd span i{left: 0}
.inner-other-product .swiper-button-prev,.inner-other-product .swiper-button-next{background:#ad302af0;color: #fff}
.inner-other-product .swiper-button-prev:after,.inner-other-product .swiper-button-next:after{font-size: 16px}

@media (max-width:991px){
	.inner-product-performance .application,.inner-product-performance .performance-detail{padding-bottom: 30px;font-size: 14px;line-height:25px;padding-top: 20px}
}
@media (max-width:576px){
	.inner-product-performance .application,.inner-product-performance .performance-detail{font-size: 13px;line-height:22px;}
}
.inner-application .row{padding-top: 40px}
.inner-application dl{padding: 30px;text-align: center;}
.inner-application dl dt{display: block;border:1px #eee solid;border-radius: 10px;overflow: hidden;box-shadow: 0px 6px 27.9px 2.1px rgba(25, 17, 64, 0.07)}
.inner-application dl dt img{width: 100%;display: block;}
.inner-application dl dd{display: block;padding-top: 30px}
.inner-application dl dd h1{font-size:18px;display: block;}
@media screen and (max-width:767px){
	.inner-application .row{padding-top: 10px}
	.inner-application dl{padding: 15px;}
	.inner-application dl dd{margin-bottom: 0;padding-top: 20px}
	.inner-application dl dd h1{font-size:16px;margin-bottom: 0}
}
.inner-news{}
.inner-news .news-list{padding-top: 30px}
.inner-news .news-list dl{padding: 30px}
.inner-news .news-list dl a{display: block;}
.inner-news .news-list dl a em{font-style:normal;color: #0B5DD0;display:block;padding-bottom: 15px;font-size: 15px}
.inner-news .news-list dl a dt{display: block;overflow: hidden;border-radius: 10px}
.inner-news .news-list dl a dt img{width: 100%;display: block;transition: all .3s}
.inner-news .news-list dl a:hover dt img{transform: scale(1.05);}
.inner-news .news-list dl a dd{display: block;padding-top: 30px}
.inner-news .news-list dl a dd h1{font-size: 20px;display: block;margin-bottom: 20px;line-height:28px;height: 56px;overflow: hidden}
.inner-news .news-list dl a dd p{height: 50px;line-height:25px;font-size: 15px;color: #aaa;margin-bottom: 30px;display: -webkit-box;overflow: hidden;
    text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.inner-news .news-list dl a dd span{display: block;padding-bottom: 15px;font-size: 13px;color: #ccc}
.inner-news .news-list dl a dd span:before{display: inline-block;margin-right: 5px}
.inner-news .news-list dl a dd i{font-size: 40px;color: #ad302a}
@media screen and (max-width:767px){
	.inner-news .news-list{padding-top: 0}
	.inner-news .news-list dl{padding:20px 3%}
	.inner-news .news-list dl a dd h1{font-size: 18px;margin-bottom: 20px;line-height:25px;height: auto;}
}
.inner-news .exhibition-list{padding-top: 30px}
.inner-news .exhibition-list dl{padding: 30px}
.inner-news .exhibition-list dl h1{font-size: 20px;display: block;margin-bottom: 20px;height: 60px;line-height:30px;}
.inner-news .exhibition-list.en dl h1{font-size: 18px;display: block;margin-bottom: 20px;min-height:75px;line-height:25px;}
.inner-news .exhibition-list dl dt{display: block;overflow: hidden;border:1px #eee solid;border-radius: 10px}
.inner-news .exhibition-list dl dt img{width: 100%;}
.inner-news .exhibition-list dl dd{display: block;padding-top: 20px;;font-size: 15px;line-height:25px;;}
.inner-news .exhibition-list dl dd b{color: #ad302a}
.inner-news .exhibition-list dl dd i{font-size: 40px;color: #ad302a;display: block;margin-top: 30px}

.inner-news-title{padding-top: 180px;padding-bottom: 80px}
.inner-news-title .container{padding-right:20%}
.inner-news-title .title h1{color: #151515;font-size: 50px;line-height: 70px;font-weight: 500}
.inner-news-title .title i{width:15px;height:15px;border-radius: 50%;border:3px #ad302a solid;display: inline-block;vertical-align: top;margin-left: 10px;margin-top: 15px}
.inner-news-title em{color:#0B5DD0;display: block;padding-bottom: 15px;font-size: 15px;font-style:normal;}
.inner-news-title .news-date{display: block;padding-top: 20px;font-size: 15px;font-family: 'Roboto';font-weight: 300;color: #666}
.inner-news-lable{text-align: center;padding-bottom: 50px}
.inner-news-lable .keywords{display: block;}
.inner-news-lable .keywords a{display: inline-block;margin-right: 15px;border-radius: 30px;border:1px #ddd solid;padding: 8px 30px}
.inner-news-lable .keywords a:last-child{margin-right: 0}
.inner-news-lable .keywords a:hover{color: #fff;background:#ad302a;border-color:#ad302a}
.inner-news-lable .line50{bottom: 0}
.inner-news-detail{position: relative}
.inner-news-detail img,.inner-news-detail video{max-width: 100%}
.inner-news-detail .news-infos{display: block;font-size: 16px;line-height:30px;padding: 0;position:relative;z-index: 10}
.inner-news-detail .news-infos .abstract{background:#eee;padding: 30px;font-size: 14px;line-height:28px;display: block;margin-bottom: 40px;color: #999;border-radius: 10px}
@media screen and (max-width:1199px){
	.inner-news-title .container{padding-right:10%}
}
@media screen and (max-width:767px){
	.inner-news-title .container{padding-right:3%}
}
.inner-news-detail .hot-list{display: block;width: 19%;position: fixed;right:-100px;bottom:40px;opacity: 0;transition: all .4s}
.inner-news-detail .hot-list.show{right: 3%;opacity: 1}
.inner-news-detail .hot-list.fix{position: absolute;}
.inner-news-detail .hot-list .title{font-size: 25px;display: block;margin-bottom: 30px}
.inner-news-detail .hot-list dl{display: block;border-bottom: 1px #eee solid;padding-bottom: 20px;margin-bottom: 20px}
.inner-news-detail .hot-list dl a{display: block;}
.inner-news-detail .hot-list dl a dt{display: block;overflow: hidden;border-radius: 10px;margin-bottom: 10px}
.inner-news-detail .hot-list dl a dt img{width: 100%;transition: all .3s}
.inner-news-detail .hot-list dl a:hover dt img{transform: scale(1.08);}
.inner-news-detail .hot-list dl a dd{display: block;font-weight:bold;font-size: 17px}
@media screen and (max-width:1399px){
	.inner-news-title{padding-top: 140px;padding-bottom: 60px}
	.inner-news-title .title h1{font-size: 40px;line-height: 50px;}
	.inner-news-detail .news-infos{font-size: 15px;line-height:28px;}
}
@media screen and (max-width:1199px){
	.inner-news-title{padding-top: 120px;padding-bottom: 40px}
	.inner-news-title .title h1{font-size: 30px;line-height: 40px;}
}
@media screen and (max-width:991px){
	.inner-news-title{padding-top: 100px;padding-bottom: 5px}
	.inner-news-title .title h1{font-size: 25px;line-height: 30px;}
	.inner-news-title .title i{width:10px;height:10px;border:2px #ad302a solid;margin-left: 5px;margin-top: 3px}
	.inner-news-title em{padding-bottom: 10px;font-size: 14px;}
	.inner-news-title .news-date{padding-top: 10px;font-size: 14px;}
	.inner-news-detail .news-infos{font-size: 14px;line-height:25px;}
	.inner-news-detail .news-infos .abstract{padding: 20px;font-size: 13px;line-height:22px;margin-bottom: 30px;}
	.inner-news-detail .hot-list .title{font-size: 20px;margin-bottom: 20px;font-weight: bold}
	.inner-news-detail .hot-list{display: block;width:100%;position: initial;padding: 15px 3%}
	.inner-news-detail .hot-list.fix{position: initial}
	.inner-news-detail .hot-list dl a dd{font-size: 15px}
	.inner-news-detail .hot-list dl a dt{margin-bottom: 20px}
	.inner-news-detail .hot-list dl{padding-bottom:10px;margin-bottom:10px}
	.inner-news-title.commline .line50{bottom: 28px;}
	.inner-news .exhibition-list dl{padding:10px 3%}
	.inner-news .exhibition-list dl dd i{font-size: 30px;margin-top: 20px}
}
@media screen and (max-width:767px){
	.inner-news-title .title h1{font-size: 18px;line-height: 28px;}
	.inner-news-title .title i{margin-top: 6px}
	.inner-news-title em{font-size: 13px;}
	.inner-news-title .news-date{font-size: 13px;}
	.inner-news-detail .news-infos p b,.inner-news-detail .news-infos p strong{font-size: 16px;}
	.inner-news-detail .news-infos{font-size: 13px;line-height:25px;}
	.inner-news-detail .hot-list .title{font-size:18px;margin-bottom: 15px}
	.inner-news-detail .hot-list{opacity: 1;}
}


.prenext{display: block;padding-top: 50px;width: 100%}
.prenext li{display:block;border-bottom: 1px #eee solid;line-height: 60px;font-size: 15px}
.prenext li b{display: inline-block;padding-right: 10px}
.prenext li:last-child{border-bottom: none}
.prenext li a{color: #777}
.prenext li a:hover{color:#ad302a}
@media screen and (max-width: 991px){
	.prenext{padding-top: 20px}
	.prenext li{line-height: 25px;font-size: 14px;padding-top: 10px;padding-bottom: 10px}
}
.pagination-bar {text-align: center; overflow: hidden; padding:0;margin-top:50px;margin-bottom: 40px;font-size: 16px}
.pagination-bar.borderline{border-bottom: 1px #ddd solid}
.pagination-bar ul {display: block;overflow: hidden;}
.pagination-bar ul li {margin: 4px;	vertical-align: top;display: inline-block;}
.pagination-bar ul li.disabled { background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s; -o-transition: ease all 0.4s;border-radius:5px;font-size: 15px}
.pagination-bar ul li a {background: #e8e8e8;height: 42px;width: 42px;display: inline-block;line-height: 42px;text-align: center;transition: ease all 0.4s; -webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;color: #333;border-radius:5px;font-size: 15px}
.pagination-bar ul li.pageinfo {background: #e8e8e8;line-height: 42px;text-align: center;padding: 0 15px;border-radius:5px;font-size: 15px;color: #666}
.pagination-bar ul li.active{background: #ad302a;color: #fff;height: 42px;width: 42px;display: inline-block;border-radius:5px;line-height: 42px;text-align: center;font-weight: 300;font-size: 15px}
.pagination-bar ul li i{vertical-align: top;font-size: 16px;line-height: 42px;display: inline-block;color: #666}
.pagination-bar ul li a:hover{ color: #fff; background: #ad302a;}
.pagination-bar ul li a:hover i{color: #fff; }
@media screen and (max-width: 991px){
	.pagination-bar {margin-top:30px;}
	.pagination-bar ul li.disabled {height: 30px;width: 30px;line-height: 30px;}
	.pagination-bar ul li a {height:30px;width: 30px;line-height: 30px;}
	.pagination-bar ul li.pageinfo {line-height: 30px;padding: 0 10px;font-size: 14px}
	.pagination-bar ul li.active{height: 30px;width: 30px;line-height: 30px;}
	.pagination-bar ul li i{font-size: 14px;line-height: 32px;}
}
.inner-page-link{position: relative;padding-bottom: 80px;padding-top: 20px}
.inner-page-link .pagination-bar{margin:0px;}
@media screen and (max-width: 991px){
	.inner-page-link{padding-bottom: 50px;padding-top: 0px}
}
.inner-download-title.comm-padding{padding-bottom: 100px}
.inner-download.comm-padding{padding-top: 60px;padding-bottom: 130px}
.inner-download .row{align-items:center;position:relative;z-index: 10;padding-bottom: 150px}
.inner-download .row:nth-child(2n){flex-direction: row-reverse;}
.inner-download .row:last-child{padding-bottom: 50px}
.inner-download .row > div{padding: 0;padding-bottom: 40px}
.inner-download .row > div > img{width: 100%;border-radius: 10px;box-shadow: 0px 5px 15px 0 rgba(25, 17, 64, 0.2);}
.inner-download .row .text{display: block;padding-right: 10%;}
.inner-download .row:nth-child(2n) .text{padding-right: 0;padding-left: 10%}
.inner-download .text h1{display: block;margin-bottom: 25px;font-size: 45px}
.inner-download .text h2{display: block;font-size: 24px;margin-bottom: 55px;color: #333}
.inner-download .text p{display: block;font-size: 15px;color: #999;margin-bottom:60px;line-height:25px;}
.inner-download .text a{display: inline-block;padding: 12px 45px;line-height:20px;border-radius: 35px;background:#ad302a;color: #fff;font-size: 15px}
.inner-download .text a i{display: inline-block;margin-left: 10px;line-height:20px;transition: all .3s;font-size: 18px;vertical-align: top;}
.inner-download .text a:hover i{margin-left: 15px}
.inner-download .down-cate-title{display: block;text-align: center;padding-bottom: 30px}
.inner-download .down-cate-title ul{padding:0 5%;}
.inner-download .down-cate-title ul li{display: inline-block;font-size: 16px;padding: 6px 40px;border-radius: 35px;border:1px #ddd solid;cursor: pointer;margin:0 5px;transition: all .3s}
.inner-download .down-cate-title ul li.active{background: #ad302a;color: #fff;border-color: #ad302a}
.inner-download .down-file-list{display: block;margin-top: 40px;padding-bottom: 80px}
.inner-download .down-file-list ul{display: table;width: 100%;margin-bottom: 10px;border-radius: 10px;overflow: hidden}
.inner-download .down-file-list ul:nth-child(2n+1){background:#f9f9f9;}
.inner-download .down-file-list ul:first-child{background:#ad302a;}
.inner-download .down-file-list ul:first-child li{font-size: 18px;font-weight: bold;color: #fff;padding-top: 25px;padding-bottom:25px;}
.inner-download .down-file-list ul li{display: table-cell;width: 13%;line-height:30px;padding-top:18px;padding-bottom:18px;font-size: 16px;vertical-align: middle;position: relative;text-align: center;}
.inner-download .down-file-list ul li:last-child:after{display: none}
.inner-download .down-file-list ul li:first-child{width:41%;text-align: left;padding-left: 2%}
.inner-download .down-file-list ul li:first-child i{font-size: 20px;display: inline-block;line-height:30px;vertical-align: top;margin-right: 5px}
.inner-download .down-file-list ul li:last-child{width:20%}
.inner-download .down-file-list ul li a.more{font-size: 14px;line-height:24px;margin: 0;background:#666;box-shadow: 0 15px 15px -13px #000}
.inner-download .down-file-list ul li a.more:hover{background:#ad302a;box-shadow: 0 15px 15px -13px #ad302a;}
.inner-download .down-file-list .swiper-pagination-bullet{width: 20px;height: 3px;border-radius: 1px}
.inner-download .down-file-list .swiper-pagination-bullet-active{width: 50px;background: #ad302a}

@media screen and (max-width: 1199px){
	.inner-download-title.comm-padding{padding-bottom: 80px}
	.inner-download.comm-padding{padding-top:20px;padding-bottom: 80px}
	.inner-download .text h1{margin-bottom: 20px;font-size: 35px}
	.inner-download .text h2{font-size: 20px;margin-bottom: 20px;}
	.inner-download .row{padding-bottom: 80px}
}

@media screen and (max-width: 991px){
	.inner-download-title.comm-padding{padding-bottom: 60px}
	.inner-download.comm-padding{padding-top:0;padding-bottom: 50px}
	.inner-download .text h1{margin-bottom: 15px;font-size: 25px}
	.inner-download .text h2{font-size:16px;margin-bottom: 15px;}
	.inner-download .text p{font-size: 14px;margin-bottom:40px;line-height:24px;}
	.inner-download .text a{padding: 10px 35px;line-height:20px;font-size: 14px}
	.inner-download .text a i{font-size: 16px;}
	.inner-download .row{padding-bottom: 50px}
	.inner-download .row > div{padding-bottom: 20px}
	.inner-download .down-cate-title ul{padding:0 3%;}
	.inner-download .down-cate-title ul li{font-size: 14px;padding: 4px 30px;}
	.inner-download .down-file-list{margin-top: 10px;padding-bottom: 40px}
	.inner-download .down-file-list ul:first-child li{font-size: 16px;padding-top: 15px;padding-bottom:15px;}
	.inner-download .down-file-list ul:first-child li{font-size: 16px;}
	.inner-download .down-file-list ul li{line-height:24px;padding-top:10px;padding-bottom:10px;font-size: 14px;}
	.inner-download .down-file-list ul li:first-child i{font-size: 16px;line-height:24px;margin-right: 4px}
	.inner-download .down-file-list ul li a.more{font-size: 13px;line-height:24px;box-shadow: 0 10px 5px -10px #000;white-space: nowrap;}
	.inner-download .down-file-list ul li a.more:hover{box-shadow: 0 10px 5px -10px #ad302a;}
}

@media screen and (max-width: 767px){
	.inner-download-title.comm-padding{padding-bottom:45px}
	.inner-download-title.commline .line50{bottom: 30px}
	.inner-download.comm-padding{padding-bottom: 30px}
	.inner-download .text h1{margin-bottom: 12px;font-size: 20px}
	.inner-download .text h2{font-size:15px;margin-bottom: 12px;}
	.inner-download .text p{font-size: 13px;margin-bottom:20px;line-height:22px;}
	.inner-download .text a{padding: 8px 30px;line-height:18px;font-size: 13px}
	.inner-download .text a i{font-size: 14px;line-height:18px;}
	.inner-download .row{padding-bottom: 10px}
	.inner-download .row .text{padding-right: 0;}
	.inner-download .row:nth-child(2n) .text{padding-left: 0}
	.inner-download .down-cate-title{padding-bottom: 10px}
	.inner-download .down-cate-title ul li{padding: 4px 20px;margin:0 3px;margin-bottom: 10px}
	.inner-download .down-file-list ul li:first-child{width:30%;}
	.inner-download .down-file-list ul li:last-child{width:30%;}
	.inner-download .down-file-list ul:first-child li{font-size: 15px;}
	.inner-download .down-file-list ul li{line-height:20px;padding-top:8px;padding-bottom:8px;font-size: 13px;}
	.inner-download .down-file-list ul li:first-child i{font-size: 14px;line-height:20px;}
	.inner-download .down-file-list ul li a.more{line-height:20px;padding-left: 12px;padding-right: 12px}
}
.inner-contact{padding-bottom: 0}
.inner-contact .row > div{padding:0;}
.inner-contact.en .comm-title{width: 90%}
.inner-contact.en .comm-title h1{font-size: 42px;text-transform: capitalize;line-height:48px;}
.inner-contact .contact-add{display: block;padding-top: 50px;padding-bottom: 50px}
.inner-contact .contact-add h1{font-size: 25px;color: #ad302a}
.inner-contact .contact-add h2{font-size: 16px;padding-top: 10px;color: #999;line-height: 22px}
.inner-contact .contact-add h2 i{display: inline-block;padding-right:8px;font-size:20px;line-height: 20px;vertical-align: top;}
.inner-contact .contact-info{display: block}
.inner-contact .contact-info dl{display: table;margin-bottom: 20px;}
.inner-contact .contact-info dl dt{width: 40px;display:table-cell;}
.inner-contact .contact-info dl dt i{font-size: 25px}
.inner-contact .contact-info dl dt i.icon-user11{font-size: 20px}
.inner-contact .contact-info dl dd{display:table-cell;vertical-align: middle;}
.inner-contact .contact-info dl dd h3{font-size: 18px;font-weight: bold;}
.inner-contact .contact-info dl dd p{font-size: 16px;color: #999}
.inner-contact .row > div:last-child{padding-top: 40px;padding-left: 5%;padding-bottom: 50px;position: relative;z-index: 400}
.inner-contact .row > div .feedback{padding: 50px;box-shadow: 0px 6px 27.9px 2.1px rgba(25, 17, 64, 0.07);border-radius: 5px;background:#fff}
.inner-contact .row > div .feedback .title{padding-bottom: 40px}
.inner-contact .bdmap {width: 100%;height: 700px;display: block;margin-top: -150px}
.inner-contact .bdmap .map {width: 100%;height: 100%}
.BMap_pop,.anchorBL,.BMap_shadow {display: none!important;}
@media screen and (max-width: 1399px){
	.inner-contact .row > div .feedback .title h1{font-size: 30px}
	.inner-contact.en .comm-title h1{font-size: 30px;line-height:35px;}
}
@media screen and (max-width: 1199px){
	.inner-contact.en .comm-title h1{font-size: 25px;line-height:30px;}
	.inner-contact .row > div .feedback{padding:40px 30px;}
	.inner-contact .row > div .feedback .title{padding-bottom: 20px;}
	.inner-contact .row > div .feedback .title h1{font-size: 25px}
	.inner-contact .row > div:last-child{padding-left:0;padding-bottom: 30px}
}
@media screen and (max-width: 991px){
	.inner-contact.en .comm-title h1{font-size: 20px;line-height:25px;}
	.inner-contact .contact-add{padding-top: 10px}
	.inner-contact .contact-add h1{font-size: 20px}
	.inner-contact .contact-add h2{font-size: 14px}
	.inner-contact .contact-info dl dt{width:30px}
	.inner-contact .contact-info dl dt i{font-size: 20px}
	.inner-contact .contact-info dl dd h3{font-size: 16px;}
	.inner-contact .contact-info dl dd p{font-size: 14px}
	.inner-contact .row > div .feedback .title{padding-bottom: 15px;}
	.inner-contact .row > div .feedback .title h1{font-size: 20px}
	.inner-contact .row > div:last-child{padding-top: 10px;padding-left: 0}
	.inner-contact .row > div .feedback{padding:25px;}
	.inner-contact .bdmap{margin-top: -100px;height: 45vh}
}
@media screen and (max-width: 767px){
	.inner-contact.en .comm-title{width: 96%}
	.inner-contact .contact-add{padding-bottom: 30px}
	.inner-contact .contact-add h1{font-size: 18px}
	.inner-contact .contact-add h2{font-size: 13px}
	.inner-contact .contact-info {font-size: 0;display: block;}
	.inner-contact .contact-info dl{display: inline-block;width: 50%}
	.inner-contact .contact-info dl dd h3{font-size: 15px;}
	.inner-contact .contact-info dl dd p{font-size: 13px}
	.inner-contact .row > div .feedback{padding:15px;}
	.inner-contact .row > div .feedback .title h1{font-size: 18px}
	.inner-contact .bdmap{margin-top: 0;}
}

.inquiryform{position: fixed;transition: all .3s;width: 100%;height: 100vh;opacity: 0;visibility: hidden;z-index: 100;}
.inquiryform .feedback{position: fixed;padding:40px;background:#fff;width: 40%;top: 52%;left: 50%;transform: translate(-50%,-43%);z-index: 105;border:12px #00000030 solid;transition: all .3s;border-radius:5px}
.inquiryform.show{opacity: 1;visibility: visible;}
.inquiryform.show .feedback{top: 50%;}
.inquiryform.show:before{content: '';position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background: #00000080;z-index: -1}
.inquiryform .feedback .title{width: 100%;display: block;position: relative;height: 60px;line-height: 30px;font-size: 20px;font-weight: 600;text-transform: uppercase;}
.inquiryform .feedback .title i{font-size: 20px;position: absolute;right:-25px;top: -25px;cursor: pointer;}
.inquiryform .feedback .title i:hover{color: #ee7921}
.feedback ul{font-size: 0}
.feedback ul li{width: 49%;display:inline-block;margin-bottom: 20px;margin-right:2%;vertical-align: top}
.feedback ul li:nth-child(2n){margin-right:0}
.feedback ul li input{width: 100%;line-height: 45px;height: 45px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 14px;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.05);border-radius:5px;}
.feedback ul li:nth-child(5),.feedback ul li:nth-child(8),.feedback ul li:last-child{width: 100%;}
.downloadsubmit .feedback{width: 30%;}
.downloadsubmit .feedback ul li{width: 100%}
.downloadsubmit .feedback ul li:nth-child(3){width: 60%}
.downloadsubmit .feedback ul li:nth-child(4){width: 38%}
.downloadsubmit .feedback ul li:nth-child(4) input[type='button']{background: #666;line-height: 20px;color: #fff;width: 100%;border:none;}
.downloadsubmit .feedback ul li span{line-height: 45px;color: #aaa;padding-left: 10px}
.downloadprocess .feedback{width: 500px;}
.downloadprocess .feedback .title{height: 50px}
.downloadprocess .feedback .state{display: block;}
.downloadprocess .feedback .state .bar{height: 20px;width: 100%;display: block;background: #eee;position:relative;margin-bottom:20px}
.downloadprocess .feedback .state .bar span{width: 0;display:block;height: 20px;background: #ad302a}
.downloadprocess .feedback .state .bar i{position: absolute;top: 0;left: 0;width: 100%;text-align:center;line-height: 20px;font-size: 13px;color: #333;display: block;font-style:normal;color: #fff}
.feedback ul li:nth-child(7) img{vertical-align: bottom;cursor: pointer;display: inline-block;margin-top: 11px;margin-left: 12px}
.feedback ul li textarea{width: 100%;height: 200px;line-height: 22px;background: #fff;border: 1px #eee solid;padding: 10px;font-size: 14px;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.05);border-radius:5px}
.feedback ul li:last-child input,.inner-contact .feedback ul li:last-child input{background: #333;color: #fff;font-size: 16px;font-weight: 300;padding: 0;transition: all .2s;border: none;box-shadow: 0 15px 15px -11px rgba(25, 17, 64, 0.5)}
.feedback ul li:last-child input:hover,.inner-contact .feedback ul li:last-child input:hover{background: #ad302a}
.inquiryform .feedback ul li textarea{height: 18vh}

@media screen and (max-width: 1199px){
	.inquiryform .feedback .title{height: 40px;line-height: 20px;font-size: 18px;}
	.inquiryform .feedback{padding:30px;width: 60%;top: 50%;left: 20%;transform: translateY(-50%);border:8px #00000030 solid;}
	.inquiryform .feedback .title i{right:-15px;top: -15px;}
}

@media screen and (max-width: 767px){
	.inquiryform .feedback .title{height: 40px;line-height: 20px;font-size: 18px;}
	.inquiryform .feedback{padding:20px;width: 90%;top: 50%;left: 5%;transform: translateY(-50%);border:8px #00000030 solid;}
	.inquiryform .feedback .title i{font-size: 18px;right:0;top: 0;}
}
.section.fp-auto-height{background: #000;padding-top: 40px;padding-bottom: 30px}
.section .footer{font-size: 0;display: block;border-bottom: 1px #ffffff20 solid;padding-bottom: 30px}
.section .footer .footer-logo{width: 25%;padding-left: 3%;display: inline-block;vertical-align: middle;}
.section .footer .footer-logo a img{width: 200px}
.section .footer .footer-menu{width: 50%;display: inline-block;vertical-align: middle;}
.section .footer .footer-menu ul{display: block;white-space: nowrap;width: 100%;text-align: center}
.section .footer .footer-menu ul li{display: inline-block;padding:0 3%;}
.section .footer .footer-menu ul li a{font-size: 17px;color: #fff;line-height: 40px;position: relative}
.section .footer .footer-menu ul li a:after{content: '';position: absolute;left: 0;bottom:-8px;width: 0;height:2px;background: #ad302a;transition: all .2s}
.section .footer .footer-menu ul li a:hover:after{width: 100%}
.section .footer .footer-social{width: 25%;display: inline-block;padding-right: 3%;vertical-align: middle;;text-align: right;}
.section .footer .footer-social a{font-size:30px;color: #fff;line-height: 40px;display: inline-block;position: relative;margin-left: 8%}
.section .footer-last {padding-top: 30px;line-height: 30px;display: block;}
.section .footer-last .contact{width: 75vw;color: #fff;font-size: 15px;text-align: center;padding-left: 25vw}
.section .footer-last .contact h2{font-size: 28px;font-weight: normal;padding-bottom: 5px}
.section .footer-last .contact i{display: inline-block;font-size: 20px;padding-right: 5px;line-height: 30px;vertical-align: top}
.section .footer-last .contact a{color: #fff}
.section .footer-last .contact a:hover{color: #ad302a}
@media screen and (max-width: 1299px){
	.section .footer .footer-logo a img{width: 180px}
	.section .footer .footer-menu ul li{display: inline-block;padding:0 2%;}
	.section .footer .footer-menu ul li a{font-size: 15px;line-height: 30px}
	.section .footer .footer-social a{font-size:25px;}
	.section .footer-last .contact{width:100vw;font-size: 14px;padding-left: 0}
}
@media screen and (max-width: 991px){
	.section .footer .footer-logo{width: 50%}
	.section .footer .footer-social{width: 50%}
	.section .footer .footer-menu{display: none;}
}
@media screen and (max-width: 767px){
	.section .footer .footer-logo a img{width: 130px}
	.section .footer .footer-social a{font-size:20px;}
	.section .footer-last .contact{font-size: 13px;line-height:22px;}
	.feedback ul li input,.feedback ul li:last-child input,.inner-contact .feedback ul li:last-child input{font-size: 13px;}
}