@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;
}

/*引用sitemap样式*/
#etw_map{width:100%;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样式*/
/****basic****/
body{color:#444; font-family:Arial, Helvetica, sans-serif; font-size:1rem;background: #eee;}
*,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: #666666;font-size: .875rem;}
b{color:#435669; font-size:1.125rem; line-height:1.3rem;margin:22px 0 8px 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: 0 0 18px 0;}
.etw_hometitles{font-size:1.25rem;color:#807575;}
/****header****/
#header{width:100%;max-width: 1000px; height:auto; position:fixed;top:0;z-index:999; background:#fff;border-top: 2px solid #3669AA;}
#headerin{width:100%; height:auto; margin:0 auto; max-width:1000px;}
#etw_logo{width:114px; height:auto; float:left; margin:0.75rem 0.5rem 0.75rem 1.5rem; clear:left;}
.header_top{float: right;height: 30px;margin-top: 1.5rem;padding-right: 1rem;}
.top_contact{float: left;margin-right: 1rem;}
.top_contact ul>li{display: inline-block;position: relative;margin-left: 15px;font-size: 0.875rem;color: #333;}
.top_contact ul>li span{margin-right: 8px;}
.top_contact ul>li span{position: relative;color: #3669AA;font-size: 1rem;top: 2px;}
.header_top  #etw_language{float: left;min-width: 70px;}

/*tags*/
/*tags*/
#tags{ width:100%; float:left; margin-bottom: 1.5rem}
#tags_title{ display:block; color:#81a8d2; font-size:1rem; font-weight: 500; line-height:28px; text-align:left; padding:10px 0 0 0;} 
#tags a{margin:0 10px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; }
.tags>a{ padding: 0 10px 0 0; margin:0 5px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; }
#tags a:hover{text-decoration: underline;}

/*language*/
#etw_language {
    min-height: 27px;
    width: auto;
    text-align: right;
}
#etw_language .dropdown-item {
    display: inline-block;
    width: auto;
    font-size: 0.875rem;
    padding: 0 0.5rem 0.25rem;
    color: #333;
    font-weight: 400;
}
.wrapper{width: 96%;max-width: 1000px;margin: 0 auto;}

/*menu*/
.top-nav{ width:100%;margin-top:6px;line-height: 40px;padding: 0 1rem;background: #435669;}
.navbar{ padding:0;max-width: 1000px;margin: auto;}
.navbar ul{width: 100%;}
.navbar-collapse{justify-content:flex-end;}
.navbar-light .navbar-nav a.nav-link{color:#fff; padding:0 1.5rem; margin: 0;font-size:.875rem;text-transform: uppercase;font-weight: 600; position:relative;line-height: 3rem;}
.navbar-light .navbar-nav li.active a.nav-link,.navbar-light .navbar-nav li a.nav-link:hover{color:#000;}
.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: #000}
.navbar-light .navbar-nav .dropdown-item{font-weight:400; font-size:0.75rem;padding: 0.25rem 1rem;line-height: 1.25rem;}
.dropdown-item.active{ background:none; color:#3669AA;}
.dropdown-item:hover,.dropdown-item.dq{color:#3669AA!important;background: none;}
.navbar-expand-lg .navbar-nav .dropdown-menu {top: 40px;left:0px;line-height: 1.5rem;width: auto;max-width: 300px;}
.navbar-expand-lg .navbar-nav .dropdown-menu li>a{color: #000;}
.navbar-expand-lg .navbar-nav .dropdown-menu li>a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu li>a.dq{color: #3669AA;}
.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: #3669AA;}
@media (max-width: 991.98px) {
#header{position:inherit;}
.etw_language{ display:none;}	
.top-nav{ width:100%;padding-top:0; border-top:#eee 1px solid;line-height: 2.5rem;background: #fff;}
.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:.875rem; border-bottom: 1px solid rgba(0,0,0,.1); margin:0px;padding: 5px 0;line-height: 1.5rem;color: #333;}
.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:1rem 1rem 0 0}
#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:100%; margin-top:2%; padding:0rem 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: 60%;font-size:1rem; line-height:1.5rem; color:#fff;text-align:left;margin:0px; padding-bottom:10px;}
.banner_txt span{display: block;padding-top: 1.25rem;font-size:1rem; 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: 40%;height: 92%;top:4%;position: absolute; right: 0;text-align: center;}
.banner_pro img{height: 100%;}
@media (max-width: 767.98px) {
	#etw_banner{ display:none;}
}
/****banner END****/

/****container****/
.container_box{width: 100%;max-width: 1000px;margin: 0 auto;padding-top: 134px;box-shadow: 0 0 10px #ccc;}
#container{width:100%;height:auto;margin:0 auto;background:#fff;max-width: 1000px;}
#etw_container{width:98%;max-width:1000px; margin:0 auto;padding:1.5rem 0; position:relative;}
.company{ width:100%; background:#f0f2f9;margin:0 auto;padding: 3rem 0 0;}
.company .etw_hometitle{font-family: Oswald;position: relative;margin-bottom: 10px;font-size: 1.75rem;}
.company .etw_hometitle:before{content: "";position: absolute;width: 36px;height: 3px;background: #b01a23;left:50%;margin-left: -18px;top:-5px;}
.company h3{font-size: 1.125rem;color: #e50011;line-height: 1.25rem;font-weight: 400;}
.company p{color: #202020;font-size: 0.875rem;line-height: 1.25rem;}
.ny_banner{padding: 0;position: relative;}
.ny_banner .ny_txt{position: absolute;left:0;bottom: 0; width: 100%;text-align: right;padding: .25rem 1rem;background: rgba(0,0,0,.4);color: #fff;font-size: 1.25rem;font-weight: 600;text-transform: uppercase;}
.pro_left{width: 50%;float: left;margin: 0 2% 1rem 0;}
.img_right{width: 40%;float: right;margin: 0 0 1rem 2%;}
/****mainpro****/
.etw_hometitle{font-size: 1.5rem;color: #313131;text-align: center;padding-bottom: 1rem;font-weight: 700;position: relative;}
.company .cpmpany_body{background: #f0f2f9;margin-top: 0.5rem;}
.cpmpany_body ul{display: flex;flex-wrap: wrap;}
.cpmpany_body ul>li{width: 50%;float: left;box-sizing: border-box;overflow: hidden;}
.cpmpany_body ul>li img{transition: all .2s;transform: scale(1.05);}
.cpmpany_body ul>li:hover img{transform: scale(1);}
.cpmpany_body ul>li:nth-of-type(4){float: right;}
.cpmpany_body ul>li:nth-of-type(2),.cpmpany_body ul>li:nth-of-type(3){padding:.5rem 1rem;width: 50%;box-sizing: border-box;font-size: 1rem;color: #333;position: relative;}
.cpmpany_body ul>li:nth-of-type(2) p,.cpmpany_body ul>li:nth-of-type(3) p{font-size: .875rem;line-height: 1.5rem;position: relative;z-index: 2;margin-bottom: 0;}
.cpmpany_body ul>li:nth-of-type(2) a,.cpmpany_body ul>li:nth-of-type(3) a{z-index: 2; width: 100%;display: block;color:#313131;font-size: 1rem;font-weight: 600; padding: 0.5rem 0;position: relative;padding-right: 2rem;}
.cpmpany_body ul>li:nth-of-type(2) a:hover,.cpmpany_body ul>li:nth-of-type(3) a:hover{color: #02478c;}
.cpmpany_body ul>li:nth-of-type(2):before{content: ""; position: absolute;width:60px;height: 60px;background: url(../images/num1.png)no-repeat;top:1rem;right:0rem;background-size: 100%;}
.cpmpany_body ul>li:nth-of-type(3):before{content: ""; position: absolute;width:60px;height: 60px;background: url(../images/num2.png)no-repeat;bottom:1rem;left:1rem;background-size: 100%;}
.mainpro{ width:100%; float:left;}
.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:100%;margin-bottom: 1rem;padding: 1rem 0;border-bottom: 1px solid #eee;}
.mainpro ul>li:nth-last-child(1){border-bottom: none;}
.mainpro ul li ol,.mainpro ul li ol li{ width:100%;}
.mainpro ul{display: flex;flex-wrap: wrap;}
.mainpro ul li ol li.product_img{ text-align:center;  margin-bottom:12px; position:relative;width: 36%;float: left;margin-right: 1%;}
.mainpro ul li ol li.product_img a img{transition:all .2s;width: 100%;}
.mainpro ul li:hover ol li.product_img a img{ transform: scale(1.03);}
.mainpro ul li ol li.product_con{padding: 0;width: 63%;float: right;}
.mainpro ul li ol li.product_con a{display: block;font-size: 1.125rem;color: #435669;font-weight: 600;line-height: 1.2rem;padding-bottom: 0.5rem;}
.mainpro ul li ol li.product_con span{display: block;position: relative;font-size: .875rem;padding: 5px 0;}
.mainpro ul li:hover ol li.product_con a{ color:#3669aa;}

.apply_list{padding: 1rem 0;}
.apply_list ul{display: flex;flex-wrap: wrap;}
.apply_list ul>li{width: 32%;margin: 0 2% 1rem 0;float: left;border: 1px solid #ddd;}
.apply_list ul>li:nth-child(3n){margin-right: 0;}
.apply_list ul li ol li.product_img{position: relative;}
.apply_list ul li ol li.product_img a{display: block;width: 100%;height: 100%;position: relative;}
.apply_list ul li ol li.product_img a:before {content: "";position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.6);transition: all .2s;}
.apply_list ul li:hover ol li.product_img a:before {background: rgba(0,0,0,.4);}
.apply_list ul li ol li.product_img span{position: absolute;bottom: .5em;left:0;color: #fff;font-size: 1.125rem;font-weight: 600;padding: 0.25rem 0.5rem;}
.apply_list ul li ol li.product_con{padding: 1rem .5rem;width: 100%;position: relative;}
.apply_list ul li ol li.product_con a{display: block;width: 100%;position: relative;text-align: left;font-size: .875rem;color: #666;padding: 0 .5rem 0 0;}
.apply_list ul li ol li.product_con a:after{content: "\f0da";font-family: fontawesome; position: absolute;right:0;top:-5px;color: #435669;font-size: 1.25rem;}








#etw_sidebar{width: 24.6%;float: left;}
#etw_sidebar .contact_sidebar{background: #eee;padding: 1.5rem 1rem 1rem;margin-top: 1.125rem;border-radius: 5px;}
#etw_sidebar .contact_sidebar p{color: #666;margin-bottom: .5rem;font-size: .875rem;line-height: 1.5rem;}
#etw_sidebar .contact_sidebar p a{color: #3669aa;font-size: 0.75rem;}
#etw_sidebar .contact_sidebar p a.txt_indet{padding-left: 50px;}
#etw_sidebar .contact_sidebar p a:hover{color: #b01a23;}
#etw_sidebar .contact_sidebar p.tit{font-weight: 600;font-size: 1.25rem;line-height: 1.25rem;margin-bottom: 1rem;color: #818f9e;}
#etw_sidebar #etw_productlist{background: #f9f9f9;overflow: hidden;border-radius: 8px;border: 1px solid #eee;}
#etw_productlist .etw_hometitle{color: #435669;font-size: 1rem;font-weight: 600;padding: 1rem 0 .5rem;text-align: center;text-transform: uppercase;background: #eee;border-top: 3px solid #435669;position: relative;border-bottom: 2px solid #ddd;}
#etw_productlist .etw_hometitle:before{content: "";position: absolute;margin: auto;right: 0;top: 0;left: 0px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 6px solid #435669;}
#etw_productlist ul li{text-align: left;color: #333;font-size: 0.75rem;}
#etw_productlist ul li a{font-size: .875rem; color: #666;display: block;padding: 0.5rem 0.25rem .5rem 0.875rem;border-bottom: 1px solid #eee;transition: all .2s;padding-left: 1.25rem;position: relative;}
#etw_productlist ul li:nth-last-child(1) a{border-bottom: none;}
#etw_productlist ul li a:before{content: "\f105";font-family:fontawesome;position: absolute;left:0.5rem;}

#etw_productlist ul li:hover a,#etw_productlist ul li a.dq{color: #fff;background: #818f9e;padding-left: 1.5rem;}
#etw_right {width: 74.4%;float: right;padding-left:2%;}
/****app****/
.app{width: 100%;padding: 3.5rem 0 2.5rem;overflow: hidden;}
.app .etw_hometitle{font-family: Oswald;position: relative;margin-bottom: 0;font-size: 1.75rem;}
.app .etw_hometitle:before{content: "";position: absolute;width: 32px;height: 3px;background: #b01a23;left:50%;margin-left: -16px;top:-8px;}
.app .row ul{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 1rem;position: relative;}
.app .row ul>li{float: left;margin: 0 2% 0 0;position: relative;overflow: hidden;}
.app .row ul>li:nth-of-type(2n){margin-right: 0;}
.app .row ul>li.list1{width: 43%;}
.app .row ul>li.list2{width: 54%;position: absolute;height: 100%;top:0;right:0;}
.app .row ul>li.list1.list11{width: 43%;margin-left: 57%;}
.app .row ul>li.list2.list22{left:0;right: auto;}
.app .row ul>li.list3{width: 100%;right:0;top:0;margin-right: 0;}
.app .row ul>li ol{width: 100%;margin: 0 0 1rem 0;position: relative;overflow: hidden;}
.app .row ul>li ol:nth-last-of-type(1){margin-bottom: 0;}
.app .row ul>li ol .title_g{pointer-events: all;width: 100%;display: block;color: #fff; font-size: 0.9375rem;line-height: 1.25rem;padding: 0.5rem 0.5rem 0.5rem 0.8rem;background: rgba(0,0,0,.5);position: absolute;left: 0;bottom: 0;text-align: center;}
.app .row ul>li ol img{width: 100%;transition: all .2s}
.app .row ul>li ol:hover img{opacity: .9;}
.app .row ul>li ol:hover .title_g{background: rgba(0,0,0,.7)}

/*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;
}
.img_center{width: 100%;clear: both;margin: 0.3rem auto 1.25rem auto;text-align: center;}
.img_center img {
    border: 1px #dedede solid;
	width: 100%;
}
.img_width img{width: 100%;margin-bottom: 10px}
.img_right2{width: 50%;float:right;margin: 0 0 1rem 2%;}
.img_table{text-align: center;margin: 0 0 2rem;}
/*table*/
.table-responsive {
	margin-top: 0.75rem;
    margin-bottom: 30px;
    width: auto !important;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
    background-color: transparent;
}
table, td {border: 1px solid #555!important;}
.table>tbody>tr:hover{background-color: transparent}
.table>tbody>tr:nth-of-type(odd),.table>tbody>tr:nth-of-type(odd):hover {background-color: #CCCCCC !important;}
.table>tbody>tr.top,.table>tbody>tr.top:hover {background: #b01a23!important;}
.table>tbody>tr>td {
    vertical-align: middle;
    padding: 5px 3px;
    font-size: 12px;
    line-height: 18px;
	color: #000;
}
.table>tbody>tr>td:nth-child(1){min-width: 50px;}
.table>tbody>tr.top>td {color: #fff;}
/*sent*/
.othertitle{float: left;}
.othertitle span {
    display: inline-block;
    width: auto;
    padding: 0.25rem 2.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-align: center;
    border-radius: 2px 2px 0 0;
    border-bottom: none;
	color: #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
    background:#0f4e92;
    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: 1.5rem 1rem 1rem 1rem;
}
.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%;
    border: 1px solid #dedede;
}
.other_pro ul li ol:hover  li.product_img img{border-color: #0f4e92;}
.other_pro ul li ol:hover li.product_con a{color: #0f4e92;}
.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: #0f4e92;font-size: 1.125rem;line-height: 1.3rem;margin: 1.25rem 0 0.5rem 0;display: block;font-weight: 600;position: relative;padding-left: 12px;}
.rec_tit:before{content: ""; position: absolute;width: 6px;height: 6px;background: #0f4e92;left:0;top:7px;transform: rotate(45deg);}
b.tit{text-align: center;margin: 25px 0 12px;font-size: 1.25rem;color: #333;position: relative;padding-bottom: 1rem;}
b.tit:before{content: "";position: absolute;width: 36px;height: 3px;bottom: 0;left:50%;margin-left: -18px;background: #02478c;}
.pro_tit1{font-size: 1.125rem;font-weight: 600;margin: 1.5rem 0 .5rem;color: #222;}
.pro_tit2{font-size: 1.25rem;color: #222;font-family:OpenSans;font-weight: 700; text-align: center;position: relative;padding-bottom: 6px;margin: 2rem 0 1rem;}
.pro_tit2:after{content: "";position: absolute;width: 60%;left:20%;top: 15px;height: 1px;background: #435669;}
.pro_tit2 span{padding: 12px;position: relative;background: #fff;z-index: 2;}

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 ol li.product_img a:hover img,ul.pro_list3>li ol li.product_img a:hover img,ul.pro_list2>li ol li.product_img a:hover img{border-color:#0f4e92; }
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 #eee;}
ul.pro_list4>li ol li.product_con,ul.pro_list3>li ol li.product_con{font-size: 0.875rem;padding: 0.5rem;color: #333;text-align: center;}
ul.pro_list2>li ol li.product_con{font-size: 0.875rem;padding: 0.5rem;color: #333;text-align: center;}
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{font-size: 1rem;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.pro_list4.list2>li:nth-child(2){width: 45%;}
.grind_list>li{width: 32%;float: left;margin: 0 2% 1rem 0;}
.grind_list>li:nth-child(3n){margin-right: 0;}
.grind_list>li:nth-child(1),.grind_list>li:nth-child(3){width: 24%;}
.grind_list>li:nth-child(2){width: 48%;}
.grind_list>li .product_con{padding: 5px 0;text-align: center;font-size: .875rem;}

ul.style1,ul.style3{padding: 0.5rem 0;font-size: .875rem;margin-left: 2rem;}
ul.style1 li{list-style: disc;padding-bottom: 0.5rem;color: #666666}
ul.style3{margin-left: 4rem;}
ul.style3 li{list-style: decimal;padding-bottom: 0.5rem;color: #666666;}
ul.style4 li{list-style: decimal;padding-bottom: 0.5rem;color: #666666;font-size: .875rem;margin-left: 2rem;}
ul.style2{padding: .5rem 0;font-size: .875rem;margin-bottom: 1rem;}
ul.style2 li{display: inline-block;color: #555;background: #eee;padding: 0 .875rem;line-height: 1.5rem;margin: 0 .25rem .5rem 0;}
ul.style2 li a{color: #555;}
ul.style2 li a:hover{color: #b01a23;}
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>li ol li.product_con {
    font-size: .875rem;
}
.etw_mainbody {
    margin: 0 auto;
    background: #eee;
    padding: 1rem 0 1rem;
    overflow: hidden;
}
.feedback {
    width: 96%;
    height: auto;
    margin: 0 auto;
    max-width: 1170px;
	text-align: center;
}
.feedback p {
    width: auto;
	display: inline-block;
    color: #435669;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: left;
    margin: 0rem 3rem 0 0;
}
.feedback a {
    display: inline-block;
    width: auto;
    color: #fff;
    background: #435669 ;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    padding: 0.25rem 1rem;
}
.feedback a:hover{ background: #3669aa; }

#etw_producttitle {
    margin: 0px auto 0px;
    height: auto;
    color: #333;
    overflow: hidden;
    padding: 0.25rem 0;
    font-size: 0.75rem;
    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 {
    color: #2d2d2d;
    font-size: 1.75rem;
    padding: 5px 0 20px 0;
    text-align: left;
    position: relative;
}
.ny.title2:before{display: none;}
/*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;
}
a.xunpan{color: #e62d19;text-decoration: underline;}
a.xunpan:hover{color: #02478c;}
.list_style>li{padding-left: 1.5rem;position: relative;font-size: 0.875rem;color: #555;line-height: 1.5rem;}
.list_style>li:before{content: "";position: absolute;width: 16px;height: 1px;background: #777;left:0;top:12px;}
/****Footer****/
#footer .footer_links{width: 100%;color: #fff;background: #435669;padding: 2rem 0 2rem;}
#footer .footer_links .row{margin: 0;}
#footer .footer_links .title{color: #fff;font-size: 1.25rem;line-height: 1.75rem;padding-bottom: 0.75rem;}
#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.75rem;line-height: 1.5rem;display: block;position: relative;padding-left: 12px;}
#footer .footer_links .pblist ul li a:hover{text-decoration: underline;}
#footer .footer_links .pblist ul li a:before{content: "";
    position: absolute;
    border-left: 6px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    left: 0;
    top: 5px;
}
#footer .footer_links .row	ul.service li a:before{display: none;}
#footer .footer_links .row	ul.service li a{padding-left: 1.5rem;}
#footer .footer_links .row	ul.service li:nth-of-type(1) a{background: url(../images/icon1.png)no-repeat left center;}
#footer .footer_links .row	ul.service li:nth-of-type(2) a{background: url(../images/icon2.png)no-repeat left center;}
#footer .footer_links .row	ul.service li:nth-of-type(3) a{background: url(../images/icon3.png)no-repeat left center;}
#footer .footer_links .row	ul.service li:nth-of-type(4) a{background: url(../images/icon4.png)no-repeat left center;}
#home_bg{width:100%;overflow:hidden;background: #ebebeb; margin-top:2rem;}
#footer{ width:100%;height:auto; font-size:13px;background:#fff;}
#etw_footin{margin:0 auto;width:100%;overflow:hidden;text-align:center; max-width:1000px;  overflow:hidden; padding:1rem 0;    border-top: 1px solid rgba(255,255,255,.2);}
#etw_homefooter{overflow:hidden;width:100%;height:auto;margin-bottom:6px}
#etw_homefooter a{padding:0 1.25rem; color:#666;margin:6px 0; position:relative;font-size:.875rem;line-height:1rem;font-weight: 700;}
#etw_homefooter a:hover{color:#297de9;}
#etw_coper{margin-top:2px;width:100%;line-height:22px;}
#etw_coper a{display:block;color:#666}
#otherlink{clear:both;width:100%;height:auto; padding:5px 0;}
#otherlink a{color:#666; display:inline-block;padding:0 3px;font-size:12px; margin-right:5px; line-height:16px; border:1px #666 solid;}
#otherlink a span{position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#297de9; border-color:#297de9;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}
@media (max-width: 1199.98px) {
	.cpmpany_body ul>li:nth-of-type(n):before{display: none;}
	.feedback a{padding: 0.25rem 0.75rem;font-size: 1rem;}
	.feedback p{margin-right: 1rem;font-size: 1rem;}
}
@media (max-width: 991.98px) {
.container_box{padding-top: 0;}		
#home_list .home_cot:before{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;}
#etw_sidebar,#etw_banner{display: none;}
#etw_right{width: 100%;padding-right: 0;}
#container{margin-top: 0;}
.cpmpany_body ul{display: block;}
.cpmpany_body ul>li{overflow: inherit;margin-right: 2%;}	
.cpmpany_body ul>li img {transform: scale(1);}
.cpmpany_body ul>li:nth-of-type(2), .cpmpany_body ul>li:nth-of-type(3){float: none;width: auto;padding: 0;margin: 0 0 1rem;}
.cpmpany_body ul>li:nth-of-type(3){clear: both;float: left;width: 48%;}
.cpmpany_body ul>li:nth-of-type(4){margin: 0 0 1rem 2%;}
}
@media (max-width: 767.98px) {
#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;color: #fff;}
	#footer .footer_links{display: none;}
	#etw_footin{background: #435669;padding: 2rem 0 2rem;}
	#otherlink a {padding: 0 6px;margin-right: 4px;font-size: 12px;color: #fff;border: 1px #fff solid;}
	#etw_coper a{color: #fff;}
	#footer .footer_links .pblist ul li a{font-size: 0.75rem;}
	.company .cpmpany_body{overflow: hidden;}
.cpmpany_body ul{display: block;overflow: inherit;}
.cpmpany_body ul>li:nth-of-type(2){float: none;overflow: inherit;width: auto;}	
.cpmpany_body ul>li:nth-of-type(1),.cpmpany_body ul>li:nth-of-type(4){float: right;margin: 0;}
.app .row ul>li ol .title_g{font-size: .75rem;padding: .25rem 0;line-height: 1rem;}
.ny_banner{display: none;}	
.apply_list ul>li{width: 49%;}	
.apply_list ul>li:nth-child(3n){margin-right: 2%;}
.apply_list ul>li:nth-child(2n){margin-right: 0;}		
.brief {font-size: .75rem;}
}
@media (max-width: 575.98px) {
	.pro_left{width: 100%;text-align: center;}	
	ul.style2 li{font-size: .75rem;padding: .25rem .5rem;margin: 0 0 .5rem;}	
.mainpro ul li ol li.product_img{width: 100%;margin: 0;}
.mainpro ul li ol li.product_con{width: 100%;margin-bottom: 1rem;}	
#home_list .etw_contact{padding-top: 0.5rem;}
.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;}
	.cpmpany_body ul>li:nth-of-type(3){width: 100%;padding: 1rem;}
	.cpmpany_body ul>li:nth-of-type(4){width: 100%;padding-bottom: 1rem;}
	.cpmpany_body ul>li:nth-of-type(1){width: 100%;float: none;}
	.cpmpany_body ul>li:nth-of-type(2){width: 100%;padding-bottom: 1rem;}
	#footer .footer_links .row>div{padding: 1rem 0;border-bottom: 1px solid rgba(255,255,255,.3);}
	#footer .footer_links .row>div:nth-last-of-type(1){border-bottom: none;}
	.feedback{text-align: center;}
	.feedback p{margin-bottom: 1rem;text-align: center;}
	.mainpro ul>li{width: 100%;margin-right: 0;}
	.img_right,.img_right2{width: 100%;margin-left: 0;text-align: center;}
	.left_pic{width: 100%;margin-left: 0;}
	ul.pro_list3>li,ul.pro_list2>li,.mainpro.ny.list3 ul>li{width: 100%;margin-right: 0;text-align: center;}
	#etw_language .dropdown-item{display: none;}
}
@media (max-width: 400.98px) {.apply_list ul>li{width: 100%;}
/****Footer  END****/


/****banner****/