*{padding:0px; margin:0px; }
html{ font-size: 16px;background: #fff;}
ul,ol,li{ list-style: none; }
img{max-width:100%}
a:hover{ text-decoration:none;}
h2{font-weight:600; font-size:2rem; color:#8cc63e; margin-bottom:1rem;}

h2.classname{color:#8cc63e;text-align:center; margin:2rem 0 1.5rem 0;}
h2.classname span{display:inline-block; padding-bottom:0.8rem;  border-bottom:1px #e3e3e3 solid; position:relative;}
h2.classname span:before{ position:absolute; content:""; width:50%; height:2px; background:#8cc63e; left:0; right:0; margin:0 auto;bottom:-1px;}
h2.proname{ padding-bottom:0.5rem;}
.table tr.tbhead{ background:#f2f2f2 !important;}
.hrstyle{ margin-bottom:0rem; margin-top:0.8rem;}

.table{font-size:0.875rem;}
.table tr td{ vertical-align:middle !important;}
.table>tbody>tr>td:nth-child(5){font-size:10px;}
.table1>tbody>tr>td:nth-child(4){font-size:10px;word-wrap:break-word}
table,td{border:1px solid #b7b7b7!important}
table td{text-align:center;}
.thhead td:nth-child(1){ background:#222a35; color:#fff;}
.thhead td:nth-child(2){ background:#8cc63e; color:#2b341f;}
.thhead td:nth-child(3){ background:#9ddb4a; color:#2b341f; }
.thhead td:nth-child(4){ background:#bbf270; color:#2b341f;}
.thhead td:nth-child(5){ background:#baf865; color:#2b341f; }

body{color:#333; font-family:"OpenSans"; font-size:1rem; background:#fff;}
.container-fluid{width:100%; margin:0px auto; max-width:980px;} 

.header{width:100%;  background:#fff;}
.clearfix{clear:both}

@media (min-width: 1200px) { 
  .col-2-5{ max-width:20%;flex: 0 0 20%;}
}


/*language*/
#etw_language{width:100%; height:1.8rem; float:right;text-align:right; margin:0.938rem 0 0.5rem 0;}
#etw_language .dropdown-item{width: auto;color:#4fa502; margin-left:0.8rem;clear: inherit;display: inline-block; padding-right:0.6rem;}
#etw_language .dropdown-item:hover{color:#e07b0f; background:none;}

/*NAV*/
.top-nav{ width:auto; float: right;}
.navbar{ padding:0;}
.navbar-collapse{justify-content:flex-end;}
.navbar-light .navbar-nav .nav-link{color:#626362; padding:0rem; margin:0 1rem; font-size:1rem;}
.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .show>.nav-link{background-color:none;color:#8cc63e; border-bottom:0.14rem #8cc63e solid;}
.dropdown-menu{background:rgba(138,199,62,0.9); color:#8cc63e;}
.dropdown-item{ color:#fff; font-size: 0.85rem;}
.dropdown-item:hover{color:#ccc; background:none;} 
.dropdown-item.active, .dropdown-item:active{ background:none; color:#f26f0e;}

.menutitle{font-weight:600; font-size:0.95rem;}
.menutitle a{color:#fff;}
.menutitle a:hover{color:#f26f0e;}
.menulist{ width:100%;}
.menulist ul{ padding-top:0.6rem;}
.menulist li a{ display:block; color:#fff; font-size:0.8rem; line-height:1.2rem; padding-bottom:0.4rem; padding-left: 1rem;position:relative;}
.menulist li a:before{ position:absolute; content:"\f105"; font-size:12px; font-family:fontawesome; left:3px; top:0px; color:#fff;}
.menulist li a:hover,.menulist li a.active{ color:#f26f0e;}
.menulist li a:hover:before,.menulist li a.active:before{color:#f26f0e;}
.menuimg{ font-size:0.8rem;}


.content{width:100%; margin:0px auto; max-width:980px;  line-height: 1.4rem;}
.bannerslogan{ width:100%; margin:0 auto; margin-top:10%; padding:1rem 1.5rem;display:inline-block; text-align:center;}
.bannerslogan h1{ font-size: 3rem; color:#fff;line-height: 2rem;font-weight: bold; text-transform:uppercase; display:inline-block;}
.bannerslogan h3{ font-size:0.75rem; color:#fff; display:block; padding:0.8rem 0;}
.bannerslogan a{ color:#fff; display:inline-block; padding:0.5rem 2rem; border:2px #fff solid; margin-top:1.5rem;}
.banner2 .bannerslogan,.banner3 .bannerslogan{ margin-top:5%;}
.banner4 .bannerslogan{ margin-top:10%;}


.homeabout{ background:#8cc63e; padding:3rem 0;margin:0 auto; text-align:center; font-size:0.875rem;}
.homeabout .title{ color:#333; font-size:2.25rem; font-weight:700; text-align:center; display:block; padding-bottom:0.5rem;}
.homeabout p{ text-align:left;}
a.more{ color:#333; display:inline-block; padding:0.5rem 3rem; border:2px #333 solid; margin-top:1.5rem; }
a.more:hover{ border-color:#8cc63e; color:#8cc63e;}

a.morec{ color:#333; display:inline-block; padding:0.2rem 2rem; border:2px #333 solid; float:right; }
a.morec:hover{ border-color:#8cc63e; color:#8cc63e;}

.homeabout a.more:hover{ border-color:#fff; color:#fff;}
/*首页产品*/
.homepro{ text-align:center;}
.homepro .title{ color:#333333; font-size:2.25rem; font-weight:700; position:relative;}
.homepro p{ width:90%; margin:0 auto;}
.homepro ul{ text-align:left;}
.homepro ul li ol>li.proimg{ border:2px #e1e0e0 solid; text-align:center;}
.homepro ul li ol>li.proname a{ color:#5a5a5a; font-size:0.875rem;display:block; margin-top:0.6rem; padding:0.5em 0rem; font-weight:600;}
.homepro ul li ol>li.proname span{ color:#696969; display:block; font-size:0.75rem;}
.homepro ul li ol> li.proname a img{ width:100%;}
.homepro a.more{ margin-top:1rem;}
.homepro ul li:hover ol>li.proimg{border-color:#8cc63e;}
.homepro ul li:hover ol>li.proname a{color:#8cc63e;}

.homeprolist{ background:#212a34; text-align:center; color:#fff;}
.homeprolist .title{ color:#fff; font-size:2.25rem; font-weight:700;}
.homeprolist ul li ol>li.proname a{ color:#fff; font-size:0.875rem; text-align:left; display:block; padding-top:0.8rem;}
.homeprolist ul li:hover ol>li.proname a{color:#8cc63e;}

/*标题*/
.subtitle{display:block;font-weight:600; color:#12213D;font-size:1.2rem; margin:1.5rem 0 0.8rem 0; position:relative; padding-bottom:10px; position:relative}
.subtitle:before{ position:absolute; content:""; width:100%; max-width:40px; height:3px; background:#8cc63e; left:0; bottom:0px;} 

.breadcrumb{ background:#212a34;}
.breadcrumb a{ color:#b7b7b7 !important}
.breadcrumb-item.active{color:#b7b7b7;}

.proinfo{ color:#696969; font-size:0.875rem;}

.subtitle1{ margin:1.5rem 0 1rem 0; display:block; }
.subtitle1 a{ width:100%; color:#12213D; border-bottom:0.1rem #8cc63e solid; display:block; font-size:1rem;  padding-bottom:0.5rem;font-weight:700;}

/*li样式*/

ul.numli{width:100%; padding:0px 0 15px 0; float:none}
ul.numli li{list-style: decimal;margin:6px 0 4px 18px; line-height:22px;width:96%; float:none} 
ul.numli li.last{ margin-left:22px;}

/*产品列表*/
.prolist ul{ width:100%;display:flex; flex-flow: wrap;}
.prolist ul li ol>li.proimg{ border:2px #e1e0e0 solid; text-align:center;}
.prolist ul li ol>li.proname a{ color:#5a5a5a; font-size:0.875rem;display:block; margin-bottom:0.6rem; padding:0.5em 0rem; font-weight:600; text-align:center;}
.prolist ul li ol>li.proname span{ color:#696969; display:block; font-size:0.75rem;}
.prolist ul li ol> li.proname a img{ width:100%;}
.prolist ul > li ol li.promore a:hover{ color:#15569f;}
.prolist ul li:hover ol>li.proimg{border-color:#8cc63e;}
.prolist ul li:hover ol>li.proname a{color:#8cc63e;}


.prolist1{width:100%; height:auto; float:left}
.prolist1>ul{ width:100%; display:flex; flex-flow: wrap; margin-bottom:0}
.prolist1>ul>li{ width:100%; margin:0.5rem 0 1rem 0;} 
.prolist1>ul>li>ol,.prolist1>ul>li>ol>li{ width:100%}
.prolist1>ul>li>ol>li.proimg{width:30%; float:left; text-align:center; border:1px #dedede solid}
.prolist1>ul>li>ol>li.proimg img{ width:100%} 
.prolist1>ul>li>ol>li.proname{ width:67%; float:right; font-size:0.8325rem; line-height:1.25rem; color:#787878;}
.prolist1>ul>li>ol>li.proname a{ display:block; text-align:left; font-size:1.125rem; line-height:1.125rem; color:#8cc63e;  padding:0.2rem 0 1rem 0; font-weight:500;} 
.prolist1>ul>li>ol>li.proname a:hover{ color:#212a34;}  
.prolist1 ul li.proname .more a{display:inline-block; color:#787878; border:1px #ccc solid; text-align:center; font-size:0.875rem; padding:0.3rem 1rem; width:auto; margin-top:1rem;border-radius: 20px;}
.prolist1 ul li.proname .more a:hover{ color:#8cc63e; border:1px #8cc63e solid; text-decoration:none;}
.prolist1>ul>li>ol>li.proimg:hover{ border-color:#999;}


.slider{}
.protitle a{ display:block;color:#1d1d1d; font-size:1.25rem;line-height:1.1em;padding:0.5rem 0 1.1rem 0; margin-bottom:0.7rem; font-weight:600; border-bottom:1px #434343 solid;}

.productlist{width:100%;overflow:hidden;background-color: #f9fafa;}
.productlist>ul{overflow:hidden;width:100%; padding-top:0.4rem; margin-bottom:1rem;}
.productlist>ul>li{width:100%;position:relative; padding-bottom:0.5rem;}
.productlist>ul>li>a{ font-size:1rem; line-height:1.2rem; padding:0.4rem 0 0rem 0rem; color: #1d1d1d; display:block; position:relative;}
.productlist>ul>li:last-child>a{ border-bottom:none;}
.productlist>ul>li ol{ padding:0.3rem 0 0rem 0;}
.productlist>ul>li ol li>a{line-height:1.1rem;font-size:0.75rem;color:#777;display:block; position:relative; font-weight:400; padding:0.2rem 0 0.2rem 2.2rem;}

.productlist ul li a:hover,.productlist ul li a.active{ color:#8cc63e} 
.productlist ul li a:hover:before,.productlist ul li a.active:before{background:#8cc63e;}

/*About us附加样式*/
#company{background: #e8e8e8;width:100%; padding: 2rem 0 3rem;position: relative;margin:0 auto;}
#company .etw_hometitle{ text-align:center; font-size:1.125rem; line-height:1.6rem; padding:0 0 1rem 0; position:relative; color:#333;}
.company_right{width: 32%;float: right;position: relative;}
.company_left{width: 65%;float: left;position: relative;text-align: left}
#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}

.oemlist{ width:100%}
.oemlist ul li ol>li.proimg{ border:1px #e1e0e0 solid; text-align:center;}
.oemlist ul li ol>li.proname a{ color:#5a5a5a; font-size:0.875rem;display:block; margin-bottom:0.6rem; padding:0.5em 0rem; font-weight:600; text-align:center;}
.oemlist ul li ol> li.proname a img{ width:100%;}
.oemlist ul li:hover ol>li.proimg{border-color:#8cc63e;}
.oemlist ul li:hover ol>li.proname a{color:#8cc63e;}

.homeoem{ width:100%}
.homeoem{ text-align:center;}
.homeoem .title{ color:#333333; font-size:2.25rem; font-weight:700; position:relative;}
.homeoem ul{ width:100%;display:flex; flex-flow: wrap;}
.homeoem ul>li{width:10.75%;margin-right:2%; margin-bottom:0.7rem;}
.homeoem ul li:nth-child(8n){ margin-right:0;}
.homeoem ul li:nth-child(8n+1){ clear:both}
.homeoem ul li ol>li.proimg{ text-align:center;}
.homeoem ul li ol>li.proname a{ color:#5a5a5a; font-size:0.875rem;display:block; margin-bottom:0.6rem; padding:0.5em 0rem; font-weight:600; text-align:center;}
.homeoem ul li ol> li.proname a img{ width:100%;}
.homeoem ul li:hover ol>li.proimg{border-color:#8cc63e;}
.homeoem ul li:hover ol>li.proname a{color:#8cc63e;}

/*页码*/
.pagelist{ width:100%;}
.pagelist ul{display:flex;flex-flow: wrap; text-align:right;}
.pagelist ul li{ margin-right:0.5rem;}
.pagelist ul li a{ display:inline-block; cursor:pointer; padding:0rem 0.5rem; border:1px #8cc63e solid;border-radius: 2px; color:#638425;}
.pagelist ul li a:hover,.pagelist ul li.dq a{background: #8cc63e; color:#fff;}


/*video样式*/
.videoall{ width:100%; margin:0 auto; max-width:1200px;}
.videoall ul{display:flex;flex-flow: wrap;}
.videoall ul li{width:49%;float:left;margin:15px 2% 5px 0;}
.videoall ul li a{display:block;text-align:center; line-height:18px; font-size:14px;color: #555}
.videoall ul li:nth-child(2n){margin:15px 0px 5px;margin-right: 0}
.videoall ul li:nth-child(2n+1){clear: both;}
.videoall ul li span{display:block;margin-bottom:10px; text-align:center; padding-top:5px;}


/*其他产品*/
.otherpro{ background:#212a34; padding:1rem; margin-top:2rem; margin-bottom:1rem;}
.othertitle{ color:#fff; font-weight:700; font-size:1.25rem; display:block; padding-bottom:1rem;}
.otherpro ul{ width:100%;display:flex; flex-flow: wrap;}
.otherpro ul>li{width:23.5%; padding:0.5rem 1rem; margin-right:2%; margin-bottom:0.7rem;}
.otherpro ul li:nth-child(4n){ margin-right:0;}
.otherpro ul li:nth-child(4n+1){ clear:both}

.otherproli3 ul>li{width:32%;}
.otherproli3 ul li:nth-child(4n){ margin-right:2%;}
.otherproli3 ul li:nth-child(4n+1){ clear:none}
.otherproli3 ul li:nth-child(3n){ margin-right:0;}
.otherproli3 ul li:nth-child(3n+1){ clear:both}

.otherpro ul>li ol li.proname>a{ color:#fff; font-size:0.875rem; display:block; text-align:center; line-height:1.1rem; padding:1rem 0 0.5rem 0;}
.otherpro ul>li:hover ol li.proname>a{ color:#8cc63e;}

/*相关图片*/
.relatedimg li img,.progallery li img{ border:1px #ddd solid;}
figure a img{border:1px #fff solid;}
figure a:hover img{border:1px #15569f solid;}
.progallery figure{ margin-bottom:0;}
figure span{ text-align:center; display:block; padding-top:0.2rem;}

.imgboder img{border:1px #ddd solid;}

/*应用*/
.addcationlist li{ margin-bottom:1rem;}
.addcationlist a{ font-family: 'Dosis'; font-weight:600; font-size:1.1rem; color:#333;}
.addcationlist a:hover{color:#0e4b91;}
.addcationlist a.more{display:inline-block; color:#787878; border:1px #ccc solid; text-align:center; font-size:0.875rem; padding:0.3rem 1rem; width:auto; margin-top:0.5rem; font-family: 'OpenSans';font-weight:400;border-radius: 3px;}
.addcationlist a.more:hover{ color:#0e4b91; border:1px #0e4b91 solid; text-decoration:none;}

.more1 a{display:inline-block; color:#787878; border:1px #ccc solid; text-align:center; font-size:0.875rem; padding:0.3rem 1rem; width:auto; font-family: 'OpenSans';font-weight:400;}
.more1 a:hover{ color:#0e4b91; border:1px #0e4b91 solid; text-decoration:none;}

.nav-tabs{background-color: #f4f4f4;}
.nav-item a.nav-link{ color:#000;padding: .5rem 0.5rem;}

#floatchatiframe2011{ margin:-15px -15px 0 -15px;}

.contact{ line-height:1.8rem;}
.contact a{ color:#444;}
.contact a:hover{ color:#0e4b91;}
.conleft{ padding-left:4.4rem;}
#etw_form_title{ font-size:1rem;}
/*footer*/
.footer{ width:100%;}
.footcontact{ color:#1c1c1c; font-size:1rem; display:block; text-align:center;}
.footcontact a{ color:#000000; font-weight:500; font-size:2rem; display:inline-block;  padding:0rem 2rem; border:2px #333 solid; margin-bottom:0.5rem; margin-top:1rem;}
.footerli{ background:#8cc63e; overflow:hidden;}
.footerli a{ color:#333;}
.foottitle{ font-size:1rem; color:#302f2f; display:inline-block; padding-bottom:0.4rem; margin-bottom:1rem; border-bottom:1px #434343 solid;}
.footerli ul li a{ font-size:0.72rem; line-height:1rem;  display:block; color:#000;}
.footer a:hover{color:#f26f0e;}
.footcontact a:hover{ color:#fff; border-color:#fff;}
#footer .add,#footer .tel,#footer .email{ position:relative; padding-left:25px; display:block; margin-bottom:8px; padding-top:0.2rem}
#footer .add:before{content:'\f041';position:absolute; left:0px; top:0px; color:#333;font-family:fontawesome; font-size:20px;}
#footer .tel:before{content:"\f095";position:absolute; left:0px; top:0px; color:#333;font-family:fontawesome; font-size:18px;}
#footer .email:before{content:"\f0e0";position:absolute; left:0px; top:0px; color:#333;font-family:fontawesome; font-size:16px;}


#footerin{margin:0 auto; background:#212a34; text-align:center;padding:2rem 0;}
#footera{overflow:hidden;width:100%;height:auto;margin-bottom:6px}
#footera a{padding:0 18px; color:#fff;line-height:1rem; margin:6px 0; position:relative;font-size:0.9rem;}
#footera a:hover{color:#f26f0e;}
#footcoper{margin-top:2px;width:100%;line-height:22px}
#footcoper a{display:block;color:#fff}
#otherlink{clear:both;width:100%;height:auto; padding:8px 0;}
#otherlink a{color:#fff; display:inline-block;padding:0 8px;font-size:13px; margin-right:5px; line-height:22px; border:1px #fff solid; margin-bottom:5px;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#f26f0e; border-color:#f26f0e;}

        /*引用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样式*/
        

/*tags*/
#tags{ width:100%; float:left;margin-top: 1rem;margin-bottom: 1rem}
#tags_title{ display:block; color:#192634; font-size:1.25rem; line-height:28px; text-align:left; padding:0 0 10px 0;} 
#tags a{padding:5px 10px;margin:0 5px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; background:#eee;}
#tags a:hover{ background:#e4e4e4;}  
.etw_products_tags{ width:100%; height:auto; overflow:hidden;}
.etw_products_tags ul>li{ width:23%; margin:0 2.6% 2% 0;float:left;}
.etw_products_tags ul>li:nth-child(4n){ margin-right:0}
.etw_products_tags ul>li:nth-child(4n+1){ clear:both}
.etw_products_tags ul li ol,.etw_products_tags ul li ol li{ width:100%;}
.etw_products_tags ul li ol li.product_img,.etw_products_tags ul li ol li.product_con{ width:100%;}
.etw_products_tags ul li ol li.product_img{ text-align:center; transition:.3s; padding:3px; border:1px solid #eee; box-shadow:0 0 8px #ddd;} 
.etw_products_tags ul li:hover ol li.product_img{ border-color:#0c3b64;}
.etw_products_tags ul li ol li.product_img a img{height:150px}
.etw_products_tags ul li ol li.product_con a{ color:#888; line-height:18px; display:block; text-align:center; margin:12px 0; font-size:14px;}
.etw_products_tags ul li:hover ol li.product_con a{ color:#d2000d;}


#etw_top{position:fixed;right:150px;bottom:120px;z-index:999;text-align:center; display:none}
#etw_top,#etw_top a{width:40px;height:40px;line-height:46px;border-radius:50%; color:#fff; background:#fe0000;}
#etw_top a{display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s}
#etw_top a:hover{cursor:pointer;line-height:32px; background:#b71120;}