@charset "utf-8";

@font-face {
	font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype");font-display:swap
}

@font-face {
	font-family:Roboto-Bold;src:url(../font/Roboto-Bold.ttf);font-display:swap
}

@font-face {
	font-family:Roboto-Regular;src:url(../font/Roboto-Regular.ttf);font-display:swap
}

@font-face {
	font-family:Roboto-Medium;src:url(../font/Roboto-Medium.ttf);font-display:swap
}

@font-face {
	font-family:iconfont;src:url(../font/iconfont.ttf?t=1622274305876) format("truetype");font-display:swap
}

@font-face {
	font-family:Mandali;font-style:normal;font-weight:400;src:url(../font/Mandali.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap
}

@font-face {
	font-family:Raleway;font-style:normal;font-weight:400;src:url(../font/Raleway.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap
}

@font-face {
	font-family:Raleway;font-style:normal;font-weight:400;src:url(../font/Raleway2.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap
}

@font-face {
	font-family:Raleway;font-style:normal;font-weight:700;src:url(../font/Raleway.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap
}

@font-face {
	font-family:Raleway;font-style:normal;font-weight:700;src:url(../font/Raleway2.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap
}

.iconfont {
	font-family: iconfont!important;
	font-size: 1.8rem;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #666
}

body {
	color: #333;
	font-family: Mandali,Arial,Helvetica,sans-serif;
	font-size: 1rem;
	line-height: 1.65;
	background-color: #fff
}

.home_bg {
	background: #fff!important
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0
}

li,ol,ul {
	list-style: none;
	margin-bottom: 0
}

img {
	vertical-align: top;
	max-width: 100%;
	-ms-interpolation-mode: bicubic
}

.clear {
	clear: both
}

.clearfix::after {
	display: table
}

hr {
	margin-bottom: 1rem;
	border-top: 1px solid #ddd
}

strong {
	display: inline-block;
	color: #1b1b1b;
	position: relative;
	font-family: Raleway;
	font-size: 1.2rem
}

strong text {
	color: #ff6501
}

b {
	color: #333
}

.inquiry {
	color: #023b7d;
	text-decoration: none
}

.inquiry:hover {
	color: #0075c1
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	color: #016acf;
	transition: all .5s
}

a:hover {
	color: #174277
}

a:focus {
	outline: 0;
	text-decoration: none
}

a,a:hover {
	text-decoration: none
}

a.link {
	color: #174277;
	display: inline-block;
	text-decoration: underline;
	font-size: 1.2rem
}

a.link:hover {
	color: #0075c1;
	text-decoration: none
}

.btn-secondary {
	padding: 0 .5rem
}


.review {
	color: #004680;
	font-size: 18px
}

.brief {
	width: 100%;
	margin: 1rem auto;
	font-size: 1rem;
	color: #666
}

.etw_pdf {
	position: relative
}

.etw_pdf a {
	color: #333;
	padding-left: 1.5rem;
	position: relative;
	font-size: .9rem
}

.etw_pdf a::before {
	position: absolute;
	content: "\f1c1";
	left: 0;
	top: -.2rem;
	font-family: fontawesome;
	color: #9a0000
}

.etw_pdf a:hover {
	color: #9a0000
}

.table td {
	padding: .5rem .8rem;
	line-height: 1.35;
	vertical-align: middle;
	border: 1px solid #f2f2f2;
	font-family: Roboto-Regular
}

.table .top td {
	font-family: Roboto-Bold
}

.table .top td {
	background-color: #ddd;
	color: #333;
	padding: .5rem .8rem
}

.table_img img {
	mix-blend-mode: multiply;
	height: 60px
}

.table_img h3 {
	font-size: 1rem
}

.table tr:nth-child(2n) {
	background-color: #f9f9f9
}

.table {
	border-bottom: 1px solid #ccc
}

.border-none {
	border: none!important
}

.inquiry {
	color: #004680;
	text-decoration: underline
}

.inquiry:hover {
	color: #ff6501
}

.theme-send-inquiry-box {
	background: #ff6501!important
}

.theme-box-name {
	background: #009a44!important;
	text-transform: uppercase;
	border-left: 1px #009a44 solid!important
}

h3 {
	font-size: 1.2rem
}

h4 {
	color: #333;
	font-size: 1.1rem;
	margin-top: 1rem
}

.etw_hometitle,h2 {
	display: block;
	font-size: 1.6rem;
	margin: 0;
	padding-bottom: 1rem;
	color: #000;
	line-height: 1.15;
	font-family: Roboto-Bold
}

.etw_hometitle {
	font-size: 2rem;
	position: relative;
	margin-bottom: 1rem;
	padding-bottom: .5rem
}

.pro_name {
	color: #666;
	font-size: .9rem;
	position: relative;
	line-height: 1.35;
	margin-top: -.5rem;
	margin-bottom: .8rem;
	position: relative;
	border-bottom: 1px solid #eee;
	padding-bottom: 1rem;
	margin-bottom: 1rem
}

.color_font {
	color: #333;
	font-size: 1.4rem;
	margin-top: 1rem;
	border-bottom: 1px solid #333;
	padding-bottom: 1rem;
	margin-bottom: 1rem
}

h3.pro_model {
	color: #666;
	font-size: .9rem;
	margin-bottom: 1rem;
	color: #666
}

h2 strong {
	font-size: 2.2rem;
	font-family: Oswald-Bold
}

h2 small {
	display: block;
	color: #666;
	font-size: 1.6rem
}

.page_title {
	font-size: 1.3rem;
	position: relative;
	display: block;
	padding-left: 1.5rem;
	font-family: Raleway;
	font-weight: 600;
	color: #ff6501;
	margin-top: 1rem;
	margin-bottom: .5rem
}

.page_title::before {
	position: absolute;
	content: "";
	width: 12px;
	height: 1px;
	background-color: #ff6501;
	left: 0;
	top: 1.5rem
}

.font_fold {
	font-size: 1.2rem;
	color: #000
}

.contact_des a {
	color: #ff6501;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.contact_des a:hover {
	color: #023b7d
}

.indent-left {
	padding-left: 3.8rem
}

#etw_top {
	position: fixed;
	width: 35px;
	height: 35px;
	right: 5px;
	bottom: 100px;
	text-align: center;
	background: #f2f2f2;
	z-index: 100;
	cursor: pointer;
	color: #333;
	font-weight: 700;
	line-height: 28px;
	border-radius: 50%
}

#etw_top a {
	color: #ff6501
}

#etw_top:hover {
	transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	background: #000
}

#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 99;
	float: left;
	transition: all .5s;
	background-color: rgba(255,255,255,1);
	padding: 0 1rem;
	box-shadow: 0 0 25px rgb(0 0 0 / 10%);
	border-top: 20px solid #009b4d
}

.header_in {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative
}

#etw_logo {
	width: auto;
	text-align: center;
	float: left;
	margin-top: .5rem;
	transition: all .8s
}

#etw_logo a {
	width: 100%
}

#etw_logo strong {
	color: #666;
	font-size: .75rem;
	display: block;
	display: block;
	width: 100%;
	text-align: center;
	padding-left: .6rem;
	line-height: 1.75;
	color: #009b4d
}

.left_share {
	position: relative;
	display: flex;
	margin-top: 2rem
}

.left_share a {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: .5rem;
	transition: all .5s;
	color: #fff!important;
	background-color: #393939;
	border-radius: 5px;
	font-size: 1rem
}

.left_share a:hover {
	background-color: #ff6501
}

.left_share a svg {
	width: 22px;
	height: 22px
}

.left_share a.icon_twitter svg {
	width: 20px;
	height: 20px
}

.left_share a.icon_linkedin svg,.left_share a.icon_telegram svg {
	width: 22px;
	height: 22px
}

.left_share a.icon_twitter {
	padding-left: 2px
}

.top-nav {
	width: auto;
	float: right;
	transition: all .8s;
	padding-bottom: .5rem
}

.top-nav .navbar {
	padding: 0;
	float: right
}

.nav-fixed {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-webkit-animation: .5s ease-in-out 0s normal none 1 running fadeInDown;
	animation: .5s ease-in-out 0s normal none 1 running fadeInDown;
	margin-top: 0!important;
	background-color: rgba(255,255,255,.96)!important
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.dropdown-menu-one {
	background-color: #eee
}

.navbar-expand-lg .navbar-collapse {
	flex-flow: row wrap!important
}

.navbar-expand-lg .navbar-nav {
	justify-content: center
}

.navbar-nav {
	width: 100%
}

.navbar-light .navbar-nav .nav-link {
	transition: all .5s
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding: .3rem .6rem;
	color: #333;
	position: relative;
	font-weight: 700;
	font-family: Raleway;
	font-size: 1rem
}

.navbar-light .navbar-nav a.nav-link::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -.5rem;
	width: 0;
	height: 2px;
	background-color: #ff6501;
	transform: translateX(-50%);
	transition: .5s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

.navbar-light .navbar-nav .nav-item .nav-link:hover::before,.navbar-light .navbar-nav .nav-item.active .nav-link::before {
	width: 100%
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	top: 42px;
	transition: all .5s;
	box-shadow: 0 15px 22px -10px rgb(0 51 153 / 30%);
	background-color: rgb(255 255 255 / 80%);
	backdrop-filter: blur(10px);
	border-radius: 0 0 1rem 1rem;
	padding: 1rem .8rem;
	border: none;
	border-top: 1px solid #eee
}

.navbar-expand-lg .navbar-nav .dropdown-menu>li>a {
	color: #333;
	font-size: 1rem;
	position: relative;
	display: block;
	transition: all .5s;
	padding-top: .6rem;
	padding-bottom: .6rem;
	padding-left: 1rem;
	border-bottom: 1px solid #eee;
	background: 0 0
}

.navbar-expand-lg .navbar-nav .dropdown-menu>li>ol a {
	color: #333;
	display: block;
	padding-top: .2rem;
	padding-bottom: .2rem;
	padding-left: 2rem;
	font-size: .9rem;
	position: relative
}

.navbar-expand-lg .navbar-nav .dropdown-menu>li>ol a.active,.navbar-expand-lg .navbar-nav .dropdown-menu>li>ol a:hover {
	color: #ff6501
}

.navbar-expand-lg .navbar-nav .dropdown-menu>li>ol a::before {
	position: absolute;
	content: "\f0da";
	left: 1rem;
	top: .2rem;
	font-family: fontawesome
}

.navbar-expand-lg .navbar-nav .dropdown-menu>li:last-child>a {
	border-bottom: none
}

.dropdown-menu-one li>a.active,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
	color: #ff6501!important
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
	color: #ff6501
}

.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {
	color: #ff6501!important
}

.dropdown-item {
	font-size: .9rem
}

.dropdown-item.active,.dropdown-item:active {
	background: 0 0!important
}

.nav-item span.pro_icon {
	position: absolute;
	top: .5rem;
	right: 1rem;
	color: #333;
	padding: 2px 8px;
	font-size: 2rem;
	width: 32px;
	height: 28px;
	line-height: 24px;
	display: none;
	text-align: center
}

.top-nav ul>li>ul.dropdown-menu>li {
	position: relative
}

.navbar-nav .dropdown-menu1 {
	min-width: 72rem;
	left: -27.5rem;
	padding: 2rem 2rem 1rem
}

.navbar-nav .dropdown-menu2 {
	min-width: 52rem;
	left: -17.5rem;
	padding: 2rem 2rem 1rem
}

.navbar-light .navbar-nav .dropdown-menu1 li {
	width: 100%;
	position: relative
}

.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item {
	background: 0;
	position: relative;
	padding: .4rem 0 .4rem .3rem;
	font-size: 1.2rem;
	color: #004680;
	white-space: normal;
	line-height: 1.3rem;
	text-align: left;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 .2rem
}

.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 1px
}

.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item.active,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item:hover {
	color: #f4c90c
}

.navbar-nav .dropdown-menu li ol {
	position: relative;
	display: block;
	padding: .3rem 0;
	width: 100%
}

.navbar-light .navbar-nav .dropdown-menu1 li ol li {
	width: 100%;
	position: relative
}

.navbar-light .navbar-nav .dropdown-menu1 li ol li a {
	width: 100%;
	display: block;
	position: relative;
	padding: .2rem 0 .2rem 1.5rem;
	font-weight: 400;
	font-size: .95rem;
	color: #111;
	line-height: 1.35rem;
	position: relative
}

.navbar-light .navbar-nav .dropdown-menu1 li ol li a::before {
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	left: .5rem;
	top: .7rem;
	background-color: #666
}

.navbar-nav .dropdown-menu li ol li a.active,.navbar-nav .dropdown-menu li ol li a:hover {
	color: #ff6501
}

.etw_language {
	float: right;
	display: flex;
	flex-wrap: wrap;
	margin-left: 1rem;
	justify-content: flex-end;
	width: 42%;
	height: 32px;
	line-height: 22px;
	z-index: 1;
	position: relative;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: .5rem
}

#etw_language {
	float: right;
	width: auto;
	text-align: right
}

#etw_language .dropdown-item {
	display: inline-block;
	width: auto;
	line-height: 12px;
	padding: .2rem .8rem;
	color: #333;
	min-width: auto!important;
	font-size: .9rem;
	position: relative
}

#etw_language .dropdown-item::before {
	position: absolute;
	content: "";
	right: 0;
	top: .2rem;
	width: 1px;
	height: 15px;
	background-color: #ccc
}

#etw_language .dropdown-item:last-child::before {
	display: none
}

#etw_language .dropdown-item img {
	margin-right: 5px;
	margin-top: 1px
}

#etw_language .dropdown-item:hover {
	color: #000;
	background: 0 0
}

#etw_language .dropdown-item:focus {
	background: 0 0!important
}

#etw_banner {
	width: 100%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	overflow: hidden
}

#etw_banner .swiper-slide {
	height: 100%;
	position: relative;
	width: 100%;
	margin: 0 auto
}

#etw_banner img {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 20px!important;
	left: 0;
	width: 160px!important;
	right: 0!important;
	left: inherit!important;
	background-color: #fff;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 22px
}

#etw_banner .swiper-pagination-bullet {
	cursor: pointer;
	width: 14px;
	height: 14px;
	background: 0 0;
	border-radius: 50%;
	opacity: 1;
	margin: 0 6px;
	font-size: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	outline: 0;
	background-color: rgb(255,101,1,.5)
}

#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #ff6501;
	cursor: pointer
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px
}

#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev {
	width: 50px;
	height: 95px;
	background-image: none;
	background-color: rgba(255,255,255,0);
	right: 0;
	z-index: 1;
	transform: translateY(-50%);
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s
}

#etw_banner .swiper-button-prev {
	left: 0
}

#etw_banner .swiper-button-next:hover,#etw_banner .swiper-button-prev:hover {
	background-color: rgba(255,255,255,.2)
}

#etw_banner .swiper-button-next::after,#etw_banner .swiper-button-prev::after {
	content: '';
	position: absolute;
	background: url(../images/arrow_next.png) no-repeat;
	background-size: cover;
	opacity: .6;
	width: 25px;
	height: 62px;
	left: 50%;
	top: 50%;
	margin: 0;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transition: .3s all ease-in-out
}

#etw_banner .swiper-button-prev::after {
	background: url(../images/arrow_prev.png) no-repeat;
	background-size: cover
}

#etw_banner:hover .swiper-button-next:after,#etw_banner:hover .swiper-button-prev:after {
	opacity: 1
}

.banner_txt {
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 1.3rem;
	text-align: left;
	line-height: 1.55;
	width: 100%;
	max-width: 1200px;
	color: #333
}

.banner_inner1 {
	width: 100%;
	max-width: 670px;
	color: #333;
	padding: 2rem;
	position: relative;
	left: 28rem
}

.banner_inner2 h3,.banner_txt1 h1 {
	font-size: 3rem;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 1.5rem;
	z-index: 1;
	letter-spacing: .01rem;
	margin-bottom: 2rem;
	font-weight: 700;
	color: #00bf91;
	text-shadow: 1px 2px 2px #fff;
	font-family: Raleway
}

.banner_inner2 h3::before,.banner_txt1 h1::before {
	position: absolute;
	content: "";
	width: 120px;
	height: 4px;
	background-color: #ff6501;
	left: 0;
	bottom: 0
}

.banner_inner2 h3 {
	font-size: 2rem
}

.banner_inner2 h3 span {
	color: #333;
	display: block;
	font-size: 2.2rem
}

.banner_inner p {
	font-size: 1rem
}

.banner_inner2 {
	width: 100%;
	max-width: 720px;
	color: #333;
	padding: 2rem;
	padding-left: 0;
	position: relative
}

.home_about_box {
	padding: 3rem 0;
	padding-top: 6rem;
	background: url(../images/about_bg.jpg) no-repeat top;
	background-size: cover;
	background-attachment: fixed;
	position: relative
}

.home_about_box .play_btn {
	top: 0;
	transform: translate(-50%,-50%)
}

.home_about_box .swidth {
	width: 90%;
	margin: 0 auto;
	text-align: center
}

.webtitle {
	font-size: 2.6rem;
	font-weight: 700;
	font-family: Raleway;
	text-transform: uppercase
}

.webtitle a {
	color: #333
}

.home_about_box ul {
	display: flex;
	flex-wrap: wrap
}

.home_about_box ul li {
	width: 23%;
	margin-right: 2%
}

.home_about_box ul li:nth-child(4n) {
	margin-right: 0
}

.home_about_box ul li .about_name {
	display: flex;
	align-items: center
}

.home_about_box ul li .about_name strong {
	color: #00bf91
}

.home_about_box ul li .about_name img {
	width: 60px
}

.out_more {
	background-color: #009b4d;
	background: linear-gradient(to left,#009a44,#05bb57);
	color: #fff;
	width: 200px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 2rem;
	font-weight: 700;
	transform: skew(23deg)
}

.out_more span {
	transform: skew(-23deg)
}

.out_more:hover {
	background: linear-gradient(to left,#ff6501,#f4c90c);
	color: #fff
}

.main_products_box {
	margin-top: 3rem
}

.main_products_box .content {
	max-width: 1320px
}

.main_products_box ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1rem
}

.main_products_box ul li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2rem;
	text-align: center;
	position: relative;
	padding-bottom: 2rem
}

.main_products_box ul li:nth-child(4n) {
	margin-right: 0
}

.main_products_box ul li .pro_img {
	padding: 1rem 1.5rem
}

.main_products_box ul li .pro_des,.main_products_box ul li .pro_img {
	position: relative
}

.main_products_box ul li .pro_des {
	margin-top: 1rem
}

.main_products_box ul li .pro_des strong {
	display: block;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
	font-family: Raleway;
	padding-bottom: 3rem;
	display: flex;
	line-height: 1.35;
	height: 60px;
	align-items: center;
	justify-content: center
}

.main_products_box ul li .pro_des strong::before {
	position: absolute;
	content: "";
	width: 60%;
	height: 1px;
	background-color: #fff;
	bottom: 1rem;
	left: 0;
	right: 0;
	margin: 0 auto
}

.main_products_box ul li::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 78%;
	left: 0;
	bottom: 0;
	background: linear-gradient(347deg,#00bf91 0,#00bf91 65%,rgba(253,98,0,0) 65%);
	transition: all .5s
}

.more_btn {
	color: #fff;
	font-size: .9rem;
	position: absolute;
	bottom: -1rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-top: 1rem;
	text-transform: uppercase;
	display: inline
}

.home_case_box {
	padding: 3rem 0;
	margin-top: 3rem;
	background: url(../images/case_bg.jpg) no-repeat top;
	background-size: cover;
	color: #fff;
	background-attachment: fixed
}

.home_case_box .swidth {
	width: 60%;
	margin: 0 auto;
	text-align: center
}

.home_case_box .webtitle a {
	color: #fff
}

.home_case_box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 1rem
}

.home_case_box ul li {
	width: 23%;
	margin-right: 2%;
	text-align: center
}

.home_case_box ul li:nth-child(4n) {
	margin-right: 0
}

.home_case_box ul li a {
	color: #fff
}

.home_case_box ul li a span {
	display: block
}

.home_case_box ul li a img {
	width: 100px
}

@media (max-width:991.98px) {
	.home_case_box .swidth {
		width: 100%
	}
}

@media (max-width:575.98px) {
	.home_case_box ul li {
		width: 49%;
		margin-bottom: 1rem
	}

	.home_case_box ul li:nth-child(4n) {
		margin-right: 2%
	}

	.home_case_box ul li:nth-child(2n) {
		margin-right: 0
	}

	.home_case_box ul li a span {
		line-height: 1.4rem
	}
}

.home_advantage_box {
	padding-bottom: 4rem;
	overflow: hidden
}

.home_advantage_box {
	background-color: #f5f5f5
}

.home_advantage_box .swidth {
	width: 100%;
	max-width: 900px;
	background-color: #fff;
	padding: 4rem 6rem;
	margin: 0 auto;
	margin-top: 0;
	position: relative;
	margin-top: -12rem
}

.home_advantage_box .content {
	position: relative
}

.home_advantage_box .content::before {
	width: 80%;
	height: 88%;
	background-color: #ff6501;
	position: absolute;
	content: "";
	top: 2rem;
	left: 0;
	right: 0;
	margin: 0 auto
}

.home_advantage_box .webtitle span {
	color: #00bf91
}

.learn_more {
	width: 100px;
	margin: 0 auto;
	display: table;
	color: #00bf91
}

.adv_img {
	width: 100%;
	min-height: 280px;
	background: #ddd;
	transform: skew(43deg);
	left: -10rem;
	position: relative;
	margin-top: -1rem
}

@media (max-width:991.98px) {
	.home_advantage_box .swidth {
		padding: 2rem
	}
}

@media (max-width:767.98px) {
	.adv_img {
		display: none
	}

	.home_advantage_box {
		padding-bottom: 2rem
	}

	.home_advantage_box .content {
		padding-left: 0;
		padding-right: 0
	}

	.home_advantage_box .swidth {
		margin-top: 0
	}
}

.home_inquiry_box {
	background-color: #f5f5f5;
	padding-bottom: 9rem
}

.inquir_bottom_box {
	position: relative;
	min-height: 320px;
	background: url(../images/inquiry_bg_img.jpg) no-repeat top center;
	background-size: cover;
	position: relative
}

.inquir_bottom_box::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgb(0,0,0,.55)
}

.inquir_bottom_box .inquiry_des {
	transform: skew(23deg);
	background: #fff;
	position: absolute;
	width: 100%;
	max-width: 800px;
	left: calc(50% - 400px);
	top: 50%;
	z-index: 2
}

.inquir_bottom_box .inquiry_inner_des {
	transform: skew(-23deg);
	padding: 3rem 2rem;
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
	color: #666
}

.inquir_bottom_box .inquiry_inner_des h3 {
	font-family: Raleway;
	font-weight: 700;
	font-size: 2.4rem;
	color: #000
}

.inquir_bottom_box .inquiry_inner_des h3 span {
	color: #00bf91
}

.inquiry_btn {
	background-color: #ff6501;
	display: inline-block;
	position: absolute;
	right: 7%;
	padding: .4rem 3rem;
	bottom: -20px;
	transform: skew(23deg);
	cursor: pointer;
	transition: all .5s
}

.inquiry_btn span {
	transform: skew(-23deg);
	color: #fff;
	display: block;
	font-family: Raleway;
	font-weight: 700
}

.inquiry_btn:hover {
	background-color: #009a44
}

.pro_banner_box {
	min-height: 360px;
	display: flex;
	align-items: center;
	color: #fff;
	position: relative;
	z-index: 0;
	overflow: hidden;
	padding-bottom: 6rem
}

.pro_banner_box h2 {
	color: #fff;
	font-size: 2.4rem;
	text-transform: uppercase;
	font-weight: 900
}

.pro_banner_box .etw_hometitle {
	color: #fff;
	font-size: 2.8rem;
	font-weight: 900;
	padding-bottom: 1rem
}

.pro_banner_box .pro_banner_txt {
	padding-left: 2rem;
	padding-right: 3rem;
	margin-top: -2.5rem;
	position: relative;
    font-size: .95rem;
} 

.pro_banner_box .pro_banner_img {
	position: absolute;
	top: 0;
	right: 0;
	width: 44%;
	height: 100%;
	overflow: hidden;
	z-index: -2
}

.pro_banner_box .pro_banner_img img {
	object-fit: cover;
	height: 100%;
	width: 100%
}

.pro_banner_box::before {
	bottom: 0;
	content: "";
	position: absolute;
	top: 0;
	transform: skew(-15.4deg,0);
	transform-origin: 100% 100%;
	width: 68%;
	z-index: -1;
	left: -10%;
	background: linear-gradient(to right,#009b4d 0,#00bf91 100%)
}

.prodetail_banner_box {
	min-height: 280px;
	padding-bottom: 4rem
}

.pro_banner_box span.icon-play {
	top: 100%;
	transform: translate(-50%,0);
	width: 80px;
	height: 80px;
	line-height: 65px
}

.pro_top_des {
	background-color: #f5f5f5;
	padding-bottom: 2rem;
	margin-bottom: 4rem
}
@media (max-width:1299.98px) {
.pro_banner_box h2 {
	color: #fff;
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 900
}
	.pro_banner_box .pro_banner_txt { 
  margin-top: -2.5rem;
  position: relative; font-size: .95rem; line-height: 1.2rem;
	}
	
.pro_banner_box::before { 
	transform: skew(-10.4deg,0); 
}
}
@media (max-width:991.98px) {
	.pro_banner_box {
		background: linear-gradient(to right,#009b4d 0,#00bf91 100%);
		padding: 2rem 15px;
		min-height: inherit
	}

	.pro_banner_box .col-lg-8 {
		padding-left: 0;
		padding-right: 0
	}

	.pro_banner_box .pro_banner_txt {
		margin-top: 0;
		padding: 0
	}

	.pro_banner_box .pro_banner_img,.pro_banner_box::before {
		display: none
	}

	.pro_banner_box h2 {
		font-size: 2rem
	}
}

.products_hub_box {
	margin-top: -4rem;
	position: relative
}

.big_hub_products {
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	margin-bottom: 3rem
}

.hub_pro_title {
	width: 22%;
	background: linear-gradient(to right bottom,#c4c4c4,#f2f2f2,#c4c4c4);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem
}

.hub_pro_title a h3 {
	font-size: 1.4rem;
	font-family: Raleway;
	font-weight: 700;
	color: #333;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	text-align: center
}

.hub_pro_title a h3::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #333;
	bottom: 0;
	left: 0
}

.hub_pro_title a h3:hover {
	color: #ff6501
}

.hub_pro_title a.view_more {
	color: #00bf91;
	display: table;
	text-align: center;
	width: 120px;
	margin: 0 auto
}

.hub_pro_title a.view_more:hover {
	color: #ff6501
}

.hub_pro_content {
	width: 78%
}

.hub_pro_content ul {
	display: flex;
	flex-wrap: wrap
}

.hub_pro_content ul li {
	width: 25%;
	text-align: center;
	border-right: 1px solid #eee;
	padding: 1.5rem 1rem;
	padding-right: 0;
	position: relative
}

.hub_pro_content ul li:nth-child(4n) {
	border-right: none
}


.hub_pro_content ul li a {
	color: #333;
	font-size: .9rem;
	display: block;
	line-height: 1.35;
	padding: .5rem 1rem
}

.hub_pro_content ul li .pro_img {
	margin-bottom: 1rem
}

.hub_pro_content ul.single_pro li {
	width: 100%;
	display: flex;
	align-items: center;
	border: none
}

.hub_pro_content ul.single_pro li .pro_img {
	flex: 1
}

.hub_pro_content ul.single_pro li .pro_des {
	flex: 3;
	text-align: left;
	font-size: .9rem;
	padding: 1rem;
	line-height: 1.35
}

.hub_pro_content ul.single_pro li .pro_des a {
	color: #333;
	font-weight: 700;
	margin-bottom: .5rem;
	padding: 0
}

.hub_pro_content ul li .pro_img a {
	display: block
}

.hub_pro_content ul li .pro_img a::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 0;
	background-color: rgba(0,0,0,.15);
	transition: all .5s;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto
}

.hub_pro_content ul li .pro_img a:hover::before {
	height: 100%
}

@media (max-width:991.98px) {
	.products_hub_box {
		margin-top: 0
	}

	.pro_top_des {
		padding-top: 2rem;
		margin-bottom: 2rem
	}

	.hub_pro_title {
		width: 100%;
		background: 0 0;
		padding-top: 2rem
	}

	.hub_pro_content {
		width: 100%
	}

	.hub_pro_content ul li a {
		padding: .5rem
	}
}

@media (max-width:757.98px) {
	.hub_pro_content ul li {
		width: 50%;
		border-bottom: 1px solid #eee
	}

	.hub_pro_content ul.single_pro li .pro_img {
		flex: 2
	}
}

@media (max-width:575.98px) {
	.hub_pro_content ul.single_pro li {
		display: initial
	}

	.hub_pro_content ul.single_pro li .pro_des {
		padding: 0;
		padding: 1rem 0
	}

	.hub_pro_content ul.single_pro li .pro_img {
		flex: 2;
		margin-bottom: 0
	}

	.hub_pro_content ul.single_pro li .pro_img img {
		width: 100%
	}

	.hub_pro_content ul li .pro_img a {
		padding: 0
	}
}

@media (max-width:430px) {
	.hub_pro_content ul li {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #eee
	}
}

.pro_adv_box {
	margin-bottom: 8rem
}

.pro_adv_box .content {
	max-width: 1320px
}

.pro_adv_box .pro_adv_des {
	padding-left: 6rem
}

.pro_adv_box .pro_adv_des .webtitle {
	margin-bottom: 2rem;
	font-size: 2rem
}

.pro_adv_box .pro_adv_des ul li {
	width: 100%;
	border-top: 1px solid #000;
	padding: 1rem;
	padding-bottom: 0;
	padding-top: 1rem;
	margin-bottom: 1rem
}

.pro_adv_box .pro_adv_img::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/pro_adv_bg.jpg) no-repeat;
	top: 3rem;
	right: -3rem
}

.pic_box {
	position: relative
}

@media (max-width:991.98px) {
	.pro_adv_box .pro_adv_img img {
		width: 100%
	}

	.pro_adv_box .pro_adv_img::before {
		display: none
	}

	.pro_adv_box .pro_adv_des {
		padding-left: 0;
		padding-top: 1.5rem
	}
}

.pro_inner_top_des {
	background: linear-gradient(to top,#e7ecea 0,#f2f8f5 100%);
	padding: 2rem 0;
	padding-bottom: 4rem
}

.pro_inner_top_des h2 span,.singer_protop_des h2 span {
	color: #00bf91;
	text-shadow: 4px 2px 1px #fff
}

.hub_products_box ul {
	display: flex;
	flex-wrap: wrap
}

.hub_products_box ul li {
	width: 32.66%;
	margin-right: 1%;
	margin-bottom: 2rem;
	background: linear-gradient(to bottom,rgba(0,0,0,.05) 0,rgba(0,0,0,0) 100%);
	text-align: center;
	position: relative;
	padding-bottom: 2rem;
	overflow: hidden
}

.hub_products_box ul li:nth-child(3n) {
	margin-right: 0
}

.hub_products_box ul li .pro_img img {
	mix-blend-mode: multiply;
	transition: all .5s
}

.hub_products_box ul li .pro_img {
	padding: 1rem;position: relative;

}

.hub_products_box ul li .pro_des a {
	display: block;
	color: #333;
	margin-top: 1rem;
	font-size: 1rem;
	margin-bottom: .5rem;
	text-align: center;
	line-height: 1.35
}

.hub_products_box ul li .pro_des {
	font-size: .9rem;
	padding: 0 1rem;
	text-align: left
}

.hub_products_box ul li:hover img {
	transform: scale(1.05)
}

.hub_products_box ul li:hover a {
	color: #ff6501
}

.hub_products_box ul li .pro_des a::before {
	position: absolute;
	content: "\f067";
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ccc;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	font-family: fontawesome;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(30px);
	opacity: 0;
	transition: all .5s;
	font-size: .9rem;
	font-weight: 400
}

.hub_products_box ul li:hover .pro_des a::before {
	opacity: 1;
	transform: translateY(0)
}

.hub_products_box .spec_list {
	margin-bottom: 0;
	display: none
}

.hub_products_box .spec_list dl {
	margin-bottom: .3rem;
	position: relative;
	padding-left: 1rem;
	line-height: 1.35;
	border-bottom: 1px solid #eee;
	padding-bottom: .5rem
}

.hub_products_box .spec_list dl::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background-color: #ff6501;
	border-radius: 50%;
	left: 0;
	top: .6rem
}

@media (max-width:991.98px) {
	.pro_inner_top_des {
		padding-bottom: 0
	}
}

@media (max-width:767.98px) {
	.hub_products_box ul li {
		width: 49%;
		margin-right: 2%
	}

	.hub_products_box ul li:nth-child(3n) {
		margin-right: 2%
	}

	.hub_products_box ul li:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:430px) {
	.hub_products_box ul li {
		width: 100%;
		margin-right: 0
	}

	.hub_products_box ul li:nth-child(3n) {
		margin-right: 0
	}
}

.pro_case_box {
	background-color: #f5f5f5;
	padding: 3rem 0
}

.pro_case_box .webtitle a {
	font-size: 2.2rem;
	display: block;
	margin-bottom: 2rem;
	position: relative;
	padding-bottom: 1rem
}

.pro_case_box .webtitle a::before {
	position: absolute;
	content: "";
	width: 100px;
	height: 2px;
	background-color: #ff6501;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0
}

.pro_case_box ul {
	width: 86%;
	margin: 0 auto
}

.pro_case_box ul li {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	background-color: #fff;
	justify-content: space-between
}

.pro_case_box ul li .case_img img {
	width: 450px;
	height: 240px;
	object-fit: cover
}

.pro_case_box ul li .case_img {
	width: 32%
}

.pro_case_box ul li .case_des {
	width: 66%;
	padding: 2rem
}

.pro_case_box ul li .case_des a {
	font-size: 1.4rem;
	font-family: Raleway;
	font-weight: 700;
	color: #333;
	margin-bottom: 1rem;
	display: block;
	border-bottom: 1px solid #eee;
	padding-bottom: 1rem;
	margin-bottom: 1rem
}

.pro_case_box ul li:nth-child(2n) .case_img {
	order: 1
}

@media (max-width:991.98px) {
	.pro_case_box ul {
		width: 100%
	}
}

@media (max-width:575px) {
	.pro_case_box ul li .case_img {
		width: 100%;
		order: inherit
	}

	.pro_case_box ul li:nth-child(2n) .case_img {
		order: inherit
	}

	.pro_case_box ul li .case_des {
		width: 100%;
		padding: 1rem
	}

	.pro_case_box ul li .case_des a {
		margin-bottom: .5rem;
		padding-bottom: .5rem
	}
}

.page_content {
	background-color: #fff;
	margin-top: -3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 1rem
}

.page_content .pro_content {
	width: 72%;
	order: 1
}

@media (max-width:991.98px) {
	.page_content {
		display: inherit;
		margin-top: 0
	}

	.page_content .pro_content {
		width: 100%;
		order: inherit
	}
}

#etw_sidebar {
	width: 26%;
	order: 0;
	background-color: #f7f7f7;
	background: linear-gradient(to left bottom,#f7f7f7,#f7f7f7,#c4c4c4);
	padding: 2rem 1rem;
	height: 100%
}

#etw_sidebar .pro_title {
	font-size: 1.4rem;
	font-weight: 600;
	font-family: Raleway;
	color: #ff6501;
	padding-left: 4rem;
	position: relative
}

#etw_sidebar .pro_title::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 1px;
	background-color: #ff6501;
	left: 0;
	top: 1.2rem
}

.etw_productlist ul li a {
	display: block;
	color: #333
}

.etw_productlist ul li>a {
	color: #333;
	font-size: 1rem;
	position: relative;
	display: flex;
	align-items: center;
	position: relative;
	line-height: 1.35;
	padding: .8rem 1rem;
	padding-left: .5rem;
	border-bottom: 1px solid #eee
}

.etw_productlist ul li ol {
	padding: .5rem 0;
	display: none;
	padding-left: .8rem
}

.etw_productlist ul li ol.show {
	display: block
}

.etw_productlist ul li ol a {
	font-size: 1rem;
	position: relative;
	padding: .3rem;
	padding-left: 1.5rem;
	margin-bottom: 2px;
	font-size: 12px;
	line-height: 1.35;
	display: block;
	color: #333
}

.etw_productlist ul li>a.dq,.etw_productlist ul li>a:hover {
	color: #ff6501
}

.etw_productlist ul li ol a.dq:hover,.etw_productlist ul li ol a:hover {
	color: #ff6501
}

.etw_productlist ul li ol a.dq {
	color: #ff6501
}

.etw_productlist ul li ol a.big::before {
	position: absolute;
	content: "\f105";
	font-family: fontawesome;
	left: .5rem;
	top: .35rem;
	font-size: .9rem
}

.etw_productlist ul li ol a.big {
	font-size: .9rem;
	position: relative;
	padding-left: 1.3rem
}

.etw_productlist>ul>li>a {
	transition: .3s all ease-in-out;
	padding-right: 1rem
}

.etw_productlist ul li .listmore {
	position: absolute;
	opacity: .5;
	right: -1rem;
	top: 0;
	width: 30px;
	height: 100%;
	line-height: 20px;
	color: #ff6501;
	cursor: pointer;
	text-align: center;
	transition: .3s all ease-in-out
}

.etw_productlist ul li .listmore:before {
	content: "";
	width: 12px;
	height: 4px;
	background: #ff6501;
	right: 15px;
	top: 50%;
	position: absolute;
	font-size: .875rem;
	transition: all .2s
}

.etw_productlist ul li .listmore:after {
	content: "";
	width: 4px;
	height: 12px;
	background: #ff6501;
	right: 19px;
	top: 50%;
	margin-top: -4px;
	position: absolute;
	font-size: .875rem;
	transition: all .2s
}

.etw_productlist ul li .listmore.on:after {
	transform: rotate(-90deg)
}

.etw_productlist ul li .listmore.on:before {
	transform: rotate(180deg)
}

.etw_productlist ul li .listmore:hover {
	opacity: 1
}

.etw_productlist ul li>ol>li>dl.show+.listmore:after {
	transform: rotate(-90deg)
}

.etw_productlist ul li>ol>li>dl.show+.listmore:before {
	transform: rotate(180deg)
}

.singer_protop_des {
	padding: 2rem 0
}

.request_btn {
	cursor: pointer
}

.pro_feedback_bg {
	position: relative
}

.pro_feedback_bg::before {
	position: absolute;
	content: "";
	width: 90%;
	height: 100%;
	background-color: #009a44;
	top: 2rem;
	right: -1rem;
	border-radius: 0 120px 80px 0
}

#etw_set_feedback_form {
	margin: 3rem 0;
	background: linear-gradient(to top,#e7ecea 0,#f2f8f5 100%);
	padding: 3rem 2rem;
	width: 99%;
	position: relative;
	border-radius: 0 120px 80px 0
}

#etw_set_feedback_form .webtitle {
	font-size: 1.6rem;
	color: #ff6501;
	position: relative;
	padding-left: 90px
}

#etw_set_feedback_form .webtitle::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 1px;
	background-color: #ff6501;
	left: 0;
	bottom: 1rem
}

@media (max-width:767.98px) {
	.pro_feedback_bg::before {
		display: none
	}

	#etw_set_feedback_form {
		width: 100%;
		padding: 1rem;
		border-radius: 0
	}
}

.related_products_box {
	margin: 3rem auto;
	background-color: #f5f5f5;
	background: linear-gradient(to right bottom,#f2f2f2,#e7ecea,#f5f5f5);
	padding: 2rem
}

.related_products_box .webtitle {
	font-size: 1.6rem;
	border-bottom: 1px solid #ff6501;
	margin-bottom: 2rem;
	padding-bottom: 1rem
}

.related_products_box ul {
	display: flex;
	flex-wrap: wrap
}

.related_products_box ul li {
	width: 32%;
	margin-right: 2%;
	padding: .5rem 2rem;
	margin-bottom: 1rem;
	background-color: #fff;
	position: relative;
	box-shadow: 1px 7px 14px -5px rgba(0,0,0,.2);
	border-left: 3px solid #ff6501;
	border-radius: 4px
}

.related_products_box ul li:nth-child(3n) {
	margin-right: 0
}

.related_products_box ul li a {
	color: #333;
	display: block;
	line-height: 1.35
}

.related_products_box ul li a.dq,.related_products_box ul li:hover a {
	color: #ff6501
}

@media (max-width:991.98px) {
	.related_products_box {

		padding: 1rem
	}
}

@media (max-width:810px) {
	.related_products_box ul li {
		width: 49%;
		margin-right: 2%
	}

	.related_products_box ul li:nth-child(3n) {
		margin-right: 2%
	}

	.related_products_box ul li:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:575.98px) {
	.related_products_box ul li {
		width: 100%;
		margin-right: 0
	}

	.related_products_box ul li:nth-child(3n) {
		margin-right: 0
	}
}

.other_products_box {
	background: linear-gradient(to top,#e7ecea 0,#f2f8f5 100%);
	padding: 3rem 0
}

.small_font {
	font-size: 1.8rem;
	color: #ff6501;
	text-transform: none
}

.other_products_box .webtitle {
	margin-bottom: 1rem;
	border-bottom: 1px solid #ff6501;
	margin-bottom: 2rem;
	padding-bottom: 1rem
}

.other_products_box ul li {
	position: relative;
	background-color: #fff;
	padding-right: 0
}

.other_products_box ul li .pro_img a::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.45);
	top: 0;
	left: 0;
	z-index: 1;
	transition: all .6s
}

.other_products_box ul li .pro_des {
	position: absolute;
	left: 0;
	top: 3%;
	z-index: 2;
	padding: 2rem
}

.other_products_box ul li .pro_des a {
	color: #fff;
	font-family: Roboto-Bold;
	font-size: 1.2rem;
	width: 90%;
	display: block;
	line-height: 1.35
}

.other_products_box ul li .pro_img {
	background-color: #fff;
	overflow: hidden
}

.other_products_box ul li .pro_img a {
	display: flex;
	justify-content: end;
	padding: 1rem 0
}

.other_products_box ul li .pro_img img {
	width: 60%;
	transition: all 1s
}

.other_products_box ul li .pro_des a.more {
	background-color: #009a44;
	color: #fff;
	width: 120px;
	display: flex;
	height: 42px;
	text-align: center;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
	font-size: .9rem
}

.other_products_box ul li .pro_des a.more:hover {
	background-color: #ff6501
}

.other_products_box ul li:hover img {
	transform: scale(1.15)
}

.other_products_box ul li:hover .pro_img a::before {
	background-color: rgba(0,0,0,.65)
}

.inquiry_txt_box {
	padding: 3rem;
	background-color: #009a44;
	background: linear-gradient(to top,#009b4d 0,#01682f 100%);
	color: #fff
}

.inquiry_txt_box .inquiry_inner_item {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2rem
}

.inquiry_txt_box .inquiry_inner_item h3 {
	font-size: 2.4rem;
	font-family: Roboto-Bold;
	margin-bottom: 1rem
}

.inquiry_txt_box .inquiry_inner_item .inquiry_menu {
	width: 180px;
	height: 48px;
	background-color: #ff6501;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 2rem;
	font-family: Roboto-Bold;
	cursor: pointer;
	transition: all .5s
}

.inquiry_txt_box .inquiry_inner_item .inquiry_menu:hover {
	background-color: #00bf91
}

@media (max-width:1299px) {
.inquiry_txt_box .inquiry_inner_item { 
	font-size: 1rem
}
}
@media (max-width:810px) {
	.inquiry_txt_box .inquiry_inner_item {
		width: 100%
	}

	.inquiry_txt_box {
		padding: 2rem 0
	}
}

.play_btn {
	display: block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	background: rgb(255,255,255,.95);
	color: #009b4d;
	z-index: 2;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 2.2rem;
	cursor: pointer
}

.play_btn2 {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4rem
}

.play_btn i {
	padding-left: .3rem
}

.play_btn::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	top: 0;
	left: 0;
	z-index: -1;
	animation: playAnimi 2s infinite;
	-webkit-animation: playAnimi 2s infinite
}

.play_btn::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	top: 0;
	left: 0;
	z-index: -1;
	animation: playAnimi 3s infinite;
	-webkit-animation: playAnimi 3s infinite
}

@keyframes playAnimi {
	from {
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	to {
		opacity: 0;
		transform: scale(2);
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2)
	}
}

.video_img {
	position: relative
}

.small_video {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	right: inherit
}

.small_video .video-btn i {
	font-size: 1.6rem
}

.small_video .video-btn {
	width: 50px;
	height: 50px;
	line-height: 50px
}

.video_small_box .play_btn::after,.video_small_box .play_btn::before {
	display: none
}

.company_video_box .video-btn-item .video-btn::after,.company_video_box .video-btn-item .video-btn::before {
	display: none
}

.video_small_box ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1rem;
	margin-bottom: 2rem;
	width: 80%;
	margin: 0 auto
}

.video_small_box ul li {
	width: 49%;
	margin-right: 2%;
	background-color: #eee;
	padding: 5px;
	margin-bottom: 2rem;
	text-align: center;
	border-radius: 10px
}

.video_small_box ul li:nth-child(2n) {
	margin-right: 0
}

.video_small_box ul li a:hover .video_name {
	color: #002d73
}

.video_small_box ul li .video_name {
	padding: .5rem;
	color: #333;
	line-height: 1.35;
	padding: 1rem
}

.video_small_box ul li .video_img img {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px
}

.video_small_box ul li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.video_small_box ul li a .video_img {
	width: 50%
}

.video_small_box ul li a .video_name {
	width: 50%;
	font-size:.85rem
}

.big_video_title {
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 2rem
}

.company_video_box ul {
	width: 80%;
	margin: 0 auto
}

.company_video_box ul li {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	align-items: center;
	padding-bottom: 2rem;
	justify-content: space-between
}

.company_video_box ul li .video_pic {
	width: 46%
}

.company_video_box ul li .video_pic img {
	border-radius: 10px
}

.company_video_box ul li .video_name {
	width: 50%;
	padding-left: 2rem;
	line-height: 1.55;
	color: #666;
	font-size: 1rem
}

.company_video_box ul li .video_name a {
	color: #002d73;
	font-family: Roboto-Medium;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	display: block
}

.company_video_box ul li .video_name a:hover {
	color: #333
}

.video_toptitle {
	font-size: 1.6rem;
	line-height: 3rem;
	text-align: center;
	margin: 0 auto;
	position: relative;
	color: #111;
	width: 100%;
	padding: 2rem 0;
	font-weight: 600
}

.video_toptitle:before {
	position: absolute;
	content: '';
	background: linear-gradient(90deg,transparent,#009a44,transparent);
	width: 80%;
	height: 1px;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%)
}

.video_toptitle span {
	display: inline-block;
	padding: 0 1.5rem;
	background: #fff;
	position: relative
}

@media (max-width:991.98px) {
	.company_video_box ul li {
		margin-bottom: 0
	}

	.company_video_box ul,.video_small_box ul {
		width: 100%
	}
}

@media (max-width:810px) {
	.video_small_box ul li {
		width: 100%;
		margin-right: 0
	}

	.company_video_box ul li .video_pic {
		width: 100%
	}

	.company_video_box ul li .video_pic img {
		width: 100%;
		margin-bottom: 1rem
	}

	.company_video_box ul li .video_name {
		padding-left: 0;
		width: 100%
	}
}

@media (max-width:575.98px) {
	.video_small_box ul li a .video_img,.video_small_box ul li a .video_name {
		width: 100%
	}
}

#etw_video_list {
	background: linear-gradient(to left bottom,#f7f7f7,#f7f7f7,#c4c4c4);
	padding-bottom: .5rem;
	width: 96%;
	float: right
}

#etw_video_list ul {
	padding: 0 1rem;
	margin-bottom: 1rem
}

#etw_video_list .videotitle {
	color: #fff;
	font-size: 1.4rem;
	margin-bottom: 1rem;
	background: linear-gradient(90deg,#009a44 0,#00bf91 100%);
	padding: .5rem;
	font-family: Roboto-Bold
}

#etw_video_list li a {
	display: flex;
	margin-bottom: .5rem;
	align-items: center;
	transition: all .5s;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 5px;
	line-height: 1.35;
	font-size: .85rem;
}

#etw_video_list li:last-child a {
	border: none
}

#etw_video_list li a img {
	width: 38%;
	float: left;
	overflow: hidden;
	border-radius: .3rem;
	border: 1px solid #eee
}

#etw_video_list li a span {
	width: 68%;
	float: right;
	padding: .3rem .8rem .3rem 1rem;
	color: #111;
	position: relative;
	display: block;
	transition: all .5s
}

#etw_video_list li a.dq span,#etw_video_list li a:hover span {
	color: #ff6501
}

.etw_right {
	padding: 1rem 1.5rem
}

.etw_right video {
	width: 100%
}

.etw_right .etw_hometitle {
	text-transform: none
}

.etw_right .etw_hometitle span {
	display: block;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 2.5rem
}

@media (max-width:991.98px) {
	.etw_right {
		padding: 2rem 0
	}

	.videoinfo .col-lg-4,.videoinfo .col-lg-8 {
		padding: 0
	}

	#etw_video_list {
		width: 100%
	}
}

.etw_container {
	background: #f7f7f7!important
}

.first {
	width: 80%;
	margin: 0 auto 1rem;
	text-align: center;
	font-size: 1.1rem
}

.content_bg {
	position: relative;
	background: #f7f7f7;
	padding: 1rem 0
}

.about_content_bg {
	position: relative;
	background: #009b4d;
	padding: 4rem 0 3rem;
	overflow: hidden
}

.about_content_bg .content {
	margin: 0 auto;
	position: relative
}

.content1 {
	position: relative;
	margin: 2rem auto;
	max-width: 1200px
}

.content2 {
	position: relative;
	margin: 2rem auto;
	max-width: 1060px
}

.about_content_bg .etw_hometitle {
	font-family: Raleway;
	font-weight: 300;
	font-size: 2.8rem;
	line-height: 3rem;
	color: #fff
}

.about_content_bg .etw_hometitle:before {
	position: absolute;
	content: '';
	background: #ff6501;
	width: 120px;
	height: 5px;
	left: 0;
	bottom: -5px;
	transform: skewX(23deg)
}

.about_content_bg .small_title {
	font-size: 1.2rem;
	line-height: 1.3rem;
	font-weight: 600;
	color: #fff;
	padding: .5rem 0;
	font-style: oblique
}

.about_content_bg p {
	color: #fff
}

.about_content_bg .quicknav01 a,.about_content_bg .quicknav01 li+li::before,.about_content_bg .quicknav01 li:last-child {
	color: #fff!important
}

.about_bannerimg img {
	border-radius: 1rem;
	border: 3px solid #c9ffe5;
	display: block
}

.about_content_bg .more {
	display: inline-block;
	color: #fff;
	padding: .6rem 1rem;
	text-align: center;
	font-family: Mandali;
	font-size: 1rem;
	line-height: 1rem;
	margin: 1rem 0 0;
	position: relative;
	z-index: 1
}

.about_content_bg .more:before {
	position: absolute;
	content: '';
	background: #ff6501;
	width: 100%;
	height: 100%;
	transform: skewX(23deg);
	left: 0;
	top: 0;
	z-index: -1;
	transition: .3s all ease-in-out
}

.about_content_bg .more:hover:before {
	background: #00bf91
}

.about_sub_link ul {
	display: flex;
	flex-wrap: wrap
}

.about_sub_link ul li {
	width: 48%;
	margin-right: 2%;
	background-color: #fff;
	padding: 2rem;
	margin-bottom: 1rem;
	border-radius: 15px;
	position: relative;
	margin-bottom: 3rem
}

.about_sub_link ul li:nth-child(2n) {
	margin-right: 0
}

.about_sub_link ul li a .pro_img {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
	border-bottom: 1px solid #ff6501;
	padding-bottom: 1rem
}

.about_sub_link ul li a .pro_img img {
	width: 60px;
	margin-right: 1rem
}

.about_sub_link ul li a .pro_img span {
	font-size: 1.6rem;
	color: #ff6501;
	font-family: Roboto-Bold
}

.about_sub_link ul li a .pro_des p {
	color: #333
}

.about_sub_link ul li a .pro_des .more {
	position: absolute;
	width: 120px;
	background-color: #ff6501;
	color: #fff;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: 1;
	border-radius: 15px 15px 0 0;
	transition: all .5s
}

.about_sub_link ul li a .pro_des .more:hover {
	background-color: #009a44
}

@media (max-width:991.98px) {
	.first {
		width: 100%
	}

	.content2 {
		padding: 0 15px
	}

	.content_bg .content2 {
		margin-top: 0
	}

	.about_content_bg .etw_hometitle {
		font-size: 2.2rem
	}
}

@media (max-width:767.98px) {
	.about_sub_link ul li {
		width: 100%;
		margin-right: 0
	}
}

.etw_hometitle a {
	color: #fff
}

.decor {
	position: absolute;
	top: 15%;
	left: -10%
}

.decor:before {
	content: '';
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	-webkit-box-shadow: 0 0 200px 200px #fff;
	box-shadow: 0 0 200px 200px #fff;
	opacity: .2;
	border-radius: 50%
}

.decor:after {
	content: '';
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	-webkit-box-shadow: 0 0 140px 140px #caffe4;
	box-shadow: 0 0 140px 140px #caffe4;
	opacity: .2;
	z-index: 2;
	border-radius: 50%
}

.decor1 {
	position: absolute;
	top: 75%;
	right: -8%
}

.decor1:before {
	content: '';
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	-webkit-box-shadow: 0 0 200px 200px #fff;
	box-shadow: 0 0 200px 200px #fff;
	opacity: .2;
	border-radius: 50%
}

.decor1:after {
	content: '';
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	-webkit-box-shadow: 0 0 140px 140px #00aeef;
	box-shadow: 0 0 140px 140px #00aeef;
	opacity: .2;
	z-index: 2;
	border-radius: 50%
}

.discitem3 {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.discitem3 li {
	position: relative;
	background: #fff;
	width: 32%;
	margin: 0 2% 1rem 0;
	padding: 2rem 3rem;
	font-size: .95rem;
	border-radius: 1rem
}

.discitem3 li:nth-child(3n) {
	margin-right: 0
}

.discitem3 li strong {
	color: #ff6501;
	text-align: center;
	display: block;
	font-size: 1.5rem;
	line-height: 1.6rem;
	padding: .5rem 0
}

.discitem3 li img {
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 80px
}

.discitem4 {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.discitem4 li {
	position: relative;
	background: #fff;
	width: 23.5%;
	margin: 0 2% 1rem 0;
	padding: 2rem 3rem;
	font-size: .95rem;
	border-radius: 1rem
}

.discitem4 li:nth-child(4n) {
	margin-right: 0
}

.discitem4 li strong {
	color: #ff6501;
	text-align: center;
	display: block;
	font-size: 1.5rem;
	line-height: 1.6rem;
	padding: .5rem 0
}

.discitem4 li img {
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 80px
}

.discitem5 {
	display: flex;
	flex-wrap: wrap;
	position: relative
}

.discitem5 li {
	width: 16.66%;
	margin: 0 0 1rem;
	padding: 0 1rem;
	text-align: center;
	font-size: .9rem;
	line-height: 1rem
}

.discitem5_icon {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	background: #fff;
	box-shadow: rgba(27,26,26,.1) 0 3.125rem 6.25rem -1.25rem,rgba(27,26,26,.3) 0 1.875rem 3.75rem -1.875rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 1rem auto
}

.discitem5_icon img {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto
}

@media (max-width:991.98px) {
	.discitem5 li {
		width: 23.5%;
		margin-right: 2%
	}

	.discitem5 li:nth-child(4n) {
		margin-right: 0
	}

	.discitem3 li {
		padding: 1.5rem
	}

	.discitem4 li {
		padding: 2rem 1rem
	}
}

@media (max-width:810px) {
	.discitem5 li {
		width: 32%;
		margin-right: 2%;
		font-size: 1rem;
		padding: 0
	}

	.discitem5 li:nth-child(4n) {
		margin-right: 2%
	}

	.discitem5 li:nth-child(3n) {
		margin-right: 0
	}

	.discitem3 li {
		width: 49%;
		margin-bottom: 2rem
	}

	.discitem3 li:nth-child(3n) {
		margin-right: 2%
	}

	.discitem3 li:nth-child(2n) {
		margin-right: 0
	}

	.discitem4 li {
		width: 49%
	}

	.discitem4 li:nth-child(4n) {
		margin-right: 2%
	}

	.discitem4 li:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:575.98px) {
	.discitem5 li {
		width: 49%;
		font-size: .9rem
	}

	.discitem5 li:nth-child(3n) {
		margin-right: 2%
	}

	.discitem5 li:nth-child(2n) {
		margin-right: 0
	}

	.discitem5_icon {
		width: 100px;
		height: 100px
	}

	.discitem3 li {
		width: 100%;
		margin-right: 0
	}

	.discitem3 li:nth-child(3n) {
		margin-right: 0
	}

	.discitem4 li {
		width: 100%
	}

	.discitem4 li:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:430px) {
	.discitem5_icon {
		width: 80px;
		height: 80px
	}
}

.about_box {
	position: relative;
	margin: 4rem auto 2rem
}

.about_title {
	font-size: 2.2rem;
	line-height: 2.6rem;
	text-align: center;
	font-family: Raleway
}

.about_box .small_title {
	text-align: center;
	color: #ff6501;
	font-size: 1.6rem;
	text-transform: uppercase;
	margin: 0 0 2rem
}

.accordion1 .card {
	border: none
}

.accordion1 .card-header {
	padding: 0;
	background: 0;
	border-bottom: none;
	margin: 0 0 1rem
}

.accordion1 .card-header .btn {
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: #ff6501;
	font-family: Raleway;
	font-weight: 600;
	text-decoration: none!important
}

.accordion1 .card-header .btn:before {
	display: none
}

.accordion1 .card-body {
	padding: 0 1rem 1rem
}

.about_list {
	position: relative;
	width: 100%;
	padding: 0 0 0 4rem
}

.about_list:before {
	position: absolute;
	content: '';
	background: #ddd;
	width: 1px;
	height: 100%;
	left: 0;
	top: 0
}

.about_list:after {
	position: absolute;
	content: '';
	background: #009b4d;
	width: 2px;
	height: 60%;
	left: 0;
	top: 0
}

.about_list ul {
	display: flex;
	flex-wrap: wrap;
	position: relative
}

.about_list ul li {
	position: relative;
	width: 100%
}

.about_list ul li a {
	display: block;
	width: 100%;
	position: relative;
	padding: .6rem 0 .6rem 2rem;
	color: #111;
	font-size: 1.1rem;
	line-height: 1.2rem
}

.about_list ul li a:before {
	position: absolute;
	content: '';
	background: url(../images/icon1.png) no-repeat;
	background-size: cover;
	width: 19px;
	height: 21px;
	left: 0;
	top: 7px
}

.about_list ul li a:hover {
	color: #ff6501
}

.about_more {
	display: inline-block;
	position: relative;
	margin: 1rem 0;
	background: #009b4d;
	transform: skewX(23deg)
}

.about_more a {
	width: 100%;
	position: relative;
	display: block;
	padding: .6rem 1.5rem;
	text-align: center;
	color: #fff;
	transform: skewX(-23deg)
}

.about_more:hover {
	background: linear-gradient(to left,#ff6501,#f4c90c);
	color: #fff
}

.about_hub {
	position: relative;
	margin: 2rem 0
}

.about_hub ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 88%;
	justify-content: center;
	margin: 0 auto
}

.about_hub ul li {
	width: 16.66%;
	margin: 0 0 1rem 0;
	border-right: 1px dotted #ccc;
	text-align: center
}

.about_hub ul li:last-child {
	margin-right: 0;
	border-right: none
}

.about_hub ul li a {
	width: 100%;
	display: block;
	color: #111
}

.about_hub ul li a.dq,.about_hub ul li a:hover {
	color: #ff6501
}

.about_hub ul li span {
	margin: 0 .5rem;
	display: inline-block;
	font-weight: 600;
	font-size: .8rem;
	line-height: 1rem
}

.about_hub ul li img {
	transition: .3s all ease-in-out;
	width: 50px;
	height: 50px;
	margin: .5rem auto;
	display: block
}

.about_hub ul li a:hover img {
	transform: translateY(-.3rem);
	-webkit-transform: translateY(-.3rem);
	-moz-transform: translateY(-.3rem);
	-ms-transform: translateY(-.3rem);
	-o-transform: translateY(-.3rem)
}

.about_hub1 {
	position: relative;
	margin: 2rem 0
}

.about_hub1 ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	margin: 0 auto
}

.about_hub1 ul>li {
	width: 20%;
	margin: 0 0 1rem 0;
	border-right: 1px dotted #ccc;
	text-align: center;
	box-shadow: 0 12px 18px 0 rgba(25,42,70,.13);
	overflow: hidden;
	position: relative
}

.about_hub1 ul>li:last-child {
	margin-right: 0;
	border-right: none
}

.about_hub1 ul li ol {
	display: flex;
	flex-wrap: wrap;
	position: relative
}

.about_hub1 ul li ol li.product_img {
	width: 100%;
	position: relative
}

.about_hub1 ul li ol li.product_img a {
	width: 80%;
	display: block;
	margin: 0 auto 1rem;
	border-radius: 50%;
	overflow: hidden
}

.about_hub1 ul li ol li.product_img img {
	transition: .3s all ease-in-out;
	margin: 0 auto;
	display: block
}

.about_hub1 ul li ol li.product_con {
	width: 100%;
	position: relative;
	padding: 0 1rem
}

.about_hub1 ul li ol li.product_con a {
	width: 100%;
	display: block;
	color: #111;
	text-align: center;
	font-family: Raleway;
	font-weight: 600;
	font-size: .9rem;
	line-height: 1.2rem;
	padding: 0 0 2rem
}

.about_hub1 ul li ol li.product_con small {
	display: block;
	font-size: .8rem;
	line-height: 1rem;
	font-weight: 600;
	color: #999;
	margin: 0 0 .5rem;
	border-bottom: 1px solid #ddd;
	padding: 0 0 .2rem
}

.about_hub1 ul li ol li.product_con a.dq,.about_hub1 ul li ol:hover li.product_con a {
	color: #ff6501
}

.about_hub1 ul li span {
	margin: 0 .5rem;
	display: inline-block;
	font-weight: 600;
	font-size: .8rem;
	line-height: 1rem
}

.about_hub1 ul li a:hover img {
	transform: rotate(15deg)
}

.about_hub1 ul li ol.more {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	justify-content: center;
	align-items: center
}

.about_hub1 ul li ol.more a {
	position: relative;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.6rem;
	display: flex;
	z-index: 1;
	font-weight: 600;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}

.about_hub1 ul li ol.more a:before {
	position: absolute;
	content: '';
	background: #ff6501;
	width: 100px;
	height: 100px;
	left: -22px;
	top: -8px;
	transform: rotate(-45deg);
	z-index: -1;
	transition: .3s all ease-in-out
}

.about_hub1 ul li ol.more a:hover:before {
	left: -15px;
	top: -5px;
	background: #009b4d
}

.about_hub1_2 ul>li {
	width: 32%;
	margin: 0 2% 0 0;
	background: #fff;
	box-shadow: 0 12px 18px 0 rgba(25,42,70,.33)
}

.about_hub1_2 ul>li:nth-child(3n) {
	margin-right: 0;
	border-right: none
}

.about_hub1_2 ul li ol li.product_img a {
	background: #ff6501;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	padding: 1rem;
	margin: 1rem auto
}

.about_hub1_2 ul li ol li.product_con a {
	font-size: 1.2rem;
	line-height: 1.4rem;
	padding: 0 0 1rem
}

.about_hub1_2 ul li span {
	margin: 0 .5rem;
	display: inline-block;
	font-weight: 300;
	font-size: .8rem;
	line-height: 1.2rem;
	margin: 0 0 1rem;
	color: #555
}

@media (max-width:991.98px) {
	.about_title {
		font-size: 2rem
	}

	.about_hub ul {
		width: 100%
	}

	.about_hub1 ul {
		justify-content: left
	}

	.about_hub1 ul>li {
		width: 33.333%;
		margin-bottom: 2rem
	}

	.about_hub1 ul li ol li.product_img a {
		max-width: 260px
	}

	.about_hub1 ul li ol li.product_img img {
		width: 100%
	}

	.about_hub1_2 ul>li {
		width: 32%;
		margin-bottom: 2rem
	}
}

@media (max-width:810px) {
	.about_hub ul li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 1rem
	}

	.about_hub ul li:nth-child(3n) {
		margin-right: 0
	}

	.about_hub1 ul>li {
		width: 50%
	}

	.about_hub1_2 ul>li {
		width: 49%
	}

	.about_hub1_2 ul>li:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:575px) {
	.about_hub ul li {
		width: 49%
	}

	.about_hub ul li:nth-child(3n) {
		margin-right: 2%
	}

	.about_hub ul li:nth-child(2n) {
		margin-right: 0
	}

	.about_hub1 ul>li {
		width: 100%
	}

	.about_hub1_2 ul>li {
		margin-right: 0;
		box-shadow: 0 2px 15px 0 rgba(25,42,70,.33);
		padding: 1rem 0
	}
}

.bannerin {
	width: 100%;
	position: relative;
	overflow: hidden
}

.bannerin1 {
	background: url(../images/bannerin01.jpg) no-repeat;
	background-size: cover;
	background-position: 0 50%;
	min-height: 240px
}

.bannerin2 {
	background: url(../images/bannerin02.jpg) no-repeat;
	background-size: cover;
	background-position: 0 70%;
	min-height: 240px
}

.banner_box {
	position: absolute;
	max-width: 1200px;
	margin: 0 auto;
	width: 94%;
	z-index: 4;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.banner_box #quicknav,.banner_box #quicknav a,.banner_box .etw_hometitle,.banner_box h1,.banner_box h2,.banner_box h4 {
	color: #fff;
	background: 0;
	border: none
}

.banner_box #quicknav li+li::before,.banner_box #quicknav li:last-child,.banner_box .quicknav01 a {
	color: #fff!important
}

.banner_box .etw_hometitle,.banner_box h1,.banner_box h2 {
	font-size: 2.6rem;
	padding: 1rem 0;
	font-weight: 700;
	position: relative;
	line-height: 3.8rem;
	border-bottom: none;
	margin: 0;
	color: #fff
}

.banner_box #quicknav {
	padding: 0
}

.banner_box h1.small_h2,.banner_box h2.small_h2 {
	font-size: 2.4rem;
	line-height: 2.6rem
}

.banner_box h5 {
	color: #fff;
	margin: 1rem 0 -.6rem;
	text-align: center;
	font-family: Raleway
}

.banner_box1,.banner_box1 #quicknav,.banner_box1 .etw_hometitle,.banner_box1 .quicknav01,.banner_box1 h1,.banner_box1 h2,.banner_box1 h3,.banner_box1 h4,.banner_box1 p {
	text-align: center
}

.banner_box1 p {
	margin: 0 auto
}

@media (max-width:991.98px) {
	.banner_box {
		position: relative;
		width: 100%;
		transform: inherit
	}

	.banner_box h5 {
		margin: 1rem 0
	}

	.banner_box .etw_hometitle,.banner_box h1,.banner_box h2 {
		font-size: 2.4rem;
		line-height: 2.8rem
	}

	.bannerin1,.bannerin2 {
		min-height: 100px;
		padding: 2rem 15px
	}
}

@media (max-width:810px) {
	.banner_box .etw_hometitle,.banner_box h1,.banner_box h2 {
		font-size: 2rem;
		line-height: 2.4rem
	}
}

@media (max-width:575.98px) {
	.banner_box .etw_hometitle,.banner_box h1,.banner_box h2 {
		font-size: 2rem;
		line-height: 2.4rem
	}
}

.etw_gallery {
	position: relative
}

.etw_gallery ul {
	display: flex;
	flex-wrap: wrap;
	position: relative
}

.etw_gallery ul li {
	width: 25%;
	margin: 0 0 4px 0;
	padding: 0 2px!important;
	position: relative
}

.etw_gallery ul li:before {
	display: none!important
}

.etw_gallerys ul li {
	padding: 0;
	margin: 0
}

.etw_gallery1 ul li {
	width: 100%
}

.etw_gallery2 ul li {
	width: 50%
}

.etw_gallery3 ul li {
	width: 33.33%
}

.etw_gallery5 ul li {
	width: 20%
}

.etw_gallery6 ul li {
	width: 16.66%
}

.etw_gallery ul li a {
	width: 100%;
	display: flex;
	overflow: hidden;
	position: relative;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}

.etw_gallery ul li a:before {
	position: absolute;
	content: '';
	background: rgba(0 0 0 / 80%);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	transition: .3s all ease-in-out
}

.etw_gallery ul li a:after {
	position: absolute;
	content: "\f00e";
	color: #fff;
	font-size: 3rem;
	line-height: 3rem;
	font-family: FontAwesome;
	opacity: 0;
	transition: .6s all ease-in-out
}

.etw_gallery ul li a:hover:before {
	width: 100%;
	height: 100%
}

.etw_gallery ul li a:hover:after {
	opacity: 1
}

.etw_gallery ul li span {
	display: block;
	padding: .5rem;
	text-align: center;
	font-size: .9rem;
	line-height: 1.1rem;
	font-weight: 400
}

.etw_gallery ul li span.bottom_box {
	position: absolute;
	background: rgba(0 0 0 / 70%);
	bottom: 0;
	left: 0;
	padding: 1rem;
	color: #fff;
	width: 100%;
	display: block
}

.etw_gallery_bg ul li span {
	position: absolute;
	left: 0;
	bottom: 1rem;
	background: #eff7fa;
	padding: .5rem 1rem;
	border-radius: 0 2rem 2rem 0;
	font-family: Play
}

.etw_gallery_bg ul li figure {
	margin-bottom: 0
}

.etw_gallery img {
	width: 100%
}

@media (max-width:575.98px) {
	.etw_gallery ul li {
		width: 50%
	}

	.etw_gallery3 ul li {
		width: 50%
	}

	.etw_gallery1 ul li {
		width: 100%
	}
}

.protitle {
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-family: Raleway;
	padding: .5rem 0;
	font-weight: 600
}

.protitle1 {
	font-family: Raleway;
	font-size: 1.8rem;
	line-height: 2rem;
	font-weight: 600;
	padding: .5rem 0 .8rem;
	border-bottom: 1px solid #dfdfdf;
	margin: 0 0 1.5rem;
	position: relative
}

.protitle1:before {
	position: absolute;
	content: '';
	background: #009b4d;
	width: 150px;
	height: 6px;
	left: 0;
	bottom: -1px;
	transform: skewX(30deg)
}

.application_hub {
	position: relative
}

.application_hub ul {
	display: flex;
	flex-wrap: wrap
}

.application_hub ul li {
	width: 100%;
	position: relative;
	margin: 0 0 1rem
}

.application_hub ul li ol {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	align-items: center
}

.application_hub ul li ol li.product_img {
	width: 22%;
	position: relative
}

.application_hub ul li ol li.product_img a {
	display: block;
	width: 100%;
	border-radius: 50%;
	border: 10px solid #ff6501;
	overflow: hidden
}

.application_hub ul li ol li.product_img img {
	transition: .3s all ease-in-out;
	display: block
}

.application_hub ul li ol li.product_con {
	width: 78%;
	position: relative;
	padding: 0 2rem 0 3rem
}

.application_hub ul li ol li.product_con a {
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-family: Raleway;
	display: block;
	padding: 1rem 0;
	color: #111;
	font-weight: 600
}

.application_hub ul li ol li.product_con small {
	display: block;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color: #999;
	font-weight: 600;
	font-style: oblique
}

.application_hub ul li ol li.product_con span {
	display: block;
	width: 100%
}

.application_hub ul li ol li.product_con a.more {
	display: inline-block;
	color: #fff;
	padding: .6rem 1rem;
	text-align: center;
	font-family: Mandali;
	font-size: 1rem;
	line-height: 1rem;
	margin: 1rem 0 0;
	position: relative;
	z-index: 1
}

.application_hub ul li ol li.product_con a.more:before {
	position: absolute;
	content: '';
	background: #ff6501;
	width: 100%;
	height: 100%;
	transform: skewX(23deg);
	left: 0;
	top: 0;
	z-index: -1;
	transition: .3s all ease-in-out
}

.application_hub ul li ol li.product_con a.more:hover:before {
	background: #009b4d
}

@media (max-width:575.98px) {
	.application_hub ul li {
		margin-bottom: 2rem
	}

	.application_hub ul li ol li.product_img {
		width: 100%
	}

	.application_hub ul li ol li.product_img a {
		max-width: 300px;
		margin: 0 auto
	}

	.application_hub ul li ol li.product_img img {
		width: 100%
	}

	.application_hub ul li ol li.product_con {
		width: 100%;
		padding-left: 0
	}
}

.content_bg {
	position: relative;
	background: #f7f7f7;
	width: 100%;
	padding: 2rem 0
}

.content_bg1 {
	position: relative;
	padding: 3rem 0;
	background: url(../images/content_bg1.jpg) no-repeat center;
	background-size: cover
}

.protitle2 {
	color: #fff;
	text-align: center;
	font-family: Raleway;
	padding: 1rem 0;
	font-size: 2.4rem;
	line-height: 2.6rem;
	text-transform: uppercase
}

.about_box3 {
	position: relative
}

.about_box3 ul {
	position: relative;
	display: flex;
	flex-wrap: wrap
}

.about_box3 ul>li {
	width: 32%;
	margin: 0 2% 1rem 0;
	position: relative
}

.about_box3 ul>li:nth-child(3n) {
	margin-right: 0
}

.about_box3 ul li ol {
	position: relative;
	display: flex;
	flex-wrap: wrap
}

.about_box3 ul li ol li.product_img {
	width: 100%;
	position: relative
}

.about_box3 ul li ol li.product_img a {
	width: 100%;
	display: block
}

.about_box3 ul li ol li.product_img img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	display: block;
	transition: .3s all ease-in-out
}

.about_box3 ul li ol:hover li.product_img img {
	transform: scale(.9)
}

.about_box3 ul li ol li.product_con {
	width: 100%;
	position: relative;
	text-align: center
}

.about_box3 ul li ol li.product_con a {
	color: #fff;
	text-align: center;
	position: relative;
	display: block;
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-family: Raleway;
	padding: 1rem 0;
	font-weight: 600
}

.about_box3 ul li ol li.product_con small {
	display: block;
	font-size: 1rem;
	line-height: 1.2rem;
	color: #f4c90c;
	font-weight: 600;
	font-family: Mandali
}

.about_box3 ul li ol li.product_con span {
	display: block;
	font-size: .9rem;
	line-height: 1.4rem;
	color: #fff;
	text-align: center
}

.about_box3 ul li ol li.product_con a.more {
	font-size: 1rem;
	line-height: 1rem;
	padding: 1rem 0 .3rem 0;
	font-weight: 300;
	display: inline-block;
	color: #f4c90c;
	font-style: oblique
}

.about_box3 ul li ol li.product_con a.more:before {
	position: absolute;
	content: '';
	background: #f4c90c;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	transition: .3s all ease-in-out
}

.about_box3 ul li ol li.product_con a:hover {
	color: #f4c90c
}

.about_box3 ul li ol li.product_con a.more:hover:before {
	width: 80%
}

.about_box3_other ul>li {
	width: 18.4%;
	margin: 0 2% 1rem 0;
	position: relative
}

.about_box3_other ul>li:nth-child(3n) {
	margin-right: 2%
}

.about_box3_other ul>li:nth-child(5n) {
	margin-right: 0
}

.about_box3_other ul li ol li.product_img img {
	border-radius: 50%;
	border: 3px solid #eee;
	width: 150px;
	height: 150px
}

.about_box3_other ul li ol li.product_con a {
	font-size: 1.1rem;
	line-height: 1.3rem
}

.hub_products_box1 ul li {
	width: 19.2%;
	margin: 0 1% 0 0
}

.hub_products_box1 ul li:nth-child(3n) {
	margin-right: 1%
}

.hub_products_box1 ul li:nth-child(5n) {
	margin-right: 0
}

.hub_products_box1 ul li .pro_des a {
	font-size: 1rem;
	line-height: 1.2rem
}

@media (max-width:991.98px) {
	.hub_products_box1 ul li {
		width: 23.5%;
		margin-right: 2%
	}

	.hub_products_box1 ul li:nth-child(5n) {
		margin-right: 2%
	}

	.hub_products_box1 ul li:nth-child(4n) {
		margin-right: 0
	}

	.about_box3_other ul li {
		width: 32%;
		margin-right: 2%
	}

	.about_box3_other ul li:nth-child(5n) {
		margin-right: 2%
	}

	.about_box3_other ul li:nth-child(3n) {
		margin-right: 0
	}
}

@media (max-width:810px) {
	.about_box3 ul>li {
		width: 49%;
		margin-bottom: 2rem
	}

	.about_box3 ul>li:nth-child(3n) {
		margin-right: 2%
	}

	.about_box3 ul>li:nth-child(2n) {
		margin-right: 0
	}

	.hub_products_box1 ul li {
		width: 32%
	}

	.hub_products_box1 ul li:nth-child(4n) {
		margin-right: 2%
	}

	.hub_products_box1 ul li:nth-child(3n) {
		margin-right: 0
	}
}

@media (max-width:575.98px) {
	.about_box3 ul>li {
		width: 100%;
		margin-right: 0
	}

	.about_box3 ul>li:nth-child(3n) {
		margin-right: 0
	}

	.hub_products_box1 ul li {
		width: 49%
	}

	.hub_products_box1 ul li:nth-child(3n) {
		margin-right: 2%
	}

	.hub_products_box1 ul li:nth-child(2n) {
		margin-right: 0
	}

	.about_box3_other ul li {
		width: 49%
	}

	.about_box3_other ul li:nth-child(3n) {
		margin-right: 2%
	}

	.about_box3_other ul li:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:430px) {
	.hub_products_box1 ul li {
		width: 100%
	}

	.hub_products_box1 ul li:nth-child(3n) {
		margin-right: 0
	}

	.about_box3_other ul li {
		width: 100%
	}

	.about_box3_other ul li:nth-child(3n) {
		margin-right: 0
	}
}

.big_hub_products1 {
	box-shadow: rgba(27,26,26,.1) 0 3.125rem 6.25rem -1.25rem,rgba(27,26,26,.3) 0 1.875rem 3.75rem -1.875rem
}

.big_hub_products1 .hub_pro_content ul.single_pro li .pro_des a {
	font-size: 1.1rem
}

.etw_products,.etw_products ul {
	width: 100%
}

.etw_products>ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.etw_products>ul>li {
	width: 100%;
	transition: .3s all ease-in-out;
	position: relative;
	display: flex;
	border: 1px solid #eee;
	margin: 0 0 2rem;
	flex-wrap: wrap;
	align-items: center;
	background: #fff;
	padding: 2rem;
	border-radius: 2rem;
	box-shadow: 0 5px 8px -5px rgba(151,163,184,.5),0 15px 16px -15px rgba(151,163,184,.5),0 25px 32px -25px rgba(151,163,184,.5)
}

.etw_products>ul>li:hover {
	box-shadow: 0 12px 18px 0 rgba(25,42,70,.33)
}

.etw_products ul li ol,.etw_products ul li ol li {
	width: 100%
}

.etw_products ul li .pro_name {
	position: relative;
	width: 30%;
	padding: 0 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.etw_products ul li .pro_name a {
	color: #ff6501;
	font-size: 1.4rem;
	line-height: 1.6rem;
	padding: 0 0 .5rem 0;
	font-weight: 600;
	display: block;
	font-family: Raleway;
	border-bottom: 1px solid #ddd;
	margin: 0 0 1rem
}

.etw_products ul li .pro_name a:hover {
	color: #009b4d
}

.etw_products ul li .pro_name h3 {
	font-family: Raleway;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2rem;
	margin: 0 0 2rem 0;
	color: #999
}

.etw_products ul li .pro_name span {
	font-family: Raleway;
	display: block;
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-weight: 300;
	color: #777
}

.etw_products ul li .pro_name span i {
	font-style: normal;
	font-size: 1.8rem;
	color: #999;
	font-weight: 700
}

.etw_products ul li .pro_name span strong {
	display: block;
	width: 100%;
	font-size: 1rem;
	line-height: 1.6rem;
	font-weight: 500;
	color: #111;
	border-bottom: 1px solid #999;
	margin: 0 0 1.5rem
}

.etw_products ul li .pro_name .more {
	color: #fff;
	font-size: .9rem;
	line-height: .9rem;
	font-weight: 500;
	display: inline-block;
	padding: .6rem 2rem;
	position: relative;
	margin: 0;
	background: #009b4d;
	border-radius: 3rem;
	text-align: center
}

.etw_products ul li .pro_name .more:hover {
	color: #ff6501
}

.etw_products ul li .pro_name .more:hover:after {
	right: 8px;
	opacity: .9
}

.etw_products ul li .pro_img {
	width: 30%;
	float: left;
	position: relative
}

.etw_products ul li .pro_img a {
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	position: relative
}

.etw_products ul li ol:hover li.pro_img a:before {
	opacity: .5
}

.etw_products ul li .pro_img img {
	width: 100%;
	position: relative;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s
}

.etw_products ul li .pro_des {
	width: 40%;
	float: right;
	padding: 0 2rem;
	text-align: left
}

.etw_products ul li .pro_des a {
	font-size: 1.4rem;
	font-weight: 200;
	color: #111;
	padding: 1rem 0;
	display: block;
	line-height: 1.6rem
}

.etw_products ul li .pro_des span {
	display: block;
	font-size: .95rem;
	line-height: 1.4rem;
	color: #666;
	margin: 3rem 0 0
}

.etw_products ul li .pro_des .product_sam {
	width: 30%;
	max-width: 180px;
	position: relative
}

.etw_products ul li .pro_des dl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 1rem 0 .5rem
}

.etw_products ul li .pro_des dl dd {
	width: 50%;
	margin: 0 0 .5rem
}

.etw_products ul li .pro_des dl dd a {
	display: block;
	font-size: .9rem;
	line-height: 1.1rem;
	text-align: left;
	padding: .2rem .5rem .2rem .8rem;
	position: relative;
	text-decoration: underline
}

.etw_products ul li .pro_des dl dd a:before {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	left: 1px;
	top: 4px;
	left: 0;
	top: 10px;
	background: #ff6501
}

.etw_products ul li .pro_des a.more {
	padding: .5rem 1.5rem;
	color: #333;
	box-shadow: none;
	border-width: 2px;
	border-style: solid;
	border-color: rgba(25,25,25,.1);
	font-size: .9rem;
	font-weight: 400;
	display: inline-block;
	margin: 1rem 0;
	line-height: .9rem
}

.etw_products ul>li .pro_des a:hover {
	color: #ff6501
}

.etw_products ul>li .pro_des a.more:hover {
	background-image: linear-gradient(135deg,#111,#ff6501);
	color: #fff;
	border-color: #f8f8f8
}

.item li strong {
	font-size: 1.05rem
}

@media (max-width:991.98px) {
	.etw_products>ul>li {
		padding: 2rem 1.5rem
	}
}

@media (max-width:810px) {
	.etw_products ul li .pro_name {
		width: 100%;
		padding: 0;
		padding-bottom: 1rem
	}

	.etw_products ul li .pro_name h3 {
		width: 100%
	}

	.etw_products ul li .pro_des {
		width: 50%;
		padding: 0;
		padding-right: 1rem
	}

	.etw_products ul li .pro_img {
		width: 50%
	}
}

@media (max-width:575.98px) {
	.etw_products ul li .pro_des {
		width: 100%;
		padding-right: 0;
		padding-bottom: 1rem
	}

	.etw_products ul li .pro_img {
		width: 100%
	}
}

.relatedpro2 {
	position: relative
}

.relatedpro2 ul {
	display: flex;
	flex-wrap: wrap;
	position: relative
}

.relatedpro2 ul li {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: #fff
}

.relatedpro2 .pro_img {
	width: 35%;
	position: relative
}

.relatedpro2 .pro_des {
	width: 65%;
	position: relative;
	padding: 0 2rem
}

.relatedpro2 .pro_des a {
	display: block;
	width: 100%;
	font-size: 1rem;
	line-height: 1.4rem;
	color: #009b4d;
	font-family: Raleway;
	font-weight: 600;
	padding: .5rem 0
}

.relatedpro2 .pro_des h3 {
	color: #999;
	font-size: .95rem;
	line-height: 1.2rem;
	display: block
}

@media (max-width:575.98px) {
	.relatedpro2 .pro_img {
		width: 100%;
		text-align: center
	}

	.relatedpro2 .pro_des {
		width: 100%;
		padding: 2rem
	}
}

.accordion {
	position: relative
}

.card {
	background: 0;
	border: none
}

.card-header {
	transition: .3s all ease-in-out;
	border-bottom: 1px solid #eee;
	border-radius: 0!important;
	background: #fff;
	padding: 1rem 1rem 1rem 0
}

.card-header:hover {
	background: rgba(0,0,0,.01)
}

.card-header .btn {
	font-size: 1.2rem;
	color: #666;
	line-height: 1.2rem;
	white-space: normal;
	font-weight: 600;
	font-family: Raleway
}

.card-header .btn a {
	color: #333
}

.card-header .btn:hover a {
	color: #009b4d
}

.card-header .btn {
	position: relative
}

.card-header .btn:before {
	content: '';
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/icon4.png) no-repeat;
	background-size: cover;
	width: 25px;
	height: 25px;
	transition: .3s all ease-in-out;
	opacity: .7
}

.card-header .btn:after {
	content: '';
	position: absolute;
	left: -10px;
	top: -6px;
	background: url(../images/faq_icon.png) no-repeat;
	background-size: auto;
	background-size: cover;
	width: 30px;
	height: 30px;
	transition: .3s all ease-in-out;
	opacity: .8;
	display: none
}

.card-body {
	position: relative;
	margin: 0 0 1rem 0;
	padding: 1rem 2rem 1rem 1rem;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #555
}

.card-body1 {
	padding: 2rem 3rem
}

.card-header .btn span {
	float: right;
	font-size: 3rem;
	color: #777;
	font-weight: 100;
	transition: .3s all ease-in-out
}

.card-header .btn:hover span {
	transform: rotate(135deg);
	color: #009b4d
}

.btn-link.focus,.btn-link:focus,.btn:hover,.btn[aria-expanded=true] {
	text-decoration: none;
	color: #009b4d
}

.btn:hover:before,.btn[aria-expanded=true]:before {
	transform: translateY(-50%) rotate(225deg)
}

.btn[aria-expanded=true] span {
	transform: rotate(135deg);
	color: #009b4d
}

.etw_shadowpic ul li {
	position: relative
}

.etw_shadowpic ul li figure {
	overflow: inherit
}

.etw_shadowpic ul li a {
	overflow: hidden;
	width: 100%;
	border: 4px solid #fff;
	box-shadow: 0 5px 8px -5px rgba(151,163,184,.5),0 15px 16px -15px rgba(151,163,184,.5),0 25px 32px -25px rgba(151,163,184,.5)
}

.etw_shadowpic ul li a img {
	border: none;
	mix-blend-mode: normal;
	transform: none
}

.etw_shadowpic ul li a:hover img {
	transform: none
}

.timeline {
	list-style: none;
	position: relative;
	margin: 0 auto;
	overflow: hidden
}

.timeline:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px;
	background-color: rgba(0,0,0,.2);
	height: 100%;
	width: 2px;
	border-radius: 2px;
	display: block
}

.timeline .timeline-row {
	padding-left: 50%;
	position: relative;
	z-index: 2
}

.timeline .timeline-row .timeline-time {
	position: absolute;
	right: 50%;
	top: 0;
	text-align: right;
	font-size: 2.4rem;
	line-height: 1.3;
	color: #ff6501;
	padding-right: 8rem;
	font-weight: 600;
	font-family: Raleway
}

.timeline .timeline-row .timeline-time::before {
	position: absolute;
	content: "";
	right: 0;
	top: 34px;
	background-color: #ccc;
	width: 120px;
	height: 2px
}

.timeline .timeline-row .timeline-time small {
	display: block;
	color: #fff;
	text-transform: uppercase;
	opacity: .75;
	font-size: 11px;
	font-weight: 400
}

.timeline .timeline-row .timeline-icon {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #009b4d;
	text-align: center;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	overflow: hidden;
	padding: 3px;
	color: #fff;
	font-size: 14px;
	z-index: 100
}

.timeline .timeline-row .timeline-icon>div {
	border-radius: 50%;
	line-height: 34px;
	font-size: 16px
}

.timeline .timeline-row .timeline-content {
	margin-left: 40px;
	position: relative;
	color: #333
}

.timeline .timeline-row .timeline-content:after {
	content: "";
	position: absolute;
	top: 34px;
	left: -41px;
	height: 2px;
	width: 40px;
	background-color: rgba(0,0,0,.2);
	z-index: -1
}

.timeline .timeline-row .timeline-content .panel-body {
	padding: 23px 15px 2px 0;
	position: relative;
	z-index: 10
}

.timeline .timeline-row:nth-child(2n) .timeline-content .panel-body {
	padding: 23px 0 2px 15px
}

.timeline .timeline-row .timeline-content h2 {
	font-size: 22px;
	margin-bottom: 12px;
	margin-top: 0;
	line-height: 1.2
}

.timeline .timeline-row .timeline-content p {
	margin-bottom: 15px
}

.timeline .timeline-row .timeline-content img {
	margin-bottom: 15px
}

.timeline .timeline-row {
	margin-bottom: 4rem
}

.timeline .timeline-row:nth-child(odd) .timeline-time {
	color: #ff6501
}

.timeline .timeline-row:nth-child(odd) .timeline-time::before {
	position: absolute;
	content: "";
	right: inherit;
	left: 0;
	top: 34px;
	background-color: #ccc;
	width: 120px;
	height: 2px
}

.timeline .timeline-row:nth-child(odd) {
	padding-left: 0;
	padding-right: 50%
}

.timeline .timeline-row:nth-child(odd) .timeline-time {
	right: auto;
	left: 50%;
	text-align: left;
	margin-right: 0;
	margin-left: 0;
	padding-left: 8rem
}

.timeline .timeline-row:nth-child(odd) .timeline-content {
	margin-right: 40px;
	margin-left: 0
}

.timeline .timeline-row:nth-child(odd) .timeline-content:after {
	left: auto;
	right: -41px
}

.timeline.animated .timeline-row .timeline-content {
	opacity: 0;
	left: 20px;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s
}

.timeline.animated .timeline-row:nth-child(odd) .timeline-content {
	left: -20px
}

.timeline.animated .timeline-row.active .timeline-content {
	opacity: 1;
	left: 0
}

.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
	left: 0
}

@media (max-width:767.98px) {
	.timeline .timeline-row,.timeline .timeline-row:nth-child(2n+1) {
		padding: 0;
		padding-left: 10px
	}

	.timeline:after {
		left: 10px
	}

	.timeline .timeline-row .timeline-icon {
		left: 10px
	}

	.timeline.animated .timeline-row .timeline-content,.timeline.animated .timeline-row.active:nth-child(2n+1) .timeline-content {
		left: 0;
		margin-left: 20px;
		margin-right: 0
	}

	.timeline .timeline-row .timeline-time {
		right: inherit;
		left: 10px;
		padding-left: 9rem;
		text-align: left;
		font-size: 2rem;
		padding-right: 0
	}

	.timeline .timeline-row .timeline-time::before {
		right: inherit;
		left: 0
	}

	.timeline .timeline-row:nth-child(2n+1) .timeline-time {
		left: 10px;
		padding-left: 9rem
	}

	.timeline .timeline-row .timeline-time {
		position: inherit
	}

	.timeline .timeline-row .timeline-content::after {
		display: none
	}
}

#container {
	width: 100%;
	margin: 0 auto;
	margin-top: 105px
}

.home_box {
	margin-top: 0!important
}

.content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}

#quicknav {
	color: #fff;
	font-size: .85rem;
	overflow: hidden;
	position: relative;
	background-color: #ff6501;
	display: inline-block;
	padding: .5rem 2rem;
	padding-bottom: 2.3rem;
	text-transform: uppercase;
	font-weight: 600;
	transform: skew(-23deg)
}

#quicknav ul {
	transform: skew(23deg)
}

#quicknav a {
	color: #fff
}

#quicknav li {
	display: inline-block;
	padding: .2rem .4rem .2rem 0
}

#quicknav li+li::before {
	padding: 0 5px;
	color: #fff;
	content: "/\00a0"
}

#quicknav a:hover {
	color: #00529b
}

#quicknav li:last-child {
	color: #fff
}

.quicknav01 {
	background: 0 0!important;
	color: #333!important;
	padding: .5rem 0!important;
	transform: none!important
}

.quicknav01 ul {
	transform: none!important
}

.quicknav01 a,.quicknav01 li:last-child {
	color: #333!important;
	font-weight: 400!important
}

.quicknav01 li+li::before {
	color: #333!important
}

.item {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.item li {
	width: 100%;
	margin-bottom: .8rem;
	position: relative;
	padding-left: 2rem;
	line-height: 1.35
}

.item li::before {
	position: absolute;
	content: "";
	left: 6px;
	top: 8px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #009a44;
	z-index: 1
}

.item li::after {
	position: absolute;
	content: "";
	left: 2px;
	top: 4px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #009a44
}

.item li p {
	font-size: 1rem
}

.item h3 {
	font-family: Roboto-Bold
}

.item2 {
	display: flex;
	flex-wrap: wrap
}

.item2 li {
	width: 48%;
	margin-right: 2%
}

.item2 li:nth-child(2n) {
	margin-right: 0
}

.proitem {
	padding: 8px 0;
	float: none;
	width: auto;
	overflow: hidden
}

.proitem>li {
	width: 100%;
	padding: 0 0 .7rem 1.5rem;
	position: relative
}

.proitem>li::before {
	position: absolute;
	content: "\f046";
	left: 1px;
	top: 0;
	font-family: fontawesome;
	color: #ff6501;
	font-size: .9rem
}

.sfont {
	font-size: 1.2rem
}

.pro_bg {
	background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(70%,#eee));
	background-image: linear-gradient(to right,#fff 0 30%,#eee 70% 100%);
	padding: 2rem;
	padding-left: 0;
	margin-bottom: 2rem
}

.left_pro_img {
	position: relative
}

.left_pro_img a {
	position: relative;
	display: block
}

.left_pics {
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
	margin-bottom: 1rem;
	order: 1;
	width: 100%
}

.left_pics img {
	text-align: center;
	mix-blend-mode: multiply
}

.left_pics a {
	display: block;
	overflow: hidden
}

.related_pic {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 10px
}

.related_pic a {
	width: 18%;
	margin-right: 1%
}

.related_pic a:nth-child(5n) {
	margin-right: 0
}

.related_pic img {
	width: 100%;
	height: auto;
	float: left;
	border: 1px #eee solid;
	margin-bottom: 5px
}

.related_pic a.imgdq img,.related_pic img:hover {
	border: 1px #05bb57 solid
}

.related_pic span {
	font-size: .7rem;
	line-height: .9rem;
	display: block;
	text-align: center;
	color: #666
}

.left_pro_img .video_button {
	width: 60px;
	height: 60px;
	left: 50%
}

.bg_color {
	background-color: #f9f9f9;
	padding: 1rem
}

#footer {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-size: .95rem;
	overflow: hidden;
	position: relative;
	background-color: #f5f5f5
}

.etw_bottom {
	padding: 4rem 0;
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: left;
	color: #333;
	max-width: 1200px;
	border-top: 1px solid #333
}

.home_link {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: .5rem 0;
	border-top: 1px solid rgba(255,255,255,.1);
	background-color: rgb(57,57,57,.75)
}

#footer a:hover {
	color: #ff6501
}

.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a {
	position: relative;
	font-size: 1.2rem;
	line-height: 1.35;
	margin-bottom: .8rem;
	color: #333;
	text-transform: uppercase;
	font-family: Raleway;
	font-weight: 700
}

.etw_bottom .etw_foot_title {
	position: relative;
	padding-bottom: 1rem
}

.etw_bottom .etw_foot_title a:hover {
	color: #333!important;
	text-decoration: none
}

.etw_bottom .etw_foot_title::before {
	position: absolute;
	content: "";
	width: 60px;
	height: 3px;
	background-color: #ff6501;
	left: 0;
	bottom: 0
}

.etw_bottom h4 {
	color: #333
}

.pblist {
	overflow: hidden;
	margin: .5rem auto
}

.pblist_box {
	width: 100%
}

.pblist_box strong {
	color: #333;
	font-weight: 600;
	margin: 0;
	padding: 0
}

.etw_bottom a {
	color: #333
}

.etw_bottom a:hover {
	color: #ff6501
}

.etw_bottom ul {
	width: 100%;
	margin-right: 2%;
	float: left;
	display: flex;
	flex-flow: wrap
}

.etw_bottom ul li {
	width: 100%;
	float: left;
	position: relative
}

.etw_bottom ul>li>a {
	display: block;
	line-height: 1.25rem;
	color: #333;
	position: relative;
	position: relative;
	padding: .3rem 0;
	font-size: .9rem;
	padding-left: .8rem
}

.etw_bottom ul>li>a::before {
	position: absolute;
	content: "\f105";
	left: 0;
	top: .3rem;
	font-family: fontawesome
}

.cot_add,.cot_email,.cot_fax,.cot_mobile,.cot_people,.cot_skype,.cot_tel {
	position: relative;
	padding-left: 25px;
	display: block;
	margin-bottom: .5rem;
	padding-top: .2rem
}

.cot_add:before {
	content: "\f041";
	position: absolute;
	left: 0;
	top: 4px;
	color: #333;
	font-family: fontawesome;
	font-size: 20px
}

.cot_tel:before {
	content: "\f095";
	position: absolute;
	left: 0;
	top: 3px;
	color: #333;
	font-family: fontawesome;
	font-size: 18px
}

.cot_email:before {
	content: "\f0e0";
	position: absolute;
	left: 0;
	top: 2px;
	color: #333;
	font-family: fontawesome;
	font-size: 16px
}

.cot_people:before {
	content: "\f007";
	position: absolute;
	left: 0;
	top: 2px;
	color: #333;
	font-family: fontawesome;
	font-size: 16px
}

.cot_mobile:before {
	content: "\f10b";
	position: absolute;
	left: 2px;
	top: -3px;
	color: #333;
	font-family: fontawesome;
	font-size: 26px
}

.cot_fax:before {
	content: "\f1ac";
	position: absolute;
	left: 0;
	top: 2px;
	color: #333;
	font-family: fontawesome;
	font-size: 16px
}

.cot_skype:before {
	content: "\f17e";
	position: absolute;
	left: 0;
	top: 2px;
	color: #333;
	font-family: fontawesome;
	font-size: 18px
}

#etw_coper {
	margin-top: 2px;
	width: 100%;
	line-height: 22px
}

#etw_coper a {
	color: #fff;
	font-size: 12px
}

#otherlink {
	clear: both;
	width: 100%;
	height: auto;
	font-size: 12px;
	margin-top: 1rem
}

#otherlink a {
	color: #fff;
	display: inline-block;
	padding: 0 4px;
	margin-right: 5px;
	line-height: 22px;
	margin-bottom: 5px;
	border: 1px solid #fff;
	font-size: 12px
}

#otherlink a span {
	opacity: .5;
	position: relative;
	top: 0
}

#etw_coper a:hover,#etw_homefooters a:hover,#otherlink a:hover,.etw_homefoot a:hover {
	color: #ff6501
}

#otherlink a:hover span {
	opacity: 1;
	top: -2px;
	transition: all .3s ease-in-out
}

#tags {
	width: 100%;
	display: flex;
	margin-top: 1rem;
	margin-bottom: 2rem
}

.tags_title {
	float: left;
	margin-right: 15px;
	color: #fff;
	font-size: 1.25rem;
	text-align: center;
	padding: 0 10px;
	background: #444349;
	border-radius: 4px
}

#tags ul {
	width: 100%;
	display: flex
}

#tags li {
	padding: 7px 10px;
	border-radius: 4px;
	margin: 0 5px 3px 0;
	color: #777;
	display: inline-block;
	line-height: 16px;
	font-size: 12px;
	background: #eee
}

#sitemap {
	width: 100%;
	margin: 20px auto;
	font-size: 13px
}

#sitemap .name {
	width: 100%;
	font-size: 15px;
	margin: 10px 0;
	clear: both
}

#sitemap a {
	color: #0f599b;
	width: 100%;
	display: block;
	background: #eee;
	font-weight: 600;
	line-height: 24px
}

#sitemap a.sname {
	margin: 5px 0;
	font-weight: 400;
	width: 100%;
	color: #333;
	text-decoration: underline!important;
	background: 0 0;
	font-size: 14px
}

#sitemap a:hover {
	text-decoration: underline!important
}

#sitemap a.sname:hover {
	color: #0f599b;
	text-decoration: none!important
}

#sitemap p {
	margin: 0 0 10px;
	line-height: 22px
}

#sitemap .list_m {
	width: 100%;
	height: auto;
	margin: 10px 0;
	overflow: hidden
}

#sitemap .list_m a {
	width: 50%;
	display: block;
	float: left;
	color: #888;
	text-decoration: none;
	font-size: 13px;
	line-height: 18px;
	padding-right: 3%;
	background: 0;
	font-weight: 400;
	margin-bottom: 10px
}

#sitemap .list_m a:nth-child(2n+1) {
	clear: both
}

#sitemap .list_m a:hover {
	color: #0f599b
}

@media (max-width:1440.98px) {
	.banner_txt {
		top: 10%
	}

	.banner_inner2 h3,.banner_txt1 h1 {
		font-size: 2.3rem
	}

	.banner_inner1 {
		padding: 1rem
	}

	.banner_inner2 {
		padding-left: 1rem
	}
}

@media (max-width:1300.98px) {
	#etw_content,.content,.etw_bottom {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width:1299.98px) {
	.top-nav {
		padding-left: 0
	}

	.banner_txt p {
		display: none
	}

	.banner_txt {
		top: 20%
	}

	.banner_inner1 h1,.banner_inner2 h3 {
		text-transform: none
	}
}

@media (max-width:1199.98px) {
	#etw_logo strong {
		display: none
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: .6rem .5rem;
		border-right: none;
		font-size: 1rem; 
		color: #333;
		text-transform: none
	}
	.main_products_box ul li .pro_des strong {
		font-size: 1.3rem
	}
}

@media (max-width:1025.98px) {
	.banner_inner1 {
		left: 0;
		margin: 0 auto;
		right: 0;
		max-width: 400px;
		text-align: center
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: .6rem .5rem;
		border-right: none;
		font-size:.9rem; 
		color: #333;
		text-transform: none
	}
	
}

@media (max-width:991.98px) {
	#header {
		position: inherit;
		min-height: inherit;
		display: block;
		padding-bottom: 0;
		background-color: #fff
	}

	#container,#etw_content,.home_box {
		margin: 0 auto
	}

	#header::before {
		height: 2px
	}

	#etw_sidebar,#header::before,#quicknav,#quicknav ul,.carousel-control-next,.carousel-control-prev,.left_share,.tags_box {
		display: none
	}

	.top-nav .navbar {
		float: left;
		width: 100%
	}

	.nav-item span.pro_icon {
		display: block
	}

	.navbar-light .navbar-toggler {
		color: #333;
		font-size: 2.5rem;
		border: none!important;
		padding: .5rem .75rem;
		position: relative;
		z-index: 1
	}

	.top-nav {
		width: 100%;
		padding-left: 0;
		margin-top: 0;
		background-color: #eee;
		padding: 0
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: .6rem .5rem;
		border-right: none;
		font-size: 1.2rem;
		border-bottom: 1px solid #666;
		color: #333;
		text-transform: none
	}

	.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before,.navbar-light .navbar-nav .show .nav-link:before {
		display: none
	}

	.navbar-expand-lg .navbar-nav .dropdown-menu>li>a {
		font-size: 1rem
	}

	.navbar {
		padding: 0
	}

	.dropdown-item {
		white-space: normal;
		padding-top: .5rem;
		font-size: 14px
	}

	.dropdown-toggle::after {
		display: none
	}

	.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
		border-radius: 0;
		color: #fff!important;
		background-color: #ff6501
	}

	.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
		border-radius: 0;
		color: #fff;
		background-color: #ff6501
	}

	.top-nav {
		width: 100%;
		float: left;
		background: #fff;
		margin: 0;
		display: block;
		padding: 0!important
	}

	.top-nav ul>li>ul.dropdown-menu>li>.second_list,.top-nav:after,.top-nav:before {
		display: none
	}

	.navbar-nav .dropdown-menu {
		background: #fff;
		box-shadow: none;
		padding: .3rem 0;
		position: relative!important;
		left: 0!important;
		top: 0!important;
		margin-left: 0!important;
		min-width: auto!important
	}

	.nav-fixed .top-nav .navbar-nav .row,.top-nav .navbar-nav .row {
		width: 100%!important;
		box-shadow: none!important;
		top: auto!important;
		margin: 0!important;
		left: auto!important
	}

	.top-nav .navbar-nav .navright {
		display: none
	}

	.top-nav .navleft {
		width: 100%;
		float: none;
		padding: .5rem 1rem
	}

	.top-nav .navbar-nav .row .navleft li {
		line-height: 1.5rem
	}

	.top-nav .navbar-nav .row .navleft li a {
		color: #111;
		display: block;
		width: 100%;
		font-size: 1rem;
		line-height: 1.5rem;
		padding: .4rem 0 .4rem .5rem
	}

	.top-nav .navbar-nav .row .navleft li a.lidq,.top-nav .navbar-nav .row .navleft li a:hover {
		color: #004680
	}

	.etw_language {
		background: 0 0;
		width: auto;
		position: relative;
		z-index: 11
	}

	.etw_language {
		display: block;
		float: right;
		height: auto
	}

	.etw_language>ul {
		position: relative;
		float: right;
		font-size: 1rem;
		border-radius: 8px
	}

	.etw_language>ul>li span {
		cursor: pointer;
		float: left;
		padding: .8rem 1rem
	}

	.etw_language ul ul {
		display: none;
		position: absolute;
		top: 100%;
		left: -1rem;
		padding: 0;
		background-color: #eee;
		min-width: 100px;
		border-radius: 10px
	}

	.etw_language ul ul a {
		display: block;
		text-align: left;
		float: left;
		padding: .3rem 1rem;
		color: #333
	}

	#etw_language .dropdown-item {
		color: #333;
		padding: .2rem 0 0 1.5rem
	}

	#etw_language .dropdown-item:hover {
		color: #8f99a5
	}

	.etw_language ul li:hover>ul {
		display: block
	}

	.etw_language .dropdown-item {
		min-width: 100px
	}

	.etw_language #etw_language {
		float: none;
		margin-top: 0;
		height: auto
	}

	.etw_language #etw_language a {
		line-height: 1.5rem;
		width: 100%
	}

	.etw_language #etw_language a:hover {
		color: #ff6501!important
	}

	#etw_language .dropdown-item::before {
		display: none
	}

	#etw_language .dropdown-item img {
		display: none
	}

	#etw_logo img {
		width: 100px
	}

	.swiper-button-next,.swiper-button-prev,.swiper-pagination-bullets {
		display: none!important
	}

	.banner_inner2 {
		padding: 0 1rem
	}

	.banner_inner1 h1::before {
		display: none
	}

	.pro_content {
		width: 100%
	}

	#etw_logo {
		padding-top: .5rem
	}

	.webtitle {
		font-size: 2rem
	}

	.home_about_box ul li {
		width: 49%;
		margin-right: 2%;
		background-color: #fff;
		padding: 2rem;
		margin-bottom: 1rem;
		border-radius: 10px
	}

	.home_about_box ul li:nth-child(2n) {
		margin-right: 0
	}

	.main_products_box ul li {
		width: 32%
	}

	.main_products_box ul li:nth-child(4n) {
		margin-right: 2%
	}

	.main_products_box ul li:nth-child(3n) {
		margin-right: 0
	}

	.main_products_box ul li:nth-child(7),.main_products_box ul li:nth-child(8) {
		display: none
	}

	.contact_content {
		padding: 2rem 0
	}
}

@media (max-width:768.98px) {
	

	.home_case_box {
		margin-top: 0
	}

	#footer .etw_bottom {
		padding: 2rem 0
	}
}

@media (max-width:650.98px) {
	html {
		font-size: 14px
	}

	.banner_inner1 h1,.banner_inner2 h3,.banner_inner2 h3 span {
		font-size: 1.8rem
	}

	.banner_inner2 h3 span {
		font-size: 1.6rem
	}

	#etw_banner img {
		object-fit: cover;
		height: 180px
	}

	.home_about_box .play_btn {
		top: inherit;
		position: relative;
		width: 80px;
		height: 80px;
		line-height: 80px
	}

	.home_about_box .play_btn {
		border: 2px solid #009a44
	}
}

@media (max-width:575.98px) {
	.etw_hometitle,h2 {
		font-size: 1.6rem
	}

	#etw_banner img {
		height: 180px
	}

	.home_about_box ul li {
		width: 100%;
		margin-right: 0!important
	}

	.main_products_box ul li {
		width: 49%
	}

	.main_products_box ul li:nth-child(3n) {
		margin-right: 2%
	}

	.main_products_box ul li:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:480.98px) {
	#etw_video_list ul li,.related_pro ul li {
		width: 100%;
		margin-right: 0!important
	}

	#etw_banner img {
		height: 160px
	}

	.main_products_box ul li {
		width: 100%;
		margin-right: 0!important
	}

	.main_products_box ul li img {
		width: 220px
	}
}

.about_hub2 ul li {
	width: calc(100% / 7);
	margin: 0 0 1rem 0!important
}

.certificates .first {
	width: 100%
}

.certificates ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem
}

.certificates ul li {
	width: 20%;
	display: flex
}

.certificates ul li a {
	display: block;
	overflow: hidden;
	background-color: #fff;
	padding: .5rem
}

.certificates ul li a img {
	border: 1px solid #ccc
}

.certificates ul li a span {
	display: block;
	overflow: hidden;
	text-align: center;
	padding: .5rem 0;
	font-size: 1rem;
	line-height: 1.2rem;
	color: #333
}

@media (max-width:810px) {
	.about_hub2 ul li {
		width: calc(100% / 4)
	}
}
/*news*/
.related_news{ margin-top:30px; border-top:1px #ccc dashed; padding-top:20px; background:#fafafa;box-shadow: 1px 1px 4px 0 rgba(0,0,0,.2);}
.related_news .item{ background:#eee;}
.related_news .item .product_img{height: 150px;overflow: hidden;}
.related_news .item .product_con a{ font-size:12px; line-height:16px; display:block; padding:5px 10px;}
.related_news .item:hover .product_con a{ color:#da251d;}

#app_class_menu,#app_new_pro{ display:none;}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width: 100%; margin-bottom: 30px; padding: 15px;   border: 1px #ccc solid; overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:13px;line-height:20px;margin:0 0 5px; padding-bottom:8px;}
.newstime{ color: #333; padding:0 5px;  margin-bottom: 10px; display: inline-block;}
.news_list ul>li>ol>li.product_con a:hover{color:#0e3d8f}
.etw_page{margin:0 auto;width:100%;overflow:hidden; }
.etw_page ul{ float:right;}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#291d5a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}

.news_detail img{margin:0 auto;display:block}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin:40px 0}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:45%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:12px;line-height:16px;display:block; position:relative; background:#f1f1f1;padding:5px 20px;}
.new_next a:before{content:"\f105"; font-family:fontawesome; font-size:20px; position:absolute; left:5px; top:20%; color:#0e3d8f;}
.new_prev a{ padding-left:20px;}
.new_prev a:before{content:"\f104"; font-family:fontawesome; font-size:20px; position:absolute; left:8px; top:20%; color:#0e3d8f;}
.new_next a:hover,.new_prev a:hover{color:#0e3d8f}
.news_related_li{width:24%;padding-right:1%;float:left}

/* 2024-9-27 */
.pdf{width:100%;margin:.8rem 0}
.pdf a{position:relative;display:inline-block;color:#ff6501;font-weight:400;font-size:1rem;border:1px solid #ff6501;border-radius:2rem;padding:.3rem 1rem .3rem 1rem;box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%); cursor:pointer;}
.pdf a:before{color:#ff6501;transition:.3s all ease-in-out;content:"\f1c1";font-size:1rem;font-family:fontawesome;margin:0 .5rem 0 0}
.powerpoint a:before{content: "\f1c4";}
.pdf a:hover{background: #eee;}
.table td strong{font-size: 16px;}
 #my_video{ max-height:420px;}