@charset "utf-8";
@font-face {
font-weight:400;
font-style:normal;
font-family:fontawesome;
src:url(//:) format("no404"), url(../font-awesome/fontawesome-webfont.woff) format("woff"), url(../font-awesome/fontawesome-webfont.ttf) format("truetype")
}
@font-face {
font-weight:100;
font-style:normal;
font-family:Montserrat;
src:local('Montserrat-ExtraLight'), local('Montserrat-ExtraLight'), url(../font/Montserrat-ExtraLight.woff2) format('woff2');
font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-weight:200;
font-style:normal;
font-family:Montserrat;
src:local('Montserrat-Light'), local('Montserrat-Light'), url(../font/Montserrat-Light.woff2) format('woff2');
font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-weight:300;
font-style:normal;
font-family:Montserrat;
src:local('Montserrat-Regular'), local('Montserrat-Regular'), url(../font/Montserrat-Regular.woff2) format('woff2');
font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-weight:400;
font-style:normal;
font-family:Montserrat;
src:local('Montserrat-Medium'), local('Montserrat-Medium'), url(../font/Montserrat-Medium.woff2) format('woff2');
font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-weight:500;
font-style:normal;
font-family:Montserrat;
src:local('Montserrat-SemiBold'), local('Montserrat-SemiBold'), url(../font/Montserrat-SemiBold.woff2) format('woff2');
font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-weight:600;
font-style:normal;
font-family:Montserrat;
src:local('Montserrat-Bold'), local('Montserrat-Bold'), url(../font/Montserrat-Bold.woff2) format('woff2');
font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-weight:700;
font-style:normal;
font-family:Montserrat;
src:local('Montserrat-ExtraBold'), local('Montserrat-ExtraBold'), url(../font/Montserrat-ExtraBold.woff2) format('woff2');
font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-weight:300;
font-style:normal;
font-family:Swis721Lt;
src:local('Swis721Lt-Regular'), local('Swis721Lt-Regular'), url(../font/Swis721Lt-Regular.woff2) format('woff2');
font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-weight:300;
font-style:oblique;
font-family:Swis721Lt;
src:local('Swis721Lt-RegularItalic'), local('Swis721Lt-ReRegularItalicgular'), url(../font/Swis721Lt-RegularItalic.woff2) format('woff2');
font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-weight:300;
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
src:local('AppleTea'), local('AppleTea'), url(../font/AppleTea.woff2) format('woff2');
font-display:swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family:iconfont;
src:url(../font/iconfont.ttf?t=1622274305876) format('truetype')
}
body {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.125rem;
	background:#fff;
	font-weight:300;
	line-height:1.5rem
}
*, li, ol, ul {
	margin:0;
	padding:0
}
li, ol, ul {
	list-style:none
}
img {
	max-width:100%
}
img {
	-ms-interpolation-mode:bicubic;
	border:0
}
.clear {
	clear:both;
	margin:0;
	padding:0;
	height:0;
	font-size:0;
	line-height:0;
	width:0
}
a {
	color:#333;
transition:.3s all ease-in-out;
blr:expression(this.onFocus=this.blur())
}
a:hover {
	color:#004098
}
a:focus {
	outline:0;
	text-decoration:none
}
a, a:hover {
	text-decoration:none
}
a.link {
	color:#124ca0;
	text-decoration:underline;
	font-weight:400;
	font-style:oblique
}
a.link:hover {
	color:#289fe1;
	text-decoration:underline
}
b {
	color:#454545;
	font-size:1rem;
	line-height:1.3rem;
	margin:15px 0 6px 0;
	display:block;
	font-weight:500
}
strong {
	color:#111;
	font-size:1.2rem;
	font-weight:600
}
.etw_hometitle {
	font-size:2.6rem;
	line-height:2.8rem;
	padding:0;
	color:#004098;
	margin:1.5rem 0;
	font-weight:600
}
.etw_hometitle small {
	display:block;
	color:#555;
	font-size:70%;
	line-height:2rem;
	font-weight:500
}
h2 {
	font-size:2.6rem;
	line-height:2.8rem;
	padding:0;
	color:#004098;
	margin:1.5rem 0;
	font-weight:600
}
h2 span {
	color:#272727;
	font-weight:200
}
.small_h2 {
	font-size:2rem;
	line-height:2.2rem;
	padding:0;
	margin:0 0 1.5rem;
	position:relative
}
h3 {
	font-size:1.2rem;
	line-height:1.5rem;
	font-weight:600;
	color:#999;
	margin:-1rem 0 1.5rem
}
h4 {
	display:block;
	color:#777;
	font-size:1.1rem;
	padding:1rem 0;
	line-height:1.3rem;
	margin:0;
	font-weight:300
}
.row_h2 {
	font-size:2.4rem;
	line-height:2.8rem;
	padding:0;
	margin:0 0 1.5rem;
	position:relative
}
.row_h2:before {
	position:absolute;
	content:'';
	background:#118739;
	width:100px;
	height:3px;
	left:0;
	bottom:-10px
}
.etw_protitle {
	display:block;
	font-size:2.8rem;
	line-height:3.2rem;
padding:0 0 .5rem 0;
	color:#111;
	margin:0 0 1rem 0;
	font-weight:600;
	border-bottom:1px dotted #999
}
.etw_protitle span {
	color:#004098;
	font-weight:700;
	display:block;
	font-size:2.4rem;
	line-height:2.6rem
}
.etw_protitle1 {
	font-size:2.4rem;
	line-height:2.8rem
}
small {
	display:block
}
.proname {
	display:block;
	font-size:1.8rem;
	line-height:2.2rem;
	padding:0 0 1.5rem 0;
	color:#111;
	margin:0;
	font-weight:300
}
hr {
	border:none;
	background:linear-gradient(90deg, transparent, #ccc, transparent);
	margin:1.5rem 0 3rem;
	width:100%;
	height:1px
}
.hr1 {
	border-bottom:none;
	margin:2rem 0;
	background:repeating-linear-gradient(-45deg, #ccc, #999 1px, #fff 0, #fff 5px);
	width:100%;
	height:11px
}
.etw_certitle {
	text-align:center;
	font-size:28px
}
inquiry, u.inquiry {
	text-decoration:none;
	color:#c32e24;
	display:inline;
	margin:2px 0;
	font-weight:100;
	float:left
}
u.inquiry:after {
	content:"INQUIRY";
	background:#004098;
	border-radius:2px;
	color:#fff;
	text-align:center;
	line-height:1;
	padding:4px 8px;
	font-size:12px;
	display:inline-block
}
u.inquiry:hover:after {
	opacity:.6
}
.nolr {
	padding-left:0;
	padding-right:0
}
.no_bd {
	border:none!important
}
.table-responsive {
	margin:0 0 2rem 0
}
.table {
	margin-bottom:0!important
}
.table, td {
	border:none
}
.table tr td {
	vertical-align:middle!important;
	padding:8px 12px!important;
font-size:.8rem;
	line-height:1rem;
	font-weight:200;
	border:1px solid #fff;
	font-family:Montserrat
}
.table tr.top td {
	color:#fff;
	padding:10px 12px!important;
	font-weight:200;
	background:#118739;
font-size:.9rem;
	line-height:1.1rem
}
.table1 tr {
	border-bottom:1px solid #aaa
}
.table1 tr td {
	border:none!important;
	padding:18px 12px!important;
	line-height:1.4rem
}
.table1 tr td:first-child {
	font-weight:500;
	font-size:1.05rem;
	color:#555;
	padding:18px 6px!important
}
.table tr td.top1 {
	background:#004098;
	color:#fff;
	font-weight:600
}
.tables tr td:first-child {
	color:#fff;
	padding:12px 8px!important;
	font-weight:300;
	background:#384466;
font-size:.9rem
}
.table-striped tr:nth-of-type(odd) {
background-color:rgb(17 135 57 / 5%)!important
}
.table-striped tr:nth-of-type(odd):hover {
background-color:rgba(0, 0, 0, .075)!important
}
.table2, .table2 tr:first-child td {
	border-top:none!important
}
.table img {
	width:70%;
	margin:0 auto;
	display:block
}
.indent {
	padding-left:5.8rem
}
.line1 {
	width:90%;
	margin:2rem auto;
	background:linear-gradient(to right, #fff 0, #333 50%, #fff 100%);
	height:1px;
	border:none
}
.clearfix::after {
display:table;
clear:both
}
.brief {
	color:#555;
	margin:2rem 0;
	position:relative;
	font-size:1.1rem;
	line-height:1.6rem
}
.first {
	font-size:1.1rem;
	line-height:1.8rem
}
.first strong {
	font-size:1.2rem;
	font-weight:700
}
.first1 {
	font-size:1.2rem;
	line-height:1.8rem;
margin:0 0 .3rem -2.4rem;
	color:#111!important
}
.first1 span {
	background:#004098;
	color:#fff;
	display:block;
	position:relative;
	float:left;
	text-align:center;
	font-size:1.4rem;
	font-weight:600;
	width:28px;
	height:28px;
	line-height:30px;
	border-radius:50%;
margin:0 .6rem 0 0
}
.first2 {
font-size:.9rem;
	line-height:1.5rem
}
.first2 strong {
	font-size:1.1rem;
	line-height:1.8rem
}
.more_btn {
	color:#253041;
padding:.6rem 1.5rem;
font-size:.95rem;
line-height:.95rem;
	font-weight:500;
	text-align:center;
	display:inline-block;
	min-width:120px;
	position:relative;
	overflow:hidden;
	border-bottom:4px solid #ed9300;
	border-radius:2rem;
	background:#004098
}
.more_btn:hover {
	background:#555;
	color:#fff;
	border-bottom:4px solid #212121
}
.small_info p {
	margin:0;
font-size:.9rem;
	line-height:1.4rem
}
.proline_bg {
	overflow:hidden;
	width:94%;
	text-align:center;
	margin:1rem auto
}
.pro_line {
	display:inline-block;
	position:relative
}
.pro_line:before {
	position:absolute;
	top:50%;
	display:block;
	right:100%;
	margin-right:15px;
	width:2000px;
	height:0;
	border-top-style:solid;
	border-top-width:1px;
	border-color:#ddd;
	content:" "
}
.pro_line:after {
	position:absolute;
	top:50%;
	display:block;
	left:100%;
	margin-left:15px;
	width:2000px;
	height:0;
	border-top-style:solid;
	border-top-width:1px;
	border-color:#ddd;
	content:" "
}
.pro_line a {
padding:.2rem
}
.pro_line i {
	display:inline-block;
	font-size:2rem;
	width:40px;
	height:40px;
margin:.5rem 0 0 0
}
.pro_line i:before {
	content:'\f103';
	font-family:FontAwesome;
	color:#004098;
	font-size:3rem
}
@media (max-width:991.98px) {
.etw_hometitle, .proname, h2 {
font-size:2rem;
line-height:2.2rem;
margin:0 0 1.5rem 0
}
h2 small {
line-height:1.4rem
}
h3 {
font-size:1.05rem;
line-height:1.4rem
}
.small_h2 {
font-size:1.6rem;
line-height:1.8rem
}
}
@media (max-width:767.98px) {
.etw_protitle {
display:none
}
hr {
margin:1rem 0 2rem
}
}
#header {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	background:rgba(255 255 255 / 97%);
	visibility:visible;
transition:.5s all ease-in-out;
	z-index:1000;
	box-shadow:4px 4px 100px 0 rgb(0 0 0 / 13%)
}
.home_header {
	background:rgb(0 0 0 / 70%)!important
}
.nav-fixed {
	margin:0 auto;
	box-shadow:4px 4px 100px 0 rgb(0 0 0 / 13%);
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
@keyframes fadeInDown {
from {
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	transform:none
}
}
.header_top {
	width:100%;
	position:relative;
	background:#004098;
transition:.5s all ease-in-out
}
.headertop_con {
	width:94%;
	max-width:1140px;
	margin:0 auto
}
.headerin {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	z-index:100
}
.top_contact {
	width:160px;
	visibility:visible;
	float:right;
	height:32px;
padding:.4rem 0;
	font-weight:400;
transition:.5s all ease-in-out
}
.top_contact .cot_email:before {
	color:#253041
}
.top_contact a:hover {
	color:#199eda
}
#etw_logo {
	float:none;
	width:100%;
	text-align:center;
	position:relative;
	padding:0;
	z-index:1
}
#etw_logo a {
	display:block;
	position:relative
}
.top_video {
	float:right;
margin:.2rem 1rem;
	position:relative;
	background:url(../images/video.png) no-repeat center;
	width:110px;
	height:42px
}
.top_video a {
	width:100%;
	display:block;
	height:100%
}
.small_nav {
	width:100%;
	position:relative;
margin:-.8rem 0 0 1rem
}
.small_nav ul {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	justify-content:start
}
.small_nav ul li {
	position:relative
}
.small_nav ul li a {
	position:relative;
	font-family:Montserrat;
	font-weight:200;
	color:#fff;
font-size:.9rem;
line-height:.9rem;
	padding:0 1.5rem;
margin:.2rem 0 1.1rem;
	display:block;
	border-right:1px solid #eee
}
.small_nav ul li:last-child a {
	border-right:0
}
.small_nav ul li a.dq, .small_nav ul li a:hover {
	color:#abb4c1
}
.top_name {
	width:100%;
	position:relative;
	margin:0 auto 1rem;
	text-align:center;
	visibility:visible;
transition:.3s all ease-in-out
}
.top_name h1 {
	font-size:1.6rem;
	line-height:1.8rem;
	font-weight:200;
	color:#004098;
	margin:0;
	font-family:Montserrat
}
.top_name:before {
	position:absolute;
	content:'';
	background:#118739;
	width:110%;
	height:1px;
	left:-5%;
	bottom:-1rem
}
.etw_language {
	width:60%;
	height:34px;
	float:right;
	text-align:right;
	visibility:visible
}
.etw_language>ul {
	position:relative;
	margin:0
}
.etw_language>ul>li {
	position:relative
}
.etw_language>ul>li>a {
	display:block
}
.etw_language ul li ol {
	position:relative;
	display:block
}
#etw_language {
	width:auto;
	margin:0
}
#etw_language .dropdown-item {
	display:inline-block;
	width:auto;
font-size:.9rem;
line-height:.9rem;
padding:.6rem 1rem;
	color:#fff;
	background:0;
	min-width:auto!important;
	font-weight:300
}
#etw_language .dropdown-item img {
padding:0 .3rem .15rem 0
}
#etw_language .dropdown-item:hover {
	color:#118739;
	background:0
}
.etw_language a:not([href]):not([tabindex]) {
color:#fff;
cursor:pointer
}
.iconfont {
	font-family:iconfont!important;
	font-size:1.8rem;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#333;
	-webkit-animation:scaleout 2.5s infinite ease-in-out;
	animation:scaleout 2.5s infinite ease-in-out
}
@-webkit-keyframes scaleout {
50% {
opacity:.5
}
100% {
opacity:1
}
}
@keyframes scaleout {
50% {
opacity:.5
}
100% {
opacity:1
}
}
#etw_top {
	position:fixed;
	width:40px;
	height:40px;
	right:55px;
	bottom:120px;
	text-align:center;
	background:#999;
	z-index:100;
	cursor:pointer;
	line-height:38px;
	border-radius:50%;
transition:.5s all ease-in-out
}
#etw_top a {
	color:#fff;
font-size:.9rem
}
#etw_top:hover {
	background:#999;
transform:translateY(-.5rem)
}
#etw_top:after {
	position:absolute;
	z-index:-1;
	content:'';
	top:100%;
	left:5%;
	height:10px;
	width:90%;
	opacity:1;
	background:radial-gradient(ellipse at center, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 80%)
}
.nav-fixed .top_name {
	visibility:hidden;
	opacity:0;
	height:0;
	margin:0
}
.nav-fixed #etw_logo {
	float:left;
	width:80px;
padding:.3rem 0
}
@media (max-width:1199.98px) {
.small_nav ul li a {
font-size:.8rem;
padding:0 1rem
}
}
@media (max-width:991.98px) {
#header {
position:relative
}
#header:before {
display:none
}
.header_top {
width:auto;
background:0;
position:absolute;
top:1.6rem;
right:4rem;
z-index:200
}
.header_top:after {
display:none
}
.top_video {
display:none
}
#etw_logo {
padding:.5rem 0;
margin-left:1rem;
width:70px
}
.nav-fixed {
background:#fff!important;
position:inherit;
animation:none
}
.etw_language {
width:auto;
height:auto;
margin:0;
float:right
}
.etw_language>ul>li::before {
position:absolute;
content:"";
width:1px;
height:100%;
background-color:#ccc;
top:-2%;
right:1.4rem
}
.etw_language>ul>li>a {
margin:0 3rem 0 0;
text-align:center;
width:40px;
z-index:100;
display:block
}
.etw_language ul li ol {
position:absolute;
width:100px;
left:-1.8rem;
top:1.6rem;
transition:.3s all ease-in-out;
box-shadow:0 1px 5px #ccc;
z-index:1010;
display:none
}
#etw_language {
width:100%;
background:#fff;
padding:.3rem 0
}
#etw_language .dropdown-item {
width:auto;
color:#111;
font-size:.85rem;
line-height:.85rem;
padding:.6rem .6rem .6rem 1rem;
clear:inherit;
display:block;
background:0 0;
text-align:left
}
#etw_language .dropdown-item:hover {
background:#fff
}
.top_name {
display:none
}
}
@media (max-width:575.98px) {
#header {
border-bottom:none
}
}
.top-nav {
	z-index:999;
	width:auto;
	display:flex;
	flex-flow:wrap;
	justify-content:center;
	align-items:center;
	float:none;
	position:relative
}
.navbar {
	padding:0
}
.navbar-collapse {
	justify-content:flex-end
}
.navbar-light .navbar-nav li.nav-item {
	position:relative
}
.navbar-light .navbar-nav a.nav-link {
	color:#111;
	font-size:1rem;
	line-height:1.2rem;
	position:relative;
	margin:0 1rem;
	font-weight:300;
	padding:1.5rem 0
}
.navbar-light .navbar-nav a.nav-link:before {
	content:"";
	position:absolute;
	bottom:14px;
	left:0;
	height:1px;
	width:0;
	background:#118739;
transition-delay:.1s;
transition:.3s all linear
}
.navbar-light .navbar-nav .active a.nav-link:before, .navbar-light .navbar-nav .show a.nav-link:before, .navbar-light .navbar-nav a.nav-link:hover:before {
	width:100%
}
.dropdown-toggle:after {
	position:relative;
	content:"\f107";
	font-family:FontAwesome;
	color:#111;
	width:auto;
margin-left:.1rem;
	height:auto;
	font-weight:300;
	vertical-align:top;
	font-size:22px;
	border:none;
transition:.2s all ease-in-out
}
.navbar-light .navbar-nav .active .dropdown-toggle:after, .navbar-light .navbar-nav .show .dropdown-toggle:after, .navbar-light .navbar-nav a.dropdown-toggle:hover:after {
	transform:rotate(-180deg);
	color:#118739;
	top:58%;
	right:0
}
.navbar-nav .dropdown-menu {
	box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);
	border:none;
padding:1.5rem .5rem;
	left:1rem;
	border-radius:0;
	top:150%;
	background:linear-gradient(125deg, #118739, #004098);
	margin:0;
	visibility:hidden;
	pointer-events:none;
	opacity:0;
	display:block;
transition:all .3s ease 0s
}
.navbar-nav .dropdown-menu:before {
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-bottom:6px solid #118739;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	left:10%;
	top:-6px
}
.navbar-nav .dropdown-menu1:before {
	left:34%
}
.navbar-nav .dropdown-menu2:before {
	left:2rem
}
.navbar-nav .dropdown-menu.show {
	visibility:visible;
	pointer-events:all;
	opacity:1;
	top:100%;
	display:block
}
.navbar-light .navbar-nav a.nav-link i {
	color:#999
}
.navbar-light .navbar-nav .active .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	background:0;
	color:#118739
}
.navbar-light .navbar-nav .show>.nav-link {
	color:#118739
}
.navbar-light .navbar-nav .dropdown-item {
	font-size:1.1rem;
padding:.5rem 1.5rem;
	font-weight:300;
	color:#fff;
	position:relative
}
.navbar-nav .dropdown-menu1 {
	min-width:61rem;
	left:-23rem;
	padding:1rem 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:1rem 0 .5rem .3rem;
	font-size:1.05rem;
	color:#fff;
	font-weight:300;
	white-space:normal;
	line-height:1.2rem;
	text-align:left;
	border-bottom:1px solid #ddd;
margin:0 0 .3rem
}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img {
	width:24px;
	height:24px;
	position:absolute;
	left:0;
	top:1px
}
.navbar-nav .dropdown-menu li ol {
	position:relative;
	display:block;
padding:0 0 .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:.15rem 0 .15rem 1rem;
	font-weight:300;
font-size:.8rem;
	color:#fff;
line-height:.9rem
}
.navbar-nav .dropdown-menu2 {
	min-width:55rem;
	padding:2rem 2rem
}
.navbar-light .navbar-nav .dropdown-menu2 .dropdown-item {
	font-size:1rem;
	line-height:1.2rem;
	white-space:normal;
padding:.4rem 0
}
.navbar-nav .dropdown-menu li ol li a:before {
	position:absolute;
	content:'';
	background:#fff;
	width:4px;
	height:4px;
	top:8px;
	left:6px;
	border-radius:50%;
transition:.3s all ease-in-out
}
.navbar-nav .dropdown-menu li ol li a.active, .navbar-nav .dropdown-menu li ol li a:hover {
	color:#83ffad
}
.navbar-nav .dropdown-menu li ol li a.active:before, .navbar-nav .dropdown-menu li ol li a:hover:before {
	background:#83ffad
}
.navbar-light .navbar-nav a.dropdown-item.active, .navbar-light .navbar-nav a.dropdown-item:active, .navbar-light .navbar-nav a.dropdown-item:hover {
	background:0;
	color:#83ffad
}
.navbar-nav .dropdown-menu li ol li a.active span, .navbar-nav .dropdown-menu li ol li a:hover span {
	color:#004098
}
.nav-item span.pro_icon {
	position:absolute;
	top:6px;
	right:0;
	color:#999;
	padding:0;
	font-size:34px;
	width:30px;
	height:30px;
	line-height:30px;
	display:none;
	text-align:center;
	font-weight:200
}
@media (max-width:1299.98px) {
.navbar-nav .dropdown-menu1 {
left:-22rem;
font-size:.78rem
}
.navbar-light .navbar-nav a.nav-link {
font-size:.82rem
}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item {
font-size:.85rem;}
}
@media (max-width:991.98px) {
.top-nav {
width:100%;
float:left;
background:#fff;
margin:0;
display:block;
padding:0
}
.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;
display:none;
border-top:none
}
.navbar-nav .dropdown-menu:before {
display:none
}
.top-nav .navbar-nav .row {
width:100%!important;
box-shadow:none;
margin:0
}
.navbar-light .navbar-nav .dropdown-item, .navbar-light .navbar-nav .dropdown-menu1 .dropdown-item {
background:#fff;
padding:.4rem 1rem .4rem 2.8rem;
border-bottom:none;
font-size:.9rem;
color:#333;
white-space:normal;
font-weight:300
}
.navbar-light .navbar-nav .dropdown-menu>li {
background:0 0
}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item, .navbar-light .navbar-nav .dropdown-menu2 .dropdown-item {
padding:.4rem 1rem .4rem 1.8rem;
font-size:.9rem
}
.navbar-light .navbar-nav .dropdown-menu1 li:last-child .dropdown-item {
border-bottom:none
}
.navbar-light .navbar-nav a.dropdown-item.active, .navbar-light .navbar-nav a.dropdown-item:active, .navbar-light .navbar-nav a.dropdown-item:hover {
color:#118739
}
.navbar-light .navbar-nav .dropdown-item:before {
content:normal
}
.navbar-nav .dropdown-menu1>li {
width:100%;
float:none;
margin:0
}
.navbar-nav .dropdown-menu li ol {
display:none
}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img {
display:none
}
.navbar-light .navbar-nav .show>.nav-link {
color:#333
}
.navbar-light .navbar-nav li.nav-item {
margin:0
}
.navbar-light .navbar-nav li.nav-item:before {
content:normal
}
.navbar-light .navbar-nav a.nav-link:before {
content:normal
}
.navbar-light .navbar-nav .active .nav-link, .navbar-light .navbar-nav .nav-link:hover {
color:#004098;
background:0 0
}
.navbar-light .navbar-nav .show>.nav-link {
background:0 0
}
.navbar-light .navbar-nav a.nav-link {
font-size:1.1rem;
border-bottom:1px solid rgba(0, 0, 0, .1);
color:#111;
padding:1rem;
margin:0 1rem
}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link {
border-bottom:none
}
.navbar-light .navbar-nav .dropdown-menu1 li.menu_img {
display:none
}
.dropdown-menu {
border:none
}
.navbar-light .navbar-toggler {
color:#333;
font-size:2.4rem;
margin:.8rem 1rem 0 0;
border:none;
outline:0;
z-index:200;
position:relative
}
.nav-item span.pro_icon {
display:block
}
.nav-item span.caret {
display:none
}
.nav-item .dropdown-toggle::after {
display:none
}
.navbar-light .navbar-nav li.nav-item:nth-child(5) a.nav-link:after {
display:none
}
}
#etw_banner {
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
	text-align:center
}
.carousel-caption {
	position:absolute;
	text-align:left;
	padding:0;
	left:12%;
	top:24%;
	bottom:auto;
	right:auto;
	width:590px
}
.carousel-caption h1 {
	color:#fff;
	margin:0
}
.carousel-caption h1 small {
	display:block
}
.carousel-caption span {
	font-weight:300;
	font-size:1.4rem;
	line-height:1.6rem;
	display:block;
	margin:1.2rem 0;
	padding:0
}
.carousel-caption a.more {
	background:#004098;
	color:#fff;
padding:.5rem 1rem;
	font-size:1rem
}
.carousel-caption a.more:hover {
	background:#002341
}
.banner_txt {
	left:8%;
	margin:0 auto;
	top:15%;
	text-align:left;
	position:absolute;
	width:480px
}
.banner_txt h1 {
	font-size:2.1rem;
	color:#272727;
	font-weight:300;
	line-height:2.8rem;
	margin:0 0 1rem 0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif
}
.banner_txt h1 i {
	font-style:normal;
	color:#118739
}
.banner_txt span {
	color:#111;
	display:block;
	font-size:1.3rem;
	font-weight:200;
	text-align:left;
	line-height:1.8rem;
	width:85%
}
.banner_txt p {
	color:#fff;
	font-size:1.3rem;
	line-height:1.8rem;
	padding:0;
	margin:0
}
.banner_txt1 {
	width:425px;
	margin:0 auto;
	top:6%;
	text-align:left;
	position:absolute;
	left:9%
}
.banner_txt1 h1 {
	font-size:1.8rem;
	color:#272727;
	font-weight:300;
	line-height:2.4rem;
margin:0 0 .5rem 0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif
}
.banner_txt1 h1 i {
	font-style:normal;
	color:#118739
}
.banner_txt1 span {
	color:#111;
	font-size:1.2rem;
	line-height:1.6rem;
	font-weight:200;
	text-align:left;
	width:100%;
	display:block;
	margin:0 auto
}
.banner_txt2 {
	width:700px;
	left:18%;
	margin:0 auto;
	top:7%;
	text-align:left;
	position:absolute
}
.banner_txt2:before {
	position:absolute;
	content:'';
	background:rgb(4 99 36 / 70%);
	width:110%;
	display:none;
	height:100%;
	transform:skewX(-15deg);
	left:-6%;
	top:0
}
.banner_txt2 h1 {
	font-size:1.8rem;
	color:#272727;
	font-weight:300;
	line-height:2.4rem;
	margin:0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif
}
.banner_txt2 h1 i {
	font-style:normal;
	color:#118739
}
.banner_txt2 span {
	width:100%;
	text-align:left;
	margin:0;
	font-weight:200;
	font-size:1.2rem;
	line-height:1.5rem;
	color:#333;
	display:block
}
.banner_txt2 ul {
	position:relative;
	display:flex;
	flex-wrap:wrap
}
.banner_txt2 ul li {
	position:relative;
	width:100%;
padding:0 0 .5rem 2rem;
	font-size:1rem;
	line-height:1.3rem;
	font-weight:300;
	color:#111
}
.banner_txt2 ul li:before {
	position:absolute;
	content:'';
	background:#004098;
	width:6px;
	height:6px;
	border-radius:50%;
	left:14px;
	top:6px
}
.banner_txt2 ul li strong {
	color:#004098;
	font-size:1.2rem;
	font-weight:600
}
.banner_txt3 {
	width:588px;
	left:22%;
	top:8%;
	text-align:center;
	padding:1.5rem;
	background:rgba(0 0 0/ 50%)
}
.banner_txt3 h1 {
	color:#fff;
	font-style:oblique;
	display:block;
	float:left;
	text-align:center;
	font-size:2.4rem;
	line-height:2.6rem;
	padding:0;
	font-family:Poppins;
	border-bottom:4px solid #babab9;
	text-transform:uppercase
}
.banner_txt3 span {
	background:rgba(1 147 222 / 80%);
	color:#fff;
	width:700px;
	text-align:right;
	display:block;
	float:right;
	padding:2rem 3rem;
	clear:both;
	font-size:1.1rem;
	line-height:1.5rem;
	font-weight:200;
	margin:0
}
.banner_more {
	position:relative;
	width:280px;
	font-weight:300;
	margin:2rem auto;
transition:.3s all ease-in-out;
	text-align:center
}
.banner_more a {
	display:block;
	width:100%;
	color:#111;
	position:relative;
	border:2px solid #111;
padding:.8rem 0;
	text-align:center;
	font-size:1.1rem;
	line-height:1.1rem;
	font-weight:300;
	border-radius:2rem;
	background:rgba(255 255 255 / 50%)
}
.banner_more a:after {
	content:"\f105";
	position:absolute;
	right:20px;
	top:13px;
	font-family:FontAwesome;
	color:#004098;
	font-size:25px;
	opacity:0;
transition:.3s all ease-in-out
}
.banner_more a:hover {
	color:#004098;
	background:rgba(0 0 0 / 2%);
padding:.8rem 1rem .8rem 0
}
.banner_more a:hover:after {
	opacity:1;
	right:14px
}
.banner_txt1 .banner_more {
	margin:1.5rem 0
}
.carousel-indicators {
	bottom:1rem;
	padding:1rem 0;
	margin:0
}
.carousel-indicators li {
	width:14px;
	height:14px;
	margin:20px 8px 0 8px;
	border-radius:50%;
	background-color:#716e6e;
transition:.3s all ease-in-out;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%
}
.carousel-indicators li.active {
	background:#004098
}
.carousel-indicators li::after {
position:absolute;
bottom:0;
left:-6px;
display:inline-block;
width:300%;
height:100%;
content:""
}
.carousel-indicators li::before {
position:absolute;
top:0;
left:0;
display:inline-block;
width:300%;
height:100%;
content:""
}
.carousel-control-next, .carousel-control-prev {
	background:0;
	border:none;
transition:.5s all ease-in-out;
	width:10%;
	left:-1.5rem;
	opacity:.3;
-webkit-transition:.5s all ease-in-out;
-moz-transition:.5s all ease-in-out;
-ms-transition:.5s all ease-in-out;
-o-transition:.5s all ease-in-out
}
.carousel-control-next {
	left:auto;
	right:-1.5rem
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	width:30px;
	height:69px;
	cursor:pointer
}
.carousel-control-prev-icon {
	background:url(../images/carousel-control-left.png) no-repeat;
	background-size:cover
}
.carousel-control-next-icon {
	background:url(../images/carousel-control-right.png) no-repeat;
	background-size:cover
}
.carousel-control-next:hover {
	right:-1rem
}
.carousel-control-prev:hover {
	left:-1rem
}
.bannerin {
	width:100%;
	position:relative;
	overflow:hidden;
	background:url(../images/bannerin01.jpg) no-repeat;
	background-size:cover;
	min-height:280px;
	background-position:0 10%
}
.bannerin1 {
	background:url(../images/bannerin02.jpg) no-repeat;
	background-position-x:0;
	background-position-y:0;
	background-size:auto;
	background-size:cover;
	min-height:250px;
	background-position:0 0
}
.bannerin2 {
	background:url(../images/bannerin03.jpg) no-repeat;
	background-size:cover;
	background-position:0 36%;
	min-height:260px
}
.bannerin3 {
	background:url(../images/bannerin04.jpg) no-repeat;
	background-size:cover;
	background-position:0 5%;
	min-height:260px
}
.bannerin4 {
	background:url(../images/bannerin05.jpg) no-repeat;
	background-size:cover;
	background-position:0 60%;
	min-height:260px
}
.bannerin5 {
	background:url(../images/bannerin06.jpg) no-repeat;
	background-size:cover;
	background-position:0 81%;
	min-height:260px
}
.bannerin6 {
	background:url(../images/bannerin07.jpg) no-repeat;
	background-size:cover;
	background-position:0 15%;
	min-height:260px
}
.bannerin7 {
	background:url(../images/bannerin08.jpg) no-repeat;
	background-size:cover;
	background-position:0 50%;
	min-height:260px
}
.bannerin8 {
	background:url(../images/bannerin09.jpg) no-repeat;
	background-size:cover;
	background-position:0 50%;
	min-height:260px
}
.bannerin9 {
	background:url(../images/bannerin10.jpg) no-repeat;
	background-size:cover;
	background-position:0 50%;
	min-height:260px
}
.bannerin10 {
	background:url(../images/bannerin11.jpg) no-repeat;
	background-size:cover;
	background-position:0 50%;
	min-height:260px
}
.bannerin11 {
	background:url(../images/bannerin12.jpg) no-repeat;
	background-size:cover;
	background-position:0 50%;
	min-height:260px
}
.bannerin12 {
	background:url(../images/bannerin13.jpg) no-repeat;
	background-size:cover;
	background-position:0 100%;
	min-height:260px
}
.bannerin13 {
	background:url(../images/bannerin14.jpg) no-repeat;
	background-size:cover;
	background-position:0 90%;
	min-height:260px
}
.bannerin14 {
	background:url(../images/bannerin15.jpg) no-repeat;
	background-size:cover;
	background-position:0 100%;
	min-height:260px
}
.bannerin15 {
	background:url(../images/bannerin16.jpg) no-repeat;
	background-size:cover;
	background-position:0 98%;
	min-height:260px
}
.bannerin16 {
	background:url(../images/bannerin17.jpg) no-repeat;
	background-size:cover;
	background-position:0 50%;
	min-height:260px
}
.bannerin17 {
	background:url(../images/bannerin18.jpg) no-repeat;
	background-size:cover;
	background-position:0 60%;
	min-height:260px
}
.bannerin18 {
	background:url(../images/bannerin19.jpg) no-repeat;
	background-size:cover;
	background-position:0 70%;
	min-height:260px
}
.bannerin19 {
	background:url(../images/bannerin20.jpg) no-repeat;
	background-size:cover;
	background-position:0 10%;
	min-height:260px
}
.bannerin20 {
	background:url(../images/bannerin21.jpg) no-repeat;
	background-size:cover;
	background-position:0 70%;
	min-height:260px
}
.bannerin21 {
	background:url(../images/bannerin22.jpg) no-repeat;
	background-size:cover;
	background-position:0 70%;
	min-height:260px
}
.bannerin22 {
	background:url(../images/bannerin23.jpg) no-repeat;
	background-size:cover;
	background-position:0 70%;
	min-height:260px
}
.bannerin23 {
	background:url(../images/bannerin24.jpg) no-repeat;
	background-size:cover;
	background-position:0 70%;
	min-height:260px
}
.bannerin24 {
	background:url(../images/bannerin25.jpg) no-repeat;
	background-size:cover;
	background-position:0 0;
	min-height:200px
}
.bannerin25 {
	background:url(../images/bannerin26.jpg) no-repeat;
	background-size:cover;
	background-position:0 10%;
	min-height:260px
}
.bannerin26 {
	background:url(../images/bannerin27.jpg) no-repeat;
	background-size:cover;
	background-position:0 10%;
	min-height:300px
}
.bannerin27 {
	background:url(../images/bannerin28.jpg) no-repeat;
	background-size:cover;
	background-position:0 10%;
	min-height:300px
}
.bannerin28 {
	background:url(../images/bannerin29.jpg) no-repeat;
	background-size:cover;
	background-position:0 10%;
	min-height:260px
}
.bannerin_shadow {
	border-bottom:5px solid #004098;
	box-shadow:0 5px 10px #c0bfc0;
	position:relative
}
.bannerin_shadow:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:0;
	opacity:.7;
	background:#004098
}
.bannerin_shadow1 {
	position:relative
}
.bannerin_shadow1:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:0;
	opacity:.7;
	background:rgba(0 0 0 / 75%)
}
.banner_video {
	margin:-5rem 0 2rem
}
.drop_icon {
	position:relative;
	text-align:center;
	z-index:1;
	margin:0 auto
}
.banner_box {
	position:absolute;
	max-width:1100px;
	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 h2, .banner_box h4 {
	color:#fff;
	background:0
}
.banner_box .etw_hometitle, .banner_box h2 {
	font-size:3rem;
	padding:1rem 0;
	font-weight:400;
	position:relative;
	line-height:3.4rem;
	border-bottom:none;
	margin:0;
	color:#fff
}
.banner_box h2.small_h2 {
	font-size:2.4rem;
	line-height:2.6rem
}
.banner_box p {
	color:#fff;
	font-weight:200;
	font-size:1.2rem;
	line-height:1.8rem;
	width:50%
}
.banner_box1 #quicknav, .banner_box1 #quicknav a, .banner_box1 #quicknav a i, .banner_box1 .etw_hometitle, .banner_box1 h2 {
	color:#004098!important
}
.banner_box1 .etw_hometitle, .banner_box1 h2 {
	font-size:2.6rem;
	line-height:3rem;
	width:80%
}
.bannerin2 .banner_box p, .bannerin3 .banner_box p {
	width:50%
}
.banner_box #quicknav a:hover {
	color:#83ffad
}
.banner_box #quicknav ul {
	width:100%
}
.banner_box #quicknav li+li::before {
color:#ddd
}
.banner_box1 #quicknav li+li::before {
color:#111
}
#etw_banner .swiper-pagination {
	display:block;
	width:100%;
	bottom:8px
}
#etw_banner .swiper-pagination-bullet {
	opacity:.4
}
#etw_banner .swiper-pagination-bullet-active {
	opacity:.9
}
#etw_banner .swiper-pagination span {
	background-color:#fff;
	cursor:pointer;
	margin:0 6px!important;
	width:14px;
	height:14px;
	border:2px solid #004098
}
#etw_banner .swiper-button-next, #etw_banner .swiper-button-prev {
	width:60px;
	height:105px;
	background-image:none;
	background-color:rgba(0 0 0 / 30%);
	right:0;
	z-index:1;
	transform:translateY(-50%);
transition:.5s;
	opacity:0
}
#etw_banner .swiper-button-prev {
	left:0
}
#etw_banner:hover .swiper-button-prev {
	left:1rem;
	opacity:.8
}
#etw_banner:hover .swiper-button-next {
	right:1rem;
	opacity:.8
}
#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:.8;
width:38px;
height:91px;
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
}
.banner_content {
	position:absolute;
	top:18%;
	left:55%;
	display:flex;
	flex-wrap:wrap
}
.bannerimg {
	position:relative;
	width:48%
}
.bannerimg2 {
	right:21%;
	top:16%;
	width:10%
}
.bannerimg3 {
	right:39%;
	top:41%;
	width:10%
}
.swiper_cer {
	padding:0 0 4rem 0!important
}
.swiper_cer .swiper-button-next, .swiper_cer .swiper-button-prev {
	width:50px;
	display:none;
	height:95px;
	background-image:none;
	background-color:rgba(255, 255, 255, 0);
	right:-1rem;
	z-index:1;
	transform:translateY(-20%);
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s
}
.swiper_cer .swiper-button-prev {
	left:-1rem
}
.swiper_cer .swiper-button-next::before, .swiper_cer .swiper-button-prev::after {
content:'';
position:absolute;
background:url(../images/carousel-control-right.png) no-repeat;
background-size:cover;
opacity:.7;
width:20px;
height:46px;
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
}
.swiper_cer .swiper-button-prev::after {
background:url(../images/carousel-control-left.png) no-repeat;
background-size:cover
}
.swiper_cer .swiper-pagination-bullets {
	bottom:1rem!important
}
.swiper_cer .swiper-pagination-bullet {
	background:#888;
	opacity:.3;
	width:10px;
	height:10px
}
.swiper_cer .swiper-pagination-bullet-active {
	background:#004098;
	opacity:1
}
.swiper_cer figure a {
	display:block;
	width:100%;
	position:relative;
	box-shadow:1px 3px 10px #999
}
@media (max-width:1399.98px) {
.banner_txt {
left:4%;
width:350px
}
.banner_txt h1 {
font-size:1.6rem;
line-height:2rem
}
.banner_txt span {
font-size:1rem;
line-height:1.5rem;
width:100%
}
.banner_txt1 {
width:360px;
top:8%;
left:6%
}
.banner_txt1 h1 {
font-size:1.4rem;
line-height:1.8rem
}
.banner_txt1 span {
width:100%;
font-size:1rem;
line-height:1.3rem
}
.banner_txt2 {
width:560px
}
.banner_txt2 h1 {
font-size:1.4rem;
line-height:1.8rem
}
.banner_txt2 span {
font-size:1rem;
line-height:1.3rem
}
}
@media (max-width:1199.98px) {
.banner_txt span, .banner_txt1 span, .banner_txt2 span {
display:none
}
.banner_txt2 {
width:400px
}
.banner_more {
display:none
}
.banner_box .etw_hometitle:before {
display:none
}
}
@media (max-width:991.98px) {
.carousel-control-next, .carousel-control-prev {
display:none
}
.banner_txt {
top:10%
}
.banner_txt1 {
width:260px
}
.banner_txt1 h1 {
font-size:1rem;
line-height:1.4rem
}
#etw_banner .swiper-button-next, #etw_banner .swiper-button-prev, .banner_txt p, .banner_txt1 p {
display:none
}
.banner_txt1 span, .banner_txt2 span, .etw_banner img, .etw_banner:after, .etw_banner:before {
display:none
}
.banner_box #quicknav, .banner_box #quicknav a, .banner_box .etw_hometitle, .banner_box h2 {
text-align:left
}
#etw_banner .swiper-pagination {
bottom:20px
}
}
@media (max-width:767.98px) {
.banner_txt, .banner_txt1, .banner_txt2, .banner_txt3 {
display:none
}
.carousel-indicators {
display:none
}
.bannerin {
min-height:auto
}
.banner_box {
position:relative;
top:auto;
transform:none
}
.banner_box .etw_hometitle, .banner_box h2 {
font-size:2rem;
line-height:2.4rem;
width:100%
}
.banner_box #quicknav {
font-size:.9rem
}
.banner_video {
margin:1rem auto
}
}
@media (max-width:575.98px) {
.etw_banner {
border-top:none;
padding:1rem 0 0 0
}
.banner_txt h1 {
display:none
}
#etw_banner .swiper-pagination {
display:none
}
.banner_box p {
width:100%
}
}
.homehub_bg {
	position:relative;
	overflow:hidden;
	margin:44px 0 0 0
}
.homehub_bg::before {
position:absolute;
content:'';
background:#f7f7f7;
width:53%;
height:180px;
left:0;
top:0
}
.homehub {
	width:94%;
	margin:0 auto;
	max-width:1300px
}
.homehub ul {
	display:flex;
	flex-wrap:wrap;
	margin:3rem auto 1rem auto
}
.homehub ul li {
	width:100%;
	margin:0 0 1rem 0;
	position:relative
}
.homehub>ul>li:last-child {
	margin-right:0
}
.homehub ul li a {
	width:100%;
	display:block;
	position:relative
}
.homehub ul li a span {
	color:#111;
font-size:.85rem;
	line-height:1rem;
	text-align:center;
	display:block;
	padding:1rem 0;
	font-weight:600;
transition:.3s all ease-in-out
}
.homehub ul li img {
	width:50%!important;
	margin:0 auto
}
.homehub ul li a:hover span {
	color:#004098
}
.mainpro_bg {
	width:100%;
	position:relative;
	padding:1rem 0;
	overflow:hidden;
	background:#f5f5f5
}
.mainpro {
	width:94%;
	margin:6rem auto 1rem auto;
	max-width:1100px;
	position:relative
}
.mainpro .webtitle {
	position:relative;
	margin:0 auto;
	padding:1rem 0 1rem 5rem;
	font-size:2.4rem;
	line-height:2.6rem;
	text-align:left;
	color:#272727;
	font-weight:400;
	width:100%;
	font-family:Arial, Helvetica, sans-serif
}
.mainpro .webtitle:before {
	position:absolute;
	content:'';
	background:#118739;
	width:290px;
	height:12px;
	top:-20px;
	left:0
}
.mainpro .webtitle span {
	display:block
}
.mainpro .webtitle a:hover {
	color:#555
}
.mainpro p {
	font-size:1.2rem;
	line-height:1.8rem;
	color:#fff;
	font-weight:300;
	width:100%;
	margin:0 0 2rem;
	text-align:left;
	background:#004098;
	padding:1.5rem 8rem 1.5rem 4rem
}
.mainpro ul {
	width:100%;
	display:flex;
	position:relative;
	margin:0 auto;
	flex-wrap:wrap
}
.mainpro ul>li {
	width:30.66%;
	position:relative;
	margin:0 4% 2rem 0;
transition:.3s all ease-in-out;
	display:block;
	background:url(../images/pro_smallbg.png) no-repeat top;
	background-size:contain
}
.mainpro ul>li:nth-child(3n) {
margin-right:0
}
.mainpro ul>li:nth-child(3n+1) {
clear:both
}
.mainpro ul>li>ol {
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row-reverse
}
.mainpro ul>li>ol.mainpro_more {
	justify-content:center;
	align-items:flex-end;
	margin:1rem auto;
	width:auto
}
.mainpro ul>li>ol.mainpro_more:before {
	position:absolute;
	content:'';
	background:#118739;
	width:30px;
	height:30px;
	left:-10px;
	bottom:3px;
transition:.3s all ease-in-out
}
.mainpro ul>li>ol.mainpro_more a {
	display:inline-block;
	color:#fff;
	font-size:1rem;
	line-height:1rem;
padding:.4rem .6rem;
	background:#004098;
	position:relative;
	z-index:100
}
.mainpro ul>li>ol.mainpro_more a:hover {
	background:#118739
}
.mainpro ul>li>ol.mainpro_more:hover::before {
background:#004098;
width:100%
}
.mainpro ul li ol li.product_img {
	width:100%;
	position:relative;
	overflow:hidden;
	z-index:1;
	margin:2rem 0 0
}
.mainpro ul li ol li.product_img a {
	width:100%;
	display:block;
	position:relative;
	text-align:center
}
.mainpro ul li ol li.product_img a:before {
	position:absolute;
	display:none;
	content:'';
	background:rgba(0 0 0 / 50%);
	width:100%;
	height:100%;
	margin:0 auto;
	left:0;
	right:0;
	visibility:hidden;
	transform:scaleX(0);
	opacity:0;
transition:.3s all ease-in-out;
	z-index:1
}
.mainpro ul li ol:hover li.product_img a:before {
	visibility:visible;
	transform:scaleX(1);
	opacity:1
}
.mainpro ul li ol li.product_img img {
	width:100%;
transition:.6s all ease-in-out
}
.mainpro ul li ol:hover li.product_img img {
	transform:scale(1.03)
}
.mainpro ul li ol li.product_con {
	position:relative;
	display:block;
	width:100%;
transition:.5s all ease-in-out;
	z-index:1
}
.mainpro ul li ol li.product_con a {
	color:#111;
	font-size:1.5rem;
	display:block;
	position:relative;
	line-height:1.7rem;
padding:.5rem 1rem 1.5rem 1rem;
	font-weight:300;
	text-align:center
}
.mainpro ul li ol li.product_con span {
	color:#333;
	font-size:1.15rem;
	line-height:1.4rem;
	display:block;
	padding:0 0 1rem 0;
	font-weight:300;
	text-align:left
}
.mainpro ul li ol li.product_con span i {
	font-style:normal;
	color:#004098;
font-size:.95rem;
	font-weight:600
}
.mainpro ul li ol li.product_con a span {
	display:block;
	font-size:1.15rem;
	line-height:1.5rem;
	color:#111
}
.mainpro ul li ol:hover li.product_con a {
	color:#004098
}
.mainpro ul li ol li.product_con a:hover:before {
	width:140px
}
.mainpro ul li ol li.product_con a.more {
	width:100%;
padding:.5rem 0;
font-size:.9rem;
line-height:.9rem;
	text-align:center;
	background:0;
	display:block;
	margin:1rem 0;
	position:relative;
	font-family:Montserrat;
	text-transform:uppercase;
	color:#004098;
	border:1px solid #004098;
	overflow:hidden;
	border-radius:2rem;
	font-weight:300
}
.mainpro ul li ol li.product_con a.more:before {
	position:absolute;
	content:'';
	background:#004098;
	width:0;
	height:100%;
	left:0;
	top:0;
	z-index:-1;
transition:.3s all ease-in-out
}
.mainpro ul li ol li.product_con a.more:hover {
	color:#fff
}
.mainpro ul li ol li.product_con a.more:hover:before {
	width:100%
}
.mainpro ul li ol li.product_more a {
	background:linear-gradient(40deg, #96a1b2, #004098);
	color:#fff;
padding:.5rem 1rem;
	display:block;
	margin:0 1rem 1.5rem;
font-size:.9rem;
	line-height:1.1rem
}
.mainpro_bg1 {
	width:100%;
	position:relative;
	overflow:hidden;
	background:url(../images/mainpro_bg.jpg) no-repeat top;
	background-size:cover;
	background-attachment:fixed;
	padding:1rem 0
}
.mainpro1 {
	width:94%;
	max-width:1100px;
	margin:-18rem auto 0 auto;
	padding:3rem 0
}
.mainpro1 .webtitle {
	position:relative;
	margin:0 auto;
	padding:2rem 0;
	font-size:2.4rem;
	line-height:2.6rem;
	text-align:center;
	color:#004098;
	font-weight:600;
	width:100%
}
.mainpro1 .webtitle a {
	color:#111
}
.mainpro1 .webtitle span {
	color:#004098
}
.mainpro1 ul {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.mainpro1>ul>li {
	position:relative;
	background:rgba(255 255 255 / 90%);
	width:18.4%;
	margin:0 2% 1rem 0;
transition:.3s all ease-in-out
}
.mainpro1>ul>li:nth-child(5n) {
margin-right:0
}
.mainpro1>ul>li:nth-child(5n+1) {
clear:both
}
.mainpro1>ul>li:hover {
transform:translateY(-.5rem);
-webkit-transform:translateY(-.5rem);
-moz-transform:translateY(-.5rem);
-ms-transform:translateY(-.5rem);
-o-transform:translateY(-.5rem);
	box-shadow:1px 3px 10px rgba(0 0 0 / 10%)
}
.mainpro1 ul li ol {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row-reverse;
transition:.3s all ease-in-out
}
.mainpro1 ul li ol li.product_img {
	width:100%;
	position:relative
}
.mainpro1 ul li ol li.product_img a {
	position:relative;
	display:block;
	width:100%
}
.mainpro1 ul li ol li.product_img a:before {
	position:absolute;
	content:'';
	background:rgba(0 0 0 / 50%);
	width:100%;
	height:100%;
	margin:0 auto;
	left:0;
	right:0;
	top:0;
	visibility:hidden;
	transform:scaleX(0);
	opacity:0;
	z-index:1;
transition:.3s all ease-in-out
}
.mainpro1 ul li ol:hover li.product_img a:before {
	visibility:visible;
	opacity:1;
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1)
}
.mainpro1 ul li ol li.product_img img {
	display:block
}
.mainpro1 ul li ol li.product_img span {
	position:absolute;
	width:100%;
	color:#fff;
	font-size:1.2rem;
	display:block;
	font-weight:600;
	line-height:1.4rem;
	background:#004098;
	text-align:center;
padding:.5rem 0;
	bottom:0;
	z-index:1;
transition:.3s all ease-in-out
}
.mainpro1 ul li ol:hover li.product_img span {
	background:#111
}
.mainpro1 ul li ol li.product_con {
	width:100%;
	position:relative
}
.mainpro1 ul li ol li.product_con a {
	color:#fff;
	font-size:1rem;
	display:block;
	position:relative;
	font-weight:600;
	line-height:1.2rem;
	text-align:center;
padding:.5rem 0
}
.mainpro1 ul li ol li.product_con span {
	color:#111;
	font-size:1.05rem;
	padding:1rem 1.5rem 1rem 0;
	line-height:1.6rem;
	display:block
}
.mainpro1 ul li ol li.product_con a.more {
	color:#004098;
	font-size:1rem;
	display:inline-block;
	margin:0 0 1rem 0;
	line-height:1rem;
	font-weight:600;
	width:auto;
	padding:0
}
.mainpro1 ul li ol li.product_con a.more:after {
	font-family:FontAwesome;
	content:"\f101";
	color:#004098;
	font-size:1rem;
margin:0 0 0 .3rem;
transition:.3s all ease-in-out;
	font-weight:500
}
.mainpro1 ul li ol li.product_con a.more:hover {
	color:#111
}
.mainpro1 ul li ol li.product_con a.more:hover:after {
margin:0 0 0 .6rem;
	color:#111
}
.mainpro1 ul li ol li.product_more {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:end;
	justify-content:center;
	margin:0 0 1.5rem 0
}
.mainpro1 ul li ol li.product_more a {
padding:.5rem 1rem;
	display:block;
	color:#fff;
	font-size:1rem;
	line-height:1rem;
	text-align:center;
	background:#004098
}
.mainpro1 ul li ol li.product_more a:hover {
	background:#162232
}
.mainpro1 ul li:nth-child(2) ol li.product_more a {
background:#004098
}
.mainpro1 ul li:nth-child(2) ol li.product_more a:hover {
background:#fd5d14
}
.video_home_bg {
	background:#e1eef8;
	position:relative;
	padding:1rem 0
}
.video_home {
	width:94%;
	margin:2rem auto;
	position:relative;
	max-width:1100px
}
.video_left {
	width:40%;
	float:left;
	color:#111;
	font-size:2rem;
	line-height:2.2rem;
	padding:1rem 0 0;
	font-weight:400
}
.video_right {
	width:40%;
	float:right;
	color:#111;
	font-size:2rem;
	line-height:2.2rem;
	font-weight:400;
	text-align:center
}
@media (max-width:1299.98px) {
.mainpro1 ul li ol li.product_img span {
font-size:1rem
}
}
@media (max-width:991.98px) {
.mainpro {
margin:2rem auto;
box-shadow:none;
padding:0
}
.mainpro .webtitle {
font-size:1.8rem;
line-height:2rem;
padding:1rem 0
}
.mainpro p {
font-size:1rem;
line-height:1.6rem;
width:100%;
padding:2rem
}
.mainpro>ul>li {
width:49%;
margin:0 2% 1.5rem 0
}
.mainpro>ul>li:nth-child(3n) {
margin-right:2%
}
.mainpro>ul>li:nth-child(3n+1) {
clear:none
}
.mainpro>ul>li:nth-child(2n) {
margin-right:0
}
.mainpro>ul>li:nth-child(2n+1) {
clear:both
}
.mainpro1 .webtitle {
font-size:2rem;
line-height:2.4rem;
padding:0 0 2rem
}
.mainpro1>ul>li {
width:100%;
margin:0 0 2rem
}
.mainpro1 ul li ol li.product_more {
margin:1rem 0
}
}
@media (max-width:767.98px) {
.mainpro_title {
width:100%;
margin:0
}
.mainpro_title span {
text-align:left;
font-size:2.4rem;
line-height:2.8rem
}
.mainpro_title p {
text-align:left;
font-size:.9rem
}
}
@media (max-width:575.98px) {
.mainpro>ul>li {
width:100%;
margin:0 0 2rem 0
}
.mainpro>ul>li:nth-child(3n) {
margin-right:0
}
.mainpro ul li ol li.product_img img {
width:100%
}
.mainpro ul li ol li.product_con a {
font-size:1.3rem;
line-height:1.5rem;
padding:.5rem 0 1rem
}
.mainpro ul li ol li.product_con a span {
display:inline-block
}
.mainpro ul li ol li.product_con span {
font-size:1rem
}
.mainpro1 ul li ol li.product_img img {
width:100%;
margin:0
}
}
.homeabout_bg {
	width:100%;
	background:url(../images/about_bg.jpg) no-repeat center #f2f9fb;
	background-size:cover;
	margin:0 auto;
	position:relative;
	z-index:1;
	padding:1rem 0
}
.homeabout {
	width:94%;
	max-width:1100px;
	padding:4rem 0;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	align-items:center
}
.homeabout .webtitle {
	width:100%;
	font-size:2.4rem;
	line-height:2.8rem;
	position:relative;
	margin:0;
	padding:1.5rem 0;
	text-align:center;
	font-weight:300;
	font-family:Arial, Helvetica, sans-serif
}
.homeabout .webtitle span {
	color:#004098
}
.homeabout .webtitle a {
	color:#272727
}
.homeabout .webtitle a:hover {
	color:#004098
}
.about_img {
	width:40%;
	position:relative;
	margin:0 auto
}
.about_img p {
font-size:.9rem;
	line-height:1.4rem
}
.about_img a {
	position:relative;
	display:block
}
.about_img .video_btn1 {
	width:60px;
	height:60px
}
.about_img .more {
	position:relative;
	width:100%
}
.about_img .more a {
	display:inline-block;
	font-size:1rem;
	line-height:1rem;
	color:#004098;
	padding:0;
	font-weight:400;
	margin:1rem 0;
	position:relative
}
.about_img .more a:hover {
	color:#111
}
.about_img .more a:after {
	font-family:FontAwesome;
	content:"\f101";
	color:#004098;
	font-size:1rem;
margin:0 0 0 .3rem;
transition:.3s all ease-in-out;
	font-weight:500
}
.about_img .more a:hover:after {
margin:0 0 0 .6rem;
	color:#111
}
.about_img a.more:hover {
	background:#111;
	color:#fff
}
.about_txt {
	width:60%;
	position:relative;
	padding:0 0 0 3rem
}
.about_txt p {
	width:100%;
	color:#333;
	font-size:1.2rem;
	line-height:1.6rem;
	margin:0 0 1.5rem 0;
	text-align:left;
	font-weight:300
}
.about_txt p i {
	color:#118739;
	font-style:normal
}
.about_txt ul {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	margin:2rem auto 0
}
.about_txt ul li {
	width:32%;
	margin:0 2% 1rem 0;
	color:#118739;
	text-align:center;
	line-height:1.3rem;
	font-size:1.15rem
}
.about_txt ul li:nth-child(3) {
margin-right:0
}
.about_txt ul li strong {
	color:#118739;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin:0 auto;
	font-size:1.8rem;
	line-height:1.8rem;
padding:0 0 .5rem 0
}
.small_about {
	width:84%;
	background:#118739;
	color:#fff;
	padding:2rem 5rem;
	margin:2rem 0 0 8%;
	font-weight:300;
	font-size:1rem;
	line-height:1.6rem;
	position:relative
}
.small_about:before {
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-left:20px solid #118739;
	border-top:0 solid transparent;
	border-bottom:20px solid transparent;
	left:0;
	bottom:-20px
}
.small_about .more {
	position:absolute;
	right:-90px;
	bottom:-20px;
	background:#004098;
	color:#fff;
	font-size:1.2rem;
	line-height:1.2rem;
padding:.6rem 2.5rem;
transition:.3s all ease-in-out
}
.small_about .more:hover {
	right:-80px
}
.small_about .more:after {
	position:absolute;
	content:"\f105";
	font-family:FontAwesome;
	color:#fff;
	font-size:22px;
	opacity:0;
transition:.3s all ease-in-out;
	line-height:0;
	right:28px;
	top:19px
}
.small_about .more:hover:after {
	opacity:1;
	right:22px
}
.about_info {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	width:100%;
	margin:0 0 1rem
}
.about_info li {
	width:100%;
	margin:0 0 1.8rem;
	position:relative;
	padding:0 0 0 2.5rem
}
.about_info li:before {
	position:absolute;
	content:'';
	background:url(../images/arrow.png) no-repeat center;
	background-size:cover;
	width:17px;
	height:13px;
	left:8px;
	top:6px
}
.about_info li strong {
	font-size:1.4rem;
	line-height:1.6rem;
	font-weight:600;
	display:block
}
.abouttxt_icon {
	position:relative;
	width:90%
}
.abouttxt_icon ul {
	display:flex;
	flex-wrap:wrap
}
.abouttxt_icon ul li {
	flex:1;
padding:0 .3rem
}
.application_bg {
	background:#f5f5f5;
	position:relative;
	padding:2rem 0;
	width:100%;
	z-index:1
}
.application {
	width:94%;
	margin:1rem auto 0;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	max-width:1100px
}
.application .webtitle {
	color:#004098;
	position:relative;
	font-size:2.4rem;
	line-height:2.8rem;
	font-weight:300;
	text-align:left;
	padding:6rem 0 1rem 0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif
}
.application .webtitle:before {
	position:absolute;
	content:'';
	background:#118739;
	width:180px;
	height:12px;
	left:14%;
	bottom:0;
transition:.3s all ease-in-out
}
.application .webtitle span {
	display:block
}
.application .webtitle a {
	color:#004098;
	position:relative;
	display:block
}
.application .webtitle a:hover {
	color:#118739
}
.application .webtitle:hover:before {
	width:150px
}
.app_left {
	width:20%;
	float:left;
	position:relative;
	margin:0
}
.app_right {
	width:80%;
	margin:0;
	float:right;
	position:relative;
	padding:0 0 0 2rem
}
.app_right p {
	font-size:1.2rem;
	line-height:1.6rem;
	width:86%;
	margin:0 0 2.5rem 0;
	color:#111;
	text-align:left
}
.app_right ul {
	position:relative;
	display:flex;
	flex-wrap:wrap
}
.app_right ul>li {
	width:32%;
	margin:0 2% 1rem 0
}
.app_right ul>li:nth-child(3n) {
margin-right:0
}
.app_right ul>li ol {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.app_right ul>li ol li.product_img {
	position:relative;
	width:100%
}
.app_right ul>li ol li.product_img a {
	display:block;
	background:#004098;
	width:68px;
	height:68px;
	text-align:center;
	position:relative
}
.app_right ul>li ol:hover li.product_img a {
	margin:0 0 0 1.5rem
}
.app_right ul>li ol li.product_img img {
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%)
}
.app_right ul>li ol li.product_con {
	width:100%;
	position:relative;
	padding:0 1rem 0 0
}
.app_right ul>li ol li.product_con a {
	display:block;
	color:#000;
	font-size:1.4rem;
	line-height:1.6rem;
	padding:1rem 0
}
.app_right ul>li:nth-child(2) ol li.product_con a {
padding:1rem 3rem 1rem 0
}
.app_right ul>li ol li.product_con span {
	color:#555;
	font-size:1.05rem;
	line-height:1.4rem;
	display:block
}
.app_right ul>li ol:hover li.product_con a {
	color:#004098
}
.application_bg1 {
	background:#f3f8f0;
	position:relative;
	width:100%;
	padding:3rem 0
}
.application1 {
	width:94%;
	max-width:1100px;
	margin:7rem auto 4rem;
	position:relative
}
.application1 p {
	background:#004098;
	color:#fff;
	padding:2rem 3rem;
	margin:0 0 2rem;
	font-size:1.2rem
}
.application1 .webtitle {
	color:#111;
	position:relative;
	font-size:2.4rem;
	line-height:2.6rem;
	font-weight:300;
	text-align:left;
	padding:0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif
}
.application1 .webtitle:before {
	position:absolute;
	content:'';
	background:#118739;
	width:290px;
	height:12px;
	left:0;
	top:-24px
}
.application1 .webtitle a {
	color:#272727;
	padding:1rem 0 1rem 5rem;
	display:block
}
.application1 .webtitle a:hover {
	color:#004098;
	padding:1rem 0 1rem 4rem
}
.application1 ul {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	width:100%;
	margin:0 auto
}
.application1 ul>li {
	margin:0 2% 1rem 0;
	width:32%;
	position:relative;
transition:.3s all ease-in-out
}
.application1 ul>li:nth-child(3n) {
margin-right:0
}
.application1 ul>li:nth-child(3n+1) {
clear:both
}
.application1 ul>li ol {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	align-items:center;
transition:.3s all ease-in-out
}
.application1 ul>li ol:hover {
	background:#f3f3f3
}
.application1 ul>li ol li.product_img {
	width:100%;
	position:relative
}
.application1 ul>li ol li.product_img a {
	display:block;
	width:100%;
	position:relative
}
.application1 ul>li ol li.product_img a:before {
	position:absolute;
	content:'';
	background:rgba(0 0 0 / 50%);
	width:100%;
	height:100%;
	left:0;
	top:0;
transition:.3s all ease-in-out
}
.application1 ul>li ol li.product_img img {
	min-height:114px;
	display:block;
	width:100%
}
.application1 ul>li ol:hover li.product_img a:before {
	height:40%;
	top:60%;
	background:rgba(0 0 0 / 70%)
}
.application1 ul>li ol li.product_con {
	width:100%;
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	top:40%;
	transform:translateY(-50%);
	text-align:center;
transition:.3s all ease-in-out
}
.application1 ul>li ol:hover li.product_con {
	top:62%;
	transform:none
}
.application1 ul>li ol li.product_con a {
	font-size:1rem;
	line-height:1.6rem;
	color:#fff;
	padding:.2rem 1.5rem;
	display:block;
	font-weight:600
}
.application1 ul>li ol:hover li.product_con a {
	color:#83ffad
}
.application2 {
	width:94%;
	margin:0 auto;
	position:relative;
	padding:1rem 0 3rem;
	max-width:1600px
}
.application2 .webtitle {
	display:block;
	width:100%;
	font-size:2.4rem;
	line-height:2.8rem;
	font-weight:600;
	text-align:center;
	padding:1rem 0 3rem;
	margin:0;
	color:#004098
}
.application2 .webtitle span {
	color:#111
}
.application2 p {
	margin:0;
	color:#999;
	padding:0 3rem 0 0;
	font-size:1rem
}
.application2 ul {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.application2 ul li {
	margin:0;
	position:relative;
	text-align:center
}
.application2 ul li a {
	display:block;
	position:relative;
	overflow:hidden
}
.application2 ul li img {
	display:block;
	position:relative;
	opacity:.5;
transition:.3s all ease-in-out
}
.application2 ul li:nth-child(1) img, .application2 ul li:nth-child(3) img {
padding:4px 0
}
.application2 ul li a:before {
	background-color:rgba(255, 255, 255, .1);
	content:"";
	height:200%;
	left:-280px;
	position:absolute;
	top:-50%;
	-webkit-transform:rotate(35deg);
	-ms-transform:rotate(35deg);
	transform:rotate(35deg);
	-webkit-transition:all 3s cubic-bezier(.19, 1, .22, 1);
	-o-transition:all 3s cubic-bezier(.19, 1, .22, 1);
	transition:all 3s cubic-bezier(.19, 1, .22, 1);
	width:80px;
	z-index:1
}
.application2 ul li a:hover:before {
	left:180%;
	-webkit-transition:all 3s cubic-bezier(.19, 1, .22, 1);
	-o-transition:all 3s cubic-bezier(.19, 1, .22, 1);
	transition:all 3s cubic-bezier(.19, 1, .22, 1)
}
.application2 ul li a:after {
	background-color:rgba(255, 255, 255, .1);
	content:"";
	height:200%;
	left:180%;
	position:absolute;
	top:-50%;
	-webkit-transform:rotate(35deg);
	-ms-transform:rotate(35deg);
	transform:rotate(35deg);
	-webkit-transition:all 3s cubic-bezier(.19, 1, .22, 1);
	-o-transition:all 3s cubic-bezier(.19, 1, .22, 1);
	transition:all 3s cubic-bezier(.19, 1, .22, 1);
	width:80px;
	z-index:1
}
.application2 ul li a:hover:after {
	left:-280px;
	-webkit-transition:all 3s cubic-bezier(.19, 1, .22, 1);
	-o-transition:all 3s cubic-bezier(.19, 1, .22, 1);
	transition:all 3s cubic-bezier(.19, 1, .22, 1)
}
.application2 ul li span {
	width:100%;
	display:block;
	margin:1.5rem 0;
	color:#fff;
	font-size:1.2rem;
	line-height:1.4rem;
transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
-ms-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out
}
.application_bg2 {
	background:#111;
	position:relative
}
.application3 {
	width:94%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
	padding:3rem 0
}
.application3 ul {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.application3 ul li {
	width:23.5%;
	margin:0 2% 0 0;
	color:#fff;
	text-align:center;
	font-size:1.2rem;
	font-weight:500;
	border-right:1px solid #eee
}
.application3 ul li a {
	display:block;
	color:#fff
}
.application3 ul li img {
	display:block;
	margin:0 auto 1rem auto
}
.application3 ul li:nth-child(4) {
margin-right:0;
border-right:none
}
.application3 ul li a:hover {
	transform:translateY(-1rem)
}
@media (max-width:1299.98px) {
.application_bg:before {
width:70%
}
}
@media (max-width:991.98px) {
.homeabout {
padding:2rem 0
}
.homeabout .webtitle {
font-size:2rem;
line-height:2.4rem;
padding:1rem 0
}
.homeabout .webtitle span {
display:inline
}
.about_txt {
width:100%;
float:none;
margin:0;
padding:0
}
.small_about {
margin:0
}
.about_img {
display:none
}
.about_img .text-center {
display:none
}
.about_img p {
font-size:1rem;
line-height:1.6rem
}
.about_title {
display:none
}
.application_bg {
padding:2rem 0;
margin:0
}
.application_bg:before {
display:none
}
.application .webtitle {
font-size:2rem;
line-height:2.2rem;
color:#333;
padding:1rem 0;
margin:0 0 1rem
}
.application .webtitle::before {
left:0
}
.app_left p {
padding:1rem 0;
background:0 0
}
.app_right {
width:100%;
float:none;
padding:0
}
.app_info {
background:0;
position:relative;
width:100%;
box-shadow:none;
padding:0;
bottom:auto;
right:auto
}
.app_right .more {
margin:.5rem 0
}
.app_left {
width:100%;
margin:0
}
.application ul li ol li.product_img span {
width:100%;
display:block;
text-align:center
}
.application .swiper-button-next {
right:-1.4rem;
width:45px;
height:45px
}
.application .swiper-button-prev {
left:-1.4rem;
width:45px;
height:45px
}
.app_name a {
font-size:1rem;
line-height:1.2rem;
font-weight:300
}
.application1 {
margin:4rem auto 2rem
}
}
@media (max-width:767.98px) {
.application>ul>li {
width:100%;
margin:0 0 2rem 0
}
.application>ul>li:nth-child(3n) {
margin-right:0
}
.application ul>li:before {
display:none
}
.application ul li ol li.product_img {
width:100%
}
.application ul li ol li.product_con {
width:100%;
text-align:left
}
.application1 .webtitle {
font-size:1.8rem;
line-height:2rem
}
.application1 .webtitle a {
padding:1rem 0
}
.application1 .webtitle a:hover {
padding:1rem 0
}
.application1 p {
width:100%;
font-size:1rem;
padding:2rem
}
.application1 ul>li {
width:49%
}
.application1 ul>li:nth-child(3n) {
margin-right:2%
}
.application1 ul>li:nth-child(3n+1) {
clear:none
}
.application1 ul>li:nth-child(2n) {
margin-right:0
}
.application1 ul>li:nth-child(2n+1) {
clear:both
}
.application1 ul>li ol li.product_con a {
font-size:1.1rem;
line-height:1.3rem
}
.app_left1 {
width:100%;
margin:0 0 1rem
}
.appvideo_title {
font-size:1.4rem;
line-height:1.6rem
}
.app_right1 {
width:100%
}
.app_right1 ul>li ol li.product_img img {
min-height:137px
}
.abouttxt_icon {
width:70%
}
}
@media (max-width:575.98px) {
.small_about {
padding:1.5rem 2rem
}
.small_about .more {
right:-50px
}
.about_txt ul li {
font-size:.9rem;
line-height:1rem
}
.about_txt ul li strong {
font-size:1.4rem;
line-height:1.4rem
}
.app_right ul>li {
width:100%;
margin:0 0 1rem
}
.application1>ul>li {
width:100%;
margin:0 0 1rem 0
}
.application1>ul>li:nth-child(3n) {
margin-right:0
}
.application1>ul>li:nth-child(3n+1) {
clear:both
}
.application1>ul>li ol li.product_img img {
width:100%
}
.application1>ul>li:nth-child(2n) {
margin-top:0
}
.app_right1 ul>li ol li.product_img, .app_right1 ul>li ol li.product_img img {
width:100%
}
.app_right1 ul>li ol li.product_con {
width:100%
}
.app_right1 ul>li ol li.product_con a {
font-size:.95rem;
padding:.5rem 1rem;
margin:0;
font-weight:400;
-webkit-line-clamp:inherit
}
.news_time {
padding:0 1rem 1rem 3.2rem
}
.news_time:before {
left:20px
}
}
.counter-section {
	text-align:center;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	margin-top:2rem;
	color:#fff
}
.counter-section p {
	margin-bottom:2rem
}
.year_box h4 {
	color:#fff;
	margin-bottom:0
}
.counter_updates {
	font-size:2.6rem;
	line-height:3rem;
	position:relative;
	font-weight:600
}
.counter_updates span {
	font-family:Montserrat
}
.counter_updates h4 {
	font-size:1.1rem;
	margin-top:0;
	font-weight:300;
padding:.5rem 0 0;
	color:#eee
}
.counter_updates::before {
position:absolute;
content:"";
width:1px;
height:95%;
background-color:#999;
top:6px;
left:-15px
}
.counter_updates_first::before {
display:none
}
.about_img .counter-section {
	background:#111;
	width:80%;
	padding:1.5rem;
	max-width:inherit;
	margin:0;
	z-index:1;
	position:absolute;
	right:-2rem;
	bottom:-16%
}
#quicknav {
	position:relative;
	color:#111;
	line-height:1.2rem;
font-size:.95rem;
	width:100%;
	padding:1rem 0;
	font-weight:300
}
#quicknav a {
	color:#777
}
#quicknav a i {
	color:#111;
	font-size:1.2rem;
padding:0 .3rem 0 0
}
#quicknav a svg {
	width:22px;
	height:22px;
margin:0 .2rem .5rem 0
}
#quicknav ul {
	width:94%;
	margin:0 auto;
	max-width:1100px
}
#quicknav ul.max_1000 {
	max-width:1000px
}
#quicknav ul.max_1100 {
	max-width:1100px
}
#quicknav ul.max_1200 {
	max-width:1200px
}
#quicknav li {
	display:inline-block;
padding:0 .2rem
}
#quicknav li+li::before {
padding:0 10px 0 5px;
color:#555;
content:"/\00a0"
}
#quicknav a:hover {
	color:#004098
}
#quicknav.quicknav {
	background:0 0;
	color:#eee
}
#quicknav.quicknav a {
	color:#555
}
#quicknav.quicknav li+li::before {
color:#fff
}
.banner_box #quicknav a i {
	color:#fff
}
@media (max-width:575.98px) {
#quicknav {
display:none
}
}
#container {
	margin:230px auto 0 auto;
	width:100%;
	overflow:hidden;
	position:relative
}
.etw_container {
	background:url(../images/container_bg.jpg) no-repeat center;
	background-size:cover;
	background-attachment:fixed
}
.etw_container1 {
	margin:0 auto!important
}
.content_bg {
	width:100%;
	position:relative;
	overflow:hidden;
	background:#f2f3f4;
	padding:1rem 0
}
.content_bg1 {
	width:100%;
	position:relative;
	overflow:hidden;
	background:linear-gradient(180deg, #dde2e6, transparent);
	padding:2rem 0
}
.content_bg1 p {
	width:65%;
	margin:0 auto 2rem;
	text-align:center
}
.content_bg2 {
	width:100%;
	position:relative;
	padding:1rem 0;
	box-shadow:0 10px 12px #c0bfc0
}
.content_bg2:before {
	position:absolute;
	content:'';
	background:url(../images/home-app-bckgd.jpg);
	width:100%;
	height:102.5%;
	top:-38px;
	left:0;
	opacity:.7;
	z-index:-1
}
.content_bg2:after {
	position:absolute;
	content:'';
	background:url(../images/drop-arrow1.png) no-repeat;
	background-size:cover;
	width:76px;
	height:38px;
	left:0;
	right:0;
	margin:0 auto;
	bottom:-38px
}
.content {
	width:94%;
	margin:2rem auto;
	max-width:1200px;
	position:relative
}
.content1 {
	width:94%;
	margin:2rem auto;
	max-width:1100px
}
.content2 {
	width:94%;
	margin:2rem auto;
	max-width:1300px
}
.content_bg3 {
	width:100%;
	position:relative;
	background:url(../images/service_bg.jpg) no-repeat;
	padding:2rem 0
}
.content_bg3 .protitle2 {
	color:#fff
}
.content_bg3 .protitle2::before {
background:url(../images/text_section1.png) no-repeat;
background-size:cover;
width:165px;
height:10px
}
.content_bg3 span {
	display:block;
	width:70%;
	margin:0 auto;
	color:#fff;
	font-size:1.05rem;
	line-height:1.6rem;
	text-align:center
}
.conbg_txt {
margin:2rem auto .5rem auto;
	font-size:1.3rem;
	font-weight:300;
	background:#fff;
	text-align:center;
	width:40%;
padding:.3rem 0;
	color:#111;
	border-radius:2rem
}
.conbg_title {
	color:#fff;
	position:relative;
margin:1rem 0 .5rem;
	font-size:1.2rem;
	font-weight:600
}
.content_bg3 ul.item1 {
	margin:0 0 1.5rem
}
.content_bg3 ul.item1 li {
	color:#fff
}
.about_hub {
	position:relative;
	margin:3rem 0;
	text-align:center
}
.about_hub ul {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	width:90%;
	justify-content:center;
	margin:0 auto
}
.about_hub ul li {
	width:32%;
	margin:0 0 1rem 0;
	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:#118739;
	font-weight:600;
	font-size:1.2rem;
	line-height:1.4rem
}
.about_hub ul li a.dq, .about_hub ul li a:hover {
	color:#004098
}
.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;
	margin:1rem auto;
	display:block;
	background:#004098;
padding:.5rem
}
.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)
}
.img_bg {
	position:absolute;
	width:46%;
	right:0
}
.etw_container .img_bg {
	right:auto;
	left:0
}
.pro_infobox {
	width:100%;
	position:relative
}
.pro_infobox ul {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap
}
.pro_infobox ul li {
	width:33.33%;
	margin:0;
	color:#fff;
	font-size:1rem;
	line-height:1.5rem;
	text-transform:uppercase;
	border-right:1px solid #fff;
	padding:0 2rem;
	font-weight:400;
	text-align:center
}
.pro_infobox ul li:nth-child(3) {
border-right:none
}
.pro_infobox ul li span {
	display:block;
	width:100%;
	font-weight:300;
	font-size:1.3rem;
padding:.3rem 0 0 0;
	text-transform:none;
	line-height:1.6rem
}
.etw_certificate {
	position:relative
}
.etw_certificate ul {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.etw_certificate ul li {
	width:30.66%;
	margin:0 4% 1rem 0;
	background:rgba(255 255 255 / 70%);
	padding:3rem 4rem;
	text-align:center
}
.etw_certificate ul li:last-child {
	margin-right:0
}
.etw_certificate ul li a {
	display:block;
	width:100%;
	position:relative
}
.etw_certificate ul li img {
transition:.6s all ease-in-out;
-webkit-transition:.6s all ease-in-out;
-moz-transition:.6s all ease-in-out;
-ms-transition:.6s all ease-in-out;
-o-transition:.6s all ease-in-out
}
.etw_certificate ul li img:hover {
	transform:scale(1.04);
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
	-ms-transform:scale(1.04);
	-o-transform:scale(1.04)
}
.etw_certificate ul li span {
	display:block;
	width:100%;
padding:.5rem;
	text-align:center
}
.about_box {
	width:100%;
	margin:0 auto 2rem;
	position:relative
}
.about_box ul {
	display:flex;
	flex-flow:wrap;
	margin:0 auto;
	position:relative
}
.about_box>ul>li {
	width:49%;
	margin:0 2% 1rem 0;
transition:.5s all ease-in-out
}
.about_box>ul>li:nth-child(2n) {
margin-right:0
}
.about_box>ul>li:nth-child(2n+1) {
clear:both
}
.about_box ul li ol {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center
}
.about_box ul li ol li.product_img {
	width:30%;
	position:relative;
	overflow:hidden
}
.about_box ul li ol li.product_img a {
	display:block;
	width:100%;
	position:relative
}
.about_box ul li ol li.product_img img {
	width:100%;
transition:.5s all ease-in-out;
-webkit-transition:.5s all ease-in-out;
-moz-transition:.5s all ease-in-out;
-ms-transition:.5s all ease-in-out;
-o-transition:.5s all ease-in-out
}
.about_box ul li ol li.product_img:hover img {
	opacity:.6
}
.about_box ul li ol li.product_con {
	position:relative;
	width:70%;
	display:block;
	padding:0 1.5rem
}
.about_box ul li ol li.product_con a {
	color:#111;
	position:relative;
padding:0 0 .5rem 0;
	font-weight:500;
	font-size:1.05rem;
	line-height:1.3rem;
	text-align:left;
	display:block
}
.about_box ul li ol li.product_con a:before {
	display:none;
	position:absolute;
	content:'';
	background:linear-gradient(180deg, transparent, #004098);
	width:100px;
	height:5px;
	left:0;
	bottom:10px
}
.about_box ul li ol li.product_con span {
	color:#666;
	position:relative;
	font-weight:300;
font-size:.85rem;
	line-height:1.2rem;
	text-align:left;
	display:block
}
.about_box ul li ol li.product_con p {
	color:#091d3e;
	position:relative;
font-size:.9rem;
	line-height:1.3rem;
	text-align:left
}
.about_box>ul>li.big_hub {
	width:100%;
	margin:0 0 1rem
}
.about_box ul li.big_hub ol li.product_img {
	width:20%
}
.about_box ul li.big_hub ol li.product_con {
	width:80%
}
.about_box ul li.big_hub ol li.product_con a {
	font-size:1.5rem;
	line-height:1.8rem
}
.about_box ul li.big_hub ol li.product_con span {
font-size:.95rem;
	line-height:1.4rem
}
.about_box ul li ol li.product_con a.dq, .about_box ul li ol:hover li.product_con a {
	color:#004098
}
.about_box ul li ol li.product_con a.more {
	color:#fff;
	display:inline-block;
padding:.3rem 1rem;
font-size:.75rem;
line-height:.75rem;
	width:auto;
margin:.8rem 0 0 0;
	text-transform:uppercase;
	font-weight:300;
	background:#004098
}
.about_box ul li ol li.product_con a.more:before {
	display:none
}
.about_box ul li ol li.product_con a.more:hover {
	background:#384466
}
.about_box1 {
	width:100%;
	position:relative;
	margin:1rem 0
}
.about_box1 ul {
	display:flex;
	flex-flow:wrap;
	position:relative
}
.about_box1>ul>li {
	width:100%;
	margin:0 0 4rem 0
}
.about_box1 ul li ol {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	align-items:center
}
.about_box1 ul li:nth-child(2n) ol {
flex-direction:row-reverse
}
.about_box1 ul li ol li.product_name {
	width:100%;
	color:#253041;
	font-size:1.4rem;
	line-height:1.6rem;
	display:block;
	padding:1rem 0;
	font-weight:600
}
.about_box1 ul li ol li.product_name span {
	display:block;
	padding:1rem 0;
	font-size:1rem;
	line-height:1.4rem;
	color:#111;
	font-weight:300
}
.about_box1 ul li ol li.product_img {
	width:40%;
	overflow:hidden;
	z-index:1;
	position:relative;
	background:#fff
}
.about_box1 ul li ol li.product_img a {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	position:relative;
	justify-content:center;
	align-items:center;
	border:1px solid #eee
}
.about_box1 ul li ol li.product_img img {
transition:.3s all ease-in-out
}
.about_box1 ul li ol li.product_con {
	width:60%;
	position:relative;
	padding:0 3rem;
	margin:3rem 0 0
}
.about_box1 ul li ol li.product_con:before {
	content:"";
	position:absolute;
	left:-10%;
	top:-20%;
	background:#fafaf8;
	height:140%;
	width:110%;
	z-index:-2;
	border:3px solid #efefef
}
.about_box1 ul li:nth-child(2n) ol li.product_con:before {
right:-10%;
left:auto
}
.about_box1 ul li ol li.product_con>a {
	color:#004098;
	padding:1rem 0;
	text-align:left;
	font-size:1.5rem;
	line-height:1.8rem;
	display:flex;
	font-weight:600;
	position:relative
}
.about_box1 ul li ol li.product_con span {
	display:block;
	font-size:1.1rem;
	font-weight:300;
	line-height:1.5rem;
	color:#666;
	margin:0 0 1rem 0
}
.about_box1 ul li ol li.product_con p {
font-size:.95rem;
	line-height:1.5rem;
	color:#555;
	margin:0;
	display:block;
	position:relative
}
.about_box1 ul li ol li.product_con .more {
	font-size:1rem;
	line-height:1rem;
	display:inline-block;
padding:.6rem 1.2rem;
	text-align:center;
	color:#fff;
	font-weight:300;
	background:#004098;
margin:.5rem 0 .5rem .5rem
}
.about_box1 ul li ol li.product_con .more::after {
position:absolute;
content:'';
background:#118739;
width:30px;
height:30px;
left:-6px;
bottom:10px;
z-index:-1;
transition:.3s all ease-in-out
}
.about_box1 ul li ol li.product_con a:hover {
	color:#118739
}
.about_box1 ul li ol li.product_con .more:hover:after {
	width:100%;
	background:#004098
}
.about_box1 ul li ol li.product_con .more:hover {
	color:#fff;
	background:#118739
}
.about_box1_sm ul li ol li.product_img {
	width:20%
}
.about_box1_sm ul li ol li.product_con {
	width:80%
}
.about_box2 {
	width:100%;
	margin:0 auto;
	position:relative
}
.about_box2>ul {
	display:flex;
	flex-wrap:wrap
}
.about_box2>ul>li {
	margin:0 2% 2rem 0;
	width:49%;
	background:#fff;
	padding:2rem 1rem;
	overflow:hidden;
transition:.5s all ease-in-out;
	border:1px solid #004098;
	border-radius:1rem
}
.about_box2>ul>li:hover {
	filter:drop-shadow(0 0 12px rgba(0 0 0 / 20%));
	-webkit-filter:drop-shadow(0 0 12px rgba(0 0 0 / 20%))
}
.about_box2>ul>li:nth-child(2n) {
margin-right:0
}
.about_box2>ul>li:nth-child(2n+1) {
clear:both
}
.about_box2 ul li ol {
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap
}
.about_box2 ul li ol li.product_img {
	width:100%;
	position:absolute;
	overflow:hidden
}
.about_box2 ul li ol li.product_img a {
	display:block
}
.about_box2 ul li ol li.product_img img {
transition:.3s all ease-in-out;
	width:40px;
	margin:0 0 0 1rem
}
.about_box2 ul li ol li.product_con {
	width:100%;
	position:relative
}
.about_box2 ul li ol li.product_con a {
	color:#111;
	display:block;
	width:100%;
	font-weight:600;
	line-height:1.4rem;
	font-size:1.1rem;
	padding:1rem 1rem 1rem 4.5rem
}
.about_box2 ul li ol li.product_con strong {
	font-size:1rem;
	line-height:1.6rem;
padding:0 0 .5rem 0;
	display:block;
	font-weight:400
}
.about_box2 ul li ol li.product_con span {
font-size:.9rem;
	color:#111;
	padding:0 1rem;
	line-height:1.4rem;
	display:block
}
.about_box2 ul li ol:hover li.product_con a {
	color:#004098
}
.about_box2 ul li ol li.product_con a.more {
font-size:.8rem;
	line-height:1.2rem;
	background:#004098;
	color:#fff;
font-size:.85rem;
	font-weight:300;
	text-align:center;
	display:inline-block;
padding:.4rem 1rem .3rem 1rem;
	width:auto;
margin:1rem 0 2rem .5rem
}
.about_box2 ul li ol:hover li.product_con a.more {
	background:#333
}
.about_box3 {
	width:100%;
	margin:0 auto;
	padding:1rem 0 2rem
}
.about_box3 ul {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.about_box3>ul>li {
	width:23.5%;
	margin:0 2% 2rem 0;
	position:relative
}
.about_box3>ul>li:nth-child(4n) {
margin-right:0
}
.about_box3>ul>li:nth-child(4n+1) {
clear:both
}
.about_box3 ul li ol {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	padding:0 0 5.5rem
}
.about_box3 ul li ol li.product_img {
	width:100%;
	position:relative;
	overflow:hidden;
	border-radius:50%;
	z-index:1
}
.about_box3 ul li ol li.product_img a {
	position:relative;
	display:block;
	width:100%
}
.about_box3 ul li ol li.product_img a:before {
	position:absolute;
	content:'';
	background:rgba(0 0 0 / 30%);
	width:100%;
	height:100%;
	left:0;
	top:0;
transition:.3s all ease-in-out
}
.about_box3 ul li ol li.product_img .overlay {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
	right:0;
	margin:0 auto;
	width:54px;
	height:54px;
transition:.3s all ease-in-out;
	opacity:.8
}
.about_box3 ul li ol li.product_img img {
transition:.2s all ease-in-out
}
.about_box3 ul li ol:hover li.product_img a:before {
	transform:scaleX(0);
	opacity:0
}
.about_box3 ul li ol:hover li.product_img .overlay {
	opacity:0
}
.about_box3 ul li ol li.product_con {
	width:100%;
	position:absolute;
	background:#fff;
	box-shadow:0 0 30px rgb(0 0 0 / 10%);
	bottom:0;
transition:.3s all ease-in-out
}
.about_box3 ul li ol:hover li.product_con {
	box-shadow:0 0 30px rgb(0 0 0 / 25%)
}
.about_box3 ul li ol li.product_con img {
	margin:-3rem auto 0 auto;
	display:block;
	border-radius:50%;
	background:#fff;
padding:.8rem
}
.about_box3 ul li ol li.product_con a {
	color:#333;
	font-size:1rem;
	display:block;
	position:relative;
	width:100%;
	font-weight:400;
	line-height:1.2rem;
padding:8rem .5rem 1.5rem;
	text-align:center
}
.about_box3 ul li ol li.product_con span {
	color:#333;
	width:100%;
font-size:.95rem;
	font-weight:300;
	padding:1rem 1.2rem 1.5rem;
	line-height:1.4rem;
	display:block;
	text-align:center
}
.about_box3 ul li ol li.product_con p {
font-size:.8rem;
	margin:0;
	line-height:1.1rem
}
.about_box3 ul li ol li.product_con a.more {
	color:#004098;
	padding:0;
font-size:.9rem;
	display:inline-block;
	margin:1rem 1.5rem 1.5rem 1.5rem;
	line-height:2rem;
	font-weight:600;
	width:auto
}
.about_box3 ul li ol li.product_con a.more:before {
	position:absolute;
	content:'';
	background:#004098;
	width:0;
	height:2px;
	left:0;
	bottom:0;
transition:.3s all ease-in-out
}
.about_box3 ul li ol:hover li.product_con a {
	color:#004098
}
.about_box3 ul li ol li.product_con a.more:hover:before {
	width:100%
}
.about_box3_five>ul>li {
	width:18.4%;
	margin:0 2% 1.5rem 0;
	position:relative
}
.about_box3_five>ul>li:nth-child(5n) {
margin-right:0
}
.about_box3_five>ul>li:nth-child(5n+1) {
clear:both
}
.about_more {
	margin:1rem auto;
	position:relative;
	text-align:center
}
.about_more a {
	color:#004098;
	display:inline-block;
	position:relative;
padding:.5rem 1rem;
	font-size:1.1rem;
	line-height:1.1rem;
	font-weight:600
}
.about_more a:after {
	content:"\f178";
	font-family:FontAwesome;
	color:#004098;
	font-size:14px;
margin:0 0 0 .3rem;
transition:.3s all ease-in-out
}
.about_more a:hover:after {
margin:0 0 0 .6rem
}
.about_box4 {
	width:100%;
	margin:2rem auto;
	position:relative
}
.about_box4 ul {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.about_box4 ul>li {
	width:32%;
	margin:0 2% 1.5rem 0;
	background:#004098;
	padding:3rem 2rem;
	text-align:center;
transition:.3s all ease-in-out
}
.about_box4 ul>li:nth-child(3n) {
margin-right:0
}
.about_box4 ul>li:hover {
	background:#118739;
	box-shadow:1px 4px 10px rgba(0 0 0 / 30%)
}
.about_box4 ul li ol {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	width:100%
}
.about_box4 ul li ol li.product_img {
	position:relative;
	width:100%;
transition:.3s all ease-in-out;
	text-align:center
}
.about_box4 ul li ol li.product_img a {
	position:relative;
	display:block;
	margin:0 0 1rem
}
.about_box4 ul li ol li.product_img img {
transition:.3s all ease-in-out
}
.about_box4 ul li:hover ol li.product_img img {
	transform:translateY(-10px)
}
.about_box4 ul li ol li.product_con {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	bottom:0
}
.about_box4 ul li ol li.product_con a {
	width:100%;
	display:block;
	text-align:center;
	color:#fff;
	font-size:1.4rem;
	line-height:1.6rem;
	padding:1rem 0 2rem;
	position:relative
}
.about_box4 ul li ol li.product_con a:before {
	position:absolute;
	content:'';
	background:#83ffad;
	width:100px;
	height:2px;
	left:0;
	right:0;
	margin:0 auto;
	bottom:14px
}
.about_box4 ul li ol li.product_con span {
	font-size:1.05rem;
	display:block;
	width:100%;
	font-weight:300;
	line-height:1.4rem;
	color:#fff;
	text-align:center;
padding:.5rem 0
}
.about_box4 ul li ol li.product_con p {
font-size:.9rem;
	line-height:1.4rem;
	color:#fff;
	width:100%
}
.about_box4 ul li:hover ol li.product_con a {
	color:#fff
}
.about_box5 {
	width:100%;
	position:relative
}
.about_box5 ul {
	display:flex;
	flex-flow:wrap;
	position:relative
}
.about_box5>ul>li {
	width:100%;
	margin:0 0 2rem 0;
	padding:1rem 2rem 2rem 2rem;
	background:#efefef
}
.about_box5 ul li ol {
	display:flex;
	flex-wrap:wrap;
	width:100%
}
.about_box5 ul li ol li.product_name a {
	width:100%;
	color:#253041;
	font-size:1.6rem;
	line-height:2rem;
	display:block;
	padding:1rem 0 0 0;
	font-weight:600
}
.about_box5 ul li ol li.product_name span {
	display:block;
	padding:1rem 0;
	font-size:1rem;
	line-height:1.4rem;
	color:#111;
	font-weight:300
}
.about_box5 ul li ol li.product_name a.more {
font-size:.95rem;
line-height:.95rem;
	font-weight:300;
	background:#253041;
	display:block;
	float:right;
	text-align:center;
	width:120px;
	color:#fff;
padding:.5rem 1rem;
	border-radius:2rem
}
.about_box5 ul li ol li.product_name a:hover {
	color:#004098
}
.about_box5 ul li ol li.product_img {
	width:50%;
	overflow:hidden
}
.about_box5 ul li ol li.product_img a {
	display:block;
	width:100%
}
.about_box5 ul li ol li.product_img img {
transition:.3s all ease-in-out
}
.about_box5 ul li ol li.product_img img:hover {
	transform:scale(1.06)
}
.about_box5 ul li ol li.product_con {
	width:50%;
	position:relative;
	padding:0 0 0 1.5rem
}
.about_box5 ul li ol li.product_con>a {
	color:#fff;
padding:2rem 1rem .5rem 2rem;
	text-align:left;
	font-size:1.3rem;
	display:flex;
	font-family:Poppins
}
.about_box5 ul li ol li.product_con span {
	display:block;
	padding:0 0 1rem 0;
font-size:.9rem;
	line-height:1.2rem;
	color:#111
}
.about_box5 ul li ol li.product_con ol li {
	width:30.66%;
	margin:0 4% 0 0;
	border-radius:50%;
	position:relative
}
.about_box5 ul li ol li.product_con ol li:nth-child(3n) {
margin-right:0
}
.about_box5 ul li ol li.product_con ol li img {
	position:relative
}
.about_box5 ul li ol li.product_con .more {
	position:absolute;
	right:2rem;
	bottom:2rem
}
.about_box5 ul li ol li.product_con .more a {
	color:#fff;
font-size:.95rem;
	text-decoration:underline;
	font-style:oblique
}
.about_box5 ul li ol li.product_con a:hover {
	color:#004098
}
.app_hub {
	width:100%;
	position:relative;
	padding:0 2rem;
	margin:1rem 0
}
.app_hub ul {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.app_hub>ul>li {
	position:relative;
	margin:0;
	text-align:center
}
.app_hub>ul.hub_item>li {
	width:49%;
	margin:0 2% 0 0
}
.app_hub>ul.hub_item>li:last-child {
	margin-right:0
}
.app_hub ul li ol {
	position:relative
}
.app_hub ul li ol li.product_img {
	position:relative;
	display:block;
	margin:0 auto
}
.app_hub ul li ol li.product_img img {
	position:relative;
transition:.3s all ease-in-out
}
.app_hub ul li ol li.product_con {
	position:absolute;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.app_hub ul li ol li.product_con a {
	display:block;
	width:100%;
	padding:1rem 0;
	text-align:center;
	color:#111;
	font-size:1rem;
	line-height:1.1rem;
	text-shadow:1px 1px 1px #fff;
	font-weight:500
}
.app_hub ul li ol:hover li.product_con a {
	color:#004098
}
.small_box {
	padding:1rem 5rem
}
@media (max-width:991.98px) {
#container {
margin-top:0
}
.content1 {
width:100%;
margin:0 auto;
padding:1.5rem
}
.about_box3 ul>li {
width:32%;
margin:0 2% 1.5rem 0
}
.about_box3 ul>li:nth-child(4n) {
margin-right:2%
}
.about_box3 ul>li:nth-child(4n+1) {
clear:none
}
.about_box3 ul>li:nth-child(3n) {
margin-right:0
}
.about_box3 ul>li:nth-child(3n+1) {
clear:both
}
.about_box3 ul li ol li.product_con a {
padding:10rem 0 1.5rem
}
.app_hub>ul>li {
width:49.75%
}
.app_hub>ul>li:nth-child(3n) {
margin-right:.5%
}
.app_hub>ul>li:nth-child(3n+1) {
clear:none
}
.app_hub>ul>li:nth-child(2n) {
margin-right:0
}
.app_hub>ul>li:nth-child(2n+1) {
clear:both
}
.about_hub ul li {
width:32%
}
.about_hub ul li:nth-child(3n) {
margin-right:0;
border-right:none
}
.about_hub ul li:nth-child(3n+1) {
clear:both
}
.about_hub ul li span {
display:block
}
}
@media (max-width:767.98px) {
.about_box>ul>li {
width:100%;
margin:0 0 2rem 0
}
.about_box ul li ol li.product_con span {
font-size:.95rem;
line-height:1.4rem
}
.about_box1>ul>li {
width:100%;
margin:0 0 1.5rem 0
}
.about_box1 ul li ol li.product_con:before {
display:none
}
.about_box1 ul li ol li.product_con, .about_box1 ul li ol li.product_img {
width:100%;
padding:0;
margin:0
}
.about_box1 ul li ol li.product_img figure, .about_box1 ul li ol li.product_img img {
width:100%
}
.about_box2>ul>li {
width:49%
}
.about_box2>ul>li:nth-child(3n) {
margin-right:2%
}
.about_box2>ul>li:nth-child(3n+1) {
clear:none
}
.about_box2>ul>li:nth-child(2n) {
margin-right:0
}
.about_box2>ul>li:nth-child(2n+1) {
clear:both
}
.about_box3 ul>li {
width:49%;
margin:0 2% 1.5rem 0
}
.about_box3 ul>li:nth-child(3n) {
margin-right:2%
}
.about_box3 ul>li:nth-child(2n) {
margin-right:0
}
.about_box3 ul>li:nth-child(2n+1) {
clear:both
}
.about_box4 ul>li {
width:49%
}
.about_box4 ul>li:nth-child(2n) {
margin-right:0
}
.about_box4 ul>li:nth-child(2n+1) {
clear:both
}
.about_box5 ul li.pro_box {
width:100%;
margin:0 0 1.5rem 0
}
}
@media (max-width:575.98px) {
.about_box ul li {
border-radius:0
}
.about_box ul li ol li.product_con, .about_box ul li ol li.product_img {
width:100%;
padding:0
}
.about_box ul li.big_hub ol li.product_con, .about_box ul li.big_hub ol li.product_img {
width:100%;
padding:0
}
.about_box ul li ol li.product_con a {
padding:.5rem 0
}
.about_box2>ul>li {
width:100%;
margin:0 0 2rem 0
}
.about_box3 ul>li {
width:100%;
margin:0 0 1.5rem 0
}
.about_box3 ul>li:nth-child(3n) {
margin-right:0
}
.about_box4 ul>li {
width:100%;
margin:0 0 1.5rem 0
}
.app_hub>ul>li {
width:100%;
margin:0 0 1rem 0
}
.app_hub>ul>li:nth-child(3n) {
margin-right:0
}
.about_hub ul li {
width:49%
}
.about_hub ul li:nth-child(3n) {
margin-right:2%;
border-right:1px dotted #ccc
}
.about_hub ul li:nth-child(2n) {
margin-right:0;
border-right:none
}
.about_hub ul li:nth-child(2n+1) {
clear:both
}
}
@media (max-width:419.98px) {
.about_box>ul>li {
width:100%;
margin:0 0 1.5rem 0
}
}
.about_item {
	position:relative
}
.about_item:before {
	position:absolute;
	content:'';
	border-left:2px solid #004098;
	border-top:2px solid #004098;
	left:-40px;
	top:-30px;
	width:100px;
	height:80px
}
.about_item:after {
	position:absolute;
	content:'';
	border-right:2px solid #004098;
	border-bottom:2px solid #004098;
	right:-40px;
	bottom:-25px;
	width:100px;
	height:80px
}
.right_box {
	width:50%;
	float:right;
	margin:0 0 4rem 2%
}
.right_box a {
	position:relative;
	padding:0 3rem 0 0;
	display:block;
	width:100%
}
.right_box a:before {
	position:absolute;
	content:'';
	background:#eaeaea;
	width:90%;
	height:90%;
	left:10%;
	top:22%
}
.right_box a img {
	position:relative
}
.right_box1 {
	width:50%;
	float:right;
	margin:0 0 1rem 3%
}
.box_bg {
	width:100%;
	padding:2rem;
	background:#dde2e6;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	border-radius:20rem 4rem 4rem 1rem;
	-webkit-border-radius:20rem 4rem 4rem 1rem;
	-moz-border-radius:20rem 4rem 4rem 1rem;
	-ms-border-radius:20rem 4rem 4rem 1rem;
	-o-border-radius:20rem 4rem 4rem 1rem
}
.item_box_shadow {
	position:relative;
transition:.5s all ease-in-out
}
.item_box_shadow:hover {
	filter:drop-shadow(0 0 6px rgba(0 0 0 / 15%));
	-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 15%));
transform:translateY(-.5rem)
}
.item_box {
	padding:2rem;
	border-radius:2rem;
	background:#fff;
	position:relative;
	overflow:hidden;
	box-shadow:0 6px 10px rgb(0 0 0 / 20%)
}
.item_box .etw_photo ul li {
	margin-bottom:0
}
.item_box .etw_photo ul li a {
	border-radius:50%
}
.item_boxs .etw_photo ul li a {
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0
}
.item_box .etw_photo ul li span {
font-size:.8rem;
	line-height:1rem
}
.item_box1 {
	position:relative;
	padding:0 0 0 3rem;
	width:100%
}
.item_box1:before {
	position:absolute;
	content:'';
	border-left:1px dotted #004098;
	width:1px;
	height:100%;
	left:23px;
	top:0
}
.item_box1 p {
	color:#555
}
.item_box2 {
	background:#f8f8f8;
	padding:3rem;
	margin:1rem 0 0 -5rem;
	box-shadow:3px 5px 6px rgba(0 0 0 / 10%)
}
.item_box2 p {
font-size:.85rem;
	line-height:1.3rem;
	color:#777
}
.etw_hometitle1 {
	margin:4rem 0 2rem;
	padding:0 0 0 3rem
}
.etw_hometitle1 span {
	display:block
}
.aboutbox {
	border:10px solid rgba(221 221 221 / 30%);
	padding:2rem 3rem 1rem 3rem;
transition:.3s all ease-in-out;
	background:#efefef
}
.hub_bg {
	background:url(../images/hub_bg1.jpg) no-repeat;
	background-size:cover;
	position:relative;
	width:100%;
	overflow:hidden
}
.hub_bg:before {
	position:absolute;
	content:'';
	background:rgba(0 0 0 / 70%);
	width:100%;
	height:100%;
	left:0;
	top:0
}
.hub_bg1 {
	background:url(../images/hub_bg2.jpg) no-repeat;
	background-size:cover;
	background-position:0 50%
}
.hub_bg2 {
	background:url(../images/hub_bg3.jpg) no-repeat;
	background-size:cover
}
.hub_bg3 {
	background:url(../images/hub_bg4.jpg) no-repeat;
	background-size:cover;
	background-position:0 30%
}
.hub_bg4 {
	background:url(../images/hub_bg5.jpg) no-repeat;
	background-size:cover
}
.hub_bg5 {
	background:url(../images/hub_bg6.jpg) no-repeat;
	background-size:cover;
	background-position:0 50%
}
.hub_bg6 {
	background:url(../images/hub_bg7.jpg) no-repeat;
	background-size:cover;
	background-position:0 70%
}
.hub_bg7 {
	background:url(../images/hub_bg8.jpg) no-repeat;
	background-size:cover;
	background-position:0 30%
}
.hub_bg8 {
	background:url(../images/hub_bg9.jpg) no-repeat;
	background-size:cover
}
.hub_bg .content {
	background:0
}
.hub_bg2 .hub_box, .hub_bg4 .hub_box, .hub_bg6 .hub_box, .hub_bg8 .hub_box, .hub_bgs .hub_box {
	float:right
}
.hub_box {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:start;
	width:100%;
	padding:1rem 0
}
.hub_left {
	width:25%;
	position:relative
}
.hub_right {
	width:72%;
	position:relative;
	margin:0 0 0 3%
}
.hub_title {
	width:100%;
	position:relative
}
.hub_title:before {
	position:absolute;
	content:'';
	width:90%;
	height:90%;
	border:1px solid #fff;
	left:5%;
	top:5%;
	z-index:1;
transition:.3s all ease-in-out
}
.hub_title:hover:before {
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0 0 0 / 30%)
}
.hub_title a {
	display:block;
	position:relative;
	width:100%
}
.hub_title span {
	font-size:1.5rem;
	display:block;
	line-height:1.8rem;
	position:absolute;
	top:22%;
	left:0;
	padding:0 0 0 1rem;
	color:#fff;
	font-weight:700;
	text-align:left;
	width:80%;
	right:0;
	margin:0 auto;
	z-index:2;
transition:.3s all ease-in-out
}
.hub_title a:hover span {
	color:#aaa
}
.hub_more {
	position:absolute;
	left:10%;
	bottom:15%;
	margin:0 0 0 1rem;
	z-index:2
}
.hub_more a {
	background:#004098;
	color:#fff;
	display:inline-block;
	text-align:center;
padding:.5rem 1.5rem;
	font-size:1rem;
	line-height:1rem;
	border-radius:2rem;
	font-weight:300
}
.hub_more a:hover {
	background:#111
}
.hub_box p {
	color:#fff;
	font-size:1.1rem;
	line-height:1.5rem;
	margin:0 auto 1.5rem auto;
	width:88%
}
.hub_box a.more {
	font-size:1rem;
	line-height:1rem;
	position:relative;
	padding:0;
	color:#fff
}
.hub_box a.more:hover {
	color:#004098
}
.hub_box a.more:after {
	content:"\f178";
	font-family:FontAwesome;
	color:#fff;
font-size:.8rem;
padding-left:.3rem;
transition:.3s all ease-in-out
}
.hub_box a.more:hover:after {
padding-left:.5rem;
	color:#004098
}
.proinfo_bg {
	background-color:#3d3d3d;
	position:relative;
	padding:1rem 2rem;
	box-shadow:0 0 10px 0 rgb(0 0 0 / 50%)
}
.proimg_bg {
	position:relative;
	background:linear-gradient(180deg, #efefef 80%, #8c98ab);
	padding:3rem 0
}
.proimg_bg img {
	text-align:center;
	display:block;
	box-shadow:1px 25px 23px -20px #666;
	max-width:1000px;
	margin:0 auto
}
.info_bg {
	background:#efefef
}
.info_bg p.first {
	font-size:1.2rem;
	padding:1rem
}
.icon_img {
	margin:0 auto 1rem auto;
	text-align:center;
	width:60px;
	border:5px solid rgba(255 193 7 / 50%);
	border-radius:50%;
	background:#fff
}
.protable_bg {
	display:flex;
	flex-wrap:wrap;
	align-items:center
}
.app_list ul {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.app_list ul li {
	display:flex;
	position:relative;
	margin:0 2% 0 0;
	width:15%;
	border-radius:50%;
	overflow:hidden;
	border-right:3px solid #004098;
	border-left:3px solid #004098;
	box-shadow:1px 3px 10px #999
}
.app_list ul li:last-child {
	margin-right:0
}
.app_list ul li .icon {
	display:block
}
.app_list ul li .icon svg {
	height:4.6875rem;
	width:4.6875rem;
	stroke:#013a98;
stroke-width:.1875rem;
	overflow:visible
}
.app_pic {
	padding:2px
}
.app_pic a {
	display:block;
	position:relative
}
.app_pic a:before {
	position:absolute;
	content:'';
	width:100%;
	height:30%;
	background:linear-gradient(180deg, transparent, #004098);
	left:0;
	bottom:0;
transition:.3s all ease-in-out
}
.app_pic span {
	position:absolute;
	display:block;
	width:100%;
	color:#fff;
	text-align:center;
	padding:1rem 0;
	left:0;
	bottom:0;
	font-size:1rem;
letter-spacing:.02rem;
	font-weight:600;
	text-transform:uppercase;
transition:.3s all ease-in-out
}
.app_pic a:hover:before {
	height:100%
}
.app_pic a:hover span {
	color:#004098
}
@media (max-width:991.98px) {
.img_bg {
position:relative;
right:auto;
left:auto;
margin:0 0 1rem 0;
width:100%
}
}
@media (max-width:767.98px) {
.item_box2 {
padding:2rem;
margin:1rem 0 0 0
}
.app_list ul li {
width:23.5%
}
.app_list ul li:nth-child(4n) {
margin-right:0
}
}
@media (max-width:575.98px) {
.right_box {
width:100%;
margin:0 0 1rem 0
}
.right_box a {
padding:0
}
.right_box a:before {
display:none
}
.item_box {
padding:1.5rem
}
}
@media (max-width:410.98px) {
.app_list ul li {
width:49%;
margin:0 2% 1.5rem 0
}
.app_list ul li:nth-child(2n) {
margin-right:0
}
.app_list ul li .icon {
margin:0 auto
}
}
.faq_q {
padding:.5rem 0 .5rem 3rem;
	font-size:1.4rem;
	line-height:1.6rem;
	font-weight:600;
	font-style:oblique;
	color:#118739;
	margin:0;
	border-radius:0 0 0 4rem;
	position:relative;
	box-shadow:-2px 4px 6px -3px rgba(0 0 0 / 12%)
}
.faq_q:before {
	position:absolute;
	content:'Q:';
	font-size:1rem;
	font-weight:400;
	left:22px;
	top:9px;
	font-family:Montserrat;
	color:#118739;
	font-style:normal
}
.faq_a {
	padding:2rem 3rem 2rem 2rem;
	width:97%;
	margin:0 0 2rem 2.5%;
	font-size:1.1rem;
	line-height:1.4rem;
	background:#efe;
	border-left:1px dotted #118739
}
.oem_box {
	width:100%;
	position:relative;
	padding:1rem 8% 2rem 12%;
	margin:3rem 0 3rem 0
}
.oem_box:before {
	position:absolute;
	content:'';
	background:#ecf3f8;
	transform:skew(-15deg);
	width:100%;
	height:100%;
	left:0;
	top:0
}
.oem_box:after {
	position:absolute;
	content:'';
	background:url(../images/quote.svg) no-repeat;
	background-size:auto;
	background-size:cover;
	width:70px;
	height:67px;
	left:4rem;
	top:-2.5rem
}
.oemtitle {
	position:relative;
	font-size:2rem;
	line-height:2.2rem;
	font-weight:600;
	padding:2rem 0 1rem
}
.oemtitle a {
	color:#004098
}
.oemtitle a:hover {
	color:#118739
}
.oem_box p {
	position:relative;
	margin:0;
font-size:.9rem;
	line-height:1.4rem;
	color:#666
}
.oem_more {
	position:relative
}
.oem_more a {
	color:#333;
	position:relative;
	display:inline-block;
padding:.6rem 0 0
}
.oem_more a:after {
	width:13px;
	height:9px;
margin:0 0 0 .3rem;
	content:'';
	background:url(../images/jiantou.svg) no-repeat;
	background-size:auto;
	background-size:cover;
	position:absolute;
	right:-20px;
	top:20px;
transition:.3s all ease-in-out
}
.oem_more a:hover {
	color:#118739
}
.oem_more a:hover:after {
	right:-26px
}
.about_link ul li a {
	display:block;
	color:#333;
padding:.5rem 1rem;
	position:relative;
	border:1px solid #333;
	font-size:1rem;
border-radius:.3rem
}
.about_link ul li a:before {
	content:"\f178";
	position:absolute;
	right:20px;
	top:8px;
	font-family:FontAwesome;
	color:#333;
	font-size:16px;
transition:.3s all ease-in-out
}
.about_link ul li a:hover {
	color:#fff;
	background:#004098;
	border-color:#004098
}
.about_link ul li a:hover:before {
	color:#fff
}
.tab_li {
	border:none;
	position:relative;
	margin:2rem 0
}
.tab_li ul {
	width:100%;
	margin:0 auto;
	justify-content:center;
	display:flex;
	flex-wrap:wrap
}
.tab_li li {
	font-size:1rem;
	line-height:1.2rem;
	position:relative;
	display:inline-block;
	color:#111;
	font-weight:500;
	padding:0;
	cursor:pointer;
	margin:0;
	width:14%;
	text-transform:uppercase;
	text-align:center;
	font-family:Poppins
}
.tab_li li span {
	display:block;
	width:100%;
	border-right:2px solid #f2bb41
}
.tab_li li:last-child span {
	border-right:none
}
.tab_li li:before {
	position:absolute;
	content:'';
	background:#333;
	width:0;
	height:1px;
	left:0;
	bottom:8px;
transition:.3s all ease-in-out;
	display:none
}
.tab_li li img {
	display:block;
margin:.5rem auto;
	border-radius:50%
}
.tab_li li.dq, .tab_li li:hover {
	color:#004098
}
.tabfixed {
	position:fixed;
	top:108px;
	left:0;
	margin:0;
	z-index:999;
	width:100%;
	background:#fff;
	right:0;
	box-shadow:0 3px 10px rgb(0 0 0 / 20%)
}
.tabfixed ul {
	max-width:1200px;
	width:100%;
margin:0 auto .5rem
}
.tabfixed ul li img {
	width:50px
}
@media (max-width:991.98px) {
.tabfixed {
position:relative;
top:auto;
left:auto;
right:auto
}
.tabfixed ul {
background:#dde2e6
}
.tabfixed ul li {
color:#333
}
.tabfixed li:before {
background:#333
}
}
.accordion {
	margin:2rem 0
}
.card {
	background:0;
	border:none
}
.card-header {
transition:.3s all ease-in-out;
	border-bottom:2px solid #eee;
	border-radius:5rem!important;
	background:#eff7fa
}
.card-header:hover {
	background:rgba(0, 0, 0, .09)
}
.card-header .btn {
	font-size:1.3rem;
	color:#004098;
	position:relative;
	line-height:1.4rem;
	white-space:normal;
padding:.5rem;
	font-weight:600
}
.card-header .btn a {
	color:#333
}
.card-header .btn:hover a {
	color:#004098
}
.card-body {
	position:relative;
	margin:0 0 1.5rem 0;
	padding:1.5rem 0
}
.card-body1 {
	padding:2rem 3rem
}
.card-header .btn span {
	float:right;
	font-size:3rem;
	color:#777;
	font-weight:100;
	font-family:Montserrat;
transition:.3s all ease-in-out
}
.card-header .btn:hover span {
	transform:rotate(135deg);
	color:#004098
}
.btn-link.focus, .btn-link:focus, .btn:hover, .btn[aria-expanded=true] {
	text-decoration:none;
	color:#004098
}
.btn[aria-expanded=true] span {
	transform:rotate(135deg);
	color:#004098
}
#etw_right {
	float:left;
	width:73%;
	position:relative
}
#etw_right:before {
	position:absolute;
	content:'';
	background:#ddd;
	width:1px;
	height:110%;
	right:0;
	top:-10%;
	display:none
}
#etw_sidebar {
	float:right;
	width:24%;
	position:relative;
	margin:0 auto
}
#etw_sidebar .webtitle {
	text-align:left;
	font-size:1.6rem;
	line-height:1.6rem;
padding:1rem 0 .5rem;
	color:#333;
	font-weight:600;
	border-radius:2rem;
	position:relative;
transition:.3s all ease-in-out;
	width:100%;
	margin:0;
	text-transform:uppercase
}
#etw_sidebar .webtitle:hover {
	width:100%
}
#etw_sidebar .webtitle span {
	display:block;
	padding:0 0 0 2rem;
	color:#111
}
#etw_sidebar .webtitle a {
	color:#fff;
	display:block;
	width:100%;
	padding:1.2rem
}
#etw_sidebar .webtitle a:hover {
	color:#818ea2
}
#etw_productlist {
	position:relative;
	overflow:hidden;
	padding:1rem;
	border:1px solid #d6d6d6;
	background:#fff
}
#etw_productlist>ul {
	position:relative
}
#etw_productlist>ul>li {
	width:100%;
	position:relative;
	display:block;
transition:.3s all ease-in-out;
padding:0 0 .3rem
}
#etw_productlist>ul>li>a {
	padding:1.5rem;
	color:#fff;
	font-size:1.2rem;
	line-height:1.4rem;
	font-weight:600;
	position:relative;
	display:block;
	background:linear-gradient(45deg, #111, #004098);
	width:100%;
	overflow:hidden
}
#etw_productlist>ul>li>a:before {
	content:"\f101";
	font-family:FontAwesome;
	display:none;
	color:#111;
	position:absolute;
	left:6px;
	top:4px;
transition:.3s all ease-in-out
}
#etw_productlist>ul.aboutlist>li>a {
	font-size:1rem;
	line-height:1.2rem
}
#etw_productlist>ul>li>a.dq, #etw_productlist>ul>li>a:hover {
	color:#b7e4e3
}
#etw_productlist>ul>li>a.dq:before, #etw_productlist>ul>li>a:hover:before {
	color:#004098
}
#etw_productlist ul li ol {
margin:.5rem 0;
	position:relative
}
#etw_productlist ul li>ol>li>a {
	position:relative;
	display:block;
padding:1rem 1.5rem 1rem .3rem;
	color:#000;
	font-size:1.1rem;
	line-height:1.3rem;
	font-weight:300;
	border-bottom:1px dotted #aaa;
	font-style:oblique
}
#etw_productlist ul li>ol>li>a.dq:before, #etw_productlist ul li>ol>li>a:hover:before {
	opacity:0
}
#etw_productlist ul li>ol>li>a.dq:after, #etw_productlist ul li>ol>li>a:hover:after {
	opacity:1
}
#etw_productlist ul li>ol>li {
	position:relative
}
#etw_productlist ul li>ol>li>dl {
	padding:0;
	clear:both;
	float:none;
	display:none;
margin:.5rem 0
}
#etw_productlist ul li>ol>li>dl.show {
	display:block
}
#etw_productlist ul li ol li dl a {
	display:block;
	color:#555;
	position:relative;
font-size:.9rem;
	line-height:1rem;
padding:.3rem 0 .3rem 1rem;
	font-weight:200
}
#etw_productlist ul li ol li dl a:before {
	content:'';
	position:absolute;
	left:2px;
	top:5px;
	width:16px;
	height:16px;
	opacity:.7;
	background:url(../images/cat-close.png) no-repeat;
	background-size:cover;
transition:.3s all ease-in-out
}
#etw_productlist ul li ol li ol li a {
	position:relative;
	display:block;
	font-weight:300;
padding:.5rem 1rem .5rem 2.2rem;
	color:#333;
font-size:.8rem;
line-height:.9rem;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ffff
}
#etw_productlist ul li ol li a.dq, #etw_productlist>ul>li ol li a:hover {
	color:#004098
}
#etw_productlist ul li .more {
	position:absolute;
	opacity:.5;
	right:4px;
	top:16px;
	width:20px;
	height:20px;
	line-height:20px;
	color:#004098;
	cursor:pointer;
	text-align:center;
transition:.3s all ease-in-out
}
#etw_productlist ul li .more:before {
	content:"";
	width:12px;
	height:4px;
	background:#004098;
	right:0;
	top:11px;
	position:absolute;
font-size:.875rem;
transition:all .2s
}
#etw_productlist ul li .more:after {
	content:"";
	width:4px;
	height:12px;
	background:#004098;
	right:4px;
	top:7px;
	position:absolute;
font-size:.875rem;
transition:all .2s
}
#etw_productlist ul li .more.on:after {
	transform:rotate(-90deg)
}
#etw_productlist ul li .more.on:before {
	transform:rotate(180deg)
}
#etw_productlist ul li .more:hover {
	opacity:.8
}
#etw_productlist ul li>ol>li>dl.show+.more:after {
	transform:rotate(-90deg)
}
#etw_productlist ul li>ol>li>dl.show+.more:before {
	transform:rotate(180deg)
}
#etw_sidebar1 {
	float:left;
	width:23%;
	position:relative;
	margin:0 auto;
	background:url(../images/imgSidebarStripe3.png) bottom right repeat-y;
	padding:0 0 500px 0
}
#etw_right1 {
	width:74%;
	float:right;
	position:relative
}
.about_info p {
	padding:1rem;
	line-height:1.3rem
}
#etw_aboutlist {
	position:relative;
	width:100%;
	margin:2rem 0 0;
	padding:1rem;
	background:url(../images/industries_bg.jpg) no-repeat center;
	background-size:cover
}
#etw_aboutlist ul li {
	position:relative;
	width:100%;
	display:block
}
#etw_aboutlist ul li a {
	width:100%;
	display:block;
	position:relative
}
#etw_aboutlist ul li a span {
	position:relative;
	display:block;
	color:#fff;
	font-size:1.4rem;
	line-height:1.4rem;
	font-weight:600;
transition:.3s all ease-in-out;
	text-align:left;
	width:100%;
padding:1rem .5rem
}
#etw_aboutlist ul li a.dq:before, #etw_aboutlist ul li a:hover:before {
	right:1rem
}
#etw_aboutlist ul li a.dq span, #etw_aboutlist ul li a:hover span {
	color:#004098
}
#etw_aboutlist ul li p {
font-size:.9rem;
	line-height:1.4rem;
	padding:0 1rem
}
#etw_aboutlist ul li a.more {
	position:relative;
font-size:.9rem;
line-height:.9rem;
	font-weight:600;
	color:#004098;
	padding:0 1rem 1rem
}
#etw_aboutlist ul li a.more:after {
	font-family:FontAwesome;
	content:"\f101";
	color:#004098;
	font-size:1rem;
margin:0 0 0 .3rem;
transition:.3s all ease-in-out;
	font-weight:500
}
#etw_aboutlist ul li a.more:hover {
	color:#111
}
#etw_aboutlist ul li a.more:hover:after {
	color:#111;
margin:0 0 0 .6rem
}
#etw_aboutlist ul li ol li a {
	font-size:1rem;
	line-height:1.2rem;
	display:block;
	color:#fff;
	font-weight:300;
padding:.6rem .5rem;
	border-bottom:1px solid rgba(255 255 255 / 30%)
}
#etw_aboutlist ul li ol li:last-child a {
	border-bottom:none
}
#etw_aboutlist ul li ol li a:hover {
	color:#004098
}
#left_contact {
	border-right:1px solid #004098;
	border-bottom:1px solid #004098;
padding:1rem .5rem .5rem .5rem
}
#left_contact p {
font-size:.8rem;
	line-height:1.2rem;
margin:0 0 .8rem 0
}
#left_contact p strong {
font-size:.8rem
}
#left_contact p a {
	color:#0b3b6f
}
#left_contact p a:hover {
	text-decoration:underline
}
@media (max-width:991.98px) {
#etw_right, #etw_right1, #etw_sidebar, #etw_sidebar1 {
width:100%
}
#etw_aboutlist, #etw_productlist, #etw_sidebar .webtitle, #etw_sidebar1, #left_contact {
display:none
}
}
.bottom_quote {
	position:relative;
	padding:2rem 0
}
.bottom_quote .content {
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width:1100px;
	align-items:center
}
.quote_text {
	position:relative;
	width:100%;
	text-align:center
}
.quote_title {
	color:#004098;
	font-size:1.8rem;
	line-height:2.2rem;
	font-weight:300;
	margin:0 auto;
	padding:2rem 0 1rem;
	position:relative
}
.quote_title span {
	color:#004098;
	display:block
}
.bottom_quote p {
	font-size:1.8rem;
	line-height:2rem;
	margin:0;
	color:#111;
	font-weight:400
}
.bottom_inquiry {
	color:#fff;
	position:relative;
	padding:1rem 2rem;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	font-size:1.1rem;
	line-height:1.1rem;
	align-items:center;
	margin:2rem auto 1rem auto;
	background:#118739;
	cursor:pointer;
	font-weight:300;
transition:.5s all ease-in-out
}
.bottom_inquiry:hover {
	background:#111;
	color:#fff
}
.bottom_inquiry:hover:after {
	right:18px
}
@media (max-width:991.98px) {
.bottom_quote {
padding:1.5rem 0
}
.quote_text {
width:100%;
padding:0 0 1rem 0
}
}
@media (max-width:767.98px) {
.bottom_inquiry {
font-size:.85rem;
margin:1rem auto
}
.bottom_quote p, .quote_title {
font-size:1.4rem;
line-height:1.6rem
}
}
.webtitle {
	color:#1d1d1d;
	font-size:2rem;
	font-weight:400;
	text-align:center;
	padding-bottom:1rem
}
.webtitle1 {
	width:100%;
	text-align:left
}
.webtitle1 a {
	font-size:1.2rem;
padding:.5rem 0;
	display:block
}
.protitle {
	width:100%;
	color:#004098;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	font-size:1.5rem;
	line-height:1.7rem;
	position:relative;
	font-weight:600;
	padding:0;
	margin:1rem 0 1.5rem
}
.protitle:before {
	position:absolute;
	content:'';
	background:#118739;
	width:80px;
	height:2px;
	left:0;
	bottom:-10px
}
.title_line {
margin:.5rem 0 0;
	background:#999;
	height:2px;
	display:flex;
	flex-wrap:wrap;
transition:.3s all ease-in-out;
	flex:1
}
.protitles {
	text-align:center;
	margin:0 0 2rem
}
.protitles a {
	margin:0 auto
}
.protitles:before {
	left:0;
	right:0;
	margin:0 auto
}
.protitle:hover .title_line {
	background:#118739
}
.protitle a {
	color:#424242;
	display:inline-block;
	color:#004098;
	position:relative
}
.protitle:hover a {
	color:#118739
}
.protitle1 {
	display:block
}
.protitle1 {
	width:100%;
	color:#004098;
	display:block;
	font-size:1.6rem;
	line-height:1.8rem;
	position:relative;
	font-weight:400;
	border-bottom:1px dotted #004098;
padding:.6rem 0;
	margin:1rem 0
}
.protitle1 a {
	color:#004098
}
.protitle1 a:hover {
	color:#111
}
.protitle1 a.more {
font-size:.9rem;
line-height:.9rem;
	float:right;
	padding:1.2rem 0 0 0
}
.small_title {
	display:inline-block;
margin:0 0 .5rem 0;
	background:rgba(83 106 96 / 50%);
padding:.4rem 1.2rem;
	text-align:center;
	font-size:1.2rem;
	line-height:1.2rem;
	border-radius:2rem;
	-webkit-border-radius:2rem;
	-moz-border-radius:2rem;
	-ms-border-radius:2rem;
	-o-border-radius:2rem;
	font-weight:600
}
.protitle2 {
	font-size:2.4rem;
	line-height:2.6rem;
	font-weight:300;
	text-align:center;
	margin:2rem 0;
	position:relative;
	color:#111;
	font-family:Arial, Helvetica, sans-serif
}
.protitle2 span {
	color:#004098;
	display:block
}
.protitle2 a {
	color:#111;
	position:relative;
	display:block
}
.protitle2 a:hover {
	color:#004098
}
.protitle2 a:before {
	position:absolute;
	content:'';
	display:none;
	width:0;
	height:1px;
	margin:0 auto;
	background:#fff;
	left:0;
	right:0;
	bottom:24px;
transition:.3s all ease-in-out
}
.protitle2 a:hover:before {
	width:920px
}
.protitle3 {
	font-size:2rem;
	line-height:2.2rem;
	width:auto;
	display:flex;
	margin:1rem 0;
	font-weight:600;
	color:#004098;
	border-radius:2rem;
padding:.5rem 0;
	flex-wrap:wrap;
	font-style:oblique
}
.protitle3 span {
	position:relative;
	background:#004098;
	width:60px;
	height:60px;
padding:.4rem;
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin:0 1rem 0 0;
	box-shadow:3px 3px 10px 0 rgb(0 0 0 / 30%);
	border-radius:50%
}
.protitle3 a {
	color:#333;
	display:flex;
	flex-wrap:wrap;
	align-items:center
}
.protitle3 a:hover {
	color:#004098
}
.protitle3 img {
	margin:0 1rem 0 0;
	width:50px;
	float:left
}
.protitle4 {
	font-size:1.6rem;
	text-align:left;
	line-height:1.8rem;
	font-weight:600;
	position:relative;
	padding:1rem 0 1rem 1rem;
	color:#111;
	background:linear-gradient(90deg, #004098, transparent);
	border-left:5px solid #004098;
	margin:0 0 1.5rem 0
}
.protitle4 a {
	color:#111
}
.protitle4 a:hover {
	color:#004098
}
.protitle4:hover:after, .protitle4:hover:before {
	border-right-color:#90ceff
}
.protitle5 {
	font-weight:600;
	position:relative;
	margin:0 auto;
	padding:2rem 0;
	font-size:2.4rem;
	line-height:2.4rem;
	width:100%;
	background:#111
}
.protitle5 a, .protitle5 span {
	display:block;
	color:#fff;
	position:relative;
	max-width:1200px;
	text-align:left;
	margin:0 auto;
	font-style:oblique
}
.protitle5 a:hover {
	color:#004098
}
.hub_txt {
	text-align:center;
	margin:0 auto 1rem;
	width:76%;
	font-size:1.1rem;
	line-height:1.6rem;
	color:#777
}
.inquirytitle {
	font-size:1.6rem;
	float:left;
padding:.3rem 8% .3rem 0;
	line-height:1.8rem;
	color:#fff
}
.sendtop {
	margin-top:1.2rem
}
.sendinquiry {
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:center;
	cursor:pointer;
	text-align:center;
	position:relative;
	z-index:1;
	overflow:hidden;
margin:.5rem auto 1rem;
border-radius:.8rem
}
.sendinquiry:before {
	position:absolute;
	content:'';
	background:linear-gradient(180deg, #004098, #118739);
	width:100%;
	height:100%;
	left:0;
	top:100%;
transition:.3s all ease-in-out
}
.sendinquiry a, .sendinquiry span {
padding:.6rem 1.5rem .7rem;
font-size:.9rem;
line-height:.9rem;
	text-align:center;
	display:block;
	margin:0;
	min-width:100px;
	position:relative;
	border:1px solid #004098;
	color:#004098;
	overflow:hidden;
	font-weight:300;
	z-index:1;
transition:.3s all ease-in-out
}
.sendinquiry i {
padding-right:.3rem;
	font-size:1rem
}
.sendinquiry a:hover, .sendinquiry span:hover {
	border:1px solid transparent;
	color:#fff
}
.sendinquiry:hover:before {
	top:0
}
.download_box {
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:center;
	cursor:pointer;
	text-align:center;
	position:relative;
	z-index:1
}
.download_box a {
	color:#fff;
	background:#004098;
	margin:1rem 0 2rem 1rem;
padding:.5rem 1.5rem;
	font-size:1rem;
	line-height:1rem;
	font-weight:600;
	text-align:center;
	display:inline-block;
transition:.3s all ease-in-out;
	min-width:100px;
	position:relative;
border-radius:.4rem;
	border:3px solid #fff;
	min-width:180px;
	box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
transition:.3s all ease-in-out
}
.download_box a:hover {
	background:#228ce0
}
.send_box {
	width:100%;
	box-shadow:1px 1px 15px #e4e4e4;
	padding:1rem;
	font-size:1.1rem
}
.sendinquiry1 {
font-size:.9rem;
	line-height:1rem;
	cursor:pointer;
	position:relative;
	display:inline-block;
transition:.3s all ease-in-out;
padding:.4rem 1rem .5rem;
	color:#fff;
	font-weight:400;
	font-style:oblique;
	background:#004098;
	margin:0 0 1.5rem;
	border-radius:2rem
}
.sendinquiry1 a {
	color:#fff
}
.sendinquiry1 a:hover {
	color:#83ffad
}
.sendinquiry1:hover {
	color:#83ffad
}
.sendinquiry2 {
	width:100%;
	white-space:nowrap
}
.sendinquiry2 span {
	text-decoration:underline;
	cursor:pointer;
	color:#118739;
transition:.3s all ease-in-out;
	display:inline-block;
	white-space:nowrap;
	font-weight:200
}
.top .sendinquiry2 span {
	color:#fff
}
.sendinquiry2 i {
margin:0 .3rem 0 0
}
.sendinquiry2 span:hover {
	text-decoration:none
}
.sendinquiry2s span {
	white-space:normal
}
.sendinquiry3 {
	width:100%
}
.sendinquiry3 span {
	font-size:1.5rem;
	line-height:1.7rem;
	text-decoration:underline;
	cursor:pointer;
	color:#118739!important;
transition:.3s all ease-in-out;
	display:inline-block;
	font-weight:600;
	margin:0 0 1rem
}
.sendinquiry3 span:hover {
	text-decoration:none
}
.model_selection p {
font-size:.85rem;
	line-height:1.6rem
}
.btn.focus, .btn:focus {
	outline:0;
	box-shadow:none
}
.btn1 {
	font-size:1.2rem;
	line-height:1.4rem;
	font-weight:400;
	text-align:center;
	display:block;
	position:relative;
	overflow:hidden;
	border-radius:2rem;
	border:none;
	z-index:1;
	background:linear-gradient(125deg, #118739, #004098);
	color:#fff;
	margin:1rem 0;
padding:.7rem 0
}
.btn1:before {
	content:"\f103";
	position:absolute;
transition:all .3s;
	z-index:-1;
	top:0;
	margin:0 auto;
	left:0;
	right:0;
	font-family:FontAwesome
}
.btn1:focus, .btn1:hover, .btn[aria-expanded=true] {
	color:#fff
}
.btn1:hover:before, .btn1[aria-expanded=true]:before {
	content:"\f102"
}
.pro_line .btn1:active i:before, .pro_line .btn1:focus i:before, .pro_line .btn1:hover i:before {
	color:#fff
}
.btn2 {
	position:relative;
	overflow:hidden;
	border-radius:0;
	display:block;
	border:none;
	z-index:1;
	padding:0;
	font-size:1.2rem;
	line-height:1.2rem;
	font-weight:600
}
.pdf {
	display:inline-flex;
	margin:0 1rem;
	flex-wrap:wrap;
	float:left
}
.pdf a {
	color:#fff;
padding:.6rem 1.5rem;
font-size:.9rem;
line-height:.9rem;
	text-align:center;
	display:inline-block;
	margin:1rem 0;
	min-width:100px;
	position:relative;
	overflow:hidden;
	background:linear-gradient(-45deg, #00b0ed, #004098);
	font-weight:200;
	border-radius:2.5rem;
	z-index:1;
transition:.5s all ease-in-out;
	font-family:Montserrat
}
.pdf a:before {
	color:#fff;
transition:.3s all ease-in-out;
	content:"\f1c1";
	font-size:1rem;
	font-family:fontawesome;
margin:0 .5rem 0 0
}
.pdf a:hover {
	box-shadow:2px 5px 12px rgba(0 0 0 / 50%)
}
.pdf a:hover:before {
	color:#fff
}
.pdf_list {
	background:#004098;
	position:relative;
	margin:0 0 1rem 0;
	padding:1rem 2rem;
	color:#fff;
	border-right:15px double #fff
}
.pdf1 {
	color:#fff;
	display:block;
font-size:.9rem;
	line-height:1.2rem;
	position:relative;
	padding:0 0 0 1.5rem
}
.pdf1 a i {
padding-right:.3rem;
	font-size:1rem
}
.pdf1:hover {
	color:#ccc
}
.pdf1:before {
	color:#fff;
	content:"\f1c1";
	font-size:1rem;
	font-family:fontawesome;
	position:absolute;
	left:0
}
.color1 {
	color:#004098;
	font-style:normal;
font-size:.95rem;
	font-weight:500
}
.pdf2 {
	display:inline-block;
	width:100%;
padding:.5rem;
	text-align:center;
	position:relative;
	font-style:oblique;
	font-weight:600
}
.pdf2:before {
	color:#d83d33;
	content:"\f1c1";
	font-size:1rem;
	font-family:fontawesome;
	font-weight:300;
	font-style:normal
}
.pdf2 a {
padding:0 0 0 .5rem;
	color:#004098
}
.pdf2 a:hover {
	color:#118739
}
@media (max-width:1199.98px) {
.inquirytitle {
font-size:1.2rem
}
}
@media (max-width:991.98px) {
.protitle1 {
font-size:1.6rem;
line-height:1.8rem
}
.protitle3 {
width:100%;
margin:1rem 0;
font-size:1.4rem;
line-height:1.6rem;
padding:0
}
}
@media (max-width:767.98px) {
.info_box {
margin:1rem 0 2rem 0
}
.inquirytitle {
width:100%;
padding:0
}
.protitle {
font-size:1.4rem;
line-height:1.6rem
}
.protitle2 {
font-size:1.8rem;
line-height:2rem
}
.sendinquiry {
justify-content:start
}
}
@media (max-width:575.98px) {
.pdf a {
text-align:center
}
.title_line {
display:none
}
}
figure {
	margin:0;
	width:100%;
	display:table;
	clear:both
}
.left_pic {
	width:100%;
	height:auto;
	float:right;
	margin:0 0 1.5rem 0
}
.left_pics {
	width:100%;
	overflow:hidden
}
.left_pic img {
	max-width:100%;
	text-align:center;
transition:.3s all ease-in-out
}
.related_pic {
	width:100%;
	display:flex;
	flex-wrap:wrap;
margin:.5rem 0 0 0
}
.related_pic ul {
	display:flex;
	flex-flow:wrap
}
.related_pic li {
	width:auto;
	float:left;
	overflow:hidden;
	margin:0;
	flex:1;
	padding:0 2px;
	display:flex;
	flex-wrap:wrap;
	border-radius:1rem
}
.related_pic li a {
	display:block;
	position:relative;
	border:1px solid #eee
}
.related_pic li a.imgdq {
	border:1px solid #118739
}
.related_pics {
	width:70%;
margin:.5rem auto 0;
	justify-content:center
}
.related_pics li {
	width:18.4%;
margin:0 2% .5rem 0;
	flex:none
}
.related_pics li:nth-child(5n) {
margin-right:0
}
.related_pics li:nth-child(5n+1) {
clear:both
}
.related_pic img {
transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
-ms-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out
}
.related_pic span {
font-size:.75rem;
line-height:.9rem;
	display:block;
	text-align:center
}
.related_pic1 {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	margin:0 auto
}
.related_pic1 li {
	width:100%;
margin:0 0 .25rem 0
}
.related_pic1 li:last-child {
	margin:0
}
.item_mod {
	position:absolute;
	right:15%;
	top:3%;
transition:.4s all ease-in-out;
	background:#004098;
	width:10px;
	height:10px;
	border-radius:50%;
	box-shadow:0 0 10px #004098;
	-webkit-animation:scaleout 1.5s infinite ease-in-out;
	animation:scaleout 1.5s infinite ease-in-out
}
.item_mod span {
	opacity:0;
	visibility:hidden;
	display:block;
	background:rgba(17 166 163 / 95%);
	color:#fff;
	text-align:center;
	width:180px;
font-size:.95rem;
	line-height:1.2rem;
	font-weight:400;
transition:.3s all ease-in-out;
padding:.5rem;
	border-radius:4rem;
	pointer-events:none
}
.item_mod small {
	line-height:1rem;
margin:.3rem 0 0
}
.item_txt {
	display:none
}
.left_pics:hover .item_mod {
	animation:none;
	right:35%;
	background:0 0;
	box-shadow:none
}
.left_pics:hover .item_mod span {
	visibility:visible;
	opacity:1;
	pointer-events:all
}
.left_pic1 {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:0;
	position:relative;
	align-items:start;
	background:linear-gradient(90deg, #004098, transparent);
	padding:1rem 1rem 2rem 1rem
}
.left_pic1 .left_pics {
	width:80%;
	overflow:hidden;
	position:relative
}
.left_pic1 img {
	max-width:100%;
	text-align:center;
transition:.3s all ease-in-out
}
.left_pic1 .related_pic {
	width:19%;
	display:flex;
	flex-wrap:wrap;
	margin:0 0 0 1%;
	justify-content:center
}
.left_pic1 .related_pic ul {
	display:flex;
	flex-flow:wrap
}
.left_pic1 .related_pic li {
	width:100%;
	float:left;
	overflow:hidden;
	margin:0
}
.left_pic1 .related_pic li a {
	display:block;
	position:relative;
	border:1px solid #f3f8f0;
margin:0 0 .45rem 0
}
.left_pic1 .related_pic li:last-child a {
	margin:0
}
.left_pic1 .related_pic li a.imgdq {
	border:1px solid #004098
}
.left_pic1 .related_pic img {
transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
-ms-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out
}
.left_pic1 .related_pic span {
font-size:.75rem;
line-height:.9rem;
	display:block;
	text-align:center
}
.left_pic1 .related_pic1 img {
	margin:0 0 12px 0
}
.pro_sample {
	position:relative;
	margin:-9rem auto 2rem;
	width:86%
}
.pro_sample ul {
	position:relative;
	display:flex;
	flex-wrap:wrap
}
.pro_sample ul li {
	width:20%;
	padding:1rem;
	position:relative
}
.pro_sample ul li a {
	display:block;
	border-radius:50%;
	overflow:hidden;
	position:relative
}
.pro_sample ul li a:before {
	position:absolute;
	content:'';
	border-radius:50%;
	border:10px solid rgba(0 0 0 / 10%);
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:1;
	transform:skewX(1);
transition:.3s all ease-in-out
}
.pro_sample ul li a:hover {
	box-shadow:2px 4px 10px rgba(0 0 0 / 20%)
}
.pro_sample ul li a:hover:before {
	width:0;
	opacity:0;
	transform:skew(0)
}
.pro_sample1 {
	margin:0 auto;
	width:100%
}
.pro_sample1 ul li {
	width:16.66%
}
@media (max-width:991.98px) {
.first {
margin:0 0 1rem 0
}
.pro_sample {
margin:0 auto 1.5rem auto;
width:100%
}
}
@media (max-width:767.98px) {
.left_pic {
float:none;
text-align:center
}
.related_pic1 li {
width:23.5%;
margin:0 2% 1rem 0
}
.related_pic1 li:nth-child(4n) {
margin-right:0
}
.pro_sample ul li, .pro_sample1 ul li {
width:50%
}
.pro_sample ul li img {
width:100%
}
}
.etw_photo {
	margin:0;
	width:100%;
	height:auto
}
.etw_photo ul {
	display:flex;
	width:auto;
	height:auto;
	flex-flow:wrap
}
.etw_photo ul li {
margin:0 2% .5rem 0
}
.etw_photo ul li.bg_photo {
	background:linear-gradient(180deg, #ccc, #eee);
	text-align:center;
	padding:1.5rem 0 1rem 0
}
.etw_photo ul li.bg_photo a {
	width:40%;
	margin:0 auto
}
.etw_photo ul li img {
	display:block;
	width:100%;
transition:.5s all ease-in-out;
-webkit-transition:.5s all ease-in-out;
-moz-transition:.5s all ease-in-out;
-ms-transition:.5s all ease-in-out;
-o-transition:.5s all ease-in-out
}
.etw_photo ul li a {
	display:block;
	overflow:hidden
}
.etw_photo ul li a:hover img {
	transform:scale(1.03);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05)
}
.etw_photo ul li span {
	display:block;
	text-align:center;
font-size:.9rem;
	line-height:1.2rem;
	font-weight:300;
	clear:both;
margin:.6rem 0;
	color:#111
}
.etw_proimg {
	width:100%;
	position:relative
}
.etw_proimg ul {
	display:flex;
	flex-flow:wrap;
	position:relative
}
.etw_proimg ul li {
	width:100%;
	overflow:hidden;
	position:relative
}
.etw_proimg ul li a {
	width:100%;
	display:block;
	overflow:hidden;
	position:relative
}
.etw_proimg ul li a span {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
font-size:.95rem;
	line-height:1.3rem;
	padding:1.5rem;
	width:100%;
	color:#fff;
	font-weight:200;
	background:rgba(0 155 219 / 80%);
transition:.3s all ease-in-out
}
.etw_proimg ul li img {
	overflow:hidden;
transition:.3s all ease-in-out
}
.etw_proimg ul li a:hover span {
	padding:1rem 1.5rem
}
.etw_proimg ul li a:hover img {
	transform:scale(1.06)
}
.center_pic {
	position:relative
}
.center_pic img {
	border-radius:6rem;
transition:.3s all ease-in-out
}
.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 {
	background:#dde2e6;
	padding:5px;
	margin:0;
	border-right:1px solid #eee
}
.etw_gallery_bg ul li:last-child {
	border-right:1px solid #dde2e6
}
.etw_gallery_bg ul li span {
	position:absolute;
	left:5px;
	bottom:1.5rem;
	background:#eff7fa;
padding:.5rem 1rem;
	border-radius:0 1rem 1rem 0;
	-webkit-border-radius:0 1rem 1rem 0;
	-moz-border-radius:0 1rem 1rem 0;
	-ms-border-radius:0 1rem 1rem 0;
	-o-border-radius:0 1rem 1rem 0
}
.etw_customer ul li:nth-child(16) {
width:33%
}
.etw_customer ul li {
	opacity:.7
}
.etw_shadowpic {
	width:100%;
	position:relative
}
.etw_shadowpic ul {
	display:flex;
	flex-flow:wrap;
	position:relative
}
.etw_shadowpic ul li {
	position:relative
}
.etw_shadowpic ul li a {
	display:block;
	overflow:hidden;
	width:100%;
	border:4px solid #fff;
	box-shadow:1px 1px 15px rgba(0 0 0 / 20%);
border-radius:.8rem
}
.etw_shadowpic ul li a:before {
	bottom:0;
	content:"";
	left:50%;
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	-webkit-opacity:1;
	position:absolute;
	right:51%;
	top:0;
	background:rgba(255, 255, 255, .1) none repeat scroll 0 0
}
.etw_shadowpic ul li a:after {
	bottom:50%;
	content:"";
	left:0;
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	-webkit-opacity:1;
	position:absolute;
	right:0;
	top:50%;
	background:rgba(255, 255, 255, .1) none repeat scroll 0 0
}
.etw_shadowpic ul li a:hover:after, .etw_shadowpic ul li a:hover:before {
	left:0;
	right:0;
	top:0;
	bottom:0;
transition:all .5s ease-in-out 0s;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s
}
.etw_shadowpic ul li span {
	display:block;
	text-align:center;
	font-size:1rem;
	line-height:1.2rem;
	font-weight:300;
	clear:both;
margin:.6rem 0;
	color:#333
}
.etw_shadowpic ul li img {
transition:.3s all ease-in-out
}
.etw_shadowpic ul li a:hover img {
	transform:none
}
.etw_style ul li span {
	width:100%;
	display:flex;
	overflow:hidden;
	position:relative;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	z-index:1;
	border:10px solid rgba(252 180 62 / 50%);
	box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%)
}
.etw_ce {
	overflow:hidden;
	border-radius:50%
}
.etw_pic2 ul, .etw_pic3 ul, .etw_pic4 ul, .etw_pic5 ul, .etw_pic6 ul {
	margin:0
}
.etw_pic2 ul li {
	width:49%
}
.etw_pic3 ul li {
	width:32%
}
.etw_pic4 ul li {
	width:23.5%
}
.etw_pic5 ul li {
	width:18.4%
}
.etw_pic6 ul li {
	width:15%
}
.etw_pic2 ul li:nth-child(2n), .etw_pic3 ul li:nth-child(3n), .etw_pic4 ul li:nth-child(4n), .etw_pic5 ul li:nth-child(5n), .etw_pic6 ul li:nth-child(6n) {
margin-right:0
}
.etw_pic2 ul li:nth-child(2n+1), .etw_pic3 ul li:nth-child(3n+1), .etw_pic4 ul li:nth-child(4n+1), .etw_pic5 ul li:nth-child(5n+1), .etw_pic6 ul li:nth-child(6n+1) {
clear:both
}
.etw_circular ul li {
	position:relative
}
.etw_circular ul li img {
	border-radius:50%;
box-shadow:.1rem .1rem 1rem .2rem rgba(0, 0, 0, .15)
}
.etw_circular ul li a {
	overflow:inherit
}
.etw_circular ul li a:hover img {
	transform:none
}
.etw_circular ul li a:before {
	position:absolute;
	content:'';
	border:10px solid rgba(255 255 255 / 50%);
	border-radius:50%;
	width:100%;
	height:100%;
	left:0;
	top:0;
transition:.3s all ease-in-out
}
.etw_circular ul li a:hover:before {
	border-width:15px
}
.img_left, .img_right {
	float:left;
	margin:0 2% 14px 0;
	width:20%;
	text-align:center
}
.img_right {
margin:.2rem 0 1.5rem 3%;
	width:48%;
	float:right
}
.img_left a, .img_right a {
	display:block;
	width:100%
}
.img_left img, .img_right img, .img_right1 img {
	position:relative;
	z-index:2;
transition:.3s all ease-in-out
}
.img_center {
	width:100%;
margin:.5rem 0;
	overflow:hidden;
	text-align:center
}
.img_right1 {
	width:32%;
	float:right;
	margin:0 0 1rem 3%;
	position:relative
}
@media (max-width:767.98px) {
.etw_pic5 ul li, .etw_pic6 ul li {
width:32%
}
.etw_pic5 ul li:nth-child(5n), .etw_pic6 ul li:nth-child(6n) {
margin-right:2%
}
.etw_pic5 ul li:nth-child(5n+1), .etw_pic6 ul li:nth-child(6n+1) {
clear:none
}
.etw_pic5 ul li:nth-child(3n), .etw_pic6 ul li:nth-child(3n) {
margin-right:0
}
.etw_pic5 ul li:nth-child(3n+1), .etw_pic6 ul li:nth-child(3n+1) {
clear:both
}
.img_right {
margin:0 0 1rem 0;
width:100%;
float:none
}
.img_left {
width:100%;
margin:0 0 1rem 0
}
.img_right1 {
margin:0 0 1rem 0;
width:100%;
float:none
}
.etw_gallery ul li {
width:50%
}
.etw_gallery3 ul li {
width:33.33%
}
.etw_gallery5 ul li {
width:33.33%
}
.etw_gallery6 ul li {
width:33.33%
}
.etw_customer ul li {
justify-content:center;
display:flex;
flex-wrap:wrap
}
}
@media (max-width:575.98px) {
.etw_pic4 ul li, .etw_pic5 ul li {
width:49%
}
.etw_pic4 ul li:nth-child(3n), .etw_pic5 ul li:nth-child(3n) {
margin-right:2%
}
.etw_pic4 ul li:nth-child(3n+1), .etw_pic5 ul li:nth-child(3n+1) {
clear:none
}
.etw_pic4 ul li:nth-child(2n), .etw_pic5 ul li:nth-child(2n) {
margin-right:0
}
.etw_pic4 ul li:nth-child(2n+1), .etw_pic5 ul li:nth-child(2n+1) {
clear:both
}
.etw_gallery ul li span {
font-size:.8rem;
line-height:1rem
}
.etw_ce {
border-radius:0
}
.etw_ce img {
width:50%
}
.etw_gallery5 ul li {
width:50%
}
}
@media (max-width:410.98px) {
.etw_pic3 ul li {
width:100%;
margin:0 0 .6rem 0
}
.etw_gallery3 ul li {
width:100%
}
}
ul.item {
	float:none;
	width:100%
}
ul.item li {
	float:none;
margin:0 0 .5rem 14px;
	list-style:decimal;
	text-align:left
}
ul.item li.last {
	margin-left:22px
}
ul.item1 {
	float:none;
	width:100%
}
ul.item1 li {
	float:none;
padding:0 0 .4rem 1.1rem;
	width:100%;
	position:relative;
	text-align:left
}
ul.item1 li:before {
	position:absolute;
	content:'';
	width:6px;
	height:6px;
	background:#111;
	border-radius:50%;
	left:3px;
	top:9px
}
ul.item2 {
	float:none;
	width:100%
}
ul.item2 li {
	float:none;
padding:0 0 .5rem 1.5rem;
	width:100%;
	position:relative;
	text-align:left;
	font-weight:300;
	color:#555
}
ul.item2 li strong {
	color:#004098;
	font-size:1.2rem;
	font-weight:600;
margin:0 0 .3rem 0;
	display:block
}
ul.item2 li:before {
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	background:#004098;
	left:2px;
	top:7px;
	border:1px solid #fff;
	box-shadow:3px 3px 0 #118739
}
ul.item2 li span {
	color:#118739;
	font-size:1.4rem;
	display:inline-block;
	padding:0 1rem 0 0;
	font-weight:600
}
ul.item3 {
	position:relative
}
ul.item3 li {
	width:100%;
margin:0 0 .2rem 0;
	position:relative;
padding:.3rem 1rem .3rem 1.8rem;
transition:.3s all ease-in-out
}
ul.item3 li:before {
	position:absolute;
	content:'';
	background:url(../images/el-icon-check.png) no-repeat;
	background-size:auto;
	background-size:cover;
	width:16px;
	height:12px;
	left:0;
	top:10px
}
ul.discitem {
	float:none;
padding:0 0 0 .5rem;
	overflow:hidden
}
ul.discitem li {
	position:relative;
	padding-left:1.125rem;
	text-align:left;
margin:0 0 .8rem 0;
	line-height:1.4rem
}
ul.discitem li:before {
	position:absolute;
	top:8px;
	left:3px;
	width:6px;
	height:6px;
	background:#004098;
	content:"";
	transform:rotate(45deg)
}
ul.discitem1 {
	width:100%;
	position:relative
}
ul.discitem1 li {
	position:relative;
	text-align:left;
	color:#333;
font-size:.85rem;
padding:.2rem 0 .2rem 1.5rem;
	font-weight:400;
	line-height:1.5rem
}
ul.discitem1 li strong {
	display:block;
margin:0 0 0 -.3rem
}
ul.discitem1 li:before {
	position:absolute;
	content:'';
	background:url(../images/Intelligence_icon.svg) no-repeat;
	background-size:auto;
	background-size:cover;
	width:20px;
	height:20px;
	left:-11px;
	top:6px
}
.proinfo_bg ul.discitem1 li {
	color:#fff
}
ul.discitem2 {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	position:relative;
	padding:1rem 0 0
}
ul.discitem2 li {
	color:#555;
font-size:.9rem;
	line-height:1.4rem;
	display:block;
	padding:0 2rem 2rem 0;
	width:50%;
	position:relative;
	font-weight:300
}
ul.discitem2 li img {
margin:-1.5rem .5rem 0 0
}
ul.discitem2 li span {
	width:100px;
	height:100px;
	background:#004098;
	margin:0 auto 1rem;
	display:block;
	padding:1rem;
	border-radius:50%
}
ul.discitem2 li strong {
	color:#111;
	font-size:1.05rem;
	line-height:1.3rem;
	display:inline-block;
	font-weight:500;
margin:.5rem 0
}
ul.discitem2 li:nth-child(2n) {
border-right:0
}
ul.discitem2s>li {
	padding:0 2rem 0 0;
	margin:0 0 1rem;
	border-right:none
}
ul.discitem2s li span {
	width:80px;
	height:80px;
	background:#111;
	margin:0 0 1rem
}
ul.discitem2s li strong {
	text-align:left;
	color:#111
}
ul.discitem2s li ol {
	position:relative;
	display:flex;
	flex-wrap:wrap
}
ul.discitem2s li ol li {
	float:none;
padding:0 0 .4rem 1.1rem;
	border-right:none;
	width:100%;
	position:relative;
	text-align:left
}
ul.discitem2s li ol li:before {
	position:absolute;
	content:'';
	width:5px;
	height:5px;
	background:#111;
	border-radius:50%;
	left:4px;
	top:10px
}
ul.discitem3 {
	display:flex;
	margin:5rem 0 2rem 0;
	justify-content:center;
	flex-wrap:wrap;
	position:relative
}
ul.discitem3 li {
	position:relative;
	width:49%;
	text-align:left;
	font-size:1.3rem;
	margin:0 2% 1.5rem 0;
	line-height:1.8rem;
	color:#000;
	padding:0 4rem 0 0;
	font-weight:200
}
ul.discitem3 li:nth-child(2n) {
margin:8rem 0 1.5rem 0
}
ul.discitem3 li:before {
	position:absolute;
	content:'01';
	font-weight:200;
	font-size:10rem;
	right:20%;
	top:10%;
	transform:translateY(-50%);
	color:#118739;
	opacity:.2
}
ul.discitem3 li:nth-child(1):before {
top:0
}
ul.discitem3 li:nth-child(2):before {
content:'02'
}
ul.discitem3 li:nth-child(3):before {
content:'03';
top:0
}
ul.discitem3 li:nth-child(4):before {
content:'04'
}
ul.discitem3 li:nth-child(5):before {
content:'05';
top:0
}
ul.discitem3 li:nth-child(6):before {
content:'06'
}
ul.discitem3 li strong {
	display:inline-block;
	color:#004098;
	text-align:center;
	font-size:1.8rem;
	line-height:1.8rem;
	font-weight:400;
	font-style:italic
}
ul.discitem3 li span {
	position:relative
}
ul.discitem3 li img {
	width:70px;
	height:70px;
	margin:0 auto;
transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
-ms-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out
}
ul.discitem3 li:hover img {
	transform:scale(1.06);
	transform:rotate(0);
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-ms-transform:scale(1.06);
	-o-transform:scale(1.06)
}
ul.discitem4 {
	width:100%;
margin:.5rem 0;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap
}
ul.discitem4 li {
	position:relative;
	margin:0 1% 1rem 0;
	text-align:center;
	color:#333;
	width:24.25%;
font-size:.95rem;
	line-height:1.3rem;
	padding:1.5rem 1rem 2rem;
	border-right:1px solid #eee;
	font-weight:300;
	background:#fff
}
ul.discitem4 li:last-child {
	margin-right:0;
	border-right:none
}
ul.discitem4 li strong {
	display:block;
	font-size:1.3rem;
	color:#111;
	margin:0 0 1rem 0
}
ul.discitem4 li img {
	width:106px;
	height:100px;
	display:block;
	margin:1rem auto
}
ul.discitem4-2 li {
	width:49%
}
ul.discitem4-3 li {
	width:32%
}
ul.discitem5 {
	display:flex;
	flex-wrap:wrap;
	padding:0;
	width:100%
}
ul.discitem5>li {
	position:relative;
	margin:0 2% 1.2rem 0;
	width:32%;
	background:#e1eef8;
	padding:6rem 2rem 2rem;
	color:#111;
	border-radius:6px 6px 6px 4rem
}
ul.discitem5 li:nth-child(3n) {
margin-right:0
}
ul.discitem5 li:nth-child(3n+1) {
clear:both
}
ul.discitem5>li .item_icon {
	width:80px;
	height:80px;
	margin:0 auto 1rem auto
}
ul.discitem5>li .item_icon svg {
	fill:#004098
}
ul.discitem5>li img {
	margin:0 auto 1rem auto;
	display:block;
	width:58px;
	height:58px
}
ul.discitem5>li strong {
	color:#fff;
	font-size:1.2rem;
	line-height:1.2rem;
	font-weight:300;
	position:absolute;
	background:#004098;
	font-family:Raleway;
	display:block;
	top:38px;
	left:-6px;
padding:.5rem 2.4rem;
	border-radius:0 2rem 2rem 0
}
ul.discitem5>li strong:before {
	content:'';
	display:block;
	width:0;
	height:0;
	border-bottom:8px solid transparent;
	border-right:6px solid #041f56;
	position:absolute;
	left:0;
	top:35px
}
ul.protable {
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:wrap
}
ul.protable li {
	width:100%;
	float:left;
	color:#555;
	padding:0;
font-size:.95rem;
	line-height:1.5rem;
margin:0 0 .5rem 0
}
ul.protable li:nth-child(2n) {
margin-right:0
}
ul.protable li:nth-child(2n+1) {
clear:both
}
ul.protable li strong {
	display:block;
padding:.5rem 0;
	width:100%;
	font-weight:600;
	font-size:1.4rem;
	line-height:1.6rem;
	align-items:center;
	color:#111
}
ul.protable li span {
	float:right;
	display:block;
	text-align:center;
	width:65%;
	color:#384466
}
ul.protable1 {
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:wrap
}
ul.protable1 li {
	width:100%;
	float:left;
	color:#555;
	padding:0 1rem;
font-size:.95rem;
	line-height:1.4rem;
margin:0 0 .5rem 0
}
ul.protable1 li strong {
	display:block;
padding:.5rem 0;
	width:100%;
	font-weight:600;
	font-size:1rem;
	line-height:1.2rem;
	align-items:center;
	color:#333;
	border-bottom:1px dotted rgba(1 132 127 / 60%);
margin:0 0 .3rem 0
}
ul.protable1 li small {
	line-height:1.2rem
}
.process {
	display:flex;
	width:100%;
	flex-flow:wrap;
	margin:2rem 0;
	position:relative
}
.process:before {
	position:absolute;
	content:'';
	border-top:2px dotted #118739;
	width:100%;
	height:2px;
	left:0;
	top:40%;
	transform:translateY(-50%)
}
.process li {
	position:relative;
	width:12.57%;
	margin:0 2% 1rem 0;
	display:flex;
	flex-wrap:wrap;
	flex:1;
padding:.5rem 0;
font-size:.9rem;
	line-height:1.1rem;
	color:#fff;
	text-align:center;
	font-weight:400;
	background:#118739;
	justify-content:center;
	align-items:center;
	border-radius:5px
}
.process li:last-child {
	margin-right:0
}
.process li:nth-child(2n) {
background:#004098
}
.process li strong {
	font-size:1.2rem
}
.process1 {
	position:relative
}
.process1 ul {
	position:relative;
	display:flex;
	flex-wrap:wrap
}
.process1 ul li {
	width:49%;
	margin:0 2% 1rem 0;
	position:relative;
	box-shadow:0 6px 14px 0 rgb(0 0 0 / 25%)
}
.process1 ul li:nth-child(2) {
margin-right:0
}
.process1 ul li:before {
	position:absolute;
	background:url(../images/mecalac-arrow.png) no-repeat;
	background-size:cover;
	width:50px;
	height:30px;
	top:40%;
	right:-40px;
	content:"";
	z-index:1;
	opacity:.4
}
.process1 ul li:nth-child(2)::before {
top:auto;
bottom:-12px;
right:3%;
transform:rotate(90deg)
}
.process1 ul.last li {
	margin:0 0 0 2%
}
.process1 ul.last li:nth-child(1)::before {
right:auto;
left:-40px;
top:auto;
bottom:40%;
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg)
}
.process1 ul.last li:nth-child(2) {
margin-left:0
}
.process1 ul.last li:nth-child(2)::before {
display:none
}
.process1 ul li:nth-child(1):before {
animation:rightin 2s ease-out infinite;
-webkit-animation:rightin 2s ease-out infinite
}
@-webkit-keyframes rightin {
50% {
right:-24px;
opacity:.8
}
100% {
right:-17px;
opacity:.4
}
}
@keyframes rightin {
50% {
right:-24px;
opacity:.8
}
100% {
right:-17px;
opacity:.4
}
}
.process1 ul li:nth-child(2):before {
animation:bottomin 2s ease-out infinite;
-webkit-animation:bottomin 2s ease-out infinite
}
@-webkit-keyframes bottomin {
50% {
bottom:-24px;
opacity:.8
}
100% {
bottom:-12px;
opacity:.4
}
}
@keyframes bottomin {
50% {
bottom:-24px;
opacity:.8
}
100% {
bottom:-12px;
opacity:.4
}
}
.process1 ul.last li:nth-child(1)::before {
animation:leftin 2s ease-out infinite;
-webkit-animation:leftin 2s ease-out infinite
}
@-webkit-keyframes leftin {
50% {
left:-24px;
opacity:.8
}
100% {
left:-17px;
opacity:.4
}
}
@keyframes leftin {
50% {
left:-24px;
opacity:.8
}
100% {
left:-17px;
opacity:.4
}
}
.process1 ul li a {
	width:100%;
	display:block;
	position:relative;
	overflow:hidden;
	padding:10px;
	background:#fff
}
.process1 ul li a img {
transition:.3s all ease-in-out
}
.process1 ul li a:hover img {
	opacity:1!important
}
.nav-tabs-list {
	border:none;
	position:relative;
	margin:1rem 0 0
}
.nav-tabs-list:before {
	position:absolute;
	content:'';
	background:#004098;
	width:100%;
	height:1px;
	left:0;
	bottom:1px
}
.nav-tabs-list li a {
	font-size:1.2rem;
	line-height:1.2rem;
	position:relative;
	display:inline-block;
	color:#111;
	font-weight:600;
padding:.5rem 2rem;
	border-bottom:3px solid transparent
}
.nav-tabs-list li a.active {
	color:#004098;
	border-bottom:3px solid #004098
}
.tab-content {
	position:relative;
	margin:0;
	padding:1rem 0
}
@media (max-width:767.98px) {
ul.discitem4 li {
width:49.5%
}
ul.discitem4 li:nth-child(2n) {
border-right:none;
margin-right:0
}
}
@media (max-width:767.98px) {
ul.discitem2 li {
width:100%
}
ul.discitem li {
width:100%
}
ul.discitem3 {
margin:2rem 0
}
ul.discitem3 li {
width:100%;
padding:1rem 0
}
ul.discitem3 li:nth-child(2n) {
margin:0 0 1.5rem 0
}
ul.discitem3 li:before, ul.discitem3 li:nth-child(1):before, ul.discitem3 li:nth-child(3):before, ul.discitem3 li:nth-child(5):before {
font-size:6rem;
top:20%;
right:10%
}
.nav-tabs {
border-bottom:none
}
.process:before {
display:none
}
.process li, .process1 li {
width:49%;
margin:0 2% 1rem 0;
padding:.5rem;
flex:auto
}
.process li:nth-child(2n) {
margin-right:0
}
.process1 {
flex-direction:row
}
.process li.process_down:before, .process li:before {
display:none
}
}
@media (max-width:575.98px) {
.nav-tabs-list li a {
font-size:1rem;
padding:.8rem 1.8rem .5rem 1.3rem
}
ul.discitem4 li {
width:100%;
margin:0 0 1rem 0
}
}
.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;
	margin:0 0 1px
}
.etw_products ul li ol, .etw_products ul li ol li {
	width:100%
}
.etw_products ul li ol {
	display:flex;
	flex-wrap:wrap;
	align-items:center
}
.etw_products ul li ol li.product_name {
	position:relative
}
.etw_products ul li ol li.product_name a {
	color:#004098;
	font-size:1.5rem;
	line-height:1.7rem;
	padding:1rem 0;
	font-weight:500;
	display:block
}
.etw_products ul li ol li.product_name a:hover {
	color:#f2bb41
}
.etw_products ul li ol li.product_img {
	width:25%;
	float:left;
	position:relative
}
.etw_products ul li ol li.product_img a {
	width:100%;
	display:block;
	overflow:hidden;
	margin:0 auto
}
.etw_products ul li ol li.product_img img {
	width:100%;
	position:relative;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s
}
.etw_products ul li ol li.product_con {
	width:75%;
	float:right;
	padding:0 0 0 4rem;
	text-align:left
}
.etw_products ul li ol li.product_con a {
	font-size:1.4rem;
	font-weight:600;
	color:#111;
	padding:1rem 0;
	display:block;
	line-height:1.5rem
}
.etw_products ul li ol li.product_con span {
	display:block;
	font-size:1rem;
	line-height:1.5rem;
	color:#555
}
.etw_products ul li ol li.product_con 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 ol li.product_con a:hover {
	color:#004098
}
.etw_products ul>li ol li.product_con a.more:hover {
	background-image:linear-gradient(135deg, #111, #004098);
	color:#fff;
	border-color:#f8f8f8
}
.etw_products ul li ol li.product_con ul.item1 li {
padding:0 0 .4rem 1.1rem;
	border-bottom:none
}
.etw_products_small ul li ol li.product_img {
	width:24%
}
.etw_products_small ul li ol li.product_con {
	width:76%
}
.etw_products_small ul li ol li.product_con a {
	font-size:1.6rem;
	line-height:1.8rem;
	font-weight:700;
	padding:1rem 0
}
.etw_products1 {
	width:100%;
	height:auto;
	float:left
}
.etw_products1>ul {
	width:100%;
	display:flex;
	flex-flow:wrap
}
.etw_products1 ul>li {
	width:23.5%;
	position:relative;
	margin:0 2% 1.5rem 0;
	display:block;
transition:.3s all ease-in-out
}
.etw_products1 ul>li:nth-child(4n) {
margin-right:0
}
.etw_products1 ul>li:nth-child(4n+1) {
clear:both
}
.etw_products1 ul li ol {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.etw_products1 ul li ol.more {
	position:absolute;
	display:flex;
	flex-wrap:wrap;
	bottom:1rem;
	justify-content:center
}
.etw_products1 ul li ol.more a {
	margin:1rem 0;
	color:#111;
	font-size:1rem;
	font-weight:300;
	display:inline-block;
	line-height:1rem;
	position:relative
}
.etw_products1 ul li ol.more a:hover {
	color:#999
}
.etw_products1 ul li ol.more a:after {
	width:14px;
	height:9px;
margin:0 0 0 .3rem;
	content:'';
	background:url(../images/jiantou.svg) no-repeat;
	background-size:cover;
	position:absolute;
	right:-20px;
	top:4px;
transition:.3s all ease-in-out
}
.etw_products1 ul li ol.more a:hover:after {
	right:-25px
}
.etw_products1 ul li ol li.product_img {
	display:block;
	width:100%;
	position:relative;
	overflow:hidden
}
.etw_products1 ul li ol li.product_img a {
	display:block;
	width:100%;
	position:relative
}
.etw_products1 ul li ol li.product_img img {
	position:relative;
transition:.5s all ease-in-out
}
.etw_products1 ul li ol:hover li.product_img img {
	transform:scale(1.05)
}
.etw_products1 ul li ol li.product_con {
	width:100%;
	position:relative;
	text-align:center
}
.etw_products1 ul li ol li.product_con .proid {
padding:.5rem 1.5rem;
	color:#fff;
	background:#004098;
	font-size:1rem;
	font-weight:300;
	display:inline-block;
	line-height:1rem;
	margin:0 auto 1rem;
transition:.3s all ease-in-out
}
.etw_products1 ul li ol:hover li.product_con .proid {
	opacity:.7
}
.etw_products1 ul li ol li.product_con a {
	color:#fff;
	display:block;
	font-weight:500;
	text-align:center;
	line-height:1.3rem;
	font-size:1.1rem;
padding:.8rem .5rem;
	position:relative;
	background:#004098
}
.etw_products1 ul li ol li.product_con span {
	color:#666;
	display:block;
font-size:.95rem;
	line-height:1.4rem;
	text-align:center;
	font-weight:300;
	padding:0 1rem
}
.etw_products1 ul li ol li.product_con strong {
font-size:.9rem;
	color:#555
}
.etw_products1 ul li ol li.product_con a.more {
padding:.5rem 1rem;
	color:#333;
	box-shadow:none;
	border-width:2px;
	border-style:solid;
	border-color:rgba(25, 25, 25, .1);
	border-radius:2rem;
font-size:.8rem;
	font-weight:400;
	display:inline-block;
	margin:0 0 1rem 0;
line-height:.8rem
}
.etw_products1 ul li ol li.product_con a:hover {
	color:#004098
}
.etw_products1 ul li:hover ol li.product_con a.more {
	color:#333
}
.etw_products1 ul li ol li.product_con a.more:hover {
	background-image:linear-gradient(135deg, #111, #004098);
	color:#fff;
	border-color:#f8f8f8;
	box-shadow:0 3px 6px 0 rgb(204 204 204)
}
.etw_products1 ul li ol li.product_con dl {
	background:#e1eef8;
	padding:1.5rem 1.5rem 1rem;
margin:-.8rem 0 0;
	border-radius:0 0 2rem 2rem
}
.etw_products1 ul li ol li.product_con dl li a {
	width:100%;
	display:block;
font-size:.85rem;
padding:.3rem .5rem;
	background:0;
	color:#333;
	border-bottom:1px dashed #ccc;
	font-weight:200;
	border-radius:0;
	font-family:Montserrat
}
.etw_products1 ul li ol li.product_con dl li a:hover {
	color:#004098
}
.etw_products1 ul li ol li.product_con ul.proitem {
	position:relative;
margin:.5rem 0
}
.etw_products1 ul li ol li.product_con ul.proitem li {
	width:100%;
	position:relative;
padding:.3rem 1rem .3rem 1.8rem;
margin:0 0 .3rem;
	border-bottom:1px solid #ccc;
	background:#111;
	font-weight:400;
	color:#fff;
	border-radius:2rem;
font-size:.9rem;
	line-height:1.1rem
}
.etw_products1 ul li ol li.product_con ul.proitem li::before {
position:absolute;
content:'';
background:#fff;
width:5px;
height:5px;
border-radius:50%;
left:15px;
top:11px
}
.etw_products1_sec {
	position:relative
}
.etw_products1_sec ul {
	position:relative;
	display:flex;
	flex-wrap:wrap
}
.etw_products1_sec ul>li {
	width:49%;
	margin:0 2% 1.5rem 0;
	background:0
}
.etw_products1_sec ul>li:nth-child(2n) {
margin-right:0
}
.etw_products1_sec ul>li:nth-child(2n+1) {
clear:both
}
.etw_products1_sec ul>li ol li.product_con a {
	line-height:1.4rem;
	font-weight:300;
	font-size:1.05rem;
	color:#111;
padding:1rem .5rem
}
.etw_products1_th ul>li {
	width:32%;
	margin:0 2% 1.5rem 0
}
.etw_products1_th ul>li:nth-child(4n) {
margin-right:2%
}
.etw_products1_th ul>li:nth-child(4n+1) {
clear:none
}
.etw_products1_th ul>li:nth-child(3n) {
margin-right:0
}
.etw_products1_th ul>li:nth-child(3n+1) {
clear:both
}
.etw_products1_th ul li ol li.product_con a {
	line-height:1.4rem;
	font-weight:300;
	font-size:.9rem;
	color:#fff;
padding:.5rem 1rem;
	background:#004098;
	overflow:hidden
}
.etw_products1_th ul li ol li.product_con>a:hover {
	background:#118739;
	color:#fff
}
.etw_products1 ul li ol li.product_con h5 {
font-size:.9rem;
	line-height:1.1rem;
padding:0 .5rem .5rem;
	color:#004098;
	margin:0
}
.etw_products1_five ul>li {
	width:18.4%
}
.etw_products1_five ul>li:nth-child(4n) {
margin-right:2%
}
.etw_products1_five ul>li:nth-child(4n+1) {
clear:none
}
.etw_products1_five ul>li:nth-child(5n) {
margin-right:0
}
.etw_products1_five ul>li:nth-child(5n+1) {
clear:both
}
.etw_products1_five ul li ol li.product_con a {
	line-height:1.2rem;
	font-weight:300;
	font-size:1.05rem;
	color:#111;
padding:1rem .5rem .5rem
}
.etw_products1_five ul li ol li.product_con h5 {
font-size:.85rem;
	line-height:1.1rem;
padding:0 .5rem .5rem;
	color:#004098;
	margin:0
}
.etw_products1s ul>li {
	box-shadow:1px 3px 10px rgba(0 0 0 / 10%)
}
.etw_products1s ul li ol li.product_con a {
	font-size:1.4rem;
	line-height:1.6rem;
	padding:1rem
}
.etw_products1s ul li ol li.product_con span {
	padding:0 1rem
}
.etw_products2 {
	position:relative;
	margin:0 0 2rem
}
.etw_products2 ul {
	position:relative;
	display:flex;
	flex-wrap:wrap
}
.etw_products2 ul>li {
	width:33.33%;
	margin:0;
padding:.5rem;
	background:#fff
}
.etw_products2 ul>li.hub_big {
	width:66%;
	margin:0 auto;
	padding:0
}
.etw_products2 ul li ol li.product_img {
	position:relative;
margin:0 .5rem 1rem
}
.etw_products2 ul li ol li.product_con {
	width:100%;
	position:relative;
	display:block;
padding:0 .5rem
}
.etw_products2 ul li ol li.product_con:before {
	position:absolute;
	content:'';
	width:100%;
	height:6px;
	background:repeating-linear-gradient(-45deg, #004098, #004098 1px, #fff 0, #fff 5px);
	left:0;
	top:0
}
.etw_products2 ul li ol li.product_con a {
	font-size:1.4rem;
	line-height:1.6rem;
	padding:1.5rem 0 1rem 0;
	color:#004098;
	display:block
}
.etw_products2 ul li ol li.product_con span {
font-size:.95rem;
	line-height:1.4rem;
	display:block;
	margin:0 0 1rem 0
}
.etw_products2 ul li.hub_big ol li.product_con {
	padding:0
}
.etw_products2 ul li.hub_big ol li.product_con:before {
	display:none
}
.etw_products2 ul li.hub_big ol li.product_con a {
	font-size:1.6rem;
	line-height:1.8rem;
	padding:1rem 0;
	color:#004098
}
.etw_products2 ul li.hub_big ol li.product_con span {
	font-size:1rem;
	line-height:1.6rem
}
.etw_products2 ul li ol li.product_more {
	display:block;
	margin:2rem 0
}
.etw_products2 ul li ol li.product_more a {
	width:160px;
	display:block;
	background:#004098;
	color:#fff;
	text-align:center;
padding:.4rem 0;
	border-radius:2rem
}
.etw_products3>ul>li {
	width:32%;
	margin:0 2% 1rem 0
}
.etw_products3 ul>li:nth-child(4n) {
margin-right:2%
}
.etw_products3 ul>li:nth-child(4n+1) {
clear:none
}
.etw_products3 ul>li:nth-child(3n) {
margin-right:0
}
.etw_products3 ul>li:nth-child(3n+1) {
clear:both
}
.etw_products3 ul>li ol li.product_con a {
	font-size:1.2rem;
	line-height:1.4rem;
	font-weight:500;
	font-family:Montserrat
}
.etw_products4>ul>li {
	width:23.5%;
	margin:0 2% 1.5rem 0
}
.etw_products4>ul>li:nth-child(3n) {
margin-right:2%
}
.etw_products4>ul>li:nth-child(3n+1) {
clear:none
}
.etw_products4>ul>li:nth-child(4n) {
margin-right:0
}
.etw_products4>ul>li:nth-child(4n+1) {
clear:both
}
.toplist {
	width:100%;
	padding:0 0 1rem 0
}
.toplist ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center
}
.toplist ul li a {
font-size:.8rem;
	font-weight:600;
margin:.5rem 1rem;
	color:#111;
	display:inline-block;
	position:relative
}
.toplist ul li a:before {
	position:absolute;
	content:'';
	background:#004098;
	width:0;
	height:2px;
	left:0;
	bottom:0;
transition:.3s all ease-in-out
}
.toplist ul li a.dq, .toplist ul li a:hover {
	color:#004098
}
.toplist ul li a:hover:before {
	width:100%
}
@media (max-width:767.98px) {
.etw_products1_five ul>li:nth-child(5n), .etw_products1_th ul>li:nth-child(3n) {
margin-right:2%
}
.etw_products1 ul>li {
width:49%;
margin:0 2% 1.5rem 0
}
.etw_products1>ul>li:nth-child(2n) {
margin-right:0
}
.etw_products1>ul>li:nth-child(2n+1) {
clear:both
}
}
@media (max-width:575.98px) {
.etw_products ul li ol li.product_img {
width:100%
}
.etw_products ul li ol li.product_con {
width:100%;
padding:0
}
.etw_products>ul>li:before {
display:none
}
.etw_products1 ul>li {
width:100%;
margin:0 0 1.5rem 0
}
.etw_products1 ul>li ol li.product_img img {
width:100%
}
.etw_products1_five ul>li:nth-child(5n), .etw_products1_th ul>li:nth-child(3n) {
margin-right:0
}
.etw_products2 ul>li {
width:100%;
margin:0 0 2rem 0
}
}
.relatedpro {
	width:100%;
	height:auto;
	margin:1rem 0
}
.relatednames {
	font-size:1.4rem;
	color:#313947;
padding:.5rem 0;
	position:relative;
	font-family:Oswald
}
.relatednames::before {
content:"";
color:#036439;
position:absolute;
left:0;
bottom:0;
border-bottom:1px dotted #333;
width:150px
}
.relatedpro ul {
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap
}
.relatedpro li {
	width:32%;
margin:0 2% .5rem 0;
	position:relative
}
.relatedpro li:nth-child(3n) {
margin-right:0
}
.relatedpro li:nth-child(3n+1) {
clear:both
}
.relatedpro li a {
	display:block;
padding:.4rem .5rem .4rem 2rem;
	color:#111;
font-size:1.2rem;
	line-height:1.1rem;
	font-weight:200;
	background:#dde2e6;
	border-radius:2rem;
	font-family:Montserrat
}
.relatedpro li a::before {
content:'';
position:absolute;
left:15px;
top:12px;
width:6px;
height:6px;
border-radius:50%;
background:#004098;
transition:.3s all ease-in-out
}
.relatedpro li a.dq, .relatedpro li a:hover {
	color:#fff;
	background:#004098
}
.relatedpro li a.dq:before, .relatedpro li a:hover:before {
	background:#fff
}
.relatedpro1 {
	position:relative
}
.relatedpro1 ul {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.relatedpro1 ul>li {
	width:32%;
	margin:0 2% 1rem 0
}
.relatedpro1 ul>li:nth-child(3n) {
margin-right:0
}
.relatedpro1 ul>li:nth-child(3n+1) {
clear:both
}
.relatedpro1 ul li ol {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.relatedpro1 ul li ol li.product_con {
	width:100%;
	position:relative
}
.relatedpro1 ul li ol li.product_con a {
padding:.5rem;
	display:block;
	text-align:center;
font-size:.9rem;
	line-height:1.1rem
}
.relatedpro1 ul li ol:hover li.product_con a {
	color:#004098
}
.relatedpro1 ul li ol li.product_img {
	position:relative
}
.relatedpro1 ul li ol li.product_img a {
	display:block;
	position:relative;
	overflow:hidden
}
.relatedpro1 ul li ol li.product_img img {
transition:.5s all ease-in-out
}
.relatedpro1 ul li a:hover img {
	transform:scale(1.06)
}
@media (max-width:767.98px) {
.relatedpro li {
width:100%;
margin-right:0
}
}
.otherpro_bg {
	position:relative;
	width:120%;
	margin-left:-10%;
	margin-right:10%;
	background:#dae1e7;
	overflow:hidden;
	padding:2rem 0;
	border-radius:0 0 200vh 200vh/0 0 20vh 20vh;
	-moz-border-radius:0 0 200vh 200vh/0 0 20vh 20vh;
	-webkit-border-radius:0 0 200vh 200vh/0 0 20vh 20vh
}
.otherpro_bg1 {
	border-radius:0
}
.othertitle {
	display:block;
	width:100%;
	margin:1.5rem 0;
	padding:0 0 1rem 0;
	position:relative;
	line-height:2rem;
	font-size:1.8rem;
	color:#555;
	overflow:hidden;
	font-weight:700
}
.othertitle:before {
	content:"";
	width:180px;
	height:5px;
	display:inline-block;
	transform-origin:bottom right;
	transform:skew(40deg, 0);
	position:absolute;
	left:0;
	bottom:0;
	background:#004098
}
.othertitle:after {
	content:"";
	width:100%;
	margin-left:187px;
	height:10px;
	transform-origin:bottom right;
	transform:skew(40deg, 0);
	position:absolute;
	left:0;
	bottom:0;
	background:linear-gradient(70deg, transparent, transparent);
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa
}
.other_pro {
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:1
}
.other_pro ul {
	display:flex;
	flex-wrap:wrap
}
.other_pro ul>li {
	width:23.5%;
	overflow:hidden;
	margin:0 2% 1.5rem 0;
transition:.3s all ease-in-out;
	background:#f5f5f5;
	position:relative;
	padding:5px;
	border-bottom:5px solid #118739;
border-radius:0 0 .5rem .5rem
}
.other_pro ul>li:hover {
	box-shadow:1px 1px 11px rgba(0, 0, 0, .3)
}
.other_pro ul>li:hover:before {
	transform:scaleY(0)
}
.other_pro ul>li:nth-child(4n) {
margin-right:0
}
.other_pro ul>li:nth-child(4n+1) {
clear:both
}
.other_pro ul li ol {
	width:100%;
	overflow:hidden;
	position:relative
}
.other_pro ul li ol.more {
	position:absolute;
	bottom:1rem;
	right:1rem;
	width:auto;
transition:.3s all ease-in-out
}
.other_pro ul li ol.more a {
	background:url(../images/arrow2.png) no-repeat;
	background-size:auto;
	background-size:cover;
	width:18px;
	height:13px;
	display:block;
	opacity:.3
}
.other_pro ul li:hover ol.more {
right:.5rem
}
.other_pro ul li ol li.product_img {
	width:100%;
	position:relative
}
.other_pro ul li ol li.product_img a {
	display:block;
	width:100%;
	position:relative;
	overflow:hidden
}
.other_pro ul li ol li.product_img img {
	width:100%;
transition:.3s all ease-in-out
}
.other_pro ul li ol li.product_con {
	text-align:center;
	margin:auto;
	width:100%;
	position:relative
}
.other_pro ul li ol li.product_con a {
	color:#004098;
	display:block;
	padding:1.5rem 1.5rem 1rem;
	font-size:1.1rem;
	line-height:1.5rem;
	font-weight:300;
	text-align:left
}
.other_pro ul li ol li.product_con span {
	display:block;
	text-align:left;
	padding:0 2rem;
	color:#555
}
.other_pro ul li ol li.product_con i {
	display:block;
font-size:.9rem;
	color:#888;
	line-height:1.1rem;
padding:.5rem 0
}
.other_pro ul li ol:hover li.product_con a {
	color:#004098
}
.other_pro ul li ol:hover li.product_img img {
	transform:scale(1.03)
}
.other_pro2 ul>li {
	width:48%;
	margin:0 4% 1rem 0;
	float:left
}
.other_pro2 ul>li:nth-child(2n) {
margin-right:0
}
.other_pro2 ul>li:nth-child(2n+1) {
clear:both
}
.other_pro3 ul>li {
	width:32%;
	margin:0 2% 1.5rem 0
}
.other_pro3 ul>li:nth-child(4n) {
margin-right:2%
}
.other_pro3 ul>li:nth-child(4n+1) {
clear:none
}
.other_pro3 ul>li:nth-child(3n) {
margin-right:0
}
.other_pro3 ul>li:nth-child(3n+1) {
clear:both
}
.other_pro4 ul>li {
	width:100%;
	margin:0
}
@media (max-width:1199.98px) {
.otherpro_bg {
width:100%;
margin:0 auto
}
}
@media (max-width:767.98px) {
.othertitle {
font-size:1.6rem
}
.other_pro ul>li {
width:49%;
margin:0 2% 1rem 0
}
.other_pro ul>li:nth-child(2n) {
margin-right:0
}
.other_pro3 ul>li {
width:32%;
margin:0 2% 1rem 0
}
.other_pro3 ul>li:nth-child(3n) {
margin-right:0
}
.other_pro3 ul>li:nth-child(2n) {
margin-right:2%
}
}
@media (max-width:575.98px) {
.other_pro ul>li {
width:100%;
margin:0 0 1.5rem 0
}
.other_pro3 ul>li {
width:100%;
margin:0 0 1.5rem 0
}
.other_pro3 ul>li:nth-child(2n) {
margin-right:0
}
}
.cot_add, .cot_email, .cot_fax, .cot_mobile, .cot_people, .cot_skype, .cot_tel, .cot_wechat, .cot_whatsapp {
	position:relative;
	padding-left:28px;
	display:block;
	margin-bottom:1rem;
	line-height:1.4rem;
	font-size:1.1rem;
	font-weight:300;
	color:#fff
}
.cot_add {
padding-top:.3rem
}
.cot_area {
	font-size:1rem;
margin-bottom:.7rem
}
.cot_add:before {
	content:'';
	position:absolute;
	left:-1px;
	top:5px;
	color:#fff;
	background:url(../images/investoricon1.png) no-repeat;
	background-size:cover;
	width:18px;
	height:20px
}
.cot_tel:before {
	content:'';
	position:absolute;
	left:2px;
	top:-1px;
	color:#fff;
	background:url(../images/investoricon3.png) no-repeat;
	background-size:cover;
	width:16px;
	height:22px
}
.cot_email:before {
	content:"\f0e0";
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	font-family:fontawesome;
	font-size:17px
}
.cot_people:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	background:url(../images/investoricon2.png) no-repeat;
	background-size:cover;
	width:18px;
	height:18px
}
.cot_mobile:before {
	content:"\f10b";
	position:absolute;
	left:2px;
	top:-2px;
	color:#fff;
	font-family:fontawesome;
	font-size:30px
}
.cot_fax:before {
	content:"\f1ac";
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	font-family:fontawesome;
	font-size:16px
}
.cot_whatsapp:before {
	content:"\f232";
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	font-family:fontawesome;
	font-size:25px
}
.cot_wechat:before {
	content:"\f1d7";
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	font-family:fontawesome;
	font-size:20px
}
.cot_skype:before {
	content:"\f17e";
	position:absolute;
	left:1px;
	top:-1px;
	color:#fff;
	font-family:fontawesome;
	font-size:22px
}
.cot_name {
	font-size:1.1rem;
	line-height:1.5rem;
padding:1.5rem 0 .6rem 0;
	font-weight:500
}
#etw_form {
	width:100%;
	display:flex;
	flex-flow:wrap;
	margin:3rem 0 2rem 0
}
#etw_form_title {
	font-size:2rem;
	color:#004098;
	position:relative;
padding:2rem 0 1rem .8rem;
	line-height:2rem;
	margin:0;
	font-weight:300;
	font-family:Arial, Helvetica, sans-serif
}
#etw_set_feedback_form {
	width:100%;
	padding:2rem 8rem
}
.contact_info #etw_set_feedback_form {
	padding:3rem 2rem 1rem;
	margin:0;
	background:#e1eef8
}
#floatchatiframe2011 {
	margin:0 auto
}
.inquiry_bg {
	background:url(../images/inquiry_bg.jpg) no-repeat;
	background-size:cover;
	background-attachment:fixed;
	width:100%;
	position:relative;
	padding:1rem 0
}
.inquiry_box {
	display:flex;
	margin:4rem 0;
	flex-wrap:wrap;
	width:100%;
	background:#f2f3f4;
	box-shadow:0 -20px 30px -17px rgba(0 0 0 / 20%)
}
.form_box {
	padding:0 0 0 3rem
}
.form_box #etw_form_title {
	font-size:2rem;
	color:#004098;
	position:relative;
	padding:2rem 0 1.5rem;
	line-height:2rem;
	font-weight:300;
	font-family:Arial, Helvetica, sans-serif;
	border-top:1px solid #004098;
	margin:2rem 0 0 2rem
}
.form_box p {
	margin:0 0 1rem 2rem;
	font-size:1.3rem;
	line-height:1.8rem
}
.contact_box {
	position:relative;
	color:#111;
	float:left;
	padding:1rem 3rem;
	width:50%;
	display:flex;
	flex-wrap:wrap
}
.contact_box .brief {
	color:#333;
	margin:0;
	font-size:1.1rem;
	line-height:2rem;
	position:relative
}
.inquiry_bg .contact_box:before {
	position:absolute;
	content:'';
	background:url(../images/quote.svg) no-repeat;
	background-size:cover;
	width:60px;
	height:60px;
	left:35px;
	top:45px
}
.contact_box .webtitle {
	font-size:1.6rem;
	color:#111;
	position:relative;
	padding:1.5rem 0;
	line-height:2rem;
margin-bottom:.5rem;
	font-weight:600;
	font-family:Poppins;
	text-align:left
}
.contact_box .webtitle a {
	color:#fff
}
.contact_box .cot_add, .contact_box .cot_email, .contact_box .cot_fax, .contact_box .cot_mobile, .contact_box .cot_people, .contact_box .cot_tel {
	width:100%;
	padding:0 0 1rem 3rem;
	font-size:1.1rem;
	margin:0 0 2rem;
	border-bottom:1px solid #ddd
}
.contact_box .cot_add:before, .contact_box .cot_email:before, .contact_box .cot_fax:before, .contact_box .cot_mobile:before, .contact_box .cot_people:before, .contact_box .cot_tel:before {
	color:#004098;
	top:-2px;
	left:2px;
	font-size:28px
}
.contact_box .cot_add:before {
	font-size:36px;
	left:5px;
	top:1px
}
.contact_box .cot_tel:before {
	font-size:32px;
	left:4px
}
.contact_box .icon_box {
	margin-bottom:1.5rem
}
.contact_box .con_txt {
	width:calc(100% - 50px);
padding:0 0 0 .5rem;
	line-height:1.1rem
}
.contact_box .con_txt a:hover {
	text-decoration:underline
}
.container-fluid {
	margin:0!important;
	padding:0!important
}
.iframe {
	border:1px #eee solid!important;
	background:#f8f8f8!important
}
.contact_info {
	line-height:1.4rem;
	overflow:hidden
}
.contact_info .inquiry_box {
	margin:0;
	flex-direction:row-reverse
}
.contact_info .contact_box .con_txt {
padding:0 0 0 .4rem
}
.contact_info #etw_form_title {
padding:0 0 .5rem .8rem;
	color:#333
}
.contact_title {
	font-size:2.4rem;
	line-height:2.8rem;
	color:#004098;
	padding:1rem 0;
	font-weight:600;
	text-transform:uppercase
}
.contact_info p {
	font-size:1.1rem;
	margin-bottom:1rem;
	line-height:1.5rem
}
.contact_info .p_name strong {
	font-size:1.4rem;
	font-weight:700;
	color:#111
}
.contact_info p a {
	color:#004098;
	text-decoration:underline
}
.contact_info p a:hover {
	text-decoration:none;
	color:#004098
}
.contact_info #floatchatiframe2011 {
	margin:0;
	min-height:460px;
	padding:0;
	background:0;
	border:none;
	box-shadow:none
}
.contact_info .cot_email, .contact_info .cot_people, .contact_info .cot_skype, .contact_info .cot_tel, .contact_info .cot_wechat, .contact_info .cot_whatsapp {
padding:0 0 .5rem 2rem;
	margin-bottom:1rem;
	border-bottom:1px dotted #999
}
.contact_info .cot_people::before {
color:#111;
left:1px;
font-size:24px
}
.contact_info .cot_tel::before {
color:#111;
left:1px;
font-size:26px
}
.contact_info .cot_email::before {
color:#111;
left:1px;
font-size:22px
}
.contact_info .cot_wechat::before {
color:#111;
left:1px;
font-size:20px
}
.contact_info .cot_whatsapp::before {
color:#111;
left:1px;
font-size:26px
}
.contact_info .cot_skype::before {
color:#111;
left:1px;
font-size:26px
}
.txt_indet {
	padding-left:2rem
}
.etw_contactin {
	width:46%;
	height:auto;
	padding:0;
	background:#f5f5f5;
	padding:1rem
}
.theme-title {
	color:#333!important;
	font-size:1.2rem!important;
	border-bottom:1px solid #555!important;
margin:1rem 0 .5rem!important;
	text-align:center!important
}
.theme-title i {
	display:none!important
}
@media (max-width:767.98px) {
.contact_box {
display:none
}
.form_box {
width:100%
}
.contact_info .contact_box {
display:block;
width:100%
}
.contact_info #etw_set_feedback_form {
margin:2rem 0 0 0
}
.contact_title {
font-size:2rem;
line-height:2.4rem
}
.cot_area {
margin:1rem 0 .7rem 0
}
.form_box #etw_set_feedback_form {
padding:0
}
}
@media (max-width:575.98px) {
#etw_set_feedback_form, .etw_contactin {
width:100%;
margin-right:0;
padding:2rem
}
.inquiry_box {
padding:0;
margin:1rem 0
}
}
#footer {
	width:100%;
	height:auto;
	margin:0 auto;
	font-size:1rem;
	color:#fff;
	overflow:hidden;
	position:relative;
	background:url(../images/bottom_bg.jpg) no-repeat center;
	background-size:cover
}
#footer:before {
	position:absolute;
	content:'';
	background:rgba(0 0 0 / 85%);
	width:100%;
	height:100%;
	left:0;
	top:0
}
.footercop {
	width:100%;
	padding:1rem 0;
	text-align:center;
font-size:.9rem;
	margin:0 auto;
	position:relative
}
.etw_footin {
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden
}
#etw_coper {
	margin-top:2px;
	width:100%;
	line-height:22px
}
#etw_coper a {
	display:inline-block;
	color:#fff
}
#otherlink {
	clear:both;
	width:100%;
	height:auto
}
#otherlink a {
	color:#fff;
	display:inline-block;
	padding:0 8px;
	margin-right:5px;
	line-height:22px;
	margin-bottom:5px
}
#otherlink a span {
	opacity:.5;
	position:relative;
	top:0;
	font-size:14px
}
#otherlink a:hover {
	color:#004098
}
#otherlink a:hover span {
	opacity:1;
	top:-2px;
transition:all .3s ease-in-out
}
#etw_bottom {
	width:94%;
	max-width:1400px;
	margin:0 auto;
	padding:4rem 0 0;
	position:relative;
	border-bottom:1px solid #9a8b81
}
#etw_bottom .webtitle {
	font-size:1.5rem;
	line-height:1.5rem;
	color:#fff;
	font-weight:300;
	text-align:left;
	position:relative;
	margin:0 0 1.5rem 0;
	padding:0
}
#etw_bottom .webtitle a {
	background:#004098;
	padding:1.5rem 2.5rem;
	display:inline-block
}
.bottom_left {
	float:left;
	width:50%;
	padding:0 1rem 0 0
}
#etw_bottom .home_contact .webtitle a {
	color:#fff
}
#etw_bottom .home_contact .webtitle a:hover, #etw_bottom .webtitle a:hover {
	color:#118739
}
#etw_bottom a {
	color:#fff
}
#etw_bottom a:hover {
	color:#004098
}
#etw_bottom ul {
	width:100%;
	float:left;
	display:flex;
	flex-flow:wrap
}
#etw_bottom ul li {
	width:100%;
	float:left
}
#etw_bottom ul li a {
	display:block;
	color:#fff;
padding:.5rem 0 .5rem .1rem;
	position:relative;
	font-size:1.1rem;
	line-height:1.3rem;
	font-weight:200
}
#etw_bottom ul li a:hover {
	color:#118739
}
#etw_bottom ul li a:before {
	content:'';
	display:none;
	position:absolute;
	width:6px;
	height:6px;
	left:4px;
	background:#555;
	top:12px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
transition:.3s all ease-in-out
}
#etw_bottom ul li a:hover:before {
	background:#004098;
	transform:rotate(135deg)
}
#etw_bottom ul li:last-child a:after {
	content:'';
	background:url(../images/arrow1.png) no-repeat;
	background-size:cover;
	width:13px;
	height:13px;
	display:inline-block;
margin:0 0 0 .5rem;
transition:.3s all ease-in-out
}
#etw_bottom ul li:last-child a:hover:after {
margin:0 0 0 .8rem
}
#etw_bottom ul li ol {
margin:.5rem 0;
	display:flex;
	flex-wrap:wrap
}
#etw_bottom ul li ol li a {
font-size:.85rem;
	line-height:1.2rem;
	display:block;
padding:.3rem 0;
	color:#333;
	font-weight:300;
	border-bottom:1px dotted #ccc
}
.bottom_logo {
	position:relative;
	padding:0 0 1rem 0;
	width:240px
}
.bottom_title {
	font-size:1.8rem;
	line-height:2rem;
	font-family:Poppins;
	font-weight:600;
	padding:1.3rem 0 0
}
.bottom_txt {
padding:.8rem 1rem 0 0;
	font-size:1rem
}
.home_contact {
	width:100%;
	position:relative;
	padding:3rem 0 0 1.5rem
}
#etw_bottom .home_contact .webtitle a {
	border:none
}
#etw_bottom .home_contact a {
	color:#fff
}
#etw_bottom .home_contact a:hover {
	color:#118739;
	text-decoration:none
}
.pro_contact {
	padding:0 0 2.5rem 4rem;
	position:relative;
	border-left:1px solid #9a8b81;
	border-right:1px solid #9a8b81
}
#etw_bottom .bottom_icon {
	position:relative;
	margin:1rem 0 0
}
#etw_bottom .bottom_icon a {
	font-size:1.1rem;
	line-height:1.1rem;
	background:#fff;
	margin:0 8px 0 0;
	height:30px;
	width:30px;
	color:#004098;
	border-radius:50%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center
}
#etw_bottom .bottom_icon a:hover {
	background:#004098
}
@media (max-width:991.98px) {
#etw_bottom {
padding:3rem 0 2rem 0
}
#etw_bottom ul li a {
font-size:1rem
}
.bottom_logo, .bottom_txt {
display:none
}
.footercop:before {
display:none
}
.pro_contact {
border-left:none;
border-right:none
}
.cot_add, .cot_email, .cot_fax, .cot_mobile, .cot_people, .cot_skype, .cot_tel, .cot_wechat, .cot_whatsapp {
font-size:1rem
}
}
@media (max-width:767.98px) {
.pro_contact {
padding:0
}
.pro_contact:before {
display:none
}
.bottom_left {
width:100%;
padding:0
}
.home_contact {
padding:0
}
.etw_footin:after, .etw_footin:before {
display:none
}
#etw_bottom .webtitle {
padding:2rem 0 1rem;
border-bottom:1px solid #fff;
margin:0 0 .5rem
}
#etw_bottom .webtitle a {
background:0;
padding:0
}
#etw_bottom .home_contact a, .cot_add, .cot_email, .cot_fax, .cot_mobile, .cot_people, .cot_skype, .cot_tel, .cot_wechat, .cot_whatsapp {
color:#fff;
font-weight:200
}
}
#etw_map {
	width:100%;
	margin:0 auto
}
#etw_map .name {
	width:100%;
	color:#118739;
margin:.5rem 0 1rem 0;
	display:block;
padding:.5rem 0 .5rem .5rem;
	border-bottom:1px dashed #ddd;
	font-size:1.6rem;
	text-decoration:none;
	font-weight:600;
	position:relative;
	font-style:oblique
}
#etw_map a {
	color:#111;
	text-decoration:underline;
	width:100%;
	display:block;
	margin-top:5px
}
#etw_map a:hover {
	text-decoration:none
}
#etw_map .name a {
	color:#111;
	margin:0;
	font-weight:700;
	text-decoration:none
}
#etw_map .name:hover {
	color:#004098
}
#etw_map .name1 {
	color:#004098;
margin:.5rem 0 1rem 0;
	display:block;
padding:.3rem 0 .3rem 1rem;
	border-bottom:1px dashed #ddd;
	font-size:1.2rem;
	text-decoration:none;
	font-weight:600;
	position:relative
}
#etw_map .list_m {
	width:100%;
	height:auto;
	margin-bottom:5px;
	padding:0 0 0 1rem;
	overflow:hidden
}
#etw_map .list_m ul li {
	width:50%;
	display:block;
	float:left;
padding:.2rem .5rem
}
#etw_map .list_m ul li:nth-child(2n+1) {
clear:both
}
#etw_map .list_m ul li a {
	color:#555;
	text-decoration:none;
	line-height:1.2rem;
	font-size:1rem;
	margin:0 0 1rem 0;
	font-weight:300
}
#etw_map .list_m ul li a:hover {
	text-decoration:underline;
	color:#004098
}
#etw_map a.subname {
	width:100%;
	display:block;
	text-decoration:underline;
	padding-left:0
}
@media (max-width:767.98px) {
.footlogo {
width:100%
}
#etw_map .list_m ul li {
width:100%
}
}
#tags {
	width:100%;
padding:.5rem 0 1rem
}
#tags li {
margin:0 .5rem 0 0;
	color:#ccc;
	display:inline-block;
line-height:.9rem;
font-size:.8rem;
padding:.3rem 0;
	position:relative
}
#tags li#tags_title {
	display:inline-block;
margin:0 .5rem 0 0;
	color:#ccc;
font-size:.9rem;
line-height:.9rem;
	text-align:left;
	position:relative;
	font-weight:400;
padding:.3rem 0
}
#tags a:last-child:before {
	content:normal
}
@media (max-width:767.98px) {
#tags {
display:none
}
}
.video_title {
	display:block;
	font-size:1.2rem;
padding:.5rem 0;
	text-align:center
}
.video_show {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	justify-content:center;
	align-items:center
}
.video_show a::after {
display:none
}
.video_btn {
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:start;
	cursor:pointer;
	text-align:center;
	position:relative;
	z-index:1;
margin:0 .2rem
}
.video_btn span {
	color:#fff;
padding:.6rem 2rem;
font-size:.8rem;
line-height:.8rem;
	text-align:center;
	display:inline-block;
	margin:1rem 0;
	min-width:100px;
	position:relative;
	overflow:hidden;
	background:#f2bb41;
	font-weight:200;
	z-index:1;
transition:.5s all ease-in-out;
	font-family:Montserrat;
	text-transform:uppercase;
	border-bottom:2px solid #fff;
	box-shadow:0 2px 0 rgb(0 0 0 / 20%);
	border-radius:3px
}
.video_btn span:hover {
	background:#111;
	border-bottom:2px solid #111
}
@keyframes pulse-border {
0% {
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity:.4
}
100% {
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity:0
}
}
.video_btn1 {
	display:flex;
	flex-wrap:wrap;
	position:absolute;
	width:100px;
	height:100px;
	cursor:pointer;
	background:url(../images/video_btn.png) no-repeat;
	background-size:cover;
	z-index:100;
transition:.3s all ease-in-out;
	animation:scalein 5s ease-out infinite;
	-webkit-animation:scalein 5s ease-out infinite;
-webkit-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
-ms-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out
}
@-webkit-keyframes scalein {
50% {
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1)
}
}
@keyframes scalein {
50% {
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1)
}
}
.video_btn2 {
	display:flex;
	flex-wrap:wrap;
	position:absolute;
	width:80px;
	height:80px;
	opacity:.8;
	cursor:pointer;
	z-index:100;
	background:url(../images/video_btn.png) no-repeat #118739;
	background-size:cover;
	border-radius:50%
}
.video_shows {
	border-radius:5rem;
	overflow:hidden
}
.video_shows .video_btn2 {
	width:45px;
	height:45px
}
.video_btn3 {
	display:block;
	position:relative;
	float:left;
	font-size:1rem;
	line-height:1rem;
	background:#111;
	color:#fff;
	font-family:Montserrat;
padding:.6rem 1.5rem .6rem 3rem;
	border-radius:2rem;
	font-weight:200;
	margin:1rem 0;
	cursor:pointer;
transition:.3s all ease-in-out
}
.video_btn3:before {
	position:absolute;
	content:'';
	background:url(../images/video_btn.png) no-repeat;
	background-size:cover;
	width:20px;
	height:20px;
	left:20px;
	top:7px
}
.video_btn3:hover {
	box-shadow:1px 3px 6px #ccc;
transform:translateY(-.3rem);
-webkit-transform:translateY(-.3rem);
-moz-transform:translateY(-.3rem);
-ms-transform:translateY(-.3rem);
-o-transform:translateY(-.3rem)
}
.video_btn4 {
	display:flex;
	flex-wrap:wrap;
	position:absolute;
	margin:0 auto;
	width:80px;
	height:80px;
	cursor:pointer;
	z-index:100;
	background:url(../images/video_btn2.png) no-repeat;
	background-size:cover
}
.video_btn4 {
	-webkit-animation:scaleout 2.5s infinite ease-in-out;
	animation:scaleout 2.5s infinite ease-in-out
}
@-webkit-keyframes scaleout {
50% {
opacity:.5
}
100% {
opacity:1
}
}
@keyframes scaleout {
50% {
opacity:.5
}
100% {
opacity:1
}
}
.video_btn5 {
	width:100px;
	height:100px;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#fff;
	background:rgba(17 166 163 / 50%);
	border:4px solid #fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:5rem;
padding-left:.8rem;
	cursor:pointer;
transition:all .5s;
	z-index:3
}
.video_home .video_btn5 {
	-webkit-animation:scaleout 2.5s infinite ease-in-out;
	animation:scaleout 2.5s infinite ease-in-out
}
.video_btn5:hover {
	background:rgba(17 166 163 / 90%);
	color:#fff;
	box-shadow:0 0 15px rgba(0 0 0 / 25%)
}
.home_video {
	width:76px;
	height:76px;
	position:absolute;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	cursor:pointer;
	background:url(../images/video.png);
	opacity:.7;
transition:.3s all ease-in-out
}
.home_video a {
	background:#004098;
	color:#fff;
padding:.5rem 1.5rem;
	display:block;
	border-radius:4px
}
.home_video i {
padding-left:.3rem;
	color:#0b3b6f;
	font-size:1.2rem
}
.home_video:hover {
	opacity:1
}
.etw_videoshow {
	display:none;
	width:100%;
	margin-bottom:20px
}
.videoflow {
	overflow:hidden;
	max-height:200px;
	position:relative;
	cursor:pointer;
	margin-bottom:15px
}
.videoflow:before {
	position:absolute;
	top:50%;
	left:50%;
	right:0;
	border-radius:50%;
	font-family:fontawesome;
	transform:translate(-50%, -50%);
	content:"\f04b";
	width:64px;
	height:64px;
	color:#004098;
	background:#fff;
	font-size:2.4rem;
	padding:1.2rem 0 0 1.4rem;
	line-height:24px
}
.videoflow:hover:before {
	background:#004098;
	color:#fff
}
.videoflow img {
	width:100%
}
.video_bg {
	position:relative;
	overflow:hidden;
	border-radius:1rem;
	-webkit-border-radius:1rem;
	-moz-border-radius:1rem;
	-ms-border-radius:1rem;
	-o-border-radius:1rem
}
.video_bg:before {
	position:absolute;
	content:'';
	background:#333;
	width:100%;
	height:15%;
	top:0;
	left:0;
	z-index:1;
transition:.3s all ease-in-out;
	display:none
}
.video_bg:after {
	position:absolute;
	content:'';
	background:#333;
	width:100%;
	height:15%;
	bottom:0;
	left:0;
	z-index:1;
transition:.3s all ease-in-out;
	display:none
}
.video_bg:hover:before {
	top:-15%
}
.video_bg:hover:after {
	bottom:-15%
}
.video_text {
	text-align:center;
	width:100%;
padding:.8rem 0;
	background:#efe;
	font-size:1.3rem;
	font-weight:600
}
.video_text a {
	font-size:1.05rem;
	color:#fff;
	line-height:1.2rem;
	font-weight:300;
	position:relative;
	padding:0 1.5rem;
	display:block
}
.video_text a:before {
	content:"\f0a9";
	font-family:FontAwesome;
	margin:2px 8px 0 0;
transition:.3s all ease-in-out
}
.video_text a:hover {
	color:#004098
}
.video_text a:hover:after {
	color:#004098;
	margin-left:12px
}
.plyr--video, .plyr__poster, .plyr__video-wrapper {
	background-color:#fff!important
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
	opacity:0!important
}
.plyr__video-wrapper {
	background-color:#fff;
	background:var(--plyr-video-background, var(--plyr-video-background, #fff))
}
.video_h2 {
	font-size:2rem;
	line-height:2.2rem;
	padding:0 0 1rem 0
}
.video_details a {
	color:#253041;
padding:.6rem 1.5rem;
font-size:.95rem;
line-height:.95rem;
	font-weight:500;
	text-align:center;
	display:inline-block;
	margin:1rem 0;
	min-width:120px;
	position:relative;
	overflow:hidden;
	border-bottom:4px solid #ed9300;
	border-radius:2rem;
	background:#004098;
	z-index:1;
transition:.5s all ease-in-out;
-webkit-transition:.5s all ease-in-out;
-moz-transition:.5s all ease-in-out;
-ms-transition:.5s all ease-in-out;
-o-transition:.5s all ease-in-out
}
.video_details a:hover {
	background:#555;
	color:#fff;
	border-bottom:4px solid #212121
}
.etwvideo_hub {
	position:relative
}
.etwvideo_hub ul {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.etwvideo_hub ul>li {
	width:49%;
	margin:0 2% 1rem 0;
	position:relative;
transition:.3s all ease-in-out;
	overflow:hidden
}
.etwvideo_hub ul>li:nth-child(2n) {
margin-right:0
}
.etwvideo_hub ul>li:nth-child(2n+1) {
clear:both
}
.etwvideo_hub ul>li:hover {
	filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%));
	-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%))
}
.etwvideo_hub ul li ol {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	background:#d8ffe5
}
.etwvideo_hub ul li ol li.product_img {
	width:50%;
	position:relative
}
.etwvideo_hub ul li ol li.product_img a {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	justify-content:center;
	align-items:center
}
.etwvideo_hub ul li ol li.product_img .video_btn2 {
	width:40px;
	height:40px
}
.etwvideo_hub ul li ol li.product_con {
	width:50%;
	position:relative;
	padding:0 1rem 0 1.5rem
}
.etwvideo_hub ul li ol li.product_con a {
	display:block;
	font-size:1.2rem;
	line-height:1.4rem;
	color:#111;
padding:.5rem 1rem .5rem 0;
	font-weight:300
}
.etwvideo_hub ul li ol li.product_con a:hover {
	color:#004098
}
.etwvideo_hub1 ul>li {
	width:49%
}
.etwvideo_hub1 ul>li:nth-child(3n) {
margin-right:2%
}
.etwvideo_hub1 ul>li:nth-child(3n+1) {
clear:none
}
.etwvideo_hub1 ul>li:nth-child(2n) {
margin-right:0
}
.etwvideo_hub1 ul>li:nth-child(2n+1) {
clear:both
}
.other_video ul>li {
	border-radius:1rem;
	width:16%
}
.other_video ul li ol li.product_img:before {
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	background:url(../images/linen_dark_alpha.png) no-repeat;
	left:0;
	top:0;
	z-index:1
}
.other_video ul li ol li.product_img a {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	justify-content:center;
	align-items:center
}
.other_video ul li ol li.product_img .video_btn2 {
	width:60px;
	height:60px
}
#video_right {
	width:69%;
	float:left;
	position:relative
}
#video_sidebar {
	width:28%;
	float:right;
	position:relative
}
#etw_videolist {
	position:relative;
	margin:0 auto;
	background:url(../images/videoside_bg.jpg) no-repeat;
	background-size:cover;
	padding:1rem
}
#etw_videolist .webtitle {
	font-size:1.5rem;
	line-height:1.5rem;
	text-align:left;
	padding:1rem 0;
	font-weight:500;
	color:#004098
}
#etw_videolist ul {
	position:relative;
	display:flex;
	flex-wrap:wrap
}
#etw_videolist ul li {
	width:100%;
	position:relative;
	display:block
}
#etw_videolist ul li a {
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
margin:.3rem 0;
	border-radius:0 2rem 2rem 0;
transition:.3s all ease-in-out
}
#etw_videolist ul li a:hover {
	box-shadow:1px 3px 6px rgba(0 0 0 / 30%)
}
#etw_videolist ul li img {
	width:27%;
	float:left
}
#etw_videolist ul li span {
	width:73%;
	float:right;
padding:.3rem .5rem;
	color:#333;
font-size:.85rem;
	line-height:1rem;
	font-weight:300;
	position:relative;
	display:block;
transition:.3s all ease-in-out
}
#etw_videolist ul li a.dq span, #etw_videolist ul li a:hover span {
	color:#004098
}
#etw_videolist ul li a.dq:before, #etw_videolist ul li a:hover:before {
	color:#004098
}
#video_right video {
	width:100%!important
}
@media (max-width:991.98px) {
.etwvideo_hub ul li {
width:100%;
margin:0 0 1rem 0
}
#video_right {
width:100%;
float:none
}
#video_sidebar {
width:100%;
float:none
}
#etw_videolist ul li {
width:49%;
margin:0 2% 1rem 0
}
#etw_videolist ul li:nth-child(2n) {
margin-right:0
}
#etw_videolist ul li:nth-child(2n+1) {
clear:both
}
}
@media (max-width:575.98px) {
.videoall ul li {
width:100%;
margin-right:0
}
#etw_videolist ul li a {
border-radius:0
}
#etw_videolist ul li img {
width:100%;
float:none
}
#etw_videolist ul li span {
width:100%;
float:none;
text-align:center;
padding:.5rem 0
}
.etwvideo_hub ul li ol li.product_img {
width:40%
}
.etwvideo_hub ul li ol li.product_con {
width:60%;
padding:0 1rem
}
.etwvideo_hub ul li ol li.product_con a {
font-size:.8rem;
line-height:1rem
}
.video_btn2 {
width:50px;
height:50px
}
}
.timeline {
	position:relative;
	margin:30px auto;
	padding:60px 0
}
.timeline::before {
content:"";
position:absolute;
top:0;
left:10%;
width:4px;
height:100%;
background-color:#8d94b1
}
@media (min-width:800px) {
.timeline::before {
left:50%;
margin-left:-2px
}
}
.timeline__item {
	margin-bottom:30px;
	position:relative
}
.timeline__item::after {
content:"";
clear:both;
display:table
}
.timeline__item:nth-child(2n) .timeline__item__content {
float:right
}
.timeline__item:nth-child(2n) .timeline__item__content::before {
content:'';
right:40%
}
@media (min-width:800px) {
.timeline__item:nth-child(2n) .timeline__item__content::before {
left:inherit
}
}
.timeline__item:nth-child(2n) .timeline__item__content__date {
background-color:#111
}
.timeline__item:nth-child(2n) .timeline__item__content__description {
color:#111
}
.timeline__item:last-child {
	margin-bottom:0
}
.timeline__item-bg {
	-webkit-transition:all 1s ease-out;
	transition:all 1s ease-out;
	color:#fff
}
.timeline__item-bg:nth-child(2n) .timeline__item__station {
background-color:#111
}
.timeline__item-bg:nth-child(2n) .timeline__item__content {
background-color:#111
}
.timeline__item-bg:nth-child(2n) .timeline__item__content::before {
background-color:#111
}
.timeline__item-bg:nth-child(2n) .timeline__item__content__description {
color:#fff
}
.timeline__item-bg .timeline__item__station {
	background-color:#004098
}
.timeline__item-bg .timeline__item__content {
	background-color:#004098
}
.timeline__item-bg .timeline__item__content::before {
background-color:#004098
}
.timeline__item-bg .timeline__item__content__description {
	color:#fff
}
.timeline__item__station {
	background-color:#9aa0b9;
	width:40px;
	height:40px;
	position:absolute;
	border-radius:50%;
	padding:10px;
	top:0;
	left:10%;
	margin-left:-33px;
	border:4px solid #8d94b1;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
@media (min-width:800px) {
.timeline__item__station {
left:50%;
margin-left:-30px;
width:60px;
height:60px;
padding:15px;
border-width:6px
}
}
.timeline__item__content {
	width:80%;
	background:#fff;
	padding:20px 30px;
	border-radius:6px;
	float:right;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
@media (min-width:800px) {
.timeline__item__content {
width:40%;
float:inherit;
padding:30px 40px
}
}
.timeline__item__content::before {
content:'';
position:absolute;
left:10%;
background:#8d94b1;
top:20px;
width:10%;
height:4px;
z-index:-1;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
@media (min-width:800px) {
.timeline__item__content::before {
left:40%;
top:30px;
height:4px;
margin-top:-2px
}
}
.timeline__item__content__date {
	margin:0;
	padding:2px 20px;
	font-size:1.6rem;
	line-height:2rem;
	margin-bottom:10px;
	background-color:#004098;
	color:#fff;
	display:inline-block;
	border-radius:4px;
	border:2px solid #fff
}
.timeline__item__content__description {
	margin:0;
	padding:0;
	font-size:16px;
	line-height:24px;
	font-weight:300;
	color:#004098
}
@media (min-width:800px) {
.timeline__item__content__description {
font-size:1.05rem;
line-height:28px
}
}
.his_item {
	display:flex;
	flex-wrap:wrap;
	position:relative
}
.his_item li {
	width:32%;
	margin:0 2% 1.5rem 0;
	position:relative;
	color:#fff;
	background:#004098;
	padding:2rem 3rem;
border-radius:.5rem;
-webkit-border-radius:.5rem;
-moz-border-radius:.5rem;
-ms-border-radius:.5rem;
-o-border-radius:.5rem;
transition:.3s all ease-in-out
}
.his_item li:nth-child(2n) {
background:#111
}
.his_item li:nth-child(3n) {
margin-right:0
}
.his_item li:nth-child(3n+1) {
clear:both
}
.his_item li:hover {
	box-shadow:1px 3px 15px rgba(0 0 0 / 30%);
transform:translateY(-.8rem);
-webkit-transform:translateY(-.8rem);
-moz-transform:translateY(-.8rem);
-ms-transform:translateY(-.8rem);
-o-transform:translateY(-.8rem)
}
.his_item li span {
	margin:0;
	padding:2px 20px;
	font-size:1.6rem;
	line-height:2rem;
	margin-bottom:10px;
	background-color:#004098;
	color:#fff;
	display:block;
	border-radius:4px;
	border:2px solid #fff;
	font-family:Montserrat;
	font-weight:700;
	max-width:105px;
	text-align:center;
transition:.3s all ease-in-out
}
.his_item li:nth-child(2n) span {
background:#111
}
#app_home_new, #app_new_pro {
	display:none
}
.news_list {
	width:100%
}
.news_list>ul>li {
	background:#f1f1f2;
	width:100%;
	overflow:hidden;
	padding:1.5rem;
	margin-bottom:2rem
}
.news_list>ul>li ol {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	align-items:center
}
.news_list ul li ol li.product_con {
	width:68%;
	float:right
}
.news_list ul li ol li.product_con a {
	display:block;
	font-weight:400;
	font-size:1.1rem;
	color:#333;
padding:0 0 .5rem 0;
	border-bottom:1px solid #aaa;
margin-bottom:.5rem
}
.news_list ul li ol li.product_con p {
	color:#555;
font-size:.85rem;
	line-height:1.3rem;
margin:0 0 .6rem
}
.news_list ul li ol li.product_con a:hover {
	color:#999
}
.news_list ul li ol li.product_con span {
	background:#004098;
	color:#fff;
	display:block;
padding:.3rem .5rem;
	float:left;
font-size:.8rem;
	line-height:1rem
}
.news_list ul li ol li.product_img {
	width:30%;
	float:left;
	margin-right:2%
}
.news_list ul li ol li.product_img img {
transition:.3s all ease-in-out;
	border:1px solid transparent;
	min-height:166px;
	display:block
}
.news_list ul li ol li.product_img img:hover {
	border:1px solid #004098
}
.news_name {
	text-align:center;
	margin-bottom:1.5rem
}
#news_sidebarlist {
	float:right;
	width:25%;
	position:relative;
	margin:0 auto;
	background:#f1f1f2;
	padding:1.5rem 2rem
}
#news_sidebarlist .webtitle {
	text-align:left;
	font-size:1.6rem;
	line-height:1.6rem;
padding:1rem 0 .8rem;
	color:#333;
	font-weight:600;
	position:relative;
transition:.3s all ease-in-out;
	width:100%;
margin:0 0 .8rem;
	text-transform:uppercase;
	border-bottom:1px dotted #aaa
}
#news_sidebarlist ul {
	position:relative
}
#news_sidebarlist ul li a {
	display:block;
	color:#777;
	position:relative;
font-size:.85rem;
	line-height:1rem;
padding:.5rem 0 .5rem 1.5rem;
	font-weight:300
}
#news_sidebarlist ul li a:before {
	content:'';
	position:absolute;
	left:2px;
	top:8px;
	width:16px;
	height:16px;
	opacity:.7;
	background:url(../images/cat-close.png) no-repeat;
	background-size:cover;
transition:.3s all ease-in-out
}
#news_sidebarlist ul li a.dq, #news_sidebarlist ul li a:hover {
	color:#004098
}
@media (max-width:991.98px) {
#news_sidebarlist {
display:none
}
}
@media (max-width:575.98px) {
.news_list ul li ol li.product_con, .news_list ul li ol li.product_img {
width:100%;
margin-right:0
}
.news_list ul li ol li.product_img {
margin:1rem 0
}
}
.theme-send-inquiry-box {
	background:#111!important;
	border:none!important
}
.theme-box-name {
	background:#004098!important;
	border-left:none!important;
	font-family:Montserrat!important;
	text-transform:uppercase!important;
	font-size:14px!important;
	font-weight:200!important
}
.theme-box-i {
	padding:8px 10px 0 10px!important
}
@media screen and (max-width:767px) {
.theme-box-name {
font-size:12px!important;
padding:0 8px!important
}
.theme-box-i {
width:32px!important;
font-size:14px!important;
padding:10px 6px 0 9px!important
}
}
.review {
	font-size:16px;
	font-weight:700;
	color:red;
	margin:0 0 1rem
}
.layui-layer-btn .layui-layer-btn0 {
	float:none;
	font-size:1.5rem;
	color:#fff!important;
	margin-bottom:28px
}
.layui-layer-btn {
	text-align:center!important
}
.layui-layer-btn a {
	padding:5px 15px!important;
	height:auto!important
}
.custom_box {
	padding:3rem 3rem 2rem 3rem;
	box-shadow:0 0 35px #eee
}
.custom_title {
	color:#004098;
	font-size:1.2rem;
	line-height:1.2rem;
	text-align:center;
	font-weight:500;
padding:.3rem 0
}
.custom_box p {
	font-size:1rem;
	color:#444;
	text-align:center
}
.custom_box span {
	color:red
}
label {
	margin-bottom:0;
padding-left:.2rem
}
.form-control {
font-size:.8rem!important;
	font-weight:300;
	background:#f1f8ff;
	font-family:Arial
}
.btn-primary {
	background:#111;
	border-color:#111
}
.btn-primary:hover {
	background:#004098;
	border-color:#004098
}
@media (max-width:575.98px) {
ul.discitem li {
width:100%;
margin:0 0 1rem 0
}
.nav-tabs li a {
display:block
}
.nav-tabs li a:after {
bottom:.1rem
}
.custom_box {
padding:2rem 1rem
}
}
.flow_chart_nav {
	display:flex;
	flex-wrap:wrap;
	background-color:#f2f2f2
}
.flow_chart_nav li {
	width:calc(100% / 3);
	padding:1rem;
	font-size:1.2rem;
	line-height:1.5rem;
	position:relative;
	cursor:pointer
}
.flow_chart_nav li::after {
content:'';
width:0;
height:2px;
background-color:#118739;
position:absolute;
left:1rem;
bottom:0;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s
}
.flow_chart_nav li.active, .flow_chart_nav li:hover {
	color:#118739
}
.flow_chart_nav li.active::after, .flow_chart_nav li:hover::after {
width:calc(100% - 2rem)
}
.flow_chart_content>div {
	display:none
}
.flow_chart_content>div:first-child {
	display:block
}
.flow_chart_content ul {
	display:flex;
	flex-wrap:wrap
}
.flow_chart_content ul li {
	width:25%;
padding:0 .5rem 0 1.7rem;
	margin-bottom:1rem;
	position:relative;
	font-size:1rem;
	line-height:1.2rem
}
.flow_chart_content ul li span {
	width:1.2rem;
	height:1.2rem;
font-size:.85rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	border:1px solid #000;
	position:absolute;
	left:0;
	top:0
}
@media (max-width:997.98px) {
.flow_chart_nav li {
width:100%;
padding:.5rem;
font-size:1rem;
line-height:1.4rem
}
.flow_chart_nav li::after {
left:.5rem
}
.flow_chart_nav li.active::after, .flow_chart_nav li:hover::after {
width:calc(100% - 1rem)
}
.flow_chart_content ul li {
width:calc(100% / 3)
}
}
