@charset "utf-8";
/* CSS Document */
@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-family: 'OpenSans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/OpenSans-300.woff2) format('woff2');
  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: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../font/OpenSans-400.woff2) format('woff2');
  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: 'OpenSans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../font/OpenSans-600.woff2) format('woff2');
  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: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald Light'), local('Oswald-Light'), url(../font/Oswald-300.woff2) format('woff2');
  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: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(../font/Oswald-500.woff2) format('woff2');
  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;
}
.clearfix{clear:both;}
        
/****basic****/
body{color:#444; font-family:OpenSans; font-size:1rem;}
*,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:#0c3b64;blr:expression(this.onFocus=this.blur())}
a:hover{color:#00498f}
a:focus{outline:0; text-decoration:none}
a,a:hover{text-decoration:none}
a.link{color:#00498f; text-decoration:underline;}
a.link:hover{color:#274963; text-decoration:underline;}
p{ margin-bottom:0.875rem;color: #444;font-size: 0.875rem;}
b{color:#333; font-size:1.125rem; line-height:1.3rem;margin:24px 0 15px 0; display:block;font-weight: 600;position: relative;}
h2{display:block; margin:0; padding:15px 0;line-height:26px; font-weight:600;color: #2d2d2d; font-size: 1.5rem;padding: 5px 0 12px 0;}

/****header****/
#header{width:100%; height:auto; position:fixed;top:0;z-index:999; background:#fff;}
#headerin{width:100%; height:auto; margin:0 auto; max-width:980px;}
#etw_logo{height:auto; float:left; margin:1rem 0.5rem 1rem 0; clear:left;width: 185px;margin-top: 1.75rem;}

/*language*/
#etw_language {
    min-height: 25px;
    width: auto;
    text-align: right;
	height: 46px;
}
#etw_language .dropdown-item {
    display: inline-block;
    width: auto;
    font-size: 0.75rem;
    padding: 0 0.5rem 0.25rem;
    color: #000;
    font-weight: 400;
	margin: 1rem 0 0.5rem;
}
#etw_language .dropdown-item:hover{color:#3db2d4 !important;background: none;}
.wrapper{width: 96%;max-width: 980px;margin: 0 auto;}

/*menu*/
.top-nav{ width:auto; float: right;margin-top:6px;line-height: 40px;}
.navbar{ padding:0;max-width: 980px;margin: auto;}
.navbar ul{width: 100%;}
.navbar-collapse{justify-content:flex-end;}
.navbar-light .navbar-nav a.nav-link{color:#000; padding:0.5rem 10px 1.56rem; margin: 0;font-size:1rem;position:relative;line-height: 1.25rem;}
.navbar-light .navbar-nav .nav-item:nth-last-child(1) a{padding-right: 0;}
.navbar-light .navbar-nav a.nav-link:before{content: "";position: absolute;width: 100%;height: 2px;background: #3f4471;left:0;bottom: -2px;transform: scale(0);transition: all .2s;transform-origin: center;}
.navbar-light .navbar-nav a.nav-link:hover:before,.navbar-light .navbar-nav li.active a.nav-link:before{transform: scale(1);}
.navbar-light .navbar-nav li.active a.nav-link,.navbar-light .navbar-nav li a.nav-link:hover{color:#3f4471;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #3f4471}
.navbar-light .navbar-nav .dropdown-item{font-weight:400; font-size:0.95rem;padding: 0.25rem 1rem;}
.dropdown-item.active{ background:none; color:#3f4471;}
.dropdown-item:hover,.dropdown-item.dq{color:#fff!important;background: none;}
.navbar-expand-lg .navbar-nav .dropdown-menu {top: 52px;left:0px;line-height: 1.5rem;width: auto;max-width: 300px;border-radius: 0;background-color: #fff !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu li>a{color: #3f4471;}
.navbar-expand-lg .navbar-nav .dropdown-menu li>a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu li>a.dq{color: #fff;background: #3f4471;}
.navbar-nav .dropdown-menu li ol a{font-size: 13px;display: block;padding: 0.2rem 1.5rem;color: #444;line-height: 1.2rem;}
.navbar-nav .dropdown-menu li ol a:hover,.navbar-nav .dropdown-menu li ol a.dq{color: #3f4471;}
@media (max-width: 1199.98px) { 
  #etw_logo{ padding-left:0.6rem;}
}

@media (max-width: 991.98px) {
	#etw_logo{width: auto;}
	#etw_language{display:none;}
	#etw_language .dropdown-item{padding: 0 0.25rem 0.25rem;}
#header{position:inherit;}
.etw_language{ display:none;}	
.top-nav{ width:100%;padding-top:0; border-top:#eee 1px solid;line-height: 2.5rem;}
.navbar{padding:0.05rem 0rem 0;}
.navbar-light .navbar-nav li.active a.nav-link:before,.navbar-light .navbar-nav>li>a.nav-link:hover:before{ background:none;}
.navbar-light .navbar-nav a.nav-link{ font-weight:400;font-size:1rem; border-bottom: 1px solid rgba(0,0,0,.1); margin:0px; padding-left:0.5rem;}
.navbar-light .navbar-nav li.active a.nav-link, .navbar-light .navbar-nav li a.nav-link:hover{background: #ffffff;color: #00498f;}
.dropdown-menu{ border:none;}
.navbar-light .navbar-toggler{ color:#004ea2; font-size:1.6rem; margin:0.5rem 0.5rem 0 0;position: absolute;right:0;top:32px;}
#quicknav{display: none;}
}

/****header  END****/

/****banner****/
#etw_banner{width:100%; height:auto;margin:0 auto;position:relative;background: url(../images/banner.jpg)no-repeat center center/cover}
.banner_txt {top:0;position: absolute;width: 100%;height:100%;margin: 0 auto;padding: 20px 0;}
.bannerinfo{width:56%; margin-top:6%; padding:1.25rem 1.25rem 1.25rem 1.25rem; color:#000;}
.banner_txt h1{font-size:1.875rem; line-height:2.5rem; color:#fff;text-align:left;width:100%; margin:0px; padding-bottom:20px;font-weight: 600;}
.banner_txt p{width: 70%;font-size:1.25rem; line-height:2rem; color:#fff;text-align:left;margin:0px; padding-bottom:10px;}
.banner_txt span{display: block;padding-top: 1.25rem;font-size:1.125rem; line-height:1.5rem; color:#202020;border-top: 1px solid #cdcdcd;margin-top: 2.5rem;}
.banner_txt span a{color:#202020;text-decoration: underline;}
.banner_txt span a:hover{color:#e50011;}
.banner_txt .wrapper{position: relative;}
.banner_pro{width: 68%;height: 92%;top:4%;position: absolute; right: 0;overflow: hidden;text-align: center;}
.banner_pro img{height: 100%;}
@media (max-width: 1580px) { 
	.banner_txt span{font-size: 1rem;}
	.bannerinfo{width: 53%;}
}
@media (max-width: 1380px) {.bannerinfo{width: 49%;} }
@media (max-width: 1199.98px) {
.banner_pro{right: 4%;width: 46%;}
}
@media (max-width: 767.98px) {
	#etw_banner{ display:none;}
}
/****banner END****/

/****container****/
#container{width:100%;height:auto;margin:0 auto;background:#fff;margin-top: 107px;}
#etw_container{width:96%;max-width:980px; margin:0 auto;padding:1.875rem 0; position:relative;}


/****mainpro****/
.etw_hometitle{font-size: 1.375rem;line-height: 1.5rem;color: #0a0a0a;text-align: center;padding-bottom: 1rem;font-weight: 700;}
.mainpro{ width:100%; float:left;padding: 1rem 0;}
.mainpro.home{padding: 1.875rem 0;}
.mainpro .etw_hometitle{ color:#2d2d2d; font-size:1.5rem;padding:5px 0 20px 0; margin-bottom:20px; text-align:center; position:relative;}
.mainpro ul{ width:100%; float:none; overflow:hidden;}
.mainpro ul>li{ width:32%; margin:0 2% 1.5rem 0;float: left;position: relative;padding-bottom: 36px;}
.mainpro ul>li .more{position: absolute;left:50%;margin-left: -62px;bottom: 0;}
.mainpro ul>li:nth-child(3n){ margin-right:0}
.mainpro ul>li:nth-child(3n+1){ clear:both;}
.mainpro ul li ol,.mainpro ul li ol li{ width:100%;}
.mainpro ul{display: flex;flex-wrap: wrap;}
.mainpro ul>li{}
.mainpro ul li ol li.product_img{ text-align:center;  margin-bottom:12px; position:relative;overflow: hidden;}
.mainpro ul li ol li.product_img a img{transition:all .2s;width: 100%;}
.mainpro ul li ol li.product_con{padding: 10px;text-align: center;}
.mainpro ul li ol li.product_con a{ font-weight: 600;display:block; font-size: 1rem ;line-height:1.125rem;line-height: 1.25rem;color: #0a0a0a;padding-bottom: 0.5rem;}
.mainpro ul li ol li.product_con .more a{display: inline-block;width: 124px;height: 30px;background: #008abb;line-height: 30px;text-align: center;color: #fff;transition: all .2s;}
.mainpro ul li ol li.product_con .more a:hover{opacity: .8;}
.mainpro ul li ol li.product_con span{display: block;color:#323232;font-size: 0.875rem;line-height: 1.25rem;}
.mainpro ul li:hover ol li.product_con>a{ color:#008abb;}
#etw_sidebar{width: 21.6%;float: right;}
#etw_sidebar .contact_sidebar{background: #eee;padding: 1.5rem 1rem 1rem;margin-top: 1.125rem;border-radius: 5px;}
#etw_sidebar .contact_sidebar p{color: #333;margin-bottom: 1rem;font-size: 1rem;line-height: 1.5rem;}
#etw_sidebar .contact_sidebar p a{color: #333;}
#etw_sidebar .contact_sidebar p a.txt_indet{padding-left: 50px;}
#etw_sidebar .contact_sidebar p a:hover{color: #e50011;}
#etw_sidebar .contact_sidebar p.tit{font-weight: 600;font-size: 1.25rem;line-height: 1.25rem;}
#etw_sidebar #etw_productlist{padding: 0.5rem 0;border-radius: 5px;}
#etw_productlist .etw_hometitle{color: #3f4471;font-size: 1.35rem;font-weight: 600;text-align: left;}
#etw_productlist ul li{text-align: left;color: #000000;font-size: 0.875rem;margin-bottom: 1px; }
#etw_productlist ul li a{font-size: 1rem; color: #000000;display: block;padding: 0.5rem 0.5rem;}
#etw_productlist ul li:hover a,#etw_productlist ul li a.dq{color: #e50011;background: #fff;}
#etw_right {width: 77.4%;float: left;padding-right:4%;}
.mainpro.ny ul>li:nth-of-type(n){margin-bottom: 5rem;}
.mainpro.ap ul>li:nth-of-type(n){ width:23.5%; margin:0 2% 1rem 0;float: left;margin-bottom: 5rem;}
.mainpro.ap ul>li:nth-child(4n){ margin-right:0}
.mainpro.ap ul>li:nth-child(4n+1){ clear:both;}
/****app****/
.app{padding: 1rem 0;overflow: hidden;}
.app .etw_hometitle,.company .etw_hometitle{color: #0a0a0a;font-size: 1.375rem;line-height: 1.5rem;position: relative;margin-bottom: 1rem;}
.app .etw_hometitle:before,.company .etw_hometitle:before{content: "";position: absolute;width: 41px;height: 2px;background: #0a0a0a;bottom: 0px;left:50%;margin-left: -20px;}
.app ul>li{width: 23.5%;float: left;margin: 0 2% 1rem 0;background: #3f4471;padding-top: 46px;position: relative;padding-bottom: 2rem;margin-top: 50px;}
.app ul>li:nth-of-type(4n){margin-right: 0;}
.app ul>li .product_img{position: absolute;top:0;margin-top: -46px;left: 50%; transform: translateX(-50%);}
.app ul>li .product_img img{transition: all .2s;}
.app ul>li .product_con{margin-top: 1rem;text-align: center;color: #fff;}
.app ul>li>a{display: block;width: 100%;height: 100%;position: absolute;top:0;left:0;}
.app ul>li:hover .product_img img{transform: translateY(-4px);}

/****company****/
.company{padding: 1.5rem 0;position: relative;overflow: hidden;}
.company .row{margin-top: 1.75rem;}
.company p{line-height: 1.2rem;color: #2f2f2f;font-size: 0.8rem;float: right;width: 50%;}
.company .left_tu {
    width: 50%;
    padding-right: 2%;
    margin-bottom: 0.25rem;
    float: left;
}
.video-pro video{ width:100%;}
.company .etw_hometitle{margin-bottom: 2rem;}
.company a.more {
    position: relative;
    color: #2f2f2f;
    font-size: 0.875rem;
   display: block;
	margin-top: 0.75rem;
}
.company a.more:after {
    content: "\f061";
    font-family: fontawesome;
    margin-left: 0.5rem;
}
.company a.more:hover{color: #008abb;}
.manufact ul>li{
	width: 32%;
    margin: 0 2% 1rem 0;
    float: left;
    position: relative;
    overflow: hidden;	
}
.manufact ul>li:nth-of-type(3n){margin-right: 0;}
.manufact ul>li ol li.product_img img {
    transition: all .2s;
}
.manufact ul>li:hover ol li.product_img img{transform: scale(1.02)}
.manufact ul>li ol li.product_con {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(47,47,47,.62);
    text-align: center;
}
.manufact ul>li:hover ol li.product_con{background: rgba(47,47,47,.7);}
.manufact ul>li ol li.product_con a {
    font-size: 1rem;
    color: #fff;
    display: block;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 36px;
    line-height: 1rem;
}
/*left_pic*/
.left_pic {
    width: 38%;
    height: auto;
    float: right;
    margin: 8px 0 10px 10px;
}
.left_pics {
    width: 100%;
    height: auto;
    float: left;
}
.left_pics a {
    cursor: default;
}
.left_pics img {
    width: 100%;
    text-align: center;
    border: 1px #ccc solid;
}
.related_pic {
    width: 100%;
    height: auto;
    float: right;
    text-align: center;
}
.related_pic a {
    width: 18.4%;
    height: auto;
    float: left;
    margin: 12px 2% 0 0;
    display: block;
    text-align: center;
    color: #666;
    font-size: 12px;
}
.related_pic a:nth-of-type(5n){margin-right: 0}
.related_pic a img {
    width: 100%;
    border: 1px #ccc solid;
}
.click{padding-top: 7rem;font-size: 1rem}
.com{font-size: 2.5rem;text-align: center;color: #777;height: 12rem;}
.detail{padding-top: 3rem;}
.detail p{padding-top: 0.5rem;line-height: 1.75rem;font-size: 1rem;margin-bottom: 0.5rem;color: #333;}
.img_center{width: 100%;clear: both;margin: 0.3rem auto 1.25rem auto;text-align: center;}
.img_center img{width: 100%;}
.img_width img{width: 100%;margin-bottom: 10px}
.img_left{width:50%;float: left;margin: 0.5rem 0.75rem 0.5rem 0;}
.img_left2{width: 78%;float: left;margin: 0.5rem 1rem 0.5rem 0;}
.img_left4{width: 40%;float: left;margin: 0.5rem 1rem 0.5rem 0;}
.img_right,.img_right2{width: 30%;float: right;margin: 0 0 0.5rem 0.5rem;}
.img_right a img:hover,.img_right2 a img:hover,.img_left a img:hover{opacity: 0.9;}
.img_right2{width: 34%;}
.next_links{color: #3f4471;text-decoration: underline;padding: 0 0.25rem;}
.next_links:hover{text-decoration: underline;color: #009cc5;}
.img_left3{width: 18%;float: left;margin: 0.5rem 0.75rem 0.5rem 0;}
.img_right3{width: 18%;float: right;margin: 0 0 0.5rem 0.5rem;}
ul.pro_detail{padding-bottom: 1rem;}
ul.pro_detail li ol{display: flex;flex-wrap: wrap;align-items: center;padding-top: 1rem;font-size: 18px;}
ul.pro_detail li:nth-of-type(2n) ol{display: flex;flex-wrap: wrap;align-items: center;flex-direction: row-reverse;}
ul.pro_detail li:nth-of-type(2n) ol .product_con{padding-right: 2%;padding-left: 0;}
ul.pro_detail .product_img{width: 18%;}
ul.pro_detail .product_con{width: 82%;padding-left: 2%;font-size: 0.875rem;}
ul.pro_detail.fac .product_img{width: 24%;}
ul.pro_detail.fac .product_con{width: 76%;padding-left: 2%;font-size: 1rem;}

.company_right{width: 35%;float: right;position: relative;}
.company_left{width: 65%;float: left;position: relative;}
#company .more{display:block; text-align:left; font-size:1rem; color:#fff; font-weight:400; margin-top: 0.6rem;margin-bottom: 1rem}
#company .more a{ color:#fff; padding:0.3rem 1rem;background: #004ea1;position: relative;line-height: 1.2rem;text-transform: uppercase;font-size: 0.875rem}
#company .more a:after{position: absolute;content: "\f178";color: #fff;background: #000;height: 26.85px;width: 38px;font-size: 16px;top: 0;font-family: fontawesome;margin-left: 15px;padding-left: 0.7rem;padding-top: 6px}
#company .more a:hover,#company .more a:hover:after{color: #f6e21f}
/*table*/
.table-responsive {
	margin-top: 0.75rem;
    margin-bottom: 20px;
    width: auto !important;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
    background-color: transparent;
}
table, td {
    border: 1px solid #ccc!important;
}
.table .top {
    background: #f2f2f2!important;
}
.table>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}
.table>tbody>tr>td {
    vertical-align: middle;
    padding: 8px;
    font-size: 14px;
    line-height: 18px;
}
/*sent*/
.othertitle{margin-top: 1.5rem;}
.othertitle span {
    display: inline-block;
    width: 100%;
    padding: 0.5rem 2rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-align: left;
    border-radius: 2px 2px 0 0;
    border-bottom: none;
	color: #3f4471;
	font-weight: 600;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
    background:#eee;
    margin-right: 1rem;
}
.othertitle p {
    display: inline-block;
    padding-bottom: 0;
	margin-bottom: 0rem
}
.abouttxt {
    width: 100%;
    overflow: hidden;
    border: 1px #ccc solid;
    border-radius: 0 0 6px 6px;
}
#etw_set_feedback_form {
    overflow: hidden;
    height: auto;
    width: 100%;
    padding: 1rem 0;
}
.other_pro {
    width: 100%;
    overflow: hidden;
    padding: 1rem 0;
}
.other_pro .othertitle {
	width: 100%;
    font-size: 1.125rem;
    padding: 0 0 0.65rem 1.25rem;
    display: inline-block;
    font-weight: 500;
    position: relative;
    margin-bottom: 1rem;
    color: #3f4471;
}
.other_pro .othertitle:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: #3f4471;
    left: 2px;
    top: 10px;
    transform: rotate(45deg);
}
.other_pro .othertitle:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #3f4471;
    left: 2px;
    bottom: 0;
}
.other_pro ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.other_pro ul>li {
    width: 23.5%;
    margin: 0 2% 0 0;
    overflow: hidden;
}
.other_pro ul>li:nth-of-type(4n){margin-right: 0;}
.other_pro ul li ol {
    width: 100%;
}
.other_pro ul li ol li.product_img {
    width: 100%;
}
.other_pro ul li ol li.product_img img {
    width: 100%;
	padding: 2px;
    border: 1px solid #dedede;
}
.other_pro ul li ol:hover  li.product_img img{border-color: #3f4471;}
.other_pro ul li ol:hover li.product_con a{color: #3f4471;}
.other_pro ul li ol li.product_con {
    width: 100%;
    margin: 0 auto;
    line-height: 18px;
    text-align: center;
}
.other_pro ul li ol li.product_con a {
    color: #333;
    display: block;
    line-height: 16px;
    padding: 8px 2px;
    font-size: 13px;
}
/*product*/
.rec_tit{
	color: #3f4471;
    font-size: 1.15rem;
    line-height: 1.3rem;
    margin: 1.25rem 0 0.875rem 0;
    display: block;
    font-weight: 600;
	position: relative;
	padding-left: 12px;
	text-align: center;
}
.rec_tit span{position: relative;}
.rec_tit span:before{content: "";position: absolute;width: 80px;height: 1px;background: #3f4471; left:0;margin-left: -100px;top:12px;}
.rec_tit span:after{content: "";position: absolute;width: 80px;height: 1px;background: #3f4471; right:0;margin-right: -100px;top:12px;}
figure{margin-bottom: 0 !important;}
ul.pro_list4,ul.pro_list3,ul.pro_list2{width: 100%;overflow: hidden;margin-bottom: 6px;}
ul.pro_list2>li{width: 49%;float: left;margin: 0 2% 1rem 0;}
ul.pro_list3>li{width: 32%;float: left;margin: 0 2% 1rem 0;}
ul.pro_list4>li{width: 23%;float: left;margin: 0 2% 1rem 0;}
ul.pro_list4>li:nth-of-type(4n),ul.pro_list3>li:nth-of-type(3n),ul.pro_list2>li:nth-of-type(2n){margin-right: 0;}
ul.pro_list4>li:nth-of-type(4n+1),ul.pro_list3>li:nth-of-type(3n+1),ul.pro_list2>li:nth-of-type(2n+1){clear: both;}
ul.pro_list4>li ol li.product_img a,ul.pro_list3>li ol li.product_img a{display: block;width: 100%;height: 100%;}
ul.pro_list4>li a:hover img,ul.pro_list3>li a:hover img,ul.pro_list2>li a:hover img{opacity: .9; }
ul.pro_list4>li ol li.product_img img,ul.pro_list3>li ol li.product_img img,ul.pro_list2>li ol li.product_img img{padding: 2px;border:1px solid #ccc;}
ul.pro_list4>li ol li.product_con,ul.pro_list3>li ol li.product_con,ul.pro_list2>li ol li.product_con{padding: 0.5rem;color: #333;text-align: center;font-size: 0.875rem;}
ul.pro_list4>li ol li.product_con a,ul.pro_list3>li ol li.product_con a,ul.pro_list2>li ol li.product_con a{color: #333;text-align: center;line-height: 1rem;display: block;}
ul.pro_list4>li ol:hover li.product_con a,ul.pro_list3>li ol:hover li.product_con a,ul.pro_list2>li ol:hover li.product_con a{color: #0f4e92;}
ul.style1 {margin-left: 0.5rem;padding: 0 0.5rem 0;width: auto;}
ul.style1 li{padding-bottom: 0.5rem;position: relative;padding-left: 1rem;overflow: hidden;}
ul.style1 li:before{content: "";position: absolute;width: 4px;height: 4px;background: #777;left:4px;top:10px;border-radius: 50%;}
ul.style2{margin-left: 1rem;padding: 0 0 0.5rem;}
ul.style2 li{list-style: decimal;padding-bottom: 0.5rem;}
ul.hub_list,ul.hub_list>li{width: 100%;overflow: hidden;}
ul.hub_list>li{margin-bottom: 1rem;}
ul.hub_list>li ol li.product_img{float: left;width: 24%;}
ul.hub_list>li ol li.product_img img{padding: 4px;border: 1px solid #dcdcdc;}
ul.hub_list>li ol li.product_img:hover img{border-color: #e50011;}
ul.hub_list>li ol li.product_con{float: right;width: 74%;}
ul.hub_list>li ol li.product_con a{
    display: block;
    font-size: 1rem;
    color: #0f4e92;
    font-weight: 600;
    line-height: 1.125rem;
    padding-bottom: 0.5rem;
	padding: 0.5rem 0;
	position: relative;
}
ul.hub_list>li ol li.product_con a:after{content: "\f18e";
    font-size: 1rem;
    font-family: fontawesome;
    padding-left: 0.5rem;
    font-weight: 300;}
ul.hub_list>li ol li.product_con a:hover{color: #e58926;}
ul.pro_list3.center{display: flex;flex-wrap: wrap;justify-content: center;padding-top: 1rem;text-align: center;}
ul.pro_list3.center img{padding: 2px;border: 1px solid #fff;}
.etw_mainbody {
    margin: 0 auto;
    background: #eee;
    padding: 1.25rem 0 1.25rem;
    overflow: hidden;
    margin-top: 2rem;
}
.feedback {
    width: 96%;
    height: auto;
    margin: 0 auto;
    max-width: 1170px;
}
.feedback p {
    width: auto;
    float: left;
    color: #333;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: left;
    margin: 0.25rem 3rem 0 0;
}
.feedback a {
    display: inline-block;
    width: auto;
    color: #fff;
    background: #009cc5 ;
    font-size: 1.125rem;
    text-transform: uppercase;
    text-align: center;
    padding: 0.5rem 1.25rem;
}
.feedback a:hover{ background: #3f4471; }


#etw_producttitle {
    margin: 0px auto 0px;
    height: auto;
    color: #333;
    overflow: hidden;
    padding: 0.5rem 0;
    font-size: 1rem;
    width: 100%;
    float: left;
	background: #f2f3f2
}
#etw_producttitle li {
    display: inline-block;
}
#etw_producttitle a {
    color: #999;
    padding-right: 0.2rem;
}
#etw_producttitle a:hover{color:#e50011;}
#etw_producttitle li+li::before {
    padding: 0 1rem 0 0.6rem;
    color: #999;
    content: "/";
    font-size: 0.875rem;
    font-family: fontawesome;
}
.etw_hometitle.ny,h2{
    color: #333;
    font-size: 1.5rem;
    padding: 15px 0 15px 0;
    text-align: left;
    position: relative;
	font-weight: 400;
	margin-bottom: 1.25rem;
}
.etw_hometitle.ny:before,h2:before{content: "";position: absolute;width: 36px;height: 2px;background: #3f4471;left:0;bottom: 0px;}
/*contact*/
.contact_info stong{color: #364152 !important;}
.contact_info a{ color:#16db7f;}
.contact_info a:hover{ color:#e50011;}
.etw_contact {
    padding: 1.5rem 0 0;
}
.etw_contact p.gs{font-weight: 700;font-size: 1.25rem;}
.etw_contact p{color: #333;line-height: 1.875rem;font-size: 1rem;}
.etw_contact p a {
    color: #e50011;
}
.etw_contact p a:hover{color: #0f4e92;}
.etw_contact #etw_form_title {
    overflow: hidden;
    padding-left: 2%;
    background: #f2f2f2;
    text-align: left;
    font-weight: 700;
    line-height: 40px;
    font-size: 20px;
    margin-bottom: 12px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ccc;
}
.etw_contact #etw_set_feedback_form {
    overflow: hidden;
    height: auto;
    width: 100%;
    float: left;
    border: 1px #ededed solid;
    text-align: left;
    padding: 0;
    margin: 0.5rem 0 1.2rem 0;
}

/****Footer****/
#footer .footer_links{width: 100%;color: #fff;padding: 3.75rem 0 3rem;}
#footer .footer_left{ width:45%; float:left}
#footer .footer_left1{ width:52%; float:right}
#footer .footer_links .title{color: #fff;font-size: 1.125rem;line-height: 1.75rem;padding-bottom: 0.5rem;position: relative;margin-bottom: 1.25rem;}
#footer .footer_links .title:before{content: "";position: absolute;width: 54px;height: 2px;background: #fff;left:0;bottom: 0;}
#footer .footer_links .title a{color: #fff;}
#footer .footer_links .title a:hover{text-decoration: underline;}
#footer .footer_links .pblist ul>li>a{color: #fff;font-size: 0.875rem;line-height: 1.25rem;display: block;position: relative;margin-bottom: 0.8rem;}
#footer .footer_links .pblist ul>li ol{margin-bottom: 0.5rem;}
#footer .footer_links .pblist ul>li ol li a{font-size: 0.75rem;color: #fff;padding-left: 1.25rem;position: relative;line-height: 1.125rem;background: url(../images/right.png)no-repeat left top 5px; padding-bottom:0.8rem; display:block}
#footer .footer_links .pblist ul>li a:hover{color: #ccc;text-decoration: underline;}
.ft_contact p{color: #fff;margin-bottom: 0;line-height: 1.5rem;font-size: 0.875rem;}
#footer .row>div:nth-of-type(2){padding-left: 0;}
.ft_contact p a{color: #7bcce4;}
.ft_contact p a:hover{color: #ccc;}
.footer_logol{margin-top: 4rem;}
#home_bg{width:100%;overflow:hidden;background: #ebebeb; margin-top:2rem;}
#footer{ width:100%;height:auto; font-size:13px;background: #3f4471;}
#etw_footin{margin:0 auto;width:100%;overflow:hidden;text-align:center; max-width:980px;  overflow:hidden; padding:1.5rem 0;border-top: 1px solid #4d528c;}
#etw_homefooter{overflow:hidden;width:100%;height:auto;margin-bottom:6px}
#etw_homefooter a{padding:0 1.25rem; color:#ddd;margin:6px 0; position:relative;font-size:0.875rem;line-height:1rem;font-weight: 700;}
#etw_homefooter a:hover{color:#7bcce4;}
#etw_coper{margin-top:2px;width:100%;line-height:22px}
#etw_coper a{display:block;color:#ddd}
#otherlink{clear:both;width:100%;height:auto; padding:7px 0;}
#otherlink a{color:#fff; display:inline-block;padding:0 3px;font-size:12px; margin-right:5px; line-height:16px; border:1px #FFFFFF solid;}
#otherlink a span{position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#7bcce4; border-color:#7bcce4;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}
@media (max-width: 991.98px) {
	.company p{width: auto;float: none;}

	.detail{padding-top: 4rem;}
	.ft_contact p{font-size: 0.875rem;}
	#footer .footer_links .pblist ul>li ol li a{padding-left: 1.5rem;background: url(../images/right.png)no-repeat 5px center;}
	#container{margin-top: 0;}
#home_list .home_cot:before,#etw_producttitle{display: none;}
#home_list .etw_hometitle a{font-size:1rem;}
#home_list .etw_pro ul li a,#home_list .etw_contact{font-size:0.8rem;padding-left: 0.25rem;}
	.img_left2 {width:100% !important;}
	.app ul>li{min-height:142px;}
}
@media (max-width: 767.98px) {
	.detail p{font-size: 0.875rem;padding-top: 0;}
	p{font-size: 0.875rem;}
	.click{font-size: 1rem;}
	.feedback a{padding: 0.25rem 1.25rem;font-size: 1rem;}
	.feedback p{margin-bottom: 1rem;font-size: 1rem;}
	.etw_mainbody{padding: 1rem 0;}
	.detail{padding-top: 0;}
#home_list .etw_pro ul li a,#home_list .etw_contact{font-size:0.8rem;}
	#etw_homefooter a{font-size: 0.75rem;padding: 0 0.5rem;}
	#etw_footin{padding: 1.6rem 0.5rem;}
	#otherlink a {padding: 0 6px;margin-right: 4px;font-size: 12px;}
	.row {margin: 0 !important;}
}
@media (max-width: 575.98px) {	
	#etw_logo img{max-width: 120px;}
	ul.pro_detail .product_con{width: 68%;padding-left: 1%;font-size: 0.875rem;}
	ul.pro_detail .product_img{width: 32%;}
	.mainpro ul li ol li.product_con span{display: none;}
	.app ul>li{width: 49%;}
	.app ul>li:nth-of-type(4n){margin-right: 2%;}
	.app ul>li:nth-of-type(2n){margin-right: 0;}
	.mainpro ul li ol li.product_con span{font-size: 0.875rem}
	.mainpro ul li ol li.product_con a{font-size: 0.875rem;}
	.mainpro ul li ol li.product_con .more a{width: 80px;height: 28px;line-height: 28px;font-size: 0.75rem;}
	.mainpro ul>li .more{margin-left: -40px;}	
.pro_hub ul li{ margin-bottom:0px;}	
.pro_hub ul li,.pro_hub ul li:nth-child(2){width:100%;}
.pro_hub ul li:nth-child(1){border: none;}
.pro_hub ul li:nth-child(2){ padding-bottom:1rem;}
	#footer .footer_links{padding: 2rem 0;}
	#footer .footer_links .title{font-size: 1rem;}
	.footer_links .p-0{padding: 1rem !important;}
	.img_left4 {width: 100%;}
	.company_right { width: 100%;}
	.company_left { width: 100%;}
	.mainpro.ny ul>li:nth-of-type(n){width: 100%;}
	.manufact ul>li,.company .left_tu,.mainpro ul>li{width: 100%;margin: 0 0 1rem;}
}
@media (max-width: 400.98px) {
	.other_pro ul>li,.mainpro.ap ul>li:nth-of-type(n){width: 49%;margin-right: 2%;margin-bottom: 1rem;padding-bottom: 0;}
	.other_pro ul>li:nth-of-type(4n){margin-right: 2%;}
	.other_pro ul>li:nth-of-type(2n),.mainpro.ap ul>li:nth-of-type(2n){margin-right: 0;}
	.img_left2,.img_right2,.img_right,ul.pro_list3>li{width: 100%;max-width: 100%}
	.footer_logol{text-align: center;margin-top: 1rem;}
	.footer_logol img{max-width: 200px;}

	#home_list .etw_contact{padding-top: 0.5rem;}
}

/****Footer  END****/


/****banner****/
        /*引用sitemap样式*/
#etw_map{width:50%;margin:0 auto}
#etw_map .name{width:100%;color:#06c;background:#eee;margin-top:6px;height:20px;line-height:20px;display:block;margin-bottom:4px}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px}
#etw_map a:hover{text-decoration:none}
#etw_map .name a{color:#1d3154;margin:0;font-weight:700;text-decoration:none}
#etw_map .name a:hover{text-decoration:underline}
#etw_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#etw_map .list_m a{ width:50%; display:block; float:left; color:#888; text-decoration:none; line-height:20px; padding:5px 0; padding-left:12px;}
#etw_map .list_m a:nth-child(2n+1){ clear:both}
#etw_map .list_m a:hover{text-decoration:underline; color:#0c3b64}
#etw_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;}
/*引用sitemap样式*/
.share{ margin-top:0.5rem;}
.share a{ border:1px #3f4471 solid; margin-right:0.2rem; display:inline-block;}
.share a:hover{border:1px #7bcce4 solid;}